No edit summary
No edit summary
Line 1: Line 1:
@font-face {
@font-face {
    font-family: 'robotoregular';
font-family: 'Cabin';
    src: url('/skins/Poncho/fonts/Roboto-Regular-webfont.eot');
src: url('/skins/Poncho/fonts/Cabin-Regular.ttf') format('truetype');
    src: url('/skins/Poncho/fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
font-weight: normal;
        url('/skins/Poncho/fonts/Roboto-Regular-webfont.woff') format('woff'),
font-style: normal;
        url('/skins/Poncho/fonts/Roboto-Regular-webfont.ttf') format('truetype'),
        url('/skins/Poncho/fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
}


body {
body {
    font-family: 'robotoregular';
font-family: 'Cabin';
background-image: url("/skins/Poncho/images/MSP_Challenge_Imagery-Darken.jpg");
background-size: 100% auto;
background-repeat: no-repeat;
font-size: 16px;
color: #055d63;
}
}


#poncho-namespaces {
a {
    display: block;
color: #e68400;
    float: right;
    margin: 15px 0px 0px 0px;
    padding: 0;
    font-size: small;
}
}


#firstHeading {
#poncho-menu .poncho-menu-item a.active, #poncho-menu .poncho-menu-item a:hover  {
    margin: 2px 0 .5em 0;
color: #e68400 !important;
    padding-top: 10px;
    line-height: 3;
    font-size: 1.6em;
    border-bottom: 0;
}
}


#poncho-content-wrapper {
#poncho-menu .poncho-menu-item:hover {
    margin: auto;
background: unset !important;
    background: rgba(255,255,255,0.7);
    padding: 0px 30px 30px 30px;
}
}


#poncho-header-wrapper {
#poncho-header-wrapper {
    background-color: #555555 !important;
height: 66px;
    padding: 0;
margin-top: 25px;
    border: none;
padding: unset !important;
background: linear-gradient(90deg,transparent,#fff 65%);
border: unset !important;
}
}


#content {
#poncho-header {
    background: none !important;
background: unset !important;
    width: 100% !important;
    padding: 0 !important;
}
}


.poncho-menu-icon {
#poncho-logo-wrapper img {
    opacity: 1 !important;
height: 35px;
margin: 16px 22px;
}
}


#poncho-menu-icon {
#poncho-menu {
    background: url('/skins/Poncho/images/menu_light.png') no-repeat center;
font-weight: 700;
margin: 7px 50px 0 0;
}
}


#poncho-user-icon {
.poncho-menu-item {
    background: url('/skins/Poncho/images/user_light.png') no-repeat center;
margin: 0 10px;
}
}


#poncho-tool-icon {
.poncho-menu-item a {
    background: url('/skins/Poncho/images/tool_light.png') no-repeat center;
margin: unset !important;
padding: 10px;
}
}


#poncho-edit-icon {
#poncho-sidebar-icon-wrapper {
    background: url('/skins/Poncho/images/edit_light.png') no-repeat center;
float: right !important;
}
}


#pt-anonuserpage {
#poncho-sidebar-wrapper {
    font-weight: bold;
height: unset !important;
    color: #fff;
padding: unset !important;
    font-size: 18px;
position: absolute;
    margin: auto;
right: 0;
    margin-left: auto;
background: white;
    margin-right: 5px;
top: 50px;
}
}


//* CSS placed here will be applied to all skins */
#poncho-sidebar-icon {
 
background: unset !important;
/* Infobox template style */
width: unset !important;
 
opacity: unset !important;
.infobox table {border: 1px solid white; color: #f9f9f9}
vertical-align: unset !important;
 
.infobox caption {border: 1px solid white; background-color: #595958; color: #f9f9f9}
 
.infobox a {color: #337ab7}
 
.infobox {
border: 1px solid #ccc;
border-spacing: 3px;
background-color: #eeeeee;
color: #080808;
/* @noflip */
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
font-size: 95%;
line-height: 1.75em;
}
.infobox caption {
font-size: 125%;
font-weight: bold;
padding: 0.2em;
text-align: center;
background: #595958;
border-color: #ccc;
}
}


 
#poncho-search-form-wrapper {
 
margin: 30px;
.infobox td,
.infobox th {
vertical-align: top;
/* @noflipbackground-color: #ccc; */
text-align: left;
  text-indent:10px;
 
}
}


.infobox.bordered {
#poncho-content-wrapper {
border-collapse: collapse;
max-width: unset !important;
}
padding: unset !important;
.infobox.bordered td,
margin: 61px 0 0 0 !important;
.infobox.bordered th {
border: 1px solid #a2a9b1;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
}


.infobox.sisterproject {
#content {
width: 20em;
background: white;
font-size: 90%;
margin: unset !important;
position: relative;
}
}


.infobox.standard-talk {
#bodyContent {
border: 1px solid #c0c090;
padding-top: 15px;
background-color: #f8eaba;
max-width: 1024px;
}
margin: auto;
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
border: 1px solid #c0c090;
}
}


/* styles for bordered infobox with merged rows */
#firstHeading {
.infobox.bordered .mergedtoprow td,
color: white !important;
.infobox.bordered .mergedtoprow th {
margin-top: 125px;
border: 0;
text-align: center;
border-top: 1px solid #a2a9b1;
font-size: 50px;
/* @noflip */
border-right: 1px solid #a2a9b1;
}
 
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
/* @noflip */
border-right: 1px solid #a2a9b1;
}
}


/* Styles for geography infoboxes, eg countries,
#firstSubHeading {
  country subdivisions, cities, etc.            */
text-align: center;
.infobox.geography {
color: white;
border-collapse: collapse;
font-family: "Georgia";
line-height: 1.2em;
  font-style: italic;
font-size: 90%;
font-weight: lighter;
}
 
.infobox.geography td,
.infobox.geography  th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.2em 0.6em;
}
}


.infobox.geography .mergedrow td,
h1, h2, h3, h4, h5, h6 {
.infobox.geography .mergedrow th {
margin: 30px 0 10px 0;
border: 0;
padding: 0 0.6em 0.2em 0.6em;
}
}


.infobox.geography .mergedbottomrow td,
#toc {
.infobox.geography .mergedbottomrow th {
background: #037c7c;
border-top: 0;
border: unset !important;
border-bottom: 1px solid #a2a9b1;
margin: 0 1em;
padding: 0 0.6em 0.4em 0.6em;
padding: 1em;
float: right;
color: white;
max-width: 260px;
}
}


.infobox.geography .maptable td,
#toc .tocnumber, #toc a, #mainpagenavigation tr.body ul li {
.infobox.geography .maptable th {
color: white !important;
border: 0;
padding: 0;
}
}


/********************* manual edits below *********************/
#mainpagenavigation tr.body {
 
background: url("/skins/Poncho/images/MSP_Challenge_Imagery-Blur_and_Darken.jpg");
.hero-image {
    background-image: url(//community.mspchallenge.info/resources/assets/Main_HEADER_002.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
}


.hero-text {
#mainpagenavigation tr.body a {
    text-align: center;
color: white;
    color: white;
    font-size: 24px;
    padding: 50px 0px 50px 0px;
}
}


body {
#mainpagenavigation td, #mainpagenavigation th {
    background-image: url(//community.mspchallenge.info/resources/assets/Main_HEADER_003.jpg);
padding: 1em .5em;
    background-repeat: no-repeat;
vertical-align: top;
    background-attachment: fixed;
    background-size: cover;
    height: 100%;
    margin: 0;
    padding: 0;
}
}


body.tweeki-non-advanced {
#catlinks > div {
  background-image: none !important;
font-size: 16px;
}
}


#content {
#catlinks li a {
    overflow: auto;
  background: unset;
    line-height: 1.5;
  border: unset;
    margin: 0 auto;
  border-radius: unset;
    max-width: 1000px;
  color: #e68400;
    background: rgba(255,255,255,0.7);
  display: unset;
    padding: 0px 30px 30px 30px;
  padding: unset;
    width: 90%
  text-decoration: unset;
  font-size: 16px;
}
}


.hero-text p {
.ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
    padding: 50px 0px 0px 0px;
top: 90px !important;
    margin: 0;
    letter-spacing: 2px;
}
}


#mainpagenavigation th {
.oo-ui-flaggedElement-close .oo-ui-buttonElement-button, .oo-ui-flaggedElement-back .oo-ui-buttonElement-button {
    color: #fff;
  background: unset !important;
    background-color: rgba(85,85,85,1);
  color: unset !important;
    font-weight: 400;
  padding: 10px 12px !important;
    height: 48px;
    text-align: center;
}
}


.wikitable > tr > th, .wikitable > * > tr > th {
.oo-ui-iconElement-icon:not(.oo-ui-icon-previous, .oo-ui-icon-close) {
    background-color: #eaecf0;
  background: none !important;
    text-align: center;
}
}


.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
.oo-ui-actionWidget .oo-ui-buttonElement-button:not(.oo-ui-flaggedElement-close .oo-ui-buttonElement-button, .oo-ui-flaggedElement-back .oo-ui-buttonElement-button) {
    border: 1px solid #a2a9b1;
  background: unset !important;
    padding: 0.2em 0.4em;
  color: unset !important;
  padding: 10px 12px !important;
  border-style: solid !important;
}
}


th {
.oo-ui-buttonElement-button, .oo-ui-inputWidget-input:not(textarea) {
    display: table-cell;
border-radius: 3em !important;
    vertical-align: inherit;
    font-weight: bold;
    text-align: -internal-center;
}
}


#mainpagenavigation {
.oo-ui-buttonElement-button {
    border-collapse: collapse;
border-color: unset !important;
    text-align: left;
border-style: unset !important;
    box-shadow: rgb(0 0 0 / 25%) 0 0 0.75em;
border-width: unset !important;
background: #037c7c !important;
color: #ffffff !important;
padding: 8px 16px !important;
}
}


.wikitable {
.oo-ui-buttonElement-button:hover {
    background-color: #f8f9fa;
background: #f7a02b !important;
    color: #222;
    margin: 1em 0;
    border: 1px solid #a2a9b1;
    border-collapse: collapse;
}
}


#mainpagenavigation td.content {
#poncho-actions .oo-ui-buttonElement-button {
    vertical-align: top;
background: #f8f9fa !important;
color: #055d63 !important;
}
}


#mainpagenavigation td {
#poncho-actions .oo-ui-buttonElement-button:hover {
    background-color: transparent;
background: #f7a02b !important;
    color: #ffffff;
color: white !important;
    background-color: rgba(85,85,85,0.7);
    min-width: 200px;
}
}


.wikitable td {
#poncho-actions {
    background-color: #f8f9fa;
float: unset !important;
background: #037c7c;
padding: 10px;
color: white;
text-align: center;
margin: 40px 0;
}
}


td {
    display: table-cell;
    vertical-align: inherit;
}


#mainpagenavigation a {
#poncho-actions div {
    color: #e3e3e3;
margin: 20px 0;
}
}


#poncho-header-wrapper {
#poncho-footer-wrapper {
    background-color: #777777;
margin: unset !important;
max-width: unset !important;
padding: unset !important;
background: #055d63;
color: white;
}
}


#poncho-logo {
#poncho-footer-wrapper a {
    background-size: 28px 28px;
color: white;
    background-repeat: no-repeat;
    background-position: left;
    display: inline-block;
    padding-left: 40px;
    text-decoration: none;
    vertical-align: middle;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 2px;
    height: 100%;
    color: #e3e3e3;
    font-size: 12px;
}
 
@media screen and (min-width: 601px) {
  #poncho-logo {
      font-size: 22px;
  }
}
 
h4 {
    font-size: 1.2em;
}
 
#poncho-header-wrapper a {
    color: #e3e3e3;
}
 
a {
    color: #555555;
    text-decoration: none;
}
}


body.tweeki-non-advanced a {
#poncho-footer {
    color: #43c7f2;
margin: unset !important;
border: unset !important;
}
}


#headertabs.round .ui-corner-top {
#poncho-footer div {
-moz-border-radius-topleft: 3px;
margin: 20px 0;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
border-top-left-radius: 3px 3px;
border-top-right-radius: 3px 3px;
}
}


#headertabs.round .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
#poncho-footer div span {
border: 1px solid #DDD;
margin: 0 20px;
font-weight: normal;
color: #2779AA;
}
}

Revision as of 12:16, 29 March 2023

@font-face {
 font-family: 'Cabin';
 src: url('/skins/Poncho/fonts/Cabin-Regular.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}

body {
 font-family: 'Cabin';
 background-image: url("/skins/Poncho/images/MSP_Challenge_Imagery-Darken.jpg");
 background-size: 100% auto;
 background-repeat: no-repeat;
 font-size: 16px;
 color: #055d63;
}

a {
 color: #e68400;
}

#poncho-menu .poncho-menu-item a.active, #poncho-menu .poncho-menu-item a:hover  {
 color: #e68400 !important;
}

#poncho-menu .poncho-menu-item:hover {
 background: unset !important;
}

#poncho-header-wrapper {
 height: 66px;
 margin-top: 25px;
 padding: unset !important;
 background: linear-gradient(90deg,transparent,#fff 65%);
 border: unset !important;
}

#poncho-header {
 background: unset !important;
}

#poncho-logo-wrapper img {
 height: 35px;
 margin: 16px 22px;
}

#poncho-menu {
 font-weight: 700;
 margin: 7px 50px 0 0;
}

.poncho-menu-item {
 margin: 0 10px;
}

.poncho-menu-item a {
 margin: unset !important;
 padding: 10px;
}

#poncho-sidebar-icon-wrapper {
 float: right !important;
}

#poncho-sidebar-wrapper {
 height: unset !important;
 padding: unset !important;
 position: absolute;
 right: 0;
 background: white;
 top: 50px;
}

#poncho-sidebar-icon {
 background: unset !important;
 width: unset !important;
 opacity: unset !important;
 vertical-align: unset !important;
}

#poncho-search-form-wrapper {
 margin: 30px;
}

#poncho-content-wrapper {
 max-width: unset !important;
 padding: unset !important;
 margin: 61px 0 0 0 !important;
}

#content {
 background: white;
 margin: unset !important;
 position: relative;
}

#bodyContent {
 padding-top: 15px;
 max-width: 1024px;
 margin: auto;
}

#firstHeading {
 color: white !important;
 margin-top: 125px;
 text-align: center;
 font-size: 50px;
}

#firstSubHeading {
 text-align: center;
 color: white;
 font-family: "Georgia";
 font-style: italic;
 font-weight: lighter;
}

h1, h2, h3, h4, h5, h6 {
 margin: 30px 0 10px 0;
}

#toc {
 background: #037c7c;
 border: unset !important;
 margin: 0 1em;
 padding: 1em;
 float: right;
 color: white;
 max-width: 260px;
}

#toc .tocnumber, #toc a, #mainpagenavigation tr.body ul li {
 color: white !important;
}

#mainpagenavigation tr.body {
 background: url("/skins/Poncho/images/MSP_Challenge_Imagery-Blur_and_Darken.jpg");
}

#mainpagenavigation tr.body a {
 color: white;
}

#mainpagenavigation td, #mainpagenavigation th {
 padding: 1em .5em;
 vertical-align: top;
}

#catlinks > div {
 font-size: 16px;
}

#catlinks li a {
  background: unset;
  border: unset;
  border-radius: unset;
  color: #e68400;
  display: unset;
  padding: unset;
  text-decoration: unset;
  font-size: 16px;
}

.ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
 top: 90px !important;
}

.oo-ui-flaggedElement-close .oo-ui-buttonElement-button, .oo-ui-flaggedElement-back .oo-ui-buttonElement-button {
  background: unset !important;
  color: unset !important;
  padding: 10px 12px !important;
}

.oo-ui-iconElement-icon:not(.oo-ui-icon-previous, .oo-ui-icon-close) {
  background: none !important;
}

.oo-ui-actionWidget .oo-ui-buttonElement-button:not(.oo-ui-flaggedElement-close .oo-ui-buttonElement-button, .oo-ui-flaggedElement-back .oo-ui-buttonElement-button) {
  background: unset !important;
  color: unset !important;
  padding: 10px 12px !important;
  border-style: solid !important;
}

.oo-ui-buttonElement-button, .oo-ui-inputWidget-input:not(textarea) {
 border-radius: 3em !important;
}

.oo-ui-buttonElement-button {
 border-color: unset !important;
 border-style: unset !important;
 border-width: unset !important;
 background: #037c7c !important;
 color: #ffffff !important;
 padding: 8px 16px !important;
}

.oo-ui-buttonElement-button:hover {
 background: #f7a02b !important;
}

#poncho-actions .oo-ui-buttonElement-button {
 background: #f8f9fa !important;
 color: #055d63 !important;
}

#poncho-actions .oo-ui-buttonElement-button:hover {
 background: #f7a02b !important;
 color: white !important;
}

#poncho-actions {
 float: unset !important;
 background: #037c7c;
 padding: 10px;
 color: white;
 text-align: center;
 margin: 40px 0;
}


#poncho-actions div {
 margin: 20px 0;
}

#poncho-footer-wrapper {
 margin: unset !important;
 max-width: unset !important;
 padding: unset !important;
 background: #055d63;
 color: white;
}

#poncho-footer-wrapper a {
 color: white;
}

#poncho-footer {
 margin: unset !important;
 border: unset !important;
}

#poncho-footer div {
 margin: 20px 0;
}

#poncho-footer div span {
 margin: 0 20px;
}
This page was last edited on 29 March 2023, at 12:16. Content is available under GPLv3 unless otherwise noted.