Team:UCC Ireland/StyleSheet2.css

From 2014.igem.org

(Difference between revisions)
 
Line 225: Line 225:
/*Video*/
/*Video*/
div.vid {
div.vid {
-
    background-color:gray;
+
 
-
     width:853px;
+
     width:640px;
     margin-left:auto;
     margin-left:auto;
     margin-right:auto;
     margin-right:auto;

Latest revision as of 20:58, 16 October 2014

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;

}