Team:TU-Delft/Templates/Style
From 2013.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html> | <html> | ||
- | < | + | <style> |
- | + | body { | |
- | + | background: #ADD8E6 url("https://static.igem.org/mediawiki/2013/d/d7/Im04.gif") left no-repeat fixed; | |
- | + | font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; | |
- | + | text-align: center; | |
- | + | ||
- | font- | + | |
- | + | ||
- | + | ||
} | } | ||
- | #search-controls { | + | |
- | + | /* Removing wiki-like stuff */ | |
- | + | /****************************/ | |
- | + | /*#contentSub, #search-controls,*/ .firstHeading, /* #footer-box, #catlinks,*/ #p-logo { | |
- | + | display:none;} | |
+ | |||
+ | /* Redesigning the topmenu */ | ||
+ | /***************************/ | ||
+ | |||
+ | #top-section { | ||
+ | border: 0 none; | ||
+ | height: 30px; | ||
} | } | ||
- | + | #menubar { | |
border: medium none; | border: medium none; | ||
- | + | float: left; | |
- | + | font-size: 85%; | |
+ | height: 18px; | ||
+ | position: top; | ||
+ | top: 0; | ||
} | } | ||
- | + | #menubar li a { | |
- | + | color: #868686; | |
- | + | ||
- | # | + | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
#menubar.right-menu { | #menubar.right-menu { | ||
- | + | background-color: #494D51; | |
- | + | border-bottom: 1px solid black; | |
- | + | right: auto; | |
- | + | text-align: right; | |
- | width: | + | width: 977px; |
+ | z-index: 7; | ||
} | } | ||
- | . | + | #menubar.left-menu { |
- | + | left: auto; | |
+ | text-align: left; | ||
+ | width: auto; | ||
+ | z-index: 9; | ||
} | } | ||
- | # | + | /* Layout */ |
- | + | /**********/ | |
- | + | #heading, #innercontent { | |
- | + | /*background: url("https://static.igem.org/mediawiki/2011/b/ba/DTU-Denmark2011-bg2.jpg") repeat #D7D7D7;}*/ | |
- | + | background: gray; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | /*#content, #globalWrapper { |
- | border: | + | border: none; |
- | + | width: 75%; | |
- | + | margin: 0; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
padding: 0; | padding: 0; | ||
- | width: | + | }*/ |
+ | #globalWrapper { | ||
+ | margin: 0 auto; | ||
+ | width: 975px; | ||
} | } | ||
- | + | #content { | |
- | + | background-color: white; | |
+ | border: 1px solid black; | ||
+ | margin-bottom: 10px; | ||
+ | padding: 0 0 20px; | ||
+ | width: 975px; | ||
} | } | ||
- | + | ||
- | + | #contentSub { | |
- | + | margin: 0; | |
} | } | ||
- | + | #search-controls { | |
- | + | background: none repeat scroll 0 0 transparent; | |
- | + | border: 0 none; | |
- | + | display: block; | |
- | + | height: auto; | |
- | display: | + | |
margin: 0; | margin: 0; | ||
+ | overflow: visible; | ||
+ | position: fixed; | ||
+ | right: auto; | ||
+ | text-align: right; | ||
+ | top: 24px; | ||
+ | width: 975px; | ||
} | } | ||
- | + | #searchInput { | |
- | font-size: | + | border: 0 none; |
- | + | color: #555555; | |
+ | font-size: 85%; | ||
+ | padding-left: 2px; | ||
+ | padding-right: 2px; | ||
+ | width: 100px; | ||
} | } | ||
- | + | #searchform { | |
- | + | margin: 1px; | |
} | } | ||
- | # | + | |
- | + | #footer-box { | |
+ | background-color: #D8D5D0; | ||
} | } | ||
- | + | ||
- | + | input.searchButton { | |
- | + | color: #FFFFFF; | |
- | + | cursor: pointer; | |
- | + | font-size: 80%; | |
- | color: # | + | font-weight: normal; |
- | + | margin: 0; | |
- | + | padding-left: 2px; | |
- | + | padding-right: 2px; | |
- | + | ||
- | + | ||
- | + | ||
- | font- | + | |
- | + | ||
- | + | ||
- | + | ||
- | font-weight: | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
+ | |||
+ | #banner{background:transparent; | ||
+ | height: 50px;} | ||
+ | |||
#header { | #header { | ||
- | background: url("https://static.igem.org/mediawiki/2013/2/2d/HeaderDelft.png") repeat | + | background: url("https://static.igem.org/mediawiki/2013/2/2d/HeaderDelft.png") right no-repeat ; |
- | + | box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); | |
- | + | -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */ | |
- | + | height: 150px; | |
- | + | width: 100%; | |
- | + | border-top: 1px solid #660000; | |
- | + | border-bottom: 1px solid #660000;} | |
- | + | ||
- | + | #menu, #menu ul { | |
- | + | margin: 0; | |
- | + | padding: 0; | |
- | + | list-style: none; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
- | # | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
+ | |||
#menu { | #menu { | ||
width: 960px; | width: 960px; | ||
Line 194: | Line 174: | ||
color: #fafafa; | color: #fafafa; | ||
} | } | ||
- | + | </style> | |
+ | <style> | ||
#menu ul { | #menu ul { | ||
margin: 20px 0 0 0; | margin: 20px 0 0 0; | ||
Line 251: | Line 232: | ||
background-image: linear-gradient(#04acec, #0186ba); | background-image: linear-gradient(#04acec, #0186ba); | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</style> | </style> | ||
</html> | </html> |
Revision as of 09:01, 19 April 2013