Difference between revisions of "Template:Lethbridge/css"

Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
 +
<!-- Fonts will be selected and then uploaded to the iGEM server when the decision is made -->
 
     <link href="https://fonts.googleapis.com/css?family=Cabin" rel="stylesheet">
 
     <link href="https://fonts.googleapis.com/css?family=Cabin" rel="stylesheet">
 
     <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
 
     <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
Line 9: Line 10:
 
<style>
 
<style>
 
{{Team:Lethbridge/reset}}
 
{{Team:Lethbridge/reset}}
 +
 
/* LOGO CONTAINER */
 
/* LOGO CONTAINER */
−
    #logo-container {
+
#logo-container {width: 400px !important; height: 400px !important; position: relative; margin-left: auto; margin-right: auto; padding-left: 50px;}
−
        width: 400px !important;
+
#ulethlogo {position: absolute; z-index: 999;}
−
        height: 400px !important;
+
#gear {z-index: 888; padding-top: 80px; padding-left: 100px;}
−
        position: relative;
+
#img-gear {-webkit-animation: rotation 2s infinite linear;}
−
        margin-left: auto;
+
@-webkit-keyframes rotation { from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(359deg);}}
−
        margin-right: auto;
+
−
        padding-left: 50px;}
+
−
   
+
−
    #ulethlogo {
+
−
        position: absolute;
+
−
        z-index: 999;}
+
−
   
+
−
    #gear {
+
−
        z-index: 888;
+
−
        padding-top: 80px;
+
−
        padding-left: 100px;}
+
−
   
+
−
    #img-gear {
+
−
        -webkit-animation: rotation 2s infinite linear;}
+
−
   
+
−
    @-webkit-keyframes rotation {
+
−
        from {
+
−
            -webkit-transform: rotate(0deg);}
+
−
        to {
+
−
            -webkit-transform: rotate(359deg);}}
+
 
/* END LOGO CONTAINER */
 
/* END LOGO CONTAINER */
  

Revision as of 22:12, 10 July 2018