Template:Nevada Home CSS
From 2011.igem.org
m |
m |
||
(55 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<style type="text/css" /> | <style type="text/css" /> | ||
- | # | + | #Nevada-MainContent{ |
position: relative; | position: relative; | ||
float: left; | float: left; | ||
top: 159px; | top: 159px; | ||
left: -5px; | left: -5px; | ||
- | height: | + | height: 100%; |
- | width: | + | width: 943px; |
display: block; | display: block; | ||
border-left: rgba(0,0,0,1) groove 4px; | border-left: rgba(0,0,0,1) groove 4px; | ||
- | background-color: rgba(100,100,100,1); | + | border-right: rgba(0,0,0,1) ridge 4px; |
+ | /*background-color: rgba(100,100,100,1);*/ | ||
/* Color Background */ | /* Color Background */ | ||
- | background: | + | background-color: transparent !important; |
- | background: - | + | /*background: -moz-linear-gradient(bottom, #858585 97%, rgba(0,0,26,1), #25324e); */ |
- | + | padding: 10px; | |
- | + | padding-right: 2px !important; | |
- | background: | + | } |
+ | |||
+ | #left-minor-content{ | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | top: 15px; | ||
+ | left: -5px; | ||
+ | height: 100%; | ||
+ | width: 225px; | ||
+ | display: block; | ||
+ | border: rgba(0,0,0,0.6) solid 10px; | ||
+ | background-color: rgba(194,194,194,0.7); | ||
padding: 10px; | padding: 10px; | ||
} | } | ||
Line 25: | Line 37: | ||
display: block; | display: block; | ||
float: left; | float: left; | ||
- | top: | + | top: 15px; |
- | left: | + | left: 0px; |
- | width: | + | width: 635px; |
- | height: | + | height: 100%; |
- | + | border: rgba(0,0,0,0.6) solid 10px; | |
- | + | background-color: rgba(194,194,194,0.7); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | background | + | |
- | + | ||
padding: 10px; | padding: 10px; | ||
} | } | ||
Line 66: | Line 72: | ||
} | } | ||
/* End of Text Style */ | /* End of Text Style */ | ||
+ | |||
+ | .tabs { | ||
+ | list-style: none; | ||
+ | overflow: hidden; | ||
+ | padding-left: 1px; | ||
+ | } | ||
+ | |||
+ | .tabs li { | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | .tabs li a { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | padding: 4px 8px; | ||
+ | color: black; | ||
+ | border: rgba(0,0,0,0.6) solid 2px; | ||
+ | background-color: rgba(194,194,194,0.7); | ||
+ | margin: 0 -2px 0 -1px; | ||
+ | } | ||
+ | |||
+ | .tabs li a.current { background: white; border-bottom: 0; position: relative; top: 2px; z-index: 2; } | ||
+ | |||
+ | .box-wrapper { | ||
+ | -moz-box-shadow: 0 0 20px black; | ||
+ | -webkit-box-shadow: 0 0 20px black; | ||
+ | padding: 20px; | ||
+ | background-color: rgba(194,194,194,0.7); | ||
+ | /*border: 1px solid #ccc; */ | ||
+ | /*border: rgba(0,0,0,0.6) solid 1px;*/ | ||
+ | border-top: rgba(0,0,0,0.6) solid 5px; | ||
+ | margin: -1px 0 0 0; | ||
+ | height: 930px; | ||
+ | position: relative; | ||
+ | } | ||
+ | .content-box { overflow: hidden; position: absolute; top: 20px; left: 20px; width: 658px; height: 930px; } | ||
+ | |||
+ | .col { width: 80%; float: left; position: relative; top: 930px; } | ||
+ | .col-one, .col-two { margin-right: 3%; } | ||
+ | |||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 06:35, 27 September 2011
#Nevada-MainContent{ position: relative; float: left; top: 159px; left: -5px; height: 100%; width: 943px; display: block; border-left: rgba(0,0,0,1) groove 4px; border-right: rgba(0,0,0,1) ridge 4px; /*background-color: rgba(100,100,100,1);*/ /* Color Background */ background-color: transparent !important; /*background: -moz-linear-gradient(bottom, #858585 97%, rgba(0,0,26,1), #25324e); */ padding: 10px; padding-right: 2px !important; } #left-minor-content{ position: relative; float: left; top: 15px; left: -5px; height: 100%; width: 225px; display: block; border: rgba(0,0,0,0.6) solid 10px; background-color: rgba(194,194,194,0.7); padding: 10px; } #right-major-content{ position: relative; display: block; float: left; top: 15px; left: 0px; width: 635px; height: 100%; border: rgba(0,0,0,0.6) solid 10px; background-color: rgba(194,194,194,0.7); padding: 10px; } /* Text Classes For each block */ .abstracttitle{ font-size: 20px; font-family:Tahoma; line-height: 22px; text-align: left; font-weight: bold; } .abstractdesc{ font-size: 16px; font-family:"Times New Roman", Tahoma; line-height: 20px; text-align: justify; font-weight: bold; } .newstitle{ font-size: 40px; font-family:"Times New Roman", serif; line-height: 22px; text-align: left; font-weight: bold; } /* End of Text Style */ .tabs { list-style: none; overflow: hidden; padding-left: 1px; } .tabs li { display: inline; } .tabs li a { display: block; float: left; padding: 4px 8px; color: black; border: rgba(0,0,0,0.6) solid 2px; background-color: rgba(194,194,194,0.7); margin: 0 -2px 0 -1px; } .tabs li a.current { background: white; border-bottom: 0; position: relative; top: 2px; z-index: 2; } .box-wrapper { -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; padding: 20px; background-color: rgba(194,194,194,0.7); /*border: 1px solid #ccc; */ /*border: rgba(0,0,0,0.6) solid 1px;*/ border-top: rgba(0,0,0,0.6) solid 5px; margin: -1px 0 0 0; height: 930px; position: relative; } .content-box { overflow: hidden; position: absolute; top: 20px; left: 20px; width: 658px; height: 930px; } .col { width: 80%; float: left; position: relative; top: 930px; } .col-one, .col-two { margin-right: 3%; }