Team:UCC Ireland/ourlab sub1.css

From 2014.igem.org

(Difference between revisions)
(Created page with "@font-face { font-family: "My Custom Font"; src: url(http://www.google.com/fonts/#UsePlace:use/Collection:PT+Sans) format("truetype"); } @media screen and (max-width: 90...")
 
Line 28: Line 28:
#container {
#container {
     position:fixed;
     position:fixed;
-
  width:100%;
+
    width:100%;
-
  margin-top:50px;
+
    margin-top:50px;
-
  height:100vh;
+
    height:100vh;
-
  height: -webkit-calc(100vh - 30px);
+
    height: -webkit-calc(100vh - 30px);
-
  height: -moz-calc(100vh - 30px);
+
    height: -moz-calc(100vh - 30px);
-
  height: calc(100vh - 30px);
+
    height: calc(100vh - 30px);
-
  background-color:#222;
+
    background-color:#222;
-
  min-width:700px;
+
    min-width:700px;
}
}
#container >div:hover {
#container >div:hover {
-
     opacity:1;
+
     opacity:0.9;
}
}
-
#col1, #col2, #col3, #col4 {
+
#col1, #col2, #col3, #col4{
-
     width:21.875%;
+
     width:30%;
     margin-left:2.5%;
     margin-left:2.5%;
      
      
Line 52: Line 52:
     vertical-align:central;
     vertical-align:central;
-
     height:90%;
+
     height:100%;
-
     height: -webkit-calc(100vh - 60px);
+
     height: -webkit-calc(100% - 60px);
-
     height: -moz-calc(100vh - 60px);
+
     height: -moz-calc(100% - 60px);
-
     height: calc(100vh - 60px);
+
     height: calc(100% - 60px);
     margin-top:10px;
     margin-top:10px;
 +
     background-position: center;
     background-position: center;
Line 65: Line 66:
     color:white;
     color:white;
-
    opacity:0.9;
 
}
}
Line 79: Line 79:
h2 {
h2 {
-
    margin-left:30px;
 
-
    margin-right:10px;
 
-
}
 
-
 
-
p {
 
     margin-left:30px;
     margin-left:30px;
     margin-right:10px;
     margin-right:10px;
}
}

Latest revision as of 21:38, 15 October 2014

@font-face { 

   font-family: "My Custom Font";
   src: url(http://www.google.com/fonts/#UsePlace:use/Collection:PT+Sans) format("truetype");

}

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

   h1 {
       font-size:20px;
   }
   h2 {
       font-size:16px;
   }

}

body { 

   margin:0px;
   padding:0px;
   font-family:Arial;

}

span.helper { 

   display: inline-block;
   height: 100%;
   vertical-align: middle;

}

  1. container { 
   position:fixed;
   width:100%;
   margin-top:50px;
   height:100vh;
   height: -webkit-calc(100vh - 30px);
   height: -moz-calc(100vh - 30px);
   height: calc(100vh - 30px);
   background-color:#222;
   min-width:700px;

}

  1. container >div:hover { 
   opacity:0.9;

}

  1. col1, #col2, #col3, #col4{ 
   width:30%;
   margin-left:2.5%;
   
   float:left;
   background-color:#555;
   position:relative;
   text-align: left;
   vertical-align:central;

   height:100%;
   height: -webkit-calc(100% - 60px);
   height: -moz-calc(100% - 60px);
   height: calc(100% - 60px);

   margin-top:10px;



   background-position: center;

background-size:cover; background-origin: border-box; 

   color:white;

}

  1. col4 { 
   margin-right:2.5%;

}

h1 { 

   margin-left:30px;
   margin-right:10px;
   margin-top:40vh;

}

h2 { 

   margin-left:30px;
   margin-right:10px;

}

Retrieved from "http://2014.igem.org/Team:UCC_Ireland/ourlab_sub1.css"