/* 
 * Programmer:    Craig Stuart Sapp <craig@ccrma.stanford.edu>
 * Creation Date: Wed Oct 21 09:28:12 PDT 2015
 * Last Modified: Wed Nov  4 20:46:20 PST 2015
 * Filename:      slink.css
 * Syntax:        CSS 3
 * vim:           ts=3
 *
 * Description:   CSS styles for SLINK.
 *
 */

body {
	counter-reset: category;
}

details.link-category {
	line-height: 2.0;
}

details.link-entry {
	line-height: 1.5;
}

details.link-entry > summary {
	cursor: pointer;
	font-size: 1.0rem;
	color: #d77942;
	outline: none;
}

details.link-category > summary {
	cursor: pointer;
	color: #42a779;
	font-size: 1.20rem;
	outline: none;
}

details.link-category > summary:before {
	/* Enumarate categories */
	counter-increment: category;
	content: counter(category) ". ";
	display: inline-block;
	width: 2.0rem;
	padding-right: 10px;
	text-align: right;
}

details.link-subcategory > summary {
	padding-left: 40px;
	cursor: pointer;
	font-size: 1.0rem;
	background: #fffcf6;
	border-radius: 25px;
	color: #d77942;
	outline: none;
	font-style: italic;
}

details.link-subcategory > summary {
	padding-left: 40px;
	cursor: pointer;
	font-size: 1.0rem;
	background: #ffffff;
	color: #d77942;
	outline: none;
	font-style: italic;
}

details.link-subcategory[open] > summary {
	padding-left: 40px;
	cursor: pointer;
	font-size: 1.0rem;
	background: #fff6f0;
	border-radius: 25px;
	color: #d77942;
	outline: none;
	font-style: italic;
	width: 75%;
}

.url-note {
	/* The url-note class is used to color a note following
    * a url in a @URL entry.  If there are multiple URLs, the
    * note makes it easy to explain what the secondary links are to.
	 */
	color: #ddd;
}


/***** Search form styling ***********************************************/

#search-text {
	width:20rem;
	font-size: 1rem;
	height:1.5rem;
}


/***** Bootstrap styling overlays ****************************************/

.btn-open  { min-height:1.3rem; background-color: #f6fff6; }
.btn-close { min-height:1.3rem; background-color: #fff6f6; }
.btn-clear { min-height:1.3rem; background-color: #f0f0ff; }
.btn-brief { min-height:1.3rem; background-color: #f0f0ff; }

.btn-default.btn-open:hover  { background-color: #c6efc6 !important; }
.btn-default.btn-close:hover { background-color: #f8b6b6 !important; }
.btn-default.btn-clear:hover { background-color: #c0c0ff !important; }
.btn-default.btn-brief:hover { background-color: #c0c0ff !important; }

.btn {
	background-image: none;
}

.btn-small {
	font-size:70%;
	height: 20px;
	padding: 4px 4px;
}

.btn:focus {
	outline: none;
}