/* File: custom.css Description: Custom styles for Twpolo BASIC USAGE: If you have enabled the custom stylesheet in the Twpolo 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 Twpolo installation using this file can be found in the User's Guide: http://diythemes.com/twpolo/rtfm/customizing-twpolo-with-customcss/ */ body.custom { background: #fff url('images/bg-wpolo.jpg') 80% 0 no-repeat ; /*background-attachment:fixed;*/ } /* background was water-blue: #476a7d */ /*---:[ core layout elements ]:---*/ /* #column_wrap { background-image: none; } */ .custom #content_box { background-image: none; } /* remove vertical line between sections */ .custom #header { border: none; clear: both; } /* border-bottom: 3px double #FFC93C; */ .custom #sidebars { border: none; } /* border-style: solid; border-color: #FFC93C; */ .custom #sidebar_1 { border: none } /* border-style: dotted; border-color: #FFC93C; */ .custom #sidebar_2 { padding-top: 200px; } /* push sidebar2 down */ /* home page special */ .homepagespecial #sidebar_1 { padding-top: 33em; } .homepagespecial .slideshow {border: none; outline: none; position:relative; left:-15.35em; top:-15.1em; padding-bottom: 5px; } /*---:[ #header styles ]:---*/ .custom #header { position:relative; left:-0.8em; top:-2.8em; display:block; } .custom #header #logo { font-weight: 900; font-size: 2.3em; letter-spacing: 0.09em; } .custom #header #logo a { color: navy; } .custom #header #logo a:hover { color: DarkRed; } .custom #header #tagline { font-size: 1.7em; font-weight: 200; color: navy; text-decoration: overline; } .custom .slideshow {border: none; outline: none; } /*---:[ footer styles ]:---*/ .custom #footer { color: White; border: none; text-align: right; clear: both; text-decoration: none;} /* border-top: 3px double #FFC93C; */ .custom #footer p { color:white; font-size: 4pt; text-decoration: none; border-bottom: 0;} .custom #footer a { color: White; text-decoration: none; border-bottom: 0; } .custom #footer a:hover { color: DarkRed; font-size: 12pt; text-decoration: none;} /* TOP-OF-THE-PAGE LOGIN BOX */ .custom .diy_bar { width: 22em; float: right; } .custom .twpolo_bar { width: 100%; margin-bottom: 2em; border-top: 0.2em solid #fc0; clear: both; } .custom .twpolo_bar #login_wrap { width: 99.9em; margin: 0 auto; } .custom #login_inner { padding: 0.8em; color: #111; background: #fc0; } .custom .diy_bar #login_inner { margin: 0 auto; } .custom .twpolo_bar #login_inner { width: 22em; float: right; } .custom #login_form_holder { text-align: center; } .custom #login_form_holder p { margin-bottom: 0.6em; } .custom #login_form_holder label { font: normal 1em/1.6em "Candara", Verdana, sans-serif; text-transform: uppercase; letter-spacing: 1px; padding: 0 0.3em 0 0.5em; } .custom #login_form_holder .form_input { font: normal 1.3em/1em "Candara", Verdana, sans-serif; width: 9.231em; padding: 0.154em; } .custom #login_form_holder .form_input:focus { color: #2a5617; background: #f7f0b1; } .custom #login_form_holder .header_submit { font: bold 1.1em/1em "Candara", Verdana, sans-serif; text-transform: uppercase; letter-spacing: 1px; padding: 0.182em 0.364em; color: #fdea91; background: #222; border: 0.182em solid #444; border-right-color: #000; border-bottom-color: #000; cursor: pointer; width: auto; overflow: visible; } .custom #account_manager { font-size: 1.3em; line-height: 1.385em; padding-left: 0.462em; } .custom #account_manager p { font-weight: bold; } .custom #account_manager ul { list-style: square; margin-left: 1.385em; color: #837333; } .custom #account_manager a { color: #111; text-decoration: none; } .custom #account_manager a:hover { text-decoration: underline; } .custom #login_bar_control { font: bold 1em/1.6em "Candara", Verdana, sans-serif; text-transform: uppercase; letter-spacing: 1px; padding: 0.2em 0.6em; color: #111; background: #fc0; float: right; clear: right; cursor: pointer; } .custom #alert_bar { width: 100%; padding: 1em 0; background: #e1dca5; border-top: 0.3em solid #8097b8; border-bottom: 0.1em solid #c4bb5b; } .custom #alert_bar p { font-size: 1.2em; line-height: 1em; text-align: center; } .custom .twpolo_bar #login_wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* RSS WIDGET ***/ .custom a.rsswidget {color: Navy; } .custom .rss-date {color: DarkRed; float: right; } .custom .rssSummary {font-family: Verdana; color: #FFC93C} /* FAQ */ ol.faq li { padding: 0px 5px 0px 5px; padding-left: 3px !important; clear: both; } ol.faq h3 { font-size: 1em; /* font-weight: bold; */ margin: 0; } ol.faq a { display: block; text-decoration:none; } ol.faq a:hover { color: DarkRed; } ol.faq .alt { background-color: #f5f5f5; padding-top: 4px; } .faq_approve { font-size: 0.8em; float: right; padding: 3px 3px 0px 3px; text-align: center; margin-top: -3px; color: #999; } .faq_approve img { margin-top: 4px; } .faq_approve p { display: inline; padding: 0; margin: 0; } .faq p:last-child { margin-bottom: 4px; } .faq .author { float: right; padding-bottom: 5px; font-size: 0.9em; } /* Simple Side Navigation Suckerfish Menu CSS */ #suckerfishnav .sf { /* background:#bbb ; */ /* font-size:13px; */ /* font-family:verdana,sans-serif; */ font-weight:bold; width:100%; } #suckerfishnav .sf, #suckerfishnav .sf ul { font-size: 1.1em; padding: 0.545em 0.818em; float:left; list-style:none; /* line-height:20px; */ /* padding:0; */ /* border:1px solid #bbb; */ margin:0; width:100%; } #suckerfishnav .sf a { /* font-size: 1.1em; */ /* padding between menu items */ padding: 0.545em 0.818em; display:block; /* menu text color */ /* color:#fff; */ /* text-decoration:none; */ /* padding:0px 25px; */ } #suckerfishnav .sf li { float:left; /* padding:0; */ } #suckerfishnav .sf ul { position:absolute; left:-999em; height:auto; width:131px; font-weight:normal; /* margin:0; line-height:1; border:0; border-top:1px solid #666666; */ } #suckerfishnav .sf li li { /* width of the sub-menu box when mouse over */ width:129px; /* borders (cosmetic) on the sub-menu */ border-bottom:1px solid #666666; border-left:1px solid #666666; border-right:1px solid #666666; font-weight:normal; /* sub-menu font */ /* font-family:verdana,sans-serif; */ } #suckerfishnav .sf li li a { padding:3px 10px; /* sub-menu text area width; this is not the background box width */ width:80px; /* sub-menu font size */ /* font-size:13px; */ /* not sure what this color is */ /* color:#fff; */ } #suckerfishnav .sf li ul ul { margin:-20px 0 0 130px; } #suckerfishnav .sf li li:hover{ /* sub-menu background color on mouse over */ background:#99CCFF; } #suckerfishnav .sf li ul li:hover a, #suckerfishnav .sf li ul li li:hover a, #suckerfishnav .sf li ul li li li:hover a, #suckerfishnav .sf li ul li li li:hover a { /* sub-menu text color on mouse over */ color:#fff; } #suckerfishnav .sf li:hover a, #suckerfishnav .sf li.sfhover a { /* main menu text color on mouse over and when active */ color:#fff; } #suckerfishnav .sf li:hover li a, #suckerfishnav .sf li li:hover li a, #suckerfishnav .sf li li li:hover li a, #suckerfishnav .sf li li li li:hover li a { /* sub-menu text color */ color:#fff; } #suckerfishnav .sf li:hover ul ul, #suckerfishnav .sf li:hover ul ul ul, #suckerfishnav .sf li:hover ul ul ul ul, #suckerfishnav .sf li.sfhover ul ul, #suckerfishnav .sf li.sfhover ul ul ul, #suckerfishnav .sf li.sfhover ul ul ul ul { left:-999em; } #suckerfishnav .sf li:hover ul, #suckerfishnav .sf li li:hover ul, #suckerfishnav .sf li li li:hover ul, #suckerfishnav .sf li li li li:hover ul, #suckerfishnav .sf li.sfhover ul, #suckerfishnav .sf li li.sfhover ul, #suckerfishnav .sf li li li.sfhover ul, #suckerfishnav .sf li li li li.sfhover ul { left:auto; /* sub-menu background color */ background:#000; } #suckerfishnav .sf li:hover, #suckerfishnav .sf li.sfhover { /* main menu background color on mouse over */ background:#99CCFF; }