Difference between revisions of "User:ElStrages/common.css"
Jump to navigation
Jump to search
(Created page with "→Default styling for HTML elements: dfn { font-style: inherit; →Reset default styling for <dfn>: } q { quotes: '"' '"' "'" "'"; /* Straight quote marks for <...") |
|||
| Line 1: | Line 1: | ||
| − | /* | + | /* style.css |
| − | + | This sheet is for control of the stylistic aspects of the font and presentation of your wiki. | |
| − | + | Mainly this files controls the appearance of the web elements rather than their positioning etc. | |
| + | So changes to the colors, font styles, etc. are best made here, if there lacks a tag for a font | ||
| + | color, family, size, weight, it currently inherits from some other attribute, so feel free to change it. | ||
| + | */ | ||
| + | /************************************* Top of page *************/ | ||
| + | /***** Logo & Banner *************/ | ||
| + | /* banner */ | ||
| + | #banner {background-color: #76AE6F; | ||
| + | background-repeat: no-repeat; | ||
| + | background-position: 15px -17px; | ||
| + | _background-position: 15px -85px; /*ie hack. ie seems to draw from the bottom here, rather than from the top?! */ | ||
| + | font-size: 10pt; | ||
} | } | ||
| − | + | /* Logo container */ | |
| − | + | .logo { | |
} | } | ||
| − | + | #logo { | |
| − | |||
} | } | ||
| − | + | /* Logo */ | |
| − | + | td.logo_banner { | |
} | } | ||
| − | + | .logo td { | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | /* Logo Text (used if no image */ | |
| − | /* | + | #logo_text { |
| − | + | font-size: 28pt; | |
| − | + | color: white !important; | |
| − | + | text-decoration: none !important; | |
| − | |||
| − | |||
} | } | ||
| − | + | /***** User Name, Password Area *****/ | |
| − | + | /* User name and settings */ | |
| − | + | td.user_banner { | |
} | } | ||
| − | . | + | td.user_banner table { |
| − | |||
| − | |||
} | } | ||
| − | + | ||
| − | + | /* If Logged in Username & Welcome */ | |
| − | + | .user_area { | |
| − | + | color: black; | |
} | } | ||
| − | table | + | .user_area table { |
| − | |||
} | } | ||
| − | + | .user_area td { | |
| − | |||
} | } | ||
| − | + | .user_area .welcome { | |
| − | |||
} | } | ||
| − | + | /* If not logged in */ | |
| − | + | /* See Et Cetera for input forms */ | |
| + | .login_area { | ||
} | } | ||
| − | + | .login_area input { font-size: x-small; } | |
| − | table | + | |
| − | + | .login_area table { | |
} | } | ||
| − | + | .login_area td { | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | ||
| − | /* | + | |
| − | + | /*********** Navigation Tab Area ****/ | |
| − | + | /* Primary navigational tabs */ | |
| − | + | a.tab.tab, a.tab:visited { | |
| − | + | background: #999; | |
| − | + | color: #000088; | |
| − | + | border-top: 1px solid #555555; | |
| + | border-left: 1px solid #555555; | ||
| + | border-right: 1px solid #555555; | ||
| + | text-decoration: none; | ||
} | } | ||
| − | + | a.tab:hover { | |
| − | + | color: #000; | |
| + | background: #bbb; | ||
} | } | ||
| − | + | a.tab.notice { font-weight: bold;} | |
| − | + | a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited { | |
| − | + | background: #ccc; | |
| + | border-left: 1px solid #555; | ||
| + | border-right: 1px solid #555; | ||
| + | border-bottom: 1px solid #ccc; | ||
| + | color: #000000; | ||
} | } | ||
| − | + | /* Area which contains the tabs */ | |
| − | + | div.tabArea { | |
| + | font-size: 11px; | ||
| + | border-bottom: 1px solid #AAAAAA; | ||
| + | color: #555555; | ||
} | } | ||
| − | /* | + | |
| − | + | /*********** Switching button-icons **********/ | |
| − | + | /* Row that contains page icons (e.g. "Edit", "Info") */ | |
| − | + | #iconRow td.pageIcon { padding-right: 10px; } | |
| − | + | #iconRow td.pageIconSelected { padding-right: 10px; } | |
| − | + | td.pageIcon { | |
| − | + | font-size: 7pt; | |
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | td.pageIconSelected { | |
| − | + | font-size: 7pt; | |
| − | + | font-weight: bold; | |
| − | + | color: #000088; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | /* The search box */ | |
| − | /* | + | #search_form { |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | #search_form form { | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | ||
| − | /* | + | /************************************* Page content *************/ |
| − | /* | + | |
| − | + | /* Page Title */ | |
| − | + | #title { | |
| − | + | background: #ccc; | |
| − | + | border-bottom: 1px solid #AAAAAA; | |
} | } | ||
| − | + | #title_area_table { | |
| − | + | } | |
| − | + | #title h1 { | |
| − | + | font-size: 160%; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | #title td { | |
| − | + | } | |
| − | + | #title a { | |
| − | + | color: black; | |
| + | text-decoration: none; | ||
| + | } | ||
| + | #title a:hover { color: #76AE6F; } | ||
| + | #title_text { | ||
| + | } | ||
| + | #title_text td { | ||
} | } | ||
| − | /* | + | |
| − | . | + | /* Sub-title */ |
| − | + | .minorTitle { | |
| − | + | font-size: x-large; | |
} | } | ||
| − | + | ||
| − | + | /************* Page Body *************/ | |
| − | + | body { | |
| − | + | font-family: Verdana, sans-serif; | |
| − | + | font-size: 13px; | |
| + | background: White; | ||
| + | font-weight: normal; | ||
| + | color: black; | ||
| + | background-color: white; | ||
} | } | ||
| − | + | ||
| − | + | /* Page Content */ | |
| − | + | .content { | |
} | } | ||
| − | /* | + | |
| − | + | /* Standard Text */ | |
| − | + | pre { | |
| + | border: 1px solid #CBCBCB; | ||
| + | background-color: #FFF8ED; | ||
| + | color: black; | ||
} | } | ||
| + | /* Table Of Contents */ | ||
| + | .tableOfContents | ||
| + | { | ||
| + | background-color:#EEEEEE; | ||
| + | border: 1px solid #AAAAAA; | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | .floatLeftTOC | |
| − | + | { | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | .floatRightTOC | |
| − | + | { | |
| − | |||
| − | |||
} | } | ||
| − | + | ||
| − | /* | + | |
| − | + | /* Link Formatting */ | |
| − | + | a:link { | |
| − | + | background-color: inherit; | |
| − | + | color: #a00; | |
} | } | ||
| − | + | a:visited { | |
| − | + | background-color: inherit; | |
| − | + | color: #700; | |
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | a:hover { | |
| − | + | background-color: inherit; | |
| − | + | text-decoration: none; | |
| − | + | color: #76AE6F; | |
| − | |||
} | } | ||
| − | + | a.nonexistent, a.badinterwiki { | |
| − | + | background-color: inherit; | |
| − | + | color: #a00; | |
| − | + | text-decoration: none; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | a.nonexistent:hover { | |
| − | + | border-bottom: 0px; | |
| − | + | cursor: pointer; | |
| + | color: #76AE6F; | ||
} | } | ||
| − | + | a.nonexistent:visited { color: #700; } | |
| − | + | a.tinyNonexistent /* used for things like "Talk" links when they don't exist */ { | |
| − | + | text-decoration: none; | |
| − | + | background-color: inherit; | |
| − | + | color: gray; | |
| − | |||
} | } | ||
| − | + | a.tinyNonexistent:hover { | |
| − | + | cursor: pointer; | |
| − | + | color: green; | |
| − | |||
| − | |||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | /* Tables */ | |
| − | + | .wikitable td { | |
} | } | ||
| − | + | .wikitable { | |
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | /* Lists */ | |
| − | + | .wikipage ul { | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | .wikipage li { margin-bottom: 0.25em; } | |
| − | /* | + | |
| − | . | + | /*indented headings*/ |
| − | + | .wikipage ul h2, h3,h4,h5,h6{ | |
} | } | ||
| − | + | ||
| − | + | /* Headings */ | |
| + | h2, h3, h4, h5, h6 { | ||
| + | font-family: Verdana, sans-serif; | ||
| + | color: black; | ||
} | } | ||
| − | + | h3, h4, h5, h6 { | |
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | h1 a, h2 a, h3 a{ | |
| − | + | text-decoration: none; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | h2 { | |
| − | + | font-size: 2em; | |
| − | + | font-weight: normal; | |
| − | + | border-bottom: 1px dashed #aaaaaa; | |
} | } | ||
| − | + | h3 { | |
| − | + | font-size: 1.5em; | |
| − | + | font-weight: normal; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | h4 { | |
| − | + | font-size: 1.3em; | |
| − | + | font-weight:normal; | |
| − | |||
} | } | ||
| − | + | h5 { | |
| − | + | font-size: 1.2em; | |
| − | + | font-weight: normal; | |
| − | |||
} | } | ||
| − | + | h6 { | |
| − | + | font-size: 1.1em; | |
| − | . | + | font-weight: normal; |
| − | |||
} | } | ||
| − | + | ||
| − | /* | + | |
| − | + | /* Editable Subsections */ | |
| − | + | table.sectionEdit h2 | |
| − | + | { | |
| + | border-bottom: none; | ||
| + | font-size: 2em; | ||
| + | } | ||
| + | table.sectionEdit | ||
| + | { | ||
| + | border-bottom: 1px solid #aaaaaa; | ||
} | } | ||
| − | + | table.sectionEdit a { text-decoration: none; } | |
| − | + | table.sectionEdit td { | |
| − | + | background-color: #eeeeee; | |
| − | |||
| − | |||
} | } | ||
| − | /* | + | |
| − | + | /* Horizontal Rule */ | |
| − | + | hr { | |
| − | background: # | + | background-color: #CBCBCB; |
| + | color: #CBCBCB; | ||
} | } | ||
| − | /* | + | /* Footnotes */ |
| − | . | + | .footnotes div { |
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | ||
| − | /* | + | /************************************* Bottom of Page *************/ |
| − | + | /* The footer, which contains things like "Edit", "Bookmark" and text/icons. */ | |
| − | # | + | #footer { |
| − | # | + | background-color: #EEEEEE; |
| − | + | border: 1px dashed #AAAAAA; | |
} | } | ||
| − | + | #footer p { | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | #footer .license { font-size: 9px; } | |
| − | + | ||
| − | . | + | |
| − | + | /************************************* Edit Page *************/ | |
| − | + | /* This is the page editing area (textarea, in our case) */ | |
| − | + | #savetext { font-family: Verdana, sans-serif; | |
| − | + | font-size: 13px; | |
| − | /* | + | background: White; |
| − | + | font-weight: normal; | |
| − | + | color: black; | |
| − | |||
| − | |||
} | } | ||
| − | + | /* Input button used for some actions (e.g. "Rename" page) */ | |
| − | /* | + | .formbutton { |
| − | + | cursor: pointer; | |
| − | + | cursor: hand; | |
| − | + | font-family: Verdana, sans-serif; | |
| − | + | font-size: 11px; | |
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | /* The comment area for making a page edit */ | |
| − | /* | + | #editComment { |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | ||
| − | /* | + | |
| − | + | /* The editor markup buttons */ | |
| − | + | #editButtonRow { | |
| + | border: 0; | ||
} | } | ||
| − | + | ||
| − | + | /************************************* History Page *************/ | |
| + | /* Content of the tab area */ | ||
| + | #tabPage { | ||
| + | border: 1px solid #CCCCCC !important; | ||
| + | border-bottom: 1px solid #CCCCCC !important; | ||
} | } | ||
| − | + | #tabPage h3 { margin-top: 9pt;} | |
| − | /* | + | /* The tabs themselves */ |
| − | + | #tabmenu { | |
| − | + | font-size: 8pt; | |
| − | |||
} | } | ||
| − | + | #tabmenu li { | |
| − | + | border: 1px solid #CCCCCC; | |
| − | + | list-style-type: none; | |
| − | |||
} | } | ||
| − | + | #tabmenu li.active { | |
| − | + | border-bottom: 3px solid white !important; | |
| − | + | _border-bottom: 3px solid white !important; /*ie hack*/ | |
} | } | ||
| − | + | #tabmenu li a { text-decoration: none; } | |
| − | + | #tabmenu li.active a { | |
| − | + | border-bottom: 3px solid white !important; | |
| − | . | + | _border-bottom: 1px solid white !important; /*ie hack*/ |
| − | |||
| − | |||
} | } | ||
| − | + | /* Info area history */ | |
| − | + | #pageHistory td { } | |
| − | + | div.editInfo { } | |
| − | + | ||
| + | |||
| + | |||
| + | /* The 'differences' view */ | ||
| + | .diff { | ||
| + | border: 1px solid gray; | ||
} | } | ||
| − | + | .diff td { | |
| − | + | border: 1px solid gray; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | span. | + | /* One side of the differences */ |
| − | + | .diff-item { | |
| + | } | ||
| + | /* Area that marks the line numbers where things change */ | ||
| + | .diff-title { background-color: #C0C0C0; } | ||
| + | /* Added area */ | ||
| + | .diff-added span { background-color: #80FF80; } | ||
| + | /* Removed area */ | ||
| + | .diff-removed span { background-color: #FFFF80; } | ||
| + | |||
| + | /* used for [action here] boxes with brackets around them */ | ||
| + | .minorActionBox { | ||
| + | font-size: 10pt; | ||
} | } | ||
| − | + | ||
| − | + | /************************************* Recent Changes Page *************/ | |
| + | |||
| + | /* Editor's name */ | ||
| + | .rceditor { | ||
| + | color: #000088; | ||
} | } | ||
| − | + | /* Editor's comment */ | |
| − | /* | + | .rccomment { |
| − | . | + | color: #4d4d4d; |
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | /* Recent Changes / Bookmarks change display */ | |
| − | /* | + | |
| − | + | /* Entry and Line Formatting */ | |
| − | + | .rcEntry { } | |
| − | + | .rcpageline { } | |
| − | + | ||
| − | + | /* Link to Page */ | |
| − | + | .rcpagelink { font-size: 14px; } | |
| − | + | .rcpagelink span { } | |
| − | + | ||
| − | + | /* Recent changes modified time */ | |
| + | .rctime { | ||
| + | font-size: 14px; | ||
| + | color: #4d4d4d; | ||
} | } | ||
| − | + | /***** Recent Changes Tag Stuff *****/ | |
| − | /* | + | /* General Tag Formatting */ |
| − | + | .rcTag { | |
| − | + | font-size: 80%; | |
| − | + | background-color: none; | |
} | } | ||
| − | + | .rcTag a { text-decoration: none; } | |
| − | /* | + | /* "New" tag */ |
| − | + | .rcTagNew { | |
| − | + | background-color: #ffff99; | |
| − | . | ||
| − | |||
| − | |||
} | } | ||
| − | . | + | /* "Changes" tag */ |
| − | + | .rcTagChanges { | |
| − | + | background-color: #dfdfdd; | |
} | } | ||
| − | . | + | /* "Deleted" tag */ |
| − | + | .rcTagDeleted { | |
| − | + | background-color: #ff9999; | |
} | } | ||
| − | . | + | /************************************* User's Stuff *************/ |
| − | + | /* User Link area, "logout/settings/watch" */ | |
| − | + | .user_area .user_items { | |
| + | font-size: 80%; | ||
} | } | ||
| − | . | + | /***** Bookmarks display (user's bookmarks) *****/ |
| − | + | /* Edit time */ | |
| − | + | .favtime { | |
| + | font-size: 12px; | ||
| + | color: #4d4d4d; | ||
} | } | ||
| − | . | + | /* Page editor */ |
| − | + | .faveditor { | |
| − | + | color: #000088; | |
| + | font-size: 12px; | ||
| + | } | ||
| + | /* Edit comment */ | ||
| + | .favcomment { | ||
| + | color: #4d4d4d; | ||
| + | font-size: 12px; | ||
} | } | ||
| − | + | ||
| − | + | /* Change Display */ | |
| − | + | .bookmarks .rcpagelink { | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | /* Formatting for [[Userstats()]] */ | |
| − | /* | + | #useredits table { } |
| − | # | + | #useredits table td { } |
| − | + | ||
| − | + | /************************************* Map Stuff *************/ | |
| − | + | ||
| − | + | /* Contains the map */ | |
| + | #mapContainer { | ||
| + | background-color: #ccddff; | ||
| + | border-right: 1px dashed #aaaaaa; | ||
| + | border-bottom: 1px dashed #aaaaaa; | ||
| + | border-top: 5px solid #ccddff; | ||
} | } | ||
| − | + | /* Contains just the map */ | |
| − | /* | + | #map { |
| − | + | border: 1px solid gray; | |
| − | |||
| − | |||
} | } | ||
| − | + | ||
| − | + | /************************************* Et cetera *************/ | |
| − | + | /* Inline editing box stuff */ | |
| − | + | .inlineEditHighlight { | |
| − | + | background-color: #CCDDFF; | |
| − | |||
} | } | ||
| − | + | /* The warning / notification message box */ | |
| − | + | #message { | |
| − | + | font-size: 120%; | |
| − | + | background-color: #FFFFAA; | |
| − | + | border: 1px dashed #ff0000; | |
| + | color: red; | ||
} | } | ||
| − | . | + | |
| − | + | /* Non-warning/alert style dialog. Such as used for search results. */ | |
| + | .dialogBox { | ||
| + | background-color: #EEEEEE; | ||
| + | border: 1px solid #AAAAAA; | ||
} | } | ||
| − | . | + | .dialogBox td { |
| − | + | } | |
| − | + | ||
| + | /* actionBoxes, similar to buttons, used to show users, hide users, etc. */ | ||
| + | .actionBoxes { | ||
} | } | ||
| − | . | + | td .actionBoxes { |
| − | |||
} | } | ||
| − | + | td .actionBoxes span { | |
| − | |||
| − | td . | ||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | .actionBoxes a { text-decoration: none; } | |
| − | + | span.actionBoxSelected { | |
| − | . | + | border: none !important; |
| − | + | font-weight:bold; | |
} | } | ||
| − | + | .actionBoxes span { | |
| − | + | font-size: 8pt; | |
| − | + | border:1px solid rgb(170, 170, 170); | |
| − | + | background:#f5f5f5; | |
} | } | ||
| − | + | .actionBoxes a { text-decoration: none; } | |
| − | /* | + | |
| − | . | + | /* "optional" or minor points are made using minorText. */ |
| − | + | .minorText { | |
| + | color: gray; | ||
} | } | ||
| − | + | .minorText a:link { | |
| − | + | color: #333399; | |
| − | . | + | text-decoration: none; |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | .minorText a:hover { | |
| − | + | color: green; | |
| − | + | text-decoration: none; | |
| − | |||
| − | |||
} | } | ||
| − | + | ||
| − | /* [ | + | /* used for [action here] boxes with brackets around them */ |
| − | + | .minorActionBox { | |
| − | + | font-size: 10pt; | |
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | /* Input field for forms (e.g. username/password fields) */ | |
| − | + | .formfields { | |
| − | + | background-color: #FFFFFF; | |
| − | + | border: 1px solid #999999; | |
| − | + | font-family: Verdana, sans-serif; | |
| + | font-size: 11px; | ||
| + | color: #333333; | ||
| + | text-decoration: none; | ||
} | } | ||
| − | + | ||
| − | /* | + | /* Icon used when linking to other wikis using interwiki-style links. |
| − | + | * also used when displaying certain links to other wikis, such as search results | |
| − | + | */ | |
| − | + | img.interwiki_icon { | |
| − | + | border: none; | |
| − | |||
} | } | ||
Revision as of 08:30, 5 March 2015
/* style.css
This sheet is for control of the stylistic aspects of the font and presentation of your wiki.
Mainly this files controls the appearance of the web elements rather than their positioning etc.
So changes to the colors, font styles, etc. are best made here, if there lacks a tag for a font
color, family, size, weight, it currently inherits from some other attribute, so feel free to change it.
*/
/************************************* Top of page *************/
/***** Logo & Banner *************/
/* banner */
#banner {background-color: #76AE6F;
background-repeat: no-repeat;
background-position: 15px -17px;
_background-position: 15px -85px; /*ie hack. ie seems to draw from the bottom here, rather than from the top?! */
font-size: 10pt;
}
/* Logo container */
.logo {
}
#logo {
}
/* Logo */
td.logo_banner {
}
.logo td {
}
/* Logo Text (used if no image */
#logo_text {
font-size: 28pt;
color: white !important;
text-decoration: none !important;
}
/***** User Name, Password Area *****/
/* User name and settings */
td.user_banner {
}
td.user_banner table {
}
/* If Logged in Username & Welcome */
.user_area {
color: black;
}
.user_area table {
}
.user_area td {
}
.user_area .welcome {
}
/* If not logged in */
/* See Et Cetera for input forms */
.login_area {
}
.login_area input { font-size: x-small; }
.login_area table {
}
.login_area td {
}
/*********** Navigation Tab Area ****/
/* Primary navigational tabs */
a.tab.tab, a.tab:visited {
background: #999;
color: #000088;
border-top: 1px solid #555555;
border-left: 1px solid #555555;
border-right: 1px solid #555555;
text-decoration: none;
}
a.tab:hover {
color: #000;
background: #bbb;
}
a.tab.notice { font-weight: bold;}
a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
background: #ccc;
border-left: 1px solid #555;
border-right: 1px solid #555;
border-bottom: 1px solid #ccc;
color: #000000;
}
/* Area which contains the tabs */
div.tabArea {
font-size: 11px;
border-bottom: 1px solid #AAAAAA;
color: #555555;
}
/*********** Switching button-icons **********/
/* Row that contains page icons (e.g. "Edit", "Info") */
#iconRow td.pageIcon { padding-right: 10px; }
#iconRow td.pageIconSelected { padding-right: 10px; }
td.pageIcon {
font-size: 7pt;
}
td.pageIconSelected {
font-size: 7pt;
font-weight: bold;
color: #000088;
}
/* The search box */
#search_form {
}
#search_form form {
}
/************************************* Page content *************/
/* Page Title */
#title {
background: #ccc;
border-bottom: 1px solid #AAAAAA;
}
#title_area_table {
}
#title h1 {
font-size: 160%;
}
#title td {
}
#title a {
color: black;
text-decoration: none;
}
#title a:hover { color: #76AE6F; }
#title_text {
}
#title_text td {
}
/* Sub-title */
.minorTitle {
font-size: x-large;
}
/************* Page Body *************/
body {
font-family: Verdana, sans-serif;
font-size: 13px;
background: White;
font-weight: normal;
color: black;
background-color: white;
}
/* Page Content */
.content {
}
/* Standard Text */
pre {
border: 1px solid #CBCBCB;
background-color: #FFF8ED;
color: black;
}
/* Table Of Contents */
.tableOfContents
{
background-color:#EEEEEE;
border: 1px solid #AAAAAA;
}
.floatLeftTOC
{
}
.floatRightTOC
{
}
/* Link Formatting */
a:link {
background-color: inherit;
color: #a00;
}
a:visited {
background-color: inherit;
color: #700;
}
a:hover {
background-color: inherit;
text-decoration: none;
color: #76AE6F;
}
a.nonexistent, a.badinterwiki {
background-color: inherit;
color: #a00;
text-decoration: none;
}
a.nonexistent:hover {
border-bottom: 0px;
cursor: pointer;
color: #76AE6F;
}
a.nonexistent:visited { color: #700; }
a.tinyNonexistent /* used for things like "Talk" links when they don't exist */ {
text-decoration: none;
background-color: inherit;
color: gray;
}
a.tinyNonexistent:hover {
cursor: pointer;
color: green;
}
/* Tables */
.wikitable td {
}
.wikitable {
}
/* Lists */
.wikipage ul {
}
.wikipage li { margin-bottom: 0.25em; }
/*indented headings*/
.wikipage ul h2, h3,h4,h5,h6{
}
/* Headings */
h2, h3, h4, h5, h6 {
font-family: Verdana, sans-serif;
color: black;
}
h3, h4, h5, h6 {
}
h1 a, h2 a, h3 a{
text-decoration: none;
}
h2 {
font-size: 2em;
font-weight: normal;
border-bottom: 1px dashed #aaaaaa;
}
h3 {
font-size: 1.5em;
font-weight: normal;
}
h4 {
font-size: 1.3em;
font-weight:normal;
}
h5 {
font-size: 1.2em;
font-weight: normal;
}
h6 {
font-size: 1.1em;
font-weight: normal;
}
/* Editable Subsections */
table.sectionEdit h2
{
border-bottom: none;
font-size: 2em;
}
table.sectionEdit
{
border-bottom: 1px solid #aaaaaa;
}
table.sectionEdit a { text-decoration: none; }
table.sectionEdit td {
background-color: #eeeeee;
}
/* Horizontal Rule */
hr {
background-color: #CBCBCB;
color: #CBCBCB;
}
/* Footnotes */
.footnotes div {
}
/************************************* Bottom of Page *************/
/* The footer, which contains things like "Edit", "Bookmark" and text/icons. */
#footer {
background-color: #EEEEEE;
border: 1px dashed #AAAAAA;
}
#footer p {
}
#footer .license { font-size: 9px; }
/************************************* Edit Page *************/
/* This is the page editing area (textarea, in our case) */
#savetext { font-family: Verdana, sans-serif;
font-size: 13px;
background: White;
font-weight: normal;
color: black;
}
/* Input button used for some actions (e.g. "Rename" page) */
.formbutton {
cursor: pointer;
cursor: hand;
font-family: Verdana, sans-serif;
font-size: 11px;
}
/* The comment area for making a page edit */
#editComment {
}
/* The editor markup buttons */
#editButtonRow {
border: 0;
}
/************************************* History Page *************/
/* Content of the tab area */
#tabPage {
border: 1px solid #CCCCCC !important;
border-bottom: 1px solid #CCCCCC !important;
}
#tabPage h3 { margin-top: 9pt;}
/* The tabs themselves */
#tabmenu {
font-size: 8pt;
}
#tabmenu li {
border: 1px solid #CCCCCC;
list-style-type: none;
}
#tabmenu li.active {
border-bottom: 3px solid white !important;
_border-bottom: 3px solid white !important; /*ie hack*/
}
#tabmenu li a { text-decoration: none; }
#tabmenu li.active a {
border-bottom: 3px solid white !important;
_border-bottom: 1px solid white !important; /*ie hack*/
}
/* Info area history */
#pageHistory td { }
div.editInfo { }
/* The 'differences' view */
.diff {
border: 1px solid gray;
}
.diff td {
border: 1px solid gray;
}
/* One side of the differences */
.diff-item {
}
/* Area that marks the line numbers where things change */
.diff-title { background-color: #C0C0C0; }
/* Added area */
.diff-added span { background-color: #80FF80; }
/* Removed area */
.diff-removed span { background-color: #FFFF80; }
/* used for [action here] boxes with brackets around them */
.minorActionBox {
font-size: 10pt;
}
/************************************* Recent Changes Page *************/
/* Editor's name */
.rceditor {
color: #000088;
}
/* Editor's comment */
.rccomment {
color: #4d4d4d;
}
/* Recent Changes / Bookmarks change display */
/* Entry and Line Formatting */
.rcEntry { }
.rcpageline { }
/* Link to Page */
.rcpagelink { font-size: 14px; }
.rcpagelink span { }
/* Recent changes modified time */
.rctime {
font-size: 14px;
color: #4d4d4d;
}
/***** Recent Changes Tag Stuff *****/
/* General Tag Formatting */
.rcTag {
font-size: 80%;
background-color: none;
}
.rcTag a { text-decoration: none; }
/* "New" tag */
.rcTagNew {
background-color: #ffff99;
}
/* "Changes" tag */
.rcTagChanges {
background-color: #dfdfdd;
}
/* "Deleted" tag */
.rcTagDeleted {
background-color: #ff9999;
}
/************************************* User's Stuff *************/
/* User Link area, "logout/settings/watch" */
.user_area .user_items {
font-size: 80%;
}
/***** Bookmarks display (user's bookmarks) *****/
/* Edit time */
.favtime {
font-size: 12px;
color: #4d4d4d;
}
/* Page editor */
.faveditor {
color: #000088;
font-size: 12px;
}
/* Edit comment */
.favcomment {
color: #4d4d4d;
font-size: 12px;
}
/* Change Display */
.bookmarks .rcpagelink {
}
/* Formatting for [[Userstats()]] */
#useredits table { }
#useredits table td { }
/************************************* Map Stuff *************/
/* Contains the map */
#mapContainer {
background-color: #ccddff;
border-right: 1px dashed #aaaaaa;
border-bottom: 1px dashed #aaaaaa;
border-top: 5px solid #ccddff;
}
/* Contains just the map */
#map {
border: 1px solid gray;
}
/************************************* Et cetera *************/
/* Inline editing box stuff */
.inlineEditHighlight {
background-color: #CCDDFF;
}
/* The warning / notification message box */
#message {
font-size: 120%;
background-color: #FFFFAA;
border: 1px dashed #ff0000;
color: red;
}
/* Non-warning/alert style dialog. Such as used for search results. */
.dialogBox {
background-color: #EEEEEE;
border: 1px solid #AAAAAA;
}
.dialogBox td {
}
/* actionBoxes, similar to buttons, used to show users, hide users, etc. */
.actionBoxes {
}
td .actionBoxes {
}
td .actionBoxes span {
}
.actionBoxes a { text-decoration: none; }
span.actionBoxSelected {
border: none !important;
font-weight:bold;
}
.actionBoxes span {
font-size: 8pt;
border:1px solid rgb(170, 170, 170);
background:#f5f5f5;
}
.actionBoxes a { text-decoration: none; }
/* "optional" or minor points are made using minorText. */
.minorText {
color: gray;
}
.minorText a:link {
color: #333399;
text-decoration: none;
}
.minorText a:hover {
color: green;
text-decoration: none;
}
/* used for [action here] boxes with brackets around them */
.minorActionBox {
font-size: 10pt;
}
/* Input field for forms (e.g. username/password fields) */
.formfields {
background-color: #FFFFFF;
border: 1px solid #999999;
font-family: Verdana, sans-serif;
font-size: 11px;
color: #333333;
text-decoration: none;
}
/* Icon used when linking to other wikis using interwiki-style links.
* also used when displaying certain links to other wikis, such as search results
*/
img.interwiki_icon {
border: none;
}