MediaWiki:Common.css

From PC-BSD Wiki
Revision as of 02:53, 5 October 2013 by Tigersharke (Talk | contribs)

Jump to: navigation, 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: Clear the cache in Tools → Preferences
/* CSS placed here will be applied to all skins */

.skin-vector .mw-editTools {
        position: relative;
        top: -175px;
        }

.editOptions {
        position: relative;
        top: 210px;
        }

/**
 * Styling for links generated by [[MediaWiki:Edittools]]
 * @source www.mediawiki.org/wiki/Extension:CharInsert#Styling
 * @updated 2012-02-29
 */
.mw-charinsert-buttons {
        border: 2px solid #aaaaaa;
        background-color: #eeeeee;
        padding: 2px;
        line-height:220%;
        text-align: center;
        font-size: 100%;
}
.mw-charinsert-buttons a {
        color: #454545;
        background-color: #dfdfdf !important;
        font-weight: bold;
        font-size: 100%;
        text-decoration: none;
        border: medium #a0a0a0 outset;
        border-radius: 10%;
        padding: 2px;
}
.mw-charinsert-buttons a:hover,
.mw-charinsert-buttons a:active {
        color: #000000;
        background-color: #e0e0e0;
        border: medium #bebebe inset;
        border-radius: 10%;
}
.client-js .mw-edittools-section {
        display: inline;
}
.client-js .mw-edittools-section input[type="button"] {
        font-size: 110%;
        padding-left: 6px;
        padding-right: 6px;
        margin-left: 6px;
        margin-right: 6px;
}

/**************************************************************************/
/* crazy testing of revised h2 headers                                    */
/**************************************************************************/

.page-Testing h2 {
   border-bottom-style: double;
}

.page-Testing #Level_2 {
  line-height: 0.5;
  text-align: center;
}

.page-Testing span#Level_2 {
  display: inline-block;
  position: relative;
}

.page-Testing span#Level_2:before,
.page-Testing span#Level_2:after {
  content: " ";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  top: 0;
  width: 90px;
}

.page-Testing h2 > span.mw-headline:before {
  right: 8px;
  margin-right: 15px;
background-color: none;
}

.page-Testing h2 > span.mw-headline:after {
  left: 8px;
  margin-left: 15px;
background-color: none;
}


/**************************************************************************/
/* Here is the Spiffy Table which allows for nice colors, bold titles and */
/* alternating white/grey rows. It does not display entirely well when a  */
/* rowspan=x is defined. This is used by template tbl-init or can be used */
/* alone by specifying class=spiffy_table.  A plain table without any     */
/* background color but otherwise similar format may be used by adding    */
/* class=simple_table.                                                    */
/**************************************************************************/

table.spiffy_table, table.simple_table {
        border: 2px solid rgb(186, 186, 186);
        border-collapse: collapse;
        }

.spiffy_table tr:nth-child(odd) > td {
        background-color:#EEEEEE;
        }

.spiffy_table tr:nth-child(even) > td {
        background-color:#FFFFFF;
        }

.spiffy_table th {
        background-color:#FFFFD9;
        border-color: #BABFA3;
        border-style: solid;
        border-width: 0 1px 2px 1px;
        font-weight: bold;
        padding: 5px;
        text-align: center;
        }

.simple_table th {
        border-color: rgb(186, 186, 186);
        border-style: solid;
        border-width: 0 1px 2px 1px;
        font-weight: bold;
        padding: 5px;
        text-align: center;
        }

.spiffy_table caption, .simple_table caption {
        font-weight: bold;
        text-align: left;
        }

.spiffy_table td, .simple_table td {
        padding: 5px;
        border-style: solid;
        border-color:#BABFA3;
        border-width: 1px 1px 1px 1px;
        }


/**************************************************************************/
/* This prevents the wiki from insisting upon using <strong> on titles    */
/* from table captions above. Not even adding a separate class to wrap    */
/* around the citelink type references via span tags worked.              */
/**************************************************************************/

.GroupListItem, .selflink {
        font-weight: normal;
        font-style: normal;
        }


/**************************************************************************/
/* Various style adjustments for different kinds or levels of emphasis.   */
/* Each class is named for the template that uses it.                     */
/**************************************************************************/

.redtxt {
        color:rgb(255,0,0);
        }

.highlight {
        background: yellow;
        color: #000000;
        }

.orangelight {
        background: #8B5A00;
        color: #FFFFFF;
        }

.redlight {
        background: crimson;
        color: #FFFFFF;
        }

.smalltext {
        font-size:small;
        }

.strike {
        text-decoration:line-through;
        }

.keysymbol {
        font-size: x-small!important;
        vertical-align:super!important;
        }

.charmono {
        font-family: Courier New, Courier, monospace;
        }

/********************************************************/
/* Fighting with markup in complex situations is a pain */
/* Below should solve it. Some standard styles.         */
/********************************************************/

.boldtxt {
        font-weight:bold;
        }

.bolditalictxt {
        font-weight:bold;
        font-style:italic;
        }

.italictxt {
        font-style:italic;
        }

/**************************************************************************/
/* This is the txtbox style sheet section.  Adjustments to the template   */
/* can change it from using a table to a div with floats to handle the    */
/* positions and wrapping, but there still exists some strange wrapping   */
/* effects which mean this CSS is currently unused until solved.          */
/**************************************************************************/

.txtbox {
        align: center;
        clear: both;
        margin-bottom: 2px;
        margin-top: 2px;
        }

.txtbox-box {
        font-family: Courier New, Courier, monospace;
        border: #a1a1a1 dashed 1px;
        background: #f6f6f6;
        text-align:left;
        float:left;
        position:relative;
        margin-right: 6px;
        margin-bottom: 12px;
        margin-top: 12px;
        width:auto;
        padding:5px 5px 5px 5px;
        }

.txtbox-txt {
        float:left;
        position:relative;
        margin-left: 6px;
        margin-right: 12px;
        margin-bottom: 12px;
        margin-top: 12px;
        width:auto;
        padding:5px 5px 5px 5px;
        }


/**************************************************************************/
/* This is the spooky NavHeader and page title style sheet section.       */
/* It is most certainly questionable and likely unstable or frequently    */
/* changed. With any luck the various NavHeader issues can be resolved.   */
/**************************************************************************/

.hide_stuff {
        visibility: hidden;
        display: none;
        }

.skin-vector #contentSub,.skin-monobook #contentSub {
        text-align: right;
        }

.refheading {
        border-bottom: thin solid #000000;
        }

.refheading:before,
.refheading:after {
  content: " ";
  position: absolute;
  height: 8px;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  top: 0;
  width: 95%;
}

/**************************************************************************/
/* This is the Translation information style sheet section.               */
/* It is most certainly questionable and likely unstable or frequently    */
/* changed. With any luck the various NavHeader issues can be resolved.   */
/**************************************************************************/

/* seems to be broken
.skin-vector div.mw-pt-translate-header:after, div.skin-monobook .mw-pt-translate-header:after {
        padding-left: 16px !important;
	padding-right: 5px;
        text-align: right
        content: url("images/1/18/Translate-icon-64x44.png");
        } */

.skin-vector .mw-pt-translate-header, .skin-monobook .mw-pt-translate-header {
        text-align: right;
        background-color: yellow;
        color: #000000;
        display: inline-block;
        }

body[class*="page-Main_Page"].skin-vector hr, body[class*="page-Main_Page"].skin-monobook hr {
        display: none;
        visibility: hidden;
        }

.skin-vector hr, .skin-monobook hr {
        display: none;
        visibility: hidden;
        }

.skin-vector .mw-translate-page-info, .skin-monobook .mw-translate-page-info {
        text-align: right;
        }

/* This should help the "mark as patrolled" be more easily found */
.skin-vector .patrollink {
        text-align: left;
        background: yellow;
        color: #000000;
        display: inline-block;
        }

/**************************************************************************/
/* define term - "inline-block" helps to limit it to the text portion     */
/**************************************************************************/

dt {
    font-family: Courier New, Courier, monospace;
    background-color:#DFDFDF;
    display: inline-block;
    }


/**************************************************************************/
/* This is to be a much improved nested TOC list style sheet section.     */
/* It is most certainly questionable and likely unstable or frequently    */
/* changed. For the moment, it is unclear whether this works at all.      */
/* will be for .toc_spiffy_list .page-PC-BSD®_Users_Handbook              */
/**************************************************************************/

div.toc_spiffy_list ol {
    counter-reset:ol; /* Initiate a counter */
    counter-reset:li; /* Initiate a counter */
}


.toc_spiffy_list ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
.toc_spiffy_list ol > li {
    position:relative; /* Create a positioning context */
    margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
    list-style:none; /* Disable the normal item numbering */
}
.toc_spiffy_list ol > li:before {
    counter-increment:li; /* Increment the counter by 1 */
    content:counter(ol) "." counter(li) " "; /* Use the counter as content */
    position:absolute;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
    margin-right:8px;
    text-align:center;
}
.toc_spiffy_list ol li:before {
    counter-increment:ol; /* Increment the counter by 1 */
    content:counter(ol) " "; /* Use the counter as content */
    position:absolute;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
    margin-right:8px;
    font-weight:normal;
    text-align:center;
}

.toc_spiffy_list li ol,
.toc_spiffy_list li ul {margin-top:6px;}
.toc_spiffy_list ol ol li:last-child {margin-bottom:0;}
Personal tools
Namespaces

Variants
Actions
Navigation
Toolbox