(60 intermediate revisions by 3 users not shown) | |||
Line 25: | Line 25: | ||
src: url(https://static.igem.org/mediawiki/2016/d/da/T--Arizona_State--Oxygen-Light.ttf); | src: url(https://static.igem.org/mediawiki/2016/d/da/T--Arizona_State--Oxygen-Light.ttf); | ||
font-weight: light; | font-weight: light; | ||
− | |||
} | } | ||
Line 41: | Line 40: | ||
h1, h2, h3, h4, h5, p { | h1, h2, h3, h4, h5, p { | ||
font-family: "Oxygen", sans-serif!important; | font-family: "Oxygen", sans-serif!important; | ||
+ | } | ||
+ | |||
+ | a, | ||
+ | a:visited { | ||
+ | color: #A10043; | ||
+ | } | ||
+ | |||
+ | a:hover, | ||
+ | a:active { | ||
+ | color: #FFC124; | ||
+ | } | ||
+ | |||
+ | #HQ_page p { | ||
+ | font-size: 0.9em; | ||
+ | text-align: none; | ||
+ | } | ||
+ | |||
+ | #HQ_page p.big { | ||
+ | font-size: 1.2em; | ||
} | } | ||
Line 49: | Line 67: | ||
.gold { | .gold { | ||
color: #FFC124; | color: #FFC124; | ||
+ | } | ||
+ | |||
+ | .teal { | ||
+ | color: #58A4B0; | ||
+ | } | ||
+ | |||
+ | .red { | ||
+ | color: #DB324D; | ||
+ | } | ||
+ | |||
+ | .salmon { | ||
+ | color: #ED6A5A; | ||
+ | } | ||
+ | |||
+ | .orange { | ||
+ | color: #FF7F51; | ||
+ | } | ||
+ | |||
+ | .blue { | ||
+ | color: #507DBC; | ||
+ | } | ||
+ | |||
+ | .green { | ||
+ | color: #8CB369; | ||
+ | } | ||
+ | |||
+ | .maroon-bg { | ||
+ | background-color: #A10043; | ||
+ | } | ||
+ | |||
+ | .gold-bg { | ||
+ | background-color: #FFC124; | ||
+ | } | ||
+ | |||
+ | .teal-bg { | ||
+ | background-color: #58A4B0; | ||
+ | } | ||
+ | |||
+ | .red-bg { | ||
+ | background-color: #DB324D; | ||
+ | } | ||
+ | |||
+ | .salmon-bg { | ||
+ | background-color: #ED6A5A; | ||
+ | } | ||
+ | |||
+ | .orange-bg { | ||
+ | background-color: #FF7F51; | ||
+ | } | ||
+ | |||
+ | .blue-bg { | ||
+ | background-color: #507DBC; | ||
+ | } | ||
+ | |||
+ | .green-bg { | ||
+ | background-color: #8CB369; | ||
} | } | ||
Line 63: | Line 137: | ||
} | } | ||
− | . | + | .justify { |
− | + | text-align: justify; | |
} | } | ||
− | + | .team-pic { | |
− | + | height: 350px; | |
+ | width: auto; | ||
} | } | ||
− | . | + | .home-text { |
− | + | padding: 0 15%; | |
+ | } | ||
+ | |||
+ | .section-head { | ||
+ | font-weight: bold; | ||
} | } | ||
Line 82: | Line 161: | ||
.navbar-nav { | .navbar-nav { | ||
font-size: 16px; | font-size: 16px; | ||
− | + | float: right; | |
} | } | ||
Line 97: | Line 176: | ||
.section2 { | .section2 { | ||
background-color: #EEEEEE; | background-color: #EEEEEE; | ||
+ | } | ||
+ | |||
+ | .btn { | ||
+ | padding: 18px 16px; | ||
+ | font-size: 18px; | ||
} | } | ||
Line 112: | Line 196: | ||
background-size: cover; | background-size: cover; | ||
border-radius: 0; | border-radius: 0; | ||
− | min-height: | + | min-height: 90vh; |
color: #fff!important; | color: #fff!important; | ||
} | } | ||
Line 128: | Line 212: | ||
text-align: center; | text-align: center; | ||
position: absolute; | position: absolute; | ||
− | bottom: 10%; | + | /* bottom: 10%; */ |
− | + | top: 50%; | |
− | + | left: 50%; | |
+ | transform: translate(-50%, -50%); | ||
} | } | ||
Line 145: | Line 230: | ||
padding: 16px 32px; | padding: 16px 32px; | ||
} | } | ||
+ | |||
+ | .about-page .col-sm-6 { | ||
+ | padding: 0 30px; | ||
+ | } | ||
+ | |||
+ | .footer-button { | ||
+ | text-align: center; | ||
+ | background-size: cover; | ||
+ | min-height: 200px; | ||
+ | } | ||
+ | |||
+ | /*adds overlay*/ | ||
+ | .footer-button:before { | ||
+ | content: ''; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | bottom: 0; | ||
+ | right: 0; | ||
+ | left: 0; | ||
+ | background: rgba(0,0,0,0.55); | ||
+ | } | ||
+ | |||
+ | .footer-button:hover:before { | ||
+ | transition: 0.5s ease; | ||
+ | background: rgba(0,0,0,0.2); | ||
+ | } | ||
+ | |||
+ | .footer-button p { | ||
+ | font-size: 22px!important; | ||
+ | position: absolute; | ||
+ | color: #fff; | ||
+ | top: 50%; | ||
+ | left: 50%; | ||
+ | transform: translate(-50%,-50%); | ||
+ | } | ||
+ | |||
+ | .footer-button:hover p { | ||
+ | color: #A10043; | ||
+ | } | ||
+ | |||
+ | .footer { | ||
+ | margin-top: 30px; | ||
+ | } | ||
+ | |||
+ | .design { | ||
+ | background-image: url("https://static.igem.org/mediawiki/2016/c/c7/T--Arizona_State--design.jpg"); | ||
+ | } | ||
+ | |||
+ | .hp { | ||
+ | background-image: url("https://static.igem.org/mediawiki/2016/8/88/T--Arizona_State--fronttablehp.png"); | ||
+ | } | ||
+ | |||
+ | .safety { | ||
+ | background-image: url("https://static.igem.org/mediawiki/2016/a/a5/T--Arizona_State--fronttablesafety.png"); | ||
+ | } | ||
+ | |||
+ | .results { | ||
+ | background-image: url("https://static.igem.org/mediawiki/2016/5/50/T--Arizona_State--fronttableplate.png"); | ||
+ | background-size: 500px; | ||
+ | background-position: 0% 33%; | ||
+ | } | ||
+ | |||
+ | .notebook { | ||
+ | background-image: url("https://static.igem.org/mediawiki/2016/4/45/T--Arizona_State--notebook.jpg"); | ||
+ | } | ||
+ | |||
+ | .parts { | ||
+ | background-image: url("https://static.igem.org/mediawiki/2016/c/c3/T--Arizona_State--hp.jpg"); | ||
+ | } | ||
+ | |||
+ | |||
footer { | footer { |
Latest revision as of 03:58, 20 October 2016
/***OVERRIDE DEFAULT WIKI***/
- globalWrapper, #content, #bodyContent {
margin: 0 auto; padding: 0; height: 100%; width: 100%; border: 0px; background-color: transparent;
}
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul { margin: 0; }
/****/
@font-face {
font-family: Oxygen; src: url(https://static.igem.org/mediawiki/2016/d/da/T--Arizona_State--Oxygen-Regular.ttf);
}
@font-face {
font-family: Oxygen; src: url(https://static.igem.org/mediawiki/2016/d/da/T--Arizona_State--Oxygen-Light.ttf); font-weight: light;
}
@font-face {
font-family: Oxygen; src: url(https://static.igem.org/mediawiki/2016/d/da/T--Arizona_State--Oxygen-Bold.ttf); font-weight: bold;
}
body { margin-top: 20px;
font-family: "Oxygen", sans-serif;
}
h1, h2, h3, h4, h5, p {
font-family: "Oxygen", sans-serif!important;
}
a, a:visited {
color: #A10043;
}
a:hover, a:active {
color: #FFC124;
}
- HQ_page p {
font-size: 0.9em; text-align: none;
}
- HQ_page p.big {
font-size: 1.2em;
}
.maroon {
color: #A10043;
}
.gold {
color: #FFC124;
}
.teal {
color: #58A4B0;
}
.red {
color: #DB324D;
}
.salmon {
color: #ED6A5A;
}
.orange {
color: #FF7F51;
}
.blue {
color: #507DBC;
}
.green {
color: #8CB369;
}
.maroon-bg {
background-color: #A10043;
}
.gold-bg {
background-color: #FFC124;
}
.teal-bg {
background-color: #58A4B0;
}
.red-bg {
background-color: #DB324D;
}
.salmon-bg {
background-color: #ED6A5A;
}
.orange-bg {
background-color: #FF7F51;
}
.blue-bg {
background-color: #507DBC;
}
.green-bg {
background-color: #8CB369;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
.left {
text-align: left;
}
.justify {
text-align: justify;
}
.team-pic {
height: 350px; width: auto;
}
.home-text {
padding: 0 15%;
}
.section-head {
font-weight: bold;
}
.navbar-fixed-top {
background-color: #fff;
margin-top: 16px; }
.navbar-nav {
font-size: 16px; float: right;
}
.navbar-default .navbar-brand {
font-weight: 700; font-size: 25px; color: #A10043; /*MAROON*/
}
.navbar-default .navbar-brand:hover {
color: #FFC124; /*GOLD*/
}
.section2 {
background-color: #EEEEEE;
}
.btn {
padding: 18px 16px; font-size: 18px;
}
.home {
margin-top: 30px;
}
.home .jumbotron {
position: relative; width: 100%; background-image: url('http://iamasundevil.asu.edu/images/about-asu-gallery-1.jpg'); background-position: 50% 50%; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; border-radius: 0; min-height: 90vh; color: #fff!important;
}
.overlay {
position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.4);
}
.header-text {
text-align: center; position: absolute; /* bottom: 10%; */ top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.header-text h1, .header-text h2 {
margin-top: 0;
}
.button1 {
float: right; color: #fff; background-color: #FFC124; margin: 15px 0; padding: 16px 32px;
}
.about-page .col-sm-6 {
padding: 0 30px;
}
.footer-button {
text-align: center; background-size: cover; min-height: 200px;
}
/*adds overlay*/ .footer-button:before {
content: ; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: rgba(0,0,0,0.55);
}
.footer-button:hover:before {
transition: 0.5s ease; background: rgba(0,0,0,0.2);
}
.footer-button p {
font-size: 22px!important; position: absolute; color: #fff; top: 50%; left: 50%; transform: translate(-50%,-50%);
}
.footer-button:hover p {
color: #A10043;
}
.footer {
margin-top: 30px;
}
.design {
background-image: url("");
}
.hp {
background-image: url("");
}
.safety {
background-image: url("");
}
.results {
background-image: url(""); background-size: 500px; background-position: 0% 33%;
}
.notebook {
background-image: url("");
}
.parts {
background-image: url("");
}
footer {
background-color: #222; color: #fff; height: 100px; margin-bottom: -10px; padding: 20px;
}
- bodyContent footer p {
text-align: center;
}