Team:Heidelberg/Templates/basic-css
From 2013.igem.org
(Difference between revisions)
Nils.kurzawa (Talk | contribs) m |
m |
||
(74 intermediate revisions not shown) | |||
Line 3: | Line 3: | ||
<style type="text/css"> | <style type="text/css"> | ||
#contentSub, #search-controls, .firstHeading, /*#footer-box,*/ #catlinks, #p-logo { | #contentSub, #search-controls, .firstHeading, /*#footer-box,*/ #catlinks, #p-logo { | ||
- | display:none;} | + | display:none; |
+ | } | ||
#top-section { | #top-section { | ||
border: none; | border: none; | ||
- | height: 0px;} | + | height: 0px; |
+ | } | ||
#content { | #content { | ||
- | + | z-index: auto; | |
- | border: none;} | + | border: none; |
+ | width:98%; | ||
+ | } | ||
.firstHeading { | .firstHeading { | ||
Line 17: | Line 21: | ||
#footer-box{ | #footer-box{ | ||
- | + | border:none; | |
- | width: | + | margin: 0 auto; |
- | + | padding: 5px; | |
- | + | width: 965px; | |
- | + | ||
- | + | /*width:100%; | |
- | + | padding:0px; | |
- | + | margin:0 auto; | |
+ | display:inline-block; | ||
+ | text-align:left; | ||
+ | border-style:none;*/ | ||
} | } | ||
#footer-box *{ | #footer-box *{ | ||
position:relative; | position:relative; | ||
- | top: | + | margin-top:10px; |
+ | } | ||
+ | |||
+ | #globalWrapper { | ||
+ | font-size:100%; | ||
} | } | ||
Line 35: | Line 46: | ||
border-bottom: none; | border-bottom: none; | ||
} | } | ||
- | + | ||
- | # | + | h2 { |
- | + | font-size:18px; | |
+ | font-family:Arial, sans-serif; | ||
+ | } | ||
+ | h3 { | ||
+ | font-size:16px; | ||
+ | font-weight: 600; | ||
+ | font-family:Arial, sans-serif; | ||
+ | } | ||
+ | h4 { | ||
+ | font-size: 14px; | ||
+ | font-weight: 600; | ||
+ | font-family:Arial, sans-serif; | ||
+ | } | ||
+ | |||
+ | div.thumb div { | ||
+ | font-size:10px; | ||
+ | } | ||
+ | |||
+ | .editsection { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | li { | ||
+ | font-size:10px; | ||
+ | } | ||
+ | |||
+ | div.thumb { | ||
+ | border-color:#eeeeee; | ||
+ | } | ||
+ | |||
+ | dd { | ||
+ | font-size:10px; | ||
+ | } | ||
+ | |||
+ | a:visited { | ||
+ | color: #000080; | ||
+ | } | ||
+ | a { | ||
+ | color: #000080; | ||
+ | } | ||
+ | p > a, b > a { | ||
+ | color: #000080; | ||
+ | } | ||
+ | p > a:visited, b > a:visited { | ||
+ | color: #000080; | ||
+ | } | ||
+ | p { | ||
+ | text-align:justify; | ||
+ | } | ||
+ | table { | ||
+ | font-size:1em; | ||
+ | } | ||
+ | b { | ||
+ | font-size:14px; | ||
+ | } | ||
+ | figcaption { | ||
+ | text-align: justify; | ||
+ | } | ||
/* Resizes the menubar to fik the links (default is 400px) */ | /* Resizes the menubar to fik the links (default is 400px) */ | ||
Line 45: | Line 113: | ||
margin: 10px 0 0 0; | margin: 10px 0 0 0; | ||
padding: 0;} | padding: 0;} | ||
+ | |||
#top-section { | #top-section { | ||
width: 965px; | width: 965px; | ||
Line 60: | Line 129: | ||
background-color: transparent;} | background-color: transparent;} | ||
#menubar:hover { | #menubar:hover { | ||
- | color: | + | color: gray;} |
#menubar li a { | #menubar li a { | ||
- | color: | + | color: gray;} |
#menubar:hover li a { | #menubar:hover li a { | ||
color: #CCC;} | color: #CCC;} | ||
Line 85: | Line 154: | ||
bottom:0; | bottom:0; | ||
right: 0; | right: 0; | ||
- | |||
z-index: -1; | z-index: -1; | ||
} | } | ||
Line 98: | Line 166: | ||
margin:0 auto; | margin:0 auto; | ||
} | } | ||
- | + | /* .months{ | |
position:absolute; | position:absolute; | ||
left:0.5%; | left:0.5%; | ||
- | top: | + | top:275px; |
z-index:8; | z-index:8; | ||
} | } | ||
Line 107: | Line 175: | ||
position:absolute; | position:absolute; | ||
left:0.5%; | left:0.5%; | ||
- | top: | + | top:425px; |
width:37%; | width:37%; | ||
} | } | ||
.weekly-tabs{ | .weekly-tabs{ | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:335px; |
left:39%; | left:39%; | ||
width:61%; | width:61%; | ||
Line 118: | Line 186: | ||
#weekly{ | #weekly{ | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:365px; |
left:39%; | left:39%; | ||
width:61%; | width:61%; | ||
- | } | + | }*/ |
- | + | .scrollContent{ | |
- | + | overflow:hidden; | |
- | overflow: | + | |
position:relative; | position:relative; | ||
+ | height:700px; | ||
} | } | ||
- | + | .scrollContent2{ | |
- | height: | + | height:300px; |
- | overflow: | + | overflow:hidden; |
position:relative; | position:relative; | ||
top:15px; | top:15px; | ||
- | width: | + | width:90%; |
+ | left:20px; | ||
+ | right:20px; | ||
} | } | ||
#methods{ | #methods{ | ||
Line 138: | Line 208: | ||
position:absolute; | position:absolute; | ||
left:0.5%; | left:0.5%; | ||
- | top: | + | top:680px; |
width:37%; | width:37%; | ||
height:615px; | height:615px; | ||
Line 145: | Line 215: | ||
} | } | ||
- | + | .carousel .item{ | |
+ | background-color:#EEEEEE; | ||
+ | } | ||
+ | .carousel-caption{ | ||
+ | color:#5A5A5A; | ||
+ | text-shadow:none;/*0 2px 2px rgba(0, 0, 0, 0.4);*/ | ||
+ | } | ||
+ | .carousel-caption p { | ||
+ | font-size:10pt; | ||
+ | text-align:justify; | ||
+ | position:relative; | ||
+ | margin-right:1%; | ||
+ | } | ||
+ | .carousel-control{ | ||
+ | color:#5A5A5A; | ||
+ | width:7%; | ||
+ | } | ||
+ | .carousel-control.left { | ||
+ | background-image: none; | ||
+ | } | ||
+ | .carousel-control.right { | ||
+ | background-image: none; | ||
+ | } | ||
+ | .carousel-control .icon-prev, | ||
+ | .carousel-control .icon-next, | ||
+ | .carousel-control .glyphicon-chevron-left, | ||
+ | .carousel-control .glyphicon-chevron-right{ | ||
+ | left:10%; | ||
+ | } | ||
+ | .carousel-indicators li { | ||
+ | border: 1px solid #5A5A5A; | ||
+ | } | ||
+ | .carousel-indicators .active { | ||
+ | background-color: #5A5A5A; | ||
+ | } | ||
+ | .nav-tabs { | ||
+ | border-bottom:#eeeeee ; | ||
+ | } | ||
+ | .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { | ||
+ | border-color:#eeeeee; | ||
+ | } | ||
+ | .sidebar-nav { | ||
+ | padding: 9px 0; | ||
+ | } | ||
+ | |||
+ | .dropdown-menu .sub-menu { | ||
+ | left: 100%; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | visibility: hidden; | ||
+ | margin-top: -1px; | ||
+ | } | ||
+ | |||
+ | .dropdown-menu li:hover .sub-menu { | ||
+ | visibility: visible; | ||
+ | } | ||
+ | |||
+ | .dropdown:hover .dropdown-menu { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu { | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | |||
+ | .navbar .sub-menu:before { | ||
+ | border-bottom: 7px solid transparent; | ||
+ | border-left: none; | ||
+ | border-right: 7px solid rgba(0, 0, 0, 0.2); | ||
+ | border-top: 7px solid transparent; | ||
+ | left: -7px; | ||
+ | top: 10px; | ||
+ | } | ||
+ | .navbar .sub-menu:after { | ||
+ | border-top: 6px solid transparent; | ||
+ | border-left: none; | ||
+ | border-right: 6px solid #fff; | ||
+ | border-bottom: 6px solid transparent; | ||
+ | left: 10px; | ||
+ | top: 11px; | ||
+ | left: -6px; | ||
+ | } | ||
+ | .labjournal-weekly { | ||
+ | margin-top:2.6%; | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | } | ||
+ | table.wikitable { | ||
+ | font-size:0.7em; | ||
+ | } | ||
+ | #bodyContent a[href^="https://"], .link-https { | ||
+ | background: none;} | ||
+ | </style> | ||
+ | |||
+ | <!--customized scrollbar--> | ||
+ | <!--<link href="custom-scrollbar-plugin/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />--> | ||
</html> | </html> |
Latest revision as of 21:11, 28 October 2013