|
|
| Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */
| |
|
| |
|
| body {
| |
| background: #c6b79a;
| |
| color: #1b1818;
| |
| }
| |
|
| |
| li.divider {
| |
| border: none !important;
| |
| }
| |
| button.button.search, li.divider,
| |
| .top-bar, .top-bar .name h1 a,
| |
| .top-bar a, .top-bar ul, .top-bar li, .top-bar ul li > a,
| |
| .top-bar-section ul li.active > a, .top-bar-section .has-form,
| |
| .top-bar-section .dropdown li a,
| |
| #top-bar-right, #top-bar-left {
| |
| color: #803923 !important;
| |
| background-color: #E6DDCB !important;
| |
| }
| |
|
| |
| #wpSave, #wpPreview, #wpDiff, #wpLoginAttempt {
| |
| border-radius: 3px 3px 3px 3px;
| |
| -moz-border-radius: 3px 3px 3px 3px;
| |
| -webkit-border-radius: 3px 3px 3px 3px;
| |
| padding: 1em;
| |
| background: #c6b79a;
| |
| color: #1b1818;
| |
| font-family: Helvetica, Arial, sans-serif;
| |
| font-size: 80%;
| |
| -webkit-transition: background-color .3s;
| |
| transition: background-color .3s;
| |
| border: 1px solid #803923;
| |
| }
| |
| #wpSave:hover, #wpPreview:hover, #wpDiff:hover, #wpLoginAttempt:hover {
| |
| background-color: #f6eddb;
| |
| box-shadow: none;
| |
| text-shadow: none;
| |
| }
| |
|
| |
| .mw-ui-vform {
| |
| margin: 0 auto;
| |
| }
| |
| .errorbox {
| |
| border-radius: 3px 3px 3px 3px;
| |
| -moz-border-radius: 3px 3px 3px 3px;
| |
| -webkit-border-radius: 3px 3px 3px 3px;
| |
| font-family: Helvetica, Arial, sans-serif;
| |
| }
| |
|
| |
| #header {
| |
| border-radius: 0px 0px 3px 3px;
| |
| -moz-border-radius: 0px 0px 3px 3px;
| |
| -webkit-border-radius: 0px 0px 3px 3px;
| |
| }
| |
|
| |
| .mw-bodytext {
| |
| font-family: "Times New Roman", Times, Serif;
| |
| font-size: 18px;
| |
| background-color: #E6DDCB;
| |
| border-radius: 3px 3px 3px 3px;
| |
| -moz-border-radius: 3px 3px 3px 3px;
| |
| -webkit-border-radius: 3px 3px 3px 3px;
| |
| padding: 1em;
| |
| }
| |
|
| |
| .title { padding: .5em 0; }
| |
|
| |
| #tagline { display: none; }
| |
|
| |
| /* disable contents on tour page */
| |
| #toc { display: none; }
| |
|
| |
| .mw-normal-catlinks a { color: #803923; }
| |
| .catlinks { margin-top: 1em; }
| |
| .catlinks li { padding: 0 0.25em; }
| |
| .catlinks .label {
| |
| background-color: #E6DDCB;
| |
| border-radius: 3px 3px 3px 3px;
| |
| -moz-border-radius: 3px 3px 3px 3px;
| |
| -webkit-border-radius: 3px 3px 3px 3px;
| |
| padding: 3px;
| |
| }
| |
| .catlinks a.label {
| |
| color: #803923;
| |
| font-size: 80%;
| |
| font-weight: normal;
| |
| display: block;
| |
| padding: 2px 6px;
| |
| -webkit-transition: background-color .3s;
| |
| transition: background-color .3s;
| |
| }
| |
| .catlinks .label:hover { background-color: #f6eddb; }
| |
|
| |
| .body-image {
| |
| display: table-cell;
| |
| background-color: #D6CDBB;
| |
| border-radius: 3px 3px 3px 3px;
| |
| -moz-border-radius: 3px 3px 3px 3px;
| |
| -webkit-border-radius: 3px 3px 3px 3px;
| |
| padding: .5em .75em;
| |
| }
| |
| .body-image-image {
| |
| display: table-row;
| |
| width: 1px;
| |
| }
| |
| .body-image-caption {
| |
| display: table-cell;
| |
| width: 1px;
| |
| }
| |
| .body-image-caption, .body-image-credit {
| |
| font-size: 80%;
| |
| font-family: Helvetica, Arial, sans-serif;
| |
| }
| |
|
| |
|
| |
| #footer {
| |
| width: 970px;
| |
| margin: 0 0 1em 1em !important;
| |
| float: left;
| |
| }
| |
|
| |
| a {
| |
| text-decoration: none;
| |
| color: #090c7e;
| |
| background: none;
| |
| }
| |
| a:visited {
| |
| color: #090c7e;
| |
| }
| |
| a:active {
| |
| color: #ffffff;
| |
| }
| |
| a:hover {
| |
| color: #0a2778;
| |
| }
| |
| a.stub {
| |
| color: #772233;
| |
| }
| |
| a.new, #p-personal a.new {
| |
| color: #090c7e;
| |
| }
| |
| a.new:visited, #p-personal a.new:visited {
| |
| color: #090c7e;
| |
| }
| |
|
| |
| img {
| |
| border: none;
| |
| vertical-align: middle;
| |
| }
| |
| p {
| |
| margin: .4em 0 .5em 0;
| |
| line-height: 1.5em;
| |
| }
| |
| p img {
| |
| margin: 0;
| |
| }
| |
|
| |
| .top-bar {
| |
| margin-bottom: 0px;
| |
| }
| |
|
| |
| #wrapper {
| |
| width: 960px;
| |
| margin-left: auto;
| |
| margin-right: auto;
| |
| }
| |
|
| |
| #header {
| |
| width: 960px;
| |
| height: 157px;
| |
| background-image:url('/skins/foundsf_201510/assets/images/foundSF-header-bg.jpg');
| |
| }
| |
|
| |
| #headerLogo {
| |
| width: 780px;
| |
| float: left;
| |
| }
| |
| @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
| |
| #header, #headerLogo, #wrapper {
| |
| width: 100%;
| |
| background-repeat: no-repeat;
| |
| background-size: contain;
| |
| }
| |
| }
| |
| #mainNav {
| |
| padding-top: 30px;
| |
| padding-bottom: 25px;
| |
| clear: both;
| |
| }
| |
|
| |
| #browseNav {
| |
| width: 100%;
| |
| float: left;
| |
| max-width: 100%;
| |
| overflow: hidden;
| |
| }
| |
| @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
| |
| #mainNav {
| |
| padding: 0;
| |
| }
| |
| .browse {
| |
| display: none !important;
| |
| }
| |
| #nav li {
| |
| padding: 0px 1px;
| |
| font-size: 90%;
| |
| }
| |
| .thumbinner {
| |
| width: 100% !important;
| |
| }
| |
| }
| |
|
| |
| #nav {
| |
| padding:0;
| |
| margin:0;
| |
| white-space: nowrap;
| |
| list-style-type: none;
| |
| line-height: 1.5em;
| |
| }
| |
|
| |
| #nav li {
| |
| display:inline;
| |
| float: left;
| |
| padding: 2px;
| |
| }
| |
|
| |
| a.bbut {
| |
| background-color: #e6ddcb;
| |
| color: #683924;
| |
| border-radius: 3px 3px 3px 3px;
| |
| -moz-border-radius: 3px 3px 3px 3px;
| |
| -webkit-border-radius: 3px 3px 3px 3px;
| |
| font-size: 80%;
| |
| display: block;
| |
| padding: 2px 6px;
| |
| -webkit-transition: background-color .3s;
| |
| transition: background-color .3s;
| |
| }
| |
|
| |
| a.bbut:hover {
| |
| background-color: #f6eddb;
| |
| }
| |
|
| |
| h4.namespace.label {
| |
| display: none !important;
| |
| }
| |
|
| |
| .browse {
| |
| font-size: 12px;
| |
| height: 18px;
| |
| line-height: 18px;
| |
| }
| |
|
| |
| /* home page bits */
| |
|
| |
| #loggedin {
| |
| clear: both;
| |
| margin-top: 10px;
| |
| font-weight: bold;
| |
| }
| |
|
| |
| .banner, .contribution-row {
| |
| width: 800px;
| |
| height: 210px;
| |
| }
| |
|
| |
| .banner, .contribution, #footer {
| |
| background-color: #e6ddcb;
| |
| margin-top: 10px;
| |
| border-radius: 5px 5px 5px 5px;
| |
| -moz-border-radius: 5px 5px 5px 5px;
| |
| -webkit-border-radius: 5px 5px 5px 5px;
| |
| padding: 10px;
| |
| }
| |
|
| |
| #bannerImages {
| |
| padding:0;
| |
| margin:0;
| |
| white-space:nowrap;
| |
| list-style-type:none;
| |
| }
| |
|
| |
| #bannerImages li {
| |
| display:inline;
| |
| float: left;
| |
| padding: 6px;
| |
| }
| |
|
| |
| .contribution {
| |
| font-size: 12px;
| |
| line-height: 16px;
| |
|
| |
| }
| |
|
| |
| .contribution01 {
| |
| width: 249px;
| |
| height: 175px;
| |
| background: url(/skins/foundsf_201510/assets/images/FoundSF-3Percent-Sustain-Campaign.png) top left no-repeat;
| |
| /* padding: 20px; */
| |
| float: left;
| |
| }
| |
|
| |
| .contribution02 {
| |
| width: 249px;
| |
| height: 175px;
| |
| background: url(/skins/foundsf_201510/assets/images/home-contribution-02.gif) top left no-repeat;
| |
| /* padding: 20px; */
| |
| float: left;
| |
| }
| |
|
| |
| .contribution03 {
| |
| width: 249px;
| |
| height: 175px;
| |
| background: url(/skins/foundsf_201510/assets/images/home-contribution-03.gif) top left no-repeat;
| |
| /* padding: 20px; */
| |
| float: left;
| |
| }
| |
|
| |
| .contribution-margin {
| |
| width: 20px;
| |
| height: 175px;
| |
| margin: 0;
| |
| padding: 0;
| |
| float: left;
| |
| }
| |
|
| |
| .contribution-text {
| |
| padding-top: 90px;
| |
| padding-left: 30px;
| |
| padding-right: 20px;
| |
| line-height: 130%;
| |
| }
| |
|
| |
| .give-text {
| |
| padding-top: 70px;
| |
| padding-left: 30px;
| |
| padding-right: 20px;
| |
| line-height: 130%;
| |
| }
| |
|
| |
| .featured, .community {
| |
| width: 38%;
| |
| float: left;
| |
| margin-right: 2em;
| |
| }
| |
|
| |
| .padBot {
| |
| padding-top: 10px;
| |
| padding-left: 0px;
| |
| padding-right: 10px;
| |
| padding-bottom: 40px;
| |
| }
| |
|
| |
| .imageLeft {
| |
| width: 130px;
| |
| padding-left: 0px;
| |
| padding-right: 15px;
| |
| float: left;
| |
| }
| |
|
| |
| .textRight{
| |
| width: 170px;
| |
| padding-right: 0px;
| |
| float: left;
| |
| }
| |
|
| |
| .header {
| |
| color: #036784;
| |
| font-size: 14px;
| |
| font-weight: bold;
| |
| }
| |
