|
|
| Line 7: |
Line 7: |
| | <style> | | <style> |
| | | | |
| − | body {
| |
| − | margin: 0;
| |
| − | margin-top: 16px;
| |
| − | }
| |
| − |
| |
| − | #header-bar {
| |
| − | width: 100%;
| |
| − | height: 10em;
| |
| − | background-color: #00004d;
| |
| − | }
| |
| − |
| |
| − | #footer-bar {
| |
| − | position: absolute;
| |
| − | width: 100%;
| |
| − | height: 3em;
| |
| − | bottom: 0;
| |
| − | background-color: #00004d;
| |
| − | }
| |
| − |
| |
| − | #footer-bar a { float: right; }
| |
| − |
| |
| − | #social-bar { margin-right: 3em; }
| |
| − |
| |
| − | .social-button {
| |
| − | padding: .25em 1.5em 0em 1.5em;
| |
| − | width: 2.5em;
| |
| − | height: auto;
| |
| − | }
| |
| − |
| |
| − | #header-logo-ucla-container { float: left; }
| |
| − |
| |
| − | #header-menu {
| |
| − | float: right;
| |
| − | font-family: sans-serif;
| |
| − | margin-right: 9em;
| |
| − | margin-top: 2.5em;
| |
| − | list-style-type: none;
| |
| − | overflow: hidden;
| |
| − | }
| |
| − |
| |
| − | #header-logo-ucla {
| |
| − | width: 10em;
| |
| − | height: auto;
| |
| − | margin-left: 1.5em;
| |
| − | margin-top: .75em;
| |
| − | }
| |
| − |
| |
| − | .header-logo-general {
| |
| − | width: 7em;
| |
| − | height: auto;
| |
| − | }
| |
| − |
| |
| − | .header-logo-general-container {
| |
| − | position: absolute;
| |
| − | right: 1em;
| |
| − | top: 2.9em;
| |
| − | }
| |
| − |
| |
| − | .dropdown {
| |
| − | display: inline-block;
| |
| − | width: 11em;
| |
| − | }
| |
| − |
| |
| − | .dropdown:hover {
| |
| − | background-color: #001a66;
| |
| − | border-top-right-radius: 10px;
| |
| − | border-top-left-radius: 10px;
| |
| − | }
| |
| − |
| |
| − | .dropdown:hover .dropdown-content {
| |
| − | background-color: #001a66;
| |
| − | border-bottom-right-radius: 10px;
| |
| − | border-bottom-left-radius: 10px;
| |
| − | }
| |
| − |
| |
| − | .dropdown a {
| |
| − | display: inline-block;
| |
| − | width: 100%;
| |
| − | color: white;
| |
| − | text-align: center;
| |
| − | text-decoration: none;
| |
| − | font-size: 1.2em;
| |
| − | }
| |
| − |
| |
| − | .dropdown-content {
| |
| − | display: none;
| |
| − | position: absolute;
| |
| − | width: 11em;
| |
| − | background-color: #003366;
| |
| − | }
| |
| − |
| |
| − | .dropdown:hover .dropdown-content { display: block; }
| |
| − |
| |
| − | .dropdown-content a:last-child:hover {
| |
| − | border-bottom-left-radius: 10px;
| |
| − | border-bottom-right-radius: 10px;
| |
| − | }
| |
| − |
| |
| − | .dropdown-content a {
| |
| − | color: white;
| |
| − | padding-top: .7em;
| |
| − | padding-bottom: .7em;
| |
| − | text-align: center;
| |
| − | text-decoration: none;
| |
| − | display: block;
| |
| − | border-top-style: solid;
| |
| − | border-top-color: white;
| |
| − | border-top-width: 2px;
| |
| − | }
| |
| − |
| |
| − | .dropdown-content a:hover { background-color: #001a33; }
| |
| | | | |
| | </style> | | </style> |
