|
|
| (58 intermediate revisions by the same user not shown) |
| Line 48: |
Line 48: |
| | <style> | | <style> |
| | /**************************************************************************************************************************************************************************************************/ | | /**************************************************************************************************************************************************************************************************/ |
| | + | body { background-color:blue; } |
| | + | .highlightYellow { background-color:#FFFF00; } |
| | | | |
| | + | body { background-color:blue; } |
| | + | .highlightGreen { background-color:#00FF00; } |
| | | | |
| | + | body { background-color:blue; } |
| | + | .highlightLightBlue { background-color:#00FFFF; } |
| | + | |
| | + | body { background-color:blue; } |
| | + | .highlightDarkBlue { background-color:#0080FF; } |
| | + | |
| | + | body { background-color:blue; } |
| | + | .highlightRed { background-color:#FF0000; } |
| | + | |
| | + | body { background-color:blue; } |
| | + | .highlightGrey { background-color:#BDBDBD; } |
| | + | |
| | + | body { background-color:blue; } |
| | + | .highlightPurple { background-color:#FE2E9A; } |
| | + | |
| | + | body {background-color:blue;} |
| | + | .monospace {font-family: monospace; } |
| | | | |
| | /**************************************************************************************************************************************************************************************************/ | | /**************************************************************************************************************************************************************************************************/ |
| Line 63: |
Line 84: |
| | | | |
| | .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;} | | .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;} |
| − | /**************************************************************************************************************************************************************************************************/
| |
| − | /* HEADER AND NAVIGATION TOP */
| |
| − | /**************************************************************************************************************************************************************************************************/
| |
| − | /*!
| |
| − | * Claudio Emnet (http://www.claudioemnet.de)
| |
| − | * Code licensed under the Apache License v2.0.
| |
| − | * For details, see http://www.apache.org/licenses/LICENSE-2.0.
| |
| − | */
| |
| | | | |
| − | body {
| |
| − | overflow-x: hidden;
| |
| − | font-family: "Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
| |
| − | }
| |
| | | | |
| − | html {
| |
| − | overflow-x:hidden
| |
| − | }
| |
| − |
| |
| − | .text-muted {
| |
| − | color: #777;
| |
| − | }
| |
| − |
| |
| − | .text-primary {
| |
| − | color: #fed136;
| |
| − | }
| |
| − |
| |
| − | p {
| |
| − | font-size: 14px;
| |
| − | line-height: 1.75;
| |
| − | }
| |
| − |
| |
| − | p.large {
| |
| − | font-size: 16px;
| |
| − | }
| |
| − |
| |
| − | a,
| |
| − | a:hover,
| |
| − | a:focus,
| |
| − | a:active,
| |
| − | a.active {
| |
| − | outline: 0;
| |
| − | }
| |
| − |
| |
| − | a {
| |
| − | color: #fed136;
| |
| − | }
| |
| − |
| |
| − | a:hover,
| |
| − | a:focus,
| |
| − | a:active,
| |
| − | a.active {
| |
| − | color: #fec503;
| |
| − | }
| |
| − |
| |
| − | h1,
| |
| − | h2,
| |
| − | h3,
| |
| − | h4,
| |
| − | h5,
| |
| − | h6 {
| |
| − | text-transform: uppercase;
| |
| − | font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
| |
| − | font-weight: 700;
| |
| − | }
| |
| − |
| |
| − | .img-centered {
| |
| − | margin: 0 auto;
| |
| − | }
| |
| − |
| |
| − | .bg-light-gray {
| |
| − | background-color: #f7f7f7;
| |
| − | }
| |
| − |
| |
| − | .bg-darkest-gray {
| |
| − | background-color: #222;
| |
| − | }
| |
| − |
| |
| − | .btn-primary {
| |
| − | border-color: #fed136;
| |
| − | text-transform: uppercase;
| |
| − | font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
| |
| − | font-weight: 700;
| |
| − | color: #fff;
| |
| − | background-color: #fed136;
| |
| − | }
| |
| − |
| |
| − | .btn-primary:hover,
| |
| − | .btn-primary:focus,
| |
| − | .btn-primary:active,
| |
| − | .btn-primary.active,
| |
| − | .open .dropdown-toggle.btn-primary {
| |
| − | border-color: #f6bf01;
| |
| − | color: #fff;
| |
| − | background-color: #fec503;
| |
| − | }
| |
| − |
| |
| − | .btn-primary:active,
| |
| − | .btn-primary.active,
| |
| − | .open .dropdown-toggle.btn-primary {
| |
| − | background-image: none;
| |
| − | }
| |
| − |
| |
| − | .btn-primary.disabled,
| |
| − | .btn-primary[disabled],
| |
| − | fieldset[disabled] .btn-primary,
| |
| − | .btn-primary.disabled:hover,
| |
| − | .btn-primary[disabled]:hover,
| |
| − | fieldset[disabled] .btn-primary:hover,
| |
| − | .btn-primary.disabled:focus,
| |
| − | .btn-primary[disabled]:focus,
| |
| − | fieldset[disabled] .btn-primary:focus,
| |
| − | .btn-primary.disabled:active,
| |
| − | .btn-primary[disabled]:active,
| |
| − | fieldset[disabled] .btn-primary:active,
| |
| − | .btn-primary.disabled.active,
| |
| − | .btn-primary[disabled].active,
| |
| − | fieldset[disabled] .btn-primary.active {
| |
| − | border-color: #fed136;
| |
| − | background-color: #fed136;
| |
| − | }
| |
| − |
| |
| − | .btn-primary .badge {
| |
| − | color: #fed136;
| |
| − | background-color: #fff;
| |
| − | }
| |
| − |
| |
| − | .btn-xl {
| |
| − | padding: 20px 40px;
| |
| − | border-color: #fed136;
| |
| − | border-radius: 3px;
| |
| − | text-transform: uppercase;
| |
| − | font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
| |
| − | font-size: 18px;
| |
| − | font-weight: 700;
| |
| − | color: #fff;
| |
| − | background-color: #fed136;
| |
| − | }
| |
| − |
| |
| − | .btn-xl:hover,
| |
| − | .btn-xl:focus,
| |
| − | .btn-xl:active,
| |
| − | .btn-xl.active,
| |
| − | .open .dropdown-toggle.btn-xl {
| |
| − | border-color: #f6bf01;
| |
| − | color: #fff;
| |
| − | background-color: #fec503;
| |
| − | }
| |
| − |
| |
| − | .btn-xl:active,
| |
| − | .btn-xl.active,
| |
| − | .open .dropdown-toggle.btn-xl {
| |
| − | background-image: none;
| |
| − | }
| |
| − |
| |
| − | .btn-xl.disabled,
| |
| − | .btn-xl[disabled],
| |
| − | fieldset[disabled] .btn-xl,
| |
| − | .btn-xl.disabled:hover,
| |
| − | .btn-xl[disabled]:hover,
| |
| − | fieldset[disabled] .btn-xl:hover,
| |
| − | .btn-xl.disabled:focus,
| |
| − | .btn-xl[disabled]:focus,
| |
| − | fieldset[disabled] .btn-xl:focus,
| |
| − | .btn-xl.disabled:active,
| |
| − | .btn-xl[disabled]:active,
| |
| − | fieldset[disabled] .btn-xl:active,
| |
| − | .btn-xl.disabled.active,
| |
| − | .btn-xl[disabled].active,
| |
| − | fieldset[disabled] .btn-xl.active {
| |
| − | border-color: #fed136;
| |
| − | background-color: #fed136;
| |
| − | }
| |
| − |
| |
| − | .btn-xl .badge {
| |
| − | color: #fed136;
| |
| − | background-color: #fff;
| |
| − | }
| |
| − |
| |
| − | .navbar-default {
| |
| − | border-color: transparent;
| |
| − | background-color: #222;
| |
| − | }
| |
| − |
| |
| − | .navbar-default .navbar-brand {
| |
| − | font-family: "Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive;
| |
| − | color: #fed136;
| |
| − | }
| |
| − |
| |
| − | .navbar-default .navbar-brand:hover,
| |
| − | .navbar-default .navbar-brand:focus,
| |
| − | .navbar-default .navbar-brand:active,
| |
| − | .navbar-default .navbar-brand.active {
| |
| − | color: #fec503;
| |
| − | }
| |
| − |
| |
| − | .navbar-default .navbar-collapse {
| |
| − | border-color: rgba(255,255,255,.02);
| |
| − | }
| |
| − |
| |
| − | .navbar-default .navbar-toggle {
| |
| − | border-color: #fed136;
| |
| − | background-color: #fed136;
| |
| − | }
| |
| − |
| |
| − | .navbar-default .navbar-toggle .icon-bar {
| |
| − | background-color: #fff;
| |
| − | }
| |
| − |
| |
| − | .navbar-default .navbar-toggle:hover,
| |
| − | .navbar-default .navbar-toggle:focus {
| |
| − | background-color: #fed136;
| |
| − | }
| |
| − |
| |
| − | .navbar-default .nav li a {
| |
| − | text-transform: uppercase;
| |
| − | font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
| |
| − | font-weight: 400;
| |
| − | letter-spacing: 1px;
| |
| − | color: #fff;
| |
| − | }
| |
| − |
| |
| − | .navbar-default .nav li a:hover,
| |
| − | .navbar-default .nav li a:focus {
| |
| − | outline: 0;
| |
| − | color: #fed136;
| |
| − | }
| |
| − |
| |
| − | .navbar-default .navbar-nav>.active>a {
| |
| − | border-radius: 0;
| |
| − | color: #fff;
| |
| − | background-color: #fed136;
| |
| − | }
| |
| − |
| |
| − | .navbar-default .navbar-nav>.active>a:hover,
| |
| − | .navbar-default .navbar-nav>.active>a:focus {
| |
| − | color: #fff;
| |
| − | background-color: #fec503;
| |
| − | }
| |
| − |
| |
| − | @media(min-width:768px) {
| |
| − | .navbar-default {
| |
| − | padding: 25px 0;
| |
| − | border: 0;
| |
| − | background-color: transparent;
| |
| − | -webkit-transition: padding .3s;
| |
| − | -moz-transition: padding .3s;
| |
| − | transition: padding .3s;
| |
| − | }
| |
| − |
| |
| − | .navbar-default .navbar-brand {
| |
| − | font-size: 2em;
| |
| − | -webkit-transition: all .3s;
| |
| − | -moz-transition: all .3s;
| |
| − | transition: all .3s;
| |
| − | }
| |
| − |
| |
| − | .navbar-default .navbar-nav>.active>a {
| |
| − | border-radius: 3px;
| |
| − | }
| |
| − |
| |
| − | .navbar-default.navbar-shrink {
| |
| − | padding: 10px 0;
| |
| − | background-color: #222;
| |
| − | }
| |
| − |
| |
| − | .navbar-default.navbar-shrink .navbar-brand {
| |
| − | font-size: 1.5em;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | header {
| |
| − | text-align: center;
| |
| − | color: #fff;
| |
| − | background-attachment: scroll;
| |
| − | background-image: url(../img/background_01.png);
| |
| − | background-position: center center;
| |
| − | background-repeat: none;
| |
| − | -webkit-background-size: cover;
| |
| − | -moz-background-size: cover;
| |
| − | background-size: cover;
| |
| − | -o-background-size: cover;
| |
| − | }
| |
| − |
| |
| − | header .intro-text {
| |
| − | padding-top: 200px;
| |
| − | padding-bottom: 160px;
| |
| − | }
| |
| − |
| |
| − | header .intro-text .intro-lead-in {
| |
| − | margin-bottom: 25px;
| |
| − | font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
| |
| − | font-size: 22px;
| |
| − | font-style: italic;
| |
| − | line-height: 22px;
| |
| − | }
| |
| − |
| |
| − | header .intro-text .intro-heading {
| |
| − | margin-bottom: 45px;
| |
| − | text-transform: uppercase;
| |
| − | font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
| |
| − | font-size: 50px;
| |
| − | font-weight: 700;
| |
| − | line-height: 50px;
| |
| − | }
| |
| − |
| |
| − | @media(min-width:768px) {
| |
| − | header .intro-text {
| |
| − | padding-top: 320px;
| |
| − | padding-bottom: 250px;
| |
| − | }
| |
| − |
| |
| − | header .intro-text .intro-lead-in {
| |
| − | margin-bottom: 25px;
| |
| − | font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
| |
| − | font-size: 40px;
| |
| − | font-style: italic;
| |
| − | line-height: 40px;
| |
| − | text-shadow: black 0.1em 0.1em 0.2em
| |
| − | }
| |
| − |
| |
| − | header .intro-text .intro-heading {
| |
| − | margin-bottom: 90px;
| |
| − | text-transform: uppercase;
| |
| − | font-family: Montserrat,"Helvetica Neue",Helvetica,Aial,sans-serif;
| |
| − | font-size: 75px;
| |
| − | font-weight: 700;
| |
| − | line-height: 75px;
| |
| − | text-shadow: black 0.1em 0.1em 0.2em
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | section {
| |
| − | padding: 100px 0;
| |
| − | }
| |
| − |
| |
| − | section h2.section-heading {
| |
| − | margin-top: 0;
| |
| − | margin-bottom: 15px;
| |
| − | font-size: 40px;
| |
| − | }
| |
| − |
| |
| − | section h3.section-subheading {
| |
| − | margin-bottom: 75px;
| |
| − | text-transform: none;
| |
| − | font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
| |
| − | font-size: 16px;
| |
| − | font-style: italic;
| |
| − | font-weight: 400;
| |
| − | }
| |
| − |
| |
| − | @media(min-width:768px) {
| |
| − | section {
| |
| − | padding: 150px 0;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .service-heading {
| |
| − | margin: 15px 0;
| |
| − | text-transform: none;
| |
| − | }
| |
| − |
| |
| − | #portfolio .portfolio-item {
| |
| − | right: 0;
| |
| − | margin: 0 0 15px;
| |
| − | }
| |
| − |
| |
| − | #portfolio .portfolio-item .portfolio-link {
| |
| − | display: block;
| |
| − | position: relative;
| |
| − | margin: 0 auto;
| |
| − | max-width: 400px;
| |
| − | }
| |
| − |
| |
| − | #portfolio .portfolio-item .portfolio-link .portfolio-hover {
| |
| − | position: absolute;
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | opacity: 0;
| |
| − | background: rgba(254,209,54,.9);
| |
| − | -webkit-transition: all ease .5s;
| |
| − | -moz-transition: all ease .5s;
| |
| − | transition: all ease .5s;
| |
| − | }
| |
| − |
| |
| − | #portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
| |
| − | opacity: 1;
| |
| − | }
| |
| − |
| |
| − | #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
| |
| − | position: absolute;
| |
| − | top: 50%;
| |
| − | width: 100%;
| |
| − | height: 20px;
| |
| − | margin-top: -12px;
| |
| − | text-align: center;
| |
| − | font-size: 20px;
| |
| − | color: #fff;
| |
| − | }
| |
| − |
| |
| − | #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
| |
| − | margin-top: -12px;
| |
| − | }
| |
| − |
| |
| − | #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
| |
| − | #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | #portfolio .portfolio-item .portfolio-caption {
| |
| − | margin: 0 auto;
| |
| − | padding: 25px;
| |
| − | max-width: 400px;
| |
| − | text-align: center;
| |
| − | background-color: #fff;
| |
| − | }
| |
| − |
| |
| − | #portfolio .portfolio-item .portfolio-caption h4 {
| |
| − | margin: 0;
| |
| − | text-transform: none;
| |
| − | }
| |
| − |
| |
| − | #portfolio .portfolio-item .portfolio-caption p {
| |
| − | margin: 0;
| |
| − | font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
| |
| − | font-size: 16px;
| |
| − | font-style: italic;
| |
| − | }
| |
| − |
| |
| − | #portfolio * {
| |
| − | z-index: 2;
| |
| − | }
| |
| − |
| |
| − | @media(min-width:767px) {
| |
| − | #portfolio .portfolio-item {
| |
| − | margin: 0 0 30px;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .timeline {
| |
| − | position: relative;
| |
| − | padding: 0;
| |
| − | list-style: none;
| |
| − | }
| |
| − |
| |
| − | .timeline:before {
| |
| − | content: "";
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | bottom: 0;
| |
| − | left: 40px;
| |
| − | width: 2px;
| |
| − | margin-left: -1.5px;
| |
| − | background-color: #f1f1f1;
| |
| − | }
| |
| − |
| |
| − | .timeline>li {
| |
| − | position: relative;
| |
| − | margin-bottom: 50px;
| |
| − | min-height: 50px;
| |
| − | }
| |
| − |
| |
| − | .timeline>li:before,
| |
| − | .timeline>li:after {
| |
| − | content: " ";
| |
| − | display: table;
| |
| − | }
| |
| − |
| |
| − | .timeline>li:after {
| |
| − | clear: both;
| |
| − | }
| |
| − |
| |
| − | .timeline>li .timeline-panel {
| |
| − | float: right;
| |
| − | position: relative;
| |
| − | width: 100%;
| |
| − | padding: 0 20px 0 100px;
| |
| − | text-align: left;
| |
| − | }
| |
| − |
| |
| − | .timeline>li .timeline-panel:before {
| |
| − | right: auto;
| |
| − | left: -15px;
| |
| − | border-right-width: 15px;
| |
| − | border-left-width: 0;
| |
| − | }
| |
| − |
| |
| − | .timeline>li .timeline-panel:after {
| |
| − | right: auto;
| |
| − | left: -14px;
| |
| − | border-right-width: 14px;
| |
| − | border-left-width: 0;
| |
| − | }
| |
| − |
| |
| − | .timeline>li .timeline-image {
| |
| − | z-index: 100;
| |
| − | position: absolute;
| |
| − | left: 0;
| |
| − | width: 80px;
| |
| − | height: 80px;
| |
| − | margin-left: 0;
| |
| − | border: 7px solid #f1f1f1;
| |
| − | border-radius: 100%;
| |
| − | text-align: center;
| |
| − | color: #fff;
| |
| − | background-color: #fed136;
| |
| − | }
| |
| − |
| |
| − | .timeline>li .timeline-image h4 {
| |
| − | margin-top: 12px;
| |
| − | font-size: 10px;
| |
| − | line-height: 14px;
| |
| − | }
| |
| − |
| |
| − | .timeline>li.timeline-inverted>.timeline-panel {
| |
| − | float: right;
| |
| − | padding: 0 20px 0 100px;
| |
| − | text-align: left;
| |
| − | }
| |
| − |
| |
| − | .timeline>li.timeline-inverted>.timeline-panel:before {
| |
| − | right: auto;
| |
| − | left: -15px;
| |
| − | border-right-width: 15px;
| |
| − | border-left-width: 0;
| |
| − | }
| |
| − |
| |
| − | .timeline>li.timeline-inverted>.timeline-panel:after {
| |
| − | right: auto;
| |
| − | left: -14px;
| |
| − | border-right-width: 14px;
| |
| − | border-left-width: 0;
| |
| − | }
| |
| − |
| |
| − | .timeline>li:last-child {
| |
| − | margin-bottom: 0;
| |
| − | }
| |
| − |
| |
| − | .timeline .timeline-heading h4 {
| |
| − | margin-top: 0;
| |
| − | color: inherit;
| |
| − | }
| |
| − |
| |
| − | .timeline .timeline-heading h4.subheading {
| |
| − | text-transform: none;
| |
| − | }
| |
| − |
| |
| − | .timeline .timeline-body>p,
| |
| − | .timeline .timeline-body>ul {
| |
| − | margin-bottom: 0;
| |
| − | }
| |
| − |
| |
| − | @media(min-width:768px) {
| |
| − | .timeline:before {
| |
| − | left: 50%;
| |
| − | }
| |
| − |
| |
| − | .timeline>li {
| |
| − | margin-bottom: 100px;
| |
| − | min-height: 100px;
| |
| − | }
| |
| − |
| |
| − | .timeline>li .timeline-panel {
| |
| − | float: left;
| |
| − | width: 41%;
| |
| − | padding: 0 20px 20px 30px;
| |
| − | text-align: right;
| |
| − | }
| |
| − |
| |
| − | .timeline>li .timeline-image {
| |
| − | left: 50%;
| |
| − | width: 100px;
| |
| − | height: 100px;
| |
| − | margin-left: -50px;
| |
| − | }
| |
| − |
| |
| − | .timeline>li .timeline-image h4 {
| |
| − | margin-top: 16px;
| |
| − | font-size: 13px;
| |
| − | line-height: 18px;
| |
| − | }
| |
| − |
| |
| − | .timeline>li.timeline-inverted>.timeline-panel {
| |
| − | float: right;
| |
| − | padding: 0 30px 20px 20px;
| |
| − | text-align: left;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @media(min-width:992px) {
| |
| − | .timeline>li {
| |
| − | min-height: 150px;
| |
| − | }
| |
| − |
| |
| − | .timeline>li .timeline-panel {
| |
| − | padding: 0 20px 20px;
| |
| − | }
| |
| − |
| |
| − | .timeline>li .timeline-image {
| |
| − | width: 150px;
| |
| − | height: 150px;
| |
| − | margin-left: -75px;
| |
| − | }
| |
| − |
| |
| − | .timeline>li .timeline-image h4 {
| |
| − | margin-top: 30px;
| |
| − | font-size: 18px;
| |
| − | line-height: 26px;
| |
| − | }
| |
| − |
| |
| − | .timeline>li.timeline-inverted>.timeline-panel {
| |
| − | padding: 0 20px 20px;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @media(min-width:1200px) {
| |
| − | .timeline>li {
| |
| − | min-height: 170px;
| |
| − | }
| |
| − |
| |
| − | .timeline>li .timeline-panel {
| |
| − | padding: 0 20px 20px 100px;
| |
| − | }
| |
| − |
| |
| − | .timeline>li .timeline-image {
| |
| − | width: 170px;
| |
| − | height: 170px;
| |
| − | margin-left: -85px;
| |
| − | }
| |
| − |
| |
| − | .timeline>li .timeline-image h4 {
| |
| − | margin-top: 40px;
| |
| − | }
| |
| − |
| |
| − | .timeline>li.timeline-inverted>.timeline-panel {
| |
| − | padding: 0 100px 20px 20px;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .team-member {
| |
| − | margin-bottom: 50px;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | .team-member img {
| |
| − | margin: 0 auto;
| |
| − | border: 7px solid #fff;
| |
| − | }
| |
| − |
| |
| − | .team-member h4 {
| |
| − | margin-top: 25px;
| |
| − | margin-bottom: 0;
| |
| − | text-transform: none;
| |
| − | }
| |
| − |
| |
| − | .team-member p {
| |
| − | margin-top: 0;
| |
| − | }
| |
| − |
| |
| − | aside.clients img {
| |
| − | margin: 50px auto;
| |
| − | }
| |
| − |
| |
| − | section#contact {
| |
| − | background-color: #222;
| |
| − | background-position: center;
| |
| − | background-repeat: no-repeat;
| |
| − | }
| |
| − |
| |
| − | section#contact .section-heading {
| |
| − | color: #fff;
| |
| − | }
| |
| − |
| |
| − | section#contact .form-group {
| |
| − | margin-bottom: 25px;
| |
| − | }
| |
| − |
| |
| − | section#contact .form-group input,
| |
| − | section#contact .form-group textarea {
| |
| − | padding: 20px;
| |
| − | }
| |
| − |
| |
| − | section#contact .form-group input.form-control {
| |
| − | height: auto;
| |
| − | }
| |
| − |
| |
| − | section#contact .form-group textarea.form-control {
| |
| − | height: 236px;
| |
| − | }
| |
| − |
| |
| − | section#contact .form-control:focus {
| |
| − | border-color: #fed136;
| |
| − | box-shadow: none;
| |
| − | }
| |
| − |
| |
| − | section#contact::-webkit-input-placeholder {
| |
| − | text-transform: uppercase;
| |
| − | font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
| |
| − | font-weight: 700;
| |
| − | color: #bbb;
| |
| − | }
| |
| − |
| |
| − | section#contact:-moz-placeholder {
| |
| − | text-transform: uppercase;
| |
| − | font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
| |
| − | font-weight: 700;
| |
| − | color: #bbb;
| |
| − | }
| |
| − |
| |
| − | section#contact::-moz-placeholder {
| |
| − | text-transform: uppercase;
| |
| − | font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
| |
| − | font-weight: 700;
| |
| − | color: #bbb;
| |
| − | }
| |
| − |
| |
| − | section#contact:-ms-input-placeholder {
| |
| − | text-transform: uppercase;
| |
| − | font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
| |
| − | font-weight: 700;
| |
| − | color: #bbb;
| |
| − | }
| |
| − |
| |
| − | section#contact .text-danger {
| |
| − | color: #e74c3c;
| |
| − | }
| |
| − |
| |
| − | footer {
| |
| − | padding: 25px 0;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | footer span.copyright {
| |
| − | text-transform: uppercase;
| |
| − | text-transform: none;
| |
| − | font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
| |
| − | line-height: 40px;
| |
| − | }
| |
| − |
| |
| − | footer ul.quicklinks {
| |
| − | margin-bottom: 0;
| |
| − | text-transform: uppercase;
| |
| − | text-transform: none;
| |
| − | font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
| |
| − | line-height: 40px;
| |
| − | }
| |
| − |
| |
| − | ul.social-buttons {
| |
| − | margin-bottom: 0;
| |
| − | }
| |
| − |
| |
| − | ul.social-buttons li a {
| |
| − | display: block;
| |
| − | width: 40px;
| |
| − | height: 40px;
| |
| − | border-radius: 100%;
| |
| − | font-size: 20px;
| |
| − | line-height: 40px;
| |
| − | outline: 0;
| |
| − | color: #fff;
| |
| − | background-color: #222;
| |
| − | -webkit-transition: all .3s;
| |
| − | -moz-transition: all .3s;
| |
| − | transition: all .3s;
| |
| − | }
| |
| − |
| |
| − | ul.social-buttons li a:hover,
| |
| − | ul.social-buttons li a:focus,
| |
| − | ul.social-buttons li a:active {
| |
| − | background-color: #fed136;
| |
| − | }
| |
| − |
| |
| − | .btn:focus,
| |
| − | .btn:active,
| |
| − | .btn.active,
| |
| − | .btn:active:focus {
| |
| − | outline: 0;
| |
| − | }
| |
| − |
| |
| − | .portfolio-modal .modal-content {
| |
| − | padding: 100px 0;
| |
| − | min-height: 100%;
| |
| − | border: 0;
| |
| − | border-radius: 0;
| |
| − | text-align: center;
| |
| − | background-clip: border-box;
| |
| − | -webkit-box-shadow: none;
| |
| − | box-shadow: none;
| |
| − | }
| |
| − |
| |
| − | .portfolio-modal .modal-content h2 {
| |
| − | margin-bottom: 15px;
| |
| − | font-size: 3em;
| |
| − | }
| |
| − |
| |
| − | .portfolio-modal .modal-content p {
| |
| − | margin-bottom: 30px;
| |
| − | }
| |
| − |
| |
| − | .portfolio-modal .modal-content p.item-intro {
| |
| − | margin: 20px 0 30px;
| |
| − | font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
| |
| − | font-size: 16px;
| |
| − | font-style: italic;
| |
| − | }
| |
| − |
| |
| − | .portfolio-modal .modal-content ul.list-inline {
| |
| − | margin-top: 0;
| |
| − | margin-bottom: 30px;
| |
| − | }
| |
| − |
| |
| − | .portfolio-modal .modal-content img {
| |
| − | margin-bottom: 30px;
| |
| − | }
| |
| − |
| |
| − | .portfolio-modal .close-modal {
| |
| − | position: absolute;
| |
| − | top: 25px;
| |
| − | right: 25px;
| |
| − | width: 75px;
| |
| − | height: 75px;
| |
| − | background-color: transparent;
| |
| − | cursor: pointer;
| |
| − | }
| |
| − |
| |
| − | .portfolio-modal .close-modal:hover {
| |
| − | opacity: .3;
| |
| − | }
| |
| − |
| |
| − | .portfolio-modal .close-modal .lr {
| |
| − | z-index: 1051;
| |
| − | width: 1px;
| |
| − | height: 75px;
| |
| − | margin-left: 35px;
| |
| − | background-color: #222;
| |
| − | -webkit-transform: rotate(45deg);
| |
| − | -ms-transform: rotate(45deg);
| |
| − | transform: rotate(45deg);
| |
| − | }
| |
| − |
| |
| − | .portfolio-modal .close-modal .lr .rl {
| |
| − | z-index: 1052;
| |
| − | width: 1px;
| |
| − | height: 75px;
| |
| − | background-color: #222;
| |
| − | -webkit-transform: rotate(90deg);
| |
| − | -ms-transform: rotate(90deg);
| |
| − | transform: rotate(90deg);
| |
| − | }
| |
| − |
| |
| − | .portfolio-modal .modal-backdrop {
| |
| − | display: none;
| |
| − | opacity: 0;
| |
| − | }
| |
| − |
| |
| − | ::-moz-selection {
| |
| − | text-shadow: none;
| |
| − | background: #fed136;
| |
| − | }
| |
| − |
| |
| − | ::selection {
| |
| − | text-shadow: none;
| |
| − | background: #fed136;
| |
| − | }
| |
| − |
| |
| − | img::selection {
| |
| − | background: 0 0;
| |
| − | }
| |
| − |
| |
| − | img::-moz-selection {
| |
| − | background: 0 0;
| |
| − | }
| |
| − |
| |
| − | body {
| |
| − | webkit-tap-highlight-color: #fed136;
| |
| − | }
| |
| | /**************************************************************************************************************************************************************************************************/ | | /**************************************************************************************************************************************************************************************************/ |
| | /* MENU */ | | /* MENU */ |
| Line 1,083: |
Line 231: |
| | width: 30%; | | width: 30%; |
| | } | | } |
| | + | /**************************************************************************************************************************************************************************************************/ |
| | + | /* HEADER HOME */ |
| | + | /**************************************************************************************************************************************************************************************************/ |
| | | | |
| | + | header { |
| | + | text-align: center; |
| | + | color: #fff; |
| | + | background-attachment: scroll; |
| | + | background-image: url("https://static.igem.org/mediawiki/2018/a/a8/T--HSHL--backgroundSoil.jpeg"); |
| | + | background-position: center center; |
| | + | background-repeat: none; |
| | + | -webkit-background-size: cover; |
| | + | -moz-background-size: cover; |
| | + | background-size: cover; |
| | + | -o-background-size: cover; |
| | + | } |
| | | | |
| | + | header .intro-text { |
| | + | padding-top: 100px; |
| | + | padding-bottom: 100px; |
| | + | } |
| | | | |
| | + | header .intro-text .intro-lead-in { |
| | + | margin-bottom: 25px; |
| | + | font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif; |
| | + | font-size: 22px; |
| | + | font-style: italic; |
| | + | line-height: 22px; |
| | + | } |
| | + | |
| | + | header .intro-text .intro-heading { |
| | + | margin-bottom: 45px; |
| | + | text-transform: uppercase; |
| | + | font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; |
| | + | font-size: 50px; |
| | + | font-weight: 700; |
| | + | line-height: 50px; |
| | + | } |
| | + | |
| | + | @media(min-width:768px) { |
| | + | header .intro-text { |
| | + | padding-top: 100px; |
| | + | padding-bottom: 100px; |
| | + | } |
| | + | |
| | + | header .intro-text .intro-lead-in { |
| | + | margin-bottom: 25px; |
| | + | font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif; |
| | + | font-size: 40px; |
| | + | font-style: italic; |
| | + | line-height: 40px; |
| | + | text-shadow: black 0.1em 0.1em 0.2em |
| | + | } |
| | + | |
| | + | header .intro-text .intro-heading { |
| | + | margin-bottom: 90px; |
| | + | text-transform: uppercase; |
| | + | font-family: Montserrat,"Helvetica Neue",Helvetica,Aial,sans-serif; |
| | + | font-size: 75px; |
| | + | font-weight: 700; |
| | + | line-height: 75px; |
| | + | text-shadow: black 0.1em 0.1em 0.2em |
| | + | } |
| | + | } |
| | /**************************************************************************************************************************************************************************************************/ | | /**************************************************************************************************************************************************************************************************/ |
| | /* CONTENT OF THE PAGE */ | | /* CONTENT OF THE PAGE */ |
| Line 1,180: |
Line 389: |
| | padding: 10px; | | padding: 10px; |
| | vertical-align: text-top; | | vertical-align: text-top; |
| | + | } |
| | + | |
| | + | /* table cells no border */ |
| | + | .igem_2018_team_content .igem_2018_team_column_wrapper tc { |
| | + | border: 1px solid #c4baba; |
| | + | border-collapse: collapse; |
| | + | font-size: 105%; |
| | + | padding: 10px; |
| | + | valign=middle |
| | + | vertical-align: text-center; |
| | } | | } |
| | | | |
| Line 1,187: |
Line 406: |
| | border: 1px solid #928b8b; | | border: 1px solid #928b8b; |
| | border-collapse: collapse; | | border-collapse: collapse; |
| − | font-size: 110%; | + | font-size: 120%; |
| | padding: 10px; | | padding: 10px; |
| | vertical-align: text-top; | | vertical-align: text-top; |
| Line 1,201: |
Line 420: |
| | padding:0px 20px; | | padding:0px 20px; |
| | } | | } |
| − |
| |
| | | | |
| | .igem_2018_team_content .igem_2018_team_column_wrapper ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ul li, | | .igem_2018_team_content .igem_2018_team_column_wrapper ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ul li, |
| Line 1,208: |
Line 426: |
| | .igem_2018_team_content .igem_2018_team_column_wrapper ol ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ol li, | | .igem_2018_team_content .igem_2018_team_column_wrapper ol ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ol li, |
| | .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ul li, | | .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ul li, |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ol li{ font-size: 76%; } | + | .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ol li, igem_2018_team_content .igem_2018_team_column_wrapper ol ol li ul li{ font-size: 76%; } |
| | | | |
| | | | |
| Line 1,314: |
Line 532: |
| | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_full { | | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_full { |
| | border: 4px solid #5bc7d8; | | border: 4px solid #5bc7d8; |
| | + | } |
| | + | |
| | + | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_C_full { |
| | + | border: 10px solid #e4dede; |
| | } | | } |
| | | | |
| Line 1,427: |
Line 649: |
| | </a> | | </a> |
| | | | |
| − | <!-- Team --> | + | <!-- About us--> |
| | <div class="menu_item"> | | <div class="menu_item"> |
| | <div class="submenu_control_icon"> </div> | | <div class="submenu_control_icon"> </div> |
| − | TEAM | + | ABOUT US |
| | </div> | | </div> |
| | <div class="submenu"> | | <div class="submenu"> |
| Line 1,436: |
Line 658: |
| | <a href="https://2018.igem.org/Team:HSHL/Team"> | | <a href="https://2018.igem.org/Team:HSHL/Team"> |
| | <div class="submenu_item"> | | <div class="submenu_item"> |
| − | Team Members | + | Team |
| | </div> | | </div> |
| − | </a> | + | </a> |
| | | | |
| − | <a href="https://2018.igem.org/Team:HSHL/ Collaborations"> | + | <a href="https://2018.igem.org/Team:HSHL/ HSHL"> |
| | <div class="submenu_item"> | | <div class="submenu_item"> |
| − | Collaborations & Networking | + | University |
| | </div> | | </div> |
| | </a> | | </a> |
| | | | |
| − | <a href="https://2018.igem.org/Team:HSHL/ Teamwork"> | + | <a href="https://2018.igem.org/Team:HSHL/ Collaborations"> |
| | <div class="submenu_item"> | | <div class="submenu_item"> |
| − | Teamwork | + | Collaborations & Networking |
| | </div> | | </div> |
| | </a> | | </a> |
| Line 1,476: |
Line 698: |
| | <div class="submenu_item"> | | <div class="submenu_item"> |
| | Experiments | | Experiments |
| − | </div>
| |
| − | </a>
| |
| − |
| |
| − |
| |
| − | <a href="https://2018.igem.org/Team:HSHL/Notebook">
| |
| − | <div class="submenu_item">
| |
| − | Notebook
| |
| − | </div>
| |
| − | </a>
| |
| − |
| |
| − | <a href="https://2018.igem.org/Team:HSHL/InterLab">
| |
| − | <div class="submenu_item">
| |
| − | InterLab
| |
| − | </div>
| |
| − | </a>
| |
| − |
| |
| − |
| |
| − | <a href="https://2018.igem.org/Team:HSHL/Model">
| |
| − | <div class="submenu_item">
| |
| − | Model
| |
| | </div> | | </div> |
| | </a> | | </a> |
| Line 1,502: |
Line 704: |
| | <div class="submenu_item"> | | <div class="submenu_item"> |
| | Results | | Results |
| − | </div>
| |
| − | </a>
| |
| − |
| |
| − |
| |
| − | <a href="https://2018.igem.org/Team:HSHL/Demonstrate">
| |
| − | <div class="submenu_item">
| |
| − | Demonstrate
| |
| − | </div>
| |
| − | </a>
| |
| − |
| |
| − | <a href="https://2018.igem.org/Team:HSHL/Improve">
| |
| − | <div class="submenu_item">
| |
| − | Improve
| |
| | </div> | | </div> |
| | </a> | | </a> |
| Line 1,527: |
Line 716: |
| | | | |
| | | | |
| − | <div class="menu_item"> | + | <a href="https://2018.igem.org/Team:HSHL/Parts"> |
| − | <div class="submenu_control_icon"> </div>
| + | <div class="menu_item direct_link"> |
| − | PARTS
| + | PARTS |
| − | </div>
| + | </div> |
| − | <div class="submenu">
| + | </a> |
| − |
| + | |
| − | <a href="https://2018.igem.org/Team:HSHL/Parts"> | + | |
| − | <div class="submenu_item">
| + | |
| − | Parts Overview
| + | |
| − | </div>
| + | |
| − | </a> | + | |
| − | | + | |
| − | <a href="https://2018.igem.org/Team:HSHL/Basic_Part">
| + | |
| − | <div class=" submenu_item"> | + | |
| − | Basic Parts
| + | |
| − | </div> | + | |
| − | </a> | + | |
| − | | + | |
| − | <a href="https://2018.igem.org/Team:HSHL/Composite_Part">
| + | |
| − | <div class="submenu_item">
| + | |
| − | Composite Parts
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <a href="https://2018.igem.org/Team:HSHL/Part_Collection">
| + | |
| − | <div class="submenu_item">
| + | |
| − | Part Collection
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | | + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − | | + | |
| | | | |
| | <a href="https://2018.igem.org/Team:HSHL/Safety"> | | <a href="https://2018.igem.org/Team:HSHL/Safety"> |
| Line 1,569: |
Line 728: |
| | </a> | | </a> |
| | | | |
| − | | + | <a href="https://2018.igem.org/Team:HSHL/Human_Practices"> |
| − | | + | <div class="menu_item direct_link"> |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <div class="menu_item">
| + | |
| − | <div class="submenu_control_icon"> </div> | + | |
| | HUMAN PRACTICES | | HUMAN PRACTICES |
| − | </div>
| + | </div> |
| − | | + | </a> |
| − | <div class="submenu"> | + | |
| − | | + | |
| − | <a href="https://2018.igem.org/Team:HSHL/Human_Practices">
| + | |
| − | <div class="submenu_item">
| + | |
| − | Human Practices
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | | + | |
| − | <a href="https://2018.igem.org/Team:HSHL/Public_Engagement">
| + | |
| − | <div class="submenu_item">
| + | |
| − | Education & Engagement
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| | | | |
| | <div class="menu_item"> | | <div class="menu_item"> |
| Line 1,652: |
Line 786: |
| | </div> | | </div> |
| | | | |
| − | | + | <a href="https://2018.igem.org/Team:HSHL/ContactCopyright"> |
| | + | <div class="menu_item direct_link"> |
| | + | CONTACT & COPYRIGHT |
| | + | </div> |
| | + | </a> |
| | | | |
| | <a href="https://igem.org/2018_Judging_Form?team=HSHL"> | | <a href="https://igem.org/2018_Judging_Form?team=HSHL"> |
