Difference between revisions of "Team:SDU-Denmark/core/subpage"
| Line 3: | Line 3: | ||
/* body of the page*/ | /* body of the page*/ | ||
| − | + | #globalWrapper { | |
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; | ||
Revision as of 11:35, 16 August 2016
/* body of the page*/
- globalWrapper {
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("../images/spiralpatternnovertical.png");
background-size:125% 1.7em;
margin: 0px 0px 0px 0px;
border:0;
border-radius: 0;
}
- logo{ /*picture on top of page*/
height: 120px; margin: 0px 50px 0px 0px; }
.brand{ /*distance from top to name on top of page*/ padding-top: 60px; }
.brand h1{ /*name on top of page*/ 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("../images/spiralpattern.png"); 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("../images/spiralpatternnovertical.png");
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) { ... }
