/* 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/ */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .custom { background: url("images/background-pages.png") repeat-x; font-family: Helvetica, sans-serif; } .home{ background: url("images/background.png") repeat-x; } .custom #content a, #content a:hover, #content a:visited { color: black; } .custom .comments_closed p {display:none; } html, .custom { height: 100%;} .custom .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -225px; /* the bottom margin is the negative value of the footer's height */ } .custom #footer_area, .custom .push { height: 225px; /* .push must be the same height as .footer */ } .custom #sidebars {width: 31.7em;} .custom #content {width: 58.2em;} .custom #content .prev_next {padding-top: 4em;} .custom #dsq-content h3 {font-weight: bold;font-size: 1.6em;padding-top:1em;} .custom #greet_block {padding-right:70px;} .custom .sociable img {width:32px;height:32px;} .custom #header_area {background:transparent;} .custom #header_area .page {height: 60px; margin-bottom: 5px;padding-top: 0px;} .custom #header {border-bottom:0; padding-left: 0;} .custom #header .customheader {margin-bottom: 4px;} .custom #header .customheader a.logo {width: 160px;height: 30px;display: block;text-indent: -2000px;background-image: url("images/logo.png");} .ie #header_area {margin-bottom: 40px;} .custom #nav_area {background:transparent; border-bottom:1px solid #DBD4B7; padding-top:10px;} .custom div.logo {float: left;} .custom div.logo a {text-decoration: none;font-size: 30px;color: white;} .custom .ie ul#tabs {width:50%;} .custom ul#tabs {border:none; float: left;display:inline;width:50%;} .custom ul#tabs li {margin-bottom:0; border:none; background:none; float: left; padding: 12px 0 12px 0; margin-right: 1em;} .custom ul#tabs li.current_page_item, .custom ul#tabs li.current-cat {background:url(images/navbarlink-bg-right.png) no-repeat scroll right center;} .custom ul#tabs li.current_page_item a, .custom ul#tabs li.current-cat a{background:url(images/navbarlink-bg-left.png) no-repeat scroll left center;color: white;} .custom ul#tabs li.rss {visibility: hidden;} .custom ul#tabs li a, ul#tabs li a:visited, ul#tabs li a:hover {color:#000; text-decoration:none;font-weight:bold; font-size: 1.2em; text-transform:none; padding-left: 0.8em;padding-right: 0.6em;} .custom ul#tabs li a:hover {text-decoration:underline;cursor: pointer;} .custom .fbviewer{display:block;padding-top:18px;padding-left:18px;float: left;} .custom .fbviewer a {color:black;font-size: 1.2em;font-weight:bold;letter-spacing:2px;} .custom .follow {padding-top:14px;float:right;display:block;width: 56px;margin-right: -12px;} .custom .follow .followtwitter {display:block;float:right;background:url(images/follow-24.png) no-repeat scroll;background-position:0px 0px; width: 24px;height: 24px;text-indent:-2000px;margin-left: 4px;} .custom .follow .followrss {display:block;float:right;background:url(images/follow-24.png) no-repeat scroll;background-position:-24px 0px; width: 24px;height: 24px;text-indent:-2000px;} .custom #content_box {background : transparent;} /* ******************************************************** */ .custom .home_banner_left {width: 460px; float: left;} /* .custom .home_banner_left h1 {line-height:1em;letter-spacing:2px; color: white; font-weight: bold; font-size: 3.2em;text-shadow:1px 1px 3px #333; margin: 10px 0 0;} .custom .home_banner_left h2 {font-size: 2.4em;line-height:1.2em; font-weight: normal;color: white; overflow:hidden; margin: 20px 0 20px 0;padding-top: 10px;} .custom .home_banner_left h3 {font-size: 16px;line-height:1.2em;padding-top: 10px;font-weight: normal;} .custom #frame1 .home_banner_left h1 {background: url("images/tagline.png") no-repeat; width: 400px;height: 135px; text-indent: -9999px;} .custom #frame1 .home_banner_left h2 {background: url("images/tagline-2.png") no-repeat; width: 425px;height: 80px; text-indent: -9999px;} */ .custom .home_banner_left li { background-repeat:no-repeat; list-style:none;display:inline; float: left; margin-left: 2.8em;} .custom .home_banner_left li.taketour {background-image: url("images/taketour.png");} .custom .home_banner_left li.taketour a {width: 214px;height: 39px;display: block;text-indent: -2000px;} .custom .home_banner_left li.watchthevideo {background-image: url("images/watchthevideo.png");} .custom .home_banner_left li.watchthevideo a {width: 208px;height: 39px;display: block;text-indent: -2000px;} .custom li.onlinedemo {margin-right:1em;} .custom li.onlinedemo a {/*width: 176px;*/height: 39px;display: block;/*text-indent: -2000px;background-image: url("images/onlinedemo.png");*/color:white; font-size:1.4em;line-height:39px;} .custom li.onlinedemo a:hover {text-decoration:underline;} .custom .onlineviewer {} .custom .onlineviewer a {width: 214px;height: 39px;display: block;text-indent: -2000px;background-image: url("images/onlineviewer.png");margin: 0 auto;} .custom li.download, .custom li.buynow, .custom li.buynow24 , .custom li.buynow99 {display:inline; float: right;} .custom li.download a {width: 161px;height: 39px;display: block;text-indent: -2000px;background-image: url("images/download.png");} .custom li.download-flairbuilder a {width: 389px;height: 49px;display: block;text-indent: -2000px;background-image: url("images/download-flairbuilder.png");} .custom li.buynow a {width: 162px;height: 39px;display: block;text-indent: -2000px;background-image: url("images/buynow.png");} .custom li.buynow24 a {width: 111px;height: 39px;display: block;text-indent: -2000px;background-image: url("images/buynow24.png");} .custom li.buynow99 a {width: 111px;height: 39px;display: block;text-indent: -2000px;background-image: url("images/buynow99.png");} .custom .features_sidebar li.download, .custom .features_sidebar li.buynow {float: left;margin-bottom: 1em;margin-left: 1.6em;} .custom .home_banner_left a.nextframe {float: right; margin-top: -20px; background-image: url("images/taketour-nextframe.png"); width: 136px;height: 39px;display: block; text-indent: -2000px;} .custom .home_banner_right {float: right;width: 460px;height: 330px; margin: 5px 0 0px 0;} .custom .screenshot1 {background: url("images/application-screenshot-relection.png") no-repeat;} .custom .screenshot2 {background: url("images/application-screenshot-facebook.png") no-repeat;} .custom .screenshot3 {background: url("images/screenshot-detail.png") no-repeat;} .custom .screenshot4 {background: url("images/application-screenshot-iahoo.png") no-repeat;} .custom .screenshot5 {background: url("images/ScreenShot-Twitter-2.png") no-repeat;} .custom .home_banner_right div {width: 100%; height: 100%; text-align: center; font-size: 6em;font-weight: bold;padding-top: 60px;overflow:hidden;} .custom .home_banner_right div a {width: 100%;height: 191px;display: block;text-indent: -2000px;background-position: center 0px;background-image: url("images/play-button.png");background-repeat:no-repeat;} .custom .home_banner_right div a:hover {width: 100%;} .custom #sb-body-inner { background-color: #ffffff; } #tour{ overflow: hidden; height: 330px; /*margin-bottom: -6.2em;*/ } .container { width: 10000px; } .frame { float: left; width: 940px; overflow: hidden; margin-right: 40px; } #frame_tabs{ clear: both; } #slide_tabs { height: 70px; overflow: hidden; visibility: hidden; } #slide_tabs ul { margin-top: 70px; } #slide_tabs ul li{ width: 20%; margin: 0; padding: 0; float: left; list-style: none outside none; } #slide_tabs ul li a{ display: block; background-color: #153e66; line-height: 1.8em; font-size: 1.4em; font-weight: normal; color: white; padding: 0.4em 1em 0.3em 0.5em; margin: 0.2em 0 0.2em 0; /*opacity: 0.95; filter:Alpha(opacity=95);*/ border-left: solid 1px #eeefff; border-bottom: solid 0px #eeefff; } #slide_tabs ul li a span{ } #slide_tabs ul li.active_tab a{ background-color: #15436E; } /* *** */ .custom .blog_title { text-shadow:1px 1px 3px #333; color: #fff; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='#444444'); font-size: 30px; margin: 0.6em 0 0.6em 0; } .custom .post_box { padding-top: 1.2em; margin: 0; } .custom .home_banner_left h1, .custom .home_banner_left p { overflow:hidden; text-shadow:1px 1px 3px #333; color: #fff; } .custom .home_banner_left h1 { filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='#444444'); } .custom .home_banner_left h1{ font-size: 3.0em; line-height:1.1em; letter-spacing:2px; /*font-weight: bold; margin: 10px 0 10px 0; */ padding: 0 0 20px; } .custom .home_banner_left p { font-size: 1.4em; line-height:1.4em; font-weight: normal; margin: 0.6em 0 1em 0; /* padding-top: 10px; */ } .custom .headline_area h1 { color: white; overflow:hidden; font-size: 3.2em; text-shadow:1px 1px 3px #333; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color=#333333); margin-bottom: 0.6em; } .custom .headline_area h1.entry-title { color: #111111; font-size: 2.2em; text-shadow:0px 0px; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color=#333333); } .custom #content .top .headline_area h2.entry-title a, .custom #content .top .headline_area h2.entry-title a:visited, .custom #content .top .headline_area h2.entry-title a:hover { /* color: white; */ } .custom #content_box .homepage_content { } .custom .homepage_content_right .homequote { padding-bottom: 2em; } .custom .homepage_content_right div.quote { font-style: italic; text-align: left; padding: 0; font-size: 1.4em; line-height: 1.8em; font-family: Georgia; color: #333; } .custom .homepage_content_right div.author { float:left; font-size: 1em; } .custom #content_box .homepage_content .homepage_content_left{ display: inline-block; width: 60em; padding-top: 3em; /*background: url("images/featured-content-background.png") no-repeat;*/ background-position: top 5px; float: left; } .custom #content_box .feature_data{ display: inline; float: left; width: 28em; margin-right: 2em; height: 12em; margin-top: 0em; margin-bottom: 2em; color: #333333; } .custom #content_box .feature_data div.feature_image { width: 100px; height: 60px; float: left; text-indent: -999em; background-color: #e6e6e6; margin-right: 1em; margin-bottom: 0.4em; } .custom .largefeature { width: 36em; } .custom .largefeature h2{ font-size: 1.8em; } .custom .largefeature p{ font-size: 1.2em; line-height: 1.8em; } .custom .largeimage { width: 560px; height: 350px; background-repeat:no-repeat; } .custom .largeimage1 { background-image: url('tempimages/Large ScreenShot 1.png'); } .custom .largeimage2 { background-image: url('tempimages/Large ScreenShot 2.png'); } .custom .largeimage3 { background-image: url('tempimages/Large ScreenShot 3.png'); } .custom #content_box .feature_data div.feature_image1 { background-image: url('images/feature-data-screenshot.png'); } .custom #content_box .feature_data div.feature_image2 { background-image: url('images/feature-pages.png'); } .custom #content_box .feature_data div.feature_image3 { background-image: url('images/feature-components.png'); } .custom #content_box .feature_data div.feature_image4 { background-image: url('images/feature-behaviors.png'); } .custom #content_box .feature_data div.feature_title { font-size: 1.8em; line-height: 1.2em; color: #333; display: inline; font-weight: normal; } .custom #content_box .feature_data div.feature_title span { } .custom #content_box .feature_data div.feature_data_text { font-size: 1.2em; margin-top: 0.6em; line-height: 1.6em; } .custom #content_box .homepage_content .homepage_content_right{ float: right; display: inline; width: 33em; padding-top: 3em; } .custom div.recent_blog_posts { } .custom div.recent_blog_posts h4 { } .custom div.recent_blog_posts h4 a{ font-size: 1.2em; line-height: 1.6em; text-decoration: none; font-weight: normal; } .custom div.recent_blog_posts h4 a:hover { text-decoration: underline; } .custom div.customers { background: url("images/featured-content-background.png") no-repeat; background-position: top 5px; margin-top: 2em; padding-top: 3em; padding-bottom: 2em; } .custom div.customers strong { color: #333; font-size: 1.2em; } .custom div.customers span.customers_image { background-image: url("images/customers.png"); display: block; width: 930px; height: 91px; } .custom .headline_meta { } .custom #feature_box { display: none; } .custom #content.features_content { width: 100%; } .custom #content .features_sidebar { background: url("images/features-sidenav-top.png") no-repeat scroll 0 top; padding: 9px 0 0; float: left; margin-right: 2em; width: 23em; } .custom #content .features_sidebar .features_sidebar_bottom { background: url("images/features-sidenav-bottom.png") no-repeat scroll 0 bottom; padding: 0 0 8px 0; } .custom #content .features_sidebar ul { font-family: "Arial"; font-size: 1.4em; font-weight: bold; line-height: 2em; background: url("images/features-sidenav-bg.png") repeat-y; } .custom #content .features_sidebar ul li.page_item { list-style: none; padding-left: 1em; } .custom #content .features_sidebar ul li.current_page_item { background: url("images/features-sidenav-selected-bg.png") no-repeat scroll -4px center; } .custom #content .features_sidebar ul li.page_item a, .custom #content .features_sidebar ul li.page_item a:hover, .custom #content .features_sidebar ul li.page_item a:visited{ color: #545454; } .custom #content .features_sidebar ul li.page_item a:hover, .custom #content .features_sidebar ul li.current_page_item a:hover { text-decoration: underline; } .custom #content .features_sidebar ul li.current_page_item a, .custom #content .features_sidebar ul li.current_page_item a:visited, .custom #content .features_sidebar ul li.current_page_item a:hover { color: #fff; } .custom #content .post_box .feature-entry { float: right; width: 49em; padding-bottom: 2em; } .custom #content .post_box .feature-entry h1{ margin-bottom: 0.8em; } .custom #content_box #sidebars { margin-top: 5em; } .custom #footer_area{ background-color: #F4F4F4; border-top: solid 1px #999999; } .custom #footer_area{ height: 224px; } .custom #footer{ border: none; } .custom #footer { text-align: left; padding-left: 0; padding-right: 0; color: #333333; } .custom #footer a { border: none; } .custom #footer .footer_column { display: inline; float: left; width: 20em; padding-right: 10em; } .custom #footer .footer_column ul li { } .custom #footer .footer_column ul div { margin-top: 10px; } .custom #footer .footer_column ul li.header { font-size: 1.4em; font-weight: bold; border-bottom: 1px dotted #333333; list-style: none; margin-bottom: 0.5em; } .custom #footer .footer_column ul { clear: both; } .custom #footer .footer_column li{ list-style: none; line-height: 1.8em; } .custom #footer .footer_column li.page_item a { border: none; font-size: 1.2em; color: #333333; } .custom #footer .footer_column li.page_item a:hover{ text-decoration:underline; } .subscribe { } .custom #footer .subscribe label { display: block; font-size: 1.2em; } .custom #footer .subscribe input[type='text'] { height: 1.6em; width: 75%; font-size: 1.2em; padding-top: 0.2em; } .custom #footer .subscribe input[type='submit'] { height: 2em; font-size: 1.2em; background: #177DCA none repeat scroll 0 0; border-color: #177DCA; color: #fff; font-weight: bold; } .custom ul.hul { font-size: 1.4em; padding-bottom: 0.4em; } .custom ul.hul li{ list-style: none; display: inline; } .custom table.discounts { border:solid 1px black; font-size:11px; width: 350px; padding: 0; border-spacing: 0; border-left: none; border-top: none; margin: 0 auto; } .custom table.discounts tr, .custom table.discounts td, .custom table.discounts thead{ margin: 0;padding: 0; } .custom table.discounts tr td{ text-align: center; font-weight: bold; border:solid 1px black; margin:0; border-right: none; border-bottom: none; } .custom table.discounts tr.row { } .custom table.discounts tr.odd { background: white; } .custom table.discounts thead tr, .custom table.discounts tr.even { background: #1985D8; color: white; } .custom #content table.discounts tr.even td a { color: white; } .custom table.discounts thead tr td{ font-size: 12px; } .custom .subscribe2rss { font-weight: bold; margin-top: 1em; padding: 0.6em 0 0.6em 36px; background-color: #efefef; border: 1px solid #e6e6e6; background-image: url('images/rss.png'); background-repeat: no-repeat; background-position: 10px; } .custom .post_update { margin-top: 0.6em; margin-bottom: 1em; padding: 0.6em 0.6em 0.6em 1em; background-color: #efefef; border: 1px solid #e6e6e6; } .custom .sidebar_list .buynow { padding-top: 1em; } .testimonial { font-family: Georgia, serif; color: #555555; } .testimonial-author { padding-left: 3em; font-weight: bold; font-size:larger; } #sidebars .testimonial { font-size: 1.4em; } #content .testimonial { font-size: 1em; } /*---------------------------*/ .triangle-right { position:relative; padding:15px; margin:1em 0 1.5em; color:#fff; background:#075698; /* default background for browsers without gradient support */ /* css3 */ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; /* NOTE: webkit gradient implementation is not as per spec */ background:-webkit-gradient(linear, left top, left bottom, from(#2e88c4), to(#075698)); background:-moz-linear-gradient(top, #2e88c4, #075698); background:-o-linear-gradient(top, #2e88c4, #075698); background:linear-gradient(top, #2e88c4, #075698); } /* creates triangle */ .triangle-right:after { content:"\00a0"; display:block; /* reduce the damage in FF3.0 */ position:absolute; bottom:-40px; /* value = - border-top-width - border-bottom-width */ left:50px; /* controls horizontal position */ width:0; height:0; border-width:20px 0 20px 20px; /* vary these values to change the angle of the vertex */ border-style:solid; border-color:#075698 transparent transparent; } /* Bubble with a border rather than solid colour ------------------------------------------ */ .triangle-border { position:relative; padding:15px; margin:1em 0 1.5em; border:5px solid #eeeeee; color:#333; background:#eeeeee; /* css3 */ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } /* creates the larger triangle */ .triangle-border:before { content:"\00a0"; display:block; /* reduce the damage in FF3.0 */ position:absolute; bottom:-40px; /* value = - border-top-width - border-bottom-width */ left:40px; /* controls horizontal position */ width:0; height:0; border:20px solid transparent; border-top-color:#eeeeee; } /* creates the smaller triangle */ .triangle-border:after { content:"\00a0"; display:block; /* reduce the damage in FF3.0 */ position:absolute; bottom:-26px; /* value = - border-top-width - border-bottom-width */ left:47px; /* value = (:before left) + (:before border-left) - (:after border-left) */ width:0; height:0; border:13px solid transparent; border-top-color:#eeeeee; } .twitter-box { position:relative; padding:15px; margin:0; border:1px solid #eeeeee; color:#333; background:#eeeeee; /* css3 */ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } /* Pricing table */ .pricing_container { margin: 0 auto; margin-top: 2em; } .pricing_container .pricing_option{ float: left; width: 260px; border: 1px #999 solid; height: 200px; background-color:#eeeeee; padding: 10px; } .pricing_container .pricing_option h1 { text-align:center; font-weight: bold; color: #333; } .pricing_container .pricing_option .price_tag { text-align:center; font-size: large; margin-top: 0.4em; } .pricing_container .pricing_option .price_subtitle { text-align:center; font-size: 13px; font-weight: bold; color:#09C; } .pricing_container .pricing_option .price_explanation { text-align:center; border: none; border-top: 1px #999 solid; font-size: 0.9em; line-height: 1.4em; padding:1em 0 0em 0; font-weight: bold; } .pricing_container .pricing_option ul { margin: 0; text-align: center; margin-top: 0.8em; } .pricing_container .pricing_option ul li { width:100%; text-align: center; } .pricing_container .pricing_option ul a { display: inline-block; } .ie .pricing_container .pricing_option ul a { display: block; } .pricing_container .pricing_option_left{ border-right: none; } .pricing_container .pricing_option_right{ } .tellafriend { font-size:1.4em; line-height:1.8em; margin-bottom: 2em; } .tellafriend div.text { background:url('images/speech_bubble_grey.png') no-repeat top left ; background-repeat: none; background-color:#efefef; padding:1em 2em 1em 4em; }