Team:Berlin/Style
From 2014.igem.org
(Difference between revisions)
(Main style for the Team Berlin Wiki) |
|||
(2 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | <html> | ||
- | / | + | <style type="text/css"> |
- | + | ||
@font-face { | @font-face { | ||
font-family: "ag_book_roundedregular"; | font-family: "ag_book_roundedregular"; | ||
Line 10: | Line 10: | ||
font-weight: normal; | font-weight: normal; | ||
font-style: normal; | font-style: normal; | ||
- | |||
} | } | ||
Line 79: | Line 78: | ||
padding: 10px 30px 10px 0; | padding: 10px 30px 10px 0; | ||
margin-bottom: 30px; | margin-bottom: 30px; | ||
- | margin-top: 5px; | + | margin-top: 5px; |
} | } | ||
Line 97: | Line 96: | ||
padding: 10px 30px 10px 0; | padding: 10px 30px 10px 0; | ||
margin-bottom: 30px; | margin-bottom: 30px; | ||
- | margin-top: 5px; | + | margin-top: 5px; |
} | } | ||
Line 108: | Line 107: | ||
.deactivate{ | .deactivate{ | ||
text-decoration: line-through; | text-decoration: line-through; | ||
- | + | opacity: 0.5; | |
- | + | border: none; | |
- | + | background: none; | |
- | + | ||
} | } | ||
Line 117: | Line 115: | ||
{ | { | ||
text-decoration: line-through; | text-decoration: line-through; | ||
- | + | opacity: 0.5; | |
- | + | border: none; | |
- | + | background: none; | |
- | background: none; | + | |
} | } | ||
Line 158: | Line 155: | ||
} | } | ||
- | |||
- | |||
#background1 { | #background1 { | ||
background: url('../img/background/Team_Berlin_igem_background_01.jpg') no-repeat bottom fixed; | background: url('../img/background/Team_Berlin_igem_background_01.jpg') no-repeat bottom fixed; | ||
Line 218: | Line 213: | ||
} | } | ||
- | |||
- | |||
- | |||
.footer | .footer | ||
Line 287: | Line 279: | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
.main-menue | .main-menue | ||
Line 297: | Line 284: | ||
text-transform: uppercase; | text-transform: uppercase; | ||
font-size: 16px; | font-size: 16px; | ||
- | |||
color: #fff; | color: #fff; | ||
background-color: rgba(255,255,255,.9); | background-color: rgba(255,255,255,.9); | ||
Line 304: | Line 290: | ||
.main-menue-links a | .main-menue-links a | ||
{ | { | ||
- | |||
color: #0ecd28; | color: #0ecd28; | ||
} | } | ||
- | + | .main-menue-ul | |
- | + | { | |
- | + | padding-left: 0; | |
- | + | } | |
.main-menue li | .main-menue li | ||
Line 329: | Line 314: | ||
padding-top: 2px; | padding-top: 2px; | ||
padding-bottom: 2px; | padding-bottom: 2px; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 341: | Line 321: | ||
-moz-border-radius: 17px; | -moz-border-radius: 17px; | ||
border-radius: 17px; | border-radius: 17px; | ||
- | |||
- | |||
width: 121px; | width: 121px; | ||
padding-top: 2px; | padding-top: 2px; | ||
Line 350: | Line 328: | ||
.main-menue-links:hover | .main-menue-links:hover | ||
{ | { | ||
- | |||
color: #0ecd28; | color: #0ecd28; | ||
text-decoration: none; | text-decoration: none; | ||
- | |||
border: 1px solid #0ecd28; | border: 1px solid #0ecd28; | ||
-moz-border-radius: 17px; | -moz-border-radius: 17px; | ||
Line 365: | Line 341: | ||
.igem-link:hover | .igem-link:hover | ||
{ | { | ||
- | |||
color: #0ecd28; | color: #0ecd28; | ||
text-decoration: none; | text-decoration: none; | ||
- | |||
- | |||
- | |||
} | } | ||
- | |||
- | |||
- | |||
.teaser | .teaser | ||
{ | { | ||
Line 388: | Line 357: | ||
padding-bottom: 6px; | padding-bottom: 6px; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
.jumbotron{ | .jumbotron{ | ||
Line 493: | Line 457: | ||
- | |||
- | |||
- | |||
- | |||
.featurette{ | .featurette{ | ||
Line 565: | Line 525: | ||
} | } | ||
- | |||
- | |||
- | |||
.game-intro{ | .game-intro{ | ||
Line 574: | Line 531: | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
.sponsor-title{ | .sponsor-title{ | ||
Line 622: | Line 575: | ||
} | } | ||
- | + | ||
- | + | ||
#section-sub | #section-sub | ||
{ | { | ||
Line 648: | Line 600: | ||
.project-steps-img img | .project-steps-img img | ||
{ | { | ||
- | |||
- | |||
margin-bottom: 16px; | margin-bottom: 16px; | ||
} | } | ||
Line 681: | Line 631: | ||
} | } | ||
- | |||
- | |||
.search-archive | .search-archive | ||
Line 726: | Line 674: | ||
border: none; | border: none; | ||
} | } | ||
- | |||
- | |||
- | |||
.blog-entry | .blog-entry | ||
{ | { | ||
Line 736: | Line 681: | ||
margin-bottom: 35px; | margin-bottom: 35px; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
.blog-text | .blog-text | ||
Line 796: | Line 727: | ||
clear: both; | clear: both; | ||
} | } | ||
- | |||
- | |||
- | |||
@media (min-width: 992px) { | @media (min-width: 992px) { | ||
.last-featurette{ | .last-featurette{ | ||
padding: 0; | padding: 0; | ||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 825: | Line 749: | ||
- | |||
- | |||
@media (max-width: 768px){ | @media (max-width: 768px){ | ||
.sponsor-img{ | .sponsor-img{ | ||
Line 833: | Line 755: | ||
width: 20%; | width: 20%; | ||
} | } | ||
- | |||
- | |||
- | |||
.main-menue | .main-menue | ||
Line 841: | Line 760: | ||
text-transform: uppercase; | text-transform: uppercase; | ||
font-size: 15px; | font-size: 15px; | ||
- | |||
} | } | ||
Line 863: | Line 781: | ||
padding-bottom: 2px; | padding-bottom: 2px; | ||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 873: | Line 787: | ||
border: 1px solid #0ecd28; | border: 1px solid #0ecd28; | ||
-moz-border-radius: 17px; | -moz-border-radius: 17px; | ||
- | border-radius: 17px; | + | border-radius: 17px; |
- | + | ||
- | + | ||
width: 80px; | width: 80px; | ||
padding-top: 2px; | padding-top: 2px; | ||
Line 892: | Line 805: | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
@media (max-width: 468px){ | @media (max-width: 468px){ | ||
.featurette{ | .featurette{ | ||
Line 921: | Line 830: | ||
} | } | ||
- | + | </style> | |
+ | </html> |
Latest revision as of 10:16, 2 October 2014