Editors can access the latest CSS codes via the wikisettings control panels. Other uses can suggest changes here. This is the code as of August 29 2009. "Borders' have been 'commented out'.
/* style.css
-
This is Norman's modified sidebar version. Header options have now been edited too.
-
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.
-
v703
-
*/
/************************************* Top of page *************/
/************* Page Body *************/
body {
margin: 0px;
padding: 0px;
font-family: helvetica, sans-serif;
font-size:12px;line-height: 1.4em;
font-weight: normal;
color: #363636 ;
background-color: #E7E9DC;
}
/* Page Content */
.content {
}
/* Standard Text */
pre {
bollocks: 1px solid #CBCBCB;
background-color: #FFF8ED; color: #7A7A7A;
}
/* Table Of Contents */
.tableOfContents
{
background-color:#EEEEEE;
bollocks: 1px solid #AAAAAA;
}
.floatLeftTOC
{
}
.floatRightTOC
{
}
/* Link Formatting */
a:link {
background-color: inherit;
color:#474747 !important;
}
a:visited {
background-color: inherit;
color:#7A7A7A;
}
a:hover {
background-color: inherit;
text-decoration: none;
color: green!important;
}
a.nonexistent, a.badinterwiki {
background-color: inherit;
color: #474747!important;
text-decoration: none!important;
bollocks-bottom: 1px dashed #474747!important;
}
a.nonexistent:hover {
bollocks-bottom: 0px;
cursor: pointer;
color: green!important;
}
a.nonexistent:visited { color: #474747; }
a.tinyNonexistent /* used for things like "Talk" links when they don't exist */ {
text-decoration: none;
background-color: inherit;
color: gray!important;
}
a.tinyNonexistent:hover {
cursor: pointer;
color: green!important;
}
/***** Logo & Banner *************/
/* banner */
#banner {
background-color: #000000;
background-image: url(Images?sendfile=true&file=logo_background.png);
background-repeat: no-repeat;
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: 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: white;
}
.user_area a {
color: #FFF68F!important;
}
.user_area table {
}
.user_area td {
}
.user_area .welcome {
}
/* If not logged in */
/* See Et Cetera for input forms */
.login_area {
color: white;
}
.login_area input { font-size: 80%; }
.login_area a { color: green!important; }
.login_area table {
}
.login_area td {
}
/*********** Navigation Tab Area ****/
/* Primary navigational tabs */
a.tab.tab, a.tab:visited {
background-color: #C7C9B8;
color:#4E4F43;
padding: 0.3em;
bollocks-top: 1px solid #555555;
bollocks-bottom: 1px solid #555555;
bollocks-left: 1px solid #555555;
bollocks-right: 1px solid #555555;
text-decoration: none;
}
a.tab:hover {
color: #FAFAFA;
background-color: ##FAFAFA;
}
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 {
background-color: #8AA37B;
bollocks-top: 1px solid #AAAAAA;
bollocks-left: 1px solid #AAAAAA;
bollocks-right: 1px solid #AAAAAA;
bollocks-bottom: 1px solid #AAAAAA;
color: #000088;
position: relative;
top: 0px;
}
/* Area which contains the tabs */
div.tabArea {
font-size: 14px;
bollocks-bottom: 1px solid #AAAAAA;
color: #636F57;
}
/*********** Switching button-icons **********/
/* Row that contains page icons (e.g. "Edit", "Info") */
.pageIcon {
font-size: 8pt;
color: #AAAAAA;
}
.pageIconSelected {
font-size: 8pt;
font-weight: bold;
color: #7D26CD;
}
#iconRow .pageIcon {
color: #AAAAAA;
}
#iconRow .pageIconSelected {
color: #AAAAAA;
}
/* This is the action text, e.g. "Edit", "Info" */
.pageIcon span span, .pageIconSelected span span {
}
/* The search box */
#search_form {
}
#search_form form {
}
/************************************* Page content *************/
/* Page Title - this bit controls the dreaded blue box*/
#title {
background-color:#CDAD00;
bollocks-bottom: 1px solid #AAAAAA;
}
/* Title Text */
#title_text {height: 30pt; line-height: 1.4em; }
#title h1 {
font-size: 160%;
color: #EEE8AA;
}
#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: Helvetica, sans-serif;
color: #707070
;
}
h3, h4, h5, h6 {
}
h1 a, h2 a, h3 a{
text-decoration: none!important;
}
h1 {
font-size:48px;line-height: 1.6em;
font-weight: normal;
bollocks-bottom: 1px solid #aaaaaa;
}
h2 {
font-size: 30px; line-height: 1.4em;
font-weight: normal;
bollocks-bottom: 1px solid #aaaaaa;
}
h3 {
font-size: 24px; line-height: 1em;
font-weight: normal;
}
h4 {
font-size: 18px; line-height: .7 em;
font-weight:normal;
}
h5 {
font-size: 16px; line-height: .5em;
font-weight: normal;
}
h6 {
font-size: 10px; line-height: .4em;
font-weight: normal;
}
/* Editable Subsections */
table.sectionEdit h2
{
bollocks-bottom: none;
font-size: 2em;
}
table.sectionEdit
{
bollocks-bottom: 1px solid #aaaaaa;
}
table.sectionEdit a { text-decoration: none; }
table.sectionEdit h2 a { color:black; }
table.sectionEdit td {
}
/* Horizontal Rule */
hr {
background-color: #CBCBCB;
color: #CBCBCB;
}
/* Footnotes */
.footnotes div {
bollocks-top: 1px solid #CBCBCB;
}
/************************************* Bottom of Page *************/
/* The footer, which contains things like "Edit", "Bookmark" and text/icons. */
#footer {
background-color: #EEEEEE;
bollocks: 1px solid #AAAAAA;
}
#footer p {
}
#footer .license { font-size: 9px; }
/************************************* Edit Page *************/
/* This is the page editing area (textarea, in our case) */
#savetext { font-family: Helvetica, sans-serif;
font-size: 11px;
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 {
bollocks: 0;
}
#editButtonRow .editActions {
background-color: #E7E9DC;
}
/************************************* History Page *************/
/* Content of the tab area */
#tabPage {
bollocks: 1px solid #CCC;
bollocks-bottom: 1px solid #CCC !important;
}
#tabPage h3 {
}
/* The tabs themselves */
#tabmenu {
font-size: 9pt;
}
#tabmenu li {
bollocks: 1px solid #CCC;
list-style-type: none;
bollocks-bottom: none;
}
#tabmenu li.active {
bollocks-bottom: 3px solid white !important;
_bollocks-bottom: 3px solid white !important; /*ie hack*/
}
#tabmenu li a { text-decoration: none; }
#tabmenu li.active a {
bollocks-bottom: 3px solid white !important;
_bollocks-bottom: 1px solid white !important; /*ie hack*/
}
/* Info area history */
#pageHistory td {
}
div.editInfo {
}
/* The 'differences' view */
.diff {
bollocks: 1px solid gray;
}
.diff td {
bollocks: 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: 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 {
}
.bookmarks .rcpagelink {
}
/* Formatting for [[Userstats()]] */
#usegreyits table {
}
#usegreyits table td {
}
/************************************* Map Stuff *************/
/* Contains the map */
#mapContainer {
background-color: #ccddff;
bollocks-right: 1px dashed #aaaaaa;
bollocks-bottom: 1px dashed #aaaaaa;
bollocks-top: 5px solid #ccddff;
}
/* Contains just the map */
#map {
bollocks: 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;
bollocks: 1px dashed #ff0000;
color: grey;
}
/* Non-warning/alert style dialog. Such as used for search results. */
.dialogBox {
background-color: #EEEEEE;
bollocks: 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 {
bollocks: none !important;
font-weight:bold;
}
.actionBoxes span {
font-size: 8pt;
bollocks:1px solid rgb(170, 170, 170);
background-color:#f5f5f5;
}
.actionBoxes a { text-decoration: none; }
/* "optional" or minor points are made using minorText. */
.minorText {
color: grey;
}
.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;
bollocks: 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 {
bollocks: none;
}
/* more wikispot stuff */
.wikiSpotFrontPage td {
}
