try-livescript.styl

@import 'node_modules/nib/lib/nib'

#ls-console
	word-wrap: break-word;
	font-size: 14px
	font-family: Menlo, monospace

	.jquery-console-inner
		height:200px
		background:#000
		padding:0.5em
		overflow: auto

	.jquery-console-cursor
		background:#fefefe
		color:#333
		font-weight:bold

	.jquery-console-prompt-box
		color: #fff
		white-space: pre
		tab-size: 4

	.jquery-console-message-value
		color: #1ad027
		white-space: pre

	.jquery-console-message-type
		color: #52666f
		white-space: pre
		padding: 0.1em

	.jquery-console-message-error
		color: rgb(168, 48, 48)
		white-space: pre

	.jquery-console-prompt-label
		font-weight: bold



body
	font-family: Helvetica, Arial, sans-serif
	font-size: 15px
	line-height: 2.6ex
	margin-bottom: 50px

code
	font-family: menlo, monospace
	background-color: rgb(219, 219, 219)
	padding: 0.1ex 0.5em
	font-size: 14px
	white-space: nowrap

pre
	tab-size: 4
	font-family: menlo, monospace
	background-color: rgb(219, 219, 219)
	padding: 1ex 0.5em
	font-size: 14px
	white-space: pre-wrap

code.prompt, pre.prompt
	cursor: pointer
	background: linear-gradient(to bottom, rgba(228, 228, 228, 1) 8%,rgba(221, 221, 221, 1) 50%,rgba(211, 211, 211, 1) 92%)
	border: solid 1px rgb(201, 201, 201)


section[x-path]
	display: none
	p
		line-height: 2.9ex


footer
	color: rgba(146, 146, 146, 1)
	border-top: solid 1px rgba(221, 221, 221, 1)
	padding-top: 10px
	margin-top: 50px
	a 
		color: rgba(146, 146, 146, 1)
		&.info
			text-decoration: none
		&:visited
			color: rgba(146, 146, 146, 1)
	

nav.back-next	
	display: flex
	flex-direction: row
	justify-content: space-between
	background-color: #f3f3f3
	height: 30px
	align-items: center
	border-top: solid 1px #808080
	padding-top: 10px
	position: fixed
	bottom: 0
	left: 0
	right: 0
	a
		margin: 0 1em
		text-decoration: none