MediaWiki:Common.css: Difference between revisions

From Alliance Doc
Jump to navigation Jump to search
No edit summary
No edit summary
 
(113 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 181: Line 198:




/* IMPORTED FROM SOFTWARE CARPENTRY */
div.panel {
.panel {
    border: 2px;  
  margin-bottom: 20px;
    border-style: solid;  
  background-color: #fff;
    border-radius: 4px;
  border: 1px solid transparent;
    width: 90%
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
}
.panel-body {
div.panel-heading {
   padding: 15px;
   border-bottom: 1px solid;
}
   border-color: inherit;
.panel-heading {
  padding: 10px 15px;
   border-bottom: 1px solid transparent;
   border-top-left-radius: 3px;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
   border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
   color: inherit;
   color: inherit;
  padding: 5px;
}
}
.panel-title {
div.panel-heading-title {
   margin-top: 0;
   font-size: 1.4em;
   margin-bottom: 0;
   font-family: inherit;
   font-size: 16px;
   font-weight: 500;
   color: inherit;
   vertical-align: middle;
}
}
.panel-title > a,
div.panel-body {
.panel-title > small,
  padding: 15px;
.panel-title > .small,
   overflow: hidden;
.panel-title > small > a,
.panel-title > .small > a {
   color: inherit;
}
}
.panel-footer {
div.panel-heading-icon {
  padding: 10px 15px;
    width:0px;
  background-color: #f5f5f5;
    height:32px;
  border-top: 1px solid #ddd;
    float: left;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
}
.panel > .list-group,
 
.panel > .panel-collapse > .list-group {
div.panel-heading.warning {
  margin-bottom: 0;
    color:#000000;
}
    background-color:#fca7a1;
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
}
.panel > .list-group:last-child .list-group-item:last-child,
div.panel-heading-icon.warning {
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    content: url('/mediawiki/resources/assets/pushpin.png');
  border-bottom: 0;
    width:32px;
  border-bottom-right-radius: 3px;
    padding-right:5px;
  border-bottom-left-radius: 3px;
}
}
.panel-heading + .list-group .list-group-item:first-child {
div.panel.warning {
  border-top-width: 0;
    border-color:#f46542;
}
}
.list-group + .panel-footer {
 
  border-top-width: 0;
div.panel-heading.callout {
    color:#31708f;
    background-color:#d9edf7;
}
}
.panel > .table,
div.panel-heading-icon.callout {
.panel > .table-responsive > .table,
    content: url('/mediawiki/resources/assets/pushpin.png');
.panel > .panel-collapse > .table {
    width:32px;
  margin-bottom: 0;
}
}
.panel > .table caption,
div.panel.callout {
.panel > .table-responsive > .table caption,
    border-color:#bce8f1;
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
}
.panel > .table:first-child,
 
.panel > .table-responsive:first-child > .table:first-child {
div.panel-heading.SideCallout {
  border-top-left-radius: 3px;
    color:#31708f;
  border-top-right-radius: 3px;
    background-color:#d9edf7;
}
}
.panel > .table:first-child > thead:first-child > tr:first-child,
div.panel-heading-icon.SideCallout {
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
    content: url('/mediawiki/resources/assets/pushpin.png');
.panel > .table:first-child > tbody:first-child > tr:first-child,
    width:32px;
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
div.panel.SideCallout {
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
    border-color:#bce8f1;
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    float: right;
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    width:30%;
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
 
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
div.panel-heading.challenge {
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    color:#3c763d;
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    background-color:#dff0d8;
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
}
.panel > .table:last-child,
div.panel-heading-icon.challenge {
.panel > .table-responsive:last-child > .table:last-child {
    content: url('/mediawiki/resources/assets/pen.png');
  border-bottom-right-radius: 3px;
    width:32px;
  border-bottom-left-radius: 3px;
    padding-right:5px;
}
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
div.panel.challenge {
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
    border-color:#d6e9c6;
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
 
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
div.panel-heading.objectives {
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    color:#8a6d3b;
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    background-color:#fcf8e3;
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
div.panel-heading-icon.objectives {
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    content: url('/mediawiki/resources/assets/badge.png');
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    width:32px;
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    padding-right:5px;
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
}
.panel > .panel-body + .table,
div.panel.objectives {
.panel > .panel-body + .table-responsive,
    border-color:#faebcc;
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
}
.panel > .table > tbody:first-child > tr:first-child th,
 
.panel > .table > tbody:first-child > tr:first-child td {
div.panel-heading.prerequisites {
  border-top: 0;
    color:#8a6d3b;
    background-color:#fcf8e3;
}
}
.panel > .table-bordered,
div.panel-heading-icon.prerequisites {
.panel > .table-responsive > .table-bordered {
    content: url('/mediawiki/resources/assets/graduation_cap.png');
  border: 0;
    width:32px;
    padding-right:5px;
}
}
.panel > .table-bordered > thead > tr > th:first-child,
div.panel.prerequisites {
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
    border-color:#faebcc;
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
}
.panel > .table-bordered > thead > tr > th:last-child,
 
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
div.panel-heading.getready {
.panel > .table-bordered > tbody > tr > th:last-child,
    color:#8a6d3b;
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
    background-color:#fcf8e3;
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
}
.panel-info {
div.panel-heading-icon.getready {
  border-color: #bce8f1;
    content: url('/mediawiki/resources/assets/checkmark.png');
    width:32px;
    padding-right:5px;
}
}
.panel-info > .panel-heading {
div.panel.getready {
  color: #31708f;
    border-color:#faebcc;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
div.panel-heading.draft {
  border-top-color: #bce8f1;
    color:#000000;
    background-color:#fca7a1;
}
}
.panel-info > .panel-heading .badge {
div.panel-heading-icon.draft {
  color: #d9edf7;
    content: url('/mediawiki/resources/assets/draft.png');
  background-color: #31708f;
    width:32px;
    padding-right:5px;
}
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
div.panel.draft {
  border-bottom-color: #bce8f1;
    border-color:#f46542;
}
}
.panel-warning {
div.panel-heading.outdated {
  border-color: #faebcc;
    color:#000000;
    background-color:#FFA500;
}
}
.panel-warning > .panel-heading {
div.panel-heading-icon.outdated {
  color: #8a6d3b;
    content: url('/mediawiki/resources/assets/draft.png');
  background-color: #fcf8e3;
    width:32px;
  border-color: #faebcc;
    padding-right:5px;
}
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
div.panel.outdated {
  border-top-color: #faebcc;
    border-color:#FFA500;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
}


.panel {
div#mw-content-text > ul li a {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    font-weight: bold;
          box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}
}
.panel-default > .panel-heading {
div#mw-content-text > ol li a {
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
     font-weight: bold;
  background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
  background-image:        linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
  background-repeat: repeat-x;
}
.panel-primary > .panel-heading {
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
  background-image:      -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
  background-image:        linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
  background-repeat: repeat-x;
}
.panel-success > .panel-heading {
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
  background-image:      -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
  background-image:        linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
  background-repeat: repeat-x;
}
.panel-info > .panel-heading {
  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
  background-image:      -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
  background-image:        linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
  background-repeat: repeat-x;
}
.panel-warning > .panel-heading {
  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
  background-image:      -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
  background-image:        linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
  background-repeat: repeat-x;
}
.panel-danger > .panel-heading {
  background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
  background-image:      -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
  background-image:        linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
  background-repeat: repeat-x;
}
 
/* Objectives, Callout Box, Challenges and prerequisites are now rendered as
Bootstrap panels.  There's a pandoc error with rendering headers nested under
blockquote: these headers don't preserve attributes.  It means we have to
manually set styles for these headers to look like Bootstrap's "panel-title"
class. */
.panel-heading h1,
.panel-heading h2,
.panel-heading h3,
.panel-heading h4,
.panel-heading h5,
.panel-heading h6 {
    margin-top: 0px;
    margin-bottom: 0px;
    color: inherit;
    font-size: 16px;
    font-family: inherit;
     font-weight: 500;
    line-height: 1.1;
}
}


/* Make space between the glyphicon and the rest of the header */
/* Allow limiting of which header levels are shown in a TOC;
.panel-heading h1 span,
  <div class="toclimit-3">, for instance, will limit to
.panel-heading h2 span,
  showing ==headings== and ===headings=== but no further
.panel-heading h3 span,
  (as long as there are no =headings= on the page, which
.panel-heading h4 span,
  there shouldn't be according to the MoS). */
.panel-heading h5 span,
.toclimit-2 .toclevel-1 ul,
.panel-heading h6 span {
.toclimit-3 .toclevel-2 ul,
     padding-right: 10px;
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
     display: none;
}
}


/* Make the CSS compatible with Pandoc <= 1.13.2 and Pandoc > 1.14. */
.tabs-content {
h1.panel,
     width: 100%;
h2.panel,
     max-width: 1600px;
h3.panel,
h4.panel,
h5.panel,
h6.panel {
     margin-top: 0px;
    margin-bottom: 0px;
    border: 0px;
    color: inherit;
    background-color: inherit;
    background-image: inherit;
     box-shadow: none;
}
}

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