|
|
| (19 intermediate revisions by 2 users not shown) |
| Line 44: |
Line 44: |
| | #sideMenu, #top_title, .patrollink {display:none;} | | #sideMenu, #top_title, .patrollink {display:none;} |
| | #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;} | | #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;} |
| − | body {background-color:white; } | + | body {background-color:white; text-align:justify;} |
| − | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | + | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { border-bottom: 0px; } |
| | + | html {font-size: 100%;} |
| | | | |
| − | .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
| |
| | | | |
| | </style> | | </style> |
| Line 57: |
Line 57: |
| | /*NOW START YOUR WON STYLINGS*/ | | /*NOW START YOUR WON STYLINGS*/ |
| | /**************************************************************************************************************************************************************************************************/ | | /**************************************************************************************************************************************************************************************************/ |
| − |
| |
| − | #universal-wrapper {
| |
| − | margin-top: 70px;
| |
| − | padding: 0;
| |
| − | width: 100;
| |
| − | }
| |
| − |
| |
| − | /* HEADER NAVIGATIONAR BAR*/
| |
| − |
| |
| − | body {
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | }
| |
| − | a:hover {
| |
| − | text-decoration: none;
| |
| − | }
| |
| − | header {
| |
| − | z-index: 100;
| |
| − | margin-top: 16px;
| |
| − | padding: 0;
| |
| − | position: fixed;
| |
| − | width: 100%;
| |
| − | top: 0;
| |
| − | background: white;
| |
| − | opacity: 0.85;
| |
| − | box-shadow: 0 6px 15px #ecf0f1;
| |
| − | }
| |
| − | header nav {
| |
| − | margin: 0;
| |
| − | margin-right: 10%;
| |
| − | padding: 0;
| |
| − | float: right;
| |
| − | display: inline-block;
| |
| − | }
| |
| − | header nav ul {
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | list-style-type: none;
| |
| − | }
| |
| − | header nav li {
| |
| − | display: inline-block;
| |
| − | margin: 0;
| |
| − | }
| |
| − | header nav li a {
| |
| − | display: block;
| |
| − | position: relative;
| |
| − | color: black;
| |
| − | text-decoration: none;
| |
| − | text-align: center;
| |
| − | line-height: 54px;
| |
| − | padding: 0 !important;
| |
| − | margin: 0;
| |
| − | width: 90px;
| |
| − | font-family: Tahoma, Arial;
| |
| − | font-size: 16px;
| |
| − | }
| |
| − | header nav li a:before {
| |
| − | content: "";
| |
| − | position: absolute;
| |
| − | width: 0;
| |
| − | left: 20%;
| |
| − | bottom: 0;
| |
| − | margin-left: 30%;
| |
| − | border-bottom: 4px solid #f3bd01;
| |
| − | -webkit-transition: all 0.3s ease-in-out;
| |
| − | -moz-transition: all 0.3s ease-in-out;
| |
| − | -ms-transition: all 0.3s ease-in-out;
| |
| − | }
| |
| − | header nav li a:hover:before {
| |
| − | margin: 0;
| |
| − | width: 60%;
| |
| − | }
| |
| − | header nav li a:hover:not(.active) {
| |
| − | background-color: #ecf0f1;
| |
| − | color: #34495e;
| |
| − | }
| |
| − | header nav li a:visited {
| |
| − | color: black;
| |
| − | }
| |
| − | header nav .active:before {
| |
| − | content: "";
| |
| − | position: absolute;
| |
| − | bottom: 0;
| |
| − | left: 20%;
| |
| − | width: 60%;
| |
| − | margin: 0;
| |
| − | border-bottom: 4px solid #f3704b;
| |
| − | }
| |
| − | header .nav-logo {
| |
| − | display: inline-block;
| |
| − | width: 52px;
| |
| − | margin-left: 5%;
| |
| − | margin-right: 20px;
| |
| − | margin-top: 0;
| |
| − | margin-bottom: 0;
| |
| − | padding: 0;
| |
| − | vertical-align: bottom;
| |
| − | }
| |
| − | header .nav-head {
| |
| − | display: inline-block;
| |
| − | margin-left: 20px;
| |
| − | margin-right: 20px;
| |
| − | margin-top: 0;
| |
| − | margin-bottom: 0;
| |
| − | padding: 0;
| |
| − | line-height: 54px;
| |
| − | font-family: Tahoma, Arial;
| |
| − | font-size: 24px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /* BANNER */
| |
| − | .banner-pic-wrapper {
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | width: 100%;
| |
| − | height: 650px;
| |
| − | overflow: hidden;
| |
| − | position: fixed;
| |
| − | /* igem menu bar 16px, navigation bar 54px */
| |
| − | top: 70px;
| |
| − | z-index: -100;
| |
| − | }
| |
| − | .banner-dummy {
| |
| − | margin: 0;
| |
| − | position: relative;
| |
| − | /* igem menu bar 16px, navigation bar 54px */
| |
| − | margin-top: 74px;
| |
| − | padding: 0;
| |
| − | width: 100%;
| |
| − | height: 650px;
| |
| − | }
| |
| − | .banner-pic {
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | width: 100%;
| |
| − | position: absolute;
| |
| − | }
| |
| − | .banner-pic:not(.active) {
| |
| − | display: none;
| |
| − | }
| |
| − | .content-wrapper {
| |
| − | width: 100%;
| |
| − | padding :0;
| |
| − | background-color: white;
| |
| − | margin: 0;
| |
| − | }
| |
| − | .banner-text {
| |
| − | position: absolute;
| |
| − | border: none;
| |
| − | top: 10%;
| |
| − | width: 70%;
| |
| − | left: 0; right: 0;
| |
| − | margin: 0 auto 0 auto;
| |
| − | min-height: 160px;
| |
| − | font-size: 160px;
| |
| − | letter-spacing: 0.4em;
| |
| − | font-family: "Helvetica Neue";
| |
| − | font-weight: bolder;
| |
| − | }
| |
| − | .banner-text span {
| |
| − | display: none;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | }
| |
| − | #text-d {
| |
| − | color: #f3704b;
| |
| − | }
| |
| − | #text-e {
| |
| − | color: #f3bd01;
| |
| − | }
| |
| − | #text-cose {
| |
| − | color: white;
| |
| − | }
| |
| − | .banner-sub-text {
| |
| − | display: none;
| |
| − | position: absolute;
| |
| − | top: 40%;
| |
| − | width: 100%;
| |
| − | font-size: 46px;
| |
| − | line-height: 1.8em;
| |
| − | letter-spacing: 0.1em;
| |
| − | font-family: "Helvetica Neue";
| |
| − | font-weight: bolder;
| |
| − | text-align: center;
| |
| − | color: white;
| |
| − | }
| |
| − | .banner-up-arrow {
| |
| − | display: none;
| |
| − | position: absolute;
| |
| − | left: 0; right: 0;
| |
| − | margin: 0 auto 0 auto;
| |
| − | width: 120px;
| |
| − | height: 80px;
| |
| − | opacity: 0.8;
| |
| − | bottom: 3%;
| |
| − | z-index: 50;
| |
| − | }
| |
| | </style> | | </style> |
