Difference between revisions of "Team:Lambert GA/Software"
KevinYLi123 (Talk | contribs) |
KevinYLi123 (Talk | contribs) |
||
| Line 10: | Line 10: | ||
#mainContainer{ | #mainContainer{ | ||
| − | + | background-color: #7A7A79; | |
width: 100%; | width: 100%; | ||
} | } | ||
| Line 17: | Line 17: | ||
margin: auto; | margin: auto; | ||
padding: 0px; | padding: 0px; | ||
| − | |||
} | } | ||
| − | body { | + | body { margin: 0px; padding: 0px; width: 100%;} |
a.drplink { | a.drplink { | ||
| Line 26: | Line 25: | ||
} | } | ||
a.drplink:hover { | a.drplink:hover { | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
color:dimgray; | color:dimgray; | ||
} | } | ||
| Line 38: | Line 30: | ||
div { | div { | ||
| − | color: | + | color: white; |
} | } | ||
| + | |||
#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 60: | Line 55: | ||
margin: auto; | margin: auto; | ||
width: 75%; | width: 75%; | ||
| − | color: | + | color: white; |
} | } | ||
| Line 114: | Line 109: | ||
h2{ | h2{ | ||
| − | color: # | + | color: #FFB59E; |
| + | text-align:center; | ||
| + | hspace="20" | ||
} | } | ||
| Line 121: | Line 118: | ||
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 145: | Line 142: | ||
padding: 0px; | padding: 0px; | ||
display: block; | display: block; | ||
| − | margin: 0px auto; | + | margin: 0px auto; |
} | } | ||
| Line 172: | Line 169: | ||
} | } | ||
| − | + | .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 222: | ||
height: 100%; | height: 100%; | ||
width: 100%; | width: 100%; | ||
| − | |||
color: #D49AE6; | color: #D49AE6; | ||
padding: 14px; | padding: 14px; | ||
| Line 233: | Line 230: | ||
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 249: | ||
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 263: | ||
/* 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: #D49AE6; |
color: #4A555C;} | color: #4A555C;} | ||
| Line 279: | Line 278: | ||
/* 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: #D49AE6; |
color: #4A555C; | color: #4A555C; | ||
} | } | ||
Revision as of 12:21, 25 October 2017
Software
