diff --git a/css/main.css b/css/main.css index e180466..1555068 100644 --- a/css/main.css +++ b/css/main.css @@ -21,54 +21,43 @@ }*/ nav{ - position: relative; - border-bottom: 5px solid #aaa; - width: 100%; - top: 0; - z-index: 100; + border-top: 2px solid orange; + border-bottom: 2px solid orange; } - nav ul{ - position: absolute; - left:10%; - display: table; - margin: 0 auto; - padding: 0; - width: 80%; - text-align: center; + display: table; + margin: 0 auto; + padding: 0; + width: 80%; + text-align: center; } - nav ul li{ - display: table-cell; - width: 50px; + display: table-cell; + min-width: 50px; + border-right: 2px solid orange; } - +nav ul li:first-child{ + border-left: 2px solid orange; +} nav ul li a{ - display: block; - width: 100%; - height: 100%; - padding: 10px 0; - text-decoration: none; - color: #111; + display: block; + width: 100%; + padding: 10px 0; + text-decoration: none; + color: #000; + font-size: large; } - -nav ul li.current{ - font-weight: bold; - border-top: 5px solid #00B0F0; -} - -nav ul li.current a{ - color: #00B0F0; -} - nav ul li a:hover{ - color: #0089BB; - background-color: #FBFBDD; + background-color:#F8E750; + border-bottom: 0 solid #F8E750; } - -nav ul li:hover{ - border-top: 5px solid #F8E750; -} +nav ul li.current{ + font-weight: bold; +} +nav ul li.current a{ + border-bottom: 5px solid #00B0F0; + color: #00B0F0; +} .contents{ margin: 60px 10px 60px 10px;