MediaWiki:Monobook.css

From The TinkerNow Wiki
Jump to navigation Jump to search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will affect users of the MonoBook skin */
/* Fix the sidebar's position while you scroll */

div[id=column-one] {  /* Using the attribute selector hides this from IE */
    position: fixed;
    height: 100%;     /* If you shrink the browser too small, the side column will */
    overflow: auto; /*   become scrollable, so stuff is always accessible, albeit ugly */
    z-index: 2;
}

div#p-lang .pBody ul{    /* Sets the language box to a fixed height and scrollable if too long to fit */
    height: 10em;
    overflow: auto;
}

body {                /* Fix the background image, too, so it looks nice as you scroll */
    background-attachment: fixed;
}

div#footer {             /* Fix the footer so it looks nice and doesn't overlap the sidebar */
    margin-left: 13.6em;
    border-left: solid 1px rgb(250, 189, 35);
    /* Uncomment this if you use rounded edges: */
/* 
    -moz-border-radius-topleft: 1em; 
    -moz-border-radius-bottomleft: 1em; 
*/
}

/* Don't use any logo, move the boxes onto that area instead */

div#p-logo {
    display: none;
}
div#column-one {
    padding-top: 0;
}

/* Transform the user toolbar into a sidebox */
//div#p-personal {
//    position:relative;
//    z-index:3;
//    width: 11.6em;
//}
//
//div#p-personal .pBody {
//    width: 10.7em;
//    border: none;
//    margin: 0 0 0.1em 0em;
//    float: none;
//    overflow: hidden;
//    font-size: 95%;
//    background: White;
//    border-collapse: collapse;
//    border: 1px solid #aaaaaa;
//    padding: 0 0.8em 0.3em .5em;
//}
//
//div#p-personal ul {
//    line-height: 1.5em;
//    list-style-type: square;
//    list-style-image: url("/style/monobook/bullet.gif");
//
//    font-size:95%;
//    margin: 0 0 0 1.5em;
//    padding:0;
//    text-align:left;
//    text-transform: none;
//}
//
//div#p-personal li {
//    display: list-item;
//    padding:0;
//    margin: 0 0 0 0;
//    margin-bottom: 0.1em;
//}

/* suppress the person icon by your username */
/* needed if not already in place */
//li#pt-userpage { background: none }
//
//#p-personal {
//    width:100%;
//    white-space:nowrap;
//    padding:0 0 0 0;
//    margin:0;
//    position:absolute;
//    left:0px;
//    top:0px;
//    z-index: 0;
//    border: none;
//    background: none;
//    overflow: visible;
//    line-height: 1.2em;
//}
//
//#p-personal h5 {
//    display:none;
//}
//#p-personal .portlet,
//#p-personal .pBody {
//    padding:0;
//    margin:0;
//    border: none;
//    z-index:0;
//    overflow: visible;
//    background: none;
//}

/* this is the ul contained in the portlet */
//#p-personal ul {
//    border: none;
//    line-height: 1.4em;
//    color: #2f6fab;
//    padding: 0em 2em 0 3em;
//    margin: 0;
//    text-align: right;
//    text-transform: lowercase;
//    list-style: none;
//    z-index:0;
//    background: none;
//}
//#p-personal li {
//    z-index:0;
//    border:none;
//    padding:0;
//    display: inline;
//    color: #2f6fab;
//    margin-left: 1em;
//    line-height: 1.2em;
//    background: none;
//}
//#p-personal li a {
//    text-decoration: none;
//    color: #005896;
//    padding-bottom: 0.2em;
//    background: none;
//}
//#p-personal li a:hover {
//    background-color: White;
//    padding-bottom: 0.2em;
//    text-decoration: none;
//}