Created
August 5, 2013 11:15
-
-
Save NickToye/6155166 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300); | |
| li > ul, | |
| li > ol { | |
| margin-bottom: 0; | |
| } | |
| /* $condensed-font: sans-serif; */ | |
| /* | |
| $light-grey: #EDF0F1; | |
| $dark-grey: #444444; | |
| $grey: #97A5A6; | |
| $mid-grey: #818C8D; | |
| */ | |
| /*------------------------------------*\ | |
| $BEAUTONS.CSS | |
| \*------------------------------------*/ | |
| /** | |
| * beautons is a beautifully simple button toolkit. | |
| * | |
| * Copyright 2013 Harry Roberts | |
| * | |
| */ | |
| /* - BASE ----------------------------- */ | |
| /* - SIZES ---------------------------- */ | |
| /* - FONT SIZES ----------------------- */ | |
| /* - FUNCTIONS ------------------------ */ | |
| /* - STYLES --------------------------- */ | |
| /* $condensed-font: sans-serif; */ | |
| /* | |
| $light-grey: #EDF0F1; | |
| $dark-grey: #444444; | |
| $grey: #97A5A6; | |
| $mid-grey: #818C8D; | |
| */ | |
| html { | |
| font-size: 16px; | |
| -webkit-text-size-adjust: 100%; | |
| -ms-text-size-adjust: 100%; | |
| } | |
| @-webkit-viewport { | |
| width: device-width; | |
| } | |
| @-moz-viewport { | |
| width: device-width; | |
| } | |
| @-ms-viewport { | |
| width: device-width; | |
| } | |
| @-o-viewport { | |
| width: device-width; | |
| } | |
| @viewport { | |
| width: device-width; | |
| } | |
| *, *:before, *:after { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { | |
| display: block; | |
| } | |
| audio, canvas, video { | |
| display: inline-block; | |
| *display: inline; | |
| *zoom: 1; | |
| } | |
| audio:not([controls]) { | |
| display: none; | |
| height: 0; | |
| } | |
| [hidden] { | |
| display: none; | |
| } | |
| html, button, input, select, textarea { | |
| font-family: sans-serif; | |
| } | |
| body { | |
| margin: 0; | |
| } | |
| a:focus { | |
| outline: thin dotted; | |
| } | |
| a:active, | |
| a:hover { | |
| outline: 0; | |
| } | |
| hgroup, ul, ol, dd, menu, dl, figure, pre, table, fieldset, legend, hr, | |
| h1, h2, h3, h4, h5, h6, p, a { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| b, strong { | |
| font-weight: bold; | |
| } | |
| pre { | |
| white-space: pre; | |
| white-space: pre-wrap; | |
| word-wrap: break-word; | |
| } | |
| q { | |
| quotes: none; | |
| } | |
| q:before, q:after { | |
| content: ''; | |
| content: none; | |
| } | |
| sub, sup { | |
| font-size: 75%; | |
| line-height: 0; | |
| position: relative; | |
| vertical-align: baseline; | |
| } | |
| sup { | |
| top: -0.5em; | |
| } | |
| sub { | |
| bottom: -0.25em; | |
| } | |
| nav ul, nav ol { | |
| list-style: none; | |
| list-style-image: none; | |
| } | |
| li > ul, | |
| li > ol { | |
| margin-bottom: 0; | |
| } | |
| img { | |
| border: 0; | |
| -ms-interpolation-mode: bicubic; | |
| max-width: 100%; | |
| min-height: auto; | |
| vertical-align: middle; | |
| } | |
| svg:not(:root) { | |
| overflow: hidden; | |
| } | |
| figure { | |
| margin: 0; | |
| } | |
| figure > img { | |
| display: block; | |
| } | |
| form { | |
| margin: 0; | |
| } | |
| fieldset { | |
| border: 1px solid #c0c0c0; | |
| margin: 0 2px; | |
| padding: 0.35em 0.625em 0.75em; | |
| } | |
| legend { | |
| border: 0; | |
| padding: 0; | |
| white-space: normal; | |
| *margin-left: -7px; | |
| } | |
| button, | |
| input, | |
| select, | |
| textarea { | |
| font-size: 100%; | |
| margin: 0; | |
| vertical-align: baseline; | |
| *vertical-align: middle; | |
| } | |
| button, | |
| input { | |
| line-height: normal; | |
| } | |
| button, | |
| html input[type="button"], | |
| input[type="reset"], | |
| input[type="submit"] { | |
| -webkit-appearance: button; | |
| cursor: pointer; | |
| *overflow: visible; | |
| } | |
| button[disabled], | |
| input[disabled] { | |
| cursor: default; | |
| } | |
| input[type="checkbox"], | |
| input[type="radio"] { | |
| box-sizing: border-box; | |
| padding: 0; | |
| *height: 13px; | |
| *width: 13px; | |
| } | |
| input[type="search"] { | |
| -webkit-appearance: textfield; | |
| -moz-box-sizing: content-box; | |
| -webkit-box-sizing: content-box; | |
| box-sizing: content-box; | |
| } | |
| input[type="search"]::-webkit-search-cancel-button, | |
| input[type="search"]::-webkit-search-decoration { | |
| -webkit-appearance: none; | |
| } | |
| button::-moz-focus-inner, | |
| input::-moz-focus-inner { | |
| border: 0; | |
| padding: 0; | |
| } | |
| textarea { | |
| overflow: auto; | |
| vertical-align: top; | |
| resize: vertical; | |
| } | |
| table { | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| border-color: #cccccc !important; | |
| } | |
| table tbody { | |
| border-top: none !important; | |
| } | |
| .chromeframe { | |
| background: #ccc; | |
| color: #000; | |
| margin: 0.2em 0; | |
| padding: 0.2em 0; | |
| } | |
| li > ul, | |
| li > ol { | |
| margin-bottom: 0; | |
| } | |
| body { | |
| font-family: Arial, sans-serif; | |
| color: #3d3d3d; | |
| } | |
| a:link { | |
| color: #be584a; | |
| } | |
| a:visited { | |
| color: #be584a; | |
| } | |
| a:hover { | |
| color: #9d4438; | |
| } | |
| a:active { | |
| color: #52241d; | |
| } | |
| p, .wrapper ul, ol, dl { | |
| /* font-family: $body-font; */ | |
| font-size: 14px; | |
| font-size: 0.875rem; | |
| line-height: 1.28571; | |
| margin-bottom: 18px; | |
| margin-bottom: 1.125rem; | |
| font-size: 14px; | |
| font-size: 0.875rem; | |
| margin-bottom: 0pxyes; | |
| margin-bottom: 0remyes/16; | |
| } | |
| p:last-child, .wrapper ul:last-child, ol:last-child, dl:last-child { | |
| margin-bottom: 0; | |
| } | |
| h1, h2, h3, h4, h5, h6 { | |
| font-family: "Oswald", sans-serif; | |
| } | |
| h1 { | |
| font-size: 24px; | |
| font-size: 1.5rem; | |
| line-height: 1.5; | |
| margin-bottom: 18px; | |
| margin-bottom: 1.125rem; | |
| font-size: 24px; | |
| font-size: 1.5rem; | |
| margin-bottom: 0pxyes; | |
| margin-bottom: 0remyes/16; | |
| color: #be584a; | |
| } | |
| h2 { | |
| font-size: 20px; | |
| font-size: 1.25rem; | |
| line-height: 1.8; | |
| margin-bottom: 18px; | |
| margin-bottom: 1.125rem; | |
| font-size: 20px; | |
| font-size: 1.25rem; | |
| margin-bottom: 0pxyes; | |
| margin-bottom: 0remyes/16; | |
| color: #429c36; | |
| } | |
| h3 { | |
| font-size: 16px; | |
| font-size: 1rem; | |
| line-height: 1.125; | |
| margin-bottom: 18px; | |
| margin-bottom: 1.125rem; | |
| font-size: 16px; | |
| font-size: 1rem; | |
| margin-bottom: 0pxyes; | |
| margin-bottom: 0remyes/16; | |
| } | |
| .sidebar h2 { | |
| font-size: 18px; | |
| font-size: 1.125rem; | |
| line-height: 1; | |
| margin-bottom: 18px; | |
| margin-bottom: 1.125rem; | |
| font-size: 18px; | |
| font-size: 1.125rem; | |
| margin-bottom: 0pxyes; | |
| margin-bottom: 0remyes/16; | |
| } | |
| main ul { | |
| margin-bottom: 0; | |
| } | |
| main ul li { | |
| padding-left: 30px; | |
| background: url(../img/bullet.png) no-repeat 0 1px; | |
| font-size: 14px; | |
| font-size: 0.875rem; | |
| line-height: 1.28571; | |
| margin-bottom: 18px; | |
| margin-bottom: 1.125rem; | |
| font-size: 14px; | |
| font-size: 0.875rem; | |
| margin-bottom: 0pxyes; | |
| margin-bottom: 0remyes/16; | |
| } | |
| main ul li:last-child { | |
| margin-bottom: 0; | |
| } | |
| ::-moz-selection, ::selection { | |
| background-color: #be584a; | |
| color: white; | |
| } | |
| article time { | |
| margin-bottom: 18px; | |
| color: #3d3d3d; | |
| font-size: 12px; | |
| font-size: 0.75rem; | |
| line-height: 1.5; | |
| margin-bottom: 18px; | |
| margin-bottom: 1.125rem; | |
| font-size: 12px; | |
| font-size: 0.75rem; | |
| margin-bottom: 0pxyes; | |
| margin-bottom: 0remyes/16; | |
| } | |
| body { | |
| min-width: 260px; | |
| overflow-x: hidden; | |
| width: 100%; | |
| background: #1d0502 url(../img/body.jpg) repeat-x top left; | |
| } | |
| .wrapper { | |
| max-width: 1000px; | |
| margin: 0 auto; | |
| } | |
| .wrapper:before, .wrapper:after { | |
| content: ""; | |
| display: table; | |
| } | |
| .wrapper:after { | |
| clear: both; | |
| } | |
| .wrapper .page { | |
| /* display: none !important; */ | |
| clear: both; | |
| display: block; | |
| float: left; | |
| margin-left: 0; | |
| width: 100%; | |
| /* @include gs-pad(d, padinfull); */ | |
| /* padding-top: 18px; */ | |
| padding-bottom: 18px; | |
| background: white; | |
| } | |
| .wrapper .page #main-content { | |
| display: block; | |
| float: left; | |
| margin-left: 0%; | |
| margin-right: -100%; | |
| width: 69.4%; | |
| -moz-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| padding-left: 2%; | |
| padding-right: 2%; | |
| padding-top: 18px; | |
| } | |
| @media (max-width: 30em) { | |
| .wrapper .page #main-content { | |
| clear: both; | |
| display: block; | |
| float: left; | |
| margin-left: 0; | |
| width: 100%; | |
| -moz-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| padding-left: 6.25%; | |
| padding-right: 6.25%; | |
| } | |
| } | |
| .wrapper .page #main-content article, .wrapper .page #main-content > div { | |
| padding-bottom: 36px; | |
| margin-bottom: 36px; | |
| border-bottom: 1px solid #cccccc; | |
| } | |
| .wrapper .page #main-content article:before, .wrapper .page #main-content article:after, .wrapper .page #main-content > div:before, .wrapper .page #main-content > div:after { | |
| content: ""; | |
| display: table; | |
| } | |
| .wrapper .page #main-content article:after, .wrapper .page #main-content > div:after { | |
| clear: both; | |
| } | |
| .wrapper .page #main-content article:last-child, .wrapper .page #main-content > div:last-child { | |
| border-bottom: 0; | |
| } | |
| .wrapper .page #main-content form#search-form { | |
| display: none; | |
| } | |
| .wrapper .page .sidebar { | |
| display: block; | |
| float: left; | |
| margin-left: 71.4%; | |
| margin-right: -100%; | |
| width: 28.6%; | |
| -moz-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| padding-left: 2%; | |
| padding-right: 2%; | |
| padding-top: 18px; | |
| } | |
| @media (max-width: 30em) { | |
| .wrapper .page .sidebar { | |
| clear: both; | |
| display: block; | |
| float: left; | |
| margin-left: 0; | |
| width: 100%; | |
| -moz-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| padding-left: 6.25%; | |
| padding-right: 6.25%; | |
| } | |
| } | |
| header { | |
| clear: both; | |
| display: block; | |
| float: left; | |
| margin-left: 0; | |
| width: 100%; | |
| height: 108px; | |
| position: relative; | |
| } | |
| @media (max-width: 30em) { | |
| header { | |
| clear: both; | |
| display: block; | |
| float: left; | |
| margin-left: 0; | |
| width: 100%; | |
| } | |
| } | |
| @media (max-width: 30em) { | |
| header { | |
| height: auto; | |
| } | |
| } | |
| header .siteinfo { | |
| display: block; | |
| float: left; | |
| margin-left: 0%; | |
| margin-right: -100%; | |
| width: 28.6%; | |
| } | |
| @media (max-width: 30em) { | |
| header .siteinfo { | |
| clear: both; | |
| display: block; | |
| float: left; | |
| margin-left: 0; | |
| width: 100%; | |
| -moz-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| padding-left: 6.25%; | |
| padding-right: 6.25%; | |
| height: 108px; | |
| } | |
| } | |
| header .siteinfo figure { | |
| width: 70%; | |
| margin-top: 18px; | |
| } | |
| @media (max-width: 30em) { | |
| header .siteinfo figure { | |
| width: 55%; | |
| } | |
| } | |
| @media (max-width: 20em) { | |
| header .siteinfo figure { | |
| width: 70%; | |
| } | |
| } | |
| @media (max-width: 30em) { | |
| header a.menu_btn { | |
| position: absolute; | |
| top: 10px; | |
| right: 10px; | |
| width: 44px; | |
| height: 44px; | |
| text-indent: -3000px; | |
| background: url(../img/menu-btn.png) no-repeat; | |
| } | |
| header a.menu_btn.active { | |
| background-position: 0 -44px; | |
| } | |
| } | |
| header .header-region { | |
| display: block; | |
| float: left; | |
| margin-left: 30.6%; | |
| margin-right: -100%; | |
| width: 69.4%; | |
| height: 110px; | |
| position: relative; | |
| } | |
| @media (max-width: 30em) { | |
| header .header-region { | |
| clear: both; | |
| display: block; | |
| float: left; | |
| margin-left: 0; | |
| width: 100%; | |
| display: none; | |
| height: auto; | |
| margin-top: 0; | |
| } | |
| } | |
| header .header-region nav { | |
| position: absolute; | |
| bottom: 18px; | |
| font-family: "Oswald", sans-serif; | |
| z-index: 10000; | |
| width: 100%; | |
| } | |
| @media (max-width: 30em) { | |
| header .header-region nav { | |
| position: static; | |
| clear: both; | |
| display: block; | |
| float: left; | |
| margin-left: 0; | |
| width: 100%; | |
| background: #58180D; | |
| padding-top: 0px; | |
| } | |
| } | |
| header .header-region nav ul { | |
| margin-bottom: 0; | |
| } | |
| header .header-region nav ul li { | |
| display: inline; | |
| text-transform: uppercase; | |
| font-size: 14; | |
| position: relative; | |
| } | |
| @media (max-width: 30em) { | |
| header .header-region nav ul li { | |
| font-size: 18px; | |
| font-size: 1.125rem; | |
| line-height: 1; | |
| margin-bottom: 18px; | |
| margin-bottom: 1.125rem; | |
| font-size: 18px; | |
| font-size: 1.125rem; | |
| margin-bottom: 0pxyes; | |
| margin-bottom: 0remyes/16; | |
| display: block; | |
| width: 100%; | |
| text-align: center; | |
| padding: 0; | |
| margin: 10px 0; | |
| } | |
| } | |
| header .header-region nav ul li a { | |
| color: white; | |
| font-weight: 300; | |
| text-decoration: none; | |
| text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); | |
| padding: 0 10px 20px; | |
| } | |
| @media (max-width: 30em) { | |
| header .header-region nav ul li a { | |
| padding: 0; | |
| } | |
| } | |
| header .header-region nav ul li a:hover, header .header-region nav ul li a.active-trail { | |
| color: #facd56; | |
| text-decoration: none; | |
| } | |
| header .header-region nav ul li:hover a { | |
| color: #facd56; | |
| } | |
| header .header-region nav ul li ul { | |
| position: absolute; | |
| margin-left: -999em; | |
| top: 39px; | |
| left: 0; | |
| background: #be584a; | |
| padding: 10px; | |
| border: 1px solid #73332E; | |
| border-top: 0; | |
| width: 15em; | |
| } | |
| @media (max-width: 30em) { | |
| header .header-region nav ul li ul { | |
| display: none; | |
| position: static; | |
| margin: 5px 0 !important; | |
| width: 100%; | |
| background: #2F0D07; | |
| } | |
| } | |
| header .header-region nav ul li ul li { | |
| text-transform: none; | |
| border-bottom: 1px solid rgba(0, 0, 0, 0.2); | |
| border-top: 1px solid rgba(255, 255, 255, 0.1); | |
| display: block; | |
| padding: 8px 0; | |
| } | |
| @media (max-width: 30em) { | |
| header .header-region nav ul li ul li { | |
| font-size: 16px; | |
| font-size: 1rem; | |
| line-height: 1.125; | |
| margin-bottom: 18px; | |
| margin-bottom: 1.125rem; | |
| font-size: 16px; | |
| font-size: 1rem; | |
| margin-bottom: 0pxyes; | |
| margin-bottom: 0remyes/16; | |
| padding: 5px 0; | |
| border: none; | |
| margin: 0; | |
| } | |
| } | |
| header .header-region nav ul li ul li:first-child { | |
| border-top: 0; | |
| padding-top: 0; | |
| } | |
| header .header-region nav ul li ul li:last-child { | |
| border-bottom: 0; | |
| padding-bottom: 0; | |
| } | |
| header .header-region nav ul li ul li a { | |
| padding: 0; | |
| color: white !important; | |
| } | |
| header .header-region nav ul li ul li a:hover, header .header-region nav ul li ul li a.active-trail { | |
| color: #facd56 !important; | |
| } | |
| header .header-region nav ul li:hover ul { | |
| margin-left: 0; | |
| } | |
| header .header-region .socials { | |
| position: absolute; | |
| top: 8px; | |
| right: 0; | |
| } | |
| @media (max-width: 30em) { | |
| header .header-region .socials { | |
| display: none; | |
| } | |
| } | |
| header .header-region .socials ul li { | |
| float: left; | |
| margin-left: 15px; | |
| } | |
| header .header-region .socials ul li a { | |
| text-indent: -3000px; | |
| background: url(../img/socials.png) no-repeat 0 0; | |
| display: block; | |
| width: 24px; | |
| height: 24px; | |
| } | |
| header .header-region .socials ul li.facebook a { | |
| background-position: 0 0; | |
| } | |
| header .header-region .socials ul li.facebook a:hover { | |
| background-position: 0 -24px; | |
| } | |
| header .header-region .socials ul li.twitter a { | |
| background-position: -24px 0; | |
| } | |
| header .header-region .socials ul li.twitter a:hover { | |
| background-position: -24px -24px; | |
| } | |
| header .header-region .socials ul li.just_giving a { | |
| background: none; | |
| text-indent: 0; | |
| width: 100px; | |
| } | |
| header .header-region .socials ul li.members { | |
| background: #824039; | |
| padding: 12px 14px 6px 12px; | |
| margin-top: -10px; | |
| -webkit-border-radius: 0 0 3px 3px; | |
| -khtml-border-radius: 0 0 3px 3px; | |
| -moz-border-radius: 0 0 3px 3px; | |
| border-radius: 0 0 3px 3px; | |
| -webkit-background-clip: padding-box; | |
| -khtml-background-clio: padding-box; | |
| -moz-background-clip: padding; | |
| background-clip: padding-box; | |
| -webkit-box-shadow: "inset 0 0 5px rgba(0,0,0,.4)"; | |
| box-shadow: "inset 0 0 5px rgba(0,0,0,.4)"; | |
| } | |
| header .header-region .socials ul li.members a { | |
| text-indent: 0; | |
| width: auto; | |
| background: url(../img/members-icon.png) no-repeat 0 0; | |
| padding-left: 32px; | |
| color: white; | |
| } | |
| header .header-region .socials ul li.members a:hover { | |
| color: #facd56; | |
| text-decoration: none; | |
| } | |
| .sidebar > div { | |
| padding-bottom: 36px; | |
| margin-bottom: 36px; | |
| border-bottom: 1px solid #cccccc; | |
| } | |
| .sidebar > div:before, .sidebar > div:after { | |
| content: ""; | |
| display: table; | |
| } | |
| .sidebar > div:after { | |
| clear: both; | |
| } | |
| .sidebar > div:last-child { | |
| border-bottom: 0; | |
| } | |
| .sidebar .bursary_cta img { | |
| padding: 8px; | |
| border: 1px solid #cccccc; | |
| margin-bottom: 18px; | |
| } | |
| footer { | |
| background: #be584a; | |
| border-top: 1px solid black; | |
| height: 108px; | |
| } | |
| footer:before, footer:after { | |
| content: ""; | |
| display: table; | |
| } | |
| footer:after { | |
| clear: both; | |
| } | |
| @media (max-width: 30em) { | |
| footer { | |
| height: 200px; | |
| text-align: center; | |
| } | |
| } | |
| footer .footer-inner { | |
| clear: both; | |
| display: block; | |
| float: left; | |
| margin-left: 0; | |
| width: 100%; | |
| float: none; | |
| max-width: 1000px; | |
| height: 108px; | |
| margin: 0px auto; | |
| padding-top: 36px; | |
| color: white; | |
| position: relative; | |
| } | |
| @media (max-width: 30em) { | |
| footer .footer-inner { | |
| height: auto; | |
| clear: both; | |
| display: block; | |
| float: left; | |
| margin-left: 0; | |
| width: 100%; | |
| -moz-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| padding-left: 6.25%; | |
| padding-right: 6.25%; | |
| } | |
| } | |
| footer .footer-inner p { | |
| font-size: 12px; | |
| font-size: 0.75rem; | |
| line-height: 1.5; | |
| margin-bottom: 18px; | |
| margin-bottom: 1.125rem; | |
| font-size: 12px; | |
| font-size: 0.75rem; | |
| margin-bottom: 0pxyes; | |
| margin-bottom: 0remyes/16; | |
| } | |
| footer .footer-inner nav { | |
| position: absolute; | |
| bottom: 18px; | |
| font-family: Arial, sans-serif; | |
| } | |
| @media (max-width: 30em) { | |
| footer .footer-inner nav { | |
| position: static; | |
| float: left; | |
| } | |
| } | |
| footer .footer-inner nav ul { | |
| margin-bottom: 0; | |
| } | |
| footer .footer-inner nav ul li { | |
| display: inline; | |
| font-size: 12px; | |
| font-size: 0.75rem; | |
| line-height: 1.5; | |
| margin-bottom: 18px; | |
| margin-bottom: 1.125rem; | |
| font-size: 12px; | |
| font-size: 0.75rem; | |
| margin-bottom: 0pxyes; | |
| margin-bottom: 0remyes/16; | |
| border-right: 1px solid white; | |
| padding-right: 5px; | |
| } | |
| footer .footer-inner nav ul li:last-child { | |
| border: none; | |
| padding: 0; | |
| } | |
| footer .footer-inner nav ul li a { | |
| color: white; | |
| font-weight: 300; | |
| text-decoration: none; | |
| text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); | |
| padding: 0; | |
| } | |
| footer .footer-inner nav ul li a:hover, footer .footer-inner nav ul li a.active { | |
| color: #facd56; | |
| text-decoration: none; | |
| } | |
| footer .footer-inner .pixelscode { | |
| position: absolute; | |
| right: 10px; | |
| top: 36px; | |
| } | |
| @media (max-width: 30em) { | |
| footer .footer-inner .pixelscode { | |
| position: static; | |
| clear: both; | |
| display: block; | |
| float: left; | |
| margin-left: 0; | |
| width: 100%; | |
| margin: 18px auto; | |
| text-align: center; | |
| } | |
| } | |
| img.left { | |
| padding: 8px; | |
| border: 1px solid #cccccc; | |
| margin: 0 20px 20px 0; | |
| } | |
| img.right { | |
| padding: 8px; | |
| border: 1px solid #cccccc; | |
| margin: 0 0 20px 20px; | |
| } | |
| form#search-block-form div input.txt { | |
| background: #fafafa; | |
| border: 1px solid #cccccc; | |
| color: #cccccc; | |
| font-size: 14px; | |
| font-size: 0.875rem; | |
| line-height: 1.28571; | |
| font-size: 14px; | |
| font-size: 0.875rem; | |
| margin-bottom: 0pxfalse; | |
| margin-bottom: 0remfalse/16; | |
| -webkit-border-radius: 3px; | |
| -khtml-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| -webkit-background-clip: padding-box; | |
| -khtml-background-clio: padding-box; | |
| -moz-background-clip: padding; | |
| background-clip: padding-box; | |
| height: 36px; | |
| padding: 8px; | |
| width: 80%; | |
| } | |
| form#search-block-form div input.txt:focus { | |
| outline: none; | |
| color: #3d3d3d; | |
| } | |
| form#search-block-form div input.txt:blur { | |
| color: #3d3d3d; | |
| } | |
| form.webform-client-form .form-item label, form.webform-client-form .form-required label { | |
| color: #be584a; | |
| float: left; | |
| width: 100%; | |
| margin-right: 5%; | |
| line-height: 36px; | |
| } | |
| form.webform-client-form .form-item input, form.webform-client-form .form-required input { | |
| background: #fafafa; | |
| border: 1px solid #cccccc; | |
| color: #cccccc; | |
| font-size: 14px; | |
| font-size: 0.875rem; | |
| line-height: 1.28571; | |
| font-size: 14px; | |
| font-size: 0.875rem; | |
| margin-bottom: 0pxfalse; | |
| margin-bottom: 0remfalse/16; | |
| -webkit-border-radius: 3px; | |
| -khtml-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| -webkit-background-clip: padding-box; | |
| -khtml-background-clio: padding-box; | |
| -moz-background-clip: padding; | |
| background-clip: padding-box; | |
| height: 36px; | |
| padding: 8px; | |
| width: 100%; | |
| } | |
| form.webform-client-form .form-item input:focus, form.webform-client-form .form-required input:focus { | |
| outline: none; | |
| color: #3d3d3d; | |
| } | |
| form.webform-client-form .form-item input:blur, form.webform-client-form .form-required input:blur { | |
| color: #3d3d3d; | |
| } | |
| form.webform-client-form .form-required a.mollom-switch-captcha { | |
| font-size: 12px; | |
| font-size: 0.75rem; | |
| line-height: 1.5; | |
| margin-bottom: 18px; | |
| margin-bottom: 1.125rem; | |
| font-size: 12px; | |
| font-size: 0.75rem; | |
| margin-bottom: 0pxyes; | |
| margin-bottom: 0remyes/16; | |
| } | |
| form.webform-client-form .form-required input { | |
| margin: 20px 0; | |
| } | |
| form.webform-client-form .form-required img { | |
| padding: 4px; | |
| border: 1px solid #cccccc; | |
| } | |
| form.webform-client-form .form-actions input { | |
| display: inline-block; | |
| vertical-align: middle; | |
| white-space: nowrap; | |
| font-family: inherit; | |
| font-size: 100%; | |
| cursor: pointer; | |
| border: none; | |
| margin: 0; | |
| background-color: #be584a; | |
| color: white; | |
| border-radius: 4px; | |
| overflow: visible; | |
| text-decoration: none; | |
| line-height: 36px; | |
| height: 36px; | |
| padding: 0 1em; | |
| text-transform: uppercase; | |
| float: right; | |
| } | |
| form.webform-client-form .form-actions input:hover, form.webform-client-form .form-actions input:active, form.webform-client-form .form-actions input:focus, form.webform-client-form .form-actions input:visited { | |
| text-decoration: none; | |
| } | |
| form.webform-client-form .form-actions input:hover { | |
| background-color: #facd56; | |
| } | |
| form.webform-client-form .form-actions input:active, form.webform-client-form .form-actions input:focus { | |
| outline: none; | |
| box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset; | |
| } | |
| form.webform-client-form .form-actions input::-moz-focus-inner { | |
| border: 0; | |
| padding: 0; | |
| } | |
| form#search-block-form { | |
| padding: 0; | |
| height: 36px; | |
| font-size: 0; | |
| } | |
| form#search-block-form div { | |
| height: 36px; | |
| padding: 0; | |
| margin: 0; | |
| border: none; | |
| display: inline; | |
| } | |
| form#search-block-form input.txt { | |
| width: 80%; | |
| margin-right: 10px; | |
| float: left; | |
| } | |
| dl.slat { | |
| float: left; | |
| } | |
| dl.slat dd.img { | |
| float: left; | |
| margin-right: 2%; | |
| width: 40%; | |
| } | |
| dl.slat dd.img img { | |
| float: left; | |
| padding: 8px; | |
| border: 1px solid #cccccc; | |
| } | |
| dl.slat dd.meta { | |
| margin-bottom: 18px; | |
| } | |
| dl.slat dt { | |
| float: right; | |
| width: 58%; | |
| font-size: 16px; | |
| font-size: 1rem; | |
| line-height: 1.125; | |
| margin-bottom: 18px; | |
| margin-bottom: 1.125rem; | |
| font-size: 16px; | |
| font-size: 1rem; | |
| margin-bottom: 0pxyes; | |
| margin-bottom: 0remyes/16; | |
| margin-bottom: 0; | |
| } | |
| dl.slat dt a { | |
| color: #be584a; | |
| } | |
| dl.slat dt a:hover { | |
| color: #9d4438; | |
| } | |
| dl.latest_news.slat { | |
| padding-bottom: 36px; | |
| margin-bottom: 36px; | |
| border-bottom: 1px solid #cccccc; | |
| } | |
| dl.latest_news.slat:last-child { | |
| border-bottom: none; | |
| margin-bottom: 0; | |
| padding-bottom: 0; | |
| } | |
| dl.latest_news.slat dt { | |
| width: 100%; | |
| float: left; | |
| } | |
| dl.links.slat { | |
| border-bottom: 1px solid #cccccc; | |
| width: 100%; | |
| padding-bottom: 18px; | |
| } | |
| dl.links.slat dt { | |
| width: 100%; | |
| margin-bottom: 18px; | |
| font-weight: bold; | |
| } | |
| dl.links.slat dd.img { | |
| width: auto; | |
| } | |
| .stack img { | |
| padding: 8px; | |
| border: 1px solid #cccccc; | |
| margin-bottom: 18px; | |
| } | |
| .stack a.btn { | |
| display: inline-block; | |
| vertical-align: middle; | |
| white-space: nowrap; | |
| font-family: inherit; | |
| font-size: 100%; | |
| cursor: pointer; | |
| border: none; | |
| margin: 0; | |
| background-color: #be584a; | |
| color: white; | |
| border-radius: 4px; | |
| overflow: visible; | |
| text-decoration: none; | |
| line-height: 36px; | |
| height: 36px; | |
| padding: 0 1em; | |
| text-transform: uppercase; | |
| float: right; | |
| } | |
| .stack a.btn:hover, .stack a.btn:active, .stack a.btn:focus, .stack a.btn:visited { | |
| text-decoration: none; | |
| } | |
| .stack a.btn:hover { | |
| background-color: #facd56; | |
| } | |
| .stack a.btn:active, .stack a.btn:focus { | |
| outline: none; | |
| box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset; | |
| } | |
| .stack a.btn::-moz-focus-inner { | |
| border: 0; | |
| padding: 0; | |
| } | |
| ul.pager { | |
| text-align: center; | |
| } | |
| ul.pager li { | |
| padding: 0; | |
| background: none; | |
| } | |
| .breadcrumb { | |
| margin: 0 0 10px 0 !important; | |
| padding: 0 !important; | |
| } | |
| .breadcrumb a { | |
| font-size: 12px; | |
| font-size: 0.75rem; | |
| line-height: 1.5; | |
| margin-bottom: 18px; | |
| margin-bottom: 1.125rem; | |
| font-size: 12px; | |
| font-size: 0.75rem; | |
| margin-bottom: 0pxyes; | |
| margin-bottom: 0remyes/16; | |
| } | |
| article.node-event-calendar table { | |
| margin-top: 36px; | |
| font-size: 14px; | |
| font-size: 0.875rem; | |
| line-height: 1.28571; | |
| margin-bottom: 18px; | |
| margin-bottom: 1.125rem; | |
| font-size: 14px; | |
| font-size: 0.875rem; | |
| margin-bottom: 0pxyes; | |
| margin-bottom: 0remyes/16; | |
| } | |
| article.node-event-calendar table tbody { | |
| border: none; | |
| } | |
| .event_calendar .date-nav { | |
| margin-bottom: 18px; | |
| padding: 0; | |
| } | |
| .event_calendar table td { | |
| border: 1px solid #cccccc !important; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment