Team:ETH Zurich/css/style.css

From 2014.igem.org

(Difference between revisions)

Revision as of 14:52, 23 September 2014

@charset 'UTF-8';

/* Helios 1.5 by HTML5 UP html5up.net | @n33co Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)

/

/*********************************************************************************/ /* Basic */ /*********************************************************************************/

body.paused * { -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; transition: none; }

body { background: #f0f4f4; font-family: 'Source Sans Pro', sans-serif; }

center p { text-align:center; }

body,input,textarea,select { font-size: 10pt; line-height: 1.85em; }

.thumb {

       	max-height:90%;
       	max-width:90%;

}

.thumbimage, .thumbinner, .image {

       	max-height:100%;
       	max-width:100%;

}

img {

       	max-height:100%;
       	max-width:100%;

}

h1,h2,h3,h4,h5,h6 { font-weight: 400; color: #483949; line-height: 1.25em; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #002bb8; text-decoration: none; border-bottom-color: transparent; }

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 600; }

h2 { font-size: 2em; }

h3 { font-size: 1.2em; text-align:left; }

h4 { font-size: 1em; text-align: left; font-style: italic; }

h5 { font-size: 1.2em; text-align:center; } .byline { display: block; font-size: 1.5em; margin-top: 1em; line-height: 1.5em; color:#fff; }

strong, b { font-weight: 400; color: #FF0000; }

em, i { font-style: italic; }

a { text-decoration: none; -moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out; -webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out; -o-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out; -ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out; transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out; }

a:hover { color: #ef8376; border-bottom-color: transparent; }

sub { position: relative; top: 0.5em; font-size: 0.8em; }

sup { position: relative; top: -0.5em; font-size: 0.8em; }

blockquote { border-left: solid 0.5em #ddd; padding: 1em 0 1em 2em; font-style: italic; }

ul, ol, dl, table { margin-bottom: 1em; font-size:12pt; }

ol { list-style-type:decimal; text-align:left; list-style-position: inside; }

p { color: #000000; text-align: justify; font-size: 12pt; }

br.clear { clear: both; }

header { margin: 0 0 1em 0; }

header .byline { margin-bottom: 2em;

                       color:#fff;

}

footer { margin: 2.5em 0 0 0; }

hr { position: relative; display: block; border: 0; top: 4.5em; margin-bottom: 9em; background: rgba(128,128,128,0); height: 6px; border-top: solid 1px rgba(128,128,128,0.2); border-bottom: solid 1px rgba(128,128,128,0.2); }

hr:before, hr:after { content: ; position: absolute; top: -8px; display: block; width: 1px; height: 21px; background: rgba(128,128,128,0.2); }

hr:before { left: -1px; }

hr:after { right: -1px; }

.timestamp { color: rgba(128,128,128,0.75); font-size: 0.8em; }

/* Sections/Articles */

section, article { margin-bottom :3em; }

article { background: #fff; position: relative; z-index: 1; padding: 5%; }

article > ul { list-style-type:disc; text-align:left; font-size:12pt; margin-left:2%; }

section > :last-child, article > :last-child { margin-bottom: 0; }

section:last-child, article:last-child { margin-bottom: 0; }

.row > section, #pictures.row { margin-bottom: 0; margin-left: 0; padding-left: 0; } #pictures .row + .row > * { padding: 48px 48px 0px; margin-left: 10%; margin-right: 0px; }

section.special > header, section.special > footer, article.special > header, article.special > footer { text-align: center; }

/* Images */

#igemLogo {

		 position:absolute;
		 right:2%;
		 top:1em;
		 z-index:10001;
		 width:10%;

}

#mosaiLogo {

		 position:absolute;
		 left:2%;
		 top:1em;
		 z-index:10001;
		 width:10%;

}

.image { position: relative; display: inline-block; border: 0; outline: 0; }

/* Uncomment the block below if you want linked images to highlight on hover */

/* a.im

@@ Line 272: / Line 272: @@
 		.row > section,
-		.inner2 >.row
+		#pictures.row
 		{
 			margin-bottom: 0;
@@ Line 278: / Line 278: @@
 			padding-left: 0;
 		}
-		.inner2 > .row + .row > * {
+		#pictures .row + .row > * {
 		    padding: 48px 48px 0px;
 		    margin-left: 10%;