Difference between revisions of "Team:Dundee/style.css"
| Line 4: | Line 4: | ||
/* hiding the top section*/ | /* hiding the top section*/ | ||
| + | |||
| + | |||
#top-section{ | #top-section{ | ||
| Line 27: | Line 29: | ||
font-size: 100%; | font-size: 100%; | ||
} | } | ||
| + | |||
#search-controls{ | #search-controls{ | ||
display:none; | display:none; | ||
| Line 83: | Line 86: | ||
} | } | ||
/* end of global setting*/ | /* end of global setting*/ | ||
| + | |||
/* Page Start */ | /* Page Start */ | ||
| + | |||
| + | html, body, div, h1, h2, h3, h4, span, .btn { | ||
| + | font-family: 'roboto'; | ||
| + | } | ||
| + | |||
| + | |||
html, body { | html, body { | ||
overflow-x:hidden; | overflow-x:hidden; | ||
| − | + | ||
margin: auto; | margin: auto; | ||
padding: 0px; | padding: 0px; | ||
| Line 122: | Line 132: | ||
color:#FFF; | color:#FFF; | ||
font-size: 25px; | font-size: 25px; | ||
| + | } | ||
| + | /** FONTS **/ | ||
| + | @font-face { | ||
| + | font-family: typewriter; | ||
| + | src: url(https://static.igem.org/mediawiki/2015/5/5a/DUNDEE15-Bohemian-typewriter.ttf); | ||
} | } | ||
| + | |||
| + | @font-face { | ||
| + | font-family: roboto; | ||
| + | src: url(../fonts/RobotoSlab-Thin.ttf); | ||
| + | } | ||
| + | |||
| + | @font-face { | ||
| + | font-family: 'FontAwesome'; | ||
| + | src: url('https://static.igem.org/mediawiki/2015/6/60/Dundee15-fafont.ttf') format('truetype'); | ||
| + | font-weight: normal; | ||
| + | font-style: normal; | ||
| + | } | ||
| + | |||
/* HEADER */ | /* HEADER */ | ||
header { | header { | ||
| − | background:url( | + | background:url(../img/newbg1.png) no-repeat; |
| − | height: | + | height:700px; |
width: 100%; | width: 100%; | ||
| + | margin: auto; | ||
padding-top:50px; | padding-top:50px; | ||
color: #fff; | color: #fff; | ||
background-position: center; | background-position: center; | ||
-webkit-mask-image: -webkit-gradient(linear, left 80%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))); | -webkit-mask-image: -webkit-gradient(linear, left 80%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))); | ||
| + | zoom: 100%; | ||
} | } | ||
header h1 { | header h1 { | ||
| Line 146: | Line 176: | ||
padding-left:10px; | padding-left:10px; | ||
padding-right:10px; | padding-right:10px; | ||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
.highlight { | .highlight { | ||
| Line 157: | Line 183: | ||
/* END OF HEADER */ | /* END OF HEADER */ | ||
| + | |||
| + | |||
| Line 266: | Line 294: | ||
#about3 .row { | #about3 .row { | ||
margin-bottom: 40px; | margin-bottom: 40px; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
#about3 h4 { | #about3 h4 { | ||
| Line 294: | Line 319: | ||
padding-top: 40px; | padding-top: 40px; | ||
padding-bottom: 40px; | padding-bottom: 40px; | ||
| + | padding-left: 30px; | ||
| + | padding-right: 10px; | ||
color: #ffffff; | color: #ffffff; | ||
font-weight: 100; | font-weight: 100; | ||
| Line 300: | Line 327: | ||
margin-bottom: 30px; | margin-bottom: 30px; | ||
} | } | ||
| + | |||
| + | @media (max-width: 767px) { | ||
| + | footer { | ||
| + | padding-top: 40px; | ||
| + | padding-bottom: 40px; | ||
| + | padding-left: 20px; | ||
| + | padding-right: 10px; | ||
| + | } | ||
| + | } | ||
| + | |||
#copyright { | #copyright { | ||
padding-bottom: 20px; | padding-bottom: 20px; | ||
| Line 419: | Line 456: | ||
.border, .border-week, .border-day { | .border, .border-week, .border-day { | ||
| − | + | border: 2px solid gray; | |
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
.border-week { | .border-week { | ||
margin-top: 20px; | margin-top: 20px; | ||
| − | + | ||
background-color: transparent; | background-color: transparent; | ||
margin-bottom: 0px; | margin-bottom: 0px; | ||
| Line 498: | Line 529: | ||
} | } | ||
.labtitle { | .labtitle { | ||
| − | margin- | + | margin-top: 0px; |
font-size:35px; | font-size:35px; | ||
text-align:center; | text-align:center; | ||
padding-left:10px; | padding-left:10px; | ||
| − | padding-bottom: | + | padding-bottom: 0px; |
display: inline-block; | display: inline-block; | ||
color: #d3d5d6; | color: #d3d5d6; | ||
| Line 585: | Line 616: | ||
} | } | ||
| − | . | + | .dropdown-header { |
| − | + | font-size: 16px; | |
| + | font-weight: 900; | ||
| + | color: #c1c1c1; | ||
} | } | ||
| − | .dropdown- | + | |
| − | + | .dropdown-menu>li>a { | |
font-weight: bold; | font-weight: bold; | ||
| + | color: black; | ||
} | } | ||
.dropdown-menu>li>a:hover { | .dropdown-menu>li>a:hover { | ||
| − | background-color: | + | background-color: #67c152; |
color:white; | color:white; | ||
} | } | ||
| + | .igem-navbar { | ||
| + | padding-top: 5px; | ||
| + | } | ||
| − | + | .navbar-logo { | |
| − | + | float:left; | |
| − | + | padding-top: 12px; | |
| − | + | ||
} | } | ||
| − | @ | + | @media (max-width: 767px) { |
| − | + | .navbar-logo { | |
| − | + | display:none; | |
| − | + | } | |
| − | + | .igem-navbar { | |
| + | display: none; | ||
| + | } | ||
} | } | ||
| + | .sponsor-logo { | ||
| + | padding-top: 50px; | ||
| + | height:60%; | ||
| + | width:60%; | ||
| + | } | ||
| + | |||
| + | @media (max-width: 767px) { | ||
| + | .sponsor-logo { | ||
| + | padding-top: 15px; | ||
| + | height:50%; | ||
| + | width:50%; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @media (max-width: 992px) { | ||
| + | .igem-navbar { | ||
| + | display:none; | ||
| + | } | ||
| + | .navbar-logo { | ||
| + | display: none; | ||
| + | } | ||
| + | .navbar-brand { | ||
| + | display:none; | ||
| + | } | ||
| + | } | ||
</style> | </style> | ||
</html> | </html> | ||
Revision as of 11:29, 17 August 2015