Team:Goettingen/stylesheet

From 2014.igem.org

(Difference between revisions)
m
m
 
(57 intermediate revisions not shown)
Line 38: Line 38:
}
}
p{
p{
-
font-family:Georgia, Times, 'Times New Roman', serif;
 
         line-height:150%;
         line-height:150%;
-
         /*font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;*/
+
         font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
}
body{
body{
Line 306: Line 305:
color:#FFFFFF;
color:#FFFFFF;
}
}
-
/*For Twitter & Facebook*/
+
 
-
#Twitter{
+
-
      height:660px;
+
-
}
+
-
#Facebook{
+
-
      height:660px;
+
-
}
+
/*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:180px;
+
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-size:22px;
+
         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 10px 5px 0;
+
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;
-
        padding-left:10px;
 
}
}
.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;
-
        padding-left:25px;
 
}
}
Line 700: Line 725:
}
}
.proRP h1{
.proRP h1{
-
      font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
+
        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:5px 0;
+
        line-height:24px;
 +
padding:10px 0;
color:black;
color:black;
-
        text-align:left;
+
text-align:justify;
-
         font-weight:700;
+
         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:334px;
+
width:280px;
-
         height:230px;
+
         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:"Trebuchet MS", Arial, Helvetica, sans-serif;
+
        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:Georgia, Times, 'Times New Roman', serif;
+
        font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
}

Latest revision as of 01:17, 18 October 2014