Difference between revisions of "Team:WashU StLouis/igem.css"

Revision as of 02:53, 9 June 2015 (view source) Ayekedavid (Talk | contribs) ← Older edit		Revision as of 02:53, 9 June 2015 (view source) Ayekedavid (Talk | contribs) Newer edit →
Line 740:		Line 740:
	#navigation {		#navigation {
	padding: 0;		padding: 0;
−	position: relative;	+	padding-top:50px;
−	top: 100%;	+
−	transform: translateY(-50%);	+
	}		}

---

Revision as of 02:53, 9 June 2015

a:link, a:visited, a:active, .right-menu li a {

 color: #0AA699;
 text-decoration: none !important;

}

a:hover {

 color: #90F0E8;

}

body {

 color: black;
 background-color: white;
 margin: 0;
 padding: 0;
 word-wrap: break-word;

}

ul {

 list-style-image: none;

}

1. 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);

}

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";

}

/* Yleiset päättyy */

/* Header- ja pikkuvalikkojutut */

.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: 32px;
 padding-bottom: 12px;
 min-height: 60px;
 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;

}

1. top-section {

 height: 0;
 width: 100%;
 left: 0;
 border: none;
 margin: 0 auto;
 padding: 0 0 0 0;
 background-color: transparent;
 position: absolute;

}

1. menubar {

 width: 300px;
 top: 0px;
 font-size: x-small;

}

1. menubar, #menubar a {

 color: #0AA699;

}

1. menubar, #menubar a:hover {

 color: #90F0E8;

}

1. menubar:hover, #menubar li a {

 background-color: transparent;

}

1. 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;

}

1. laurakuva, #lassikuva, #minttukuva, #oskarikuva, #pietukuva, #mikkokuva,
2. 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;

}

1. ci-circle {

 width: 20%;

}

1. virginiabadge{

 background-size:250px;
 width: 250px;
 height: 185px;
 background-repeat:no-repeat;

}

1. virginiabadge:hover{

 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('https://static.igem.org/mediawiki/2015/0/01/Splash_Main.jpg');
 }

 #teamsplash {
   background-image: url('https://static.igem.org/mediawiki/2015/e/eb/Splash_Team.jpg');
 }

 #businesssplash {
   background-image: url('https://static.igem.org/mediawiki/2014/3/3f/Aalto_Helsinki_Splashs_Business.jpg');
 }

 #researchsplash {
   background-image: url('https://static.igem.org/mediawiki/2015/3/3a/Splash_Research.jpg');
 }

 #modelingsplash {
   background-image: url('https://static.igem.org/mediawiki/2015/7/70/Splash_Modeling.jpg');
 }

 #cooperationsplash {
   background-image: url('https://static.igem.org/mediawiki/2015/d/d3/Splash_Cooperation.jpg');
 }

 #outreachsplash {
   background-image: url('https://static.igem.org/mediawiki/2015/9/94/Splash_Outreach.jpg');
 }

 #journalsplash {
   background-image: url('https://static.igem.org/mediawiki/2015/a/ad/Splash_Journal.jpg');
 }

}

@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;
 }

 /*fill in background image */
 #mainsplash {
 }

 #teamsplash {
 }

 #businesssplash {
 }

 #researchsplash {
 }

 #modelingsplash {
 }

 #cooperationsplash {
 }

 #outreachsplash {
 }

 #journalsplash {

 }

}

@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;

}

1. sponsorlogo {

 max-height: 150px;
 width: auto;

}

.turqu {

 background-color: #0AA699;

}

.turqu a, .green a {

 color: white;

}

.bg-test {

 /*Todo fill background-image prop */

}

.bg-bbseeker { }

.bg-brian { }

.bg-magiclab { }

.bg-chimeras { }

.bg-team { }

.bg-business { }

.bg-research { }

.bg-modeling { }

.bg-cooperation { }

.bg-outreach { }

.bg-journal { }

/* Footerin tyylit */

footer {

 text-align: center;
 background: white;

}

1. 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;

}

1. yhteystiedot {

 text-align: center;
 font-size: small;
 padding: 0.5em;

}

/* Footerin tyylit loppu */

/* Padit ja puhelimet */

@media only screen and (max-width : 992px) {

 /* Yleiset */

 .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;
 }

 /* Headerit sun muut */
 #navigation {
   padding: 0;
   padding-top:50px;
 }

 #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
 }

 /* Muut */
 .mobile-hide {
   display: none;
 }

}

/* Padit ja puhelimet loppu */

/* Taustat */