Sorry for the inconvenience.  Chance of typos in templates, the navigation header should be functional for most versions of the handbook.
Potential remains for unforeseen breakage primarily in the handbook portion of the wiki.
Notice will be up until above verified and no other troubles found from recent modifications.

MediaWiki:Common.css

From PC-BSD Wiki
Revision as of 02:28, 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: red;
    color: white;
    } //Not started

.spiffy_table tr > td.part {
    background: yellow;
    } //part complete

.spiffy_table tr > td.done {
    background: green;
    } // DONE

.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