Difference between revisions of "Team:Dundee/style.css"
| Line 3: | Line 3: | ||
/* hiding the top section*/ | /* hiding the top section*/ | ||
| − | |||
#top-section{ | #top-section{ | ||
height:0px; | height:0px; | ||
border:none; | border:none; | ||
| − | width: | + | width:100%; |
margin:0 auto; | margin:0 auto; | ||
padding:0; | padding:0; | ||
background-color:transparent; | background-color:transparent; | ||
| + | |||
} | } | ||
| Line 32: | Line 32: | ||
/* global setting*/ | /* global setting*/ | ||
| + | |||
#globalWrapper{ | #globalWrapper{ | ||
| − | + | position:absolute; | |
| − | + | top:0px; | |
| − | + | left:0px; | |
| − | + | width:100%; | |
| − | + | padding:0; | |
| − | + | margin:0; | |
| − | + | height:100%; | |
} | } | ||
#content{ | #content{ | ||
| − | background-color:transparent; | + | background-color: transparent; |
border:none; | border:none; | ||
width:100%; | width:100%; | ||
| Line 66: | Line 67: | ||
} | } | ||
/* end of global setting*/ | /* end of global setting*/ | ||
| − | |||
| − | |||
/* Page Start */ | /* Page Start */ | ||
| − | |||
| − | |||
| − | |||
| − | |||
body { | body { | ||
| − | background: # | + | background-color: #2b2b2b; |
| − | color: # | + | color: #e9e9e9; |
| − | + | ||
/*background: -webkit-linear-gradient(#606060, #121212); | /*background: -webkit-linear-gradient(#606060, #121212); | ||
background: -moz-linear-gradient(#606060, #121212); | background: -moz-linear-gradient(#606060, #121212); | ||
| Line 85: | Line 79: | ||
padding-top: 70px; | padding-top: 70px; | ||
font-family: 'helvetica'; | font-family: 'helvetica'; | ||
| + | font-size: 16px; | ||
} | } | ||
| Line 99: | Line 94: | ||
background:url(https://static.igem.org/mediawiki/2015/9/98/Dundee_bg_header.png) no-repeat; | background:url(https://static.igem.org/mediawiki/2015/9/98/Dundee_bg_header.png) no-repeat; | ||
height:700px; | height:700px; | ||
| − | width:100%; | + | width: 100%; |
padding-top:50px; | padding-top:50px; | ||
color: #fff; | color: #fff; | ||
| Line 129: | Line 124: | ||
#about h3 { | #about h3 { | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
| + | } | ||
| + | .selection-title { | ||
| + | text-align: center; | ||
| + | margin-top: 20px; | ||
| + | |||
} | } | ||
#about .glyphicon { | #about .glyphicon { | ||
| Line 137: | Line 137: | ||
} | } | ||
| + | |||
#about .col-md-3:hover .glyphicon { | #about .col-md-3:hover .glyphicon { | ||
border: 1px solid #E8E8E8; | border: 1px solid #E8E8E8; | ||
| Line 287: | Line 288: | ||
padding-bottom: 50px; | padding-bottom: 50px; | ||
} | } | ||
| + | |||
headert1 { | headert1 { | ||
background:url(../img/bg-header.jpg) no-repeat; | background:url(../img/bg-header.jpg) no-repeat; | ||
| Line 328: | Line 330: | ||
visibility: hidden; | visibility: hidden; | ||
} | } | ||
| + | /** PAGE NAVIGATION BUTTONS (EXCLUDING HOMEPAGE) **/ | ||
.fa { | .fa { | ||
| Line 342: | Line 345: | ||
background: teal; | background: teal; | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
/***** MODAL PROPERTIES *****/ | /***** MODAL PROPERTIES *****/ | ||
| Line 375: | Line 374: | ||
padding:0; | padding:0; | ||
margin: 0; | margin: 0; | ||
| − | } | + | } |
.modal-dialog { | .modal-dialog { | ||
position: relative; | position: relative; | ||
| Line 392: | Line 391: | ||
} | } | ||
} | } | ||
| + | |||
| + | @media only screen and (max-width: 768px) { | ||
| + | .box-btn { | ||
| + | margin-top: -15%; | ||
| + | margin-right: 15px; | ||
| + | float: right; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | |||
.border { | .border { | ||
border: 2px solid black; | border: 2px solid black; | ||
| Line 412: | Line 421: | ||
margin-right: 10px; | margin-right: 10px; | ||
} | } | ||
| + | |||
</html> | </html> | ||
Revision as of 10:43, 1 July 2015