MediaWiki:Common.css

From PC-BSD Wiki
Revision as of 01:46, 30 April 2013 by Tigersharke (Talk | contribs)

Jump to: navigation, search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Clear the cache in Tools → Preferences
/* 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   */
/* have changed it from using a table to a div with floats to handle the  */
/* positions and wrapping, but there still exists some strange wrapping   */
/* effects, especially at larger browser dimensions.                      */
/**************************************************************************/

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