Difference between revisions of "Team:Lambert GA/InterLab"
KevinYLi123 (Talk | contribs) |
KevinYLi123 (Talk | contribs) |
||
| 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: #7A7A79; | |
width: 100%; | width: 100%; | ||
} | } | ||
| Line 17: | Line 20: | ||
margin: auto; | margin: auto; | ||
padding: 0px; | padding: 0px; | ||
| − | |||
} | } | ||
| − | body { | + | body { margin: 0px; padding: 0px; width: 100%;} |
a.drplink { | a.drplink { | ||
| Line 26: | Line 28: | ||
} | } | ||
a.drplink:hover { | a.drplink:hover { | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
color:dimgray; | color:dimgray; | ||
} | } | ||
| Line 40: | Line 35: | ||
color: gray; | color: gray; | ||
} | } | ||
| + | |||
#content { | #content { | ||
| − | margin: 0px | + | margin: 0px; |
| − | background-color: | + | 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: # | + | color: #FFB59E; |
| + | text-align:center; | ||
| + | hspace="20" | ||
} | } | ||
| Line 121: | Line 121: | ||
position: fixed; | position: fixed; | ||
text-decoration: none; | text-decoration: none; | ||
| − | color: # | + | color: #42413C; |
width: 100%; | width: 100%; | ||
height: 50px; | height: 50px; | ||
line-height: 50px; | line-height: 50px; | ||
| − | background-color: | + | background-color: #555554; |
| − | margin: | + | margin-top: 0px; |
text-align:center; | text-align:center; | ||
opacity: 0.9; | opacity: 0.9; | ||
| Line 172: | Line 172: | ||
} | } | ||
| − | + | .transparency { | |
| − | . | + | |
opacity: 0.4; | opacity: 0.4; | ||
| − | |||
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; | ||
} | } | ||
| − | . | + | .transparency:hover { |
| − | opacity: 1 | + | opacity: 1; |
| − | + | filter: alpha(opacity=100); | |
| + | width = 100px; | ||
-webkit-backface-visibility: hidden; | -webkit-backface-visibility: hidden; | ||
} | } | ||
| + | |||
| Line 224: | Line 225: | ||
height: 100%; | height: 100%; | ||
width: 100%; | width: 100%; | ||
| − | |||
color: #D49AE6; | color: #D49AE6; | ||
padding: 14px; | padding: 14px; | ||
| Line 233: | Line 233: | ||
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 252: | ||
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 266: | ||
/* Change color of dropdown links on hover */ | /* Change color of dropdown links on hover */ | ||
| − | .dropdown-content a:hover {background-color: # | + | .dropdown-content a:hover {background-color: #F48FB1; |
color: #4A555C;} | color: #4A555C;} | ||
| Line 279: | Line 281: | ||
/* 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: # | + | background-color: #F48FB1; |
color: #4A555C; | color: #4A555C; | ||
} | } | ||
| − | |||
#mainbanner{ | #mainbanner{ | ||
Revision as of 10:50, 11 October 2017
Interlab Study
