/* 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/ */ /*.custom #header #logo { display:block; width:230px; height:42px; text-indent:-5000px; background: url(images/logo.png) 0 0 no-repeat; }*/ .custom .entry-title { font-weight:bold; } .custom .menu { background:#2793E9; padding-left:3em; padding-right:3em; width:93.1em; margin-left:-22px; } .custom .menu a{ padding:1em 0.818em; } .custom #sidebars { background:#F1F0EC; } .custom .relatedposts ol, .custom .relatedposts ul { margin: 0; padding: 0; margin-left: 20px; } .custom .relatedposts ol li, .custom .relatedposts ul li{ font-size: 12px; font-color: #666; line-height: 18px; margin-bottom: 12px; } /*---:[ headlines ]:---*/ .custom .format_text h2, .custom .format_text h3, .custom .format_text h4, .custom .format_text h5, .custom .format_text h6 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .custom .format_text h2, .custom .format_text h3 { font-size: 0.8em; line-height: 1.222em; margin: 1.833em 0 0.611em 0; } .custom .format_text h4 { font-size: 0.76em; } .custom .format_text h5 { font-size: 0.786em; } .custom .format_text h6 { font-size: 0.786em; } .custom .format_text ul { margin: 0 0 1.571em 0.9em; } .custom .format_text ul li, .custom .format_text ol li { font-size: 13px; color: #000;line-height: 18px;margin: 0 0 8px 0; list-style:disc;} .custom .format_text ol { margin: 0 0 1.571em 1.571em; } .format_text ul ul, .custom .format_text ul ol, .custom .format_text ol ul, .custom .format_text ol ol { margin: 0 0 0 1.571em; } /* DOMtabs skin by Michael Martin - http://www.problogdesign.com */ /* DOMtabs script - http://www.onlinetools.org/tools/domtabdata/ */ /* Install guide: http://www.problogdesign.com/general-tips/how-to-install-domtabs-on-wordpress/ */ ul.domtabs li {margin-right:0.5em;} /* Space between each tab. Set to 0 for no space. */ div.domtab div { display:none; } ul.domtabs { list-style:none; padding:0; margin:0; } ul.domtabs li { float:left; padding:0 0.5em; text-align:center; border-style:solid; border-width:1px 1px 0 1px; } ul.domtabs li a { text-decoration:none; } .domtab div { border-width:0 1px 1px 1px; padding:0.5em; clear:both; } /*------------------------------------------*/ /* BODY */ /*------------------------------------------*/ body.custom {font:100% Arial, Helvetica, sans-serif; background:#0078B5 url(images/body.png) repeat-y center top;} /*------------------------------------------*/ /* CONTAINER */ /*------------------------------------------*/ .custom #container {width:auto; background:transparent url(images/container.png) repeat-x 0 139px;} /*------------------------------------------*/ /* PAGE */ /*------------------------------------------*/ .custom #page {background:transparent; padding:0; background:url(http://blog.zuberance.com/wp-content/uploads/2010/01/page1.gif) repeat-x 0 181px;} /*------------------------------------------*/ /* HEADER */ /*------------------------------------------*/ .custom #header {width:900px; margin:0 auto; padding:25px 0 22px; position:relative;} /*- Logo -*/ .custom #header #logo {width:auto; height:auto; background:none;} .custom #header #logo a {display:block; width:215px; height:31px; background:url(images/logo.gif) no-repeat 0 0;text-indent: -5000px;} /*- Tagline -*/ .custom #header #tagline {font-size:0; text-indent:-9999em; width:425px; height:15px; position:absolute; top:37px; right:48px; z-index:1; background:url(images/tagline.gif) no-repeat 0 0;} /*- Recommend -*/ .custom #recommendZuberance {font-size:0; text-indent:-9999em; padding:13px 0 0 256px; display:block; width:210px; height:48px;} .custom #recommendZuberance a {/*display:block; width:210px; height:48px; background:url(images/recommend.png) no-repeat 0 0;*/} .custom #recommendZuberance a:hover {/*background-position:0 -48px;*/} /*- Menu -*/ .custom .menu {width:900px; margin:0 auto; padding:0; background:none;} .custom .menu a {font-size:0.8em; font-weight:bold; letter-spacing:-0.04em; background:none; text-shadow:#0066B2 1px 1px;} .custom .menu .current a, .custom .menu .current a:hover, .custom .menu .current-cat a, .custom .menu .current-cat a:hover {color:#FFF; text-shadow:#007AD5 1px 1px; background:#0077FF url(images/current.png) repeat-x 0 0;} /*------------------------------------------*/ /* CONTENT */ /*------------------------------------------*/ .custom #content_box {background:#FFF; width:900px; margin:0 auto;} /*------------------------------------------*/ /* ARCHIVE */ /*------------------------------------------*/ .custom #archive_info {padding:10px 15px; margin:20px 0 0 0; width:424px; background:#FFF url(images/archive.jpg) no-repeat 0 0;} .custom #archive_info p {font-size:0.7em; padding:0 2px 4px 2px; margin:0; text-transform:none; color:#666; letter-spacing:0;} .custom #archive_info h1 {padding:0; margin:0;} /*------------------------------------------*/ /* POST */ /*------------------------------------------*/ .custom #content {width:450px;} .custom .post_box, .custom .teasers_box, .custom .full_width #content_box .page {margin-left:0;} .custom .headline_area {margin-bottom:1.3em;} .custom .entry-title {font-size:1.4em;} .custom .headline_meta {font-size:0.6em;} .custom .headline_meta span, .custom .headline_meta abbr {text-transform:none !important;} .custom .format_text p {font-size:0.6em; color:#585858; line-height:150%;} .custom .bracket {display:none;} .custom .to_comments {font-weight:bold; font-size:1.1em;} .custom .format_text .to_comments a {display:block; color:#0065A4; padding:1px 0 8px 40px; background:url(images/comments.gif) no-repeat left center;} .custom .format_text .to_comments span {font-size:1em; color:#0065A4;} .custom .format_text a.more-link {clear:both; padding:3px 10px; background:#DEEEF9; font-weight:bold; color:#0066A4; text-decoration:none;} .custom .format_text a.more-link:hover {color:#333;} .custom .prev_next {font-size:0.8em;} /*------------------------------------------*/ /* COMMENTS */ /*------------------------------------------*/ .custom dl#comment_list, .custom dl#trackback_list {font-size:0.6em; border:0; color:#333; width:454px;} .custom dl#comment_list dd, .custom dl#trackback_list dd {border:0; font-size:1.6em; padding-top:0; padding-left:10px;} .custom dl#comment_list dt a, .custom dl#trackback_list dt a {color:#0071BC;} .custom dl#comment_list dt, .custom dl#trackback_list dt {padding:10px; background:#FFF url(images/commentBg.jpg) no-repeat 0 0; overflow:hidden;} .custom .comments_intro {font-size:0.8em; color:#666; font-weight:bold; padding:7px 0 6px 42px; margin-left:0; background:url(images/comments.gif) no-repeat left 10px;} .custom .comments_intro span {font-size:1em; color:#666;} .custom .comments_intro a {color:#0066A4;} .custom #trackback_list dd span {font-size:0.8em; color:#666;} /*------------------------------------------*/ /* RESPOND */ /*------------------------------------------*/ .custom #respond {width:454px; font-size:0.7em; background:#E8F3FB url(images/respondTop.gif) no-repeat 0 0;} .custom #respond_intro {margin:0; padding:15px 12px 5px;} .custom #respond form {background:#E8F3FB url(images/respondBottom.gif) no-repeat 0 100%; border:0;} .custom #respond form label {font-size:0.9em;} .custom #respond form input, .custom #respond form textarea {background:#FFF; border:1px solid #CCC;} .custom #respond .form_submit {font-size:0.9em; color:#666; background:#E7E7E7 url(images/respondBtn.jpg) repeat-x 0 0;} /*------------------------------------------*/ /* POST NAV */ /*------------------------------------------*/ .custom .post_nav {font-size:0.6em; padding-top:20px;} /*------------------------------------------*/ /* SIDEBARS */ /*------------------------------------------*/ .custom #sidebars {width:428px; background:#FFF url(images/sidebar.jpg) repeat-y 0 0;} .custom .sidebar {float:left; width:214px !important;} .custom ul.sidebar_list {padding-top:1.2em;} .custom .sidebar_list h3 {color:#FFF; font-weight:bold; font-variant:normal; letter-spacing:-0.03em; padding:3px 10px; background:url(images/sidebarTitle.png) no-repeat 0 0; margin:0;} .custom .sidebar_list li {font-size:0.9em; width:195px; margin-bottom:1.2em;} .custom .sidebar_list li ul {padding-bottom:6px; background:#EBF5FB url(images/sidebarUl.gif) no-repeat 0 100%;} .custom .sidebar_list li ul li {padding:3px 10px; font-size:0.85em; width:auto; margin:0; background:#F3F3F3; border-left:1px solid #74A6C6; border-right:1px solid #74A6C6;} .custom .sidebar_list li ul li a {color:#266A7D;} /*- TABS -*/ .custom .domtab {margin:1.2em 0 1.2em 1.1em;} .custom .domtab ul.domtabs {padding:10px; background:#0065A4 url(images/tabs.gif) no-repeat -1px 0; overflow:hidden;} .custom .domtab ul.domtabs li {border:0; background:#DEEEF9; padding:3px 10px; font-weight:bold; text-transform:uppercase; font-size:0.8em;} .custom .domtab ul.domtabs li.active {background:#B2D2E9;} .custom .domtab ul.domtabs li a {color:#0064A7;} .custom .domtab div {border:0 !important; padding:0 !important;} .custom .domtab div ul {padding:25px 10px 10px; background:#EBF5FB url(images/tabsUl.jpg) no-repeat 0 0;} .custom .domtab div li {list-style:none; font-size:0.8em; padding-bottom:5px;} .custom .domtab div li a {color:#0F6EA9; display:block; padding:3px 0 3px 25px; background:url(images/arrow.gif) no-repeat 0 4px;} .custom .domtab div li a:hover {text-decoration:underline;} /*- FEEDBURNER -*/ #feedburner {width:383px; height:150px; color:#B3B3B3; padding:15px; margin:0 0 0 1.1em; background:url(images/feedburner.jpg) no-repeat 0 0;} #feedburner h3 {color:#F7931E; font-size:1em; font-weight:bold; padding-bottom:10px;} #feedburner p {font-size:0.75em; width:250px; line-height:110%; clear:both;} #feedburner input {float:left; padding:7px 10px; background:#FFF; border:1px solid #FF961E; margin:15px 10px 10px 0; color:#333;} #feedburner button {float:left; width:35px; height:31px; text-indent:-9999em; font-size:0; margin:15px 0 10px 0; cursor:pointer; background:url(images/goBtn.gif) no-repeat 0 0; border:0;} #feedburner #deliveredBy {width:auto; text-align:right; padding:10px 8px 0 0;} #feedburner #deliveredBy span {font-size:0.85em;} #feedburner #deliveredBy span a {color:#F7931E;} /*- TWITTER -*/ .custom #twitter-3 {} .custom #twitter-3 h3 {display:none;} .custom #twitter-3 ul {background:url(images/twitterTop.jpg) no-repeat 0 0;} .custom #twitter-3 li {color:#666; padding:15px 15px 67px; border:0; background:url(images/twitterBottom.gif) no-repeat 0 100%;} #zubPlatformBtn {display:block; width:414px; height:45px; line-height:45px; color:#FFF; font-size:0.85em; font-weight:bold; letter-spacing:-0.02m; text-align:center; margin:0 0 20px 17px; background:url(images/platformBtn.png) no-repeat 0 0;} #zubPlatformBtn:hover {text-decoration:underline; background-position:0 -45px;} /*------------------------------------------*/ /* FOOTER */ /*------------------------------------------*/ .custom #footer {width:896px; margin:0 auto; padding:15px 2px; border-top:1px solid #DDD;} .custom #footer p {font-size:0.7em; text-align:left; line-height:normal; padding-bottom:3px;} /*------------------------------------------*/ /* ROUNDED CORNERS */ /*------------------------------------------*/ .custom .domtab ul.domtabs li, #feedburner input, .custom #respond form input, .custom #respond form textarea, .custom .format_text a.more-link, .custom .callUs {-moz-border-radius:4px; -webkit-border-radius:4px;} /*------------------------------------------*/ /* OTHERS */ /*------------------------------------------*/ .custom .webinarbanner { margin: 1.2em 0px 1.2em 1.1em;} /*------------------------------------------*/ /* OTHERS */ /*------------------------------------------*/ .custom .callUs {padding:15px 15px 8px; background:#EBF5FB url(http://blog.zuberance.com/wp-content/uploads/2009/12/telephone.gif) no-repeat 15px 15px; border:1px solid #B5E5FE;} .custom .callUs p {text-align:right; color:#0065A4; padding-bottom:7px; font-size:0.7em;} .custom .callUs p strong {font-size:1.7em; font-weight:normal;} .custom .callUs p a {font-weight:bold; color:#0065A4; text-decoration:underline;} .custom .callUs p a:hover {color:#333;} /*------------------------------------------*/ /* SAFARI fix */ /*------------------------------------------*/ @media screen and (-webkit-min-device-pixel-ratio:0){ .custom #page {background-position:0 179px;}} /*------------------------------------------*/ /* OPERA fix */ /*------------------------------------------*/ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){ .custom #page {background-position:0 182px;}} .custom .teaser { float: none; } /*------------------------------------------*/ /* IE fix */ /*------------------------------------------*/ * html body.custom {font-size:200%;} * html .custom #feedburner #deliveredBy {padding-top:5px;} * html .custom #recommendZuberance {padding-top:0; margin-top:-23px;} * html .custom #recommendZuberance a {background-image:url(http://blog.zuberance.com/wp-content/uploads/2010/01/recommend.gif);} *+ html body.custom {font-size:200%;} *+ html .custom #feedburner #deliveredBy {padding-top:5px;}