Showing
1 changed file
with
59 additions
and
0 deletions
css/style.css
0 → 100644
| 1 | +/* 전체 웹사이트를 통틀어서 스타일을 정의함 */ | ||
| 2 | +@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); | ||
| 3 | + | ||
| 4 | +* { | ||
| 5 | + font-family:'Nanum Gothic' | ||
| 6 | +} | ||
| 7 | +a { | ||
| 8 | + color:#000000; | ||
| 9 | + text-decoration:none; | ||
| 10 | +} | ||
| 11 | +a:hover { | ||
| 12 | + color:#bbbbbb; | ||
| 13 | + text-decoration:none; | ||
| 14 | +} | ||
| 15 | + | ||
| 16 | +/* 내비게이션 영역 */ | ||
| 17 | +.navbar-default{/* 배경 색상 */ | ||
| 18 | + background-color:#000000; | ||
| 19 | + border-color:#000000; | ||
| 20 | +} | ||
| 21 | +.navbar-default .navbar-brand{ /* 내비게이션 제목 색상 */ | ||
| 22 | + color:#ffffff; | ||
| 23 | +} | ||
| 24 | +.navbar-default .navbar-brand:hover, | ||
| 25 | +.navbar-default .navbar-brand:focus{ /* 내비게이션 제목에 마우스를 올렸을 때 */ | ||
| 26 | + background-color:transparent; | ||
| 27 | + color:#bbbbbb; | ||
| 28 | +} | ||
| 29 | +.navbar-default .navbar-nav > .active >a, | ||
| 30 | +.navbar-default .navbar-nav > .active >a:hover, | ||
| 31 | +.navbar-default .navbar-nav > .active >a:focus{ /* 현재 선택된 내비게이션 색상 이벤트 */ | ||
| 32 | + color:white; | ||
| 33 | + background-color:#000000; | ||
| 34 | +} | ||
| 35 | +.navbar-default .navbar-nav > li >a:hover, | ||
| 36 | +.navbar-default .navbar-nav > li >a:focus{ /* 네비게이션 글자에 마우스를 올렸을 때 */ | ||
| 37 | + color:#bbbbbb; | ||
| 38 | +} | ||
| 39 | +.navbar-default .navbar-nav > .open >a, | ||
| 40 | +.navbar-default .navbar-nav > .open >a:hover, | ||
| 41 | +.navbar-default .navbar-nav > .open >a:focus{ /* 드랍다운이 열렸을때 마우스 색상 이벤트 */ | ||
| 42 | + color:#000000; | ||
| 43 | + background-color:#ffffff; | ||
| 44 | + text-decoration:none; | ||
| 45 | +} | ||
| 46 | + | ||
| 47 | +.navbar-default .navbar-nav>li>a{ /* 네비게이션 기본 색상 */ | ||
| 48 | + color:white; | ||
| 49 | +} | ||
| 50 | + | ||
| 51 | +@media (max-width:767px) { /* 해상도가 작은데 드랍다운에 마우스를 올렸을 때 */ | ||
| 52 | + .navbar-default .navbar-nav .open .dropdown-menu > li > a { | ||
| 53 | + color:#ffffff; | ||
| 54 | + } | ||
| 55 | + .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover , | ||
| 56 | + .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{ | ||
| 57 | + color:#bbbbbb; | ||
| 58 | + } | ||
| 59 | +} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
-
Please register or login to post a comment