Difference between revisions of "MediaWiki:Common.css"

From PC-BSD Wiki
Jump to: navigation, search
Line 292: Line 292:
 
  //  width: automatic;
 
  //  width: automatic;
 
border-bottom: none;
 
border-bottom: none;
 +
  text-align: center;
 
}
 
}
  
  
.page-Testing #level2.mw-headline {
+
.page-Testing #level_2 {
 
   line-height: 0.5;
 
   line-height: 0.5;
 
   text-align: center;
 
   text-align: center;

Revision as of 21:59, 15 September 2013

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


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



/**************************************************************************/
/* 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: #aaaaaa 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.   */
/**************************************************************************/

// :not(body[class^="page-Special"]) :not(body[class^="page-Special"]) 

body[class*="special"] h1#firstHeading {
        visibility: visible;
        display: block;
        }

body[class*="Special"] h1#firstHeading {
        visibility: visible;
        display: block;
        }

body[class*="edit"] h1#firstHeading {
        visibility: visible;
        display: block;
        }

body[class*="MediaWiki_"] h1#firstHeading {
        visibility: visible;
        display: block;
        }

body[class*="Help_"] h1#firstHeading {
        visibility: visible;
        display: block;
        }

body[class*="Template_"] h1#firstHeading {
        visibility: visible;
        display: block;
        }

body[class*="Category_"] h1#firstHeading {
        visibility: visible;
        display: block;
        }

body[class*="User_"] h1#firstHeading {
        visibility: visible;
        display: block;
        }

body[class*="Talk_"] h1#firstHeading {
        visibility: visible;
        display: block;
        }

body[class*="Translations_"] h1#firstHeading {
        visibility: visible;
        display: block;
        }

body[class*="page-License"] h1#firstHeading {
        visibility: visible;
        display: block;
        }

body[class*="page-PC-BSD_Wiki_Policy"] h1#firstHeading {
        visibility: visible;
        display: block;
        }

.redirectMsg  h1#firstHeading {
        visibility: visible;
        display: block;
        }

/* deleted pages have hidden firstHeading - how to fix? */

body[class*="Category_Troubleshooting"] h1#firstHeading {
        visibility: hidden;
        display: none;
        }

h1#firstHeading {
        visibility: hidden;
        display: none;
        }

blah.skin-vector {
table.firstheading {  
        position: fixed;
        z-index: 220;
        }

blah#mw-head, blah#mw-panel {
        z-index: 220;
        position: fixed;
        }
}

blah.skin-vector div#bodyContent {
        margin-top: -33px; //33px is about perfect
        position: relative;
     //   z-index: -10;
        }

.skin-vector #contentSub,.skin-monobook #contentSub {
        text-align: right;
        }


/**************************************************************************/
/* This is the spooky 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.   */
/**************************************************************************/

.skin-vector .mw-translate-page-info,.skin-monobook .mw-translate-page-info {
        text-align: right;
        }

.skin-vector div.mw-translate-page-info:after,.skin-monobook div.mw-translate-page-info:after {
        padding-left: 16px !important;
	padding-right: 5px;
	content: url("images/1/18/Translate-icon-64x44.png");
        }

/* This only selects the vector skin and the div for the translate text */

.skin-vector .mw-pt-translate-header {
        text-align: right;
        background: yellow;
        color: #000000;
        }

.skin-monobook .mw-pt-translate-header {
        text-align: right;
        background: yellow;
        color: #000000;
        }


/**************************************************************************/
/* crazy testing                                                          */
/**************************************************************************/

blah.page-Testing a:before {
   content: attr(title) ": ";
}

.page-Testing h2 {
 //  background: green;
 //  width: automatic;
border-bottom: none;
  text-align: center;
}


.page-Testing #level_2 {
  line-height: 0.5;
  text-align: center;
}

.page-Testing #Level_2 {
  display: inline-block;
  position: relative;
  background: white;
}

.page-Testing span:before,
.page-Testing span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  top: 0;
  width: 600px;
   color: orange;
}

.page-Testing #Level_2:before {
  right: 100%;
  margin-right: 15px;
   background: green;
}

.page-Testing #Level_2:after {
  left: 100%;
  margin-left: 15px;
   background: grey;
}

/**************************************************************************/
/* define term should use this CSS in the future, need to fix header CSS  */
/**************************************************************************/

blah#dt {
        font-family: Courier New, Courier, monospace;
        background-color:#EEEEEE;
        }

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