Metro UI CSS 2.0 BootStrap Guide


Base CSS

General CSS


Global Styles


Colors

  • *-black
  • *-white
  • *-lime
  • *-green
  • *-emerald
  • *-teal
  • *-cyan
  • *-cobalt
  • *-indigo
  • *-violet
  • *-pink
  • *-magenta
  • *-crimson
  • *-red
  • *-orange
  • *-amber
  • *-yellow
  • *-brown
  • *-olive
  • *-steel
  • *-mauve
  • *-taupe
  • *-gray
  • *-dark
  • *-darker
  • *-transparent
  • *-darkBrown
  • *-darkCrimson
  • *-darkMagenta
  • *-darkIndigo
  • *-darkCyan
  • *-darkCobalt
  • *-darkTeal
  • *-darkEmerald
  • *-darkGreen
  • *-darkOrange
  • *-darkRed
  • *-darkPink
  • *-darkViolet
  • *-darkBlue
  • *-lightBlue
  • *-lightTeal
  • *-lightOlive
  • *-lightOrange
  • *-lightPink
  • *-lightRed
  • *-lightGreen

위 전역 색상 설정 클래스들을 사용하기에 규칙은 다음과 같습니다.


대상-컬러

대상-액션-컬러


대상

fg : 요소의 폰트 및 아이콘

bg : 요소의 배경

액션

hover : 마우스 오버시

active : 링크나 버튼에 대하여 실행 이벤트가 발생했을때

focus : 요소에 포커스가 발생했을때


해서 결과적으로는 녹색의 제목을 설정한다면 다음과 같다.

이 글은 제목 입니다.




+ Recent posts