User:Davidgothberg/monobook.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.
/************************************************************
      Note! Old CSS code is stored on the talk page. 
*************************************************************/

/* A CSS file loaded from my local web server for testing. */
@import "http://localhost:8080/wikipediatest.css";


/* When normally logged in. */
@import "http://en.wikipedia.org/w/index.php?title=MediaWiki:Fast.css&usemsgcache=yes&action=raw&ctype=text/css&smaxage=600&maxage=600";



/* Works! */
/*
@import "/w/index.php?title=User:Bob/externals.css&action=raw&ctype=text/css";
*/


/****** Changing the user interface *************************/


/* Add space below the edit window toolbar. */
#toolbar { 
    margin-bottom: 20px; 
}

/* Edit window background for MediaWiki and protected pages. */
.ns-8 textarea,
.mw-textarea-protected {
    background: #FFFBF0 !important;   /* Beige, like my Win default. */
}

/* Makes the edit summary field full width. */
input#wpSummary {
    width: 605px;
}


/* For template documentation */ 
.mw-parser-output div.documentation {
    margin-top: 25px;
}


/* David's tighter page top tabs, v0.4.
   Change only the second value if several values. */
#p-cactions {
     padding-left: .6em;      /* Outside left of first tab. */
}
#p-cactions li {
    margin: 0 .3em 0 0;      /* Outside of all tabs. */
}
#p-cactions li a {
    padding: 0 .6em .3em;    /* Inside of all tabs. */
}
#p-cactions #ca-addsection a {
    padding: 0 .6em .3em;    /* Inside "+/new section". */
}
#p-cactions li.selected a {
    padding: 0 1em .2em!important;   /* Inside current tab. */
}
/* Extra outside space to distinguish the tab groups. */
li#ca-talk, li#ca-history {
    margin-right: 1.0em;
}
li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
    margin-left: 1.0em;
}



/* .diffchange-inline, */
.diffchange {
/*    border: none;  */
/*    border-bottom: 1px solid #f00;   */
    border-bottom: 1px solid #6AD500;
/*    border: 1px dotted #f00;   */
}



/* Turn off several things for faster page rendering. */
body {   /* Turn off the large page background image. */
    background: #f9f9f9;
}
/* Turn off the Wikipedia logo, and turn off the page footer. */
#p-logo,    
#footer {
    display: none;
}
#column-one {   /* Move the left menus up since no Wikipedia logo now. */
    padding-top: 21px;
}
li#pt-userpage {   /* Turn off the small user image at top of page. */
    background: none;
}
/* Turn off some of the text+links on the edit page. */
#minoredit_helplink, 
#editpage-copywarn,
#editpage-copywarn2,
.mw-tos-summary {
    display: none;
}
/* Currently has no effect since the symbols 
   are now added by a javascript. */
/* #edittools_symbols, */
#edittools_characters,
#edittools_greek,
#edittools_cyrillic,
#edittools_ipa {   /* Hide many of the symbols below the edit window. */
    display: none;
}


/* Setting a border to the right of the page area. */
#content {
    border-right: 1px #aaa solid;
}


/* Krångel */
.dgshow {
    display: block !important;
}


/* Hide the "You have new messages" box when on my user basepage. */
.page-User_Davidgothberg .usermessage {
  display: none;
}


/* Highlight targeted heading (e.g. clicked links from the TOC). */
.mw-headline span:target, 
span.mw-headline:target {
  background-color: #dfe6ff;
  display: block;
}



/****** End, changing the user interface *************************/
/****** Start, experimenting *************************************/



/* Testing namespace detection. */
.davidbox {             /* Any namespace */
    width: 80%;
    margin: 0 auto 1em auto;
    padding: .2em;
    border: 1px solid #aaa;
    background: #f9f9f9;              /* Other space colours */
}
.ns-0 .davidbox,
.article-demo .davidbox-demo
{       /* Main (article) space */
    border: 1px solid #aaa; 
    border-left: 10px solid #1e90ff;     
    background: #fbfbfb;              /* Ambox colours */
}
.ns-1 .davidbox,
.ns-3 .davidbox,
.ns-5 .davidbox,
.ns-7 .davidbox,
.ns-9 .davidbox,
.ns-11 .davidbox,
.ns-13 .davidbox,
.ns-15 .davidbox,
.ns-101 .davidbox,
.talk-demo .davidbox-demo
{     /* Any talk space */
    border: 1px solid #c0c090;
    background: #f8eaba;              /* Brown talk space colours */
}




/* Testing child selecting and specificity. */
table.datable td {
    border: 1px #F00 solid;
}
table.dbtable > td {
    border: 1px #0F0 solid;
}
table.dctable tr td {
    border: 1px #00F solid;
}
table.ddtable>tr>td {
    border: 1px #FF0 solid;
}
table>*>td {
    border: 1px #0FF solid;
}
table.dftable tr {
    border: 1px #0FF solid;
}
table.dgtable > * > tr {
    border: 1px #0FF solid;
}
table.dhtable > * > * > th,
table.dhtable > * > * > td {
    border: 1px #000 solid;
}
table.dhtable > caption {
    border: 1px #F00 solid;
}


/* Testing wikitable/prettytable class for skinning normal tables. */
table.dgwikitable {
    margin: 1em 1em 1em 0;
    background: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse;
}
table.dgwikitable >*>*> th, table.dgwikitable >*>*> td {
    border: 1px #aaa solid;
    padding: 0.2em;
}
table.dgwikitable >*>*> th {
    background: #f2f2f2;
    text-align: center;
}
table.dgwikitable > caption {
    margin-left: inherit;
    margin-right: inherit;
    font-weight: bold;
}


table.dg2wikitable {
    margin: 1em 1em 1em 0;
    background: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse;
}
.dg2wikitable th, .dg2wikitable td {
    border: 1px #aaa solid;
    padding: 0.2em;
}
.dg2wikitable th {
    background: #f2f2f2;
    text-align: center;
}
.dg2wikitable caption {
    margin-left: inherit;
    margin-right: inherit;
    font-weight: bold;
}

/* Repeat the ambox td code here, so it comes after 
   the dg2wikitable since they have the same specificity. */
th.ambox-text, td.ambox-text {     /* The message body cell(s) */
    border: none; 
    padding: 0.25em 0.5em;         /* 0.5em left/right */
    width: 100%;                   /* Make all templates the same width regardless of text length */
}


/* Testing */
p.davidtest:first-line { 
    font-weight: bold;
    content: "David_p_test"; 
}
a.davidtest:first-line { 
    content: "David_a_test"; 
}
a#collapseButton:first-line {
    font-weight: bold;
    content: "David_a_test"; 
}



/* Talk page message box styles */
table.dtmbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #c0c090;    /* Default "notice" gray-brown */
    background: #f8eaba;
}
table.dtmbox-small {               /* For the "small=yes" option */
    clear: right;
    float: right;
    margin: 4px 0 4px 1em;
    width: 238px;
    font-size: 88%;
    t_line-height: 1.25em;   /* Has no effect so can be removed. */
}
.mbox-inside .dtmbox {    /* For tmboxes inside other templates. */
    margin: 2px;
}
.dtmbox th.mbox-text, 
.dtmbox td.mbox-text {    /* The message body cell(s) */
    border: none;
    padding: 0.25em 0.9em;        /* 0.9em left/right */
    width: 100%;
}
.dtmbox td.mbox-image {                  /* The left image cell */
    border: none;
    padding: 2px 0px 2px 0.9em;   /* 0.9em left, 0px right */
    text-align: center;
}
.dtmbox td.mbox-imageright {             /* The right image cell */
    border: none;
    padding: 2px 0.9em 2px 0px;   /* 0px left, 0.9em right */
    text-align: center;
}
 
table.dtmbox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.dtmbox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.dtmbox-content {
    border: 2px solid #f28500;    /* Orange */
}
table.dtmbox-style {
    border: 2px solid #f4c430;    /* Yellow */
}
table.dtmbox-move {
    border: 2px solid #9932cc;    /* Purple */
}
table.dtmbox-protection,
table.dtmbox-notice {
    border: 1px solid #c0c090;    /* Gray-brown */
}



/* Testing Pretzel's image background. */
body.page-Wikipedia_2008_main_page_redesign_proposal_Pretzels #pretzelsmainpageproposal-head { background: white url('http://upload.wikimedia.org/wikipedia/en/c/c4/Faded_globe.PNG') no-repeat; 
}


/* Testing to fix the Opera and Safari float bug. */
/*
.mediawiki #globalWrapper table.mbox-small {
    clear: right;                
    float: right;                
    margin: 4px 0 4px 1em;
    width: 238px;
    font-size: 88%;
    line-height: 1.25em;
}
.mediawiki #globalWrapper table.mbox-small-left {
    margin: 4px 1em 4px 0;
    width: 238px;
    border-collapse: collapse;
    font-size: 88%;
    line-height: 1.25em;
}

table.ambox {
    margin: 0px 10% 0px !important;
}
table.ambox + table.ambox {
    margin-top: -1px !important;
}

body.mediawiki table.mbox-small {
    clear: right;                
    float: right;                
    margin: 4px 0 4px 1em;
    width: 238px;
    font-size: 88%;
    line-height: 1.25em;
}
body.mediawiki table.mbox-small-left {
    margin: 4px 1em 4px 0;
    width: 238px;
    border-collapse: collapse;
    font-size: 88%;
    line-height: 1.25em;
}
*/



/* Demonstration that a template on a CSS page is parsed.
   Even if inside a comment: {{dmbox|type=setindex}} 
   Check "What links here" for the dmbox template, and check 
   "Category:All disambiguation pages", and you will see
   that this page is visible on both places. Thus indicating
   that the template is parsed on this page.
*/



/* "nospeak" class for items that should be seen but not heard.
   The following is correct, but the W3C validator doesn't accept it. */
/*
.nospeak { 
    speak: none; 
}
@media speech, aural {
  .nospeak { 
    display: none;
    speak: none; 
  }
}
*/