(Created page with "→********* Normal setting *********: * { margin:0; padding:0; } body { font-family: Tahoma, Arial, Verdana, sans-serif; line-height: normal; } li { list-style:none;...") |
|||
Line 7: | Line 7: | ||
body { | body { | ||
font-family: Tahoma, Arial, Verdana, sans-serif; | font-family: Tahoma, Arial, Verdana, sans-serif; | ||
− | |||
} | } | ||
Line 61: | Line 60: | ||
.nav-list li:hover { | .nav-list li:hover { | ||
background: #1E1E1E; | background: #1E1E1E; | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Revision as of 09:23, 29 October 2017
/********** Normal setting **********/
- {
margin:0; padding:0; }
body { font-family: Tahoma, Arial, Verdana, sans-serif; }
li { list-style:none; }
a { text-decoration: none; }
a:link { font-size: 12px; color: #000000; text-decoration: none; }
a:visited { font-size: 12px; color: #000000; text-decoration: none; }
/********** Navbar **********/
.navbar { display: block; height: 60px; width: 100%; background: rgb(75, 151, 165); box-shadow: 0px 0px 0px #1E1E1E; position: fixed; z-index: 99; }
.nav-list { margin-top: 0px; z-index: 99; }
.nav-list li { display: block; float: right; margin-right: 10px; margin-left: 10px; height: 60px; width: 140px; position: relative; text-align: center; line-height: 60px; }
.nav-list li:hover { background: #1E1E1E; }
.nav-list li a:visited { color: #FFF; }
.nav-list li a:link { color: #FFF; }
.nav-list li a:hover { color: #EBEDF4; }
.sub-nav { display: none; position: relative; float: none; z-index: 99; top: 0px; left: -5px; padding: 0px; background: rgb(128, 156, 146); }
.sub-nav li { display: block; position: relative; float: none; padding-top: 0px; margin: 0px; width: auto; height: 26px; line-height: 90%; font-size: 16px; }
.sub-nav li a { display: block; padding-top: 0px; padding-bottom: 0px; height: 26px; line-height: 28px; float: none; }
.sub-nav li a:link { color: #FFF; }
.sub-nav li a:visited { color: #FFF; }
.sub-nav li:hover{ background: rgb(201, 202, 187); }
.caret { display: inline-block; width: 0; height: 3px; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; color: rgb(0, 0, 0); }
/********** Back to top **********/
.arrow-div { width: 3%; position: fixed; bottom: 20px; right: 25px; font-size: 0; line-height: 0; z-index: 100; }
.arrow-img { width: 100%; }
/*rgba(75, 151, 167, 1.0);*/