MediaWiki:Common.css

From PortlandWiki
Revision as of 21:09, 19 April 2012 by Kotra (talk | contribs) (positioning)
Jump to navigation Jump to search

Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */

/* BEGIN WIKI.THEGLOBALSQUARE.ORG CSS SCRAPE */
/* SOURCE: http://wiki.theglobalsquare.org/wiki/MediaWiki:Common.css */
/* wikitable/prettytable class for skinning normal tables */
table.wikitable,
table.prettytable {
    margin: 1em 1em 1em 0;
    background: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse;
}
.wikitable th, .wikitable td,
.prettytable th, .prettytable td {
    border: 1px #aaa solid;
    padding: 0.2em;
}
.wikitable th,
.prettytable th {
    background: #f2f2f2;
    text-align: center;
}
.wikitable caption,
.prettytable caption {
    font-weight: bold;
}
/* END WIKI.THEGLOBALSQUARE.ORG CSS SCRAPE */

/* BEGIN OUTREACH.WIKIMEDIA.ORG CSS SCRAPE */
/* SOURCE: http://outreach.wikimedia.org/wiki/MediaWiki:Common.css */
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.mbox-text {   /* The message body cell(s) */
    border: none; 
    padding: 0.25em 0.9em;     /* 0.9em left/right */
    width: 100%;               /* Make all mboxes the same width regardless of text length */
}
td.mbox-image {                /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
    text-align: center; 
}
td.mbox-imageright {           /* The right image cell */
    border: none;
    padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
    text-align: center; 
}
td.mbox-empty-cell {           /* An empty narrow cell */
    border: none;
    padding: 0px;
    width: 1px;
}
 
/* Article message box styles */
table.ambox {
    margin: 0px 10%;                  /* 10% = Will not overlap with other elements */
    border: 1px solid #aaa; 
    border-left: 10px solid #1e90ff;  /* Default "notice" blue */
    background: #fbfbfb; 
}
table.ambox + table.ambox {      /* Single border between stacked boxes. */
    margin-top: -1px;
}
.ambox th.mbox-text, 
.ambox td.mbox-text {            /* The message body cell(s) */
    padding: 0.25em 0.5em;       /* 0.5em left/right */
}
.ambox td.mbox-image {           /* The left image cell */
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright {      /* The right image cell */
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
}
 
table.ambox-notice {
    border-left: 10px solid #1e90ff;    /* Blue */
}
table.ambox-speedy {
    border-left: 10px solid #b22222;    /* Red */
    background: #fee;                   /* Pink */
}
table.ambox-delete {
    border-left: 10px solid #b22222;    /* Red */
}
table.ambox-content {
    border-left: 10px solid #f28500;    /* Orange */
}
table.ambox-style {
    border-left: 10px solid #f4c430;    /* Yellow */
}
table.ambox-move {
    border-left: 10px solid #9932cc;    /* Purple */
}
table.ambox-protection {
    border-left: 10px solid #bba;       /* Gray-gold */
}
 
/* Image message box styles */
table.imbox {
    margin: 4px 10%; 
    border-collapse: collapse; 
    border: 3px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb;
}
.imbox .mbox-text .imbox {  /* For imboxes inside imbox-text cells. */
    margin: 0 -0.5em;       /* 0.9 - 0.5 = 0.4em left/right.        */
    display: block;         /* Fix for webkit to force 100% width.  */
}
.mbox-inside .imbox {       /* For imboxes inside other templates.  */
    margin: 4px;
}
 
table.imbox-notice {
    border: 3px solid #1e90ff;    /* Blue */
}
table.imbox-speedy {
    border: 3px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.imbox-delete {
    border: 3px solid #b22222;    /* Red */
}
table.imbox-content {
    border: 3px solid #f28500;    /* Orange */
}
table.imbox-style {
    border: 3px solid #f4c430;    /* Yellow */
}
table.imbox-move {
    border: 3px solid #9932cc;    /* Purple */
}
table.imbox-protection {
    border: 3px solid #bba;       /* Gray-gold */
}
table.imbox-license {
    border: 3px solid #88a;       /* Dark gray */
    background: #f7f8ff;          /* Light gray */
}
table.imbox-featured {
    border: 3px solid #cba135;    /* Brown-gold */
}
 
/* Category message box styles */
table.cmbox {
    margin: 3px 10%;
    border-collapse: collapse;
    border: 1px solid #aaa; 
    background: #DFE8FF;    /* Default "notice" blue */
}
 
table.cmbox-notice {
    background: #D8E8FF;    /* Blue */
}
table.cmbox-speedy {
    margin-top: 4px;
    margin-bottom: 4px;
    border: 4px solid #b22222;    /* Red */
    background: #FFDBDB;          /* Pink */
}
table.cmbox-delete {
    background: #FFDBDB;    /* Red */
}
table.cmbox-content {
    background: #FFE7CE;    /* Orange */
}
table.cmbox-style {
    background: #FFF9DB;    /* Yellow */
}
table.cmbox-move {
    background: #E4D8FF;    /* Purple */
}
table.cmbox-protection {
    background: #EFEFE1;    /* Gray-gold */
}
 
/* Other pages message box styles */
table.ombox {
    margin: 4px 10%; 
    border-collapse: collapse; 
    border: 1px solid #aaa;       /* Default "notice" gray */
    background: #f9f9f9;
}
 
table.ombox-notice {
    border: 1px solid #aaa;       /* Gray */
}
table.ombox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.ombox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.ombox-content {
    border: 1px solid #f28500;    /* Orange */
}
table.ombox-style {
    border: 1px solid #f4c430;    /* Yellow */
}
table.ombox-move {
    border: 1px solid #9932cc;    /* Purple */
}
table.ombox-protection {
    border: 2px solid #bba;       /* Gray-gold */
}
 
/* Talk page message box styles */
table.tmbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #c0c090;    /* Default "notice" gray-brown */
    background: #f8eaba;
}
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */
    margin: 2px 0;               /* this declaration overrides other styles (including mbox-small above)   */
    width: 100%;                 /* For Safari and Opera */
}
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
    line-height: 1.5em;          /* also "nested", so reset styles that are   */   
    font-size: 100%;             /* set in "mbox-small" above.                */
}
 
table.tmbox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.tmbox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.tmbox-content {
    border: 2px solid #f28500;    /* Orange */
}
table.tmbox-style {
    border: 2px solid #f4c430;    /* Yellow */
}
table.tmbox-move {
    border: 2px solid #9932cc;    /* Purple */
}
table.tmbox-protection,
table.tmbox-notice {
    border: 1px solid #c0c090;    /* Gray-brown */
}
 
/* Disambig and set index box styles */
table.dmbox {
    clear: both; 
    margin: 0.9em 1em; 
    border-top: 1px solid #ccc; 
    border-bottom: 1px solid #ccc; 
    background: transparent;
}
 
/* Footer and header message box styles */
table.fmbox {
    clear: both;
    margin: 0.2em 0;
    width: 100%;
    border: 1px solid #aaa;
    background: #f9f9f9;     /* Default "system" gray */
}
table.fmbox-system {
    background: #f9f9f9;
}
table.fmbox-warning {
    border: 1px solid #bb7070;  /* Dark pink */
    background: #ffdbdb;        /* Pink */
}
table.fmbox-editnotice {
    background: transparent;
}
/* Div based "warning" style fmbox messages. */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
    clear: both;
    margin: 0.2em 0;
    border: 1px solid #bb7070;
    background: #ffdbdb;
    padding: 0.25em 0.9em;
}
/* Div based "system" style fmbox messages. 
   Used in [[MediaWiki:Readonly lag]]. */
div.mw-lag-warn-normal,
div.fmbox-system {
    clear: both;
    margin: 0.2em 0;
    border: 1px solid #aaa;
    background: #f9f9f9;
    padding: 0.25em 0.9em;
}
 
/* These mbox-small classes must be placed after all other 
   ambox/tmbox/ombox etc classes. "body.mediawiki" is so 
   they override "table.ambox + table.ambox" above. */
body.mediawiki table.mbox-small {   /* For the "small=yes" option. */
    clear: right;
    float: right;
    margin: 4px 0 4px 1em;
    width: 238px;
    font-size: 88%;
    line-height: 1.25em;
}
body.mediawiki table.mbox-small-left {   /* For the "small=left" option. */
    margin: 4px 1em 4px 0;
    width: 238px;
    border-collapse: collapse;
    font-size: 88%;
    line-height: 1.25em;
}

#OutreachNotice{
  position: relative;
  overflow: hidden;
  margin-bottom: 0.5em !important;
  background-color:#fcfcfc;
  border: 1px solid #bbb;
  height:40px;
}

.OutreachNotice-text {
  font-family:Helvetica, sans-serif;
  font-size:1.1em;
  margin: 0 auto 5px;
  padding: 7px 5px 5px;
  color: #333;
  padding-top:10px;
  padding-left:14px;
  position: absolute;
}

.footer-places-about {
display:none !important;
}
/* Default skin for navigation boxes */
table.navbox {            /* Navbox container style */
    border: 1px solid #aaa;
    width: 100%; 
    margin: auto;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)       */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
    text-align: center;      /* Title and above/below styles */
    padding-left: 1em;
    padding-right: 1em;
}
.navbox-group {              /* Group style */
    white-space: nowrap;
    text-align: right;
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
}
.navbox, .navbox-subgroup {
    background: #fdfdfd;     /* Background color */
}
.navbox-list {
    border-color: #fdfdfd;   /* Must match background color */
}
.navbox-title,
table.navbox th {
    background: #ccccff;     /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: #ddddff;     /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
    background: #e6e6ff;     /* Level 3 color */
}
.navbox-even {
    background: #f7f7f7;     /* Even row striping */
}
.navbox-odd {
    background: transparent; /* Odd row striping */
}
 
.collapseButton {          /* 'show'/'hide' buttons created dynamically */
    float: right;          /* by the CollapsibleTables javascript in    */
    font-weight: normal;   /* [[MediaWiki:Common.js]] are styled here   */
    text-align: right;     /* so they can be customised.                */
    width: auto;
}
.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
    width: 6em;            /* the vde links from [[Template:Navbar]],    */
}                          /* so they need to be the same width.         */
 
.navbar {                  /* Navbox template links */
    font-size: 88%;        /* Default font-size */
    font-weight: normal;
}
.navbox .navbar {
    font-size: 100%;       /* Font-size when nested within navbox */
}

body.page-Main_Page h1.firstHeading {
 display: none !important;
}



/**
 * GLAM pages and templates stylesheets
 * maintained by Danny B.
 */

div.glamMain {
  border: 1px solid #aaa;
  padding: .2em .4em;
}

div.glamBody {
  overflow: hidden;
  width: auto;
}

div.glamContentPart {
  float: left;
  width: 64%;
}

div.glamSidebar {
  float: right;
  width: 32%;
}

div.glamTabs {
  border-bottom: 1px solid #aaa;
  margin-bottom: -1px;
}

table.glamTabbar {
  border-collapse: collapse;
  margin-bottom: -1px;
}

table.glamTabbar td {
  border: 1px solid #aaa;
  padding: .2em .4em;
  text-align: center;
  z-index: 1;
}

table.glamTabbar td.glamTabbarTab {
  background-color: #ddd;
}

table.glamTabbar td.glamTabbarTabActive {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}

table.glamTabbar td.glamTabbarSpacer {
  background-color: transparent;
  border-top: none;
  width: .5em;
}

/* BREADCRUMB CODE */
 
.breadcrumb {
        list-style: none;
        overflow: hidden;
        font: 14px Helvetica, Arial, Sans-Serif;
}
.breadcrumb li {
        float: left;
        margin-bottom: 0;
}
.breadcrumb li a {
        color: white;
        text-decoration: none;
        padding: 10px 0 10px 45px;
        position: relative;
        display: block;
        float: left;
}
 
.breadcrumb li a:after {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
        border-bottom: 50px solid transparent;
        position: absolute;
        top: 50%;
        margin-top: -50px;
        left: 100%;
        z-index: 2;
}
 
.breadcrumb li a:before {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 50px solid transparent;
        border-bottom: 50px solid transparent;
        border-left: 31px solid white;
        position: absolute;
        top: 50%;
        margin-top: -50px;
        margin-left: 1px;
        left: 100%;
        z-index: 1;
}
 
.breadcrumb li:first-child a {
        padding-left: 20px;
}
 
.currentcrumb a {
        background: #069;
}
 
.currentcrumb a:after {
        border-left: 30px solid #069;
}
 
.currentcrumb a:hover, .prevcrumb a:hover, .nextcrumb a:hover {
        background: #002d44;
}
 
.currentcrumb a:hover:after, .prevcrumb a:hover:after, .nextcrumb a:hover:after { border-left-color: #002d44 !important; }
 
.prevcrumb a {
        background: #396;
}
 
.prevcrumb a:after {
        border-left: 30px solid #396;
}
 
.nextcrumb a {
        background: #999;
}
 
.nextcrumb a:after {
        border-left: 30px solid #999;
}

/* Makes it possible for the boxes in the Account Creation Process to overlap */
#userlogin {
 margin:0; width:90% !important; max-width:100% !important; padding:1.5em;  padding-top:0.75em !important; border:0; -moz-box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.35); -webkit-box-shadow:  inset 0 0px 10px rgba(0, 0, 0, 0.35); box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.35); -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background:white; background: #fff; background: -moz-linear-gradient(bottom, #fff 90%, #F5F5F5 100%); background: -webkit-gradient(linear, left bottom, left top, color-stop(90%,#fff), color-stop(100%,#F5F5F5)); background: -webkit-linear-gradient(bottom, #fff 90%,#F5F5F5 100%); background: -o-linear-gradient(bottom, #fff 90%,#F5F5F5 100%); background: -ms-linear-gradient(bottom, #fff 90%,#F5F5F5 100%); background: linear-gradient(bottom, #fff 90%,#fff 100%);
 }

/* Hides the longer title for the listed pages */

body.page-MediaWiki:customusertemplate-ACP2:Welcomecreation #firstHeading {display: none !important;} 
body.page-MediaWiki:customusertemplate-ACP2:Which_skills_do_you_have_to_offer?_(Mathematics) #firstHeading {display: none !important;} 
body.page-MediaWiki:customusertemplate-ACP2:Which_skills_do_you_have_to_offer?_(Arts) #firstHeading {display: none !important;} 
body.page-MediaWiki:customusertemplate-ACP2:Be_a_part_of_Wikipedia_(History,_Copyediting) #firstHeading {display: none !important;} 
body.page-MediaWiki:customusertemplate-ACP2:Be_a_part_of_Wikipedia_(History,_Research_&_Writing) #firstHeading {display: none !important;} 
body.page-MediaWiki:customusertemplate-ACP2:Be_a_part_of_Wikipedia_(History,_Searching_the_web) #firstHeading {display: none !important;} 
body.page-MediaWiki:customusertemplate-ACP2:Be_a_part_of_Wikipedia_(History,_Organizing) #firstHeading {display: none !important;} 
body.page-MediaWiki:customusertemplate-ACP2:Be_a_part_of_Wikipedia_(Biology,_Copyediting) #firstHeading {display: none !important;} 
body.page-MediaWiki:customusertemplate-ACP2:Be_a_part_of_Wikipedia_(Biology,_Research_&_Writing) #firstHeading {display: none !important;} 
body.page-MediaWiki:customusertemplate-ACP2:Be_a_part_of_Wikipedia_(Biology,_Searching_the_web) #firstHeading {display: none !important;} 
body.page-MediaWiki:customusertemplate-ACP2:Be_a_part_of_Wikipedia_(Biology,_Organizing) #firstHeading {display: none !important;} 
body.page-MediaWiki:customusertemplate-ACP2:Be_a_part_of_Wikipedia_(Technology,_Copyediting) #firstHeading {display: none !important;} 
body.page-MediaWiki:customusertemplate-ACP2:Be_a_part_of_Wikipedia_(Technology,_Research_&_Writing) #firstHeading {display: none !important;} 
body.page-MediaWiki:customusertemplate-ACP2:Be_a_part_of_Wikipedia_(Technology,_Searching_the_web) #firstHeading {display: none !important;} 
body.page-MediaWiki:customusertemplate-ACP2:Be_a_part_of_Wikipedia_(Technology,_Organizing) #firstHeading {display: none !important;} 
body.page-MediaWiki:customusertemplate-ACP2:Be_a_part_of_Wikipedia_(Geography,_Copyediting) #firstHeading {display: none !important;} 
body.page-MediaWiki:customusertemplate-ACP2:Be_a_part_of_Wikipedia_(Geography,_Research_&_Writing) #firstHeading {display: none !important;} 
body.page-MediaWiki:customusertemplate-ACP2:Be_a_part_of_Wikipedia_(Geography,_Searching_the_web) #firstHeading {display: none !important;} 
body.page-MediaWiki:customusertemplate-ACP2:Be_a_part_of_Wikipedia_(Geography,_Organizing) #firstHeading {display: none !important;} 
body.page-MediaWiki:customusertemplate-ACP2:Be_a_part_of_Wikipedia_(Mathematics,_Copyediting) #firstHeading {display: none !important;} 
body.page-MediaWiki:customusertemplate-ACP2:Be_a_part_of_Wikipedia_(Mathematics,_Research_&_Writing) #firstHeading {display: none !important;} 
body.page-MediaWiki:customusertemplate-ACP2:Be_a_part_of_Wikipedia_(Mathematics,_Searching_the_web) #firstHeading {display: none !important;} 
body.page-MediaWiki:customusertemplate-ACP2:Be_a_part_of_Wikipedia_(Mathematics,_Organizing) #firstHeading {display: none !important;} 
body.page-MediaWiki:customusertemplate-ACP2:Be_a_part_of_Wikipedia_(Arts,_Copyediting) #firstHeading {display: none !important;} 
body.page-MediaWiki:customusertemplate-ACP2:Be_a_part_of_Wikipedia_(Arts,_Research_&_Writing) #firstHeading {display: none !important;} 
body.page-MediaWiki:customusertemplate-ACP2:Be_a_part_of_Wikipedia_(Arts,_Searching_the_web) #firstHeading {display: none !important;} 
body.page-MediaWiki:customusertemplate-ACP2:Be_a_part_of_Wikipedia_(Arts,_Organizing) #firstHeading {display: none !important;}
/* END OUTREACH.WIKIMEDIA.ORG CSS SCRAPE */

/* STYLES BY KOTRA */ 
div#content {
min-width: 800px !important;
}

li#ca-edit span a span {
background: url('/skins/vector/images/edit-icon-v2.png') 4px center no-repeat;
height: 20px;
padding-left: 10px;
}