crytolearn/frontend/style.css

body
{
	background-color: #F3FFF7;
	padding: 0px;
	margin: 0px;
	font-family: sans-serif;
}

#templates
{
	display: none;
}

.header
{
	background-color: #C9F9DF;
	color: #009B53;
	padding: 12px 14px;
}

.header h1
{
	margin: 0px;
	font-weight: normal;
}

.header h2
{
	margin: 2px;
	font-size: 17px;
}

.search-large
{
	color: #006824;
	width: 960px;
	text-align: center;
	margin: 180px auto;
	font-size: 42px;
}

.search-top
{
	color: #006824;
	width: 960px;
	margin: 16px;
	font-size: 26px;
}

.search-large input, .search-top input
{
	color: #006824;
	border: 0px;
	background-color: transparent;
	border-bottom: 2px solid #1FDF62;
}

.search-large input
{
	font-size: 42px;
	width: 300px;
}

.search-top input
{
	font-size: 26px;
	width: 180px;
}

.spinner
{
	margin-left: 14px;
}

.topic, .item
{
	padding: 9px 12px;
	margin: 5px 20px;
	background-color: #79E1A8;
	font-size: 20px;
	width: 960px;
}

.topic 
{
	margin-top: 19px;
	cursor: pointer;
}

.item
{
	margin-left: 34px;
	width: 926px;
	font-size: 18px;
	background-color: #97F3C1;
	display: none;
}

.type
{
	font-size: 18px;
	color: gray;
}

.type:after
{
	content: ":";
}

a.title
{
	color: #041F9F;
}

.toggler
{
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	margin-top: 2px;
	margin-right: 8px;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	border: 1px solid black;
	background-color: #D2ECCF;
}

.providername
{
	font-size: 18px;
	color: gray;
}

.providername:before
{
	content: "(";
}

.providername:after
{
	content: ")";
}

.error
{
	margin: 8px 16px;
	font-size: 19px;
}

.description
{
	margin-top: 4px;
	font-size: 13px;
	max-height: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}