Difference between revisions of "Team:Dundee/style.css"

 
(320 intermediate revisions by 3 users not shown)
Line 3: Line 3:
  
  
 +
/* hiding the top section*/
  
−
/* Removing WikiMedia look */
 
  
−
 
 
−
#contentSub, #footer-box, #catlinks, #search-controls,
 
−
#p-logo, .printfooter, .firstHeading, .visualClear {
 
−
display: none;
 
−
}
 
  
−
#top-section {
+
#top-section{
−
border: 0 none;
+
  height:0px;
−
height: 14px;
+
    border:none;
−
z-index: 100;
+
    width:100%;
−
top: 0;
+
    margin:0 auto;
−
position: fixed;
+
    padding:0;
−
width: 975px;
+
    background-color:transparent;
−
left: 50%;
+
−
margin-left: -487px;
+
 
}
 
}
−
 
−
#globalWrapper, #content {
 
−
width: 100%;
 
−
height: 100%;
 
−
border: 0px;
 
−
background-color: transparent;
 
−
margin: 0px;
 
−
padding: 0px;
 
−
font-size: 100%;
 
−
}
 
−
 
−
html, body, .wrapper {
 
−
width: 100%;
 
−
height: 100%;
 
−
background-color: transparent;
 
−
}
 
  
 +
#p-logo {
 +
display:none;
 +
}
 +
 +
#globalWrapper, #content {
 +
  width: 100%;
 +
  height: 100%;
 +
  border: 0px;
 +
  background-color: transparent;
 +
  margin: 0px;
 +
  padding: 0px;
 +
  font-size: 100%;
 +
}
 +
 +
#search-controls{
 +
display:none;
 +
}
 +
 +
#top {
 +
display:none;
 +
}
 +
 +
.firstHeading {
 +
display:none;
 +
}
 +
 +
h1, h2, h3, h4 {
 +
border: none;
 +
color: #d6d6d6;
 +
}
 +
 +
#bodyContent h1, #bodyContent h2 {
 +
  margin-bottom: 0;
 +
}
 +
 +
/* end of hiding the top section*/
 +
 +
/* global setting*/
 +
 +
#globalWrapper{
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
right:0px;
 +
width:100%;
 +
padding:0;
 +
margin:0;
 +
height:100%;
 +
}
 +
 +
 +
#content{
 +
    background-color: transparent;
 +
    border:none;
 +
    width:100%;
 +
    height:100%;
 +
    padding:0
 +
    top:-40px;
 +
    display:block;
 +
    }
 +
 +
#bodyContent{
 +
    background-color:transparent;
 +
    border:none;
 +
   
 +
    }
 +
.siteSub{
 +
    display:none;
 +
    border:none;
 +
    }
 +
.contentSub{
 +
    display:none;
 +
    }
 +
/* end of global setting*/
  
  
 
/* Page Start */
 
/* Page Start */
  
−
body {
+
html, body, div, h1, h2, h3, h4, span, .btn {
−
background: #606060;
+
font-family: 'roboto';
−
color: #FFF;
+
    line-height: 1.75;
 +
}
  
 +
 +
html, body {
 +
    margin: auto;
 +
    padding: 0px;
 +
    color: #d6d6d6;
 +
}
 +
p {
 +
color: #d6d6d6;
 +
}
 +
 +
.container {
 +
    padding-right: 15px; /*15px in bootstrap.css*/
 +
    padding-left: 15px;  /*idem*/
 +
    margin-right: auto;
 +
    margin-left: auto;
 +
}
 +
 +
body {
 +
background:url(https://static.igem.org/mediawiki/2015/f/f2/Dundee15-background.png) repeat;
 +
color: #e9e9e9;
 
     /*background: -webkit-linear-gradient(#606060, #121212);
 
     /*background: -webkit-linear-gradient(#606060, #121212);
 
     background:    -moz-linear-gradient(#606060, #121212);
 
     background:    -moz-linear-gradient(#606060, #121212);
 
     background:        linear-gradient(#606060, #121212);*/
 
     background:        linear-gradient(#606060, #121212);*/
 +
    padding-top: 70px;
 +
    font-family: 'cambria';
 +
    font-size: 16px;
 +
     
 
}
 
}
  
 
h1, h2, h3, h4, h5, h6, p {
 
h1, h2, h3, h4, h5, h6, p {
−
font-family: 'Duru Sans', Open Sans Light;
+
 
 
}
 
}
  
−
h3 {
+
header > h3 {
 
color:#FFF;
 
color:#FFF;
 
font-size: 25px;
 
font-size: 25px;
 +
}
 +
/** FONTS **/
 +
@font-face {
 +
font-family: typewriter;
 +
src: url(https://static.igem.org/mediawiki/2015/5/5a/DUNDEE15-Bohemian-typewriter.ttf) format('truetype');
 
}
 
}
  
 +
 +
 +
@font-face {
 +
font-family: roboto;
 +
src: url(../fonts/RobotoSlab-Light.ttf) format('truetype');
 +
}
 +
 +
@font-face {
 +
  font-family: 'FontAwesome';
 +
  src: url('https://static.igem.org/mediawiki/2015/6/60/Dundee15-fafont.ttf') format('truetype');
 +
 +
}
 +
 +
 +
/* HEADER */
 
header {
 
header {
−
background:url(https://static.igem.org/mediawiki/2015/9/98/Dundee_bg_header.png) no-repeat;
+
background:url(<!--Put image source in ""-->../img/newbg1.png) no-repeat;
 
height:700px;
 
height:700px;
−
width:100%;
+
width: 100%;
 +
margin: auto;
 
padding-top:50px;
 
padding-top:50px;
 
color: #fff;
 
color: #fff;
 +
background-position: center center;
 +
-webkit-mask-image: -webkit-gradient(linear, left 80%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
 +
-webkit-background-size: cover;
 +
    -moz-background-size: cover;
 +
    background-size: cover;
 +
    -o-background-size: cover;
 +
    background-attachment: scroll;
 
}
 
}
 
header h1 {
 
header h1 {
 
font-size: 60px;
 
font-size: 60px;
 
margin-top: 120px;
 
margin-top: 120px;
 +
}
 +
header h3 {
 +
margin-top:-60px;
 +
}
 +
highlight {
 +
    background-color: black;
 +
    color: white;
 +
    padding-left:10px;
 +
    padding-right:10px;
 +
    line-height:
 +
}
 +
.highlight {
 +
font-family: typewriter;
 
}
 
}
 +
 +
@media (max-width: 450px) {
 +
header h1 {
 +
line-height: 1.8;
 +
}
 +
header h3 {
 +
line-height: 1.8;
 +
}
 +
}
 +
 +
 +
/* END OF HEADER */
 +
 +
/** NAVBAR **/
 +
.dropdown-header {
 +
font-size: 16px;
 +
font-weight: 900;
 +
color: #c1c1c1;
 +
}
 +
 +
.dropdown:active {
 +
background-color: none;
 +
}
 +
 +
.dropdown-menu>li>a {
 +
font-weight: bold;
 +
color: black;
 +
}
 +
 +
.dropdown-menu>li>a:hover {
 +
background-color: #339966;
 +
color:white;
 +
}
 +
 +
.igem-navbar {
 +
padding-top: 5px;
 +
}
 +
 +
.navbar-logo {
 +
float:left;
 +
padding-top: 12px;
 +
}
 +
 +
@media (max-width: 767px) {
 +
.navbar-logo {
 +
display:none;
 +
}
 +
.igem-navbar {
 +
display: none;
 +
}
 +
}
 +
#nav.affix {
 +
    position: fixed;
 +
    top: 0;
 +
    width: 100%;
 +
    z-index:10;
 +
}
 +
 +
/** END OF NAVBAR **/
 +
  
 
#about {
 
#about {
−
padding-top: 50px;
+
padding-top: 30px;
 
padding-bottom: 0px;
 
padding-bottom: 0px;
 
}
 
}
  
 
#about .row {
 
#about .row {
−
margin-bottom: 50px;
+
 
 +
margin-bottom: 0px;
 
text-align: center;
 
text-align: center;
 
}
 
}
Line 86: Line 264:
 
color: #FFFFFF;
 
color: #FFFFFF;
 
margin-bottom: 10px;
 
margin-bottom: 10px;
−
border: 1px solid #AAA;
+
border: 1px solid transparent;
 
width: 80px;
 
width: 80px;
 
border-radius: 100%;
 
border-radius: 100%;
 
padding-top: 22px;
 
padding-top: 22px;
 
padding-bottom: 22px;
 
padding-bottom: 22px;
 +
background: #333333;
 +
}
 +
.col-lg-4 {
 +
padding-right:50px;
 +
padding-left:50px;
 
}
 
}
 
#about h3 {
 
#about h3 {
 
margin-bottom: 20px;
 
margin-bottom: 20px;
 +
}
 +
.selection-title {
 +
text-align: center;
 +
margin-top: 20px;
 +
 
}
 
}
 
#about .glyphicon {
 
#about .glyphicon {
Line 102: Line 290:
  
 
}
 
}
 +
 
#about .col-md-3:hover .glyphicon {
 
#about .col-md-3:hover .glyphicon {
 +
border: 1px solid transparent;
 +
background: #E8E8E8;
 +
color: #585858;
 +
}
 +
 +
#about .col-lg-4:hover .glyphicon {
 
border: 1px solid #E8E8E8;
 
border: 1px solid #E8E8E8;
 
background: #E8E8E8;
 
background: #E8E8E8;
 
color: #585858;
 
color: #585858;
 
}
 
}
 +
 
#about2 {
 
#about2 {
 
padding-top: 180px;
 
padding-top: 180px;
Line 161: Line 357:
 
#about3 .row {
 
#about3 .row {
 
margin-bottom: 40px;
 
margin-bottom: 40px;
−
}
 
−
#about3 .feature {
 
−
padding-top: 50px;
 
 
}
 
}
 
#about3 h4 {
 
#about3 h4 {
 
font-weight: bold;
 
font-weight: bold;
 
}
 
}
−
#sponsor {
+
 
−
/*background: url(../img/bg-sponsor.jpg);*/
+
/** FOOTER AND SPONSORS **/
−
padding-top: 40px;
+
−
padding-bottom: 60px;
+
−
color: #ffffff;
+
−
text-align: center;
+
−
}
+
−
#sponsor .row {
+
−
margin-bottom: 40px;
+
−
}
+
−
#sponsor .space {
+
−
margin-bottom: 40px;
+
−
}
+
−
.igem-sponsor {
+
−
height: 100px;
+
−
width: auto;
+
−
}
+
 
footer {
 
footer {
 
background: #333333;
 
background: #333333;
 
padding-top: 40px;
 
padding-top: 40px;
 
padding-bottom: 40px;
 
padding-bottom: 40px;
 +
padding-left: 30px;
 +
padding-right: 10px;
 
color: #ffffff;
 
color: #ffffff;
 
font-weight: 100;
 
font-weight: 100;
 +
width: 100%;
 
}
 
}
−
footer h4 {
+
 
−
margin-bottom: 30px;
+
@media (max-width: 767px) {
 +
footer {
 +
padding-top: 40px;
 +
padding-bottom: 40px;
 +
padding-left: 20px;
 +
padding-right: 10px;
 +
}
 
}
 
}
−
#copyright {
+
#sponsor {
−
padding-bottom: 20px;
+
−
padding-top: 20px;
+
−
background: #222222;
+
−
color: #ffffff;
+
 
text-align: center;
 
text-align: center;
 +
margin-right: auto;
 +
margin-left: auto;
 
}
 
}
 +
#sponsor-logo {
 +
padding-top: 50px;
 +
height:auto;
 +
width:60%;
 +
}
 +
@media (max-width: 992px) {
 +
#sponsor-logo {
 +
padding-top: 15px;
 +
height:auto;
 +
width:200px;
 +
}
 +
.igem-navbar {
 +
display:none;
 +
}
 +
.navbar-logo {
 +
display: none;
 +
}
 +
.navbar-brand {
 +
display:none;
 +
}
 +
}
 +
 +
/** END OF FOOTER AND SPONSORS **/
 +
 +
 
@media only screen and (max-width: 480px) {
 
@media only screen and (max-width: 480px) {
 
.btn-lg {
 
.btn-lg {
 
margin-bottom: 10px;
 
margin-bottom: 10px;
−
}
+
margin-right: auto;
 +
margin-left: auto;
 +
}
 
#about .row .col-md-3 {
 
#about .row .col-md-3 {
 
margin-bottom: 30px;
 
margin-bottom: 30px;
Line 223: Line 435:
  
 
}
 
}
−
#nav.affix {
+
 
−
    position: fixed;
+
−
    top: 0;
+
−
    width: 100%;
+
−
    z-index:10;
+
−
}
+
  
 
#page-wrap {
 
#page-wrap {
Line 245: Line 452:
 
padding-bottom: 50px;
 
padding-bottom: 50px;
 
}
 
}
 +
 
headert1 {
 
headert1 {
 
background:url(../img/bg-header.jpg) no-repeat;
 
background:url(../img/bg-header.jpg) no-repeat;
Line 253: Line 461:
 
}
 
}
  
−
/* VIDEO */
 
−
 
−
.responsive-video {
 
−
position: relative;
 
−
padding-bottom: 56.25%;
 
−
padding-top: 60px; overflow: hidden;
 
−
}
 
−
 
−
 
−
.responsive-video iframe,
 
−
.responsive-video object,
 
−
.responsive-video embed {
 
−
position: absolute;
 
−
top: 0;
 
−
left: 20%;
 
−
width: 60%;
 
−
height: 55%;
 
−
}
 
  
 
/** BUTTON NAVIGATION ANCHORS. PREVENTS OVERLAP OF NAVBAR ON TOP OF CONTENT **/
 
/** BUTTON NAVIGATION ANCHORS. PREVENTS OVERLAP OF NAVBAR ON TOP OF CONTENT **/
Line 276: Line 466:
 
display: block;
 
display: block;
 
position: relative;
 
position: relative;
−
top: -100px;
+
top: -75px;
 
visibility: hidden;
 
visibility: hidden;
 
}
 
}
Line 288: Line 478:
 
/** PAGE NAVIGATION BUTTONS (EXCLUDING HOMEPAGE) **/
 
/** PAGE NAVIGATION BUTTONS (EXCLUDING HOMEPAGE) **/
  
−
#menu {
+
.fa {
−
padding-top: 50px;
+
  position: relative;
−
padding-bottom: 0px;
+
  top: 1px;
−
text-decoration:none!important;
+
  display: inline-block;
 +
  -webkit-font-smoothing: antialiased;
 +
  font-style: normal;
 +
  font-weight: normal;
 +
  line-height: 1;
 +
  -moz-osx-font-smoothing: grayscale;
 +
 
 +
}
 +
 
 +
/** LABJOURNAL STYLES **/
 +
 
 +
@media only screen and (max-width: 768px) {
 +
    .box-btn {
 +
margin-top: -15%;
 +
margin-right: 15px;
 +
float: right;
 
}
 
}
 +
}
  
−
#menu .row {
+
.border, .border-week, .border-day {
−
margin-bottom: 50px;
+
border: 2px solid gray;
−
text-align: center;
+
 
}
 
}
−
#menu:hover {
 
−
-webkit-transition:0.3s;
 
−
-moz-transition:0.3s;
 
−
-o-transition:0.3s;
 
−
transition:0.3s;
 
−
color: blue;
 
  
 +
 +
.border-week {
 +
margin-top: 20px;
 +
background-color: transparent;
 +
margin-bottom: 0px;
 +
}
 +
.border-day {
 +
width: 97%;
 +
float: right;
 +
border: 2px solid black;
 +
background-color: #2b2b2b;
 +
margin-bottom: 0px;
 +
margin-top: 5px;
 +
}
 +
.box-btn {
 +
    margin: 10px;
 +
float: right;
 +
clear: both;
 +
cursor: pointer;
 +
}
 +
.biospray-btn {
 +
    margin: 5px;
 +
float: right;
 +
clear: both;
 +
}
 +
.box-title {
 +
font-size: 30px;
 +
    width: 85%;
 +
margin-top: 10px;
 +
margin-left: 10px;
 +
display: inline-block;
 +
color: #d6d6d6;
 +
}
 +
.biospray-content {
 +
margin-left: 10px;
 +
    padding-left: 5px;
 +
    padding-right: 15px;
 +
padding-bottom: 0px;
 +
margin-right: 0px;
 +
margin-bottom: 10px;
 +
}
 +
.week-content {
 +
margin-left: 10px;
 +
    padding-left: 5px;
 +
    padding-right: 50px;
 +
padding-bottom: 0px;
 +
margin-right: 0px;
 +
margin-bottom: 10px;
 +
}
 +
.box-content {
 +
margin-left: 10px;
 +
    padding-left: 5px;
 +
    padding-right: 0px;
 +
padding-bottom: 0px;
 +
margin-right: 20px;
 +
margin-bottom: 0px;
 +
text-align:left;
 +
    clear: right;
 +
    color: #d6d6d6;
 +
}
 +
#biospray-title {
 +
margin-top: 20px;
 +
margin-left: 10px;
 +
font-size:35px;
 +
    padding-left:0px;
 +
    display: inline-block;
 +
    padding-bottom: 15px;
 +
    color: #d6d6d6;
 +
}
 +
.labtitle {
 +
margin-top: 0px;
 +
font-size:35px;
 +
text-align:center;
 +
    padding-left:10px;
 +
    padding-bottom: 0px;
 +
    display: inline-block;
 +
    color: #d6d6d6;
 +
}
 +
.journal-summary-heading {
 +
color: #669966;
 +
font-size: 20px;
 +
}
 +
.journal-content {
 +
color: #d6d6d6;
 +
}
 +
.journal-protocol, .journal-protocol:hover {
 +
color: #669966;
 +
text-decoration: none;
 +
cursor: pointer;
 
}
 
}
−
#menu .fa {
+
.box-btn.glyphicon {
 +
font-size: 2em;
 +
color: #d6d6d6;
 
-webkit-transition:0.3s;
 
-webkit-transition:0.3s;
 
-moz-transition:0.3s;
 
-moz-transition:0.3s;
 
-o-transition:0.3s;
 
-o-transition:0.3s;
 
transition:0.3s;
 
transition:0.3s;
−
font-size: 32px;
+
 
−
color: #FFFFFF;
+
−
margin-bottom: 10px;
+
−
border: 1px solid #AAA;
+
−
width: 80px;
+
−
border-radius: 100%;
+
−
padding-top: 22px;
+
−
padding-bottom: 22px;
+
 
}
 
}
−
.fa {
+
 
−
  position: relative;
+
.box-btn.glyphicon:hover {
−
  top: 1px;
+
color: #669966;
−
  display: inline-block;
+
−
  -webkit-font-smoothing: antialiased;
+
−
  font-style: normal;
+
−
  font-weight: normal;
+
−
  line-height: 1;
+
−
  -moz-osx-font-smoothing: grayscale;
+
 
}
 
}
−
#menu .col-md-3:hover .fa {
+
.biospray-btn.glyphicon:hover {
−
border: 1px solid #E8E8E8;
+
color: #669966;
−
background: #E8E8E8;
+
−
color: #585858;
+
 
}
 
}
−
#menu a {
+
/** END OF LABJOURNAL **/
−
text-decoration:none !important;
+
 
 +
 
 +
/** GENERAL PAGE STRUCTURE **/
 +
 
 +
.ribbon {
 +
background-color: transparent;
 +
    padding-right: 0px;
 +
    padding-left: 0px;
 
}
 
}
−
#about-section1 {
+
.rows {
−
background: teal;
+
    padding: 20px;
 +
    padding-bottom: 80px;
 +
background-color: transparent;
 
}
 
}
  
 +
.rows > .btn {
 +
margin-bottom: 15px;
 +
}
 +
.row1, .row2, .row3, .row4, .row5, .row6 {
 +
padding-top: 10px;
 +
padding-bottom:10px;
 +
padding-left:30px;
 +
padding-right:20px;
 +
background-color: transparent;
 +
}
 +
ul .dropdown-menu {
 +
right:0;
 +
}
 +
.btn .btn-info .col-sm-1 .box-btn {
 +
clear: both;
 +
}
  
 +
.btn-info {
 +
background-color: #339966;
  
 +
}
  
 +
a:link, a:visited, a:active, a {
 +
outline: 0;
 +
  color: white;
 +
  text-decoration: none !important;
 +
  cursor: pointer;
 +
}
  
−
/***** MODAL PROPERTIES *****/
+
e {
−
.modal-content {
+
font-size: 120%;
−
    -webkit-box-shadow: none;
+
color: white;
−
    box-shadow: none;
+
font-weight: 450;
−
    background:transparent;
+
−
    border:none;
+
−
    outline:none;
+
 
}
 
}
−
.modal-content iframe {
+
/** END OF GENERAL PAGE STRUCTURE **/
−
    border:none;
+
 
−
    padding:0;
+
/** MODAL THEMES **/
−
    margin:0;
+
 
 +
.modal {
 +
top: 70px;
 +
}
 +
 
 +
.modal-body, .modal-title {
 +
color: black !important;
 
}
 
}
−
.close {
+
 
−
    font-size: 50px;
+
.modal-body p {
−
    margin:-20px 0 0 0;
+
color: black;
 
}
 
}
−
/***** MEDIA QUERIES *****/
+
 
−
@media only screen and (max-width: 641px) {
+
body.modal-open {
−
    /***** MODAL PROPERTIES *****/
+
     overflow: visible;
−
    .modal-body {
+
−
        height:100px;
+
−
        padding:0;
+
−
        margin: 0;
+
−
    }
+
−
    .modal-content {
+
−
        padding:0;
+
−
        margin: 0;
+
−
     }--[[User:Ctc|Ctc]] 06:49, 17 June 2015 (CDT)
+
−
    .modal-dialog {
+
−
        position: relative;
+
−
        width: auto;
+
−
        margin: 15px;
+
−
    }
+
−
    .close {
+
−
        margin:-12px 0 0 0;
+
−
    }
+
 
}
 
}
−
@media only screen and (min-width: 768px) {
+
/** END OF MODAL THEMES **/
−
    /***** MODAL PROPERTIES *****/
+
 
−
    .close {
+
 
−
        font-size: 80px;
+
/** TABLE **/
−
        margin:30px -43px -20px 100px;
+
table, th, td {
−
    }
+
border: 1px solid #339966 !important;
 +
border-collapse: collapse;
 
}
 
}
 +
 +
.modal > table, th, td {
 +
border: 1px solid black;
 +
border-collapse: collapse;
 +
}
 +
/** END OF TABLE **/
 +
 +
 +
 +
#sponsor-logo {
 +
padding-top: 50px;
 +
height:60%;
 +
width:60%;
 +
}
 +
 +
@media (max-width: 992px) {
 +
#sponsor-logo {
 +
padding-top: 15px;
 +
height:100%;
 +
width:200px;
 +
}
 +
.igem-navbar {
 +
display:none;
 +
}
 +
.navbar-logo {
 +
display: none;
 +
}
 +
.navbar-brand {
 +
display:none;
 +
}
 +
.button-center {
 +
margin-bottom: 20px;
 +
text-align: center;
 +
}
 +
}
 +
 +
@media (max-width: 1200px) {
 +
.navbar-logo {
 +
display: none;
 +
}
 +
.navbar-brand {
 +
padding: 15px 5px;
 +
}
 +
}
 +
 +
 +
/** PAGE BREAKING IMAGES **/
 +
.splash {
 +
background:url(../img/splash/modelling.JPG) no-repeat;
 +
height:300px;
 +
width: 100%;
 +
margin: auto;
 +
padding-top:50px;
 +
color: #fff;
 +
background-position: center center;
 +
-webkit-background-size: cover;
 +
    -moz-background-size: cover;
 +
    background-size: cover;
 +
    -o-background-size: cover;
 +
    background-attachment: scroll;
 +
}
 +
 +
.ft-biospray {
 +
background: url(../img/splash/ft-biospray.jpg) no-repeat;
 +
height:300px;
 +
width: 100%;
 +
margin: auto;
 +
padding-top:50px;
 +
color: #fff;
 +
background-position: center center;
 +
-webkit-background-size: cover;
 +
    -moz-background-size: cover;
 +
    background-size: cover;
 +
    -o-background-size: cover;
 +
    background-attachment: scroll;
 +
}
 +
.ft-fingerprint {
 +
background: url(../img/splash/ft-fingerprint.jpg) no-repeat;
 +
height:300px;
 +
width: 100%;
 +
margin: auto;
 +
padding-top:50px;
 +
color: #fff;
 +
background-position: center center;
 +
-webkit-background-size: cover;
 +
    -moz-background-size: cover;
 +
    background-size: cover;
 +
    -o-background-size: cover;
 +
    background-attachment: scroll;
 +
}
 +
.ft-chromate {
 +
background: url(../img/splash/ft-chromate.jpg) no-repeat;
 +
height:300px;
 +
width: 100%;
 +
margin: auto;
 +
padding-top:50px;
 +
color: #fff;
 +
background-position: center center;
 +
-webkit-background-size: cover;
 +
    -moz-background-size: cover;
 +
    background-size: cover;
 +
    -o-background-size: cover;
 +
    background-attachment: scroll;
 +
}
 +
 +
.page-break {
 +
border-style: solid;
 +
border-bottom: thin solid #FFF;
 +
margin-bottom: 50px;
 +
}
 +
 +
.caption-center {
 +
text-align: center;
 +
}
 +
 +
 +
body h1 {
 +
color: #339966;
 +
padding-top: -15px;
 +
}
 +
 +
body h2 {
 +
color: #339966;
 +
margin-top: -20px;
 +
    padding-top: -15px;
 +
}
 +
 +
/** END OF PAGE BREAKING IMAGES**/
 +
 +
/** SEQUENCES PAGE **/
 +
 +
.modal-body p {
 +
    word-wrap: break-word;
 +
}
 +
 +
.sequences {
 +
word-wrap: break-word;
 +
}
 +
 +
/** END OF SEQUENCES **/
 +
 +
</style>
 
</html>
 
</html>
 +
1

Latest revision as of 15:43, 13 September 2015

1