/*
This started out as an exact copy of http://en.wikipedia.org/w/index.php?title=User:Lemmiwinks2/monobook.css&oldid=327069584
(This is User:Lemmiwinks2 talking from here on in...)
USE AT YOUR OWN RISK.
I know absolutely nothing about css. most of the code on this page was copied from
http://en.wikipedia.org/wiki/MediaWiki:Gadget-Blackskin.css
http://en.wikipedia.org/wiki/MediaWiki:Common.css
and modified by trial and error.
USE AT YOUR OWN RISK.
you will find this source code much more readable if you install User:Gerbrant/hidePane.js to your user javascript page.
See Wikipedia:WikiProject User scripts/Scripts for installation instructions
This stylesheet consists of 4 main parts:
1. my notes
2. my own pitiful contributions
2.2 selected text for firefox
2.2.1 selected text for non-firefox (commented out)
2.3 horizontal line
2.5 (obsolete section) (commented out)
2.5.1 eliminates all sidebar items
2.5.2 expand main content area
2.5.3 links at top
2.5.4 links at bottom
2.5.5 misc stuff
2.5.6 expand sidebar to fill missing logo (doubly obsolete)
2.7 misc divs that werent displaying properly
2.8 make css source more readable
2.9 Turn the "Save page" button green (commented out. doesnt work)
3. parts copied from MediaWiki:Common.css and modified by myself by trial and error
3.1 wikitable/prettytable
3.2 navbox
3.3 infobox
3.4 messagebox
3.5 mboxes
3.5.1 ambox (article message box)
3.5.2 imbox (image message box)
3.5.3 cmbox (category message box)
3.5.4 ombox (other message box)
3.5.5 tmbox (talk message box)
3.5.6 dmbox (disambig message box)
3.5.7 fmbox (footer and header message box)
3.5.8 mbox-small
4. parts copied from Blackskin.css and modified by myself by trial and error
4.1 portlet
4.1.1 footer
4.1.2 logo (missing)
4.1.3 cactions
4.2 body and #content
4.3 links
4.4 edit interface (commented out)
4.5 user links
4.5.1 'my preferences' page
4.6 assorted stuff
4.6.1 user message
4.6.2 input
4.6.3 select box
4.6.4 infobox
4.6.5 search box
4.7 my tabs
4.8 abbr and code and pre
4.8.1 abreviations
4.8.2 code
4.8.3 pre
4.9 headers
4.10 tables
4.11 table of contents
4.12 category box
4.13 images
4.13.1 thumbnails
4.14 page history colors
4.15 Diff rendering
4.16 tooltip
4.16.1 the person icon by your username
4.17 round corners (commented out)
4.18 Dotted borders on pre
4.18.1 copyright notice removed (commented out)
4.19 requirements for menu tabs
4.20 navigation popups
2.4.1 diff popups
4.21 printer style (commented out)
I have only used this stylesheet with monobook. here is the link to its css:
http://en.wikipedia.org/wiki/MediaWiki:Monobook.css
the addition of [[User:Gerbrant/hidePane.js]] to my [[User:Lemmiwinks2/monobook.js]] page has rendered parts of this css obsolete.
in firefox, text color within edit areas like the one you are looking at now if you are editing this page
can be set through edit/pref/content/colors/text and background. it also sets the color for blank screens.
*************************************************************** my notes ********************
foreground:
white #FFFFFF (text)
yellow #FFFF00 (links)
in-between:
lightred #FF3333 (foreground links to non-existant pages)
grey #808080 (not used)
darkred #CC0000 (background for warning messages)
background:
navy #0000CB (background)
blue #0000FF (highlighting. Messageboxes)
orange #FF8000 (visited links)
green #00FF00 (not used)
purple #FF00FF (stubs)
use !important to override default settings.
#mbox-text is for styling the id 'mbox-text'.
.mbox-text is for styling the class 'mbox-text'
to style <del class="popupDiff">lands</del> use del.popupDiff
#bodyContent a.external ('bodyContent' is the container(div?))
li-list
ul-unordered list
.allpagesredirect - abc - redirects in Special:Allpages and Special:Prefixindex
body.ns-0, ...,
body.ns-15 (namespaces)
div#bodyContent
div#column-content
div#editsection
div#globalWrapper
div#tocindent
div.tocline
h1.firstHeading
h2
h3
img.tex TeX image
small - example
table.toc
":link" applies only to links not anchors.
:link:link
:link:visited
:link#contentTop
:link.external — http://example ; default: http://example
:link.extiw – interwiki link in page body - ; default: en:example
:link.image – link from full image to image description page
:link.internal – link to file itself (Media:), and links from thumbnail and magnifying glass icon to image description page
(note that color and font size specified for a.internal are only applicable in the first case)-
ambox article
tmbox talk pages
imbox image
cmbox category
ombox other pages
fmbox footer and header
dmbox Disambig and set index
mbox-image - The size and padding etc of the left image cell.
mbox-imageright - The size and padding etc of the right image cell.
mbox-text – The size and padding etc of the text cell.
ambox – The box size, border, background and default colour etc.
ambox-speedy – The red+pink "speedy deletion" style.
ambox-delete – The red "deletion" style.
ambox-content – The orange "content issues" style.
ambox-style – The yellow "style issues" style.
ambox-notice – The blue "article notices" style.
ambox-move – The purple "move/merge/split/transwiki proposals" style.
ambox-protection – The gray "protection" style.
fmbox-editnotice
fmbox-warning
fmbox-system
imbox-license
column-content - overall space within the margins of which the content exists.
content - the white background, thin bordered box which contains the main page content.
firstHeading - the class of the heading tag at the top of every page
bodyContent - the main page content within the content box
contentSub - the name of the wiki immediately underneath the main heading, but above the body text
The portlet class is the style used by all the div blocks around the main content. Identified blocks using that class:
p-cactions - id for the list of tabs above the main content
p-personal - id for the list of links that include the login or logout page at the top of the page.
p-logo - id for the block that contains the logo (in the top left)
p-navigation - id for the block that contains the navigation links on the left of the page
p-search - the block that contains the search buttons
p-tb - the block that contains the toolbox links
p-lang - the block that contains interlanguage links
The footer at the bottom of the page includes blocks with the following ids
footer - overall footer container block
f-poweredbyico - the powered by mediawiki image that normally resides to the right of the page
f-list - id for the list that contains all the bits of text at the bottom of the page
************************************************************* my contributions *****************************************
2. my own pitiful contributions
2.1 Color background
2.2 selected text
2.3 horizontal line
2.4 navigation popups
2.4.1 diff popups
2.5 (obsolete section)
2.5.1 eliminates all sidebar items
2.5.2 expand main content area
2.6 make table of contents float
2.7 misc divs that werent displaying properly
2.8 make css source more readable
*/
::-moz-selection { /* 2.2 this makes the selected text red on blue but only on firefox */
background: #FFFF00;
color: #0000C8;
}
/*::selection { 2.2.1 I have no idea what this does. it doesnt seem to do anything
background: #0000D8;
color: #FFFFFF;
}*/
hr { /* 2.3 horizontal line (rule) in html math fractions */
border: solid #FFFFFF 1px
}
/* 2.5 this section has been rendered obsolete by the addition of
User:Gerbrant/hidePane.js to my use javascript page
div.generated-sidebar { 2.5.1 eliminates all sidebar items
display: none;
}
div#p-logo {
display: none;
}
div#p-search {
display: none;
}
div#p-navigation {
display: none;
}
div#p-interaction {
display: none;
}
div#p-tb {
display: none;
}
div#p-lang {
display: none;
}
div#p-coll-create_a_book {
display: none;
}
div#content { 2.5.2 expand main content area to full screen
margin-left: 0;
}
div#p-personal { 2.5.3 links at top are unnecesary. I have them all bookmarked
display: none;
}
#f-poweredbyico, 2.5.4 remove clutter at bottom
#f-copyrightico,
#footer {
display: none;
}
#siteSub, 2.5.5 some other unneeded stuff
#jump-to-nav,
#protected-icon {
display: none;
}
#column-one { 2.5.6 since there is no logo, move the sidebar boxes onto that area instead
padding-top: 0; this part was obsolete even before the addition of hidepane.js
}
*/
div.mw-search-formheader, /* 2.7 some divs werent displaying properly */
div.search-types,
div#preferences {
background: #000099 !important;
}
div#siteNotice,
div#centralNotice,
#mw-dismissable-notice,
#mw-dismissable-notice div,
#mw-dismissable-notice tr,
#mw-dismissable-notice td,
#mw-dismissable-notice th {
background: #FF0000 !important;
}
blockquote {
background: #0000CC !important;
}
ul.popup_menu,
li.popup_menu_item {
background: #0000AA !important;
}
ul {
margin-left: 2.5em !important;
}
div.notice-all,
div.siteNoticeBig {
background: #0000BB !important;
}
div#user-committed-identity {
background: #0000CC !important;
}
div.wikEdFrameInner.wikEdFrameInner {
color: #444000 !important;
background: #aa00aa !important; /* testing */
}
div {
/* TOO HEAVY-HANDED. background: #008800 !important; */ /* hmmm. why didnt i think of this before? */
color: #770077 !important;
}
div {
stop-color: #AF0055 !important; /* testing? */
outline-color: #BF0055 !important; /* testing? */
/*BROADLY EFFECTIVE background-color: #CF0055 !important; /* testing? */
/* -webkit-text-stroke-color: #DF0055 !important; /* testing? */
flood-color: #EF0055 !important; /* testing? */
foreground-color: #9F0055 !important; /* testing? */
foreground: #8F0055 !important; /* testing? */
fill: #9F0055 !important; /* testing? */
text: #8F0055 !important; /* testing? */
color: #77BB77 !important; /*this second line overrides the one 3 lines up */
}
div.wikEdFrameInner.wikEdFrameInner {
stop-color: #AF0055 !important; /* testing? */
outline-color: #BF0055 !important; /* testing? */
background-color: #CF0055 !important; /* testing? */
/* -webkit-text-stroke-color: #DF0055 !important; /* testing? */
flood-color: #EF0055 !important; /* testing? */
foreground-color: #9F0055 !important; /* testing? */
foreground: #8F0055 !important; /* testing? */
fill: #9F0055 !important; /* testing? */
text: #8F0055 !important; /* testing? */
color: #444000 !important;
background: #FF0066 !important; /* testing */
}
foreground-color: #9F0055 !important; /* testing? */
foreground: #8F0055 !important; /* testing? */
text-color: #9F0055 !important; /* testing? */
text: #8F0055 !important; /* testing? */
foreground: #8F0055 important; /* testing? */
fill: #9F0055 important; /* testing? */
text: #8F0055 important; /* testing? */
color: #77BB77 important; /*this second line overrides the one 3 lines up */
div#toctitle {
background: #000080 !important;
}
/* 2.8 make css source more readable */
.coMULTI { /* comments */
color: #FF0000 !important;
}
.re0, /* # */
.re1, /* . */
.re2 { /* :: */
color: #FFFF00 !important;
}
.br0 { /* {} */
color: #0000FF !important;
}
.re3, /* px, em */
.kw1, /* attribute */
.kw2 { /* attribute */
color: #0000FF !important;
}
.sy0 { /* ;:, */
color: #888888 !important;
}
li.current a {
color: #FF0000 !important;
}
div.mw-parser-output div.documentation {
background: #003300 !important;
}
/* 2.9 Turn the "Save page" button green if I'm logged in
This is totally uncecessary now but if Wikipedia goes all black
Then it wull be useful to warn you that you arent logged in
INPUT#wpSave {
background-color:#88ff88;
} Doesnt seem to work. I'll leave it in. maybe someone can get it to wark */
/* **********************************from MediaWiki:Common.css ****************************
*/
/* 2: cut out 3.x, which is about 2/3 of the remainder*/
/* 1: cut out 4.x, which is about half the file*/
