|
|
Line 95: |
Line 95: |
| cursor: default; | | cursor: default; |
| | | |
| + | } |
| + | |
| + | .header_test { |
| + | background-position: top; |
| + | background-attachment: fixed; |
| + | background-repeat: no-repeat; |
| + | -webkit-background-size: cover; |
| + | -moz-background-size: cover; |
| + | -o-background-size: cover; |
| + | background-size: cover; |
| + | padding-top: 100vh; |
| + | background-image: url("https://static.igem.org/mediawiki/2017/1/18/T--Chalmers-Gothenburg--Home_2.jpg"); |
| + | |
| + | /*A lot of code for the line between the header and the body */ |
| + | border-bottom: 3px solid transparent; |
| + | -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/ |
| + | -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/ |
| + | border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/ |
| + | border-image-slice: 1; |
| + | -webkit-touch-callout: none; |
| + | -webkit-user-select: none; |
| + | -khtml-user-select: none; |
| + | -moz-user-select: none; |
| + | -ms-user-select: none; |
| + | user-select: none; |
| + | cursor: default; |
| + | } |
| + | |
| + | |
| + | /* Banner: name of the page */ |
| + | #banner { |
| + | height: 100%; |
| + | position: relative; |
| + | bottom: 50px; |
| + | float: left; |
| + | width: 100%; |
| + | font-size: 80pt; /*35pt*/ |
| + | font-family:"Lato", cursive; |
| + | color:#c91a03 ; |
| + | line-height: 65pt; |
| + | text-shadow: 5px 5px #000000; |
| + | } |
| + | |
| + | #banner h3 { |
| + | display: block; |
| + | position: absolute; |
| + | bottom: 50px; |
| + | left: 200px; |
| + | font-size: 80pt; /*35pt*/ |
| + | font-family:"Lato", cursive; |
| + | color:#c91a03 ; |
| + | line-height: 65pt; |
| + | text-shadow: 5px 5px #000000; |
| + | /*border-style:dashed;*/ |
| + | padding: 20px 20px 20px 20px; |
| + | |
| + | } |
| + | |
| + | #banner h4 { |
| + | display: block; |
| + | position: absolute; |
| + | bottom: -40px; |
| + | left: 200px; |
| + | font-size: 40pt; /*35pt*/ |
| + | font-family:"Lato", cursive; |
| + | color:#c91a03 ; |
| + | line-height: 65pt; |
| + | text-shadow: 3px 3px #000000; |
| + | /*border-style:dashed;*/ |
| + | padding: 20px 20px 20px 20px; |
| } | | } |
| | | |
Line 144: |
Line 214: |
| #header_navbar_top_logo { | | #header_navbar_top_logo { |
| display:inline-block; | | display:inline-block; |
− | position: absolute;
| + | position: relative; /*absolute*/ |
− | width:9vw; /*20% 20%*/
| + | width: 200px; /*20% 20%*/ |
− | height:9vw; | + | height:200px; |
− | right:5%; | + | left:80vh; |
− | top:17%; | + | top:0vh; |
| /*border-style:dashed;*/ | | /*border-style:dashed;*/ |
| | | |
Line 174: |
Line 244: |
| | | |
| | | |
− | #header_navbar_top_logo { | + | /*#header_navbar_top_logo { |
| display:inline-block; | | display:inline-block; |
− | } | + | }*/ |
| | | |
| /*--------------------Header navbar--------------------------------------------*/ | | /*--------------------Header navbar--------------------------------------------*/ |
Line 675: |
Line 745: |
| } | | } |
| | | |
− | /*.header is the class used in the header image at the top of pages*/
| |
− | .header {
| |
− | font-size: 45pt;
| |
− | color: black;
| |
− | text-align: center;
| |
− | background-color: #000000;
| |
− | background-repeat: repeat;
| |
− | height: auto;
| |
− | line-height: 130px;
| |
− |
| |
− | border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
| |
− | -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
| |
− | -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
| |
− | border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
| |
− | border-image-slice: 1;
| |
− | -webkit-touch-callout: none;
| |
− | -webkit-user-select: none;
| |
− | -khtml-user-select: none;
| |
− | -moz-user-select: none;
| |
− | -ms-user-select: none;
| |
− | user-select: none;
| |
− | cursor: default;
| |
− | }
| |
− |
| |
− | .header_Modelling {
| |
− | font-size: 45pt;
| |
− | color: black;
| |
− | text-align: center;
| |
− | position:bottom;
| |
− | background-image: url("pictures_17/backgrounds/chalkboard_2.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
| |
− | /* min-height: 500px;*/
| |
− |
| |
− | background-attachment: fixed;
| |
− | background-position: center;
| |
− | background-repeat: no-repeat;
| |
− | background-size: cover;
| |
− | background-color:#000000;
| |
− |
| |
− | border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
| |
− | -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
| |
− | -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
| |
− | border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
| |
− | border-image-slice: 1;
| |
− | -webkit-touch-callout: none;
| |
− | -webkit-user-select: none;
| |
− | -khtml-user-select: none;
| |
− | -moz-user-select: none;
| |
− | -ms-user-select: none;
| |
− | user-select: none;
| |
− | cursor: default;
| |
− | }
| |
− |
| |
− | .header_Achievements_biobricks {
| |
− | font-size: 45pt;
| |
− | color: black;
| |
− | text-align: center;
| |
− | position:bottom;
| |
− | background-image: url("pictures_17/backgrounds/bricks.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
| |
− | /* min-height: 500px;*/
| |
− |
| |
− | background-attachment: fixed;
| |
− | background-position: center;
| |
− | background-repeat: no-repeat;
| |
− | background-size: cover;
| |
− | background-color:#000000;
| |
− |
| |
− | border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
| |
− | -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
| |
− | -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
| |
− | border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
| |
− | border-image-slice: 1;
| |
− | -webkit-touch-callout: none;
| |
− | -webkit-user-select: none;
| |
− | -khtml-user-select: none;
| |
− | -moz-user-select: none;
| |
− | -ms-user-select: none;
| |
− | user-select: none;
| |
− | cursor: default;
| |
− | }
| |
− |
| |
− | .header_Project_theory {
| |
− | font-size: 45pt;
| |
− | color: black;
| |
− | text-align: center;
| |
− | position:bottom;
| |
− | background-image: url("pictures_17/backgrounds/pen_paper.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
| |
− | /* min-height: 500px;*/
| |
− |
| |
− | background-attachment: fixed;
| |
− | background-position: center;
| |
− | background-repeat: no-repeat;
| |
− | background-size: cover;
| |
− | background-color:#000000;
| |
− |
| |
− | border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
| |
− | -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
| |
− | -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
| |
− | border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
| |
− | border-image-slice: 1;
| |
− | -webkit-touch-callout: none;
| |
− | -webkit-user-select: none;
| |
− | -khtml-user-select: none;
| |
− | -moz-user-select: none;
| |
− | -ms-user-select: none;
| |
− | user-select: none;
| |
− | cursor: default;
| |
− | }
| |
− |
| |
− | .header_Project_constructs {
| |
− | font-size: 45pt;
| |
− | color: black;
| |
− | text-align: center;
| |
− | position:bottom;
| |
− | background-image: url("pictures_17/backgrounds/DNA.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
| |
− | /* min-height: 500px;*/
| |
− |
| |
− | background-attachment: fixed;
| |
− | background-position: center;
| |
− | background-repeat: no-repeat;
| |
− | background-size: cover;
| |
− | background-color:#000000;
| |
− |
| |
− | border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
| |
− | -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
| |
− | -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
| |
− | border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
| |
− | border-image-slice: 1;
| |
− | -webkit-touch-callout: none;
| |
− | -webkit-user-select: none;
| |
− | -khtml-user-select: none;
| |
− | -moz-user-select: none;
| |
− | -ms-user-select: none;
| |
− | user-select: none;
| |
− | cursor: default;
| |
− | }
| |
− |
| |
− | .header_Team_students {
| |
− | font-size: 45pt;
| |
− | color: black;
| |
− | text-align: center;
| |
− | position:bottom;
| |
− | background-image: url("pictures_17/team_photos_2017/group_photo_stairs_bw.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
| |
− | /* min-height: 500px;*/
| |
− |
| |
− | background-attachment: fixed;
| |
− | background-position: center;
| |
− | background-repeat: no-repeat;
| |
− | background-size: cover;
| |
− | background-color:#000000;
| |
− |
| |
− | border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
| |
− | -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
| |
− | -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
| |
− | border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
| |
− | border-image-slice: 1;
| |
− | -webkit-touch-callout: none;
| |
− | -webkit-user-select: none;
| |
− | -khtml-user-select: none;
| |
− | -moz-user-select: none;
| |
− | -ms-user-select: none;
| |
− | user-select: none;
| |
− | cursor: default;
| |
− | }
| |
− |
| |
− | .header_Team_supervisors {
| |
− | font-size: 45pt;
| |
− | color: black;
| |
− | text-align: center;
| |
− | position:bottom;
| |
− | background-image: url("pictures_17/backgrounds/Chemistry_entrance_bw.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
| |
− | /* min-height: 500px;*/
| |
− |
| |
− | background-attachment: fixed;
| |
− | background-position: center;
| |
− | background-repeat: no-repeat;
| |
− | background-size: cover;
| |
− | background-color:#000000;
| |
− |
| |
− | border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
| |
− | -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
| |
− | -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
| |
− | border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
| |
− | border-image-slice: 1;
| |
− | -webkit-touch-callout: none;
| |
− | -webkit-user-select: none;
| |
− | -khtml-user-select: none;
| |
− | -moz-user-select: none;
| |
− | -ms-user-select: none;
| |
− | user-select: none;
| |
− | cursor: default;
| |
− | }
| |
− |
| |
− | .header_Team_sponsors {
| |
− | font-size: 45pt;
| |
− | color: black;
| |
− | text-align: center;
| |
− | position:bottom;
| |
− | background-image: url("pictures_17/backgrounds/money_bw.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
| |
− | /* min-height: 500px;*/
| |
− |
| |
− | background-attachment: fixed;
| |
− | background-position: center;
| |
− | background-repeat: no-repeat;
| |
− | background-size: cover;
| |
− | background-color:#000000;
| |
− |
| |
− | border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
| |
− | -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
| |
− | -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
| |
− | border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
| |
− | border-image-slice: 1;
| |
− | -webkit-touch-callout: none;
| |
− | -webkit-user-select: none;
| |
− | -khtml-user-select: none;
| |
− | -moz-user-select: none;
| |
− | -ms-user-select: none;
| |
− | user-select: none;
| |
− | cursor: default;
| |
− | }
| |
− |
| |
− | .header_Team_collaborations {
| |
− | font-size: 45pt;
| |
− | color: black;
| |
− | text-align: center;
| |
− | position:bottom;
| |
− | background-image: url("pictures_17/backgrounds/shaking_hands_darker.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
| |
− | /* min-height: 500px;*/
| |
− |
| |
− | background-attachment: fixed;
| |
− | background-position: center;
| |
− | background-repeat: no-repeat;
| |
− | background-size: cover;
| |
− | background-color:#000000;
| |
− |
| |
− | border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
| |
− | -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
| |
− | -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
| |
− | border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
| |
− | border-image-slice: 1;
| |
− | -webkit-touch-callout: none;
| |
− | -webkit-user-select: none;
| |
− | -khtml-user-select: none;
| |
− | -moz-user-select: none;
| |
− | -ms-user-select: none;
| |
− | user-select: none;
| |
− | cursor: default;
| |
− | }
| |
− |
| |
− | .header_Team_attributions {
| |
− | font-size: 45pt;
| |
− | color: black;
| |
− | text-align: center;
| |
− | position:bottom;
| |
− | background-image: url("pictures_17/backgrounds/Chalmers_port_4.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
| |
− | /* min-height: 500px;*/
| |
− |
| |
− | background-attachment: fixed;
| |
− | background-position: center;
| |
− | background-repeat: no-repeat;
| |
− | background-size: cover;
| |
− | background-color:#000000;
| |
− |
| |
− | border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
| |
− | -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
| |
− | -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
| |
− | border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
| |
− | border-image-slice: 1;
| |
− | -webkit-touch-callout: none;
| |
− | -webkit-user-select: none;
| |
− | -khtml-user-select: none;
| |
− | -moz-user-select: none;
| |
− | -ms-user-select: none;
| |
− | user-select: none;
| |
− | cursor: default;
| |
− | }
| |
− |
| |
− | .header_Notebook_journal {
| |
− | font-size: 45pt;
| |
− | color: black;
| |
− | text-align: center;
| |
− | position:bottom;
| |
− | background-image: url("pictures_17/backgrounds/Notebook.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
| |
− | /* min-height: 500px;*/
| |
− |
| |
− | background-attachment: fixed;
| |
− | background-position: center;
| |
− | background-repeat: no-repeat;
| |
− | background-size: cover;
| |
− | background-color:#000000;
| |
− |
| |
− | border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
| |
− | -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
| |
− | -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
| |
− | border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
| |
− | border-image-slice: 1;
| |
− | -webkit-touch-callout: none;
| |
− | -webkit-user-select: none;
| |
− | -khtml-user-select: none;
| |
− | -moz-user-select: none;
| |
− | -ms-user-select: none;
| |
− | user-select: none;
| |
− | cursor: default;
| |
− | }
| |
− |
| |
− | .header_Notebook_lab_safety {
| |
− | font-size: 45pt;
| |
− | color: black;
| |
− | text-align: center;
| |
− | position:bottom;
| |
− | background-image: url("pictures_17/backgrounds/T--Chalmers-Gothenburg--Safety_form_Fume_hood.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
| |
− | /* min-height: 500px;*/
| |
− |
| |
− | background-attachment: fixed;
| |
− | background-position: center;
| |
− | background-repeat: no-repeat;
| |
− | background-size: cover;
| |
− | background-color:#000000;
| |
− |
| |
− | border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
| |
− | -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
| |
− | -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
| |
− | border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
| |
− | border-image-slice: 1;
| |
− | -webkit-touch-callout: none;
| |
− | -webkit-user-select: none;
| |
− | -khtml-user-select: none;
| |
− | -moz-user-select: none;
| |
− | -ms-user-select: none;
| |
− | user-select: none;
| |
− | cursor: default;
| |
− | }
| |
| | | |
| .header-text { | | .header-text { |
Line 1,622: |
Line 1,361: |
| <div class="wrap"> <!--To limit the width of the site--> | | <div class="wrap"> <!--To limit the width of the site--> |
| | | |
− | <div id="header_navbar_top"> <!--The order of the things in header_nav_top is crucial for the correct positioning-->
| + | <div class="header_test"> |
| + | <div id="header_navbar_top_logo"><img src="https://static.igem.org/mediawiki/2017/d/df/T--Chalmers-Gothenburg--logo_c91a03.png" alt="logo" style="height:100%;"></div> |
| + | <!-- Banner --> |
| + | <div id="banner"> |
| + | <!--<h1 class="subheader">What if cancer was <i>smellable</i>?</h1>--> |
| + | <h3>BREATHtaking</h3> |
| + | <h4>iGEM Chalmers Gothenburg</h4> |
| + | </div> |
| + | </div> |
| + | |
| + | |
| + | <!-- <div id="header_navbar_top"> The order of the things in header_nav_top is crucial for the correct positioning |
| <h1 class="subheader">What if cancer was <i>smellable</i>?</h1> | | <h1 class="subheader">What if cancer was <i>smellable</i>?</h1> |
| <div id="header_navbar_top_title">BREATHtaking</div> | | <div id="header_navbar_top_title">BREATHtaking</div> |
| <div id="header_navbar_top_logo"><img src="https://static.igem.org/mediawiki/2017/d/df/T--Chalmers-Gothenburg--logo_c91a03.png" alt="logo" style="height:100%;"></div> | | <div id="header_navbar_top_logo"><img src="https://static.igem.org/mediawiki/2017/d/df/T--Chalmers-Gothenburg--logo_c91a03.png" alt="logo" style="height:100%;"></div> |
| <div id="header_navbar_top_subtitle">iGEM Chalmers Gothenburg</div> | | <div id="header_navbar_top_subtitle">iGEM Chalmers Gothenburg</div> |
− | </div> | + | </div> |
| + | --> |
| | | |
| <div class="wrap-content"> | | <div class="wrap-content"> |