Line 1: | Line 1: | ||
@import "https://fonts.googleapis.com/css?family=Indie+Flower|Cabin|PT+Sans|Ubuntu:300|Prompt|Raleway:200"; | @import "https://fonts.googleapis.com/css?family=Indie+Flower|Cabin|PT+Sans|Ubuntu:300|Prompt|Raleway:200"; | ||
+ | @font-face { | ||
+ | font-family:fontawesome; | ||
+ | src: url('https://static.igem.org/mediawiki/2016/9/92/T--Duke--FontAwesome.otf '); | ||
+ | } | ||
.btn { | .btn { |
Revision as of 16:53, 29 September 2016
@import "https://fonts.googleapis.com/css?family=Indie+Flower%7CCabin%7CPT+Sans%7CUbuntu:300%7CPrompt%7CRaleway:200"; @font-face {
font-family:fontawesome; src: url('https://static.igem.org/mediawiki/2016/9/92/T--Duke--FontAwesome.otf ');
}
.btn { border-radius: 0px; }
.subsection{ border-bottom: 1px solid transparent;; }
body subsection h2 span{ border-radius: 0px; }
- smalltitle{
border-radius: 0px; box-shadow: 2px 2px grey; }
- names{
font-family: Raleway, 'lucida.console'; font-weight: bold; text-align: center; color:black; }
a.thumbnail:hover, a.thumbnail:focus{
border: solid 3px #ff5c26; transition: 0.3s; box-shadow: 0 1px 4px rgba(0,105,214,0.25);
} .jumbotron {
height: 500px; background-repeat: no-repeat; background-size: cover; font-family: 'FoundryMonolineBold', Verdana, sans-serif; background-attachment: fixed;
}
- team{
background-image:url('../img/scientistsandplant.jpg');
}
- team2{
background-image:url('https://static.igem.org/mediawiki/2016/2/2d/T--Duke--leaf_and_.jpeg'); background-repeat: no-repeat; background-size: cover; background-attachment: fixed;
} .jumbotron .container {
position: relative; top: 70px;
} h2.project{
font-size: 2.7em; color:white; font-family:Indie Flower, Times; margin-top: 1.5em; margin-right:1.5em;
} span.project{
font-size:2em; display:inline-block; font-family: Raleway; padding-left:1.0em; text-align:left; padding-top: 0.1em; color:#2a2a18; font-weight:bolder;
}
p.safety{
font-size:2em; font-family: Raleway; margin-left:-6em; text-align:center; margin-top: 0.1em; color:#f8f8f8; font-weight:bolder;
} p.safetysub{
font-size:0.7em relative; font-family: Raleway; margin-left:18em; vertical-align: center; text-align:center; margin-top: 1em; color:#f8f8f8; font-weight:bolder; width:18%;
}
- shadower{
text-shadow: 1px 1px white; }
.carousel-control.left, .carousel-control.right {
background-image: none
}
.clear {
clear:both;
} .btn-info {
margin-right:15px; text-transform:uppercase; padding:10px; display:block; float:left;
} .btn-info a {
display:block; text-decoration:none; width:100%; height:100%; color:#fff;
} .more.label {
float:right;
}
.carousel-control {
top:50%; height:1em; background:transparent;
}
hr.clear{
height: 0; margin-top: 0.5em; margin-bottom: 0em; border: 0; border-top: 0px solid #ddd;
}
hr{
height: 0; margin-top: 1em; margin-bottom: 2em; border: 0; border-top: 1px solid #ddd;
}
- article-font{
font-family: 'PT Sans'; font-size: 20px;
}
h4{
font-weight: Bold;
}
- article-box{
margin: 0 auto;
}
.carousel-caption {
top: 0; bottom: auto;
} .carousel-caption h2{
color: #ffffff; display: inline-block; font-size: 3.5em; line-height: 1.35; margin-bottom: 0.5em; font-family: 'Raleway';
}
header.major { margin: 0 0 6em 0; }
header.major h2 { font-size: 3em; font-family: 'PT Sans'; font-weight: Bold;
}
header.major h2, header.major h3, header.major h4, header.major h5, header.major h6 { display: inline-block; margin: 0 0 0.8em; }
header.major p { font-size: 1.7em; margin-bottom: 0; }
.wrapper {
padding: 6em 0 4em 0; }
.wrapper.style2 { background-color: #f6f6f6; }
.wrapper.style3 { background-attachment: fixed; background-image: url("images/overlay.png"), url("../images/banner.jpg"); background-position: center center; background-size: cover; }
.wrapper.style3 header.major { margin-bottom: 3em; }
.wrapper.style3 header.major h2 { color: #ffffff; }
/* One */
#one { text-align: center; }
header p {
color: #aaa; position: relative; margin: 0 0 1.5em 0; text-transform: uppercase;
} .row {
border-bottom: solid 1px transparent;
}
.vertical-center {/* These two lines are counted as one :-) */
display: flex; align-items: center;
}
nav ul li a{
font-family: 'Raleway', sans-serif; text-transform: uppercase; display: inline-block; text-decoration: none; white-space: nowrap;
}
.navbar-default {
background-color: white; border:none;
}
nav ul li a:after {
content: ; position: absolute; bottom: 0; left: 0; width: 0%; border-bottom: 3px solid #3366FF; transition: 0.4s;
}
nav ul li a:hover:after {
border-bottom: 3px solid black; width: 100%;
}
.navbar-default .navbar-nav > li > a {
color:#337ab7; /*Change active text color here*/ line-height: 50px; }
.navbar-default .navbar-nav >li a:hover{
color:#337ab7;
}
img.center {
display: block; margin: 0 auto; border-radius: 50%;
}
.navbar-default .navbar-nav > .active:after { content: ; bottom: 0; left: 0; width: 100%; border-bottom: 3px solid black; transition:0s; }
- logo{
width:80px; }
.navbar-default .navbar-nav > .active a:hover:after{ border-bottom: 3px solid black; width: 100%; }
img.center {
display: block; margin: 0 auto;
}
- side-bar{
position: fixed; right: 0; margin-top:-2em;
}
- subtitle-font{
font-family: 'Raleway','Times','PT Sans'; font-weight: bold; color:#337ab7; font-size:2.5em; text-transform: uppercase;
}
- sidebar-font{
font-family: 'Raleway','Times','PT Sans'; font-weight: bold; color:#337ab7; font-size:1.5em;
}
.right {
position: absolute; right: 2px; width: 300px; border: 0px; padding: 10px;
}
- dropdown{
text-decoration: none; width:100%;
}
u {
text-decoration: none; font-family: 'Indie Flower','Lakki Reddy'; font-weight:bolder; font-size: 55px; }
.section-heading {
content: ; display: block; position: relative; display:block;
}
- safety{
background-image:url('../img/safety.jpg'); background-position:center; height:relative; margin-bottom:0;
} h2.safety{
font-size: 3.5em; display:block; color:Black; font-family:Indie Flower, Times; margin-top: 0.1em; margin-left:0em auto;
}
.span12{
font-family:Raleway; display:block; width:100%; text-align: center; color:white;
} .span12>div{
max-width:75%; padding-bottom:2em;
} .span12>div>h2{
padding-bottom:0.5em; padding-top:1em; border-bottom:solid 1px white;
} .span12>div>p{
font-family:'Ubuntu'; font-size:2em;
} .carousel-inner> .active, .carousel-inner.next, .carousel-inner>.prev{
width:100% !important;
}