|
|
| (One intermediate revision by the same user not shown) |
| 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;
| |
| − | }
| |
