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 2: Line 2:
  
 
.imgtest {
 
.imgtest {
background-size:105% 105%;
+
//background-size:110% 110%;
//background-size:cover;
+
background-size:cover;
 +
background-origin:border-box;
 
//background-origin:content-box;
 
//background-origin:content-box;
 
//background-position:right bottom;
 
//background-position:right bottom;

Revision as of 00:08, 14 November 2013

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

.imgtest {
//background-size:110% 110%;
background-size:cover;
background-origin:border-box;
//background-origin:content-box;
//background-position:right bottom;
background-repeat:no-repeat;
background-image:url('images/c/cb/Wallpaper9.2-1280x1024.png');
}

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

body.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;
      }


/*****************************************************************
 * Remove the page titles from most wiki pages                   *
 *****************************************************************/
.firstHeading,
.subtitle,
#siteSub,
#contentSub,
.pagetitle {
    display:none;
    }
body[class*=page-Special_] h1.firstHeading,
body[class*=page-User_] 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 #bababa;
    border-collapse:collapse;
    }
.spiffy_table tr:nth-child(odd) > td {
    background-color:#ECECEC;
    }
.spiffy_table tr:nth-child(even) > td {
    background-color:#FFF;
    }
.spiffy_table th {
    background-color:#FFFFD9;
    font-weight:700;
    text-align:center;
    border-color:#BABFA3;
    border-style:solid;
    border-width:0 1px 2px;padding:5px;
    }
.simple_table th {
    font-weight:700;
    text-align:center;
    border-color:#bababa;
    border-style:solid;
    border-width:0 1px 2px;
    padding:5px;
    }
.spiffy_table caption,
.simple_table caption {
    font-weight:700;
    text-align:left;
    }
.spiffy_table td,
.simple_table td {
    border-color:#BABFA3;
    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%;
    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;
    }
/******************************************************************
 * Fix how the registered mark (®) is displayed within headlines. *
 * Enabled by template 'pcbsd' which adds a span around the ®.    *
 ******************************************************************/
h1 .regmk,
h2 .regmk,
h3 .regmk,
h4 .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;
        width: 97%;
        }

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

.txtbox_box {
        font-family: Courier New, Courier, monospace;
        font-size: 98%;
        border: thin dashed #a1a1a1;
        background: #f6f6f6;
        text-align:left;
        white-space: pre;
        display: inline-block;
        position:relative;
        margin-right: 6px;
        padding:0px 5px 0px 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              *
 **************************************************************************/

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