Difference between revisions of "Template:SHSID China/header style"
(Created page with "<html> <style> a:link, a:visited, a:active, .right-menu li a { color: #3c86fc; text-decoration: none !important; } a:hover { color: #281aed; } body { color: black;...") |
|||
| Line 1: | Line 1: | ||
| − | |||
| − | |||
a:link, a:visited, a:active, .right-menu li a { | a:link, a:visited, a:active, .right-menu li a { | ||
color: #3c86fc; | color: #3c86fc; | ||
| Line 504: | Line 502: | ||
#mainsplash { | #mainsplash { | ||
| − | background-image: url(' | + | background-image: url(''); |
} | } | ||
#teamsplash { | #teamsplash { | ||
| − | background-image: url(' | + | background-image: url(''); |
} | } | ||
#businesssplash { | #businesssplash { | ||
| − | background-image: url(' | + | background-image: url(''); |
} | } | ||
#researchsplash { | #researchsplash { | ||
| − | background-image: url(' | + | background-image: url(''); |
} | } | ||
#modelingsplash { | #modelingsplash { | ||
| − | background-image: url(' | + | background-image: url(''); |
} | } | ||
#cooperationsplash { | #cooperationsplash { | ||
| − | background-image: url(' | + | background-image: url(''); |
} | } | ||
#outreachsplash { | #outreachsplash { | ||
| − | background-image: url(' | + | background-image: url(''); |
} | } | ||
#journalsplash { | #journalsplash { | ||
| − | background-image: url(' | + | background-image: url(''); |
} | } | ||
| Line 685: | Line 683: | ||
.row { | .row { | ||
margin: 0; | margin: 0; | ||
| − | + | ||
#navigation { | #navigation { | ||
| Line 771: | Line 769: | ||
background-position: left center; | background-position: left center; | ||
} | } | ||
| − | |||
| − | |||
Revision as of 11:31, 16 September 2018
a:link, a:visited, a:active, .right-menu li a {
color: #3c86fc; text-decoration: none !important;
}
a:hover {
color: #281aed;
}
body {
color: black; background-color: white; margin: 0; padding: 0; word-wrap: break-word;
}
ul {
list-style-image: none;
}
- references > li {
margin-bottom: 1em;
}
.cpright {
text-align: right; padding-right: 1em;
}
.smallerimg {
width: 50%;
}
.modellatex, .modelimg {
padding-top: 2em; padding-bottom: 1.5em;
}
@media only screen and (min-width : 992px) {
article {
padding-top: 5px;
padding-bottom: 5%;
padding-left: 15%;
padding-right: 15%;
font-size: 16px;
}
.modelimg {
display: none;
}
}
@media only screen and (max-width : 992px) {
.modellatex {
display: none;
}
}
.link {
padding-top: 50px;
}
.paddingtop {
padding-top: 100px;
}
h3, h4, h5, h6 {
font-family: "Helvetica Neue", Helvetica, sans-serif; border-bottom: none; padding-top: 3em; padding-bottom: 1em;
}
h1 {
font-family: "Helvetica Neue", Helvetica, sans-serif; border-bottom: none; font-size: 6em;
}
h2 {
font-family: "Helvetica Neue", Helvetica, sans-serif; border-bottom: none; font-size: 2.5em; padding-top: 1em; padding-bottom: 0.3em; text-align: center;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
line-height: inherit; color: rgba(100, 153, 148, 1);
}
- bodyContent h1, #bodyContent h2 {
margin-bottom: 0;
}
blockquote {
font-style: italic; position: relative; border-left: none; line-height: 1.8; font-size: 1.3em; padding: 0 0 0 120px; margin: 2em 0 2em 0;
}
blockquote:before {
display: block; content: "\201C"; font-size: 200px; position: absolute; left: 0; top: -115px; font-family: cursive;
}
blockquote cite {
color: rgba(51, 97, 93, 1); font-size: 0.6em; display: block; margin-top: 0.5em;
}
blockquote cite:before {
content: "\2014 \2009";
}
.navbar{
margin-top: 0;
}
header {
color: white; font-size: large;
}
@media only screen and (min-width : 992px) {
header a {
padding-right: 1vw;
padding-left: 1vw;
}
}
header a.active, .extrabar a.active {
color:black;
}
header .navbar, .extrabar {
background-color:rgba(255,255,255,0.8); border:0px; border-radius: 0;
}
header .navbar {
padding-top: 12px; padding-bottom: 12px; min-height: 30px; border-radius: 0px;
}
.extrabar {
width:100%; text-align: center; padding-top: 0px; padding-bottom: 5px; min-height: 20px; border-radius: 0px; z-index:1;
}
.extrabar a {
padding-left: 0.5em; padding-right: 0.5em;
}
.affix {
top: 45px; width: 100%;
}
.affix-top {
float:left; visibility: hidden;
}
- top-section {
height: 0; width: 100%; left: 0; border: none; margin: 0 auto; padding: 0 0 0 0; background-color: transparent; position: absolute;
}
- menubar {
width: 300px; top: 0px; font-size: x-small;
}
- menubar, #menubar a {
color: #0AA699;
}
- menubar, #menubar a:hover {
color: #90F0E8;
}
- menubar:hover, #menubar li a {
background-color: transparent;
}
- groupparts {
min-height: 0; min-width: 0;
}
.row {
overflow: hidden; position: relative; width: 100%; margin: 1em 0; padding: 0;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
padding: 0;
}
.col-md-2 h3, .col-md-4 h3, .col-md-6 h3, .col-md-8 h3, .col-md-2 h4, .col-md-4 h4, .col-md-6 h4, .col-md-8 h4, .col-md-2 h5, .col-md-4 h5, .col-md-6 h5, .col-md-8 h5 {
margin-top: 0em;
}
.memberrow {
margin-top: 2em; margin-bottom: 2em;
}
- laurakuva, #lassikuva, #minttukuva, #oskarikuva, #pietukuva, #mikkokuva,
- niklaskuva, #ottokuva, #martinakuva, #advisorskuvat {
width: auto;
}
.university-title {
padding-top: 0;
}
.margintop {
margin-top: 2em;
}
.nopaddingtop {
padding-top: 0;
}
.nopaddingbottom {
padding-bottom: 0;
}
.ykspaddingbottom {
padding-bottom: 1em;
}
.kakspaddingbottom {
padding-bottom: 2em;
}
.kakspaddingtop {
padding-top: 2em;
}
.text-col-right {
padding-left: 2em;
}
.text-col-left {
padding-right: 2em;
}
.img-100 .img-responsive {
width: 100%;
}
.kuvateksti {
font-size: small; margin-top: 1em; margin-bottom: 3em;
}
.img-center {
text-align: center; margin-top: 2em;
}
.img-center .img-responsive {
display: inline;
}
.bg {
background-size: cover; overflow: hidden;
}
.feat {
opacity: 0.95;
}
.feat:hover {
opacity: 1.0;
}
.feattext-container-tall {
display: table; height: 400px; width: 100%;
}
.feattext-container-wide {
display: table; height: 300px; width: 100%;
}
.feattext-cell {
display: table-cell; vertical-align: bottom; width: 100%;
}
.feattext-p {
background-color: rgba(95, 95, 95, 0.42); margin-bottom: -0.5em; padding: 0.5em; padding-bottom: 0.75em; color: white; width: 100%;
}
@media only screen and (min-width : 992px) {
.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.feat-left{
margin-right: 0.5em;
}
.feat-center {
margin-right: 0.5em;
margin-left: 0.5em;
}
.feat-right {
margin-left: 0.5em;
}
}
.splash{
width: 100%; color: white; margin-top: -14px; text-align: center; background-size: cover; text-shadow: 2px 2px 8px #4D4D4D;
}
.bigsplashtext {
font-size: 1.4em; margin: 0 10px;
}
.splashalavalikko {
text-align: left; padding: 80px 40px; font-size: 1.5em; line-height: 1.5;
}
.splashalavalikko a {
color: white; opacity: 0.7;
}
.splashalavalikko a:hover {
opacity: 1;
}
.scroller {
padding-bottom: 40px; padding-top: 10px;
}
.transp {
opacity: 0.7;
}
.transp:hover {
opacity: 1;
}
.scrolldown {
text-align: center;
}
.transp a {
color: white; opacity: 0.7;
}
.transp a:hover {
opacity: 1;
}
.nuoli {
max-height: 50px;
}
.igem-logo {
width: 100px; margin-top: 60px; right: 100px; margin-right: 40px; float: right; opacity: 0.7;
}
.igem-logo:hover {
opacity: 1;
}
.omalogo {
width: 100%; padding-bottom: 1em;
}
.omalogot {
width: 60%; padding-top: 1em;
}
- ci-circle {
width: 20%;
}
- virginiabadge{
background: url("
");
background-size:250px;
width: 250px;
height: 185px;
background-repeat:no-repeat;
}
- virginiabadge:hover{
background: url("
");
background-repeat:no-repeat;
width: 250px;
height: 185px;
background-size:250px;
}
@media only screen and (max-width : 992px) {
.splash {
min-height: 700px;
width: 100%;
color: white;
text-align: center;
}
.igem-logo {
margin-top: 80px;
}
.splashcopyright {
text-align: right;
padding: 60px 40px;
}
h1 {
font-size: 3.5em;
}
.row-eq-height .img-responsive {
width: 100%;
}
#mainsplash {
background-image: url();
}
#teamsplash {
background-image: url();
}
#businesssplash {
background-image: url();
}
#researchsplash {
background-image: url();
}
#modelingsplash {
background-image: url();
}
#cooperationsplash {
background-image: url();
}
#outreachsplash {
background-image: url();
}
#journalsplash {
background-image: url();
}
}
@media only screen and (min-width : 992px) {
.splash {
position: relative;
min-height: 820px;
}
.splashesittely {
min-height: 400px;
}
.splashalavalikko {
position: absolute;
bottom: 0;
left: 0;
}
.splashcopyright {
font-size: small;
padding: 60px 40px;
position: absolute;
bottom: 0;
right: 0;
}
#mainsplash {
background-image: url('https://static.igem.org/mediawiki/2014/6/60/Aalto_Helsinki_Splash_Main.jpg');
}
#teamsplash {
background-image: url('https://static.igem.org/mediawiki/2014/f/f1/Aalto_Helsinki_Splash_Team.jpg');
}
#businesssplash {
background-image: url('https://static.igem.org/mediawiki/2014/8/80/Aalto_Helsinki_Splash_Business.jpg');
}
#researchsplash {
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Aalto_Helsinki_Splash_Research.jpg');
}
#modelingsplash {
background-image: url('https://static.igem.org/mediawiki/2014/7/73/Aalto_Helsinki_Splash_Modeling.jpg');
}
#cooperationsplash {
background-image: url('https://static.igem.org/mediawiki/2014/f/f5/Aalto_Helsinki_Splash_Cooperation.jpg');
}
#outreachsplash {
background-image: url('https://static.igem.org/mediawiki/2014/e/e3/Aalto_Helsinki_Splash_Outreach.jpg');
}
#journalsplash {
background-image: url('https://static.igem.org/mediawiki/2014/8/82/Aalto_Helsinki_Splash_Journal.jpg');
}
}
@media only screen and (min-width : 1472px) {
.splash {
min-height: 1030px;
}
}
.sponsorrow {
align-items: center; margin: 4em 0;
}
.sponsorrow .col-md-4 {
padding: 10px; text-align: -webkit-center; text-align: -moz-center
}
.sponsorrow > .text-col-right > h3 {
padding-top: 0;
}
- sponsorlogo {
max-height: 150px; width: auto;
}
.turqu {
background-color: #0AA699;
}
.turqu a, .green a {
color: white;
}
footer {
text-align: center; background: white;
}
- logorow {
padding: 2em;
}
.footerimg {
max-height: 100px; max-width: 250px;
}
.footerlogo {
display: inline-block; vertical-align: middle; padding: 1.5em;
}
.footerlogo:hover .on, .footerlogo .off {
display:none;
}
.footerlogo:hover .off {
display:block;
}
- yhteystiedot {
text-align: center; font-size: small; padding: 0.5em;
}
@media only screen and (max-width : 992px) {
.bodyContent {
padding-top: 5em;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
.col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
margin-top: 1em;
padding: 0;
}
article {
padding: 5em 1em;
min-height: 50px;
font-size: 16px;
}
.row {
margin: 0;
#navigation {
padding: 0;
}
#menubar {
font-family: inherit;
white-space: normal;
width: 300px;
z-index: 1;
}
.left-menu {
margin-top: 60px;
left: 0;
text-align: left;
}
.left-menu ul {
margin-right: 0.2em;
}
.left-menu li a {
padding: 0px 2px 0px 2px
}
.right-menu {
margin-top: 60px;
right: 0;
text-align: right;
}
.right-menu ul {
margin-right: 0.2em;
}
.right-menu li a {
padding: 0 2px 0 2px;
}
li#pt-userpage, li#pt-anonuserpage, li#pt-login {
padding-left: 0;
}
header .navbar {
font-size: 16px;
border-radius: 0px;
padding: 0.5em 0;
}
header a {
padding-right: 0.2em;
padding-left: 0.2em;
}
.affix-top, .affix, .extrabar a, .extrabar {
display: none;
}
#logorow {
padding: none;
}
.footerlogo {
padding: 1.5em 0em
}
.mobile-hide {
display: none;
}
}
.abg-pcb {
background-image: url('https://static.igem.org/mediawiki/2014/b/ba/Aalto_Helsinki_PCB.png');
background-repeat: no-repeat;
background-position: right center;
}
.abg-dnaseq {
background-image: url('https://static.igem.org/mediawiki/2014/f/fc/Aalto_Helsinki_dnaseq.png');
background-repeat: no-repeat;
background-position: left center;
}