|
|
| Line 324: |
Line 324: |
| vertical-align: middle; | | vertical-align: middle; |
| width:47%; | | width:47%; |
| }
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| 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 {
| |
| display: block;
| |
| padding: 8px 20px;
| |
| margin-bottom: 10px;
| |
| margin-top: 30px;
| |
| background: #deb975;
| |
| color: #242422 !important;
| |
| border: none !important;
| |
| max-width: 100%;
| |
| /*max-height: 50px;*/
| |
| }
| |
|
| |
| .mw-content-ltr h4 {
| |
| padding-left: 10px;
| |
| 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 {
| |
| color:#463f3a;
| |
| text-decoration:none;
| |
| }
| |
|
| |
| .mw-headline .mw-editsection > a:hover {
| |
| color:#463f3a;
| |
| text-decoration:none;
| |
| }
| |
|
| |
| .mw-headline .mw-editsection > a:visited {
| |
| color:#463f3a;
| |
| 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 {
| |
| 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 {
| |
| float: right;
| |
| /*border: 2px solid #242422;*/
| |
| background-color: #fffcf2;
| |
| color: #000;
| |
| margin: 2px 0 2rem 2rem;
| |
| clear: left;
| |
| text-align: left;
| |
| font-size: 88%;
| |
| line-height: 1.5em;
| |
| width: 23em;
| |
| 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 {
| |
| color: #242422 !important;
| |
| }
| |
|
| |
| .infobox-image {
| |
| text-align: center;
| |
| padding: 0;
| |
| margin-top: 8px;
| |
| }
| |
|
| |
| .infobox-caption {
| |
| font-size:.85em; background:#fffcf2; color:#474440; width:100%;padding:10px; text-align:center;
| |
| }
| |
|
| |
| .infobox th {
| |
| text-align: right;
| |
| vertical-align: top;
| |
| width: 120px;
| |
| }
| |
| .infobox td {
| |
| vertical-align: middle;
| |
| }
| |
|
| |
| .infobox td.row_summary {
| |
| font-weight: normal;
| |
| padding: 15px 15px;
| |
| line-height: 1.5em;
| |
| }
| |
|
| |
| .infobox table tr th, table tr td {
| |
| font-size: 0.9rem;
| |
| padding: .25rem .5rem;
| |
| text-align: left;
| |
| }
| |
|
| |
| 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 {
| |
| text-align: center;
| |
| color:#ccc6b8;
| |
| font-family:'Open Sans', sans-serif;
| |
| background-color:#fffcf2;
| |
| font-size:.70em;
| |
| }
| |
|
| |
| .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;
| |
| 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{
| |
| margin: 0 !important;
| |
| }
| |
|
| |
| .card ul>li{
| |
| width:100%;
| |
| 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 */
| |
| .thorns-flex-container{
| |
| display:flex;
| |
| align-content:space-between;
| |
| 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 {
| |
| text-decoration:none;
| |
| background-color:#fffcf2;
| |
| color: #c84e25;
| |
| border: 4px solid #deb975;
| |
| }
| |
|
| |
| .thorns-button > a:active {
| |
| text-decoration:none;
| |
| }
| |
|
| |
| .thorns-button > a:visited {
| |
| text-decoration:none;
| |
| }
| |
|
| |
| .thorns-button2 > a {
| |
| display: block;
| |
| background-color: #fffcf2;
| |
| 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 */
| |
| float: 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,
| |
| div.NavFrame div.NavContent,
| |
| div.NavFrame div.NavContent p {
| |
| font-size: 100%;
| |
| }
| |
| div.NavEnd {
| |
| margin: 0;
| |
| padding: 0;
| |
| line-height: 1px;
| |
| clear: both;
| |
| }
| |
| a.NavToggle {
| |
| /* @noflip */
| |
| position: absolute;
| |
| top: 0;
| |
| right: 3px;
| |
| font-weight: normal;
| |
| font-size: 90%;
| |
| color: #fffcf2;
| |
| }
| |
|
| |
| .client-js .NavFrame.collapsed > .NavContent {
| |
| display: none;
| |
| }
| |
|
| |
| span.collapseButton {
| |
| float:right;
| |
| }
| |
|
| |
| span.collapseButton > a{
| |
| color:#fffcf2;
| |
| }
| |
|
| |
| span.collapseButton > a:hover{
| |
| color:#fffcf2;
| |
| }
| |
|
| |
| span.collapseButton > a:visited{
| |
| color:#fffcf2;
| |
| }
| |
|
| |
|
| |
| /* 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;
| |
| } | | } |