/* 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/ */ /* THESE ARE SEB'S CUSTOM CSS CLASSES, ETC. */ /* RESET GLOBAL LINK STYLES. */ .custom a { color: #0000CD; text-decoration: none; border-bottom: none; } /* Set main link look to MediumBlue, no underline. */ .custom a:link { color: #0000CD; text-decoration: none; } /* Unvisited link MediumBlue. */ .custom a:visited { color: #B22222; text-decoration: none; } /* Visited link FireBrick. */ .custom a:hover { background-color: #FFFFFF; color: #FF0000; text-decoration: underline; } /* Mouse over link Red on White. */ .custom a:active { background-color: #E0FFFF; color: #FF0000; border-top: red solid thin; border-bottom: red solid thin; text-decoration: none; } /* Selected link Red on LightSkyBlue with upper and lower Red borders. */ /* */ .custom .format_text .sidebar a { color: #0000CD; text-decoration: none; border-bottom: none; } /* Set main link look to MediumBlue, no underline. */ .custom .format_text .sidebar a:link { color: #0000CD; text-decoration: none; } /* Unvisited link MediumBlue. */ .custom .format_text .sidebar a:visited { color: #B22222; text-decoration: none; } /* Visited link FireBrick. */ .custom .format_text .sidebar a:hover { background-color: #FFFFFF; color: #FF0000; text-decoration: underline; } /* Mouse over link Red on White. */ .custom .format_text .sidebar a:active { background-color: #E0FFFF; color: #FF0000; border-top: red solid thin; border-bottom: red solid thin; text-decoration: none; } /* Selected link Red on LightSkyBlue with upper and lower Red borders. */ /* */ .custom #footer a { color: #0000CD; text-decoration: none; border-bottom: none; } /* Set main link look to MediumBlue, no underline. */ .custom #footer a:link { color: #0000CD; text-decoration: none; } /* Unvisited link MediumBlue. */ .custom #footer a:visited { color: #B22222; text-decoration: none; } /* Visited link FireBrick. */ .custom #footer a:hover { background-color: #FFFFFF; color: #FF0000; text-decoration: underline; } /* Mouse over link Red on White. */ .custom #footer a:active { background-color: #E0FFFF; color: #FF0000; border-top: red solid thin; border-bottom: red solid thin; text-decoration: none; } /* Selected link Red on LightSkyBlue with upper and lower Red borders. */ .custom .blackanchor { color:#000000; } /* Set Name anchors to black text. */ /* This CSS is for setting the color formatting, navbar look, and the Dashboard function, function seb_header_with_dash. Set Yellow-Green colors for all pages. Body background color always the same as the LogoNvbrBrdr color. (alt: ADDDE6). Tagline color is always 000000, unless specifically reset. Header-Footer background is FFFFCF. Logo-Navbar-Border background color is 1E7257. Navbar highlight color default is 00C0A0. Current Navbar item background color is FFFFCF. Current Navbar item text color is 1E7257. Current Navbar item highlight color is FFFF9F. Content and Sidebar background color always FFFFCF. Use green dot for Content-Sidebar separator: url('http://theliberative.com/images/sep-dots/bkgd_sep_dot_1e7257.png') Link colors (a: a:link a:visited): As defined in the code. (Alt: Link √0000CD Rev4Navbar √FFFFFF // Visited √B22222 BrickRed Rev4Navbar √FFFFFF) Link colors (Hover): Hover Background FFFFFF, Hover Text: FF0000 Red. Link colors (Active): Active Background E0FFFF, Active Text FF0000 Red. Drop-down menu colors based on Logo-Navbar-Border color: Non-Current Item: 1E7257/FFFFFF/00C0A0. Hover and Active: standard colors. Current FFFFCF/1E7257/FFFF9F. Hover and Active: standard colors. General tabs 1E7257/FFFFFF/00C0A0. Hover and Active: standard colors. Parent 1E7257/FFFFFF/00C0A0. Hover and Active: standard colors. Parent> 1E7257/FFFFFF */ body.custom { background: #1E7257; } /* Body background color. */ .custom #container { background: #1E7257; } /* Body background color. */ .custom #page { background: #FFFFCF; } /* Content-Sidebar color. */ .custom #content_box { width: 100%; background: url('http://avbtn1.theliberative.com/bkgd_sep_dot_1e7257_100530.png') 65.6em 0 repeat-y; } /* Set header colorations and borderings. */ .custom #header { background: #FFFFCF; } /* Header-Footer background color. */ .custom #header { border-top: 6px solid #1E7257; border-bottom: 4px solid #1E7257; clear: both; } /* Logo-NavBar-Border color. */ /* This CSS is for the Dashboard function, function seb_header_with_dash. */ .custom #header { height: 12.2em; padding-top: 0; padding-right: 0; padding-bottom: 0; } .custom #seb_cp_table { height: 12.2em; width: 32.9em; border-top: 0; border-right: 0; border-bottom: 0; border-left: 1px solid #1E7257; padding: 0; border-collapse: collapse; background: #FFFFCF; empty-cells: show; float: right; } .custom #hdr_imgmap1 {height:9.7em;width:32.9em;border:0;} .custom #seb_cp_shorturl { border-top: 1px solid #1E7257; border-right: 0; border-bottom: 0; border-left: 0; background: #FFFFCF; color: #442500; padding: 3px 0; text-decoration: none; font-size: 1.2em; text-align: center; } /* Now finish the Header formatting. */ .custom #header #logo { margin-top:1.5em;font-weight: bold; } .custom #header #logo a, #header #logo a:link, #header #logo a:visited { color: #1E7257; text-decoration: none; border-bottom: none; } /* Logo-NavBar-Border color. Visited link STAYS UNVISITED COLOR. */ .custom #header #logo a:hover { background-color: #FFFFFF; color: #FF0000; text-decoration: underline; } /* Mouse over link Red on LightCyan. */ .custom #header #logo a:active { background-color: #E0FFFF; color: #FF0000; border-top: red solid thin; border-bottom: red solid thin; text-decoration:none; } /* Activated link Red on LightSkyBlue with upper and lower Red borders. */ .custom #header #tagline { color: #000000; font-weight: normal; } /* Tagline color black unless specifically reset. */ /* The following subsection is for both NavBars. */ .custom .menu { list-style: none; margin: 0; padding: 0; border-top: 0; border-bottom: 0; border-right: 0; } .custom .menu { border-left: 3px solid #000000; background: #000000; } /* Tagline color to separate menu tabs. Assumed black. */ .custom .menu li { margin: 0; padding: 0; border-top: 0; border-bottom: 0; float: left; } .custom .menu li { background: #1E7257; } /* Logo-NavBar-Border color. */ .custom .menu li { border-left: 3px solid #000000; border-right: 3px solid #000000; } /* Tagline color to separate menu tabs. Assumed black. */ /* For general links in Navbar. Will apply to all non-selected main boxes. */ .custom .menu a, .menu a:link, .menu a:visited { background: #1E7257; color: #FFFFFF; display: block; margin: 0; border: 0; padding: 2px 8px; text-transform: uppercase; letter-spacing: 2px; } /* Logo-NavBar-Border color for background. */ .custom .menu a:hover { background-color: #FFFFFF; color: #FF0000; text-decoration: underline; } /* Standard Hover colors for link. */ .custom .menu a:active { background-color: #E0FFFF; color: #FF0000; text-decoration: underline; } /* Standard Active colors for link. */ /* Set up the currently active main navbar box selected in Navbar. For the main menubar item selected, like "What Should Be" for example. */ .custom .menu .current, .menu .current-cat { margin: 0; padding: 0; } .custom .menu .current, .menu .current-cat { background: #FFFFCF; color: #000000; } /* Content-Sidebar background and black Link color. */ /* For current main items in Navbar, with background of Content-Sidebar color. */ .custom .menu .current a, .menu .current-cat a, .menu .current a:link, .menu .current-cat a:link, .menu .current a:visited, .menu .current-cat a:visited { background: #FFFFCF; color: #000000; display: block; margin: 0; border-top: 4px solid #000000; border-bottom: 4px solid #000000; padding: 4px 8px; text-transform: uppercase; letter-spacing: 2px; text-decoration:none; cursor: text; } /* Content-Sidebar background and black Link color. */ .custom .menu .current a:hover, .menu .current-cat a:hover { background: #FFFFFF; color: #FF0000; text-decoration: underline; } /* Standard Hover colors for link. */ .custom .menu .current a:active, .menu .current-cat a:active { background: #E0FFFF; color: #FF0000; text-decoration: underline; } /* Standard Active colors for link. */ /* Formatting the drop-down menus. */ /* First, set the formatting for non-current drop-down menus. */ .custom .menu ul a, .menu ul a:link, .menu ul a:visited { width: 12.182em; padding: 4px 8px; } .custom .menu ul a, .menu ul a:link, .menu ul a:visited { background: #1E7257; color: #FFFFFF; border-top: 3px solid #00C0A0; border-bottom: 3px solid #000000; border-right: 3px solid #000000; } /* Use Logo-Navbar-Border color for background, FFFFFF for text, and highlight of lighter color, with black underneath cell. */ .custom .menu ul a:hover { background: #FFFFFF; color: #FF0000; } /* Standard Hover colors for link. */ .custom .menu ul a:active { background: #E0FFFF; color: #FF0000; } /* Standard Active colors for link. */ /* Now set the current drop-down menus. */ /* This set makes the specific "current" drop-down menutab stand out from all other tabs. */ /* Keep this first in this set of three. */ .custom .menu ul .current a, .menu ul .current-cat a, .menu ul .current a:link, .menu ul .current-cat a:link, .menu ul .current a:visited, .menu ul .current-cat a:visited { background: #FFFFCF; color: #1E7257; border-top: 3px solid #FFFF9F; border-bottom: 3px solid #000000; padding: 4px 8px; } .custom .menu ul .current a:hover, .menu ul .current-cat a:hover { background: #FFFFFF; color: #FF0000; } /* Standard Hover colors for link. */ .custom .menu ul .current a:active, .menu ul .current-cat a:active { background: #E0FFFF; color: #FF0000; } /* Standard Active colors for link. */ /* This set applies to the drop-down menutabs in general, before selection or when not-selected. */ .custom .menu .current ul a, .menu .current-cat ul a, .menu .current ul a:link, .menu .current-cat ul a:link, .menu .current ul a:visited, .menu .current-cat ul a:visited { background: #1E7257; color: #FFFFFF; border-top: 3px solid #00C0A0; border-bottom: 3px solid #000000; padding: 4px 8px; } /* Use Logo-Navbar-Border color for background, FFFFFF for text, and the highlight color. */ .custom .menu .current ul a:hover, .menu .current-cat ul a:hover { background: #FFFFFF; color: #FF0000; } /* Standard Hover colors for link. */ .custom .menu .current ul a:active, .menu .current-cat ul a:active { background: #E0FFFF; color: #FF0000; } /* Standard Active colors for link. */ /* This set applies to the parents of the selected subpage, which are not predictable as of Thesis 1.6. */ .custom .menu .current-parent a, .menu .current-cat-parent a, .menu .current-parent a:link, .menu .current-cat-parent a:link, .menu .current-parent a:visited, .menu .current-cat-parent a:visited { background: #1E7257; color: #FFFFFF; border-top: 3px solid #00C0A0; border-bottom: 3px solid #000000; padding: 4px 8px; } /* Use Logo-Navbar-Border color for background, FFFFFF for text, and the highlight color. */ .custom .menu .current-parent a:hover, .menu .current-cat-parent a:hover { background: #FFFFFF; color: #FF0000; } /* Standard Hover colors for link. */ .custom .menu .current-parent a:active, .menu .current-cat-parent a:active { background: #E0FFFF; color: #FF0000; } /* Standard Active colors for link. */ .custom .menu .current-parent > a, .menu .current-cat-parent > a { background: #1E7257; color: #FFFFFF; } /* End Navbar Formatting section. */ /* Set sidebar formatting. */ .custom .sidebar h3 { color: #000000; font-variant: small-caps; letter-spacing: 2px; } /* Use black text, never red or blue like links. */ /* Set footer background color and borderings. */ .custom #footer { background: #FFFFCF; } /* Header-Footer background. */ .custom #footer { border-bottom: 6px solid #1E7257; border-top: 0; } /* Logo-NavBar-Border color. */ /* FOR COMMENTS SECTION */ /* DISQUS CUSTOM CSS -- For Comments Section */ .custom #disqus_thread { padding: 1em; } .custom .dsq-brlink { padding-left: 1em; } /* FOR WIDGET SECTION */ /* FOR GOOGLE CUSTOM SEARCH, GOOGLE TRANSLATE, SUPPORT WIDGET */ /* For Google Custom Search */ .custom .gsc-branding {display:none;} /* For Google Translate */ .custom #google_translate_element { vertical-align: top; border: 0; background: #FFFFCF; color: #442500; padding: 0; text-decoration: none; font-size: 1em; text-align: center; white-space: nowrap; } .custom #google_translate_element a { color: #0000CD; text-decoration: none; border-bottom: none; } /* Set main link look to MediumBlue, no underline. */ .custom #google_translate_element a:link { color: #0000CD; text-decoration: none; } /* Unvisited link MediumBlue. */ .custom #google_translate_element a:visited { color: #0000CD; text-decoration: none; } /* Visited link like unvisited link. */ .custom #google_translate_element a:hover { background-color: #FFFFFF; color: #FF0000; text-decoration: underline; } /* Mouse over link Red on LightCyan. */ .custom #google_translate_element a:active { background-color: #E0FFFF; color: #FF0000; border-top: red solid thin; border-bottom: red solid thin; text-decoration: none; } .custom .goog-te-gadget{font-family:Georgia,"Times New Roman",Times,serif;font-size:1em;color:#442500;white-space:nowrap} .custom .goog-te-combo,.goog-te-banner *,.goog-te-ftab *,.goog-te-menu *,.goog-te-menu2 *{font-family:Georgia,"Times New Roman",Times,serif;font-size: 1em;color:#442500;} /* For Support Section of Widget */ .custom #gnswidget {height:30.4em;text-align:center;} .custom #gnsw_gcsebox {height:2.5em;} .custom #gnsw_transbox {height:3.5em;margin-bottom:1.5em;} .custom #gnsw_supportbox {height:24em;border: 1px solid #cccccc;} .custom #gnsw_psts_title {margin:0;padding:1px;font-size:1.2em;font-weight:bolder;} .custom .gnsw_title {margin:0;border-top: 1px solid #cccccc;padding: 4px 0 2px 0; font-size:1.2em; font-weight:bold;} .custom #gnsw_pypl_form {margin-bottom:2px; padding:0px; height:4em;} .custom #gnsw_point_subsmgmt {margin-bottom:2px; padding:0; font-size:1.2em;} .custom #gnsw_kach_med_box {height:6.6em;text-align:center;} .custom #gnsw_kach_med {width:234px;margin-left:auto;margin-right:auto;padding:0;} .custom #gnsw_point_footer {margin-bottom:5px;font-size:1.1em;font-weight:bold;} /* FOR AMAZON VERTICALS WIDGET */ .custom #amzn_verts_box {width:100%;height:602px;} .custom #amzn_verts_left {float:left;height:600px;width:120px;border-top: 1px solid #000000;border-bottom: 1px solid #000000;} .custom #amzn_verts_right {float:right;height:600px;width:160px;border: 1px solid #000000;} /* SEB'S FOOTER CSS STUFF */ .custom #footer { color:#000000; } /* Set text to black color */ .custom #copyright {font-size:1.6em;font-weight:bolder;text-align:center;height:2em;} .custom #ftr_imgmap1 {height:72.6em;width:95.8em;border:0;} /* CSS for specific sections or functions on any page. */ .custom .no_display {display:none;} /* This is to tighten up the line-height distance between lines. */ .custom .lineheight { line-height: 1.3em; border-bottom: 1px solid #cccccc; } /* Other Matters */ .custom .quoteblock { padding: 0 3em; text-align:justify; } .custom .topmargin0 { margin-top:0; } .custom .bottommargin0 { margin-bottom: 0; } .custom .bottommargin15 {margin-bottom: 1.5em;} .custom .leftmarginonly2 {margin: 0 0 0 2px;} .custom .grayborder {border: 1px solid #cccccc;} .custom .horrule1 { width:100%;border-top: 1px solid #cccccc;clear:both; } .custom .center { text-align: center; } .custom .height13 {height:1.3em;} .custom .height20 {height:2em;} .custom .height30 {height:3em;} .custom .height45 {height:4.5em;} .custom .height60 {height:6em;} /* FOR SPECIALTY PAGES */ /* For 404 Page */ .custom #lineheight404 {line-height:1.3em;} /* SEB'S CSS FOR INDIVIDUAL PAGE ELEMENTS */ /* CSS for Table1. */ .custom .seb_table1 { background: #FFFFDF; border: 2px solid #442500; padding: 0; border-collapse: collapse; empty-cells: show; } .custom .seb_table1_hdr { vertical-align: middle; border: 2px solid #442500; background: #FFFFDF; color: #442500; padding: 0px 4px; text-decoration: none; font-weight: bold; text-align: center; } .custom .seb_table1_cell_text { vertical-align: middle; border: 2px solid #442500; background: #FFFFDF; color: #442500; padding: 0px 4px; text-decoration: none; font-size: .9em; text-align: center; } .custom .seb_table1_cell_smbl { vertical-align: bottom; border: 2px solid #442500; background: #FFFFDF; color: #442500; padding: 5px 4px 0px 4px; text-decoration: none; font-size: .9em; text-align: center; } .custom .seb_table1_foot { text-align: center; font-size: .8em; font-style: italic; }