|
|
Line 1: |
Line 1: |
| <html> | | <html> |
− | <a href="https://2016.igem.org/wiki/index.php?title=Template:Stanford-Brown/CSS&action=edit">Edit Page</a>
| |
| <style> | | <style> |
− |
| |
− | /* Fixing previously installed css */
| |
− |
| |
− | .firstHeading {
| |
− | display: none;
| |
− | }
| |
− |
| |
− | #content {
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | border: 0px;
| |
− | background-color: #FFFFFF;
| |
− | margin: 0px;
| |
− | margin-top: -48px;
| |
− | padding: 0px;
| |
− | line-height: normal;
| |
− | }
| |
− |
| |
− | li {
| |
− | margin-bottom: 0;
| |
− | }
| |
− |
| |
− | ul.nav {
| |
− | line-height: inherit;
| |
− | list-style-type: none;
| |
− | margin: 0 0 0 0;
| |
− | padding: 0;
| |
− | list-style-image: none;
| |
− | }
| |
− | p {
| |
− | margin: 0 0 0 0;
| |
− | }
| |
− |
| |
− | /* GLOBAL STYLES
| |
− | -------------------------------------------------- */
| |
− |
| |
− |
| |
− | /* CUSTOMIZE THE NAVBAR
| |
− | -------------------------------------------------- */
| |
− |
| |
− |
| |
− |
| |
− | /* CUSTOMIZE THE CAROUSEL
| |
− | -------------------------------------------------- */
| |
− |
| |
− | /* Carousel base class */
| |
− | .carousel {
| |
− | height: 500px;
| |
− | margin-bottom: 60px;
| |
− | }
| |
− | /* Since positioning the image, we need to help out the caption */
| |
− | .carousel-caption {
| |
− | z-index: 10;
| |
− | }
| |
− |
| |
− | /* Declare heights because of positioning of img element */
| |
− | .carousel .item {
| |
− | height: 500px;
| |
− | background-color: #FFFFFF;
| |
− | }
| |
− | .carousel-inner > .item > img {
| |
− | position: absolute;
| |
− | top: 0;
| |
− | left: 0;
| |
− | min-width: 100%;
| |
− | height: 500px;
| |
− | }
| |
− |
| |
− |
| |
− | /* MARKETING CONTENT
| |
− | -------------------------------------------------- */
| |
− |
| |
− | /* Center align the text within the three columns below the carousel */
| |
− | .marketing .col-sm-4 {
| |
− | margin-bottom: 20px;
| |
− | text-align: center;
| |
− | }
| |
− | .marketing h2 {
| |
− | /*font-weight: normal;*/
| |
− | }
| |
− | .marketing .col-sm-4 p {
| |
− | margin-right: 10px;
| |
− | margin-left: 10px;
| |
− | }
| |
− |
| |
− | .marketing .col-sm-3 {
| |
− | margin-bottom: 20px;
| |
− | text-align: center;
| |
− | }
| |
− | .marketing h2 {
| |
− | /*font-weight: normal;*/
| |
− | }
| |
− | .marketing .col-sm-3 p {
| |
− | margin-right: 10px;
| |
− | margin-left: 10px;
| |
− | }
| |
− |
| |
− | .marketing .col-sm-2 {
| |
− | text-align: center;
| |
− | }
| |
− |
| |
− | .centerT {
| |
− | text-align: center !important;
| |
− | }
| |
− |
| |
− |
| |
− | /* Featurettes
| |
− | ------------------------- */
| |
− | /*
| |
− | .featurette-divider {
| |
− | margin: 80px 0; Space out the Bootstrap <hr> more
| |
− | }*/
| |
− |
| |
− | /* Thin out the marketing headings */
| |
− | .featurette-heading {
| |
− | font-weight: 300;
| |
− | line-height: 1;
| |
− | letter-spacing: -1px;
| |
− | }
| |
− |
| |
− |
| |
− | /* Footer
| |
− | --------------------------------*/
| |
− |
| |
− | /*footer {
| |
− | background: #333;
| |
− | color: #eee;
| |
− | font-size: 0.em;
| |
− | padding: 20px;
| |
− | }
| |
− | */
| |
− | /* RESPONSIVE CSS
| |
− | -------------------------------------------------- */
| |
− |
| |
− | @media (min-width: 768px) {
| |
− |
| |
− | /* Bump up size of carousel content */
| |
− | .carousel-caption p {
| |
− | margin-bottom: 20px;
| |
− | font-size: 21px;
| |
− | line-height: 1.4;
| |
− | }
| |
− |
| |
− | .featurette-heading {
| |
− | font-size: 50px;
| |
− | }
| |
− | }
| |
− |
| |
− | @media (min-width: 992px) {
| |
− | .featurette-heading {
| |
− | /*margin-top: 120px;*/
| |
− | }
| |
− | }
| |
− | /*===================================================*/
| |
− |
| |
− | /*----------Font-----------*/
| |
− |
| |
− |
| |
− | .pp {
| |
− | font-size: 1.7em;
| |
− | }
| |
− |
| |
− | .pf {
| |
− | font-size: 1.7em;
| |
− | }
| |
− |
| |
− | h1, h2 {
| |
− | border: none;
| |
− | }
| |
− |
| |
− | /*#bodyContent {
| |
− | transform-style: preserve-3d;
| |
− | }*/
| |
− |
| |
− |
| |
− |
| |
− | /*------- Navbar ---------*/
| |
− |
| |
− | /*
| |
− | #top_menu_inside {
| |
− | border: none !important;
| |
− | color: ##03a9f4 !important;
| |
− |
| |
− | }
| |
− |
| |
− | #top_menu_14 {
| |
− | background-color: #03a9f4 !important;
| |
− | border-bottom: none !important;
| |
− | color: #03a9f4 !important;
| |
− |
| |
− | }
| |
− |
| |
− | #top_menu_14 a {
| |
− |
| |
− | }
| |
− | */
| |
− |
| |
− | .navbar {
| |
− | z-index: 9999999;
| |
− |
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− | nav {
| |
− | padding-top: 15px;
| |
− | z-index: 9999999999;
| |
− | margin: 0px !important;
| |
− | /*background-color: #42AAC9 !important;*/
| |
− | }
| |
− |
| |
− | .oriEdit {
| |
− | padding-top: 42px !important;
| |
− | }
| |
− |
| |
− |
| |
− | /*-------Wells-----------*/
| |
− |
| |
− | .well {
| |
− | }
| |
− |
| |
− |
| |
− | /*-------Moving jumbotron down ------- */
| |
− |
| |
− | .jumbotron {
| |
− | margin-top: 30px;
| |
− | }
| |
− |
| |
− | .jumbotron .null {
| |
− | margin-top: 0px;
| |
− | }
| |
− |
| |
− | /*-------Team Pictures----------*/
| |
− |
| |
− | .pic {
| |
− | margin-bottom: 15px;
| |
− | }
| |
− |
| |
− | /* ------Footer--------*/
| |
− |
| |
− | ul.unstyled {
| |
− | list-style: none;
| |
− | padding: 0;
| |
− | }
| |
− |
| |
− |
| |
− | #globalWrapper {
| |
− | font-size: 100%
| |
− | }
| |
− |
| |
− | /*--------btn---------*/
| |
− |
| |
− | /*.btnEdit{
| |
− | text-transform: none !important;
| |
− | text-align: left !important;
| |
− | white-space: normal !important;
| |
− | }*/
| |
− |
| |
− | #be1, #be2, #be3, #be4, #be5, #be6, #be7, #be8, #be9, #be10, #be11, #be12, #be13, #be14, #be15, #be16 {
| |
− | text-transform: none !important;
| |
− | text-align: left !important;
| |
− | white-space: normal !important;
| |
− | }
| |
− |
| |
− | .dropdown-menu li a {
| |
− | font-size: 1.2em;
| |
− | }
| |
− |
| |
− | .head123 {
| |
− | margin-top: 50px;
| |
− | }
| |
− |
| |
− | .rotate90 {
| |
− | -webkit-transform: rotate(90deg);
| |
− | -moz-transform: rotate(90deg);
| |
− | -o-transform: rotate(90deg);
| |
− | -ms-transform: rotate(90deg);
| |
− | transform: rotate(90deg);
| |
− | }
| |
− |
| |
− | /*END OF FIX*/
| |
− |
| |
| /* COLORS | | /* COLORS |
| light blue: #c1d9ff | | light blue: #c1d9ff |
Line 304: |
Line 21: |
| #BioballoonLabel { /*Bioballoon "home" button*/ | | #BioballoonLabel { /*Bioballoon "home" button*/ |
| color: #dd502f;/*mars red*/ | | color: #dd502f;/*mars red*/ |
− | font-size: 1.4em; | + | font-size: 1.5em; |
| font-family: avenir, "Century Gothic", sans-serif; | | font-family: avenir, "Century Gothic", sans-serif; |
| } | | } |
| .nav.navbar-nav li a { /*individual navbar items*/ | | .nav.navbar-nav li a { /*individual navbar items*/ |
− | color: #C1D9FF; /*light blue*/ | + | color: #c1d9ff; /*light blue*/ |
| font-size: 14.4px; | | font-size: 14.4px; |
| font-family: avenir, "Century Gothic", sans-serif; | | font-family: avenir, "Century Gothic", sans-serif; |
Line 320: |
Line 37: |
| } | | } |
| .nav.navbar-nav .dropdown .dropdown-toggle.active{ /*active navbar item if dropdown*/ | | .nav.navbar-nav .dropdown .dropdown-toggle.active{ /*active navbar item if dropdown*/ |
− | color: #dceaff; /*very ligh† blue*/ | + | color: #dceaff; /*very light blue*/ |
| background-color: #1a2342;/*navy*/ | | background-color: #1a2342;/*navy*/ |
| border-left: 1px solid #dceaff; /*very light blue*/ | | border-left: 1px solid #dceaff; /*very light blue*/ |