Sorry for the inconvenience.  Known Navigation header breakage, its being "rebuilt" but forward nav should be ok now.
There may be other unforeseen breakage primarily in the handbook portion of the wiki.
The Table Of Contents section of each "PC-BSD® Users Handbook" page may be the best workaround.

Difference between revisions of "MediaWiki:Common.css"

From PC-BSD Wiki
Jump to: navigation, search
Line 291: Line 291:
 
   width: automatic;
 
   width: automatic;
 
   border-bottom: none;
 
   border-bottom: none;
  text-align: left;
+
//  text-align: center;
 +
  margin-left: 15px;
 
}
 
}
  

Revision as of 21:13, 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 {
   width: automatic;
   border-bottom: none;
 //  text-align: center;
  margin-left: 15px;
}


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

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

.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: 90px;
}

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

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

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

Variants
Actions
Navigation
Toolbox