Team:UCC Ireland/StyleSheet2.css
From 2014.igem.org
body {
margin:0px; padding:0px; font-family:Arial; min-width:650px;
}
h1 {
/*margin-top:30px;*/ font-family: Arial; font-style:normal; font-size:20pt; margin-top:60px;
}
p {
font-family:Arial; margin-top:0px;
}
span.divlink{
position:absolute; width:100%; height:100%; top:0; left: 0;
/* edit: added z-index */ z-index: 0;
/* edit: fixes overlap error in IE7/8, make sure you have an empty gif */ /*background-image: url('empty.gif');*/
}
/*Newspaper Columns*/ div.newspaper2 {
-webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 40px; /* Chrome, Safari, Opera */ -moz-column-gap: 40px; /* Firefox */ column-gap: 40px; padding-left:5%; padding-right:5%; width: 80%; margin-left:auto; margin-right:auto; min-width:500px; max-width:700px; color:black;
}
div.newspaper2 img {
display:block; margin:auto;
}
div.newspaper1 {
-webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; -webkit-column-gap: 40px; /* Chrome, Safari, Opera */ -moz-column-gap: 40px; /* Firefox */ column-gap: 40px; padding-left:5%; padding-right:5%; width: 80%; margin-left:auto; margin-right:auto; min-width:500px; max-width:700px; color:black;
}
img.newspaper2 {
width:250px; margin-left:auto; margin-right:auto; position:relative; display: block;
}
div.content {
width:100%; margin:0px; max-width:700px; margin-left:auto; margin-right:auto; padding-top:20px; padding-bottom:0px;
}
div.content h2 { margin-left:0px; }
div.content h3 { margin-left:0px; }
div.caption {
margin-top:10px; width:100%;
}
div.caption img { display:block; margin-left:auto; margin-right:auto; max-width:500px; max-height:500px; }
div.caption p { font-size:0.8em; text-align:left; max-width:500px; display:block; margin-left:auto; margin-right:auto; }
div.caption table { margin-top:20px; font-size:0.8em; border: 1px solid black; margin:auto; border-collapse: collapse; width:500px; }
div.caption td { border: 1px solid black; }
div.caption table img { max-width:100px; }
table.type2 {
margin-top:20px; font-size:0.8em; border:none; margin:auto; border-collapse: collapse; max-width:600px; font-family:'Courier New';
}
table.type2 td { border:none; padding-right:10px; }
/*BANNER Outside, Right Justified*/ div.banner1{
width:100%; color:white; padding:0px; margin:0px; background-position: center;
background-size:cover;/*cover*/ background-origin: border-box;
background-attachment:fixed; height:100vh; min-height:500px;
}
div.banner_content1 {
float:right; position:relative; width:40%; padding-left:5%; padding-right:10%; color:white; padding-bottom:20px;
position: relative; top: 50%; transform: translateY(-50%);
}
div.banner_pic1 {
width:20%; height:200px; margin:0; float:right; position:relative; background-color:grey; position: relative; top: 50%; transform: translateY(-50%); background-position: center;
background-size:cover;/*cover*/ background-origin: border-box;
}
div.banner_content2 {
float:left; position:relative; width:40%; padding-left:10%; padding-right:5%; color:white; padding-bottom:20px;
position: relative; top: 50%; transform: translateY(-50%);
}
h1.banner_content1 {
font-size:30pt; color:white; border-bottom:none; line-height:30pt;
}
/*Video*/
div.vid {
width:640px; margin-left:auto; margin-right:auto; position: relative; top: 50%; transform: translateY(-50%);
}
div.center {
/*Specify dimensions at location*/ margin-left:auto; margin-right:auto; position: relative; top: 50%; transform: translateY(-50%); background-position: center;
background-size:cover;/*cover*/ background-origin: border-box; }
img.textwrapleft {
float:left; margin-right:20px; max-width:100px; max-height:100px;
}
h1.entre {
margin-top:75px;
}
section {
padding-bottom:20px;
}
div.caption blockquote {
font-family:'Courier New'; font-size:0.8em;
}
div.caption blockquote p {
font-family:'Courier New'; font-size:0.8em;
}