PrestaShop/modules/themeconfigurator/css/live_configurator.css

/*
* 2007-2013 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <contact@prestashop.com>
*  @copyright  2007-2013 PrestaShop SA
*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*/

#gear-right{
  background: #333333;
  display: block;
  height: 50px;
  left: 215px;
  position: fixed;
  top: 150px;
  width: 50px;
  z-index: 20;
}

#gear-right i{
  display: block;
  padding-top: 10px;
  text-align: center;
}

#tool_customization{
  position: fixed;
  left: 0;
  top: 150px;
  z-index: 20; 
  height: auto;
  width: 215px;
  background: #333333
}

#tool_customization p{
  padding: 15px;
  color:#ffffff;
  font-size: 13px;
  text-shadow: 0.1em 0.1em 0.05em #000000
}

#tool_customization p span{
  color:#8d8c8c;
  font-size: 11px;
}

#tool_customization .list-tools{
  background: #484848;
  border:1px solid #595959;
  border-left: none;
  border-right:none;
  height:50px;
}

#tool_customization .list-tools p{font-weight: bold;}

#tool_customization .list-tools i{padding-top: 3px}

#tool_customization #color-box{padding: 15px}

#tool_customization #color-box ul li{
  display: inline-block;
  border: 1px solid #595959;
  height:27px;
  width: 27px;
  margin:5px 5px 5px 0;
}

#tool_customization #color-box .color-theme1{
  display:block;
  width:0px;
  height:0px;
  border-left-color:transparent !important;
  border-top-color:transparent !important;
  position: relative;
  z-index: 1
}

#tool_customization #color-box .color-theme2{
  display:block;
  width:25px;
  height:25px;
  position: relative;
  top: -26px;
}

#tool_customization #color-box ul li.theme1{display:none}

#tool_customization #color-box ul li{cursor:pointer}

#tool_customization #color-box .theme1 .color1{border:13px solid #ffffff;}
#tool_customization #color-box .theme1 .color2{background: #484848;}

#tool_customization #color-box .theme2 .color1{border:13px solid #f6f6f6;}
#tool_customization #color-box .theme2 .color2{background: #f2404e;}

#tool_customization #color-box .theme3 .color1{border:13px solid #cbccbe;}
#tool_customization #color-box .theme3 .color2{background: #584336;}

#tool_customization #color-box .theme4 .color1{border:13px solid #fdfdfd;}
#tool_customization #color-box .theme4 .color2{background: #eac12d;}

#tool_customization #color-box .theme5 .color1{border:13px solid #ffffff;}
#tool_customization #color-box .theme5 .color2{background: #729f42;}

#tool_customization #color-box .theme6 .color1{border:13px solid #f1f1f1;}
#tool_customization #color-box .theme6 .color2{background: #317081;}

#tool_customization #color-box .theme7 .color1{border:13px solid #f5f1e8;}
#tool_customization #color-box .theme7 .color2{background: #b04444;}

#tool_customization #color-box .theme8 .color1{border:13px solid #fcfcfc;}
#tool_customization #color-box .theme8 .color2{background: #43bebc;}

#tool_customization #color-box .theme9 .color1{border:13px solid #f9f6ed;}
#tool_customization #color-box .theme9 .color2{background: #eea200;}

#tool_customization #font-box{padding:0 15px 15px;}
#tool_customization #font-box p{
    padding:0; 
    margin: 15px 0 5px;
    color:#9c9b9b;
}

#tool_customization #font-box .font-list{
  background: #484848;
  border:1px solid #595959;
  height:30px;
  width:180px;
  color:#ffffff;
}

#tool_customization #font-box .font-list li{clear:both;padding-right: 10px;}

#tool_customization #font-box .font-list li p{
  display: inline-block;
  margin: 0;
  padding: 5px 15px;
  color:#9c9b9b;
  text-shadow: 0 0 0 transparent;
}

#tool_customization #font-box .font-list li i{padding-top: 6px}


#tool_customization .btn-tools{
  background: #484848;
  border:1px solid #595959;
  border-left: none;
  border-right:none;
  height: 56px;
  padding: 10px 15px;
}

#tool_customization .btn{font-weight: bold;}

#tool_customization .btn-1{
  background: #727171;
  color: #ffffff;
  text-shadow: 0.1em 0.1em 0.05em #000000
}
#tool_customization .btn-2{
  background: #ffffff;
  color: #3a3939;
}

#tool_customization #block-advertisement{
  padding: 15px
}