/* *************** SITEWIDE STYLES (globals) ***************** */ /* Sitewide global selectors are in place to "reset" browsers */ /* to 0 and to set a few general styles for body, headlines, */ /* form controls etc. */ /* *********************************************************** */ /* Global reset rule */ * { margin:0; padding: 0; } /* Explicit global reset (some of the elements in this array aren't affected by the star reset) */ body, div, form, fieldset, h1, h2, h3, h4, h5, h6, html, input, ol, ul, li, textarea, table, thead, tfoot, tbody, tr, td { margin: 0; padding: 0; } body { margin: 0 auto; font: 1em/1.5em Helvetica,"Helvetica Neue",Arial,sans-serif; /* Base font family and size. 1em = 100% of browser default size (assumed to be 16px generally). */ color: #001913; background-color: #000000; } /* ANCHORS -- SET PROPERTIES FOR PSEUDO CLASSES (:LINK, :VISITED, :HOVER, :ACTIVE AND :FOCUS) IN SPECIFIC STYLES TO BETTER ALLOW FOR DIFFERENT STYLING */ a, a img { text-decoration: none; border: none; outline: none; -moz-outline: none; /* The W3C validator reports this rule as invalid but it is needed to remove "glow" on image links in Firefox etc. */ color: #085B85; } abbr { text-transform: uppercase; letter-spacing: 1px; font-size: 0.8em; border-bottom: 1px dotted #999; cursor: pointer; } /* Use abbr for abbreviations AND acronyms in your content. acronym is slated for deprecation in HTML 5 */ blockquote, cite { font-family: Cambria,Georgia,serif; /* Fonts for 1: Windows Vista; 2: Windows 95--XP, Mac OS 8--10; 3: Generic fallback font-family. */ font-style: normal; margin: 0.3em auto 1em; width: 80%; color: #827852; line-height: 1.7em; } /* HEADERS -- H1 IS SET IN THE SPECIFIC STYLE FOR THE MASTHEAD (#TOPLINE). If H1 is to appear in more than one place onthe page, add a generic h1 rule here */ h2 { color: #000000; margin: 0px; } h3, h4, h5, h6 { color: #006600; margin: 7px 0; } img, input {vertical-align: baseline;} input { padding: 2px 1px 1px 1px; font-size: 11px; } p { margin: 6px 0 14px; padding: 0; } /* LISTS -- SET LIST STYLE TYPE AND POSITION PROPERTIES ON SPECIFIC STYLES FOR GREATER VERSATILITY. */ ul, ol, li { margin: 0; padding: 0; } /* **************** SITEWIDE STYLES (classes) ****************** */ /* Sitewide class selectors are intended to be reused throughout */ /* the site construction, as "add-on" styles or on their own. */ /* ************************************************************* */ .left { float: left; display: inline; } /* Display inline is necessary to cure the "double float" bug in Internet Explorer */ .right { float: right; display: inline; } .center {text-align: center;} .caption { text-align: center !important; font-size: .9em !important; color: #785; } .big { /* New class (primarily for index page h2) */ font-weight: normal; font-size: 1.4em; } .horizontal li { display: inline; margin: 0; list-style: none !important; } /* Set class "horizontal" to a ul and the list items will be displayed inline. Intended primarily for menues */ .vertical li { display: block; margin: 0.7em 0; text-align: left;} /* Set class "vertical" to a ul and the list items will be displayed as a block. */ .clearer { margin: 0 auto; padding: 1px 0 0 0; clear: both; } /* Clearing rule, can be used on any block item that doesn’t require content (div, br, hr etc). */ /* PAGE WRAPPERS -- QUICKLY CHANGE THE VISIBLE WIDTH OF YOUR PAGE BY USING ONE OF THESE CLASSES ON THE DIV DIRECTLY AFTER IN INDEX.PHP. THESE ARE EXAMPLES -- ADD YOUR OWN. */ .page992 { /*for 1024px screens, fixed-width*/ width: 992px; margin:0 auto; height: auto; background: white; padding: 16px; border-bottom: 1px solid #ccc; } .page { /* for 800px screens, fixed-width*/ width: 780px; height: auto; padding: 10px; font-size: 90%; border-bottom: 1px solid #ccc; background-color: white; background-image: url(../images/header_bg.jpg); background-repeat: no-repeat; background-position: center top; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } .pageflexi { /*for flexible-width layout*/ margin:0 auto; height: auto; background: white; padding: 1em; border-bottom: 1px solid #abc; } /* *************** SPECIFIC STYLES (IDs and classes) ***************** */ /* The really interesting bits and pieces... */ /* ******************************************************************* */ #topline, #content, #pagefoot {margin: 0 auto; padding: 0;} /* The main containers in the template, other than the pagediv */ #topline { color: #000000; } #topline h1 { font-size: 2.8em; letter-spacing: -1.5pt; line-height: 1.2em; color: white; margin: 0 0 0 16px; width: 60%; /* display: inline; */ } #topline h1 a { color: white; text-decoration: none; } #topline h1 a:hover, #topline h1 a:focus { color: #bab378; text-decoration: none; } #topline p.small { margin: 0 0 0 16px; font-size: 0.8em; padding-bottom: 20px; width: 60%; } #pagemenu { float: right; clear: left; font-size: .66em; font-weight: bold; height: auto; line-height: 1.5em; text-align: right; list-style-type: none; margin-top: 0px; margin-right: 16px; margin-bottom: 3px; margin-left: 0; padding-top: 5px; padding-right: 0; padding-bottom: 0px; padding-left: 0; } #pagemenu li a { float: left; display: block; width: auto; padding: 3px 6px; margin: 0 6px; text-decoration: none; color: #000000; } #pagemenu li a:hover, #pagemenu li a:focus, #pagemenu li a:active { color: #FFFFFF; background-color: #000000; } #pagemenu li a.current { /* "Current" highlights the active list item and should be fixed in behavior across all states */ font-size: 1.1em; color: #FFFFFF; background-color: #000000; } /* SEARCH WIDGET STYLES. Default browser styles are in use for form controls such as buttons. IE and Opera might need to be fed special styling for those controls */ #search { width: 32%; margin: 16px 21px 0 0; padding: 0; text-align: right; } #search input[class='searchfield'] { background: #fff url(../images/search.jpg) no-repeat 1px center; /* Magnifying glass image in search field */ padding-left: 16px; max-width: 120px; _width: 117px; /* IE doesn't understand max-width. The lesser width value is an attempt to catch the "3px jog" bug in IE6. */ } #search input[type='submit'] {margin-left: 5px;} /* Submit button in search field */ /* BREADCRUMBS LINE */ #crumbs { font-size: 0.82em; line-height: 1.7em; color: #000000; background-color: #FFFF99; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 2px; padding-right: 16px; padding-bottom: 2px; padding-left: 16px; } #crumbs a { color: #666666; text-decoration: none; } #crumbs a:hover, #crumbs a:focus { color: #333333; text-decoration: underline; } /* MAIN CONTENT AREA */ #content { margin: 0 auto 2em; padding: 0; color: #000; height: auto; background-color: #FFFFFF; } /* ARTICLE RULES */ #posts p.subcat { margin-left: 20px; } #posts { width: 560px; height: 100%; margin-top: 5px; margin-right: 5px; margin-bottom: 10px; margin-left: 5px; } #posts img { padding: 2px; } #posts a { color:#637724; font-weight: bold; text-decoration: none; } #posts h2 a, #posts p a { color: #666666!important; text-decoration: none; } #posts h2 a:hover, #posts h2 a:focus { color: #333333!important; text-decoration: underline; } #posts p a:hover, #posts p a:focus { color: #006E2E!important; text-decoration: underline; } #posts p.subcat {margin-left: 20px;} #posts ul {list-style-type: none; font-size: .95em;} #posts ul li {margin: 6px 0;} #posts ul li.subcat {margin-left: 12px; list-style: square inside !important;} #posts li a { color: #0A5359 !important; } #posts li a:hover, #posts li a:focus {color: black !important; text-decoration: underline;} /* SIDEBAR RULES */ #side { width: 200px; height: 100%; padding: 0; font-size: 0.78em; background-color: #FFFF99; margin-top: 0px; margin-right: 1%; margin-bottom: 2%; margin-left: 0px; background-image: url(../images/stanga_bg.jpg); background-repeat: no-repeat; background-position: center bottom; } #side a { color: #666666; display: block; margin: 0px; padding-top: 2px; padding-bottom: 2px; font-weight: bold; } #side a:hover, #side a:focus { color: #FFFFFF; text-decoration: underline; background-color: #999999; } #side h2, #side h3, #side h4, #side h5, #side h6 { font-weight: bold; letter-spacing: normal; color: #FFFFFF; display: block; margin: 0px; background-color: #333333; padding-top: 2px; padding-bottom: 2px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; } #side p {line-height: 1.5em;} #side ul { list-style: none; margin-bottom: 20px; } /* SINGLE DIV CAN BE USED TO HAVE TWO-COLUMN CONTENT WITHIN THE SIDEBAR. IF PAGE WIDTH IS SET TO 768PX OR LESS, CONSIDER COMMENTING OUT/REMOVING THE "SINGLE" DIVS IN INDEX.PHP */ .single { width: 200px; height: 100%; line-height: 1.5em !important; margin-top: 2%; margin-right: auto; margin-bottom: 2%; margin-left: auto; padding-top: 2%; padding-right: 0; padding-bottom: 2%; padding-left: 0; text-align: center; } /* THE CATEGORY MENU LIST GETS SPECIAL STYLING TO CATER FOR THE SUBCATEGORY NESTED LIST. */ ul#categorymenu { list-style-type: none; } ul#categorymenu li { margin: 0px; padding-top: 2px; padding-right: 0; padding-bottom: 2px; padding-left: 0; } ul#categorymenu li a { color: #003300 !important; text-decoration: none; display: block; margin: 0px; padding-top: 2px; padding-bottom: 2px; } ul#categorymenu li a:hover, #posts li a:focus { color: #FFFFFF !important; text-decoration: none; background-color: #003300; } /* For subcategories */ ul#categorymenu li ul {list-style: square inside;} ul#categorymenu li ul li { margin: 0; color: #FFFFFF; font-weight: bold; border-bottom: none; background-color: #003300; display: block; padding-top: 2px; padding-right: 0; padding-bottom: 2px; padding-left: 2px; } #pagefoot { text-align: center; margin: 1em auto; padding: .9em .4em; font-size: 0.6em; font-style: normal; line-height: 1.33em; color: #FFFFFF; clear: both; } #pagefoot a { text-decoration: none; color: #FFFFFF; } #pagefoot a:hover, #pagefoot a:focus { text-decoration: underline; outline: none; color: #FFFFFF; } /* *********************************** */ /* sNews SPECIALS (Articles and Admin) */ /* *********************************** */ #posts fieldset { border: none; color: black; width: 100%; font-size: 0.85em; } #posts fieldset a { font-weight: bold; color: #006600 !important; } #posts fieldset a:hover, #posts fieldset a:focus {color: #000 !important;} #posts legend { float: left; display: inline; clear: right; margin: auto; width: 100%; text-align: left; padding: 0 0 0.6em 0; font-size: 1.4em; color: #b96; } #posts legend a { text-decoration: none !important; color: #a85 !important; font-weight: bold; } #posts legend a:hover, #posts legend a:focus {text-decoration: underline !important;} #posts fieldset textarea { width: 90%; height: auto; min-height: 10em; _height: 10em; /* IE 6-7 doesn't understand "min_height" */ padding: 3px; border: 1px solid #ba5; background: white; outline-color: #a94; } #posts fieldset input[type='text'] { padding: 3px; border: 1px solid #ba5; background: white; outline-color: #a94; } #posts input[type='submit'] {margin: .3em;} /* STYLES FOR ADMIN AREA SIMPLE TEXT EDITOR BUTTONS */ #posts input[type='button'] { margin: 0 .1em; padding: .2em .8em; background: #f9f6f2; border: 1px solid #ccc; color: black; font-size: .8em; line-height: 1.5em; cursor: pointer; /* These two add the underline to the U */ display: block; float: left; } .bold { font-weight: bold; } .italic { font-style:italic; } .underline { text-decoration: underline; } .strike { text-decoration: line-through; } #posts input[type='button']:hover, #posts input[type='button']:focus { background: #e9e692; border-color: #b9b662; } /* ARTICLE DATE LINE (.date) AND COMMENTS NAME/DATE (.meta). NOTE: CLASS "META" IS A NEW ADDITION IN 1.7 */ #posts p.date { font-size: 11px !important; text-align: right; font-weight: bold; color: #333333; margin: 3px 8px 16px 0; border-top-width: 1px; border-top-style: dashed; border-top-color: #333333; } #posts p.date a { color: #985 !important; text-decoration: underline; } #posts p.date a:hover, p.date a:focus {color: #000 !important;} #posts p.meta { /* "meta" is a new class on the date/author line for comments */ font-size: 12px !important; text-align: left; font-weight: bold; margin: 9px 0 0 0; padding:3px 0 3px 12px; border-left: 5px solid #cb6; color: #443; } #posts p.comment { font-size: 13px !important; line-height: 1.4em !important; font-family: Cambria,Georgia,serif !important; margin: 0 0 18px 0; padding:3px 0 3px 12px; color: #443; border-left: 5px solid #a94; } .commentsbox { margin: 1em auto; padding: .5em; font-size: .88em; line-height: 1.4em; border-top: 1px solid #ddc; } .commentsbox input[type='text'] { border: 1px solid #dc7; background: #ffc; color: black; font-weight: bold; padding: 3px; font-size: 110% !important; } .commentsbox input[type='text']:focus {outline-color: #cb6;} .commentsbox textarea { font-family: Helvetica,Arial,sans-serif; font-size: 110%; width: 97%; height: auto; min-height: 10em; _height: 11em; padding: 1em; margin: 1.5em 0; border: 1px solid #dc7; background: #ffc; color: black; } .commentsbox textarea:focus { border: 1px solid gray; outline-color: silver; } .commentsbox h2 { font-size: 1.25em; font-style: oblique; text-decoration: none !important; } .commentsbox h2, .commentsbox p {color: #666666!important;} div.contactbox { margin: 0 auto 1em; font-size: .9em; line-height: 1.4em; } .contactbox input[type='text'] { border: 1px solid #dc7; background: #ffc; color: black; font-weight: bold; padding: 3px; font-size: 110% !important; } .contactbox input[type='text']:focus {outline-color: #cb6;} .contactbox textarea { width: 90%; height: auto; min-height: 8em; _height: 10em; padding: 1em; margin: 1.5em 0; background: #ffc; border: 1px solid #dc7; } .contactbox textarea:focus { background: white; border: 1px solid gray; outline-color: silver; } .contactbox h2 { font-size: 1.5em; font-weight: bold; text-decoration: none !important; color: #632; } /* ADDED: Apr.0308 - keyrocks -------------------------------- */ /* Admin_01 - New Admin Links */ #preview, #customize, #admin_publish_date { border: 1px solid #ccc; padding: 7px; background: white; } .New_Admin_Links { font-size: 85%; text-align: center; } .adminlists { font: 13px Arial; color: #244; list-style: none; } .admintitle { font: bold 16px Arial; color: #244; } .New_Admin_Links, .adminpanel { border: 1px solid #ccc; padding: 5px 8px 10px 15px; margin: 0 0 8px 0; background: #f7f3e3; color: #000; } .adminpanel input[type='file'] { width: 30em; min-height: 20px; border: 1px solid #7f9db9; background: #fff; padding: 3px; } /* ********************************* */ #footer { background-color: #FFFFFF; background-image: url(../images/footer_bg.jpg); background-repeat: no-repeat; background-position: center bottom; height: 20px; width: 800px; margin-right: auto; margin-left: auto; font-size: 0.7em; color: #666666; text-align: center; } #footer a { font-weight: bold; color: #666666; text-decoration: none; } #footer a:hover { color: #FFFFFF; background-color: #666666; }