Difference between revisions of "MediaWiki:Common.css"

/* CSS placed here will be applied to all skins */ /* Change tag size over logo to fit size of EMAC logo */#p-logo a,#p-logo a:hover {            display: block;    height: 7em;    width: 21em;    background-image: url(http://www.emacinc.com/sites/all/themes/emac/images/EMAC__LOG.png) !important;    background-repeat: no-repeat;    background-position: 15% 30% !important;    text-decoration: none;} /* conventions table */ table {  box-shadow: 0px 0px 7px 1px #ccc;  border-radius: 9px;} table.conventions {  float: right;  padding: 5px;  margin: 10px;  margin-left: 20px;  width: 500px;} /* GeSHi overrides */ .mw-geshi {  font-size: 1.2em;  border-style: solid !important;  box-shadow: 1px 1px 5px 0px #aaa;  border-radius: 21px;} .geshi-joined-top { border-bottom: none !important; margin-bottom: 0 !important; padding-bottom: 1em !important;} .geshi-joined-bottom { border-top: none !important; padding-top: 0 !important; margin-top: 0 !important;} /* CSS Copied from MediaWiki.org */ /* 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 */    box-shadow: none;}td.mbox-image {                /* The left image cell */    border: none;     padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */    text-align: center;     box-shadow: none;}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 */    margin-top: 1em;    background-image: url(http://www.emacinc.com/sites/all/themes/emac/images/emac_contentbox.png) !important;    background-repeat: repeat-y !important;    border-radius: 18px;    border: 1px solid #aaa;     border-left: 1px solid #999 !important;  /* EMAC version */    background: #fbfbfb;     box-shadow: 2px 2px 3px #888;    border-top: solid 1px #fff;}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;} /* EMAC table styling */table.wikitable {  background-color: #ffffff !important;  margin: 0 !important;  padding: 0 !important;  border: 0 !important;  border-left: 1px solid #ccc !important;  border-right: 1px solid #ccc !important;  vertical-align: middle !important;  font-size: 100% !important;  vertical-align: baseline !important;  border-top: 1px solid #ccc !important;  border-collapse: collapse !important;  border-spacing: 0 !important;  border-color: gray;} table.wikitable th {  background: url(http://www.emacinc.com/sites/all/themes/emac/images/selection_title_gradient.png);  background-repeat: repeat-x;  color: #e1e2e3;  cursor: pointer;} table.wikitable td {  box-shadow: none;} /******* [[Main Page|MAIN PAGE]] STYLING **********/ body.page-Main_Page h1.firstHeading { display:none; } #mainpage_topbox {  background: #f9f9f9;   padding: 0px;   border: 1px solid #aaaaaa;   margin: 0.2em 10px 10px;} .mainpage_boxtitle, .mainpage_hubtitle, #mainpage_pagetitle {  font-size: 105%;   padding: 0.4em;   background-color: #eeeeee;   border-bottom: 1px solid #aaaaaa;  } .mainpage_boxtitle {  line-height: 120%;} #mainpage_pagetitle {  color: #000000;   font-size: 300% !important;  font-style: bold;} #mainpage_sitelinks {  padding: 0.2em;   text-align: center;  background-color: white;}.mainpage_hubtitle {  text-align: center;} .mainpage_boxcontents, .mainpage_boxcontents_small {  background: #ffffff;  padding: 0.4em 1em;  font-size: 125%;} .mainpage_boxcontents_small {  font-size: 95%;} .mainpage_hubbox, #mainpage_newscell, #mainpage_downloadcell {  padding: 0;  border: 1px solid #aaaaaa;} .mainpage_hubbox {  margin-bottom: 0;} #mainpage_newscell {  margin-bottom: 15px;  margin-top: 0 !important;} #mainpage_newscell .mainpage_boxtitle {    background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/8/89/Exquisite-khelpcenter.png/20px-Exquisite-khelpcenter.png);    background-repeat: no-repeat;    background-position: 99% 0.3em;    padding-right: 25px;} #mainpage_downloadcell {  width: 17em;   margin-bottom: 5px; } #mainpage_downloadcell .mainpage_boxtitle {    background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/5/5d/Crystal_Clear_action_build.png/18px-Crystal_Clear_action_build.png);    background-repeat: no-repeat;    background-position: 96% 0.33em;    padding-right: 25px;} /* The words 'MediaWiki.org' in the title.*/#mainpage_mwtitle {  color: #005288;} /*** masonry ***/ .header_box { border: 1px solid #aaa; padding: 20px; margin-bottom: 20px;} .masonry_item { border: 1px solid #aaa; margin-bottom: 20px; width: 520px; /* 3 col */} .masonry_item > * { padding:20px;} .masonry_item h2 { text-align:center; background-color: #eee; font-size: 105%; font-weight: bold; padding: 0.4em;} /* EMAC Specific CSS additions */ .stheading { border-style: solid; border-width: thin; font-style: bold; font-size: 22px; text-align: center; padding: 6px;} .bootloaders { background-color: #FFc9dC;} .sysconfig { background-color: #ffdeca;} div#content {  background-image:url(http://www.emacinc.com/sites/all/themes/emac/images/emac_background.png)! important;} .toc {  background-image:url(http://www.emacinc.com/sites/all/themes/emac/images/emac_contentbox.png)! important;  background-repeat:repeat-y;  border-radius:18px;  border-left:solid 1px #fff;  border-top:solid 1px #fff;  box-shadow:2px 2px 3px #888;  padding: 14px !important;} .toc h2 {  color:#181818;  font-weight:normal ! important;  font-size: 21px ! important;  line-height: 30px;} .toc td {  box-shadow: none;} a {  color:#44661f !important;} a:visited {  color:#66992f !important;} /******************** tabs ********************/#ca-view a {  margin-right: 0.1em !important;  border: none;  color: #1a1a1a !important;  margin-top: -4px;} #ca-view.selected a {  background-image: none !important;} #ca-view {  border-style: solid;  border-width: 1px;  border-radius: 4px 4px 0 0;  padding-bottom: 1px;  background-image: url(http://www.emacinc.com/sites/all/themes/emac/images/emac_graytab.png);} #ca-view.selected {  background-image: none !important;} #ca-viewsource a {  margin-right: 0.1em !important;  border: none;  color: #1a1a1a !important;  margin-top: -4px;} #ca-viewsource.selected a {  background-image: none !important;} #ca-viewsource {  border-style: solid;  border-width: 1px;  border-radius: 4px 4px 0 0;  padding-bottom: 1px;  background-image: url(http://www.emacinc.com/sites/all/themes/emac/images/emac_graytab.png);} #ca-viewsource.selected {  background-image: none !important;} #ca-edit a {  margin-right: 0.1em !important;  border: none;  color: #1a1a1a !important;  margin-top: -4px;} #ca-edit.selected a {  background-image: none !important;} #ca-edit {  border-style: solid;  border-width: 1px;  border-radius: 4px 4px 0 0;  padding-bottom: 1px;  background-image: url(http://www.emacinc.com/sites/all/themes/emac/images/emac_graytab.png);} #ca-edit.selected {  background-image: none !important;} #ca-history a  {  margin-right: 0.1em !important;  border: none;  color: #1a1a1a !important;  margin-top: -4px;} #ca-history.selected a {  background-image: none !important;} #ca-history {  border-style: solid;  border-width: 1px;  border-radius: 4px 4px 0 0;  padding-bottom: 1px;  background-image: url(http://www.emacinc.com/sites/all/themes/emac/images/emac_graytab.png);} #ca-history.selected {  background-image: none !important;} #ca-nstab-mediawiki a {  margin-right: 0.1em !important;  border: none;  color: #1a1a1a !important;  margin-top: -4px;} #ca-nstab-mediawiki.selected a {  background-image: none !important;} #ca-nstab-mediawiki {  border-style: solid;  border-width: 1px;  border-radius: 4px 4px 0 0;  padding-bottom: 1px;  background-image: url(http://www.emacinc.com/sites/all/themes/emac/images/emac_graytab.png);} #ca-nstab-mediawiki.selected {  background-image: none !important;} #ca-talk {  border-style: solid black;  border-width: 1px;  border-radius: 4px 4px 0 0;  padding-bottom: 1px;  background-image: url(http://www.emacinc.com/sites/all/themes/emac/images/emac_graytab.png);} #ca-talk a {  margin-right: 0.1em !important;  border: none;  color: #1a1a1a !important;  margin-top: -4px;} #ca-talk.selected a {  margin-right: 0.1em !important;  border: none;  color: #1a1a1a !important;  margin-top: -4px;  background-image: none !important;} #ca-talk.selected {  border-style: solid;  border-width: 1px;  border-radius: 4px 4px 0 0;  padding-bottom: 1px;  background-image: none !important;}  #ca-nstab-template a {  margin-right: 0.1em !important;  border: none;  color: #1a1a1a !important;  margin-top: -4px;} #ca-nstab-template.selected a {  background-image: none !important;} #ca-nstab-template {  border-style: solid;  border-width: 1px;  border-radius: 4px 4px 0 0;  padding-bottom: 1px;  background-image: url(http://www.emacinc.com/sites/all/themes/emac/images/emac_graytab.png);} #ca-nstab-template.selected {  background-image: none !important;}  #ca-nstab-main a {  margin-right: 0.1em !important;  border: none;  color: #1a1a1a !important;  margin-top: -4px;} #ca-nstab-main.selected a {  background-image: none !important;} #ca-nstab-main {  border-style: solid;  border-width: 1px;  border-radius: 4px 4px 0 0;  padding-bottom: 1px;  background-image: url(http://www.emacinc.com/sites/all/themes/emac/images/emac_graytab.png);} #ca-nstab-main.selected {  background-image: none !important;} #ca-nstab-special a {  margin-right: 0.1em !important;  border: none;  color: #1a1a1a !important;  margin-top: -4px;} #ca-nstab-special.selected a {  background-image: none !important;} #ca-nstab-special {  border-style: solid;  border-width: 1px;  border-radius: 4px 4px 0 0;  padding-bottom: 1px;  background-image: url(http://www.emacinc.com/sites/all/themes/emac/images/emac_graytab.png);} #ca-nstab-special.selected {  background-image: none !important;} /******************** tabs (end) ********************/ #mw-page-base {  height: 8em;} #left-navigation {  top: 5.5em !important;} #right-navigation {  margin-top: 5.5em !important;} code {  background-color: transparent !important;  font-weight: normal !important;} body.mediawiki {  background-image: url(http://www.emacinc.com/sites/all/themes/emac/images/subtle_dots_bg.png)! important;  background-size: 100% 15px;}  div.content#mw-body {  border-style: solid !important;  border-width: 50px !important;  border-top-width: 1px !important;  border-bottom-width: 0px !important;  border-color: #4d536b !important;  -webkit-box-shadow: 1px 0px 9px -3px inset;  padding: 0;  background-image: inherit;} div.content#mw-head {  background-image: inherit;  background-size: inherit;} div#footer {  padding: 0;  margin-left: 11.1em;} div#p-namespaces {  background-image: none;  padding-bottom: 2px;} div#p-views {  background-image: none;  padding-bottom: 2px;} div.mw-head#noprint {  background-image: inherit;  background-size: inherit;} div#mw-head {  background-image: inherit;  background-size: inherit;} div#mw-head-base {  border-bottom: 1px;  border-bottom-color: #737373;  border-style: solid;  margin-left: 11.175em;} h2 {  margin-top: 0.9em;  margin-left: -0.45em;} h3 {  margin-bottom: 0.5em;  margin-top: 1.5em;  margin-left: -0.25em;  text-shadow: 0px 1px #ccc;} h4 {  margin-bottom: 0.8em;  margin-left: -0.25em;  text-shadow: 0px 1px #ccc;} td {  box-shadow: 0px 0px 4px 0px #bbb inset;  border-radius: 7px;} #emrlogo {  margin-top: -2em;  margin-right: 2em;} img.emrlogo {  margin-top: -2em;  margin-right: 2em;} td#tnote {  box-shadow: none;} td.tnote {  box-shadow: none;} table#tnote {  box-shadow: none;} table.tnote {  box-shadow: none;} div#wikilinks {  background-color: white !important;} div.wikilinks {  background-color: white !important;} pre {  border: 1px solid;  border-radius: 8px;  border-color: #686;  box-shadow: 0px 0px 6px 0px #aaa inset;} .mw-specialpages-table {  background-color: white;  margin-top: 0em !important;} .mw-specialpages-table td {  box-shadow: none !important;  border-radius: 0px !important;} p {  line-height: inherit;} legend#mw-fr-reviewformlegend {  background-color: rgba(255,255,255,0.235);} fieldset.flaggedrevs_reviewform.noprint {  border: darkgreen solid;  border-width: 1px;  border-radius: 8px;  box-shadow: 0px 0px 23px -3px #999 inset;  background-color: rgb( 255, 249, 240 );} select#wpaccuracy.fr-rating-option-1 {  border-radius: 3px;  margin-bottom: 6px;  background-color: rgb( 233, 253, 242 );  box-shadow: 0px 0px 5px 0px #ccc;} select#wpdepth.fr-rating-option-1 {  border-radius: 3px;  margin-bottom: 6px;  background-color: rgb( 233, 253, 242 );  box-shadow: 0px 0px 5px 0px #ccc;} select#wpstyle.fr-rating-option-1 {  border-radius: 3px;  margin-bottom: 6px;  background-color: rgb( 233, 253, 242 );  box-shadow: 0px 0px 5px 0px #ccc;} input#mw-fr-commentbox.fr-comment-box {    border-radius: 5px;  box-shadow: 0px 0px 9px -3px #ccc;} iframe#wikiEditor-iframe-0 {/*  background-color: rgb( 41, 0, 33 ) !important; */  color: rgb( 226, 251, 237 ) !important;  text-shadow: 0px 1px #9a9 !important;}  div.toolbar.section.section-advanced.section-visible {  background-color: rgb( 235, 236, 223 );} div#wikiEditor-ui-toolbar.wikiEditor-ui-toolbar {  background-color: rgb( 239, 242, 253 );  background-image: none;}