(Blanked the page) |
|||
Line 1: | Line 1: | ||
+ | @font-face { | ||
+ | font-family:open sans; | ||
+ | src: url('https://static.igem.org/mediawiki/2016/1/14/T--Lubbock_TTU--Lubbock_TTU_opensans.ttf'); | ||
+ | } | ||
+ | @font-face { | ||
+ | font-family:roboto; | ||
+ | src: url('https://static.igem.org/mediawiki/2016/e/e4/T--Lubbock_TTU--Lubbock_TTU_roboto.ttf'); | ||
+ | } | ||
+ | |||
+ | @font-face { | ||
+ | font-family:fontawesome; | ||
+ | src: url('https://static.igem.org/mediawiki/2016/5/50/T--Lubbock_TTU--Lubbock_TTU_fontawesome.otf'); | ||
+ | } | ||
+ | |||
+ | .row * { | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | .row { | ||
+ | background:#fff; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | font-family:open sans; | ||
+ | } | ||
+ | |||
+ | html, body { | ||
+ | height:100%; | ||
+ | } | ||
+ | |||
+ | a, a:hover { | ||
+ | color:#aaa; | ||
+ | text-decoration: none; | ||
+ | -webkit-transition:all .5s ease; | ||
+ | -moz-transition:all .5s ease; | ||
+ | -o-transition:all .5s ease; | ||
+ | transition:all .5s ease-in-out; | ||
+ | } | ||
+ | |||
+ | /* main title */ | ||
+ | h1 { | ||
+ | font-size:60px; | ||
+ | font-weight:bold; | ||
+ | text-align:center; | ||
+ | color:#fff; | ||
+ | text-shadow: 1px 1px .2px #000; | ||
+ | letter-spacing: 3px; | ||
+ | border-bottom:none; | ||
+ | } | ||
+ | |||
+ | /*main subtitle*/ | ||
+ | h2 { | ||
+ | font-size: 20px; | ||
+ | text-align:center; | ||
+ | color:#fff; | ||
+ | } | ||
+ | |||
+ | /*section header*/ | ||
+ | h3 { | ||
+ | text-align:center; | ||
+ | font-size:30px; | ||
+ | letter-spacing: 2px; | ||
+ | padding-top:50px; | ||
+ | padding-bottom:20px; | ||
+ | } | ||
+ | |||
+ | h4 { | ||
+ | font-size: 20px; | ||
+ | text-align: center; | ||
+ | margin-bottom:20px; | ||
+ | } | ||
+ | |||
+ | .container, .container-fluid { | ||
+ | color:#555; | ||
+ | } | ||
+ | |||
+ | .navbar-default { | ||
+ | background-color: #fff; | ||
+ | border: none; | ||
+ | box-shadow: 0 0 10px #555; | ||
+ | } | ||
+ | |||
+ | .navbar-default .navbar-toggle { | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | #banner { | ||
+ | position:relative; | ||
+ | z-index: 0; | ||
+ | background:url('https://static.igem.org/mediawiki/2016/3/39/T--Lubbock_TTU--File_ttu.jpg'); | ||
+ | background-color:#aaa; | ||
+ | background-size: cover; | ||
+ | background-attachment: fixed; | ||
+ | } | ||
+ | |||
+ | #bannercontent { | ||
+ | height:100%; | ||
+ | padding-top:20%; | ||
+ | padding-left:20px; | ||
+ | padding-right:20px; | ||
+ | box-sizing: border-box; | ||
+ | margin:auto; | ||
+ | background:rgba(0, 0, 0, 0.5); | ||
+ | } | ||
+ | |||
+ | #continue { | ||
+ | padding-bottom:100px; | ||
+ | color:#fff; | ||
+ | text-align: center; | ||
+ | margin-top:200px; | ||
+ | font-size:50px; | ||
+ | } | ||
+ | |||
+ | #continue a {color:#fff;text-decoration:none;} | ||
+ | #continue a:hover {color:#fff;text-decoration:none;} | ||
+ | |||
+ | #icon { | ||
+ | height:100px; | ||
+ | width:100px; | ||
+ | width:100px; | ||
+ | display:block; | ||
+ | border-radius: 100px; | ||
+ | margin-bottom:50px; | ||
+ | } | ||
+ | |||
+ | .section { | ||
+ | /* padding:50px;*/ | ||
+ | } | ||
+ | |||
+ | .content { | ||
+ | max-width:550px; | ||
+ | margin:auto; | ||
+ | line-height: 170%; | ||
+ | font-family: roboto; | ||
+ | margin:20px auto; | ||
+ | } | ||
+ | |||
+ | #teamphoto { | ||
+ | max-width: 100%; | ||
+ | max-height: 100%; | ||
+ | margin:100px auto; | ||
+ | } | ||
+ | |||
+ | #readmore { | ||
+ | font-size:18px; | ||
+ | margin-top:10px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | #readmore a {color:#3875A2;} | ||
+ | |||
+ | #sitemap { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2016/9/94/T--Lubbock_TTU--ulabsloc.jpg'); | ||
+ | background-attachment: fixed; | ||
+ | } | ||
+ | |||
+ | |||
+ | #sitelinks { | ||
+ | padding-bottom:50px; | ||
+ | min-height:300px; | ||
+ | color:#fff; | ||
+ | text-align: center; | ||
+ | background:rgba(0, 0, 0, 0.6); | ||
+ | } | ||
+ | |||
+ | #sitelinks a { | ||
+ | display:inline-block; | ||
+ | border:3px solid #fff; | ||
+ | |||
+ | color:#fff; | ||
+ | padding:10px 20px; | ||
+ | margin:10px | ||
+ | } | ||
+ | |||
+ | #sitemap h3 { | ||
+ | color:#fff; | ||
+ | text-shadow: 1px 1px .2px #000; | ||
+ | } | ||
+ | |||
+ | #footer { | ||
+ | background:#333; | ||
+ | text-align: center; | ||
+ | color:#fff; | ||
+ | line-height: 50px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | #footer a { | ||
+ | color:#fff; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | #sponsors { | ||
+ | padding:50px 0; | ||
+ | } | ||
+ | |||
+ | #sponsors img { | ||
+ | max-height:150px; | ||
+ | max-width:100%; | ||
+ | margin:20px; | ||
+ | } | ||
+ | |||
+ | /* hide components when screen is smaller*/ | ||
+ | @media screen and (max-width: 760px) { | ||
+ | |||
+ | #bannercontent { | ||
+ | padding-top:80px; | ||
+ | } | ||
+ | |||
+ | h1 { | ||
+ | font-size:40px; | ||
+ | } | ||
+ | |||
+ | #continue { | ||
+ | margin-top:80px; | ||
+ | } | ||
+ | |||
+ | #teamphoto {margin:100px auto;} | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | #sitemap img { | ||
+ | width:100%; | ||
+ | display:block; | ||
+ | margin-bottom:30px;; | ||
+ | } | ||
+ | |||
+ | #header { | ||
+ | position:absolute; | ||
+ | display:inline-block; | ||
+ | width:calc(100% - 30px); | ||
+ | text-align: center; | ||
+ | color:#fff; | ||
+ | background: rgba(0, 0, 0, 0.8); | ||
+ | height:50px; | ||
+ | margin-top:-80px; | ||
+ | line-height:50px; | ||
+ | } | ||
+ | */ | ||
+ | |||
+ | #subicon { | ||
+ | font-family: fontawesome; | ||
+ | height:100px; | ||
+ | width:100px; | ||
+ | border-radius: 100px; | ||
+ | box-sizing: border-box; | ||
+ | padding:20px; | ||
+ | font-size: 60px; | ||
+ | text-align: center; | ||
+ | color:#fff; | ||
+ | background:#333; | ||
+ | margin-bottom:30px; | ||
+ | } |
Revision as of 10:02, 23 July 2017
@font-face {
font-family:open sans; src: url('https://static.igem.org/mediawiki/2016/1/14/T--Lubbock_TTU--Lubbock_TTU_opensans.ttf');
}
@font-face {
font-family:roboto; src: url('https://static.igem.org/mediawiki/2016/e/e4/T--Lubbock_TTU--Lubbock_TTU_roboto.ttf');
}
@font-face {
font-family:fontawesome; src: url('https://static.igem.org/mediawiki/2016/5/50/T--Lubbock_TTU--Lubbock_TTU_fontawesome.otf');
}
.row * {
box-sizing: border-box;
}
.row {
background:#fff;
}
body {
font-family:open sans;
}
html, body {
height:100%;
}
a, a:hover {
color:#aaa; text-decoration: none; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease-in-out;
}
/* main title */ h1 {
font-size:60px; font-weight:bold; text-align:center; color:#fff; text-shadow: 1px 1px .2px #000; letter-spacing: 3px; border-bottom:none;
}
/*main subtitle*/ h2 {
font-size: 20px; text-align:center; color:#fff;
}
/*section header*/ h3 {
text-align:center; font-size:30px; letter-spacing: 2px; padding-top:50px; padding-bottom:20px;
}
h4 {
font-size: 20px; text-align: center; margin-bottom:20px;
}
.container, .container-fluid {
color:#555;
}
.navbar-default {
background-color: #fff; border: none; box-shadow: 0 0 10px #555;
}
.navbar-default .navbar-toggle {
border: none;
}
- banner {
position:relative; z-index: 0; background:url('https://static.igem.org/mediawiki/2016/3/39/T--Lubbock_TTU--File_ttu.jpg'); background-color:#aaa; background-size: cover; background-attachment: fixed;
}
- bannercontent {
height:100%; padding-top:20%; padding-left:20px; padding-right:20px; box-sizing: border-box; margin:auto; background:rgba(0, 0, 0, 0.5);
}
- continue {
padding-bottom:100px; color:#fff; text-align: center; margin-top:200px; font-size:50px;
}
- continue a {color:#fff;text-decoration:none;}
- continue a:hover {color:#fff;text-decoration:none;}
- icon {
height:100px; width:100px; width:100px; display:block; border-radius: 100px; margin-bottom:50px;
}
.section { /* padding:50px;*/ }
.content {
max-width:550px; margin:auto; line-height: 170%; font-family: roboto; margin:20px auto;
}
- teamphoto {
max-width: 100%; max-height: 100%; margin:100px auto;
}
- readmore {
font-size:18px; margin-top:10px; text-align: center;
}
- readmore a {color:#3875A2;}
- sitemap {
background-image: url('https://static.igem.org/mediawiki/2016/9/94/T--Lubbock_TTU--ulabsloc.jpg'); background-attachment: fixed;
}
- sitelinks {
padding-bottom:50px; min-height:300px; color:#fff; text-align: center; background:rgba(0, 0, 0, 0.6);
}
- sitelinks a {
display:inline-block; border:3px solid #fff; color:#fff; padding:10px 20px; margin:10px
}
- sitemap h3 {
color:#fff; text-shadow: 1px 1px .2px #000;
}
- footer {
background:#333; text-align: center; color:#fff; line-height: 50px;
}
- footer a {
color:#fff;
}
- sponsors {
padding:50px 0;
}
- sponsors img {
max-height:150px; max-width:100%; margin:20px;
}
/* hide components when screen is smaller*/ @media screen and (max-width: 760px) {
#bannercontent { padding-top:80px; }
h1 { font-size:40px; } #continue { margin-top:80px; } #teamphoto {margin:100px auto;}
}
/*
- sitemap img {
width:100%; display:block; margin-bottom:30px;;
}
- header {
position:absolute; display:inline-block; width:calc(100% - 30px); text-align: center; color:#fff; background: rgba(0, 0, 0, 0.8); height:50px; margin-top:-80px; line-height:50px;
}
- /
- subicon {
font-family: fontawesome; height:100px; width:100px; border-radius: 100px; box-sizing: border-box; padding:20px; font-size: 60px; text-align: center; color:#fff; background:#333; margin-bottom:30px;
}