|
|
| Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */ | | /* CSS placed here will be applied to all skins */ |
|
| |
| body #mw-head { | | body #mw-head { |
| background-image: url( https://i.imgur.com/taCA1QK.jpg); | | background-image: url( https://i.imgur.com/taCA1QK.jpg); |
| Line 12: |
Line 11: |
| } | | } |
|
| |
|
| .cs-image img { | | div.vectorTabs { |
| width: 350px;
| | border-right: 10px solid transparent; |
| height: auto;
| | border-top: 3px solid transparent; |
| }
| | border-left: 10px solid transparent; |
| | |
| .cs-link {
| |
| display: block;
| |
| border: 1px solid #deb975;
| |
| padding: 10px;
| |
| text-decoration: none;
| |
| color: #deb975;
| |
| background-color: #242422;
| |
| width: 75%;
| |
| margin: 10px auto;
| |
| }
| |
| | |
| .cs-link a {
| |
| color:#deb975;;
| |
| text-decoration:none;
| |
| }
| |
|
| |
| .cs-link a:hover {
| |
| color:#403c39;
| |
| text-decoration:none;
| |
| }
| |
| | |
| .cs-link:hover {
| |
| background: #deb975;
| |
| color:#403c39;
| |
| }
| |
| | |
| blockquote, blockquote p {
| |
| line-height: 1.6;
| |
| color: #ada08b;
| |
| }
| |
| | |
| table.wikitable {
| |
| background-color: #fffcf2;
| |
| color: #222;
| |
| margin: 1em 0;
| |
| border: 1px solid #ccc5b9;
| |
| border-collapse: collapse;
| |
| float:right;
| |
| }
| |
| | |
| table.wikitable > tr > th, table.wikitable > * > tr > th {
| |
| background-color: #deb975;
| |
| text-align: center;
| |
| color: #fffcf2;
| |
| font-size: .80em;
| |
| text-transform: uppercase;
| |
| }
| |
| | |
| table.wikitable > tr:nth-child(odd), table.wikitable > * > tr:nth-child(odd) {
| |
| background-color: #d6d1c6 !important;
| |
| }
| |
| | |
| .cssPagination .pages > .page:target ~ .page:last-child,
| |
| .cssPagination .pages > .page {display: none;}
| |
| .cssPagination .pages > :last-child,
| |
| .cssPagination .pages > .page:target {display: block;}
| |
| | |
| /* EVERYTHING ELSE */
| |
| | |
| a {
| |
| text-decoration: none;
| |
| color: #deb975;
| |
| /*color:#fffcf2;*/
| |
| background: none;
| |
| }
| |
| | |
| a:visited {
| |
| text-decoration: none;
| |
| color: #deb975;
| |
| /*color:#fffcf2;*/
| |
| background: none;
| |
| }
| |
| | |
| a:hover {
| |
| text-decoration: underline;
| |
| color: #c84e25;
| |
| background: none;
| |
| }
| |
| | |
| h1, h2, h3, h4, h5, h6 {
| |
| font-family: 'Metamorphous', Serif;
| |
| }
| |
| | |
| div#toc {
| |
| display: inline-block;
| |
| float: right !important;
| |
| margin-left: 35px !important;
| |
| padding: 20px !important;
| |
| border: 2px solid #403d39 !important;
| |
| clear: both;
| |
| width: 17.5em;
| |
| margin-top: 0;
| |
| }
| |
| | |
| .toc .toctitle > h2 {
| |
| background: #deb975;
| |
| color: #FFF !important;
| |
| margin-top: 0;
| |
| margin-bottom: 0;
| |
| padding: 5px;
| |
| border:none; | |
| display:block;
| |
| }
| |
| | |
| .mw-headline {
| |
| /*padding-left:10px;*/
| |
| } | | } |
|
| |
|
| .mw-content-ltr h2 { | | .mw-body { |
| display: block;
| | border-left: 10px solid transparent; |
| padding: 8px 20px;
| | border-bottom: 10px solid transparent; |
| margin-bottom: 10px;
| | border-image: url(https://chronicles-of-esshar.com/lore/images/f/fd/Borderbox.jpg) 30 round; |
| margin-top: 30px;
| |
| background: #deb975;
| |
| color: #242422 !important;
| |
| border: none !important;
| |
| max-width: 100%;
| |
| /*max-height: 50px;*/
| |
| } | | } |
|
| |
|
| .mw-content-ltr h4 {
| | div#mw-panel div.portal h3 { |
| padding-left: 10px;
| | color: #e2e2e2; |
| color: #242422 !important;
| |
| max-width: 100%;
| |
| margin-top: 30px !important;
| |
| font-size: 1em !important;
| |
| background: #deb975;
| |
| padding-top: 14px;
| |
| padding-bottom: 14px;
| |
| } | | } |
|
| |
|
| .mw-headline .mw-editsection > a {
| | div#mw-panel div.portal div.body ul li a, #p-personal a, #p-persona a:visited, div.vectorMenu h3 span { |
| color:#463f3a; | | color: #7c9fbf; |
| text-decoration:none;
| |
| } | | } |
|
| |
|
| .mw-headline .mw-editsection > a:hover {
| | div#mw-panel div.portal div.body ul li a:visited { |
| color:#463f3a; | | color: #bfd3db; |
| text-decoration:none;
| |
| } | | } |
|
| |
|
| .mw-headline .mw-editsection > a:visited {
| | #footer a { |
| color:#463f3a; | | color: #7c9fbf; |
| text-decoration:none;
| |
| } | | } |
|
| |
|
| .mw-content-ltr h3 {
| |
| border-bottom: 4px solid #deb975;
| |
| color: #fffcf2;
| |
| max-width: 100%;
| |
| margin-top: 20px;
| |
| font-size: 1.35em;
| |
| text-transform: capitalize;
| |
| }
| |
|
| |
|
| .mw-content-ltr h3 a:hover {
| |
| text-decoration: none;
| |
| }
| |
|
| |
|
| .mw-content-ltr h4 {
| |
| /* border-bottom: 4px solid #fffcf2; */
| |
| padding-left: 10px;
| |
| color: #242422;
| |
| max-width: 100%;
| |
| margin-top: 20px;
| |
| font-size: 1.15em;
| |
| }
| |
|
| |
|
| .mw-content-ltr h5 {
| |
| border-bottom: 6px solid #fffcf2;
| |
| color: #fffcf2;
| |
| max-width: 100%;
| |
| margin-top: -32px;
| |
| padding-left: 10px;
| |
| /* padding-bottom: 5px; */
| |
| font-size: 1.40em;
| |
| }
| |
|
| |
|
| .mw-content-ltr h5 a:link {
| | /* Infobox template style */ |
| text-decoration: none;
| |
| color:#fffcf2;
| |
| }
| |
| | |
| .mw-content-ltr h5 a:hover {
| |
| text-decoration: none;
| |
| color:#cec0aa;
| |
| }
| |
| | |
| .mw-content-ltr h5 a:visited {
| |
| text-decoration: none;
| |
| color:#fffcf2;
| |
| }
| |
| | |
| ul.portal-list {
| |
| list-style:none;
| |
| margin:0 auto;
| |
| }
| |
|
| |
| ul.portal-list > li {
| |
| display: block;
| |
| margin: 0 auto;
| |
| border-bottom: 1px dotted #ccc5b9;
| |
| padding: 5px 5px;
| |
| font-size: .85rem;
| |
| text-transform: uppercase;
| |
| }
| |
| | |
| table tr.even, table tr.alt, table tr:nth-of-type(even) {
| |
| background-color: #fffcf2 !important;
| |
| }
| |
| | |
| table tr.odd, table tr.alt, table tr:nth-of-type(odd) {
| |
| background-color: #fffcf2 !important;
| |
| }
| |
| | |
| /* Pivot Restyling */ | |
| .subheader {
| |
| line-height: 1.35em;
| |
| color: #c84e25 !important;
| |
| font-weight: normal;
| |
| margin-top: 0.75rem;
| |
| margin-bottom: 0.5rem;
| |
| background-color: #fffcf2;
| |
| padding: 12px 15px 8px 0px;
| |
| }
| |
| | |
| div.tabs-content div.content > p {
| |
| color: #fffcf2 !important;
| |
| }
| |
| | |
| .tabs-content {
| |
| margin-bottom: 1.5rem;
| |
| width: 100%;
| |
| background: #474440;
| |
| padding-left: 10px;
| |
| padding-right: 10px;
| |
| padding-top: 10px;
| |
| }
| |
| | |
| .CategoryTreeToggle {
| |
| color: #c84e25;
| |
| }
| |
| | |
| .CategoryTreeEmptyBullet {
| |
| color: #666;
| |
| }
| |
| | |
| /* INFOBOX STYLING, CARGO */
| |
| .infobox { | | .infobox { |
| | border: 1px solid #a2a9b1; |
| | border-spacing: 3px; |
| | background-color: #f8f9fa; |
| | color: black; |
| | /* @noflip */ |
| | margin: 0.5em 0 0.5em 1em; |
| | padding: 0.2em; |
| | /* @noflip */ |
| float: right; | | float: right; |
| /*border: 2px solid #242422;*/ | | /* @noflip */ |
| background-color: #fffcf2;
| | clear: right; |
| color: #000;
| |
| margin: 2px 0 2rem 2rem;
| |
| clear: left; | |
| text-align: left;
| |
| font-size: 88%; | | font-size: 88%; |
| line-height: 1.5em; | | line-height: 1.5em; |
| width: 23em; | | width: 22em; |
| border-spacing:0;
| |
| }
| |
|
| |
| .infobox-title, .infobox-footer {
| |
| text-align: center;
| |
| color: #fffcf2;
| |
| font-family: 'Metamorphous',serif;
| |
| background-color: #deb975;
| |
| font-size:1.25rem;
| |
| padding:10px 15px;
| |
| display:block;
| |
| max-width:100%;
| |
| font-weight:normal;
| |
| } | | } |
|
| |
|
| .infobox-title a, .infobox-title a:visited, .infobox-footer a, .infobox-footer a:visited { | | /* not strictly certain these styles are necessary |
| color: #242422 !important;
| | * just replicating the module faithfully |
| }
| | */ |
|
| | .infobox-subbox { |
| .infobox-image {
| | padding: 0; |
| text-align: center;
| | border: none; |
| padding: 0;
| | margin: -3px; |
| margin-top: 8px;
| | width: auto; |
| | min-width: 100%; |
| | font-size: 100%; |
| | clear: none; |
| | float: none; |
| | background-color: transparent; |
| } | | } |
|
| |
|
| .infobox-caption { | | .infobox-header, |
| font-size:.85em; background:#fffcf2; color:#474440; width:100%;padding:10px; text-align:center; | | .infobox-label, |
| | .infobox-above, |
| | .infobox-full-data, |
| | .infobox-data, |
| | .infobox-below, |
| | .infobox-subheader, |
| | .infobox-image, |
| | .infobox-navbar, |
| | /* Remove element declaration when both a) infobox3cols is migrated and |
| | * b) when every .infobox thing is using the standard module/templates */ |
| | .infobox th, |
| | .infobox td { |
| | vertical-align: top; |
| } | | } |
|
| |
|
| .infobox th { | | .infobox-label, |
| text-align: right;
| | .infobox-data, |
| vertical-align: top;
| | /* Remove element declaration when both a) infobox3cols is migrated and |
| width: 120px;
| | * b) when every .infobox thing is using the standard module/templates */ |
| }
| | .infobox th, |
| .infobox td { | | .infobox td { |
| vertical-align: middle;
| | /* @noflip */ |
| | text-align: left; |
| } | | } |
|
| |
|
| .infobox td.row_summary { | | /* remove .infobox when th, td above are removed */ |
| font-weight: normal; | | .infobox .infobox-above, |
| padding: 15px 15px;
| | .infobox .infobox-title, |
| line-height: 1.5em;
| | /* Remove element declaration when both a) infobox3cols is migrated and |
| | * b) when every .infobox thing is using the standard module/templates */ |
| | .infobox caption { |
| | font-size: 125%; |
| | font-weight: bold; |
| | text-align: center; |
| } | | } |
|
| |
|
| .infobox table tr th, table tr td { | | .infobox-title, |
| font-size: 0.9rem;
| | /* Remove element declaration when both a) infobox3cols is migrated and |
| padding: .25rem .5rem;
| | * b) when every .infobox thing is using the standard module/templates */ |
| text-align: left;
| | .infobox caption { |
| }
| | padding: 0.2em; |
|
| |
| table tr th.row_header {
| |
| color: #fffcf2;
| |
| font-family: 'Metamorphous',serif;
| |
| background-color: #deb975;
| |
| font-size:1.15em;
| |
| padding:10px 0px;
| |
| text-align: center !important;
| |
| }
| |
| | |
| table tr th.infobox-label{
| |
| text-align: left;
| |
| text-transform: uppercase;
| |
| font-weight: bold;
| |
| font-size: .9em;
| |
| line-height: 1.25em;
| |
| color: #deb975;
| |
| background-color:#474440;
| |
| vertical-align: middle;
| |
| width:47%;
| |
| }
| |
| | |
| | |
| /* INFOBOX STYLING, CAPIUNTO */ | |
| .mw-capiunto-infobox { | |
| border: 2px solid #242422;
| |
| background-color: #f9f9f9;
| |
| color: #000;
| |
| margin: 0 0 2rem 2rem;
| |
| padding: 0.2em; | |
| float: right;
| |
| clear: left;
| |
| text-align: left;
| |
| font-size: 88%;
| |
| line-height: 1.5em;
| |
| border-spacing: 3px;
| |
| width: 20em;
| |
| }
| |
| .mw-capiunto-infobox-top {
| |
| background: #deb975 !important;
| |
| color: #FFF;
| |
| font-family: Metamorphous, serif;
| |
| line-height: 1.25em;
| |
| padding: 15px 0px;
| |
| }
| |
| | |
| /*.mw-capiunto-infobox-header, .mw-capiunto-infobox-bottom {
| |
| text-align: center;
| |
| color: #fffcf2;
| |
| font-family: 'Metamorphous',serif;
| |
| background-color: #242422;
| |
| font-size:1.25em;
| |
| padding:15px 0px;
| |
| }*/
| |
| | |
| .mw-capiunto-infobox-header, .mw-capiunto-infobox-bottom {
| |
| text-align: center;
| |
| color: #fffcf2;
| |
| font-family: 'Metamorphous',serif;
| |
| background-color: #deb975;
| |
| font-size: 1.25em;
| |
| padding: 15px 0;
| |
| } | | } |
|
| |
|
| .mw-capiunto-infobox-spanning { | | /* remove .infobox when th, td above are removed */ |
| text-align: center;
| | .infobox .infobox-header, |
| color:#ccc6b8;
| | .infobox .infobox-subheader, |
| font-family:'Open Sans', sans-serif;
| | .infobox .infobox-image, |
| background-color:#fffcf2;
| | .infobox .infobox-full-data, |
| font-size:.70em;
| | .infobox .infobox-below { |
| }
| |
| | |
| .mw-capiunto-infobox-label { | |
| text-align: left;
| |
| text-transform: uppercase;
| |
| font-weight: bold;
| |
| font-size: .9em;
| |
| line-height: 1.25em;
| |
| color: #deb975;
| |
| }
| |
| | |
| .mw-capiunto-infobox table tr th, table tr td { | |
| font-size: .80rem;
| |
| padding: .45rem .5rem .35rem;
| |
| text-align: left;
| |
| line-height: 1.15rem;
| |
| }
| |
| | |
| .mw-capiunto-infobox tbody tr:nth-child(odd){ | |
| background-color: #fffcf2;
| |
| /*background-color: #ccc6b8; */
| |
| | |
| }
| |
| | |
| /* WEATHER GRID STYLING */
| |
| .weather-grid-container { | |
| display: flex;
| |
| justify-content: center;
| |
| max-width:1050px;
| |
| }
| |
| | |
| .weather-grid { | |
| width: 100%;
| |
| display: flex;
| |
| justify-content: space-around;
| |
| flex-wrap:wrap;
| |
| }
| |
| | |
| .weather-grid-item {
| |
| width: 100px;
| |
| margin-bottom: 1.875rem;
| |
| border: 4px double #deb975;
| |
| padding: 1.25rem 0 0 0;
| |
| color:#474440;
| |
| text-align:center;
| |
| /* height: 320px;*/
| |
| flex-direction:row;
| |
| align-items: left;
| |
| background-color:#fffcf2;
| |
| }
| |
|
| |
| /* INSIDE THE CARD STYLES */
| |
| .weather img {
| |
| text-align:center;
| |
| margin: 0.9375rem 0 0 0;
| |
| vertical-align:middle;
| |
| max-width:80%;
| |
| }
| |
|
| |
| div.weather-grid-item > h1 {
| |
| color:#474440 !important;
| |
| }
| |
| h1.card {
| |
| color: #474440;
| |
| text-align: center;
| |
| font-size: 2.35em;
| |
| /* margin-top: 20px;*/
| |
| }
| |
|
| |
| .date{
| |
| margin:0 auto;
| |
| padding:0.625rem;
| |
| text-align: center; | | text-align: center; |
| color: #fffcf2;
| |
| background:#deb975;
| |
| width:100%;
| |
| }
| |
|
| |
| .kingdom{
| |
| display:none;
| |
| /*position: relative;
| |
| color: #c84e25;
| |
| top:25px;
| |
| text-align:center;
| |
| text-transform:uppercase;
| |
| font-size:.9em;*/
| |
| }
| |
|
| |
| .moon {
| |
| width:100%;
| |
| background:#fffcf2;
| |
| min-height:30px;
| |
| margin-top:0px;
| |
| margin-bottom:1.25rem !important;
| |
| }
| |
|
| |
| .card .list-inline {
| |
| padding-left: 0;
| |
| margin-left: -3px !important;
| |
| list-style-type: none;
| |
| }
| |
|
| |
| .date h3 {
| |
| font-size:3em;
| |
| } | | } |
|
| |
|
| .card h3{ | | /* remove .infobox when th, td above are removed */ |
| margin: 0 !important;
| | .infobox .infobox-navbar { |
| | /* @noflip */ |
| | text-align: right; |
| } | | } |
|
| |
|
| .card ul>li{ | | .infobox.bordered { |
| width:100%;
| | border-collapse: collapse; |
| max-width:100%;
| |
| font-size: 1.0em;
| |
| color: #c84e25;
| |
| }
| |
|
| |
| .benea {
| |
| max-width: 35%; | |
| width: 35%;
| |
| position: relative;
| |
| z-index: 0;
| |
| margin-top: -1.25rem;
| |
| margin-left: -0.9375rem;
| |
| }
| |
|
| |
| .osa {
| |
| max-width: 1.5%;
| |
| width: 20%;
| |
| position: absolute;
| |
| z-index: 20;
| |
| margin-top: -0.9375rem;
| |
| }
| |
|
| |
| .read-threads {
| |
| display: inline-block;
| |
| font-size: .85em;
| |
| width: 100%;
| |
| margin: 0 auto;
| |
| background-color: #fffcf2;
| |
| padding: 3px;
| |
| color: #c84e25;
| |
| } | | } |
|
| |
| .read-threads a {
| |
| color:#c84e25;
| |
| text-decoration:none;
| |
| }
| |
|
| |
| .read-threads a:active {
| |
| color:#fffcf2;
| |
| text-decoration:none;
| |
| }
| |
|
| |
| .read-threads a:visited {
| |
| color:#c84e25;
| |
| text-decoration:none;
| |
| }
| |
|
| |
| .read-threads a:hover {
| |
| color:#deb975;
| |
| text-decoration:none;
| |
| }
| |
|
| |
|
| /* THORNS BUTTON STYLES */ | | /* TODO split definitions to appropriate class names when live from HTML element */ |
| .thorns-flex-container{ | | .infobox.bordered td, |
| display:flex;
| | .infobox.bordered th { |
| align-content:space-between;
| | border: 1px solid #a2a9b1; |
| flex-direction:row;
| |
| flex-wrap:wrap;
| |
| flex-basis: auto;
| |
| justify-content:space-evenly;
| |
| }
| |
|
| |
| .thorns-button > a { | |
| display: block;
| |
| background-color: #474440;
| |
| color: #fffcf2;
| |
| padding: .75rem 1.25rem;
| |
| border: 4px solid #cec0aa;
| |
| margin: 3px;
| |
| font-family: 'Metamorphous',serif;
| |
| font-size: 0.9em;
| |
| text-align: center;
| |
| text-decoration: none;
| |
| } | | } |
|
| |
|
| .thorns-button > a:hover { | | /* TODO split definitions to appropriate class names when live from HTML element */ |
| text-decoration:none;
| | .infobox.bordered .borderless td, |
| background-color:#fffcf2;
| | .infobox.bordered .borderless th { |
| color: #c84e25;
| | border: 0; |
| border: 4px solid #deb975; | |
| } | | } |
|
| |
|
| .thorns-button > a:active { | | /* styles for bordered infobox with merged rows */ |
| text-decoration:none;
| | /* TODO split definitions to appropriate class names when live from HTML element */ |
| | .infobox.bordered .mergedtoprow td, |
| | .infobox.bordered .mergedtoprow th { |
| | border: 0; |
| | border-top: 1px solid #a2a9b1; |
| | /* @noflip */ |
| | border-right: 1px solid #a2a9b1; |
| } | | } |
|
| |
|
| .thorns-button > a:visited { | | /* TODO split definitions to appropriate class names when live from HTML element */ |
| text-decoration:none;
| | .infobox.bordered .mergedrow td, |
| | .infobox.bordered .mergedrow th { |
| | border: 0; |
| | /* @noflip */ |
| | border-right: 1px solid #a2a9b1; |
| } | | } |
|
| |
|
| .thorns-button2 > a {
| | /* Normal font styling for wikitable row headers with scope="row" tag */ |
| display: block;
| | .wikitable.plainrowheaders th[scope=row] { |
| background-color: #fffcf2;
| | font-weight: normal; |
| color: #fffcf2;
| |
| font-size: 0.95em;
| |
| padding: 1rem 0rem;
| |
| border: 4px double #deb975;
| |
| font-family: 'Metamorphous',serif;
| |
| text-transform: uppercase;
| |
| text-align: center;
| |
| text-decoration: none;
| |
| width: 250px;
| |
| color: #c84e25;
| |
| flex:1;
| |
| margin:5px 0px;
| |
| }
| |
| | |
| .thorns-button2 > a:hover {
| |
| text-decoration:none;
| |
| background-color:#deb975;
| |
| color: #fffcf2;
| |
| border: 4px double #fffcf2;
| |
| }
| |
| | |
| .thorns-button2 > a:active {
| |
| text-decoration:none;
| |
| }
| |
| | |
| .thorns-button2-inactive {
| |
| display: block;
| |
| background-color: #ccc6b8;
| |
| color: #242422 !important;
| |
| border: 4px solid #fffcf2;
| |
| font-size: 1rem;
| |
| padding: 1rem;
| |
| margin: 5px;
| |
| font-family: 'Metamorphous',serif;
| |
| font-size: 1em;
| |
| text-align: center;
| |
| text-decoration: none;
| |
| width: 100%;
| |
| }
| |
| | |
| /* WEATHER ALMANAC BUTTONS */ | |
| .weather-flex-container {
| |
| display: flex;
| |
| align-content: space-between;
| |
| flex-direction: row;
| |
| flex-wrap: wrap;
| |
| flex-basis: auto;
| |
| margin-bottom:30px;
| |
| }
| |
| | |
| .weather-display > a {
| |
| display: block;
| |
| background-color: #fffcf2;
| |
| color: #c84e25;
| |
| border: 4px solid #deb975;
| |
| font-size: 1rem;
| |
| padding: 1.75rem 0px;
| |
| margin: 5px;
| |
| font-family: 'Metamorphous',serif;
| |
| font-size: 1.35em;
| |
| text-align: center;
| |
| text-decoration: none;
| |
| width: 100%;
| |
| }
| |
| | |
| .weather-display-inactive {
| |
| display: block;
| |
| background-color: #ccc6b8;
| |
| color: #242422 !important;
| |
| border: 4px solid #fffcf2;
| |
| font-size: 1rem;
| |
| padding: 1.75rem 0px;
| |
| margin: 5px;
| |
| font-family: 'Metamorphous',serif;
| |
| font-size: 1.35em;
| |
| text-align: center;
| |
| text-decoration: none;
| |
| width: 100%;
| |
| }
| |
| | |
| .weather-display > a:hover {
| |
| text-decoration: none;
| |
| /*background-color: #ccc6b8;
| |
| color: #242422 !important;
| |
| border: 4px solid #fffcf2;*/
| |
| background-color: #deb975;
| |
| color: #fffcf2 !important;
| |
| border: 4px solid #fffcf2;
| |
| }
| |
| | |
| .weather-display > a:visited { | |
| text-decoration: none;
| |
| }
| |
| | |
| /* NAVBOX */
| |
| .navbox { | |
| background-color: #fffcf2;
| |
| color: #201b13;
| |
| width:100%;
| |
| }
| |
| | |
| table.navbox {
| |
| width:100%;
| |
| font-size:.85em; | |
| }
| |
| | |
| .navbox > tr {
| |
| background-color: #fffcf2 !important;
| |
| }
| |
| | |
| .navbox > td {
| |
| background-color: #474440 !important;
| |
| }
| |
| | |
| .navbox-abovebelow {
| |
| color: #242422;
| |
| }
| |
| | |
| #collapsibleTable0 a:link, #collapsibleTable0 a:visited, .navbox a:link, .navbox a:visited {
| |
| color: #474440 !important;
| |
| text-decoration:none;
| |
| }
| |
| | |
| #collapsibleTable0 a:hover, .navbox a:hover, .navbox .mw-selflink a:hover {
| |
| color: #c84e25;
| |
| text-decoration:none;
| |
| }
| |
| | |
| a.selflink:link, a.selflink:visited {
| |
| color:#c84e25 !important;
| |
| text-decoration: none;
| |
| }
| |
| | |
| a.selflink:hover {
| |
| color:#deb975;
| |
| text-decoration:none;
| |
| }
| |
| | |
| .navbox-title {
| |
| background: #deb975;
| |
| color: #fffcf2;
| |
| text-align: center;
| |
| font-family: 'Metamorphous',serif;
| |
| font-size: .8em;
| |
| text-transform: uppercase;
| |
| font-weight: bold; | |
| }
| |
| | |
| .navbox-group {
| |
| background-color:#474440;
| |
| color:#fffcf2;
| |
| width: 20%;
| |
| font-family: 'Metamorphous',serif;
| |
| text-transform: uppercase;
| |
| font-size: .75em;
| |
| }
| |
| | |
| .navbox-list ul {
| |
| display: inline-block;
| |
| list-style-type: disc;
| |
| }
| |
| | |
| .navbox-list li {
| |
| display: inline-block !important;
| |
| margin-right: 10px;
| |
| }
| |
| | |
| .id-badge {
| |
| display:inline-block;
| |
| font-size:.85em;
| |
| width:100%;
| |
| margin:0 auto;
| |
| background-color:#deb975;
| |
| padding:10px;
| |
| color:#fffcf2;
| |
| text-align:center;
| |
| }
| |
|
| |
| .id-badge a {
| |
| color:#fffcf2;
| |
| text-decoration:none;
| |
| }
| |
|
| |
| .id-badge a:active {
| |
| color:#c84e25;
| |
| text-decoration:none;
| |
| }
| |
|
| |
| .id-badge a:visited {
| |
| color:#fffcf2;
| |
| text-decoration:none;
| |
| }
| |
|
| |
| .id-badge a:hover {
| |
| color:#c84e25;
| |
| text-decoration:none;
| |
| }
| |
|
| |
| /* Standard Navigationsleisten, aka box hiding thingy
| |
| from .de. Documentation at [[Wikipedia:NavFrame]]. */
| |
| div.NavFrame {
| |
| margin-bottom:8px;
| |
| padding: 2px;
| |
| text-align: center;
| |
| border-collapse: collapse;
| |
| font-size: 95%;
| |
| background: #fffcf2;
| |
| color: #c84e25;
| |
| }
| |
| | |
| div.NavFrame + div.NavFrame {
| |
| border-top-style: none;
| |
| border-top-style: hidden;
| |
| }
| |
| div.NavPic {
| |
| background-color: #fffcf2;
| |
| margin: 0;
| |
| padding: 2px;
| |
| /* @noflip */ | | /* @noflip */ |
| float: left; | | text-align: left; |
| }
| |
| div.NavFrame div.NavHead {
| |
| line-height: 2.15em;
| |
| font-weight: normal;
| |
| background-color: #deb975;
| |
| position: relative;
| |
| color: #fffcf2;
| |
| font-family: 'Metamorphous',serif;
| |
| text-transform: uppercase;
| |
| font-size: .8em;
| |
| } | | } |
|
| |
|
| div.NavFrame p,
| | /* Lists in wikitable data cells are always left-aligned */ |
| div.NavFrame div.NavContent,
| | .wikitable td ul, |
| div.NavFrame div.NavContent p {
| | .wikitable td ol, |
| font-size: 100%;
| | .wikitable td dl { |
| }
| |
| div.NavEnd {
| |
| margin: 0;
| |
| padding: 0;
| |
| line-height: 1px;
| |
| clear: both;
| |
| }
| |
| a.NavToggle {
| |
| /* @noflip */ | | /* @noflip */ |
| position: absolute; | | text-align: left; |
| top: 0;
| |
| right: 3px;
| |
| font-weight: normal;
| |
| font-size: 90%;
| |
| color: #fffcf2;
| |
| } | | } |
|
| |
|
| .client-js .NavFrame.collapsed > .NavContent { | | /* ...unless they also use the hlist class */ |
| display: none; | | .toc.hlist ul, |
| | #toc.hlist ul, |
| | .wikitable.hlist td ul, |
| | .wikitable.hlist td ol, |
| | .wikitable.hlist td dl { |
| | text-align: inherit; |
| } | | } |
|
| |
|
| span.collapseButton {
| | /* Fix for hieroglyphs specificity issue in infoboxes ([[phab:T43869]]) */ |
| float:right; | | table.mw-hiero-table td { |
| | vertical-align: middle; |
| } | | } |
|
| |
|
| span.collapseButton > a{
| | /* Change the external link icon to an Adobe icon for all PDF files */ |
| color:#fffcf2;
| | .mw-parser-output a[href$=".pdf"].external, |
| }
| | .mw-parser-output a[href*=".pdf?"].external, |
| | | .mw-parser-output a[href*=".pdf#"].external, |
| span.collapseButton > a:hover{
| | .mw-parser-output a[href$=".PDF"].external, |
| color:#fffcf2;
| | .mw-parser-output a[href*=".PDF?"].external, |
| }
| | .mw-parser-output a[href*=".PDF#"].external { |
| | | background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right; |
| span.collapseButton > a:visited{
| | /* @noflip */ |
| color:#fffcf2;
| | padding-right: 18px; |
| }
| |
| | |
| | |
| /* ACCORDION */ | |
| /*
| |
| *
| |
| * Author: Michael Raffaele <michael@mraffaele.com>
| |
| * Date: 25th October 2011
| |
| * Info: http://www.mraffaele.com/blog/2011/10/25/css-accordion-no-javascript/
| |
| *
| |
| */
| |
| | |
| /* Shared for all accordion types */
| |
| .accordion { | |
| font-family:Arial, Helvetica, sans-serif;
| |
| margin:0 auto;
| |
| font-size:14px;
| |
| border:1px solid #542437;
| |
| border-radius:10px;
| |
| width:600px;
| |
| padding:10px;
| |
| background:#fffcf2;
| |
| }
| |
| .accordion ul {
| |
| list-style:none;
| |
| margin:0;
| |
| padding:0;
| |
| }
| |
| .accordion li {
| |
| margin:0;
| |
| padding:0;
| |
| }
| |
| .accordion [type=radio], .accordion [type=checkbox] {
| |
| display:none;
| |
| }
| |
| .accordion label { | |
| display:block;
| |
| font-size:16px;
| |
| line-height:16px;
| |
| background:#D95B43;
| |
| border:1px solid #542437;
| |
| color:#542437;
| |
| text-shadow:1px 1px 1px rgba(255,255,255,0.3);
| |
| font-weight:700;
| |
| cursor:pointer;
| |
| text-transform:uppercase;
| |
| -webkit-transition: all .2s ease-out;
| |
| -moz-transition: all .2s ease-out;
| |
| }
| |
| .accordion ul li label:hover, .accordion [type=radio]:checked ~ label, .accordion [type=checkbox]:checked ~ label {
| |
| background:#C02942;
| |
| color:#fffcf2;
| |
| text-shadow:1px 1px 1px rgba(0,0,0,0.5)
| |
| }
| |
| .accordion .content { | |
| padding:0 10px;
| |
| overflow:hidden;
| |
| border:1px solid #fffcf2; /* Make the border match the background so it fades in nicely */
| |
| -webkit-transition: all .5s ease-out;
| |
| -moz-transition: all .5s ease-out;
| |
| }
| |
| .accordion p {
| |
| color:#333;
| |
| margin:0 0 10px;
| |
| }
| |
| .accordion h3 {
| |
| color:#542437;
| |
| padding:0;
| |
| margin:10px 0;
| |
| }
| |
| | |
| .container-flex {
| |
| max-width: 100%;
| |
| margin: 0 auto;
| |
| padding: 0;
| |
| }
| |
| | |
| .row-flex {
| |
| display: -webkit-box;
| |
| /* OLD - iOS 6-, Safari 3.1-6 */
| |
| display: -moz-box;
| |
| /* OLD - Firefox 19 */
| |
| display: -ms-flexbox;
| |
| /* TWEENER - IE 10 */
| |
| display: -webkit-flex;
| |
| /* NEW - Chrome */
| |
| display: flex;
| |
| /* NEW - Opera 12.1, Firefox 20+ */
| |
| flex-wrap:wrap;
| |
| }
| |
| | |
| [class*="c-"] { | |
| margin-right: .5em;
| |
| margin-bottom: .5em;
| |
| text-align: center;
| |
| line-height: 1.15em;
| |
| background-color:#fffcf2;
| |
| border: 4px double #deb975;
| |
| color:#474440;
| |
| text-align:center;
| |
| background-color:#fffcf2;
| |
| }
| |
| | |
| [class*="c-"]:last-child { | |
| margin-right: 0;
| |
| }
| |
| | |
| .c-1 {
| |
| -webkit-box-flex: 1;
| |
| /* OLD - iOS 6-, Safari 3.1-6 */
| |
| -moz-box-flex: 1;
| |
| /* OLD - Firefox 19- */
| |
| -webkit-flex: 1;
| |
| /* Chrome */
| |
| -ms-flex: 1;
| |
| /* IE 10 */
| |
| flex: 1;
| |
| width: 100%;
| |
| min-width:220px;
| |
| max-width:220px;
| |
| /* Old syntax, otherwise collapses. */
| |
| }
| |
| | |
| .c-2 {
| |
| -webkit-box-flex: 2;
| |
| /* OLD - iOS 6-, Safari 3.1-6 */
| |
| -moz-box-flex: 2;
| |
| /* OLD - Firefox 19- */
| |
| -webkit-flex: 2;
| |
| /* Chrome */
| |
| -ms-flex: 2;
| |
| /* IE 10 */
| |
| flex: 2;
| |
| width: 50%;
| |
| /* Old syntax, otherwise collapses. */
| |
| }
| |
| | |
| .c-3 { | |
| -webkit-box-flex: 3;
| |
| /* OLD - iOS 6-, Safari 3.1-6 */
| |
| -moz-box-flex: 3;
| |
| /* OLD - Firefox 19- */
| |
| -webkit-flex: 3;
| |
| /* Chrome */
| |
| -ms-flex: 3;
| |
| /* IE 10 */
| |
| flex: 3;
| |
| width: 33.33333%;
| |
| /* Old syntax, otherwise collapses. */
| |
| }
| |
| | |
| .c-4 { | |
| -webkit-box-flex: 4;
| |
| /* OLD - iOS 6-, Safari 3.1-6 */
| |
| -moz-box-flex: 4;
| |
| /* OLD - Firefox 19- */
| |
| -webkit-flex: 4;
| |
| /* Chrome */
| |
| -ms-flex: 4;
| |
| /* IE 10 */
| |
| flex: 4;
| |
| width: 25%;
| |
| /* Old syntax, otherwise collapses. */
| |
| }
| |
| | |
| .c-5 { | |
| -webkit-box-flex: 5;
| |
| /* OLD - iOS 6-, Safari 3.1-6 */
| |
| -moz-box-flex: 5;
| |
| /* OLD - Firefox 19- */
| |
| -webkit-flex: 5;
| |
| /* Chrome */
| |
| -ms-flex: 5;
| |
| /* IE 10 */
| |
| flex: 5;
| |
| width: 20%;
| |
| /* Old syntax, otherwise collapses. */
| |
| }
| |
| | |
| .c-6 { | |
| -webkit-box-flex: 6;
| |
| /* OLD - iOS 6-, Safari 3.1-6 */
| |
| -moz-box-flex: 6;
| |
| /* OLD - Firefox 19- */
| |
| -webkit-flex: 6;
| |
| /* Chrome */
| |
| -ms-flex: 6;
| |
| /* IE 10 */
| |
| flex: 6;
| |
| width: 16.66667%;
| |
| /* Old syntax, otherwise collapses. */
| |
| }
| |
| | |
| .c-7 {
| |
| -webkit-box-flex: 7;
| |
| /* OLD - iOS 6-, Safari 3.1-6 */
| |
| -moz-box-flex: 7;
| |
| /* OLD - Firefox 19- */
| |
| -webkit-flex: 7;
| |
| /* Chrome */
| |
| -ms-flex: 7;
| |
| /* IE 10 */
| |
| flex: 7;
| |
| width: 14.28571%;
| |
| /* Old syntax, otherwise collapses. */
| |
| }
| |
| | |
| .c-8 {
| |
| -webkit-box-flex: 8;
| |
| /* OLD - iOS 6-, Safari 3.1-6 */
| |
| -moz-box-flex: 8;
| |
| /* OLD - Firefox 19- */
| |
| -webkit-flex: 8;
| |
| /* Chrome */
| |
| -ms-flex: 8;
| |
| /* IE 10 */
| |
| flex: 8;
| |
| width: 12.5%;
| |
| /* Old syntax, otherwise collapses. */
| |
| }
| |
| | |
| .c-9 {
| |
| -webkit-box-flex: 9;
| |
| /* OLD - iOS 6-, Safari 3.1-6 */
| |
| -moz-box-flex: 9;
| |
| /* OLD - Firefox 19- */
| |
| -webkit-flex: 9;
| |
| /* Chrome */
| |
| -ms-flex: 9;
| |
| /* IE 10 */
| |
| flex: 9;
| |
| width: 11.11111%;
| |
| /* Old syntax, otherwise collapses. */
| |
| }
| |
| | |
| .c-10 {
| |
| -webkit-box-flex: 10;
| |
| /* OLD - iOS 6-, Safari 3.1-6 */
| |
| -moz-box-flex: 10;
| |
| /* OLD - Firefox 19- */
| |
| -webkit-flex: 10;
| |
| /* Chrome */
| |
| -ms-flex: 10;
| |
| /* IE 10 */
| |
| flex: 10;
| |
| width: 10%;
| |
| /* Old syntax, otherwise collapses. */
| |
| }
| |
| | |
| .c-11 {
| |
| -webkit-box-flex: 11;
| |
| /* OLD - iOS 6-, Safari 3.1-6 */
| |
| -moz-box-flex: 11;
| |
| /* OLD - Firefox 19- */
| |
| -webkit-flex: 11;
| |
| /* Chrome */
| |
| -ms-flex: 11;
| |
| /* IE 10 */
| |
| flex: 11;
| |
| width: 9.09091%;
| |
| /* Old syntax, otherwise collapses. */
| |
| }
| |
| | |
| .c-12 {
| |
| -webkit-box-flex: 12;
| |
| /* OLD - iOS 6-, Safari 3.1-6 */
| |
| -moz-box-flex: 12;
| |
| /* OLD - Firefox 19- */
| |
| -webkit-flex: 12;
| |
| /* Chrome */
| |
| -ms-flex: 12;
| |
| /* IE 10 */
| |
| flex: 12;
| |
| width: 8.33333%;
| |
| /* Old syntax, otherwise collapses. */
| |
| }
| |
| | |
| @media screen and (max-width: 600px) {
| |
| .row {
| |
| display: block;
| |
| width: 100%;
| |
| }
| |
|
| |
| .c-1 {
| |
| -webkit-box-flex: 1;
| |
| -moz-box-flex: 1;
| |
| -webkit-flex: 1;
| |
| -ms-flex: 1;
| |
| flex: 1;
| |
| max-width: 100%;
| |
| /*min-width: 220px;*/
| |
| /*max-width:220px;*/
| |
| }
| |
| }
| |
| /* Housekeeping */
| |
| | |
| *, *:before, *:after {
| |
| -moz-box-sizing: border-box;
| |
| -webkit-box-sizing: border-box;
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
| .weather-new img {
| |
| text-align:center;
| |
| margin: 0.9375rem 0 0 0;
| |
| vertical-align:middle;
| |
| max-width:90%;
| |
| }
| |
|
| |
| div.weather-grid-item-new > h1 {
| |
| color:#474440 !important;
| |
| }
| |
| h1.card-new {
| |
| color: #474440;
| |
| text-align: center;
| |
| font-size: 2.35em; | |
| /* margin-top: 20px;*/ | |
| }
| |
|
| |
| .date-new, .date-new > p {
| |
| margin: 0 auto;
| |
| padding: 0.625rem;
| |
| text-align: center;
| |
| color: #fffcf2;
| |
| background: #deb975;
| |
| width: 100%;
| |
| /* font-weight: bold; */
| |
| font-family: 'Metamorphous',serif;
| |
| letter-spacing: .10rem;
| |
| font-size: 1.25rem;
| |
| text-transform:uppercase;
| |
| }
| |
|
| |
| .moon-new {
| |
| width: 95%;
| |
| background: #fffcf2;
| |
| min-height: 30px;
| |
| margin:1.5rem auto 0.25rem auto;
| |
| }
| |
|
| |
| .date-new h3 {
| |
| font-size:3em;
| |
| }
| |
| | |
| .card-new h3{
| |
| margin: 0 !important;
| |
| }
| |
| | |
| .card-new ul>li{
| |
| width:100%;
| |
| max-width:100%;
| |
| font-size: 1.0em;
| |
| color: #c84e25;
| |
| }
| |
|
| |
| .benea-new {
| |
| max-width: 30%;
| |
| width: 30%;
| |
| position: relative;
| |
| z-index: 0;
| |
| margin-top: -1.25rem;
| |
| margin-left: 0;
| |
| }
| |
|
| |
| .osa-new {
| |
| max-width: 20%;
| |
| width: 20%;
| |
| position: relative;
| |
| z-index: 20;
| |
| margin-top: -1em;
| |
| }
| |
|
| |
| .read-threads-new {
| |
| display: inline-block;
| |
| font-size: .85rem;
| |
| width: 100%;
| |
| margin: 0 auto;
| |
| background-color: #deb975;
| |
| padding: 3px;
| |
| color: #fffcf2;
| |
| /* letter-spacing: .05rem; */
| |
| font-family: 'Railway', sans-serif;
| |
| }
| |
|
| |
| .read-threads-new a {
| |
| color:#fffcf2;
| |
| text-decoration:none;
| |
| }
| |
|
| |
| .read-threads-new a:active {
| |
| color:#fffcf2;
| |
| text-decoration:none;
| |
| }
| |
|
| |
| .read-threads a:visited {
| |
| color:#fffcf2;
| |
| text-decoration:none;
| |
| }
| |
|
| |
| .read-threads-new a:hover {
| |
| color:#c84e25;
| |
| text-decoration:none;
| |
| }
| |
|
| |
| .info {
| |
| background-color: #403c39; | |
| color: #FFF;
| |
| width: 100%;
| |
| padding: 5px 0;
| |
| margin-top: -15px;
| |
| font-family: 'Railway',sans-serif;
| |
| /* font-size: .75em;*/
| |
| text-transform:normal;
| |
| }
| |
|
| |
| .rain {
| |
| max-width: 50%;
| |
| display: inline-block;
| |
| float: left;
| |
| margin: 0 10px;
| |
| }
| |
| .wind {
| |
| max-width: 50%;
| |
| display: inline-block;
| |
| margin: 0 10px 0 20px;
| |
| }
| |
| | |
| p.weather-text {
| |
| display: inline-block;
| |
| width: 100%;
| |
| padding: 3px 0;
| |
| text-align: center;
| |
| border-bottom: 1px solid #403c39;
| |
| font-size: 1.0em;
| |
| font-style: italic;
| |
| margin-bottom: 0;
| |
| }
| |
|
| |
| .temp-display-1 {
| |
| width:45%;
| |
| display:inline-block;
| |
| border-right:1px solid #474440;
| |
| }
| |
|
| |
| .temp-display-2 {
| |
| width:45%; display:inline-block;
| |
| }
| |
|
| |
| .temp-title {
| |
| font-size:.85em;
| |
| margin-bottom:-20px;
| |
| letter-spacing:.25em;
| |
| font-family:sans-serif;
| |
| text-align:center;
| |
| text-transform:uppercase;
| |
| }
| |
| .temperature {
| |
| color: #474440;
| |
| text-align: center;
| |
| font-size: 2.25em;
| |
| font-weight: bold;
| |
| line-height: 2em;
| |
| }
| |
|
| |
| /*
| |
| * 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.
| |
| * Used in [[Template:TOC]]
| |
| */
| |
| .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;
| |
| } | | } |