Difference between revisions of "Team:Lambert GA/Improve"

Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
−
<style>
+
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"><style>
−
+
html{
 +
font-family: 'La', sans-serif;
 +
}
 +
 
 
#sideMenu { display:none; }
 
#sideMenu { display:none; }
  
Line 10: Line 13:
  
 
#mainContainer{
 
#mainContainer{
−
    background-color: white;
+
background-color: #7A7A79;
 
     width: 100%;
 
     width: 100%;
 
}
 
}
Line 17: Line 20:
 
margin: auto;
 
margin: auto;
 
     padding: 0px;
 
     padding: 0px;
−
    background-color: white;
 
 
}
 
}
  
−
body { background-color: white; margin: auto; padding: 0px; width: 100%;}
+
body { margin: 0px; padding: 0px; width: 100%;}
  
 
a.drplink {
 
a.drplink {
Line 26: Line 28:
 
}
 
}
 
a.drplink:hover {
 
a.drplink:hover {
−
color:dimgray;
 
−
}
 
−
 
−
a.partlink {
 
−
color:#D49AE6;
 
−
}
 
−
a.partlink:hover {
 
 
color:dimgray;
 
color:dimgray;
 
}
 
}
Line 40: Line 35:
 
color: gray;
 
color: gray;
 
}
 
}
 +
  
 
#content {  
 
#content {  
−
margin: 0px auto;
+
margin: 0px;
−
background-color: white;
+
margin-top: -15px;
 +
background-color: #7A7A79;
 
width: 100%;
 
width: 100%;
 
padding: 0px;
 
padding: 0px;
 +
font-family: 'Roboto', sans-serif;
 
}
 
}
  
Line 114: Line 112:
  
 
h2{
 
h2{
−
color: #A6FF79;
+
color: #FFB59E;
 +
text-align:center;
 +
hspace="20"
 
}
 
}
  
Line 121: Line 121:
 
position: fixed;
 
position: fixed;
 
text-decoration: none;
 
text-decoration: none;
−
color: #b8975e;
+
color: #42413C;
 
width: 100%;
 
width: 100%;
 
height: 50px;
 
height: 50px;
 
line-height: 50px;
 
line-height: 50px;
−
background-color: white;
+
background-color: #555554;
−
margin: auto;
+
margin-top: 0px;
 
text-align:center;
 
text-align:center;
 
opacity: 0.9;
 
opacity: 0.9;
Line 146: Line 146:
 
display: block;
 
display: block;
 
margin: 0px auto;
 
margin: 0px auto;
 +
color: white;
 
}
 
}
  
Line 172: Line 173:
 
}
 
}
  
−
 
+
.transparency {
−
.transparent {
+
 
     opacity: 0.4;
 
     opacity: 0.4;
−
    filter: alpha(opacity=40); /* For IE8 and earlier */
 
 
transition: opacity 0.5s ease-in-out;
 
transition: opacity 0.5s ease-in-out;
 +
filter: alpha(opacity=40);
 
-webkit-backface-visibility: hidden;
 
-webkit-backface-visibility: hidden;
 
}
 
}
  
  
−
.transparent:hover {
+
.transparency:hover {
−
     opacity: 1.0;
+
     opacity: 1;
−
    filter: alpha(opacity=100); /* For IE8 and earlier */
+
filter: alpha(opacity=100);
 +
    width = 100px;
 
-webkit-backface-visibility: hidden;
 
-webkit-backface-visibility: hidden;
 
}
 
}
 +
  
  
Line 224: Line 226:
 
   height: 100%;
 
   height: 100%;
 
   width: 100%;
 
   width: 100%;
−
  background-color: white;
 
 
   color: #D49AE6;
 
   color: #D49AE6;
 
   padding: 14px;
 
   padding: 14px;
Line 233: Line 234:
 
   transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
 
   transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
 
}
 
}
 +
  
 
/* The container <div> - needed to position the dropdown content */
 
/* The container <div> - needed to position the dropdown content */
Line 251: Line 253:
 
     transition: opacity 0.5s ease-in-out;
 
     transition: opacity 0.5s ease-in-out;
 
}
 
}
 +
  
 
/* Links inside the dropdown */
 
/* Links inside the dropdown */
Line 264: Line 267:
  
 
/* Change color of dropdown links on hover */
 
/* Change color of dropdown links on hover */
−
.dropdown-content a:hover {background-color: #F9FF83;
+
.dropdown-content a:hover {background-color: #F48FB1;
 
color: #4A555C;}
 
color: #4A555C;}
  
Line 279: Line 282:
 
/* Change the background color of the dropdown button when the dropdown content is shown*/
 
/* Change the background color of the dropdown button when the dropdown content is shown*/
 
.dropbtn:hover {
 
.dropbtn:hover {
−
     background-color: #F9FF83;
+
     background-color: #F48FB1;
 
     color:  #4A555C;
 
     color:  #4A555C;
 
}
 
}
−
 
  
 
#mainbanner{
 
#mainbanner{

Revision as of 11:41, 11 October 2017



Improve