Template:Team:Clemson/style.css
From 2013.igem.org
(Difference between revisions)
(59 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | @import url(http://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic|Open+Sans+Condensed:700); | ||
+ | |||
+ | body { | ||
+ | font-family: 'Roboto', sans-serif; | ||
+ | } | ||
+ | |||
+ | h1, h2, h3 { | ||
+ | font-family: 'Open Sans Condensed', sans-serif; | ||
+ | text-transform: uppercase; | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | #top-section { | ||
+ | height: auto; | ||
+ | width: auto; | ||
+ | } | ||
+ | |||
+ | #footer-box { | ||
+ | box-sizing: border-box; | ||
+ | -moz-box-sizing:border-box; | ||
+ | -webkit-box-sizing: border-box; | ||
+ | padding: 1em; | ||
+ | border-radius: 10px; | ||
+ | } | ||
+ | |||
+ | #catlinks { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | padding: 0; | ||
+ | top: -1.4em; | ||
+ | } | ||
+ | |||
+ | .firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
#p-logo { | #p-logo { | ||
display: none; | display: none; | ||
Line 11: | Line 49: | ||
} | } | ||
+ | .menu-list li { | ||
+ | margin-bottom: 0; | ||
+ | background-color: #EA6A20; | ||
+ | } | ||
+ | |||
+ | #menu-left, #menu-right { | ||
+ | background-color: #EA6A20; | ||
+ | } | ||
#filler { | #filler { | ||
position: absolute; | position: absolute; | ||
top: 0; | top: 0; | ||
- | |||
- | |||
box-shadow: 0 2px 5px #A25016; | box-shadow: 0 2px 5px #A25016; | ||
width: 100%; | width: 100%; | ||
background-color: #fff; | background-color: #fff; | ||
- | height: . | + | height: 1.3em; |
- | border: 0 solid #A25016; | + | // border: 0 solid #A25016; |
+ | z-index: 3; | ||
} | } | ||
#sponsor-banner { | #sponsor-banner { | ||
+ | background-color: #EA6A20; | ||
list-style: none; | list-style: none; | ||
- | margin: 0 | + | margin: 0; |
padding: 0; | padding: 0; | ||
- | border: | + | border: 0 solid #a44b17; |
border-top-width: 2px; | border-top-width: 2px; | ||
+ | border-bottom-width: 2px; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | -webkit-box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | #sponsor-banner ul { | ||
+ | background-color: #EA6A20; | ||
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | #sponsor-banner li { | ||
+ | background-color: #EA6A20; | ||
+ | margin: 0; | ||
} | } | ||
Line 40: | Line 100: | ||
float:left; | float:left; | ||
text-align: center; | text-align: center; | ||
- | + | font-family: 'Open Sans Condensed', sans-serif; | |
- | + | font-size: 1.2em; | |
- | + | text-transform: uppercase; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
.menu-list { | .menu-list { | ||
+ | background-color: #EA6A20; | ||
list-style: none; | list-style: none; | ||
margin-left: 0; | margin-left: 0; | ||
+ | position: relative; | ||
+ | float: left; | ||
padding: 0; | padding: 0; | ||
+ | top: 1em; | ||
width: 38%; | width: 38%; | ||
- | |||
border: 0px solid #a44b17; | border: 0px solid #a44b17; | ||
border-bottom-width: 2px; | border-bottom-width: 2px; | ||
Line 69: | Line 120: | ||
.menu-list a { | .menu-list a { | ||
- | padding: | + | padding:.75em 0; |
background:#EA6A20; | background:#EA6A20; | ||
color:#fff; | color:#fff; | ||
Line 75: | Line 126: | ||
float:left; | float:left; | ||
text-align: center; | text-align: center; | ||
+ | font-family: 'Open Sans Condensed', sans-serif; | ||
+ | font-size: 1.2em; | ||
+ | text-transform: uppercase; | ||
} | } | ||
+ | /* | ||
#menu-left:after | #menu-left:after | ||
{ | { | ||
Line 104: | Line 159: | ||
border-color: #a44b17 transparent transparent #a44b17 ; | border-color: #a44b17 transparent transparent #a44b17 ; | ||
} | } | ||
+ | */ | ||
#cu-content { | #cu-content { | ||
- | |||
display: block; | display: block; | ||
- | |||
padding: 8em 3em 3em 3em; | padding: 8em 3em 3em 3em; | ||
} | } | ||
#menu-splash { | #menu-splash { | ||
+ | position: relative; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
-moz-box-sizing:border-box; | -moz-box-sizing:border-box; | ||
+ | -webkit-box-sizing: border-box; | ||
background-color: #EA6A20; | background-color: #EA6A20; | ||
float: left; | float: left; | ||
width: 24%; | width: 24%; | ||
+ | top: 1.3em; | ||
border-radius: 0 0 20px 20px; | border-radius: 0 0 20px 20px; | ||
padding: .5em .75em .75em .75em; | padding: .5em .75em .75em .75em; | ||
Line 127: | Line 184: | ||
#menu-splash img { | #menu-splash img { | ||
width: 100%; | width: 100%; | ||
- | height: 100%; | + | /* height: 100%; */ |
display: block; | display: block; | ||
min-height: 3em; | min-height: 3em; | ||
min-width: 14em; | min-width: 14em; | ||
- | |||
- | |||
- | |||
- | |||
} | } |
Latest revision as of 12:30, 23 September 2013
@import url(http://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic|Open+Sans+Condensed:700);
body {
font-family: 'Roboto', sans-serif;
}
h1, h2, h3 {
font-family: 'Open Sans Condensed', sans-serif; text-transform: uppercase; margin-bottom: 0;
}
- top-section {
height: auto; width: auto;
}
- footer-box {
box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box; padding: 1em; border-radius: 10px;
}
- catlinks {
display: none;
}
- content {
padding: 0; top: -1.4em;
}
.firstHeading {
display: none;
}
- p-logo {
display: none;
}
- search-controls {
display: none;
}
body {
background-color: #522D80;
}
.menu-list li {
margin-bottom: 0; background-color: #EA6A20;
}
- menu-left, #menu-right {
background-color: #EA6A20;
}
- filler {
position: absolute; top: 0; box-shadow: 0 2px 5px #A25016; width: 100%; background-color: #fff; height: 1.3em; // border: 0 solid #A25016; z-index: 3;
}
- sponsor-banner {
background-color: #EA6A20; list-style: none; margin: 0; padding: 0; border: 0 solid #a44b17; border-top-width: 2px; border-bottom-width: 2px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
- sponsor-banner ul {
background-color: #EA6A20; list-style: none; margin: 0;
}
- sponsor-banner li {
background-color: #EA6A20; margin: 0;
}
- sponsor-banner a {
padding:1em 0; background:#EA6A20; color:#fff; width: 50%; float:left; text-align: center; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.2em; text-transform: uppercase;
}
.menu-list {
background-color: #EA6A20; list-style: none; margin-left: 0; position: relative; float: left; padding: 0; top: 1em; width: 38%; border: 0px solid #a44b17; border-bottom-width: 2px; box-sizing: border-box;
}
.menu-list a {
padding:.75em 0; background:#EA6A20; color:#fff; width: 25%; float:left; text-align: center; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.2em; text-transform: uppercase;
}
/*
- menu-left:after
{ content: ' '; position: absolute;
z-index: -1;
width: 0; height: 0; left: 0px; top: 4.1em; border-width: 0.6em 5em; border-style: solid; border-color: #a44b17 #a44b17 transparent transparent; }
- menu-right:after
{ content: ' '; position: absolute;
z-index: -1;
width: 0; height: 0; right: 0; top: 4.1em; border-width: 0.6em 5em; border-style: solid; border-color: #a44b17 transparent transparent #a44b17 ; }
- /
- cu-content {
display: block; padding: 8em 3em 3em 3em;
}
- menu-splash {
position: relative; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box; background-color: #EA6A20; float: left; width: 24%; top: 1.3em; border-radius: 0 0 20px 20px; padding: .5em .75em .75em .75em; overflow: hidden; border: 0px solid #a44b17; border-bottom-width: 2px;
}
- menu-splash img {
width: 100%; /* height: 100%; */ display: block; min-height: 3em; min-width: 14em;
}