Template:Team:Missouri Miners/CSS
From 2014.igem.org
(Difference between revisions)
m (top position fix?) |
(Updated min-width) |
||
(56 intermediate revisions not shown) | |||
Line 8: | Line 8: | ||
} | } | ||
#menubar { | #menubar { | ||
+ | width: 100%; | ||
+ | float: right; | ||
+ | position: relative; | ||
top: 0; | top: 0; | ||
+ | } | ||
+ | #menubar ul { | ||
+ | -webkit-margin-before: 0; | ||
+ | -webkit-margin-after: 0; | ||
+ | -webkit-padding-start: 0; | ||
+ | line-height: normal; | ||
+ | } | ||
+ | #menubar.right-menu { | ||
+ | width: auto; | ||
+ | } | ||
+ | #menubar.left-menu { | ||
+ | width: auto; | ||
+ | } | ||
+ | #menubar.left-menu:hover { | ||
+ | background-color: transparent; | ||
} | } | ||
#top-section a { | #top-section a { | ||
Line 17: | Line 35: | ||
text-decoration: none; | text-decoration: none; | ||
display: inline-block; | display: inline-block; | ||
- | text-align: | + | text-align: right; |
background-color: black; | background-color: black; | ||
- | padding: | + | padding: 0; |
margin: 0; | margin: 0; | ||
} | } | ||
#top-section li { | #top-section li { | ||
+ | float: right; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
font-family: 'Abel', sans-serif; | font-family: 'Abel', sans-serif; | ||
Line 29: | Line 48: | ||
text-decoration: none; | text-decoration: none; | ||
display: inline-block; | display: inline-block; | ||
- | text-align: | + | text-align: right; |
background-color: black; | background-color: black; | ||
- | padding: | + | padding: 2px; |
margin: 0; | margin: 0; | ||
} | } | ||
Line 69: | Line 88: | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
+ | margin-top: 0px; | ||
} | } | ||
#logo { | #logo { | ||
Line 74: | Line 94: | ||
width: 95%; | width: 95%; | ||
max-width: 1000px; | max-width: 1000px; | ||
+ | top: 0; | ||
} | } | ||
#logo img { | #logo img { | ||
Line 157: | Line 178: | ||
color: #8A8A8A; | color: #8A8A8A; | ||
} | } | ||
+ | min { | ||
+ | height: auto; | ||
+ | min-height: 138px; | ||
+ | } | ||
p { | p { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | #page p { | ||
font-family: Arial, Helvetica, sans-serif; | font-family: Arial, Helvetica, sans-serif; | ||
font-size: 14px; | font-size: 14px; | ||
Line 201: | Line 230: | ||
} | } | ||
#team p { | #team p { | ||
- | height: | + | height: 138px; |
} | } | ||
#team img { | #team img { | ||
Line 214: | Line 243: | ||
float: left; | float: left; | ||
} | } | ||
- | @media (min-width: | + | @media (min-width: 920px) { |
#menu a { | #menu a { | ||
font-size: 14pt; | font-size: 14pt; | ||
Line 231: | Line 260: | ||
height: 100px; | height: 100px; | ||
width: 254px; | width: 254px; | ||
- | |||
- | |||
- | |||
} | } | ||
} | } | ||
- | @media (max-width: | + | @media (max-width: 919px) { |
#menu a { | #menu a { | ||
font-size: 10pt; | font-size: 10pt; | ||
Line 257: | Line 283: | ||
height: 60px; | height: 60px; | ||
width: 158px; | width: 158px; | ||
- | |||
- | |||
- | |||
} | } | ||
} | } |
Latest revision as of 21:49, 16 October 2014
/* Created by Missouri Miners iGEM 2014 https://2014.igem.org/Team:Missouri_Miners CC BY-SA 3.0 */
- contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
display:none;}
- top-section {
border: none; height: 0px; width: 100%; }
- menubar {
width: 100%; float: right; position: relative; top: 0; }
- menubar ul {
-webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-padding-start: 0; line-height: normal; }
- menubar.right-menu {
width: auto; }
- menubar.left-menu {
width: auto; }
- menubar.left-menu:hover {
background-color: transparent; }
- top-section a {
text-transform: uppercase; font-family: 'Abel', sans-serif; font-size: 9pt; color: white; text-decoration: none; display: inline-block; text-align: right; background-color: black; padding: 0; margin: 0; }
- top-section li {
float: right; text-transform: uppercase; font-family: 'Abel', sans-serif; font-size: 9pt; color: white; text-decoration: none; display: inline-block; text-align: right; background-color: black; padding: 2px; margin: 0; }
- top-section ul {
margin: 0; padding: 0; }
- footer-box {
width: 100%; margin: 0; padding: 0; }
- content {
border: none; background: transparent; width: 100%; margin: 0; padding: 0; line-height: normal; }
- bodyContent h1 {
margin-bottom: 0; font-size: 32px; border-bottom: 0; }
- bodyContent h3 {
font-size: 19px; margin-bottom: 0; }
html {
margin: 0; padding: 0; }
body {
background-image: url(""); background-color: #40403e; margin: 0; padding: 0; margin-top: 0px; }
- logo {
margin: 0 auto; width: 95%; max-width: 1000px; top: 0; }
- logo img {
padding: 0; margin: 0; }
- wiki {
margin: 0; padding: 0; text-align: right; }
- wiki a {
text-transform: uppercase; font-family: 'Abel', sans-serif; font-size: 9pt; color: white; text-decoration: none; display: inline-block; text-align: center; background-color: black; padding: 2px; margin: 0; }
- menu {
margin:2.5% auto; margin-top: 0; margin-bottom: 0; background-color: #095707; text-align: center; max-width: 1000px; width: 92%; }
- menu a {
text-transform: uppercase; font-family: 'Abel', sans-serif; color: white; text-decoration: none; display: inline-block; text-align: center; }
- menu a:link {
background-color: #095707; }
- menu a:visited {
background-color: #095707; }
- menu a:hover {
background-color: #074506; }
- menu a:active {
background-color: #074506; }
- igem-logo {
display: inline; }
- igem-logo a {
float: right; }
- igem-logo img {
background-color: white; border-style: solid; border-width: 2px; border-color: #8A8A8A; }
- page {
background-color: white; margin:2.5% auto; width: 92%; margin-top: 0; max-width: 1000px; padding-top: 1%; padding-bottom: 1%; }
- page img{
border-width: 2px; border-color: #8A8A8A; border-style: solid; padding: 0; margin: 1.5%; margin-bottom: 0; }
- page a {
color: #8A8A8A; }
min {
height: auto; min-height: 138px; }
p {
margin: 0; padding: 0; }
- page p {
font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0px; margin: 1.5%; color: #8A8A8A; margin-bottom: 0; line-height: 1.3; }
- references p {
font-size: 12px; margin-top: 0.75%; }
h1 {
margin: 1.5%; padding: 0px; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-weight: 300; margin-top: 0; margin-bottom: 0; }
h3 {
margin: 1.5%; padding: 0px; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-weight: 200; margin-top: 1.5%; margin-bottom: 0; }
h4 {
margin: 1.5%; padding: 0px; font-family: 'Oswald', sans-serif; font-weight: 200; margin-top: 1.5%;x margin-bottom: 0; }
- team {
margin: 0; padding: 0; }
- team p {
height: 138px; }
- team img {
height: 160px; width: 120px; border-width: 2px; border-color: #8A8A8A; border-style: solid; padding: 0; margin: 1.5%; margin-bottom: 0; float: left; }
@media (min-width: 920px) {
#menu a { font-size: 14pt; padding: 18px; } #igem-logo a { padding: 0; margin: 4px; height: 52px; } #igem-logo img { height: 48px; width: 60px; } #logo img { height: 100px; width: 254px; } }
@media (max-width: 919px) {
#menu a { font-size: 10pt; padding: 3px; } #igem-logo a { padding: 0; margin: 4px; height: 36px; } #igem-logo img { height: 32px; width: 40px; } label:before { content: "\a"; white-space: pre; } #logo img { height: 60px; width: 158px; } }