/* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ /* layout */ body.custom { background:#727878 none repeat scroll 0 0; text-align: center; } html.custom, body.custom { height:100%; } .custom ul, .custom ol { margin: 15px 0 15px 25px; list-style-type:circle; } .custom .col1, .custom .col2, .custom .col3, .custom .col4, .custom .col_1, .custom .col_2{ float:left} /*======= width =======*/ .custom #container{margin:0 auto; text-align:left; width:911px; } /*======= header =======*/ .custom #header {height:344px; background:url(/wp-content/themes/thesis/custom/images/en/layout/bg_top.gif) no-repeat top right} .custom #content .col_1{ width:291px; background-color: #EAE1C2} .custom #content .col_2{ width:620px} .custom #content .col1 { background:#7B8784; color:#ffffff;} .custom #content .fullwidth { background:#7B8784; color:#ffffff; width: 100%; } .custom #content .col2{ background:#E0CDA7;} /*======= index.html =======*/ .custom #page #content .col1{ width:310px} .custom #page #content .col2{ width:310px} /*======= index-1.html =======*/ .custom #page1 #content .col1{ width:620px} /*======= index-2.html =======*/ .custom #page2 #content .col1{ width:620px} /*======= index-3.html =======*/ .custom #page3 #content .col1{ width:620px} /*======= index-4.html =======*/ .custom #page4 #content .col1{ width:620px} .custom #page4 #content .col2{ width:287px} .custom #page4 #content .col3{ width:269px} /*======= index-5.html =======*/ .custom #page5 #content .col1{ width:620px} .custom #page5 #content .col2{ width:268px} .custom #page5 #content .col3{ width:286px} /*======= index-6.html =======*/ .custom #page6 #content .col_1{ width:911px} /* general */ .custom .vam{ vertical-align:middle} .custom .fl{ float:left} .custom .fr{ float:right; background: url(/wp-content/themes/thesis/custom/images/en/layout/footer_logo.png) no-repeat; height: 60px; text-indent: 120px;} .custom .tac{ text-align: center} .custom .width{ width:100%} .custom a img{ border:0px} .custom img{ vertical-align:top; } .custom b{color:#fff;} .custom a{color:#6d94c9; text-decoration:underline} .custom a:hover{text-decoration:underline} .custom a.redlink {color:#BE2020;} .custom .a{background:url(/wp-content/themes/thesis/custom/images/en/layout/arrow7.gif) top left no-repeat; background-position:0 5px; margin:0px; padding-left:10px; color:#fff; font-weight:bold; } .custom .a1{background:url(/wp-content/themes/thesis/custom/images/en/layout/arrow5.gif) top left no-repeat; background-position:0 5px; margin:0; padding-left:10px; color:#BE2020; font-weight:bold; } .custom .a2{background:url(/wp-content/themes/thesis/custom/images/en/layout/arrow6.gif) top left no-repeat; background-position:0 5px; margin:0; padding-left:10px; color:#6082b0; margin-left:60px;} /*header*/ .custom #header {color:#e4eefe } .custom #header .logo{ margin:35px 0 0px 0px } .custom #header .pic{ margin:109px 0 0px 291px; position:absolute} .custom #header .menu{ background:#283744; padding:15px 0 21px 0;width: 291px; height: 199px; } .custom .product-menu { background:#BE2020; padding:15px 0 21px 0;width: 291px; height: 199px; } .custom #header .menu1{ padding:66px 0px 0px 400px; position:absolute; text-transform:uppercase;} .custom #header .menu1 a{ color:#e4eefe; text-decoration:none; padding:0px 35px 0px 15px; } .custom #header .menu1 a:hover{ color:#fff; text-decoration:none; } .custom #header .menu1 span a{padding:0px 17px 0px 8px; background-position:0 5px} /*content*/ .custom #content{ width:100%; text-align:left; background:#FFFFFF} .custom #content .indent{padding:26px 15px 61px 28px} .custom #content .indent_col1{padding:24px 30px 30px 34px} .custom #content .indent_col2{padding:24px 10px 30px 34px} .custom #content p{ margin:0px 0px 21px 0px; } .custom #content .p1{ margin:20px 0px 21px 0px} .custom #content .p2{ margin:20px 0px 0px 0px} /*img*/ .custom #content .title{ margin-bottom:19px} .custom #content .pic_left{ float:left; margin:0px 24px 10px 0px} .custom #content .pic_left1{ float:left; margin:0px 20px 10px 0px} .custom #content .pic{ margin:0px 0px 11px 0px} .custom #content .more{ margin:20px 0px 0px 0px} /*bg*/ .custom #page1 #content, #page3 #content, #page4 #content, #page5 #content { background:url(/wp-content/themes/thesis/custom/images/en/layout/bg_cont1.gif) repeat-y top} .custom #page2 #content { background:url(/wp-content/themes/thesis/custom/images/en/layout/bg_cont2.gif) repeat-y top} /*text*/ .custom #content .col1 h4{ text-transform:uppercase; text-decoration:none; padding-bottom:15px} .custom #page #content h4{ text-transform:uppercase; text-decoration:none; padding-bottom:15px} .custom #page3 #content .row1 h4{ color:#ffffff; text-transform:uppercase; text-decoration:none; padding-bottom:15px} .custom #page5 #content .row1 h4{ color:#ffffff; text-transform:uppercase; text-decoration:none; padding-bottom:1px} .custom #page3 #content .col1 h4{color:#ffffff; text-transform:uppercase; text-decoration:none; padding-bottom:15px; text-decoration:none} .custom #page4 #content .col1 h4{color:#ffffff; text-transform:uppercase; text-decoration:none; padding-bottom:1px;} .custom #content h1{ color:#283744; text-transform:uppercase; text-decoration:none; padding-bottom:15px; } .custom #content h2{ color:#283744; text-transform:uppercase; text-decoration:none; padding-bottom:15px; } .custom #content .format_text h3{ color:#283744; text-transform:uppercase; text-decoration:none; padding-bottom:5px; } .custom #content h4{ text-transform:uppercase; text-decoration:none; padding-bottom:15px; } .custom #content h5{ color:#333; padding-bottom:5px; text-transform:uppercase; } .custom #content h6{ color:#ebe4e4; padding-bottom:5px; } .custom #content format_text h6{ color:#ebe4e4; padding-bottom:5px; } .custom .col1 a{ color:#FFFFFF} /*row*/ .custom #content .row1{ background:#BE2020; color:#7f9ac0;} .custom #content .row1 .indent { padding:28px 30px 38px 35px; } .custom #content .row1 .indentproduct { padding:28px 30px 0 35px; } .custom #content .row2{ background:#EAE1C2; padding:28px 30px 26px 35px; color:#8d8c8c; } .custom #content .row3{ background-color:#fff; padding:30px 24px 17px 34px; color:#898989; clear: right;} .custom #content .row1 a{ color:#fff} .custom #page2 #content .row3 a{ display:block; margin-bottom:5px} /*index.html*/ .custom #page .pad{padding:0px 0px 0px 13px} .custom #page .pad1{padding:20px 0px 0px 13px} .custom #page .col2 p{ margin:0px 0px 11px 0px} .custom #page #content .row3{ padding:17px 24px 17px 18px;} .custom #page #content .pic_left{ float:left; margin:0px 34px 0px 0px} /*index-1.html*/ .custom #page1 .pad{padding:0px 0px 20px 0px} /*index-2.html*/ .custom #page2 #content .h6{padding:5px 0 15px 0; } /*index-3.html*/ .custom #page3 .pad{padding:0px 0px 20px 0px} /*footer*/ .custom #footer { color:#838383; padding:5px 4px 55px 0px; background-color: #EAEAEA; background:url(/wp-content/themes/thesis/custom/images/en/layout/bot.gif) repeat-x top; height: 65px; border-top: 0; clear: none;} .custom #footer a {border-bottom:0px solid #CCCCCC; color:#888888;} .custom #footer a:hover { text-decoration:none} .custom #footer span a {color:#838383; text-decoration:none; background:url(/wp-content/themes/thesis/custom/images/en/layout/arrow1.gif) no-repeat top left; background-position:0 5px; padding:0px 12px 0px 17px; } .custom #footer span a:first-child { background:none; background-position:0 5px; padding:0px 12px 0px 17px; } .custom #footer span a:hover { text-decoration:none} .custom #footer .pic{ margin:0px 0px -10px 249px;} .custom .push { height: 65px; /* .push must be the same height as .footer */ } .custom input{ border:1px solid #333; background:#fff; color: #000; padding-left:5px; margin-bottom:3px } .custom textarea{ border:1px solid #333; background:#fff; padding-left:5px; color:#333; margin-bottom:11px; overflow:auto} /*mainnav */ .custom .menu ul { margin: 0px 0 0 0; padding-left: 0; list-style-type: none; color: #fff; font-size: 1.6em; letter-spacing: .135em; } .custom .menu a { display: block; padding: 7px; border-top: solid 1px #283744; border-bottom: solid 1px #283744; width: 277px; background-color: #283744; text-align: center; text-transform: uppercase; font-weight: normal; color: #fff; text-decoration: none; } .custom .menu a:link { color: #fff; text-decoration: none; } .custom .menu a:hover { background-color: #34424F; color: #fff; border-top: solid 1px #ededed; border-bottom: solid 1px #ededed; } .custom .menu .current_page_item a, .custom .menu .current_page_ancestor a { border-top: solid 1px #ededed; border-bottom: solid 1px #ededed; background-color: #485D70; color: #fff; } /* product nav */ .custom .product-menu ul { margin: 0; padding: 0 0 10px 0; list-style-type: none; color: #fff; } .custom .product-menu ul li { font-size: 1.6em; letter-spacing: .135em; } .custom .product-menu ul li ul { color: #fff; font-size: 0.4em; letter-spacing: .135em; } .custom .product-menu a { display: block; padding: 7px; border-top: solid 1px #BE2020; border-bottom: solid 1px #BE2020; width: 277px; background-color: #BE2020; text-align: center; text-transform: uppercase; font-weight: normal; color: #fff; text-decoration: none; } .custom .product-menu a:link, .custom #navlist-product a:visited { color: #fff; text-decoration: none; } .custom .product-menu a:hover { background-color: #941919; color: #fff; border-top: solid 1px #ededed; border-bottom: solid 1px #ededed; } .custom .product-menu .current_page_item a { border-top: solid 1px #ededed; border-bottom: solid 1px #ededed; background-color: #7E1515; color: #fff; } .custom .product-menu ul li.current_page_item li a { /* sub menu on a selected product line (eg bycool or minicool) */ border-top: solid 1px #BE2020; border-bottom: solid 1px #BE2020; background-color: #BE2020; color: #fff; } .custom .product-menu ul li.current_page_item li a:hover { /* sub menu HOVER on a selected product line (eg bycool or minicool) */ background-color: #941919; color: #fff; border-top: solid 1px #ededed; border-bottom: solid 1px #ededed; } .custom #footerlist ul { display: inline; } .custom #footerlist li { display: inline; list-style-type: none; padding-right: 15px; } .custom #sidebars {display: none; } .custom #page { padding: 0 } .custom #header { padding-left: 0; padding-right: 0; padding-bottom: 0; padding-top: 0; border-bottom: 0; clear: none; } .custom .drop_cap {color: #283744} .custom .headline_area { margin-bottom: .6em } .custom .post_box { padding-top: .6em } .custom blockquote { font: 14px/20px italic Times, serif; padding: 8px; border-left: 0; border-top: 0px solid #e1cc89; border-bottom: 0px solid #e1cc89; margin: 5px; background-image: url(/wp-content/themes/thesis/custom/images/en/layout/openquote1.png); background-position: top left; background-repeat: no-repeat; } .custom blockquote p:first-child { text-indent: 23px; } .custom blockquote span { display: block; background-image: url(/wp-content/themes/thesis/custom/images/en/layout/closequote1.png); background-repeat: no-repeat; background-position: bottom right; } .custom .testimonial-author { color: #333; font-weight: bold; } /* set up arrows (for main headings headings) */ .custom .col_1 .row1 h4.arrow { background: url(/wp-content/themes/thesis/custom/images/en/layout/arrow-dab183.png) no-repeat 0px 2px; color: #fff; text-decoration: none; padding: 0 0 0 22px; } .custom .col_1 .row2 h4.arrow { background: url(/wp-content/themes/thesis/custom/images/en/layout/arrow-283744.png) no-repeat 0px 2px; color: #333; text-decoration: none; padding: 0 0 0 22px; } .custom .col_2 .col1 h4.arrow, .custom .fullwidth h4.arrow { background: url(/wp-content/themes/thesis/custom/images/en/layout/arrow-c00.png) no-repeat 0px 0px; color: #fff; text-decoration: none; padding: 0 0 0 22px; } .custom .col_2 .col2 h4.arrow { background: url(/wp-content/themes/thesis/custom/images/en/layout/arrow-006.png) no-repeat 0px 0px; color: #333; text-decoration: none; padding: 0 0 0 22px; } .custom .col_1 .row1 h5 { color: #333; font-size: 1.2em; } .custom #content .indent_col2 h5 { color: #BE2020; font-size: 1.2em;} .custom .col_1 .row1 p { color: #ebe4e4; } .custom .sidebar_text {font-size:1.3em; line-height:1.5em;} .custom .productnav_text h4 { font-size: 1.4em } hr { color: #fff; border: 1; height: 0px; width: 80%; text-align: center; margin-bottom: 10px;} .custom .clear { clear: both; } .custom a.button { /* Sliding right image */ background: transparent url('/wp-content/themes/thesis/custom/images/en/layout/bg_button_a.gif') no-repeat scroll top right; display: block; float: left; height: 35px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */ margin-right: 6px; padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ /* FONT PROPERTIES */ text-decoration: none; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; } .custom a.button span { /* Background left image */ background: transparent url('/wp-content/themes/thesis/custom/images/en/layout/bg_button_span.gif') no-repeat; display: block; line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */ padding: 7px 0 5px 18px; } .custom a.button:hover span{ text-decoration:underline; } /* Translation bar */ .custom #transl_sign {display: none;} .custom #translation_bar {width: 130px; display: inline;} .custom #header .menu1 a#flag_en {padding: 0 5px;} .custom #header .menu1 a#flag_fr {padding: 0 5px;} .custom #header .menu1 a#flag_es {padding: 0 5px;}