Jump to content

User:Lemmiwinks2/vector.css

From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
/* 
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 #p-cactions
          4.1.4 #p-views     (doesnt work)
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:
     black    #000000  (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:                  #000088;
}        
/*::selection  {                                    2.2.1 I have no idea what this does. it doesnt seem to do anything 
     background:             #000088;
     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:             #000000 !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:             #000000 !important;
}
ul {
     margin-left:            2.5em !important;
}

div.notice-all,
div.siteNoticeBig {
background:             #000000 !important;
}

div#user-committed-identity {
     background:             #0000CC !important;
}
div {
     background:             #000000 !important;             /* hmmm. why didnt i think of this before? */
     color:                  #FFFFFF !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:            #000000 !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 **************************** 

*/


                                           
table.wikitable,
table.prettytable {                                     /* 3.1 wikitable/prettytable class for skinning normal tables */
     margin:                 1em 1em 1em 0;
     background:             #000000 !important;
     border:             1px #FFFFFF solid;
     border-collapse:        collapse;
}
.wikitable th, .wikitable td,
.prettytable th, .prettytable td {
     background:             #000000 !important;
     border:             1px #FFFFFF solid;
     padding:                0.2em;
}
.wikitable th,
.prettytable th {
     background:             #000000 !important;
     text-align:             center;
}
.wikitable caption,
.prettytable caption {
     font-weight:            bold;
}
.wikitable tr, 
.prettytable tr, {
     background:             #000000 !important; 
}

                                                           /* 3.2 Default skin for navigation boxes */
table.navbox {           
     border:       1px solid #FFFFFF;
     width:                  100%; 
     margin:                 auto;
     clear:                  both;
     font-size:              88%;
     text-align:             center;
     padding:                1px;
}

                                      
table.navbox + table.navbox {                              /* Single pixel border between adjacent navboxes */
     margin-top:             -1px;                         /*   (doesn't work for IE6, but that's okay)     */
}


.navbox-title,
.navbox-abovebelow,
table.navbox th {                                           /* Title and above/below styles */
     text-align:             center;    
     padding-left:           1em;
     padding-right:          1em;
}

                                                        
.navbox-group {                                          /* Group style  */
     white-space:            nowrap;
     text-align:             right;
     font-weight:            bold;
     padding-left:           1em;
     padding-right:          1em;
}
          
.navbox, 
.navbox-subgroup {                                                /* Background color */
     background:             #000088 !important;   
}
               
.navbox-list {                                           /* border-color Must match background color */
     background:             #000088 !important;
     border-color:           #000088;   
}
                 
.navbox-title,
table.navbox th {                                         /* Level 1 color  */
     background:             #000088 !important;    
}
                               
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {                           /* Level 2 color */
     background:             #000088 !important;    
}
                                    
.navbox-subgroup .navbox-group, 
.navbox-subgroup .navbox-abovebelow {                        /* Level 3 color */
     background:             #000088 !important;    
}
              
.navbox-even {                                               /* Even row striping  */
     background:             #000088 !important;    
}
             
.navbox-odd {                                               /* Odd row striping */
     background: transparent; 
}
 
.collapseButton {                            /* 'show'/'hide' buttons created dynamically */
     float:                  right;          /* by the CollapsibleTables javascript in    */
     font-weight:            normal;         /* [[MediaWiki:Common.js]]are styled here    */
     text-align:             right;          /* so they can be customised.                */
     width:                  auto;
}
.navbox .collapseButton {                    /* In navboxes, the show/hide button balances */
     width:                  6em;            /* the vde links from [[Template:Tnavbar]],   */
}                                            /* so they need to be the same width.         */
 


          
.infobox {                                                                /* 3.3 Infobox template style */
     border: 1px solid       #FFFFFF;
     background-color:       #000088 !important;
     color:                  #FFFFFF;
     margin:                 0.5em 0 0.5em 1em;
     padding:                0.2em;
     float:                  right;
     clear:                  right;
}
.infobox tr,
.infobox td,
.infobox th {
     background-color:       #000088 !important;
     color:                  #FFFFFF !important;
     vertical-align:         top;
}
.infobox th {
     background:             #000088 !important;
}
.infobox caption {
     font-size:              larger;
}
.infobox.bordered {
     border-collapse:        collapse;
}
.infobox.bordered td,
.infobox.bordered th {
     border:       1px solid #FFFFFF;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
     border:                 0;
}
 
.infobox.sisterproject {
     width:                  20em;
     font-size:              90%;
}
 
.infobox.standard-talk {
     border:       1px solid #FFFFFF;
     background-color:       #000088 !important;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
     border:       1px solid #FFFFFF;
     color:                  #000088;
}
 
                                                         /* styles for bordered infobox with merged rows  */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
     border:                 0;
     border-top:   1px solid #FFFFFF;
     border-right: 1px solid #FFFFFF;
}
 
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
     border:                 0;
     border-right: 1px solid #FFFFFF;
}
 
                                                     /* Styles for geography infoboxes, eg countries,
                                                        country subdivisions, cities, etc.            */
.infobox.geography {
     text-align:             left;
     border-collapse:        collapse;
     line-height:            1.2em; 
     font-size:              90%;
}
 
.infobox.geography  td,
.infobox.geography  th {
     border-top:   solid 1px #FFFFFF;
     padding:                0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
     border-top:             solid 1px   #FFFFFF;
     padding:                0.4em 0.6em 0.2em 0.6em;
}
 
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
     border:                 0;
     padding:                0 0.6em 0.2em 0.6em;
}
 
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
     border-top:              0;
     border-bottom: solid 1px #FFFFFF;
     padding:                 0 0.6em 0.4em 0.6em;
}
 
.infobox.geography .maptable td,
.infobox.geography .maptable th {
     border:                  0;
     padding:                 0;
}
 
                                                    /* 3.4 Messagebox templates */
.messagebox {
     border: 1px solid       #FFFFFF;
     background-color:       #000088;
     width:                  80%;
     margin:                 0 auto 1em auto;
     padding:                .2em;
}
.messagebox.merge {
     border: 1px solid       #FFFFFF;
     background-color:       #880000 !important;
     text-align:             center;
}
.messagebox.cleanup {
     border: 1px solid       #FFFFFF;
     background-color:       #000088 !important;
     text-align:             center;
}
.messagebox.standard-talk {
     border: 1px solid       #FFFFFF;
     background-color:       #000088 !important;
     margin:                 4px auto;
}
                                                /* For old WikiProject banners inside banner shells. */
.mbox-inside .standard-talk,
.messagebox.nested-talk {
     border: 1px solid       #FFFFFF;
     background-color:       #000088 !important;
     width:                  100%;
     margin:                 2px 0;
     padding:                2px;
}
.messagebox.small {
     width:                  238px;
     font-size:              85%;
     float:                  right;
     clear:                  both;
     margin:                 0 0 1em 1em;
     line-height:            1.25em; 
     background:             #000088 !important;
}
.messagebox.small-talk {
     width:                  238px;
     font-size:              85%;
     float:                  right;
     clear:                  both;
     margin:                 0 0 1em 1em;
     line-height:            1.25em; 
     background:             #000088 !important;
}
 
 
                                             /* 3.5 Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */

                                                  /* The message body cell(s) 0.9em left/right
                                                     Make all mboxes the same width regardless of text length */
th.mbox-text, 
td.mbox-text {    
     border:                 none; 
     padding:                0.25em 0.9em;      
     width:                  100%;  
     background:             #000088 !important; 
}
                                                    /* The image cells  0.9em left, 0px right */
td.mbox-image {    /* left image cell */            
     border:                 none; 
     padding:                2px 0 2px 0.9em;   
     text-align:             center; 
}
                                                    
td.mbox-imageright {             
     border:                 none;
     padding:                2px 0.9em 2px 0;   
     text-align:             center; 
}
                                                      /* An empty narrow cell */
td.mbox-empty-cell {        
     border:                 none;
     padding:                0px;
     width:                  1px;
     background:             #000088 !important;
}
 
                                                                    /* 3.5.1 Article message box styles */

                                                /* 10% = Will not overlap with other elements  border-left Default "notice" blue */
table.ambox {
     margin: 0px 10%;   
     border: 1px solid       #FFFFFF; 
     border-left: 10px solid #FFFFFF;    
     background:             #000088 !important; 
}
                                                      /* Single border between stacked boxes.  */
table.ambox + table.ambox {   
     margin-top:             -1px;
}
                                                       /* The message body cell(s)  0.5em left/right */
.ambox th.mbox-text, 
.ambox td.mbox-text {            
     padding:                0.25em 0.5em; 
     background:             #000088 !important;    
}
                                                         /* The image cells  0.5em left, 0px right */
.ambox td.mbox-image {   /* left cell */     
     padding:               2px 0 2px 0.5em !important;   
}
                                                        
.ambox td.mbox-imageright {      
     padding:               2px 0.5em 2px 0 !important;  
}
 
.ambox-style td.mbox-text,
.ambox-style td.mbox-image {                             /* backgrounds for different styles */
     background:             #000000 !important;
} 
.ambox-speedy td.mbox-text {
     background:             #880000 !important;
} 
.ambox-delete td.mbox-text {
     background:             #880000 !important;
} 
   
table.ambox-speedy {                                     /* the little colored strip to the left of the message box */
     border-left: 10px solid #b22222;    /* Red */
}
table.ambox-notice {
     border-left: 10px solid #1e90ff;    /* Blue */
}
table.ambox-delete {
     border-left: 10px solid #b22222;    /* Red */
}
table.ambox-content {
     border-left: 10px solid #f28500;    /* Orange */
}
table.ambox-style {
     border-left: 10px solid #f4c430;    /* Yellow */
}

table.ambox-move {
     border-left: 10px solid #9932cc;    /* Purple */
}
table.ambox-protection {
     border-left: 10px solid #bba;       /* Gray-gold */
}
 
                                                                      /* 3.5.2 Image message box styles */
table.imbox {
     margin:                 4px 10%; 
     border-collapse:        collapse; 
     border: 3px solid       #FFFFFF;   
     background:             #000088 !important;
}
                                                          /* For imboxes inside imbox-text cells.  0.9 - 0.5 = 0.4em left/right. */
.imbox .mbox-text .imbox {   
     margin:                 0 -0.5em;  
     background:             #000088 !important;  
}
                                                            /* For imboxes inside other templates. */
.mbox-inside .imbox {   
     margin:                 4px;
}
.imbox-speedy td.mbox-text {                              /* backgrounds for different styles */
     background:             #880000 !important;
} 
table.imbox-delete {
     background:             #880000 !important;
}
.imbox-delete td.mbox-text {
     background:             #880000 !important;
} 
.imbox-style td.mbox-text {
     background:             #000000 !important;
} 
table.imbox-license {
     background:             #000088;    /* Light gray */
}
table.imbox-notice {                                            /* little colored strip to the left */
     border: 3px solid       #1e90ff;    /* Blue */
}
table.imbox-speedy {
     border: 3px solid       #b22222;    /* Red */
}
table.imbox-delete {
     border: 3px solid       #b22222;    /* Red */
}
table.imbox-content {
     border: 3px solid       #f28500;    /* Orange */
}
table.imbox-style {
     border: 3px solid       #f4c430;    /* Yellow */
}
table.imbox-move {
     border: 3px solid       #9932cc;    /* Purple */
}
table.imbox-protection {
     border: 3px solid       #bba;       /* Gray-gold */
}
table.imbox-license {
     border: 3px solid       #88a;       /* Dark gray */
}
table.imbox-featured {
     border: 3px solid       #cba135;    /* Brown-gold */
}
 
                                                                  /* 3.5.3 Category message box styles */
table.cmbox {
     margin:                 3px 10%;
     border-collapse:        collapse;
     border: 1px solid       #FFFFFF; 
     background:             #000088 !important;   
}
table.cmbox-speedy {
     margin-top:             4px;
     margin-bottom:          4px;
     border: 4px solid       #FFFFFF;        /* Red */
     background:             #880000 !important;   /* Pink */
}
.cmbox-speedy td.mbox-text {
     background:             #880000 !important;
} 
table.cmbox-delete {
     background:             #880000 !important;    /* Red */
}
.cmbox-delete td.mbox-text {
     background:             #880000 !important;
} 
table.cmbox-notice {
     background:             #000088 !important;    /* Blue */
}
table.cmbox-content {
     background:             #000088 !important;    /* Orange */
}
table.cmbox-style {
     background:             #000088 !important;    /* Yellow */
}
table.cmbox-move {
     background:             #000088 !important;    /* Purple */
}
table.cmbox-protection {
     background:             #000088 !important;    /* Gray-gold */
}
.cmbox-style td.mbox-text {
     background:             #000000 !important;
} 
 
                                                              /* 3.5.4 Other pages message box styles */
table.ombox {
     margin: 4px 10%; 
     border-collapse: collapse; 
     border: 1px solid #FFFFFF;       /* Default "notice" gray */
     background:             #000088 !important;
}
table.ombox-speedy {
     background:             #880000 !important;/* Pink */
}
.ombox-speedy td.mbox-text {
     background:             #880000 !important;
} 
table.ombox-delete {
     background:             #880000 !important;
}
.ombox-delete td.mbox-text {
     background:             #880000 !important;
} 
.ombox-style td.mbox-text {
     background:             #000000 !important;
}

table.ombox-notice {                                       /* colored strip to the left */
     border: 1px solid       #aaa;       /* Gray */
}
table.ombox-speedy {
     border: 2px solid       #b22222;    /* Red */
}
table.ombox-delete {
     border: 2px solid       #b22222;    /* Red */
}
table.ombox-content {
     border: 1px solid       #f28500;    /* Orange */
}
table.ombox-style {
     border: 1px solid       #f4c430;    /* Yellow */
}
table.ombox-move {
     border: 1px solid       #9932cc;    /* Purple */
}
table.ombox-protection {
     border: 2px solid       #bba;       /* Gray-gold */
}
 
                                                                     /* 3.5.5 Talk page message box styles */
table.tmbox {
     margin:                4px 10%;
     border-collapse:       collapse;
     border: 1px solid      #FFFFFF;    /* Default "notice" gray-brown */
     background:            #000088 !important;
}
.tmbox td,
.tmbox th {
     background:            #000088 !important;
     color:                 #FFFFFF !important;
}
                                                               /* For tmboxes inside other templates. The "mediawiki"
                                                                  class ensures that this declaration overrides other
                                                                  styles (including mbox-small above) */
.mediawiki .mbox-inside .tmbox {
     margin:                 2px 0;              
     width:                  100%;  /* For Safari and Opera */    
}
                                                               /* "small" tmboxes should not be small when  
                                                                   also "nested", so reset styles that are 
                                                                   set in "mbox-small" above */
.mbox-inside .tmbox.mbox-small { 
     line-height:            1.5em;         
     font-size:              100%;            
}
table.tmbox-speedy {
     background:             #880000 !important;/* Pink */
}
.tmbox-speedy td.mbox-text {
     background:             #880000 !important;
} 
table.tmbox-delete {
     background:             #880000 !important;
}
.tmbox-delete td.mbox-text {
     background:             #880000 !important;
} 
.tmbox-style td.mbox-text {
     background:             #000000 !important;
} 

table.tmbox-speedy {                                  /* colored strip to the left */
     border: 2px solid       #b22222;    /* Red */
}
table.tmbox-delete {
     border: 2px solid       #b22222;    /* Red */
}
table.tmbox-content {
     border: 2px solid       #f28500;    /* Orange */
}
table.tmbox-style {
     border: 2px solid       #f4c430;    /* Yellow */
}
table.tmbox-move {
     border: 2px solid       #9932cc;    /* Purple */
}
table.tmbox-protection,
table.tmbox-notice {
     border: 1px solid       #c0c090;    /* Gray-brown */
}
 
                                                           /* 3.5.6 Disambig and set index box styles */
table.dmbox {
     clear:                   both; 
     margin:                  0.9em 1em; 
     border-top: 1px solid    #ccc; 
     border-bottom: 1px solid #ccc; 
     background:            transparent;
}
 
                                                                   /* 3.5.7 Footer and header message box styles */
table.fmbox {
     clear:                  both;
     margin:                 0.2em 0;
     width:                  100%;
     border: 1px solid       #FFFFFF;
     background:             #000088 !important; /* Default "system" gray */
}
table.fmbox-system {
     background:             #000088 !important;
}
table.fmbox-warning,
table.fmbox-warning td,
table.fmbox-warning th {
     background:             #880000 !important;/* Pink */
}
.fmbox-speedy td.mbox-text {
     background:             #880000 !important;
} 
table.fmbox-editnotice {
     background:             transparent;
}

table.fmbox-warning {
     border: 1px solid       #bb7070;  /* Dark pink */
}
                                                      /* old Div based "warning" style fmbox messages. */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
    clear:                   both;
    margin:                  0.2em 0;
    border: 1px solid        #FFFFFF;
    background:              #880000 !important;
    padding:                 0.25em 0.9em;
}
                                                              /* old Div based "system" style fmbox messages. Used in 
                                                                 [[MediaWiki:Noarticletext]] and [[MediaWiki:Readonly lag]]. */
div.mw-lag-warn-normal,
div.noarticletext,
div.fmbox-system {
    clear:                   both;
    margin:                  0.2em 0;
    border: 1px solid        #FFFFFF;
    background:              #000088 !important;
    padding:                 0.25em 0.9em;
}

                


 
                                                                 /* 3.5.8 These mbox-small classes must be placed after all other 
                                                                    ambox/tmbox/ombox etc classes. "body.mediawiki" is so 
                                                                    they override "table.ambox + table.ambox" above.  */
body.mediawiki table.mbox-small {   /* For the "small=yes" option. */
     clear:                   right;
     float:                   right;
     margin:                  4px 0 4px 1em;
     width:                   238px;
     font-size:               88%;
     line-height:             1.25em;
}
body.mediawiki table.mbox-small-left {/* For the "small=left" option. */
     margin:                  4px 1em 4px 0;
     width:                   238px;
     border-collapse:         collapse;
     font-size:               88%;
     line-height:             1.25em;
}
 

/*
***************************************************************************************************
                                   ///// here begins MediaWiki:Gadget-Blackskin.css /////
                                   ///// Created by [[it:Utente:Kormoran]]          ///// 

*/
                                                                   /* 4.1.1 footer */
                                                                   /* La barra in fondo alla pagina  */
#footer {
    background-color:        #000000 !important;
    color:                   #FEFEFE;
    border-top: 1px solid    #FFFF00;
    border-bottom: 1px solid #FFFF00;
    margin: 0.6em 0em 1em 0em;
    padding: 0.4em 0em 1.2em 0em;
    text-align: center;
    font-size: 90%;
}

.portlet {
    background:              #000000 !important;
    color: #FEFEFE;
}
 
.pBody {
    background:              #000000 !important;
    color: #FEFEFE;
}
 


#p-personal li a {
     color:                  #FFFF00;
     background-color:       #000000 !important;
     background:             #000000 !important;
}
 
#p-personal li a:hover {
     color:                  #FF0000;
     background-color:       #000000 !important;
     background:             #000000 !important;
}
 

 
#p-cactions {                                             /*  4.1.3 Colors the tabs across the top of the page */
    background-color:        #000000 !important;  
}
#p-cactions li { 
    background-color:        #000000 !important;  
    border-color:            #FFFF00;
}
#p-cactions li.selected { 
    background-color:        #000000 !important; 
}
#p-cactions li.new { 
    background-color:        #000000 !important; 
}
#p-cactions li a { 
    background-color:        #000000 !important; 
    color:                   #FFFF00; 
}
#p-cactions li.selected a {
    background-color:        #000000 !important; 
    color:                   #FFAA00
}

li#ca-nstab-main,
li#ca-view,
li#ca-history,
li#ca-edit,
li#ca-watch,
li#ca-talk,
li#ca-special,
li#ca-nstab-user,
li#ca-unwatch,
li#ca-nstab-project {
     background:             #000000 !important;           
     color:                  #FFFFFF !important;
}


#p-views {                                             /*  4.1.4 Colors the tabs across the top of the page */
    background-color:        #000000 !important;  
}
#p-views li { 
    background-color:        #000000 !important;  
    border-color:            #FFFF00;
}
#p-views li.selected { 
    background-color:        #000000 !important; 
}
#p-views li.new { 
    background-color:        #000000 !important; 
}
#p-views li a { 
    background-color:        #000000 !important; 
    color:                   #FFFF00; 
}
#p-views li.selected a {
    background-color:        #000000 !important; 
    color:                   #FFAA00
}

                                                                    /* 4.2 body and content white on black colors */ 
body {
    background:               #000000 !important;
    color:                    #FEFEFE !important;
}

#content { background:       #000000 !important; 
}
#content { color :           #FEFEFE !important; 
} 
#content { border: 1px solid #FFFFFF !important; 
}
#bodyContent {
     margin-left:            2%;
     background:             #000000 !important;
     color:                  #FEFEFE;
}

                                                                                /* 4.3 Color the links */

                                                           /* "a" applies to both links and named anchors
                                                               external links require that you tell the container  */
a {
     color:                  #FFFF33 !important; }  
a.mw-redirect {
     color:                  #FFFF33 !important; }
a.mw-redirect font {
     color:                  #FFFF33 !important; }
a font {
     color:                  #FFFF33 !important; }
a:link { 
     color:                  #FFFF33 !important; }           /* works */
a:visited { 
     color:                  #FFBB33 !important; }           /* works */
a:hover { 
     color:                  #FF3333 !important; }           /* works */
a:active { 
     color:                  #FF33FF !important; }           /* dont work */


a.external {
     color:                  #FFFF00 !important; }           /* works */
a.external:visited {
     color:                  #FFBB33 !important; }           /* works */
a.external:hover {
     color:                  #FF0000 !important; }           /* works */
a.external:active {
     color:                  #FF33FF !important; }           /* dont work */

a:extiw { 
     color:                  #FFFF00 !important; }             /* works */
a:extiw:visited {
     color:                  #FFBB33 !important; }           /* works */
a:extiw:hover {
     color:                  #FF0000 !important; }           /* works */
a.extiw:active {
     color:                  #FF33FF ~important; }           /* dont work */


a:link.stub { 
     color:                  #FF33FF !important; }            /* works */

a:link.new { 
     color:                  #FF3333 !important; }           /* works */
a:link.new.visited {
     color:                  #FF3333 !important; }           /* dont work */



/*
a:link
a:visited { 
     color:                  #FFBB00; } 
a:hover { 
     color:                  #FF3333; } 
a:active { 
     color:                  #EEBB00; }
*/

#wpSummary {
     background-color:       #000088 !important;
     color:                  #FFFFFF;  
}    
/*                                                            4.4  The 'Edit summary' box is way too
                                                                 crammed in the textarea box by default 
textarea { 
     margin-bottom: 4px; 
     background:             #000000 !important; 
     color:                  #FEFEFE !important; 
}
*/
                                                                     /* 4.5 User links (preferences, contribs) */
 
.autocomment { 
     color:                  #0000FF; 
}
fieldset { 
    background:              #000000 !important; 
    color:                   #FFFFFF !important;
    border: 1px solid        #FFFFFF !important; 
}
legend { 
    background:              #000000 !important;
    color:                   #FFFFFF !important; 
    border: 1px solid        #FFFFFF !important;
}
fieldset, 
legend, 
.page-Special_Preferences #preftoc li {                        /* 4.5.1 row of buttons/tabs on 'my preferences' page */
     background:                  #000000 !important;
     color:                       #FFFFFF !important;
     border: 1px solid            #FFFFFF !important;
}

.page-Special_Preferences #preftoc li a {
     color:                       #FFFFFF !important;
}
mw-prefs-buttons {
     background:                  #000000 !important;
     color:                       #FFFFFF !important;
}

 
 
                                                     /************************
                                                      *   COLOR IN TEMPLATES  *
                                                      ************************/
                                                     /* Assorted other stuff */
 
                                                   /*4.6.1 You have New messages */
.usermessage {
    background-color:        #CC0000 !important;
    border: 1px solid        #FFFF00;
    color:                   #FFFFFF;
    font-weight: bold;
}
                                                       /* 4.6.2 input */
input {
     background: #000088 !important;
     color: #FFFFFF !important;
}
input.historysubmit {
    padding: 0 0.3em 0.3em 0.3em !important;
    font-size: 94%;
    cursor: pointer;
    height: 1.7em !important;
    margin-left: 1.6em;
}
input[type="radio"],
input[type="checkbox"] { 
     border:none; 
}
select {                                                          /* 4.6.3 'select from list' box */
    background-color:        #000088 !important;
    background:              #000088 !important;
    border: 1px solid        #000088;  
    color:                   #FFFFFF;
    vertical-align: top;
}
 
                                                                  /* 4.6.4 Toglie l'icona vicino al nome utente  
                                                                     li#pt-userpage { background: none } */
 
#infobox { 
     background:             #000020 !important;
     color:                  #FFFF00;
     border: ipx solid       #000020;
}
 

 
 
                                                                        /* 4.6.5 Search box */
#searchInput { 
    border: 1px inset !important; 
    color:                   #FEFEFE; 
    background :             #000088 !important; 
} 
 
input.searchButton { 
    background :             #000000 !important; 
    border-top: 1px solid    #FFFF00;
    border-left: 1px solid   #FFFF00;
    border-right: 1px solid  #FFFF00;
    border-bottom: 1px solid #FFFF00;
    color :                  #FFFF00; 
}
 
                                                                          /* .More backgrounds */
 
 
 
                                                   /* 4.7 Questa roba mette i tab di editing pagina Wiki anche in fondo al box 
                                                      (ma non funge con IE e serve anche un filettino monobook.js... vedere la 
                                                      mia pagina utente)  */
#mytabs {
    margin: -0.3em 0 0  11.5em;
    border: 1px solid        #FFFF00;
    white-space:nowrap;
    line-height: 1.1em;
    overflow: visible;
    border-collapse: collapse;
    padding: 0 0 0 1em;
    list-style: none;
    font-size: 95%;
}
#mytabs .hiddenStructure { 
     display: none; 
}
#mytabs li {
    display: inline;
    border: 1px solid        #FFFF00;
    border-top: none;
    padding: 0.1em 0 0 0;
    margin: 0 0.3em 0 0;
    overflow: visible;
    background:              #000000 !important;
    color:                   #FFFF00;
}
#mytabs li.selected {
    border-color:            #FFFF00;
    padding: 0.2em 0 0 0;
}
#mytabs li a {
    background-color:        #000000 !important;
    color:                   #FFFF00;
    border: none;
    padding: 0.3em 0.8em 0 0.8em;
    text-decoration: none;
    text-transform: lowercase;
    position: relative;
    margin: 0;
}
#mytabs li.selected a { 
     z-index: 3; 
}
#mytabs .new a { 
     color:                   #FF0000; 
}
#mytabs li a:hover {
    z-index: 3;
    text-decoration: none;
}
#mytabs h5 { 
     display: none; 
}
#mytabs li.istalk { 
     margin-right: 0; 
}
#mytabs li.istalk a { 
     padding-right: 0.5em; 
}
#mytabs-ca-addsection a { 
    padding-left: 0.4em;
    padding-right: 0.4em;
}
                                                        /* offset per separare i gruppi di tab  */
li#mytabs-ca-talk { 
     margin-right: 1.6em; 
}
li#mytabs-ca-watch { 
     margin-left: 1.6em; 
}
 
                                                        /* 4.8.1 Colore dei box delle spiegazioni,
                                                           degli acronimi e delle abbreviazioni  */
abbr, acronym, .explain {
    border-bottom: 1px dotted #FFFF00;
    color:                    #FEFEFE;
    background:               #000088 !important;
    cursor: help;
}
 
                                                                  /* 4.8.2 Colore dei frammenti di codice */
code { 
    background-color:        #000088 !important; 
    color:                   #FFFFFF; 
}
                                                                 /* 4.8.3 Colore del testo preformattato */
pre {
    padding: 1em;
    border: 1px dashed       #FFFF00;
    color: White;
    background-color:        #000020 !important;
    line-height: 1.1em;
}
 
h1, h2, h3, h4, h5, h6 { 
     color:                  #FF3333; 
}                                                                 /* 4.9 headers */
#bodyContent h1, 
#bodyContent h2,
#bodyContent h3,
#bodyContent h4,
#bodyContent h5,
#bodyContent h6, { 
     color:                   #FF3333; 
}
h1 { 
     border-bottom: 2px solid #FFFFFF; 
}
h2 { 
     border-bottom: 1px solid #FFFFFF; 
}
#firstHeading { 
     color:                   #FF3333; 
}
 
                                                         /* 4.10 Colore di sfondo e di testo delle tabelle */ 
table,
table tr,
table th,
table td { 
    background:               #000000 !important;
    background-color:         #000000 !important;
    color:                    #FEFEFE !important;
}
table th { 
    background:               #000000 !important;
    background-color:         #000000 !important;
    color:                    #FF3333 !important;
}

/*
#toc {                                              4.11 table of contents 
     float:                   right !important;
     clear:                   right !important;
     border: 1px solid        #FFFFFF;
     background-color:        #0000CC !important;
   background:              #0000CC !important;   doesnt seem to do anything  
     padding:                 0.5em;
     margin-left:             0.5em; 
     margin-right:            0.5em;
}
*/
div#tocindent,
div.tocline,
div#toctitle {
     background:             #000080 !important;
}
#toc,
table.toc,
table.toc tr,
table.toc td,
table.toc th {
     background:              #000088 !important;
      color:                   #FFFFFF !important;
}

/*
li.toclevel-1 a {
     background:             #000088 !important;          
     color:                  #FFFFFF !important;
}                                                            dont work */ 

                                                                           /* 4.12 category box */
#catlinks {
    border:1px solid          #800080;
    background-color:         #000000 !important;
    color:                    #00FFFF;
    padding:5px;
    margin-top: 1em;
    clear: both;
}
                                                                      /* 4.13 le immagini: meglio tenerle su sfondo bianco...*/
img {
    border: 2px solid        white;
    border-color:            white !important;
    background-color:        white !important;
}

 
                                                                             /* 4.13.1 thumbnails */
.ns-0 * #content div.thumb {
    border-color:            #000000;
}
 
                                                                            /* thumbnails */
 
div.thumb {
    margin-bottom: .5em;
    border-style: solid;
    border-color:            #FFFFFF;
    width: auto;
}
div.thumb div {
    border: 1px solid        #FFFFFF;
    padding: 3px !important;
    background-color:        #000040 !important;
    font-size: 94%;
    text-align: center;
    overflow: hidden;
}
div.thumb div a img {
    border: 1px solid        #FFFFFF;
}

div.thumb div div.thumbcaption {
    border: none;
    text-align: left;
    line-height: 1.4em;
    padding: .3em 0 .1em 0;
}
 
 
 
 
#pagehistory li.selected {                                              /* 4.14 page history */
    background-color:        #000088 !important;
    border: 1px solid        #FFFFFF;
}
 
#pagehistory li {
    border: 1px solid        #FFFFFF;
}
.mw-plusminus-pos {                                /* the little numbers that tell how much was added or deleted */
    background:              #0000FF !important;
    color:                   #FFFFFF !important;
}
.mw-plusminus-neg {
     background:             #FF0000 !important;
     color:                  #FFFFFF !important;
}
.comment {
     color:                  #FF88FF !important;
}

 
                                                                   /*  4.15 Diff rendering */
table.diff, 
td.diff-otitle, 
td.diff-ntitle {
    background-color:        #000000 !important;
}
                                                                  /* paragraph containing the added part */
td.diff-addedline {    
    color:                   #FEFEFE;
    background:              #000040 !important;
    font-size: smaller;
}
                                                                  /* paragraph containing the deleted part  */
td.diff-deletedline {   
    color:                   #FEFEFE;
    background:              #000040 !important;
    font-size: smaller;
}

td.diff-context {
    background:              #000000 !important;
    color:                   #FEFEFE;
    font-size: smaller;
}
span.diffchange {
    background:              #000000 !important;
    color:                   #FFFF00;
    font-weight: bold;
}

td.diff-addedline span.diffchange {                           /* the actual added part */
     background:             #000088 !important;
     color:                  #FFFFFF;
}

td.diff-deletedline span.diffchange {                            /* the actual deleted part */
     background:             #000088 !important;
     color:                  #FFFFFF;
     font-weight: bold;
     text-decoration: line-through;
}

.diffchange {
     color:                   #FF0000;
     font-weight: bold;
     text-decoration: none;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
}
                                                             /* Styles for the HTML Diff */
div.diff-switchtype {
     text-align: center;
     font-weight: bold;
     font-size: smaller;
}

span.diff-html-added {
     font-size: 100%;
     background-color:       #000088 !important;
}

span.diff-html-removed {
     font-size: 100%;
     text-decoration: line-through;
     background-color:       #000088 !important;
}
div.wikEdDiffDiv {
     background:             #000000 !important;   /* works */
}

span.wDiffHtmlInsert {
     background:             #0000CC !important;
}


                                                                  /* Hack for IE5.5, see 
                                                        http://lists.wikimedia.org/pipermail/wikitech-l/2008-November/040273.html */
span.diff-html-changed {
     background: url(images/diffunderline.gif) bottom repeat-x;
     *background-color:      #000088;
}

span.diff-html-added img {
    border: 5px solid        #000088;
}

span.diff-html-removed img {
     border: 5px solid       #000088
}

span.diff-html-changed img {
     border: 5px dotted      #000099;

}

span.diff-html-changed {
     position: relative;                               /* this is key */
     cursor: help;
}

span.diff-html-changed span.tip {
     display: none;                                    /* so is this */
}

                                                          /* 4.16 tooltip will display on :hover event */

span.diff-html-changed:hover span.tip {
     display: block;
     z-index: 95;
     position: absolute;
     top: 2.5em;
     left: 0;
     width: auto;
     line-height: 1.2em;
     padding: 3px 7px 4px 6px;
     border: 1px solid       #336;
     background-color:       #000000 !important;
     font-size: 10px;
     text-align: left;
}


                                                       /* 4.16.1 suppress the person icon by your username */
li#pt-userpage { 
     background: none;  
}
 
/*                                                        4.17 make a few corners round for gecko browsers. 
                                                           4px to make it very illnoticable 
#p-cactions ul li, #p-cactions ul li a {  
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
}
 
#content, #footer {
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-bottomleft: 5px;
}
 
div.pBody {
   -moz-border-radius-topright: 4px;
   -moz-border-radius-bottomright: 4px;
}
*/
 
                                                 /* 4.18 Dotted borders on pre look ugly, replace with a solid one */
                                                         /* pre is like <code></code>  */
#bodyContent pre { 
    border: 1px solid        #aaa;
}
 
                                                 /* 4.18.1 Dont need this copyright notice on every page 
 
li#f-copyright,
li#f-lastmod,
#editpage-copywarn { 
     display: none; 
}*/
 
 
 
                                                /* ################################### 
                                                   4.19 Start of requirements for menu tabs */
.tabmenu ul {
    display: none;
    z-index: 2;
    position: relative;
    top: -2px;
    border-top: 1px solid    #aaaaaa;
    padding: 0px;
    margin: 0px;
    background:              #F8FCFF !important;
    background-color:        #F8FCFF !important;
}
 
 
                                                    /* Menu tab IDs. If you add a new menu, 
                                                       you need to add its ID here too */
#afda ul li, 
#talkm ul li, 
#dbm ul li {
    float: none;
    border: 1px solid        #aaaaaa;
    border-top: none;
    text-align: center;
    background:              #F8FCFF !important;  
    background-color:        #F8FCFF !important;
}
 
.tabmenu:hover ul {
    display: block;
}
 
.tabmenu a {
    padding: 0pt 0.8em !important;
    background:              #F8FCFF !important;
    background-color:        #F8FCFF !important;
}
 
.tabmenu ul a:hover {
    font-weight: bold;
}
 
                                                /* End of requirements for menu tabs */
                                                /* ################################# */


.navpopup {                                        /* 4.20 navigation popups */
     background-color:       #000000 !important;
     font-family:              serif !important;
     color:                  #FEFEFE !important;
     font-size:                 1em; !important;
}

                                                                                       
ins.popupDiff {                                      /* 4.20.1 diff popup colors */
     background:              #000088 !important; 
     color:                   #FFFFFF;  
     text-decoration:         none;
} 
del.popupDiff { 
     background:              #000088 !important; 
     color:                   #FFFFFF; 
}

                                                        /* 4.21 printer style */
/*
@media print  {                                     
#content { 
     color:                  #000000 !important; 
}
body {
    color:                   #000000 !important;
}
.pBody {
    color:                   #000000 !important;
}
}
*/