|
|
| Line 1: |
Line 1: |
| | | | |
| − | /* Default Font and Sizing of Website */
| |
| − |
| |
| − | @media screen and (max-width: 760px) {
| |
| − | /*Make dropdown links appear inline*/
| |
| − | ul {
| |
| − | position: static;
| |
| − | display: none;
| |
| − | float:left;
| |
| − | margin: 0; auto;
| |
| − | }
| |
| − | /*Create vertical spacing*/
| |
| − | li {
| |
| − | margin-bottom: 1px;
| |
| − | }
| |
| − | /*Make all menu links full width*/
| |
| − | ul li,
| |
| − | li a {
| |
| − | width: 100%;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | html,
| |
| − | body {
| |
| − | height: 98%;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /* Visiting Links */
| |
| − |
| |
| − | a,
| |
| − | a:hover {
| |
| − | color: #52658F;
| |
| − | text-decoration: none;
| |
| − | -webkit-transition: all .5s ease;
| |
| − | -moz-transition: all .5s ease;
| |
| − | -o-transition: all .5s ease;
| |
| − | transition: all .5s ease-in-out;
| |
| − | }
| |
| − |
| |
| − | a:visited {
| |
| − | color: #333A56;
| |
| − | }
| |
| − |
| |
| − | .col-centered {
| |
| − | float: none;
| |
| − | margin: 0 auto;
| |
| − | }
| |
| − |
| |
| − | .backTop {
| |
| − | height: 40px;
| |
| − | width: 40px;
| |
| − | position: fixed;
| |
| − | bottom: 10px;
| |
| − | right: 5px;
| |
| − | z-index: 1000;
| |
| − | cursor: pointer;
| |
| − | -webkit-transition: all ease 0.4s;
| |
| − | -moz-transition: all ease 0.4s;
| |
| − | -ms-transition: all ease 0.4s;
| |
| − | -o-transition: all ease 0.4s;
| |
| − | transition: all ease 0.4s;
| |
| − | }
| |
| − |
| |
| − | .backTop:hover {
| |
| − | -webkit-transform: rotate(180deg);
| |
| − | -moz-transform: rotate(180deg);
| |
| − | -ms-transform: rotate(180deg);
| |
| − | -o-transform: rotate(180deg);
| |
| − | transform: rotate(180deg);
| |
| − | }
| |
| − |
| |
| − | .red {
| |
| − | color: #EA3923;
| |
| − | }
| |
| − |
| |
| − | .blue {
| |
| − | color: #0C68E6;
| |
| − | }
| |
| − |
| |
| − | .darkblue {
| |
| − | color: #52658F;
| |
| − | }
| |
| − |
| |
| − | .yellow {
| |
| − | color: #FFDF1E;
| |
| − | }
| |
| − |
| |
| − | .green {
| |
| − | color: #32BE01;
| |
| − | }
| |
| − |
| |
| − | .cream {
| |
| − | color: #F7F5E6;
| |
| − | }
| |
| − |
| |
| − | .grey {
| |
| − | color: #E8E8E8;
| |
| − | }
| |
| − |
| |
| − | .darkgrey {
| |
| − | color: #8C8C8C;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /* Body */
| |
| − |
| |
| − | body {
| |
| − | font-family: 'Roboto', sans-serif;
| |
| − | }
| |
| − |
| |
| − | .indent {
| |
| − | text-indent: 50px;
| |
| − | }
| |
| − |
| |
| − | hr {
| |
| − | border-color: #333A56;
| |
| − | border-width: 3px;
| |
| − | max-width: 50px;
| |
| − | margin-top: 25px;
| |
| − | margin-bottom: 25px;
| |
| − | margin-left: auto;
| |
| − | margin-right: auto;
| |
| − | }
| |
| − |
| |
| − | hr.light {
| |
| − | border-color: white;
| |
| − | }
| |
| − |
| |
| − | hr.grey {
| |
| − | border-color: #E8E8E8;
| |
| − | }
| |
| − |
| |
| − | hr.blue {
| |
| − | border-color: #333A56;
| |
| − | }
| |
| − |
| |
| − | /* Navbar */
| |
| − |
| |
| − | .some-padding {
| |
| − | padding-top: 20px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /*adds necessary spacing to the navbar so links display correctly below the black iGEM navbar BACKGROUND*/
| |
| − |
| |
| − | .navbar-default {
| |
| − | background-color: white;
| |
| − | border-color: rgba(255, 255, 255, 0.3);
| |
| − | font-family: 'Karla', sans-serif;
| |
| − | font-weight: 300;
| |
| − | -webkit-transition: all 0.35s;
| |
| − | -moz-transition: all 0.35s;
| |
| − | transition: all 0.35s;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /*NavBar UNOTT Information*/
| |
| − |
| |
| − | .navbar-default .navbar-header .navbar-brand {
| |
| − | color: #52658F;
| |
| − | font-family: 'Helvetica', sans-serif;
| |
| − | font-weight: bold;
| |
| − | font-size: 22px;
| |
| − | display: inline-block;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /*Changes colour of the iGEM logo in the navbar.*/
| |
| − |
| |
| − | .navbar-default .navbar-header .navbar-brand:hover,
| |
| − | .navbar-default .navbar-header .navbar-brand:focus {
| |
| − | color: #52658F;
| |
| − | }
| |
| − |
| |
| − | .navbar-default .navbar-header .navbar-toggle {
| |
| − | font-family: 'Helvetica', sans-serif;
| |
| − | font-weight: 400; bold;
| |
| − | font-size: 14px;
| |
| − | color: #333A56;
| |
| − | text-transform: uppercase;
| |
| − | }
| |
| − |
| |
| − | /* Navbar font */
| |
| − | .navbar-default .nav > li > a,
| |
| − | .navbar-default .nav > li > a:focus {
| |
| − | text-transform: uppercase;
| |
| − | font-family: 'Helvetica', sans-serif;
| |
| − | font-weight: bold;
| |
| − | font-size: 14px;
| |
| − | color: #959595;
| |
| − | }
| |
| − |
| |
| − | .navbar-default .nav > li > a:hover,
| |
| − | .navbar-default .nav > li > a:focus:hover {
| |
| − | color: #333A56;
| |
| − | }
| |
| − |
| |
| − | /*Navbar background colour*/
| |
| − |
| |
| − | .navbar-default .nav > li.active > a,
| |
| − | .navbar-default .nav > li.active > a:focus {
| |
| − | color: #333A56 !important;
| |
| − | background-color: black;
| |
| − | }
| |
| − |
| |
| − | .navbar-default .nav > li.active > a:hover,
| |
| − | .navbar-default .nav > li.active > a:focus:hover {
| |
| − | background-color: black;
| |
| − | border-left-color: black; border-top-color: black;
| |
| − | }
| |
| − |
| |
| − | .navbar-default .navbar-toggle {
| |
| − | border: none;
| |
| − | }
| |
| − | /*dropdown menu colours*/
| |
| − | .navbar-default .dropdown-menu > li > a:hover,
| |
| − | .navbar-default .dropdown-menu > li > a:focus {
| |
| − | background-color: #white;
| |
| − | color: #2eacdd;
| |
| − | }
| |
| − |
| |
| − | .navbar-default .dropdown-menu {
| |
| − | border: none;
| |
| − | outline: none;
| |
| − | font-family: 'Helvetica', sans-serif;
| |
| − | text-transform: uppercase;
| |
| − | font-weight: bold;
| |
| − | font-size: 13.2px !important;
| |
| − | color: #222222;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | #sitelinks a {
| |
| − | display: inline-block;
| |
| − | border: 3px solid #fff;
| |
| − | color: #fff;
| |
| − | padding: 10px 20px;
| |
| − | margin: 10px
| |
| − | }
| |
| − |
| |
| − | #footer {
| |
| − | background: #333;
| |
| − | text-align: center;
| |
| − | color: #fff;
| |
| − | line-height: 50px;
| |
| − | }
| |
| − |
| |
| − | #footer a {
| |
| − | color: #fff;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /* Titles and text */
| |
| − |
| |
| − | specialh1 {
| |
| − | font-size: 100px;
| |
| − | font-weight: 400;
| |
| − | font-family: 'Quicksand', sans-serif;
| |
| − | text-align: center;
| |
| − | color: #333A56;
| |
| − | letter-spacing: 3px;
| |
| − | border-bottom: none;
| |
| − | }
| |
| − |
| |
| − | specialh2 {
| |
| − | font-size: 40px;
| |
| − | font-weight: 400;
| |
| − | font-family: 'Quicksand', sans-serif;
| |
| − | text-align: center;
| |
| − | color: #333A56;
| |
| − | border-bottom: none;
| |
| − | text-transform: uppercase;
| |
| − | }
| |
| − |
| |
| − | specialh3 {
| |
| − | font-size: 30px;
| |
| − | font-weight: 400;
| |
| − | font-family: 'Quicksand', sans-serif;
| |
| − | text-align: center;
| |
| − | color: #52658F;
| |
| − | border-bottom: none;
| |
| − | }
| |
| − |
| |
| − | specialh4 {
| |
| − | font-size: 22px;
| |
| − | font-weight: 400;
| |
| − | font-family: 'Quicksand', sans-serif;
| |
| − | text-align: center;
| |
| − | color: #52658F;
| |
| − | border-bottom: none;
| |
| − | }
| |
| − |
| |
| − | h1 {
| |
| − | font-family: 'Quicksand', sans-serif !important;
| |
| − | font-size: 50px !important;
| |
| − | }
| |
| − |
| |
| − | h2 {
| |
| − | font-family: 'Quicksand', sans-serif !important;
| |
| − | font-size: 40px !important;
| |
| − | }
| |
| − |
| |
| − | h3 {
| |
| − | font-family: 'Quicksand', sans-serif !important;
| |
| − | font-size: 35px !important;
| |
| − | }
| |
| − |
| |
| − | h4 {
| |
| − | font-family: 'Quicksand', sans-serif !important;
| |
| − | font-size: 30px !important;
| |
| − | }
| |
| − |
| |
| − | p {
| |
| − | font-family: 'Roboto', sans-serif !important;
| |
| − | ;
| |
| − | font-weight: 400 !important;
| |
| − | ;
| |
| − | font-size: 18px !important;
| |
| − | line-height: 1.5;
| |
| − | margin-bottom: 20px;
| |
| − | }
| |
