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 { | + | |
− | margin: 0px | + | #content { |
− | background-color: | + | margin: 0px; |
+ | 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 79: | Line 74: | ||
position: center; | position: center; | ||
border: none; | border: none; | ||
− | color: #D49AE6; | + | color: #D49AE6; |
text-align: center; | text-align: center; | ||
text-decoration: none; | text-decoration: none; | ||
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 11:50, 25 October 2017