/* 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. * Name: Bloggy Sandy Stone Beach (Just title) * Version: 2 * */ /************************************* Top of page *************/ /************* Page Body *************/ body { font-family: Verdana, sans-serif; font-size: 13px; font-weight: normal; color: black; background-color: #FCFFF5; } /* Page Content */ .content { background-color: white; border: 1px solid #D1DBBD; } /* 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: #3E606F!important; } a:visited { background-color: inherit; color: #3E606F; } a:hover { background-color: inherit; text-decoration: none; color: #91AA9D!important; } a.nonexistent, a.badinterwiki { background-color: inherit; color: #3E606F!important; text-decoration: none!important; border-bottom: 1px dashed #3E606F!important; } a.nonexistent:hover { border-bottom: 0px; cursor: pointer; color: #91AA9D!important; } a.nonexistent:visited { color: #ffcc66; } a.tinyNonexistent /* used for things like "Talk" links when they don't exist */ { text-decoration: none; background-color: inherit; color: #91AA9D!important; } a.tinyNonexistent:hover { cursor: pointer; color: green; } /***** Logo & Banner *************/ /* banner */ #banner { background-color: #523000; font-size: 10pt; font-family: ; } /* Logo container */ .logo { } #logo { } /* Logo */ td.logo_banner { } .logo td { } /* Logo Text (used if no image */ #logo_text { font-size: 11pt; font-weight: normal; color: #ffe5bf !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: #3E606F; font-size: 8pt; } .user_area a { color: #3E606F!important; } .user_area table { } .user_area td { } .user_area .welcome { } /* If not logged in */ /* See Et Cetera for input forms */ .login_area { font-size: 9pt; color: #3E606F; } .login_area input { font-size: 80%; } .login_area a { } .login_area table { } .login_area td { } /*********** Navigation Tab Area ****/ /* Primary navigational tabs */ a.tab.tab, a.tab:visited { color: #3E606F!important; } a.tab:hover { } a.tab.notice { font-weight: bold;} /* The tab for the current page, foremost tab */ a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited { position: relative; top: 0px; } /* Area which contains the tabs */ div.tabArea { font-size: 11px; } /*********** Switching button-icons **********/ /* Row that contains page icons (e.g. "Edit", "Info") */ .pageIcon { font-size: 9pt; } .pageIconSelected { font-size: 9pt; font-weight: bold; } /* This is the action text, e.g. "Edit", "Info" */ .pageIcon span span, .pageIconSelected span span { color: #D1DBBD; } .pageIcon span a:hover span, .pageIconSelected span a:hover span { color: #FCFFF5!important; } /* The search box */ #search_form { color: #3E606F; font-size: 9pt; } #search_form form { } #search_form input { font-size: 8pt; padding: 0; border: 1px solid #91AA9D; } /************************************* Page content *************/ /* Page Title */ #title { background-color: #3E606F; } /* Title Text */ #title_text div { color: white!important; } #title h1 { font-size: 26pt; color: #D1DBBD; font-weight: bold; } #title a { color: #FCFFF5!important; } #title_text td { } #title_area_table { } /* Sub-title */ .minorTitle { font-size: x-large; } /* Tables */ .wikitable td { } .wikitable { } /* Lists */ .wikipage ul { } .wikipage li { } /* 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!important; } h2 { font-size: 2em; font-weight: normal; border-bottom: 1px solid #D1DBBD; } 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 #D1DBBD; } table.sectionEdit a { text-decoration: none; } table.sectionEdit h2 a { color:black; } table.sectionEdit td { } /* Horizontal Rule */ hr { background-color: #D1DBBD; color: #D1DBBD; } /* Footnotes */ .footnotes div { border-top: 1px solid #D1DBBD; } /************************************* Bottom of Page *************/ /* The footer, which contains things like "Edit", "Bookmark" and text/icons. */ #footer { font-size: 9pt; color: #3E606F; } #footer a { color: #3E606F!important; } #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-color: White; font-weight: normal; color: black; } /* Input button used for some actions (e.g. "Rename" page) */ .formbutton { cursor: hand; font-family: Verdana, sans-serif; font-size: 11px; } /* The comment area for making a page edit */ #editComment { } /* The editor markup buttons */ #editButtonRow input { border: 0; font-size: 9pt; background-color: #dfdfdd; } #editButtonRow .editActions { background-color: #C4C4C4; } /************************************* History Page *************/ /* Content of the tab area */ #tabPage { border: 1px solid #CCC; border-bottom: 1px solid #CCC !important; } #tabPage h3 { } /* The tabs themselves */ #tabmenu { font-size: 8pt; } #tabmenu li { border: 1px solid #CCC; list-style-type: none; border-bottom: 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; } /************************************* Recent Changes Page *************/ .recentchanges { } /* 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: #ffff77; } /* "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: 100%; } /***** 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 { } .bookmarks .rcpagelink { } /* Formatting for [[Userstats()]] */ #useredits table { } #useredits table td { } /************************************* Map Stuff *************/ /* Contains the map */ #mapContainer { } /* Contains just the map */ #map { border: 1px solid gray; } /************************************* Et cetera *************/ /* Inline editing box stuff */ .inlineEditHighlight { background-color: #D1DBBD; } /* The warning / notification message box */ #message { font-size: 120%; background-color: #D1DBBD; border: 1px dashed #808080; color: #3E606F; } /* 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-color:#f5f5f5; } .actionBoxes a { text-decoration: none; } /* "optional" or minor points are made using minorText. */ .minorText { color: gray; } .minorText a { color: #333399; text-decoration: none; } .minorText a:hover { color: #669966; 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; } /* more wikispot stuff */ .wikiSpotFrontPage td { } .wikiSpotFooter a { text-decoration: underline; color: #3E606F!important; }