|
|
| (50 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */
| |
|
| |
|
| body {
| |
| background: #c6b79a;
| |
| color: #1b1818;
| |
| }
| |
|
| |
| .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; }
| |
|
| |
| .catlinks { margin-top: 1em; }
| |
| .catlinks a { color: #803923; }
| |
| .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 .label a {
| |
| font-size: 80%;
| |
| display: block;
| |
| padding: 2px 6px;
| |
| -webkit-transition: background-color .3s;
| |
| transition: background-color .3s;
| |
| }
| |
| .catlinks .label a:hover { background-color: #f6eddb; }
| |
|
| |
| 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;
| |
| }
| |
|
| |
| /*
| |
| #headerLogin {
| |
| width: 120px;
| |
| float: right;
| |
| padding-right: 23px;
| |
| padding-top: 5px;
| |
| }
| |
|
| |
| #login {
| |
| padding:0;
| |
| margin:0;
| |
| white-space:nowrap;
| |
| list-style-type:none;
| |
| }
| |
|
| |
| #login li {
| |
| display:inline;
| |
| float: left;
| |
| padding: 0px;
| |
| }
| |
|
| |
| a.loginButton {
| |
| background: url('/skins/foundsf_201510/assets/images/header-login.gif') top left no-repeat;
| |
| display: block;
| |
| float:left;
| |
| width:94px;
| |
| height:20px;
| |
| text-decoration: none;
| |
| }
| |
|
| |
| a.loginButton:hover {
| |
| background: url('/skins/foundsf_201510/assets/images/header-login-roll.gif') top left no-repeat;
| |
| display: block;
| |
| float:left;
| |
| width:94px;
| |
| height:20px;
| |
| text-decoration: none;
| |
| }
| |
| */
| |
|
| |
| #mainNav {
| |
| padding-top: 30px;
| |
| padding-bottom: 25px;
| |
| clear: both;
| |
| }
| |
|
| |
| #browseNav {
| |
| width: 500px;
| |
| float: left;
| |
| }
| |
|
| |
|
| |
| #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;
| |
| }
| |
