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.

Difference between revisions of "MediaWiki:Common.css"

From PC-BSD Wiki
Jump to: navigation, search
Line 3: Line 3:
 
.mw-editTools {
 
.mw-editTools {
 
         position: relative;
 
         position: relative;
         top: -150px;
+
         top: -160px;
 
         }
 
         }
 
.editOptions {
 
.editOptions {
 
         position: relative;
 
         position: relative;
         top: 150px;
+
         top: 160px;
 
         }
 
         }
  

Revision as of 02:45, 5 October 2013

/* CSS placed here will be applied to all skins */

.mw-editTools {
        position: relative;
        top: -160px;
        }
.editOptions {
        position: relative;
        top: 160px;
        }

/**
 * 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