Foreground.css: Difference between revisions
From WindsportAtlanta.com: Wiki
No edit summary |
No edit summary |
||
(36 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* Custom Foreground menubar colors */ | /* Custom Foreground menubar colors */ | ||
body { | |||
background:#fcfcfc; | |||
} | } | ||
.top-bar { | |||
/* position:fixed; width:100%; z-index:10;*/ | |||
-webkit-box-shadow:0 3px 6px rgba(95,95,95,0.2); | |||
box-shadow:0 3px 6px rgba(95,95,95,0.2); | |||
padding-left: 80px; | |||
/* background:#efeded*/ | |||
} | |||
#banner { | |||
height:190px; | |||
clear:both; | |||
background-image: url('/sites/all/themes/corporateclean/images/overlay.png'), url('/sites/all/banners/rotate.php'); | |||
background-size: cover; background-repeat: no-repeat; | |||
background-size:cover; | |||
background-repeat:no-repeat; | |||
} | |||
#banner-title { | |||
font-size:170%; | |||
font-weight:600; | |||
color:#ffffff !important; | |||
padding: 40px 0 0 80px; | |||
text-shadow:0px 1px 1px #2c343b; | |||
} | |||
#banner-title a { | |||
color:#ffffff !important; | |||
text-shadow:0px 1px 1px #2c343b; | |||
line-height: 120%; | |||
} | |||
#banner-inside { | |||
font-size:140% | |||
font-weight:500; | |||
max-width:375px; | |||
color: #f4c82d !important; | |||
text-shadow:0px 1px 1px #2c343b; | |||
line-height: 120%; | |||
padding-left:80px; | |||
} | |||
.banner-logo { | |||
font-size:125%; | |||
} | |||
.contain-to-grid .top-bar { | |||
margin: 0 auto; | |||
margin-bottom: 0; | |||
max-width: 100%;} | |||
.label { | |||
. | background-color:#d0d0d0; | ||
color: #fefefe; | |||
} | |||
a.label:hover,a.label:focus { | |||
color: #de7c00; | |||
} | |||
a.label.new { | |||
background-color:#d0d0d0; | |||
color: #fefefe; | |||
} | } | ||
nav.top-bar, | |||
.top-bar.expanded .title-area { | .top-bar.expanded .title-area { | ||
background: #ebe8e8; | background: #ebe8e8; | ||
color: #5b5b5b; | color: #5b5b5b; | ||
} | } | ||
.dropdown { | |||
background: #f2f4f4; | |||
background: # | |||
color: #5b5b5b; | color: #5b5b5b; | ||
} | } | ||
ul#top-bar-left li | ul#top-bar-left li, | ||
ul#top-bar-right li { | ul#top-bar-right li { | ||
background: # | background: #f2f4f4; | ||
color: #5b5b5b; | color: #5b5b5b; | ||
} | } | ||
ul#top-bar-left li a, | |||
ul#top-bar-right li a { | ul#top-bar-right li a { | ||
background: # | background: #f2f4f4; | ||
color:#de7c00; | color:#de7c00; | ||
} | } | ||
Line 44: | Line 87: | ||
ul#top-bar-right li a:hover { | ul#top-bar-right li a:hover { | ||
background: #dcdcdc; | background: #dcdcdc; | ||
color:#de7c00 | color:#de7c00; | ||
} | } | ||
@media only screen and (min-width: 40.0625em) { | |||
h1#firstHeading { | |||
font-size: 2.15rem; | |||
} | |||
} |
Latest revision as of 00:51, 24 December 2023
/* Custom Foreground menubar colors */ body { background:#fcfcfc; } .top-bar { /* position:fixed; width:100%; z-index:10;*/ -webkit-box-shadow:0 3px 6px rgba(95,95,95,0.2); box-shadow:0 3px 6px rgba(95,95,95,0.2); padding-left: 80px; /* background:#efeded*/ } #banner { height:190px; clear:both; background-image: url('/sites/all/themes/corporateclean/images/overlay.png'), url('/sites/all/banners/rotate.php'); background-size: cover; background-repeat: no-repeat; background-size:cover; background-repeat:no-repeat; } #banner-title { font-size:170%; font-weight:600; color:#ffffff !important; padding: 40px 0 0 80px; text-shadow:0px 1px 1px #2c343b; } #banner-title a { color:#ffffff !important; text-shadow:0px 1px 1px #2c343b; line-height: 120%; } #banner-inside { font-size:140% font-weight:500; max-width:375px; color: #f4c82d !important; text-shadow:0px 1px 1px #2c343b; line-height: 120%; padding-left:80px; } .banner-logo { font-size:125%; } .contain-to-grid .top-bar { margin: 0 auto; margin-bottom: 0; max-width: 100%;} .label { background-color:#d0d0d0; color: #fefefe; } a.label:hover,a.label:focus { color: #de7c00; } a.label.new { background-color:#d0d0d0; color: #fefefe; } nav.top-bar, .top-bar.expanded .title-area { background: #ebe8e8; color: #5b5b5b; } .dropdown { background: #f2f4f4; color: #5b5b5b; } ul#top-bar-left li, ul#top-bar-right li { background: #f2f4f4; color: #5b5b5b; } ul#top-bar-left li a, ul#top-bar-right li a { background: #f2f4f4; color:#de7c00; } ul#top-bar-left li:hover, ul#top-bar-left li a:hover, ul#top-bar-right li:hover:not(.has-form), ul#top-bar-right li a:hover { background: #dcdcdc; color:#de7c00; } @media only screen and (min-width: 40.0625em) { h1#firstHeading { font-size: 2.15rem; } }