Difference between revisions of "MediaWiki:Common.css"

From PC-BSD Wiki
Jump to: navigation, search
Line 2: Line 2:
  
 
.imgtest {
 
.imgtest {
background-size:cover;
+
background-size:105% 105%;
 +
//background-size:cover;
 
//background-origin:content-box;
 
//background-origin:content-box;
 
//background-position:right bottom;
 
//background-position:right bottom;

Revision as of 01:06, 14 November 2013

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

.imgtest {
background-size:105% 105%;
//background-size:cover;
//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;}