Common.css: Difference between revisions
From WindsportAtlanta.com: Wiki
No edit summary |
No edit summary |
||
(21 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* v2 */ | |||
@import url('https://fonts.googleapis.com/css?family=Lato'); | |||
body { font: Lato, Lucida Grande,Lucida Sans Unicode,Segoe UI,Helvetica,Arial,sans-serif; color: #5b5b5b; background:#f7fbf7;} | |||
a, li a.active, a:hover { color:#de7c00;} | |||
/* Custom Foreground menubar colors */ | /* Custom Foreground menubar colors */ | ||
Line 7: | Line 12: | ||
.top-bar-section li a:not(.button), | .top-bar-section li a:not(.button), | ||
.top-bar-section .has-form { | .top-bar-section .has-form { | ||
background: #efeded; | |||
color: #de7c00; | color: #de7c00; | ||
} | |||
.top-bar { | |||
-webkit-box-shadow:0 3px 6px rgba(95,95,95,0.2); | |||
-moz-box-shadow:0 3px 6px rgba(95,95,95,0.2); | |||
box-shadow:0 3px 6px rgba(95,95,95,0.2); | |||
} | } | ||
.top-bar-section > ul > .divider, | .top-bar-section > ul > .divider, | ||
.top-bar-section > ul > [role="separator"] { | .top-bar-section > ul > [role="separator"] { | ||
border-color: # | border-color: #ebe8e8; | ||
} | } | ||
Line 19: | Line 29: | ||
.top-bar-section ul li.hover > a, | .top-bar-section ul li.hover > a, | ||
.top-bar-section ul li ul.dropdown li.hover > a{ | .top-bar-section ul li ul.dropdown li.hover > a{ | ||
background: # | background: #f7fbf7; | ||
} | } | ||
/* Slightly darker color for the dropdowns */ | /* Slightly darker color for the dropdowns */ | ||
.top-bar-section ul li ul.dropdown li > a { | .top-bar-section ul li ul.dropdown li > a { | ||
background: # | background: #efeded; | ||
} | } | ||
/* let's match main site css | |||
/* title */ | |||
.title-name { | |||
color: #333333;} | |||
h1 { font-size: 28px; margin:0 0 16px 0; } | |||
/* hide Main Page redirect */ | |||
.page-Main_Page #contentSub { display: none } | |||
.title { font-size: 20px; color:#de7c00; font-weight:normal; } | |||
.toctitle, .mw-headline, h2 { font-size: 20px; color:#222222; font-weight:normal; } | |||
h3 { font-size: 130%; } | |||
h4 { font-size: 110%; } | |||
table, img {margin: 10px;} | |||
.label {background-color:#d7d7d7; | |||
color:#FFFFFF} | |||
/* Hide tagline "from, etc" */ | |||
#tagline { display: none; } | |||
/* breadcrumb */ | |||
#breadcrumbs2 {font-size:0.9em;} |
Latest revision as of 00:52, 24 December 2023
/* CSS placed here will be applied to all skins */ /* v2 */ @import url('https://fonts.googleapis.com/css?family=Lato'); body { font: Lato, Lucida Grande,Lucida Sans Unicode,Segoe UI,Helvetica,Arial,sans-serif; color: #5b5b5b; background:#f7fbf7;} a, li a.active, a:hover { color:#de7c00;} /* Custom Foreground menubar colors */ .top-bar, .top-bar-section ul, .top-bar-section ul li.active > a, .top-bar-section li a:not(.button), .top-bar-section .has-form { background: #efeded; color: #de7c00; } .top-bar { -webkit-box-shadow:0 3px 6px rgba(95,95,95,0.2); -moz-box-shadow:0 3px 6px rgba(95,95,95,0.2); box-shadow:0 3px 6px rgba(95,95,95,0.2); } .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { border-color: #ebe8e8; } /* Darker color for the hover over items */ .top-bar-section ul li.hover > a, .top-bar-section ul li ul.dropdown li.hover > a{ background: #f7fbf7; } /* Slightly darker color for the dropdowns */ .top-bar-section ul li ul.dropdown li > a { background: #efeded; } /* let's match main site css /* title */ .title-name { color: #333333;} h1 { font-size: 28px; margin:0 0 16px 0; } /* hide Main Page redirect */ .page-Main_Page #contentSub { display: none } .title { font-size: 20px; color:#de7c00; font-weight:normal; } .toctitle, .mw-headline, h2 { font-size: 20px; color:#222222; font-weight:normal; } h3 { font-size: 130%; } h4 { font-size: 110%; } table, img {margin: 10px;} .label {background-color:#d7d7d7; color:#FFFFFF} /* Hide tagline "from, etc" */ #tagline { display: none; } /* breadcrumb */ #breadcrumbs2 {font-size:0.9em;}