Stylus

ss.styl

menuh=38px
inline-block()
	display inline-block
html,body,menu
	width 100%
	margin 0
	font-family "나눔고딕", "맑은 고딕", Gothic, sans-serif
menu
	border-bottom: #5bb6ea solid 1px
	margin 0
	padding 0
	fixed top left
	height menuh
	font-family "나눔고딕", "맑은 고딕", Gothic, sans-serif
	&>#rightControlBar
		absolute top right
	&>a, &>#rightControlBar .button
		display inline-block
		text-decoration none
		height 100%
		text-align center
		line-height menuh
		background-color transparent
		font-weight bold
		font-size 12pt
		color #5bb6ea
		transition background .2s
		background-color:white
		&:hover
			background-color #5bb6ea
			color white
		&.back
			font-family sans-serif
			width menuh
			float left
		&.sign
			width 107px
	&>nav
		padding-left:7px
		height 100%
		overflow ellipsis
		&>div
			inline-block()
			line-height menuh
			&+div:before
				content ">"
				margin 0 5px;
				font-weight lighter
				font-size 9pt
				color #27a3ea
			&.currentstage
				font-weight:bold
			&:not(.currentstage)
				font-weight normal
				color gray
				font-size 10pt
article
	absolute top menuh left
	& section>section
		margin-left 10px
		&:before
			content "+ "
			font-size 10pt
			vertical-align center
	& section:first-child
		font-weight bold