User:Psrq/monobook.css

/* 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. 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  class 'mbox-text' to style lands use del.popupDiff 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.
 * my notes ********************
 * 1) mbox-text is for styling the id 'mbox-text'.
 * 1) bodyContent a.external ('bodyContent' is the container(div?))
 * 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 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
 * my contributions *****************************************
 * -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; }    display:                  none; }    display:                  none; }    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, 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; }
 * 1) f-poweredbyico,                        2.5.4 remove clutter at bottom
 * 2) f-copyrightico,
 * 3) footer {
 * 1) siteSub,                                  2.5.5 some other unneeded stuff
 * 2) jump-to-nav,
 * 3) protected-icon {
 * 1) column-one {                                2.5.6 since there is no logo, move the sidebar boxes onto that area instead
 * 1) mw-dismissable-notice,
 * 2) mw-dismissable-notice div,
 * 3) mw-dismissable-notice tr,
 * 4) mw-dismissable-notice td,
 * 5) mw-dismissable-notice th {

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*/