|
|
| Line 47: |
Line 47: |
| | | | |
| | <style> | | <style> |
| − | .container {
| |
| − | position: fixed;
| |
| − | width: 100%;
| |
| − | margin: 0 auto;
| |
| − | background: #000000;
| |
| − | padding-top: 10px;
| |
| − | height: 55px;
| |
| − | }
| |
| − | nav {
| |
| − | height: 55px;
| |
| − | }
| |
| − | nav ul {
| |
| − | margin: 0;
| |
| − | list-style: none;
| |
| − | padding-top: 5px;
| |
| − | }
| |
| − | nav ul li {
| |
| − | display: inline-block;
| |
| − | margin-left: 85px;
| |
| − | padding-top: 5px;
| |
| − | position: relative;
| |
| − | }
| |
| − | nav ul li ul{
| |
| − | position:absolute;
| |
| − | background: #000000;
| |
| − | margin-left:0;
| |
| − | clear:left;
| |
| − | life-style: none;
| |
| − | padding-top:9px;
| |
| − | padding-left:0px;
| |
| − | width:140px;
| |
| − | }
| |
| − | nav ul li ul li{
| |
| − | margin-left: 0;
| |
| − | position: relative;
| |
| − | text-align: center;
| |
| − | float:none;
| |
| − | display: none;
| |
| − | }
| |
| − | nav a {
| |
| − | color:#FFFFFF;
| |
| − | font-family: monospace;
| |
| − | font-size: 25px;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − | nav a::before {
| |
| − | content: '';
| |
| − | display: block;
| |
| − | height: 3px;
| |
| − | background-color: #7FFFD4;
| |
| | | | |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | width: 0%;
| |
| − | transition: all ease-in-out 400ms;
| |
| − | }
| |
| − | nav a:hover {
| |
| − | color: #000000;
| |
| − | background: #F5F5F5;
| |
| − | transition: 300ms;
| |
| − | border-radius: 2px;
| |
| − | }
| |
| − | nav a:hover::before {
| |
| − | width: 100%;
| |
| − | }
| |
| − | nav ul li:hover ul li{
| |
| − | display: block;
| |
| − | }
| |
| − | .words {
| |
| − | margin-top: 130px;
| |
| − | margin-left: 100px;
| |
| − | }
| |
| − |
| |
| − | body {
| |
| − | margin: 0;
| |
| − | font-size: 28px;
| |
| − | }
| |
| | /**************************************************************************************************************************************************************************************************/ | | /**************************************************************************************************************************************************************************************************/ |
| | | | |
