Team:USTC-Software/Software/Overview/css

From 2013.igem.org

(Difference between revisions)
Line 5: Line 5:
     height:100%;  
     height:100%;  
     background: url(https://static.igem.org/mediawiki/2013/9/96/USTC-Software_Box_header.png) repeat-x;  
     background: url(https://static.igem.org/mediawiki/2013/9/96/USTC-Software_Box_header.png) repeat-x;  
-
     top:50px;  
+
     top:60px;  
     left:15px;
     left:15px;
     color: #069;
     color: #069;
Line 19: Line 19:
     font-family: 'Open Sans',arial,serif;
     font-family: 'Open Sans',arial,serif;
     margin-left:35px;
     margin-left:35px;
-
margin-top:20px;
+
    margin-top:20px;
-
margin-bottom:0px;
+
    margin-bottom:0px;
-
color:#36526C;
+
    color:#36526C;
}
}
Line 74: Line 74:
}
}
-
#home2 { top:35px;}
+
#home2 { top:40px;}
Line 81: Line 81:
#jobs_container {  
#jobs_container {  
-
position: relative;  
+
    position: relative;  
-
width:400px;  
+
    width:400px;  
}
}
.jobs_trigger {  
.jobs_trigger {  
     height: 14px;
     height: 14px;
-
line-height: 14px;
+
    line-height: 14px;
-
border-top: 1px solid #b1b1b1;
+
    border-top: 1px solid #b1b1b1;
-
cursor: pointer;
+
    cursor: pointer;
-
padding: 7px 15px;  
+
    padding: 7px 15px;  
-
font: 14px Times, serif;
+
    font: 14px Times, serif;
-
font-style: italic;  
+
    font-style: italic;  
-
background: url(../new/bg_trigger_status.png) no-repeat 380px 10px;
+
    background: url(../new/bg_trigger_status.png) no-repeat 380px 10px;
}
}
Line 106: Line 106:
.jobs_trigger span {  
.jobs_trigger span {  
     width: 10px;  
     width: 10px;  
-
display: block;  
+
    display: block;  
-
float: left;
+
    float: left;
     font-weight: 600;
     font-weight: 600;
}
}
Line 114: Line 114:
.jobs_trigger strong {  
.jobs_trigger strong {  
     font: 14px "Helvetica Neue","Arial",sans-serif;  
     font: 14px "Helvetica Neue","Arial",sans-serif;  
-
font-style: normal;  
+
    font-style: normal;  
-
font-weight: 600;
+
    font-weight: 600;
}
}

Revision as of 13:57, 13 August 2013

  1. overview_contain {
    position:absolute;
    float:left; 
    width:930px; 
    height:100%; 
    background: url(USTC-Software_Box_header.png) repeat-x; 
    top:60px; 
    left:15px;
    color: #069;
    border-radius: 2px 2px 0 0; 
    -moz-border-radius: 2px 2px 0 0; 
    -webkit-border-radius: 6px 6px 0 0;

}


  1. overview_contain h2 {
    font-size:20px;
    font-family: 'Open Sans',arial,serif;
    margin-left:35px;
    margin-top:20px;
    margin-bottom:0px;
    color:#36526C;

}


  1. overview_contain p {
    font-size:14px;
    font-family: "Helvetica Neue","Arial",sans-serif;

}


  1. description_l {
    height:auto;
    width:400px; 
    float:left;
    clear:left;
    margin-left:35px;
    margin-top:0px;

}


  1. description_l h3 {
    font-size:20px;
    font-family: 'Open Sans',"Helvetica Neue",arial,serif;
    color:#36526C;

}


  1. description_r {
    height:auto;
    width:400px; 
    float:right;
    margin-top:0px;
    margin-right:35px;

}

  1. description_r h3 {
    font-size:20px;
    font-family: 'Open Sans',"Helvetica Neue",arial,serif;
    color:#36526C;

}

  1. home2 h1 {

padding-left: 30px; padding-top: 20px; font-family:Arial, Helvetica, sans-serif; font-size: 36px; color:#0D97F2; border-bottom:#CCC dotted 2px; }

  1. home2 { top:40px;}



  1. jobs_container {
    position: relative; 
    width:400px;	 

}

.jobs_trigger {

    height: 14px;
    line-height: 14px;
    border-top: 1px solid #b1b1b1;
    cursor: pointer;
    padding: 7px 15px; 
    font: 14px Times, serif;
    font-style: italic; 
    background: url(../new/bg_trigger_status.png) no-repeat 380px 10px;

}


.jobs_trigger.active { background-position: 380px -41px;}



.jobs_trigger span {

    width: 10px; 
    display: block; 
    float: left;
    font-weight: 600;

}


.jobs_trigger strong {

    font: 14px "Helvetica Neue","Arial",sans-serif; 
    font-style: normal; 
    font-weight: 600;

}


.jobs_item { padding: 1px 15px 12px;} .jobs_item p { margin: 11px 0 0;}