/* 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: http://thesis.naked-dsl.com.au/wp-admin/admin.php?page=thesis-file-editor&codepress=off&file=custom.css 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 { margin-top:40px; } .navmenu { float:left; font-size: 1.4em; font-family: courier; color: white; width: 100%; background-color: #606060; padding:0.4em 0.8em; border-right:1px solid black; display: inline; position:fixed; z-index: 1000; } .navmenu ul { float:left; width:100%; padding:0; margin:0; list-style-type:none; } a.navtext { float:left; text-decoration:none; text-align:center; color:white; background-color: #606060; padding:0.2em 0.6em; border:2px solid #606060; } a.navlink:link, a.navlink:visited { float:left; text-decoration:none; text-transform: lowercase; text-align:center; color:white; background-color: #39CE1A; padding:0.2em 0.6em; border:2px solid #606060; } a.navlink:hover, a.navlink:active { background-color: #8be778; border: 2px dashed #808080; } .navmenu li {display:inline;} body.custom { background-image:url(/images/bg.png); background-repeat:repeat-x; } .custom #container{ background:#F0F0F0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; border:black 2px solid; } .custom #content_box{ padding-top:20px; background:#FFFFFF; /*border-left: 1px solid rgb(221, 221, 221);*/ /*border-right: 1px solid rgb(221, 221, 221);*/ } .custom .no_sidebars{ padding-top:0 !important; } .custom .no_sidebars #content{ background:#FFFFFF !important; border-left: 1px solid rgb(221, 221, 221); border-right: 1px solid rgb(221, 221, 221); } .custom #header{ padding-top:11px; border:none; } .custom #header #logo a{ color:#96213F; font-variant:small-caps; } .custom #header #logo a:hover{ color:#4F6921; } .custom #content{ padding-top:10px; padding-bottom:10px; } .custom #sidebars{ margin-top:10px; margin-bottom:10px; margin-left:-8px; /*border-top: 3px #21967F dotted;*/ /*border: 3px #21967F dotted;*/ } .custom #sidebars li.widget{ border:1px black solid; border-top-style:none; -webkit-border-radius:15px; border-radius:15px; -moz-border-radius:15px; padding:0 5px 5px 5px; margin-bottom:20px; width:auto; } .custom #sidebars li.widget h3{ margin:0 -6px 5px -6px; padding-bottom:5px; padding-top:4px; background-color:#C2C9FF; color:#235E96; text-align:center; border:1px black solid; border-bottom:2px black dashed; -webkit-border-top-left-radius:15px; -webkit-border-top-right-radius:15px; border-top-left-radius:15px; border-top-right-radius:15px; -moz-border-radius-topright:15px; -moz-border-radius-topleft:15px; } .custom .menu{ padding-left:1px; /* border-bottom:solid rgb(221,221,221) 1px;*/ } .custom .menu .tab{ border-bottom: solid black 1px; margin-right:5px; } .custom .menu .current{ /*border-bottom:solid 1px white;*/ /* margin-bottom:-1px; padding-bottom:1px;*/ } .custom .menu .tab a{ -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; -moz-border-radius-topright:10px; -moz-border-radius-topleft:10px; } .custom .menu .tab .item a{ -webkit-border-radius:0; border-radius:0; -moz-border-radius:0; background-color:transparent; background-image:none; } .custom .menu .current a{ /*border-bottom:none;*/ background-color: #999999; } .custom .menu .tab .current a{ color:white; } .custom .menu a{ width:95px; text-align:center; } .custom .menu li ul{ border-top:solid black 1px; background-color:rgb(154, 161, 255); -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; } .custom .menu ul, .custom .menu ul li{ width:auto; } .custom .menu li.rss a:hover{ color:purple; } .title-right{ float:right; margin:-10px 0 0 0; padding: 0 0 0 0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:black 1px solid; height:60px; } .custom #footer .left-widgets{ float:left; margin-left:0px; text-align:left; width:33%; } .custom #footer .right-widgets{ float:left; margin-right:0px; text-align:right; width:33%; } .custom #footer .middle-widgets{ float:left; width:33%; margin:0 auto; text-align:center; } .custom #footer li.widget{ list-style-type:none; } .custom .titled-box{ border:1px black solid; border-top-style:none; -webkit-border-radius:15px; border-radius:15px; -moz-border-radius:15px; padding:0 5px 5px 5px; max-width:450px; margin:0 auto; } .custom .titled-box .title{ margin:0 -6px 5px -6px; background-color:#C2C9FF; color:#235E96; text-align:center; border:1px black solid; border-bottom:2px Black dashed; -webkit-border-top-left-radius:15px; -webkit-border-top-right-radius:15px; border-top-left-radius:15px; border-top-right-radius:15px; -moz-border-radius-topright:15px; -moz-border-radius-topleft:15px; font-size:24pt; font-variant:small-caps; } .custom .titled-box .title, .custom .menu li.tab a, .custom .menu .tab .item a:hover, .custom #sidebars li.widget h3, .shiny{ background-image:url(http://www.naked-dsl.com.au/images/shiny5.png); background-repeat:no-repeat; } .custom .titled-box h3.small{ font-size:16pt; } .custom div.collapse h3:hover{ background-color:#B45788; color:white; text-decoration:underline; cursor:pointer; } .custom .titled-box select{ width:70px; font-size:1em; } .custom .titled-box .searchBoxContent{ width:310px; float:left; } .custom .titled-box ul{ list-style:none; padding:10px 0 15px 3px; margin:0 5px 0 0; /* background-color:#7E99B4;*/ background-color:#FFCF89; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .custom .titled-box ul li{ /*border:1px black solid;*/ border:none; border-right:3px #FFCF89 solid; background-color:#B8FF89; /* color:#96213F;*/ color:#966621; padding:2px 10px 2px 10px; margin-top:5px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; border-top-left-radius:10px; border-bottom-left-radius:10px; font-weight:bold; } .custom .titled-box ul li:hover{ text-decoration:underline; background-color:#D5FFBA; cursor:pointer; border-color:transparent; } .custom .titled-box ul li.active, .custom .titled-box ul li.active:hover{ /*border:1px black solid;*/ /*border-right:none;*/ border-color:white; background-color:white; color:#4F9621; text-decoration:none; cursor:default; } .custom .titled-box ul li a{ text-decoration:inherit; color:inherit; } .custom div.collapse{ width:280px; } .custom .no_sidebars .collapse{ float:right; margin-top:20px; } .custom .refineBoxContents{ font-size:0.7em;; width:280px; } .custom .format_text input{ width:auto; margin-left:2px; margin-right:2px; } .custom .search{ background:transparent url(/images/magnifying-glass-sm.png) no-repeat scroll right top; } .custom .compareButton{ display:inline-block; width:15em; -webkit-border-radius:10px; border-radius:10px; -moz-border-radius:10px; margin: 1px 0 1px 3px; padding-left:5px; padding-right:10px; background-color:black; background:url(/images/LtBlue-Gradient.png) repeat-x scroll left top; font-weight:bold; color:white; font-variant:small-caps; text-transform:capitalize; } .custom .compareButton:hover{ cursor:pointer; background-image:url(/images/LtBlue-Inv50.png); } .custom .compareButton img{ margin-right:4px; } .plan-table{ border:black 1px solid; border-collapse:collapse; } .plan-table td, th{ padding:4px 6px 4px 6px; text-align:center; } .plan-table tr.plan-row-alt{ background-color:#FFE3BA; } .plan-table th{ background-color:#B49C71; } .plan-table th.sortable a{ padding-right:20px; background: transparent url(/images/sortable.gif) no-repeat; background-position: bottom right; } .plan-table th.sortup a{ padding-right:20px; background: transparent url(/images/sort-up.gif) no-repeat; background-position: bottom right; } .plan-table th.sortdown a{ padding-right:20px; background: transparent url(/images/sort-down.gif) no-repeat; background-position: bottom right; } .plan-table td.planname{ font-style:italic; } .plan-table td.price{ background-image: url(/images/PriceTag.png); background-repeat:no-repeat; width:156px; height:78px; font-size:1.3em; font-weight:bold; font-family:cursive; } .plan-table td.moredetail a{ font-size:1em; font-weight:bold; } .plan-table td.signupLink{ background-image: url(/images/Special.png); background-repeat:no-repeat; width:120px; font-size:1.3em; } .plan-table span.peakQuota{ font-size:1.3em; font-weight:bold; } .custom input[type="checkbox"], .custom input[type="radio"]{ background-color:transparent; border:none; } .custom .headline_area{ margin-bottom: 0.8em; } .custom .top{ padding-top: 0.8em; } .custom #exchangeTabs{ margin:0; padding:0; list-style:none; display:block; clear:both; overflow:auto; position:relative; z-index:10; } .custom #exchangeTabs li{ display:inline-block; padding: 0.1em 0; width:220px; float:left; margin-left: 2em; border:4px rgb(255, 207, 137) solid; background: rgb(184, 255, 137); color: rgb(150, 102, 33); font-weight:bold; font-variant:small-caps; font-size:1.2em; text-align:center; -webkit-border-top-left-radius:15px; -webkit-border-top-right-radius:15px; border-top-left-radius:15px; border-top-right-radius:15px; -moz-border-radius-topright:15px; -moz-border-radius-topleft:15px; } .custom #exchangeTabs li:hover{ background-color: rgb(213, 255, 186); border-bottom-color: rgb(213, 255, 186); cursor:pointer; text-decoration:underline; } .custom #exchangeTabs li.open, .custom #exchangeTabs li.open:hover{ border-bottom-color: white; background:white; color: rgb(79, 150, 33); text-decoration:none; } .custom #exchangeTabs li a{ color:inherit; text-decoration:inherit; margin: 0 auto; } .custom #exchangePageContent{ border:4px rgb(255, 207, 137) solid; margin: -4px -6px 0 -6px; position:relative; z-index:1; padding:4px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; } .custom .availability-title{ margin:8px auto 4px auto; font-size:3em; color:green; text-align:center; width:50%; font-weight:bold; line-height:1em; } /**User review Styling**/ div.userReview{ display:table; } div.urSummary{ clear:both; display:none; } div.urPros{ min-height:25px; clear:both; display:block; } div.urPros .urTitle{ background-image:url(/images/Happy_16.png); background-repeat:no-repeat; background-position:top left; } div.urCons{ min-height:25px; clear:both; display:block; } div.urCons .urTitle{ background-image:url(/images/Sad_16.png); background-repeat:no-repeat; background-position:top left; } div.urComments{ clear:both; display:block; min-height:25px; } div.urComments .urTitle{ background-image:url(/images/chat24.png); background-repeat:no-repeat; background-position:top left; } div.urOverall{ clear:both; display:block; } .urTitle{ display:inline-block; /*width:110px;*/ width:0px; padding-left:27px; color:transparent; overflow:hidden; font-size:0; overflow:hidden; font-weight:bold; text-align:right; float:left; } .urText{ } .urFinalRating{ display:inline-block; text-align:center; padding-top:25px; font-size:25px; font-weight:bold; width:64px; height:64px; background-image:url(/images/star_64.gif); background-repeat:no-repeat; }