MediaWiki:Common.css: Difference between revisions

From Alliance Doc
Jump to navigation Jump to search
No edit summary
No edit summary
 
(94 intermediate revisions by 2 users not shown)
Line 22: Line 22:
     font-size: 92%;
     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 {
.download_submit:hover {
     cursor:pointer;cursor:hand
     cursor:pointer;cursor:hand
Line 29: Line 42:
}
}


pre.de1 {
div.mw-highlight pre {
   overflow-x:auto;
   overflow-x:auto;
   max-height:500px;
   max-height:500px;
Line 53: Line 66:
   padding:1em;
   padding:1em;
   width:50%;
   width:50%;
   background-color:#f5faff;
   background-color:#ffffff;
   border:1px solid #cedff2;
   border:1px solid #000000;
   border-radius:7px;
   border-radius:7px;
}
}
Line 63: Line 76:
   font-weight:bold;
   font-weight:bold;
   padding:4px;  
   padding:4px;  
   background-color:#cedff2;  
  color: #ffffff;
   border:1px solid #a3b0bf;  
   background-color:#000000;  
   border:1px solid #000000;  
   margin-top:2ex;  
   margin-top:2ex;  
}
}
Line 73: Line 87:
   padding:1em;
   padding:1em;
   width:50%;
   width:50%;
   background-color:#fff5f5;
   background-color:#ffffff;
   border:1px solid #f2cece;
   border:1px solid #FD4027;
   border-radius:7px;
   border-radius:7px;
}
}
Line 83: Line 97:
   font-weight:bold;  
   font-weight:bold;  
   padding:4px;  
   padding:4px;  
   background-color:#f2cece;  
  color: #ffffff;
   border:1px solid #bfa3a3;  
   background-color:#FD4027;  
   border:1px solid #FD4027;  
   margin-top:2ex;  
   margin-top:2ex;  
}
}
Line 93: Line 108:
   padding:1em;
   padding:1em;
   width:50%;
   width:50%;
   background-color:#fff5f5;
   background-color:#ffffff;
   border:1px solid #f2cece;
   border:1px solid #FD4027;
   border-radius:7px;
   border-radius:7px;
}
}
Line 103: Line 118:
   font-weight:bold;  
   font-weight:bold;  
   padding:4px;  
   padding:4px;  
   background-color:#f2cece;  
  color: #ffffff;
   border:1px solid #bfa3a3;  
   background-color:#FD4027;  
   border:1px solid #FD4027;  
   margin-top:2ex;  
   margin-top:2ex;  
}
}
Line 113: Line 129:
   padding:1em;
   padding:1em;
   width:50%;
   width:50%;
   background-color:#f5faff;
   background-color:#ffffff;
   border:1px solid #cedff2;
   border:1px solid #000000;
   border-radius:7px;
   border-radius:7px;
}
}
Line 123: Line 139:
   font-weight:bold;
   font-weight:bold;
   padding:4px;  
   padding:4px;  
   background-color:#cedff2;  
  color: #ffffff;
   border:1px solid #a3b0bf;  
   background-color:#000000;  
   border:1px solid #000000;  
   margin-top:2ex;  
   margin-top:2ex;  
}
}
Line 185: Line 202:
     border-style: solid;  
     border-style: solid;  
     border-radius: 4px;
     border-radius: 4px;
     width: 70%
     width: 90%
}
}
div.panel-heading {
div.panel-heading {
  padding: 10px 15px;
   border-bottom: 1px solid;
   border-bottom: 1px solid;
   border-color: inherit;
   border-color: inherit;
   border-top-left-radius: 3px;
   border-top-left-radius: 3px;
   border-top-right-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 {
div.panel-body {
   padding: 15px;
   padding: 15px;
  overflow: hidden;
}
}
.panel-title {
div.panel-heading-icon {
  margin-top: 0;
    width:0px;
  margin-bottom: 0;
    height:32px;
  font-size: 16px;
    float: left;
  color: inherit;
}
 
div.panel-heading.warning {
    color:#000000;
    background-color:#fca7a1;
}
}
div.panel-title > a,
div.panel-heading-icon.warning {
div.panel-title > small,
    content: url('/mediawiki/resources/assets/pushpin.png');
div.panel-title > .small,
    width:32px;
div.panel-title > small > a,
    padding-right:5px;
div.panel-title > .small > a {
  color: inherit;
}
}
div.panel-heading h1,
div.panel.warning {
div.panel-heading h2,
     border-color:#f46542;
div.panel-heading h3,
div.panel-heading h4,
div.panel-heading h5,
div.panel-heading h6  {
     margin-top: 0px;
    margin-bottom: 0px;
    color: inherit;
    font-size: 16px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    border-bottom: 0px;
}
}
div.panel-heading.callout {
div.panel-heading.callout {
     color:#31708f;
     color:#31708f;
     background-color:#d9edf7;
     background-color:#d9edf7;
}
}
div.panel-heading.callout h2:before {
div.panel-heading-icon.callout {
     content: url('/mediawiki/resources/assets/pushpin.png');
     content: url('/mediawiki/resources/assets/pushpin.png');
    width:32px;
}
}
div.panel.callout {
div.panel.callout {
     border-color:#bce8f1;
     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;
}
}

Latest revision as of 18:11, 30 March 2020

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