MediaWiki:Common.css

From Alliance Doc
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 */
.download_submit { 
    background-color: transparent;
    background-image: url(/mediawiki/resources/assets/download2-32.png);
    background-position:  0px 0px;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    border: 0px;
    position:relative;
    top:-32px;
}
div.download_form {
    height:0px;
}
div.filename {
    height: 32px;
    position:relative;
    left: 35px;
    top: 8px;
    padding: .2em .5em
    font-size: 92%;
}
div.code-file {
    border: 1px solid #222222; 
    padding: 0em 0em; 
    margin: .2em .2em; 
    background-color: #DCDCDC;
}
div#mw-content-text > div.code-file {
    width:90%;
}
tt {
    background-color: #EAEAEA;
}

.download_submit:hover {
    cursor:pointer;cursor:hand
}
div#content p a {
    font-weight: bold;
}

div.mw-highlight pre {
  overflow-x:auto;
  max-height:500px;
  height:auto !important;
  height:500px;
  overflow-y:auto;
}
.command:before li {
    content: "asfb:";
}


/* Specific styles for table in Main Page */
table#mainpage
{
  padding:2em;
  border-spacing:8px;
}

table#mainpage td.topleft
{
  vertical-align:top;
  padding:1em;
  width:50%;
  background-color:#ffffff;
  border:1px solid #000000;
  border-radius:7px;
}

table#mainpage td.topleft h2 
{ 
  font-size:120%; 
  font-weight:bold;
  padding:4px; 
  color: #ffffff;
  background-color:#000000; 
  border:1px solid #000000; 
  margin-top:2ex; 
}

table#mainpage td.topright
{
  vertical-align:top;
  padding:1em;
  width:50%;
  background-color:#ffffff;
  border:1px solid #FD4027;
  border-radius:7px;
}

table#mainpage td.topright h2 
{ 
  font-size:120%; 
  font-weight:bold; 
  padding:4px; 
  color: #ffffff;
  background-color:#FD4027; 
  border:1px solid #FD4027; 
  margin-top:2ex; 
}

table#mainpage td.bottomleft
{
  vertical-align:top;
  padding:1em;
  width:50%;
  background-color:#ffffff;
  border:1px solid #FD4027;
  border-radius:7px;
}

table#mainpage td.bottomleft h2 
{ 
  font-size:120%; 
  font-weight:bold; 
  padding:4px; 
  color: #ffffff;
  background-color:#FD4027; 
  border:1px solid #FD4027; 
  margin-top:2ex; 
}

table#mainpage td.bottomright
{
  vertical-align:top;
  padding:1em;
  width:50%;
  background-color:#ffffff;
  border:1px solid #000000;
  border-radius:7px;
}

table#mainpage td.bottomright h2 
{ 
  font-size:120%; 
  font-weight:bold;
  padding:4px; 
  color: #ffffff;
  background-color:#000000; 
  border:1px solid #000000; 
  margin-top:2ex; 
}

table#mainpage td h3
{ 
  font-size:110%;
}


/* Wikitable (Prettytable) class for skinning normal tables */
table.wikitable,
table.prettytable {
	margin: 1em 1em 1em 0;
	background: #f9f9f9;
	border: 1px #aaaaaa solid;
	border-collapse: collapse;
	empty-cells: show;
}
table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
	border: 1px #aaaaaa solid;
	padding: 0.2em 0.4em;
}
table.wikitable th, table.wikitable td.hl3, table.wikitable th.hl3,
table.prettytable th, table.prettytable td.hl3, table.wikitable th.hl3 {
	background: #8da7d6;
	text-align: center;
}
table.wikitable td.hl1, table.wikitable th.hl1,
table.prettytable td.hl1, table.wikitable th.hl1 {
	background: #c5d8fc;
	text-align: center;
}
table.wikitable td.hl2, table.wikitable th.hl2,
table.prettytable td.hl2, table.wikitable th.hl2 {
	background: #a7c1f2;
	text-align: center;
}
table.wikitable caption,
table.prettytable caption {
	margin-left: inherit;
	margin-right: inherit;
	font-weight: bold;
}

table.wikitable th {
    background-color: white;
}
table.wikitable tr.odd {
    background-color: skyblue;
}
table.wikitable tr.even {
    background-color: white;
}


div.panel {
    border: 2px; 
    border-style: solid; 
    border-radius: 4px;
    width: 90%
}
div.panel-heading {
  border-bottom: 1px solid;
  border-color: inherit;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color: inherit;
  padding: 5px;
}
div.panel-heading-title {
  font-size: 1.4em;
  font-family: inherit;
  font-weight: 500;
  vertical-align: middle;
}
div.panel-body {
  padding: 15px;
  overflow: hidden;
}
div.panel-heading-icon {
    width:0px;
    height:32px;
    float: left;
}

div.panel-heading.warning {
    color:#000000;
    background-color:#fca7a1;
}
div.panel-heading-icon.warning {
    content: url('/mediawiki/resources/assets/pushpin.png');
    width:32px;
    padding-right:5px;
}
div.panel.warning {
    border-color:#f46542;
}

div.panel-heading.callout {
    color:#31708f;
    background-color:#d9edf7;
}
div.panel-heading-icon.callout {
    content: url('/mediawiki/resources/assets/pushpin.png');
    width:32px;
}
div.panel.callout {
    border-color:#bce8f1;
}

div.panel-heading.SideCallout {
    color:#31708f;
    background-color:#d9edf7;
}
div.panel-heading-icon.SideCallout {
    content: url('/mediawiki/resources/assets/pushpin.png');
    width:32px;
}
div.panel.SideCallout {
    border-color:#bce8f1;
    float: right;
    width:30%;
}

div.panel-heading.challenge {
    color:#3c763d;
    background-color:#dff0d8;
}
div.panel-heading-icon.challenge {
    content: url('/mediawiki/resources/assets/pen.png');
    width:32px;
    padding-right:5px;
}
div.panel.challenge {
    border-color:#d6e9c6;
}

div.panel-heading.objectives {
    color:#8a6d3b;
    background-color:#fcf8e3;
}
div.panel-heading-icon.objectives {
    content: url('/mediawiki/resources/assets/badge.png');
    width:32px;
    padding-right:5px;
}
div.panel.objectives {
    border-color:#faebcc;
}

div.panel-heading.prerequisites {
    color:#8a6d3b;
    background-color:#fcf8e3;
}
div.panel-heading-icon.prerequisites {
    content: url('/mediawiki/resources/assets/graduation_cap.png');
    width:32px;
    padding-right:5px;
}
div.panel.prerequisites {
    border-color:#faebcc;
}

div.panel-heading.getready {
    color:#8a6d3b;
    background-color:#fcf8e3;
}
div.panel-heading-icon.getready {
    content: url('/mediawiki/resources/assets/checkmark.png');
    width:32px;
    padding-right:5px;
}
div.panel.getready {
    border-color:#faebcc;
}
div.panel-heading.draft {
    color:#000000;
    background-color:#fca7a1;
}
div.panel-heading-icon.draft {
    content: url('/mediawiki/resources/assets/draft.png');
    width:32px;
    padding-right:5px;
}
div.panel.draft {
    border-color:#f46542;
}
div.panel-heading.outdated {
    color:#000000;
    background-color:#FFA500;
}
div.panel-heading-icon.outdated {
    content: url('/mediawiki/resources/assets/draft.png');
    width:32px;
    padding-right:5px;
}
div.panel.outdated {
    border-color:#FFA500;
}

div#mw-content-text > ul li a {
    font-weight: bold;
}
div#mw-content-text > ol li a {
    font-weight: bold;
}

/* Allow limiting of which header levels are shown in a TOC;
   <div class="toclimit-3">, for instance, will limit to
   showing ==headings== and ===headings=== but no further
   (as long as there are no =headings= on the page, which
   there shouldn't be according to the MoS). */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
    display: none;
}

.tabs-content {
    width: 100%;
    max-width: 1600px;
}