Team:Goettingen/stylesheet
From 2014.igem.org
(Difference between revisions)
Gwen Eleven (Talk | contribs) m |
Gwen Eleven (Talk | contribs) m |
||
(59 intermediate revisions not shown) | |||
Line 38: | Line 38: | ||
} | } | ||
p{ | p{ | ||
- | |||
line-height:150%; | line-height:150%; | ||
- | + | font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; | |
} | } | ||
body{ | body{ | ||
Line 306: | Line 305: | ||
color:#FFFFFF; | color:#FFFFFF; | ||
} | } | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
/*For the pre & next buttons*/ | /*For the pre & next buttons*/ | ||
Line 318: | Line 311: | ||
display:block; | display:block; | ||
float:left; | float:left; | ||
+ | margin:20px 0; | ||
padding:5px; | padding:5px; | ||
border:solid 1px #e98f00; | border:solid 1px #e98f00; | ||
border-radius:2px; | border-radius:2px; | ||
+ | } | ||
+ | .button_pre:hover{ | ||
+ | color:white; | ||
+ | background-color:#FFB573; | ||
} | } | ||
.button_next{ | .button_next{ | ||
display:block; | display:block; | ||
float:right; | float:right; | ||
+ | margin:20px 0; | ||
padding:5px; | padding:5px; | ||
border:solid 1px #e98f00; | border:solid 1px #e98f00; | ||
border-radius:2px; | border-radius:2px; | ||
+ | } | ||
+ | .button_next:hover{ | ||
+ | color:white; | ||
+ | background-color:#FFB573; | ||
} | } | ||
.trans_zh{ | .trans_zh{ | ||
Line 336: | Line 339: | ||
border-radius:2px; | border-radius:2px; | ||
} | } | ||
+ | |||
/*For the footer*/ | /*For the footer*/ | ||
#footer{ | #footer{ | ||
Line 590: | Line 594: | ||
/*For protocol part*/ | /*For protocol part*/ | ||
/*For the overview page*/ | /*For the overview page*/ | ||
+ | #OverviewTitle{ | ||
+ | text-align:center; | ||
+ | font-size:36px; | ||
+ | padding:30px 0 0 0; | ||
+ | } | ||
+ | .linkButton{ | ||
+ | display:block; | ||
+ | float:right; | ||
+ | position:relative; | ||
+ | bottom:10px; | ||
+ | } | ||
+ | #empty{ | ||
+ | background-color:#F7F7F7; | ||
+ | } | ||
#protocolOverview{ | #protocolOverview{ | ||
float:left; | float:left; | ||
Line 597: | Line 615: | ||
float:left; | float:left; | ||
width:280px; | width:280px; | ||
- | height: | + | height:250px; |
margin:12px; | margin:12px; | ||
padding:15px; | padding:15px; | ||
+ | background-color:#e7e7e7; | ||
+ | border-radius:10px; | ||
+ | |||
} | } | ||
.pro_sub h4 a{ | .pro_sub h4 a{ | ||
Line 605: | Line 626: | ||
font-family:Verdana, Geneva, sans-serif; | font-family:Verdana, Geneva, sans-serif; | ||
font-size:22px; | font-size:22px; | ||
- | line- | + | line-height:26px; |
color:#F90; | color:#F90; | ||
text-align:center; | text-align:center; | ||
Line 621: | Line 642: | ||
color:#F90; | color:#F90; | ||
} | } | ||
- | + | .figure{ | |
+ | font-size:14px; | ||
+ | color:#5b686a; | ||
+ | line-height:110%; | ||
+ | padding:0 30px; | ||
+ | } | ||
#pic img{ | #pic img{ | ||
vertical-align: top; | vertical-align: top; | ||
Line 660: | Line 686: | ||
.proLP ul li{ | .proLP ul li{ | ||
display:block; | display:block; | ||
- | padding:5px | + | padding:5px 25px 5px 0px; |
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; | font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; | ||
font-size:16px; | font-size:16px; | ||
Line 668: | Line 694: | ||
.proLP ul li a{ | .proLP ul li a{ | ||
color:#F88005; | color:#F88005; | ||
- | |||
} | } | ||
.proLP ul li ul li{ | .proLP ul li ul li{ | ||
Line 674: | Line 699: | ||
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; | font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; | ||
font-size:14px; | font-size:14px; | ||
+ | padding-left:20px; | ||
line-height:24px; | line-height:24px; | ||
} | } | ||
.proLP ul li ul li a{ | .proLP ul li ul li a{ | ||
color:black; | color:black; | ||
- | |||
} | } | ||
Line 700: | Line 725: | ||
} | } | ||
.proRP h1{ | .proRP h1{ | ||
- | + | font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; | |
font-size:30px; | font-size:30px; | ||
font-weight:bold; | font-weight:bold; | ||
Line 706: | Line 731: | ||
line-height:40px; | line-height:40px; | ||
text-align:left; | text-align:left; | ||
- | + | padding:10px; | |
} | } | ||
.proRP h2{ | .proRP h2{ | ||
Line 726: | Line 751: | ||
font-family:"Charter Black", sans-serif; | font-family:"Charter Black", sans-serif; | ||
font-size:18px; | font-size:18px; | ||
- | padding: | + | line-height:24px; |
+ | padding:10px 0; | ||
color:black; | color:black; | ||
- | + | text-align:justify; | |
- | font-weight: | + | font-weight:bold; |
} | } | ||
Line 802: | Line 828: | ||
border-bottom-width:1px; | border-bottom-width:1px; | ||
} | } | ||
- | + | #Achieve a{ | |
+ | color:black; | ||
+ | } | ||
/*For the gallery*/ | /*For the gallery*/ | ||
.gallery_single_part{ | .gallery_single_part{ | ||
Line 870: | Line 898: | ||
#notebookWrap h2{ | #notebookWrap h2{ | ||
color:#000; | color:#000; | ||
+ | } | ||
+ | #BBWrap p img{ | ||
+ | display:block; | ||
+ | margin:15px auto; | ||
} | } | ||
#lab_team1{ | #lab_team1{ | ||
Line 896: | Line 928: | ||
.note_sthree{ | .note_sthree{ | ||
float:left; | float:left; | ||
- | + | width:280px; | |
- | height: | + | height:290px; |
+ | margin:12px; | ||
+ | padding:15px; | ||
+ | background-color:#e7e7e7; | ||
+ | border-radius:10px; | ||
} | } | ||
.note_sthree h2{ | .note_sthree h2{ | ||
Line 924: | Line 960: | ||
/*This is for the presentation part*/ | /*This is for the presentation part*/ | ||
+ | #Presentation{ | ||
+ | float:left; | ||
+ | width:690px; | ||
+ | } | ||
.pres{ | .pres{ | ||
float:left; | float:left; | ||
Line 943: | Line 983: | ||
/*Modify the table*/ | /*Modify the table*/ | ||
.table1 { | .table1 { | ||
- | + | font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; | |
width:100%; | width:100%; | ||
border-collapse:collapse; | border-collapse:collapse; | ||
Line 965: | Line 1,005: | ||
.table2{ | .table2{ | ||
background-color:#F7F7F7; | background-color:#F7F7F7; | ||
- | + | font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; | |
} | } |
Latest revision as of 01:17, 18 October 2014