MediaWiki:Common.css

From PC-BSD Wiki
Revision as of 02:44, 26 March 2014 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 */

#bodyContent {
font-size: 100%;
}

.test {
    display: none;
    visibility: hidden;
    color: inherit;
    background-color:white;
    position: relative;
    right: 10px;
   // z-index: 18;
    float: right;
    }

.simplecenter {
    width: 95%;
    margin-left:auto;
    margin-right:auto;
    }

.quotemk {
    font-weight:bold;
    font-size: 150%;
    }

.threequarter, .threequarter .thumbinner, .threequarter .thumb {
width: 75%;
height: 75%;
}

/*****************************************************************
 * Message box stuff                                             *
 *****************************************************************/
.rdangerbox{
border:solid #BA0000;
}

.rwarningbox{
border:solid #8B5A00;
//background-color: inherit; /* weird background color effect without this */
}

.rnotebox{
border:solid #BABABA
}

.rightfloat{
float:right;
}
.leftfloat{
float:left;
}

.messagebox {
border-width:2px 5px 2px 2px;
margin-top:9px;
margin-right: 12px;
margin-bottom:9px;
margin-left: 12px;
text-align:justify;
width:auto;
minimum-width:100px;
maximum-width: 45%;
font-size: x-small;
line-height:130%;
padding: 2px 5px 2px 1px;
align:center;
}

.messageboxicon {
float:right;
margin: 0px 3px 0px 0px;
}

/*****************************************************************
 * Hide some exposed statistics but make default style           *
 *****************************************************************/

.page_protection_level {
    display: none;
    visibility: hidden;
    color: inherit;
    background-color:inherit;
    position: absolute;
    top: -1px;
    right: 10px;
    z-index: 20;
    }

.last_editor {
    display: none;
    visibility: hidden;
    color: inherit;
    background-color:inherit;
    position: absolute;
    right: 10px;
    z-index: 18;
    }

/*****************************************************************
 * Navigation header stuff                                       *
 *****************************************************************/

.sorry {
    font-weight: bold;
    text-align: center;
    color: #8F80fd;
    background-color: inherit;
    }

.navheader {
    border-collapse:collapse; align:center; margin-left:0; margin-right:0; width:100%;
    }

.navleft, .navright {
    border-bottom: #BEBEBE solid 2px; width: 128px;
    }

.navheaderbuffer {
    border-bottom: #BEBEBE solid 2px;
    width: 45%; font-size: x-small; 
    text-align: center;
    color: #000000;
    background-color:inherit;
    }

.navmiddle {
    border-bottom: #BEBEBE solid 2px; width: 128px;
    }

.movetoc {
    float:left;
    width: auto;
    minimum-width:100px;
    maximum-width:35%;
    margin-right:5px;
    margin-bottom:-5px;
    }

/*****************************************************************
 * Some toc box refinements                                      *
 *****************************************************************/

.toc {
    minimum-width:100px;
    maximum-width:35%;
    margin-left:0px;
    margin-bottom:5px;
    }
.toc ul {
    line-height: 130%;
    }
.toc .tochidden {
    width: auto;
    minimum-width:100px;
    position:relative;
    left: -25px;
    margin-left:0px;
    margin-right:-15px;
    margin-top:2px;
    margin-bottom:-25px;
    padding: 2px 2px 0px 0px;
    font-size: x-small;
    line-height: 1em;
    }
.tochidden #toctitle{
    font-size: x-small;
}
.tochidden h2{
    font-size: xx-small;
    display:none!important;
}

/*****************************************************************
 * Used to style the page title repositioned by Navheader        *
 *****************************************************************/

.titleheader {
    border-bottom: #aaaaaa solid 1px;
    height: 40px;
    width:100%;
    }

.titleheadertext {
    margin-left:0;
    margin-right:0;
    width:100%;
    font-size: 200%;
    line-height: 1.2em;
    margin-bottom: 0em;
    }

/*****************************************************************
 * These allow for quick update of screenshots- when alpha-fied  *
 *****************************************************************/

.bg9p1 {
    background-size:110% 110%;
    background-size:cover;
    background-repeat:no-repeat;
    background-image:url('images/5/56/Wallpaper9.1-1280x1024.png');
    }

.bg9p2 {
    background-size:110% 110%;
    background-size:cover;
    background-repeat:no-repeat;background-repeat:no-repeat;
    background-image:url('images/c/cb/Wallpaper9.2-1280x1024.png');
    }

.bg10p0 {
    background-size:110% 110%;
    background-size:cover;
    background-repeat:no-repeat;
    background-image:url('images/4/46/Wallpaper10.0-1280x1024.png');
    }

.bgtest {
    background-size:cover;
    background-repeat:no-repeat;
    background-image:url('images/c/cb/Wallpaper9.2-1280x1024.png');
    }

/*****************************************************************
 * Text Boot screen                                              *
 *****************************************************************/
div.bootscreen {
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 2px;
    padding-left:10px;
    padding-right:30px;
    position:relative;
    width:480px!important;
    height: 280px!important;
    background: black;
    color: white;
    }

div.bootoptions {
    font-family: Courier New, Courier, monospace!important;
    font-size: small;
    font-weight:700;
    white-space:pre;
    border: thin solid white;
    text-align:left;
    display: inline-block;
    padding-top: 0px;
    position:relative;
    background: black;
    }

div.bootlogo {
    font-family: Courier New, Courier, monospace!important;
    font-size: small;
    white-space:pre;
    text-align:left;
    display: inline-block;
    padding-top: 0px;
    position:absolute;
    background: black;
    }


/*****************************************************************
 * Main Page styling                                             *
 *****************************************************************/

body[class*=page-Main_Page] div#bodyContent {
      background-image:url('images/a/a3/Watermark-772x923.png');
      background-repeat:no-repeat;
      }

.welcometext {
      text-align:center; 
      font-size: 186%; 
      font-weight:bold;
      }

.taskspromo {
      height:50px;
      text-align:center; 
      font-size: 150%; 
      font-weight:bold;
      }

body.page-Main_Page h1.firstHeading { display: none; }

.txtlg {font-size: 140%;}

.txtxl {font-size: 150%;}

.txtxxl {font-size: 175%;}

/*****************************************************************
 * Remove the page titles from most wiki pages                   *
 *****************************************************************/

.firstHeading,
.subtitle,
#siteSub,
#contentSub,
.pagetitle {
    display:none;
    }

body[class*=page-Special_] h1.firstHeading,
body[class*=action-edit] h1.firstHeading,
body[class*=page-MediaWiki_] h1.firstHeading,
body[class*=page-Template_] h1.firstHeading {
    display:block;
    }


/*****************************************************************
 * Special sprite handling for the Navheader template            *
 *****************************************************************/

.prev{left:0px;width:50px;}
.prev{background:url('images/d/d2/Nav-sprite.png') 0 0;}

.home{left:50px;width:36px;}
.home{background:url('images/d/d2/Nav-sprite.png') -50px 0;}

.next{left:86px;width:50px;}
.next{background:url('images/d/d2/Nav-sprite.png') -86px 0;}


/*****************************************************************
/* silly CSS for translating - limits seem for no reason         *
 *****************************************************************/

.ext-translate-container .tux-messagelist .tux-message-proofread {
     max-width: none;
     }


/*****************************************************************
 * 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: #d7d7d7 !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: #d7d7d7;
        border: medium #bebebe inset;
        border-radius: 10%;
        }

.client-js .mw-edittools-section {
        display: inline;
        }

.client-js .mw-edittools-section input[type="button"] {
        font-size: 100%;
        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 darkgray;
    border-collapse:collapse;
    }

th.spiffy_span {
    background-color:LemonChiffon;
    background: -webkit-linear-gradient(MediumSpringGreen, LemonChiffon, LemonChiffon, LemonChiffon, MediumSpringGreen); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(MediumSpringGreen, LemonChiffon, LemonChiffon, LemonChiffon, MediumSpringGreen); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(MediumSpringGreen, LemonChiffon, LemonChiffon, LemonChiffon, MediumSpringGreen); /* For Firefox 3.6 to 15 */
    background: linear-gradient(MediumSpringGreen, LemonChiffon, LemonChiffon, LemonChiffon, MediumSpringGreen); /* Standard syntax (must be last) */
    font-weight:700;
    text-align:center;
    font-size: 125%;
    }

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

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

.spiffy_table tr > td.zero {
    background-color: red;
    color: white;
    }

.spiffy_table tr > td.part {
    background-color: yellow;
    }

.spiffy_table tr > td.done {
    background-color: green;
    }

.spiffy_table th {
    background-color:LemonChiffon;
    font-weight:700;
    text-align:center;
    border-color:darkgray;
    border-style:solid;
    border-width:1px 1px 2px;
    padding:5px;
    }

.simple_table th {
    font-weight:700;
    text-align:center;
    border-color:darkgray;
    border-style:solid;
    border-width:0px 1px 2px;
    padding:5px;
    }

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

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


/**************************************************************************
 * 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 {
    background: inherit;
    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;
    }

.traverse {
    background-color:#E2E2E2;
    color: inherit;
    display: inline-block;
    font-size: 97%;
    vertical-align:10%;
    padding-right:3px;
    padding-left:3px;
    border-radius:5px;
    border: thin solid #000000;
    }

.boxed {
    display: inline-block;
    font-size: 97%;
    font-weight:800;
    vertical-align:20%;
    line-height:82%;
    border: thin solid #000000;
    }

.rarr {
    font-style: inherit;
    font-weight: bold;
    font-size: 150%;
    vertical-align:-9%;
    letter-spacing:-1px;
    width: 97%;
    }

/******************************************************************
 * Fix how the registered mark (®) is displayed within headlines. *
 * Enabled by templates pcbsd, freebsd, and r which each add a    *
 * span around the ®.                                             *
 ******************************************************************/
h1 .regmk,
h2 .regmk,
h3 .regmk,
h4 .regmk, 
span.welcometext .regmk,
span.taskspromo .regmk,
span.txtlg .regmk,
span.txtxl .regmk,
span.txtxxl .regmk,
span.titleheadertext .regmk {
    font-size:50%;
    vertical-align:super;
    }

/******************************************************************
 * Fighting with mediawiki 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;
    }

.indent {
    text-indent:16px;
    }

.noindent {
    text-indent:0px;
    }
/**************************************************************************
 * 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 {
    display: inline-block;
    align: center;
    position:relative;
    margin: 0px 0px 8px;
    width:auto;
    }

.txtbox_box {
    font-family: Courier New, Courier, monospace;
    font-size: x-small;
    border: thin dashed #a1a1a1;
    background: #f6f6f6;
    text-align:left;
    line-height:130%;
    white-space: pre;
    display: inline-block;
    position:relative;
    margin-right: 6px;
    padding:3px 5px 3px 5px;
    }

.txtbox_txt {
    display: inline-block;
    font-size: 98%;
    position:relative;
    padding:0px 5px 0px 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;
    }

/**************************************************************************
 * A simple style for the reference heading                               *
 **************************************************************************/

.refheading, .grouplist {
    border-bottom: thin solid #000000;
    font-size: 130%;
    }

/* weird unintended effects?

.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;
    vertical-align:20%;
    line-height:90%;
    display: inline-block;
    }

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

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

.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 */
.patrollink {
    text-align: left;
    background-color: 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;
    color: inherit;
    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              *
 * Determined to be non-functional since often only 50% worked at a time. *
 **************************************************************************/

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