# HG changeset patch # User Fumiya SATO # Date 1548984485 -32400 # Node ID 32e207d2a676aa8f518fdd9ec9b2fe28af68a7f7 # Parent b17d3f2406b2c610570fa88da589cffb43710486 changed main.css(delete current and new design) diff -r b17d3f2406b2 -r 32e207d2a676 css/main.css --- a/css/main.css Thu Jan 31 19:00:48 2019 +0900 +++ b/css/main.css Fri Feb 01 10:28:05 2019 +0900 @@ -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; -} - -nav ul li.current{ - font-weight: bold; - border-top: 5px solid #00B0F0; + display: block; + width: 100%; + padding: 10px 0; + text-decoration: none; + color: #000; + font-size: large; } - -nav ul li.current a{ - color: #00B0F0; +nav ul li a:hover{ + background-color:#F8E750; + border-bottom: 0 solid #F8E750; } - -nav ul li a:hover{ - color: #0089BB; - background-color: #FBFBDD; +nav ul li.current{ + font-weight: bold; } - -nav ul li:hover{ - border-top: 5px solid #F8E750; -} +nav ul li.current a{ + border-bottom: 5px solid #00B0F0; + color: #00B0F0; +} .contents{ margin: 60px 10px 60px 10px;