Difference between revisions of "Template:ECUST/CSS"

Line 1: Line 1:
 
<html>
 
<html>
 
<style>
 
<style>
 +
 +
  
 
@font-face {
 
@font-face {
Line 53: Line 55:
  
 
.stars {
 
.stars {
     background:#000 url(https://static.igem.org/mediawiki/2017/f/fc/T--TU_Dresden--stars.png) repeat top center;
+
     background-color:#000000;
 
     z-index:-3;
 
     z-index:-3;
 
     position: fixed;
 
     position: fixed;
Line 171: Line 173:
  
 
.box-heading {
 
.box-heading {
     background: var(--logo-dark-blue);
+
     background: var(--logo-pink);
 
     color: var(--bright-bg-color);
 
     color: var(--bright-bg-color);
 
     box-shadow: 0 3px 6px rgba(0,0,0,0.25),0 6px 16px rgba(0,0,0,0.05);
 
     box-shadow: 0 3px 6px rgba(0,0,0,0.25),0 6px 16px rgba(0,0,0,0.05);
Line 502: Line 504:
 
nav {
 
nav {
 
     height: 100px;
 
     height: 100px;
     background: var(--logo-pink);
+
     background: linear-gradient(to right, black ,var(--logo-pink));
 
     box-shadow: 0 6px 12px rgba(0,0,0,0.5),0 12px 32px rgba(0,0,0,0.1);  
 
     box-shadow: 0 6px 12px rgba(0,0,0,0.5),0 12px 32px rgba(0,0,0,0.1);  
 
     position: fixed;
 
     position: fixed;
Line 526: Line 528:
 
     line-height: 42px;
 
     line-height: 42px;
 
     padding-top: 40px;
 
     padding-top: 40px;
     padding-left: 15px;
+
     padding-left: 10px;
     padding-right: 15px;
+
     padding-right: 10px;
 
     transition: height 0.5s;
 
     transition: height 0.5s;
 
}
 
}
Line 672: Line 674:
 
     position: absolute;
 
     position: absolute;
 
     margin-left: -105px;
 
     margin-left: -105px;
 
 
 
      
 
      
 
+
   
 +
   
 
      
 
      
 
     z-index: 3;
 
     z-index: 3;
Line 970: Line 972:
 
         position: absolute;
 
         position: absolute;
 
         margin: 0;
 
         margin: 0;
     
+
        width: 80px;
 +
        height: 80px;
 +
        border-radius: 0px;
 
        
 
        
 
         box-shadow: none;
 
         box-shadow: none;
 
     }
 
     }
  
    #logo img {
+
 
        width: 75px;
+
        margin: 2px;
+
    }
+
  
 
     nav {
 
     nav {
Line 988: Line 989:
 
         width: 100%;
 
         width: 100%;
 
         display: block;
 
         display: block;
         background-color: var(--logo-pink);
+
         background-color: var(--logo-bright-blue);
 
         position: relative;
 
         position: relative;
 
     }
 
     }
Line 1,149: Line 1,150:
 
     55%, 75%, 87%, 97%, 100% { transform: translateY(0px);}
 
     55%, 75%, 87%, 97%, 100% { transform: translateY(0px);}
 
}
 
}
 +
 +
 +
  
 
</style>
 
</style>
 
</html>
 
</html>

Revision as of 07:26, 15 August 2018