/* File: custom.css Description: Custom styles for the Almost Spring that you define Use: 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 overwrite *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! */ /* Fancy background - http://diythemes.com/thesis/custom-backgrounds/ */ body.custom { background: #E8EEF5; font-size: 78%; } /* Standard body links */ .custom a { text-decoration: none; } .custom a:link { color: #000000; } .custom a:visited { color: #555555; text-decoration: line-through; } .custom a:hover, .custom a:active { color: #FF0D7A; text-decoration: underline; } /* Header backgrounds */ .custom #header { padding: 5px 0 5px 10px; background-color: #788591; border-bottom: 2px #F3F3F3; } /* Header Styles */ .custom #header h1 { margin: 0; font-size: 1.8em; padding: 5px 0px 0px 5px; } .custom #header h1 a { text-decoration: none; color: #FFF; } .custom #header h1 a:hover { text-decoration: underline; font-weight: bold; color: #E61577; background-color: #FFC658; } /* Top header links */ /* Header Bottom */ .custom #headerbottom { /* background: #FFFFFF url(images/logo.jpg); height: 118px; width: 382px;*/ margin: 0px; padding: 0px 0px 0px 0px; } .custom #headertitlebottom { text-align: left; float: left; margin: 0px; padding: 50px 0px 0px 0px; } /* Header Right */ .custom #headerright { /* width: 400px; */ float: right; text-align: right; margin: 0px; padding: 3px 30px 1px 0px; font-family: Arial; } .custom #headerright li { display: inline; list-style-type: none; margin: 0px; padding: 0px; } .custom #headerright ul { margin: 0px; padding: 0px; } .custom #headerright a, .custom #headerright a:visited { color: #FFFFFF; font-weight: bold; margin: 0px; padding: 6px 6px 6px 6px; text-decoration: none; } .custom #headerright a:hover { color: #FFFFFF; background-color: 000000; text-decoration: underline; } /* Header Left */ .custom #headerleft { /* width: 400px; */ float: left; text-align: left; margin: 0px; padding: 3px 0px 1px 0px; font-family: Arial; } .custom #headerleft li { display: inline; list-style-type: none; margin: 0px; padding: 0px; } .custom #headerleft ul { margin: 0px; padding: 0px; } .custom #headerleft a, #headerleft a:visited { color: #FFFFFF; margin: 0px; padding: 6px 6px 6px 6px; text-decoration: none; } .custom #headerleft a:hover { color: #FFFFFF; text-decoration: underline; } /* Header tagline just below the header graphics */ .custom #headertagline { color: #000000; letter-spacing: -1px; background-color: #FFC658; } /* Top most site border & menu */ .custom #TopMostSiteMenuBorder { padding: 0px 0px 0px 0px; background-color: #FFC75A; border-bottom: 1px solid #FFEFF7; border-top: 1px solid #FFEFF7; } /* TopMostSiteMenuBorder Styles */ .custom #TopMostSiteMenuBorder a { font-family: Verdana, Tahoma; font-size: 1.6em; font-weight: bold; text-decoration: none; text-align: left; color: #E71473; } .custom #TopMostSiteMenuBorder a:link { text-decoration: none; color: #E71473; } .custom #TopMostSiteMenuBorder a:hover { text-decoration: underline; color: #E71473; } .custom #TopMostSiteMenuBorder a:visited { text-decoration: underline; color: #E71473; } .custom #TopMostSiteMenuText { padding-top: 2px; padding-bottom: 2px; padding-left: 8px; margin: 1.2em 0; font-family: "sans-serif"; margin: 0 0; font-size: .92em; font-style: normal; font-weight: bold; background-color: #FFC75A; color: #000000; vertical-align: left; } /* Menu found below the header text, this is a set of links */ .custom #hHeaderMenu { padding: 0px 0px 0px 14px; background-color: #E6E6E6; border-bottom: 1px dotted #BBBBBB; border-top: 1px solid #999999; border-left: 1px solid #555555; border-right: 1px solid #555555; } /* hHeaderMenu Styles */ .custom #hHeaderMenu a { margin: 0; text-decoration: none; font-family: Verdana, Tahoma; color: #222222; } .custom #hHeaderMenu a:hover { text-decoration: underline; color: #FF0C7B; background-color: FFE52F; } .custom #hHeaderMenuText { padding-top: 2px; padding-bottom: 2px; padding-left: 8px; margin: 1.0em 0; font-family: "sans-serif"; margin: 0 0; font-size: 1.0em; font-weight: normal; background-color: #E6E6E6; color: #000000; vertical-align: middle; } .custom #hHeaderAds { padding-top: 0px; padding-bottom: 0px; padding-left: 40px; margin: 1.2em 0; font-family: "sans-serif"; margin: 0 0; font-size: .92em; font-style: normal; font-weight: bold; background-color: #FF699F; color: #000000; vertical-align: middle; } /* h1..h4 menu */ custom.h1, custom.h2, custom.h3, custom.h4, custom.h5, custom.h6 { margin: 1.2em 0; font-family: Arial, "Ms Trebuchet", "Lucida Grande", Tahoma, sans-serif; color: #5F90C2; } custom.h1, custom.h2 { font-size: 1.4em; } custom.h3 { font-size: 1.3em; } custom.h4 { font-size: 1.2em; } custom.h5 { padding-top: 2px; margin: 1.2em 0; font-family: "Tahoma, Arial, sans-serif"; margin: 0 0; font-size: 1.05em; background-color: #F4D8A4; width: 175px; height: 20px; color: #7C317E; text-indent: .32em; font-weight:bold; text-align: left; vertical-align: middle; } custom.h6 { margin: 0 0; text-indent: 0em; text-align: left; font-size: 1.0em; background-color: #FCFCFC; } custom. #h7 { padding-top: 2px; margin: 1.2em 0; font-family: "Tahoma, Arial, sans-serif"; margin: 0 0; font-size: 1.05em; background-color: #D9ECDF; width: 468px; height: 20px; color: #000000; text-indent: .32em; font-weight:bold; text-align: left; vertical-align: middle; } custom. #h8 { background-color: #FFFFFF; color: #FFFFFF; width: 468px; height: .1px; font-weight: normal; } /* SideBar Menu for Column 2*/ .custom #sidebar2 h2 { color: #FF2406; } /* SideBar Menu for Column 1*/ .custom #sidebar h2 { color: #FF2406; } /* Border sides for the blog */ .custom #wrapper { border-left: 2px solid #6C6F78; border-right: 2px solid #6C6F78} /* Blog content */ .custom #content { border-right: 1px dotted #41627e; } /* Blog Post title */ .custom .posttitle a:hover, .custom .posttitle a:active { background: #FCFCFC; color: #FF0D7A; } /* Blog Post read more entry */ .custom #postreadmore { color: #FF0000; } .custom #postreadmore a:link, #postreadmore a:visited { color: #FF0000; } /* Blog Post author */ .custom .postmeta { color: #FF0000; font-family: georgia font-style: italic; font-weight: bold; font-size: .8em; padding-left: 5px; } .custom .postmeta a, .custom postmeta a:visited { color: #888; text-decoration: none; border-bottom: 1px solid #eee; } .custom postmeta a:hover { color: #111; } /* Blog post quotes */ .custom blockquote { margin: 0 20px; padding: 0 20px; border-left: 4px dotted #78B939; font-size: 0.9em; background-color: #F1F5FA; } /* Boxes */ .custom #BoxesStandard { font-color: #E61577; color: #E61577; background-color: #FEEEF6; border-left: 1px #000000; border-right: 1px #000000; border-top: 2px #000000; border-bottom: 2px #000000; padding-left: 1px; }