Line 1: | Line 1: | ||
− | /* body | + | /* body*/ |
− | + | body{ | |
background-image: url(https://static.igem.org/mediawiki/2016/e/e8/T--SDU-Denmark--background01.jpg); | background-image: url(https://static.igem.org/mediawiki/2016/e/e8/T--SDU-Denmark--background01.jpg); | ||
font-size: 1.8em; | font-size: 1.8em; | ||
Line 21: | Line 21: | ||
} | } | ||
− | + | /*picture on top of page*/ | |
+ | #logo{ | ||
height: 120px; | height: 120px; | ||
margin: 0px 50px 0px 0px; | margin: 0px 50px 0px 0px; | ||
} | } | ||
− | + | /*distance from top to name on top of page*/ | |
− | padding-top: | + | .brand{ |
+ | padding-top: 30px; | ||
} | } | ||
− | + | /*name on top of page*/ | |
+ | .brand h1{ | ||
font-family: Georgia, serif; | font-family: Georgia, serif; | ||
color: #7B92BD; | color: #7B92BD; |
Revision as of 12:51, 16 August 2016
/* body*/
body{
background-image: url();
font-size: 1.8em;
font-family: "helvetica Neue","Helvetica", Arial, sans-serif;
}
/* header of the page*/ .header{
height: 120px;
background-image: url("");
background-size:125% 1.7em;
margin: 0px 0px 0px 0px;
border:0;
border-radius: 0;
}
/*picture on top of page*/
- logo{
height: 120px; margin: 0px 50px 0px 0px; }
/*distance from top to name on top of page*/ .brand{ padding-top: 30px; }
/*name on top of page*/ .brand h1{ font-family: Georgia, serif; color: #7B92BD;
font-size:3em; font-weight: bold; text-shadow: 1px 1px 1px #222; margin-top: 0px; margin-left: 130px; margin-bottom: 0; line-height: 0.75;
}
/*removes the decoration of the title*/ .brand a:hover, .brand a:focus{ text-decoration: none; }
/*the page body*/
- page {
height: 1200px;
background-image: url("");
background-size:125% 1.7em;
} /*paragraph styling*/ p { padding: .2em 7em 1em 130px; line-height: 1.7em; margin: 0; }
h2.first{ font-size: 1.5em; padding-top: .22em; padding-left: 130px; margin: 0; }
h2.other{ font-size: 1.5em; padding-top: .37em; padding-left: 130px; margin: 0; }
p>a{ color: #4f6b9e; }
p>a:hover{ color: #ff5c00; }
/* Rightside menu*/ div#sidemenu{
font-size: 1vw; padding-left: 0px; padding-right: 4vw; border-radius: 0; }
/*chapter labels*/
.panel-heading{
/*height: 4vw;*/
padding:.7vw;
box-shadow: 2px 2px 4px grey;
border-radius: 0;
}
/*font size of chapter labels*/ .panel-heading>h4{ font-size:1.5vw; color: white; }
/*color of chapter labels*/
- tab1.panel-heading{
background-color: #342378; }
- tab2.panel-heading{
background-color: #6454a4; }
- tab3.panel-heading{
background-color: #05544c; }
- tab4.panel-heading{
background-color: #156c63; }
- tab5.panel-heading{
background-color: #0e295a; }
- tab6.panel-heading{
background-color: #203d73; }
- tab7.panel-heading{
background-color: #4f6b9e; } /*background colors on small labels*/
- team,#collaborations,#description,#design,#experiments,#proof,#demonstrate,#results,#notebook{
background-color: #8d80c2; /*purple*/
/*height:2em;*/ }
- basic,#composite,#collection,#safety{
background-color: #6FB4AD; /*green*/ }
- attributions,#hp1,#hp2,#hp3,#awards1,#awards2,#awards3,#awards4{
background-color: #7B92BD; /*blue*/ }
/*text color on small labels*/ td>a{ color: white; }
.panel-group .panel{ border-radius: 0; border:0; margin-bottom: .5em; }
- collapseOne.panel-collapse{
margin:0; }
- tab1.panel-title{
width: 80%; text-align:left; } .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body { border:0;
}
div.panel-body{ background: transparent; padding: 0; margin: 10px 15px 10px 0px; }
table.table { margin:-10px 0px -10px 0px; border:0px; border-collapse: separate; border-spacing: 0px 10px; }
.panel{ background-color: rgba(0,0,0,0); }
/*remove the lines between buttons*/ .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { border-top:0px solid rgba(0,0,0,0); border-left: 0px; }
.activestate{
margin-left: -8vw !IMPORTANT;
padding-left: 4vw !IMPORTANT;
}
}
/*design for the footer*/ .footer { height:100px; border:0;
background-image: url("");
background-size:125% 1.7em; /*background-size: 100% 1.85vw; */ }
.footer>a>img{ height:4em; padding:.5em; }
/*Media queries*/
/* Small devices (tablets, 768px and up) */ @media (min-width: @screen-sm-min) { ... }
/* Medium devices (desktops, 992px and up) */ @media (min-width: @screen-md-min) { ... }
/* Large devices (large desktops, 1200px and up) */ @media (min-width: @screen-lg-min) { ... }