Difference between revisions of "Template:ECUST/CSS"

Line 1: Line 1:
 
<html>
 
<html>
 
<style>
 
<style>
 
 
 
 
 
 
 
 
  
 
@font-face {
 
@font-face {
Line 38: Line 30:
 
 
 
}
 
}
 +
 +
 +
 +
  
 
/* Code for twinkling starts - taken as well as the necessary pictures with great gratitude from: http://www.script-tutorials.com/night-sky-with-twinkling-stars */
 
/* Code for twinkling starts - taken as well as the necessary pictures with great gratitude from: http://www.script-tutorials.com/night-sky-with-twinkling-stars */
Line 538: Line 534:
 
nav {
 
nav {
 
     height: 100px;
 
     height: 100px;
     background: linear-gradient(to right, #ffc808 ,#ff4e4e);
+
     background: linear-gradient(to right,#ffc808,#ffc808,#ff4e4e);
 
     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 595: Line 591:
  
 
.nav-text {
 
.nav-text {
     color: white;
+
     color: #4f1919;
 
     text-decoration: none;
 
     text-decoration: none;
 
     font-weight: bold;
 
     font-weight: bold;
Line 605: Line 601:
 
     display: none;
 
     display: none;
 
     position: absolute;
 
     position: absolute;
     background-color: #4f1919;
+
     background-color: #ff9e20;
 
     z-index: 1;
 
     z-index: 1;
 
}
 
}
Line 615: Line 611:
 
.nav-dropdown li a {
 
.nav-dropdown li a {
 
     display: block;
 
     display: block;
     color: var(--bright-bg-color);
+
     color: #4f1919;
 
     height: 45px;
 
     height: 45px;
 
     padding-top: 0px;
 
     padding-top: 0px;
Line 627: Line 623:
  
 
.nav-dropdown a:hover {
 
.nav-dropdown a:hover {
     background-color: #c14141;
+
     background-color: #ff5b43;
     color: #4f1919;
+
     color: white;
 
     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);
 
     height: 45px;
 
     height: 45px;
Line 720: Line 716:
 
     position: absolute;
 
     position: absolute;
 
     margin-left: -93px;
 
     margin-left: -93px;
     width: 110px;
+
     width: 120px;
     height: 110px;
+
     height: 120px;
     border-radius: 90px;
+
     border-radius: 60px;
 
      
 
      
 
      
 
      
     z-index: 3;
+
     z-index: -1;
 
     background: #ffc808;
 
     background: #ffc808;
 
      
 
      
Line 731: Line 727:
 
      
 
      
 
      
 
      
     z-index: 3;
+
      
 
}
 
}
  
Line 739: Line 735:
 
}
 
}
 
#logonav img {
 
#logonav img {
     width: 530px;
+
     width: 120px;
     margin: 0px;
+
     margin: 3px;
 
}
 
}
  
Line 1,056: Line 1,052:
 
      
 
      
 
      
 
      
     z-index: 3;
+
     z-index: -1;
 
     background: #ffc808;
 
     background: #ffc808;
 
      
 
      
Line 1,062: Line 1,058:
 
      
 
      
 
      
 
      
     z-index: 3;
+
      
 
}
 
}
  
Line 1,112: Line 1,108:
 
     .nav-dropdown {
 
     .nav-dropdown {
 
         display: none;
 
         display: none;
         background-color: #4f1919;
+
         background-color: #ff9e20;
 
         min-width: 130px;
 
         min-width: 130px;
 
         z-index: 1;
 
         z-index: 1;

Revision as of 13:39, 1 October 2018