/* 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: https://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ body.custom { font-family: Helvetica Neue, Arial, Helvetica, sans-serif; } body.custom #page { background: #fff; } /* HEADER */ /* Get rid of thesis defaults */ .custom #header { padding: 0; margin: 0; border: none; display: none; } .custom #header_area { padding: 0; margin: 0; border: none; display: none; } .custom #header_area .page { padding: 0; margin: 0; border: none; display: none; } .custom .header_background { background: url(/assets/img/bg.jpg) repeat-x; width: 100%; min-width: 990px; height: 122px; border-bottom:5px solid #7ABCDE; } .custom .header_graphic { width: 100%; height: 100%; background: url(/assets/img/bg_sunrise.jpg) no-repeat scroll center center; border-bottom: 1px solid #5395bb; } .custom .header_graphic .limiter { display: block; position: relative; margin-right: auto; margin-left: auto; width: 970px; height: 109px; /* 109 + 12(padding) = 121 */ padding-right: 10px; padding-left: 10px; padding-top: 11px; } .custom .header_graphic .limiter .logo { background: url(/assets/img/logo_current.png) no-repeat scroll top left; width: 50%; height: 74px; float:left; } .custom .header_graphic .limiter .logo a { display: block; height: 80px; width: 480px; } .custom .header_graphic .login { text-align: center; margin-top: 17px; float: right; border: 1px solid #EDB795; -moz-border-radius: 100%; } .custom .header_graphic .login span { color: #333333; /*background-color: #FCCFA8;*/ padding: 5px; padding-right: 10px; padding-left: 10px; } .custom .header_graphic .login a, .header_graphic .login a:visited { color: #0099cc; } /*END HEADER*/ /* .custom #header_background { background: #DBFAFF url('images/bg.jpg') repeat-x; width: 100%; min-width: 990px; height: 122px; border-bottom:5px solid #7ABCDE; } .custom #header_graphic { width: 100%; height: 100%; background: transparent url('images/bg_sunrise.jpg') center no-repeat; border-bottom: 1px solid #5395bb; } .custom #header_graphic .page { height: 122px; padding-top: 0; } .custom #header { background: transparent url('/assets/img/logo_beta.png') left no-repeat; padding: 0; border-bottom: 0; height: 98px; } .custom #header a { padding-top: 20px; padding-bottom: 80px; padding-right: 480px; } */ /*NAVIGATION*/ .nav1 { display: block; position: absolute; z-index: 1; top: 92px; /*left: 10px;*/ } .nav1 ul, .nav1 li { border:0; margin: 0; padding:0; list-style:none; } .nav1 ul { height:30px; list-style-position: outside; clear: both; } .nav1 li { float:left; list-style-position: outside; margin-right:17px; } .nav1 .tab { margin-left: 14px; } .nav1 .tab a:link, .nav1 .tab a:visited{ background:url(/assets/img/tabs.png) no-repeat right 0px; border-bottom: 1px solid #5395bb; color:#422E29; display:block; position: relative; font-size: 12px; font-weight:bold; height: 30px; line-height:31px; text-decoration:none; cursor: pointer !important; } .nav1 .tab a span{ background:url(/assets/img/tabs.png) no-repeat left 0px; display:block; height:30px; margin-right:14px; margin-left: -14px; padding-left:15px; } .nav1 .tab a:hover{ background:url(/assets/img/tabs.png) no-repeat right -42px; } .nav1 .tab a:hover span{ background:url(/assets/img/tabs.png) no-repeat left -42px; } /* Current Elements */ .nav1 .tab a.current:link, .nav1 .tab a.current:visited, .nav1 .tab a.current:hover{ color: black; background:url(/assets/img/tabs.png) no-repeat right -85px; border-bottom: 1px solid #7ABCDE; z-index: 4; } .nav1 .tab a.current span, a.current:hover span{ background:url(/assets/img/tabs.png) no-repeat left -85px; border-bottom: 1px solid #7ABCDE; z-index: 4; } /*Secondary Navigation*/ .nav2 { background-color: #7ABCDE; border-bottom: 1px solid #5e9cbf; /*overflow: hidden;*/ display: block; z-index: 3; } .nav2 ul { list-style: none; width: 960px; margin-right: auto; margin-left: auto; margin-top: -3px; /*padding-bottom: 5px;*/ } .nav2 ul li { display: inline; height: 100%; } .nav2 ul li a { /*color: #00486c;*/ color: #333333; font-size: 14px; font-weight: bold; line-height: 27px; padding: 7px 10px 5px 10px; } .nav2 ul li a:hover { background: url(/assets/img/blue_tab_highlight.png) repeat-x; text-decoration: none; } .nav2 ul li .current { font-weight: bold; /*background: url("/assets/img/pointer.png") no-repeat; background-position: bottom center;*/ /*background: url(img/blue_tab_highlight.png) repeat-x;*/ background: #A1D3E8; /*#A1D3E8*/ } /* .nav1 ul, .nav1 li { border:0; margin: 0; padding:0; list-style:none; } .nav1 ul { height:29px; } .nav1 li { float:left; margin-right:17px; } .nav1 .tab { margin-top: -6px; margin-left: 14px; } .nav1 .tab a:link, .nav1 .tab a:visited{ background:url(images/tabs.png) no-repeat right 0px; border-bottom: 1px solid #5395bb; color:#422E29; display:block; d\isplay: inline-block; font-size: 12px; font-weight:bold; height: 30px; line-height:31px; text-decoration:none; cursor: pointer !important; } .nav1 .tab a span{ background:url(images/tabs.png) no-repeat left 0px; display:block; d\isplay: inline-block; height:30px; margin-right:14px; margin-left: -14px; padding-left:15px; } .nav1 .tab a:hover{ background:url(images/tabs.png) no-repeat right -42px; display:block; d\isplay: inline-block; } .nav1 .tab a:hover span{ background:url(images/tabs.png) no-repeat left -42px; display:block; d\isplay: inline-block; } / * Current Elements * / .nav1 .tab a.current:link, .nav1 .tab a.current:visited, .nav1 .tab a.current:hover{ color: black; background:url(images/tabs.png) no-repeat right -85px; border-bottom: 1px solid #7ABCDE; } .nav1 .tab a.current span, a.current:hover span{ background:url(images/tabs.png) no-repeat left -85px; border-bottom: 1px solid #7ABCDE; } */ /* END NAVIGATION*/ /* DIV FORMATTING */ .custom div.half { width:50%; float:left; } .custom div.third { width:33%; float:left; } .custom div.fourth { width:25%; float:left; } .custom .clear { clear:both; } .custom .relative { position: relative; } /* END DIV FORMATTING */ /*TEXT FORMATTING*/ .custom h1, .custom h2 { color: #FF7800 /*#DD7200*/; } .custom h1, .custom h2 a, .custom h2 a:visited { color: #FF7800 /*#DD7200*/; } .custom h1 a:hover, .custom h2 a:hover { color: #FF4C00; } .custom .format_text h2 { font-size: 1.4em; line-height: 1.3em; color: #006EB0; margin: 1.8em 0px 0.6em; } .custom .format_text h6 { /*hack*/ margin: 1em 0px 2em; } .custom .format_text ul { list-style-type: disc; } .custom .highlight { background: #FFFFB7; } .custom input[type="checkbox"] { margin-right: 10px; } .custom label em { font-size: .8em; background-color: whitesmoke; color: #808080; padding: 2px 4px 2px 4px; /*position: absolute; left: 150px;*/ margin-left: 10px; } /* END TEXT FORMATTING */ /*Table Settings*/ .custom table th { text-align: left; padding: 0 10px 5px 0; } .custom table td { padding: 0 10px 3px 0; } .custom table.full_width { width: 100%; } .custom div.right_align, .custom table.right_align, .custom tr.right_align, .custom td.right_align, .custom th.right_align { text-align: right; } .custom div.center_align, .custom table.center_align, .custom tr.center_align, .custom td.center_align, .custom th.center_align { text-align: center; } .custom table.top_align tr, .custom tr.top_align, .custom td.top_align, .custom th.top_align { vertical-align: top; } .custom table.middle_align tr, .custom tr.middle_align, .custom td.middle_align, .custom th.middle_align { vertical-align: middle; } .custom table td.nowrap { white-space: nowrap; } .custom .lighttable { border: 1px solid #9FC7F3; border-collapse:collapse; margin-bottom:20px; text-align:left; width:340px; } .custom .lighttable th { border-bottom:1px dashed #9FC7F3; color:#004888; background: #E8F1FF; font-weight:normal; padding:5px; } .custom .lighttable td { padding:5px; } .custom .lighttable tr:hover td{ background: #FFF3D6; } .custom .lighttable tfoot { border-top:1px dashed #9FC7F3; } .custom .lighttable tfoot tr td, .lighttable tfoot tr:hover td { background:#F2F9FF; } /*End Table Settings*/ /* JQUERYUI FIXES */ .custom .ui-widget { font-family: Helvetica Neue, Arial, Helvetica, sans-serif; } .custom .ui-accordion h2, .custom .ui-accordion h3, .custom .ui-accordion h4{ margin:0; font-size:1em; } /* END JQUERYUI FIXES */ /* BLOG NAV */ .custom ul#tabs { margin-top: 5px; } .custom ul#tabs li { } .custom ul#tabs li a { } .custom ul#tabs li a:hover { } .custom ul#tabs li.current_page_item, ul#tabs li.current-cat { padding-bottom: 0; border-bottom: 1px solid white; } .custom ul#tabs li.current_page_item a, ul#tabs li.current-cat a { } .custom ul#tabs li.rss a { background:transparent url(//managemyproperty.com/blog/wp-content/themes/thesis/images/icon-rss.gif) no-repeat scroll 100% 50%; } /*END BLOG NAV*/ /*FORMS*/ .custom form input[type="text"], form input[type="password"],textarea, select { background: white url(images/text_box.png) repeat-x; border: 1px solid #5e9cbf; font-family: helvetica, verdana, arial, sans-serif; } .custom form input[type="text"]:focus, form input[type="password"]:focus, textarea:focus, select:focus { background: white url(images/text_box_highlight.png) repeat-x; border: 1px solid #F39600; outline: none; } /*END FORMS*/ /* MISCELLANEOUS */ .custom .widget_text { background: #D9F6FF; border: 1px solid #7ABCDE; padding: 5px 10px 10px 10px; width: auto; } /*Temporary fixes*/ .custom #content_area { margin-top: 4px; } .custom ul#tabs { margin-top: 0; } .clear { clear: both; }