/* $Id$ */
/* Copyright (c) 2011-2016 Pierre Pronchery <khorben@defora.org> */
/* This file is part of DeforaOS Web DaPortal */
/* This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, version 3 of the License.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>. */



/* classes */
.bold {
	font-weight:			bold;
}

.bordered {
	border-style:			solid;
	border-width:			1px;
}

table.bordered {
	border-collapse:		collapse;
}

table.bordered td, table.bordered th {
	border-style:			solid;
	border-width:			1px;
	padding:			0.5ex;
}

.hidden {
	display:			none;
}

.italic {
	font-style:			italic;
}

.monospace {
	font-family:			monospace;
}

.preformatted {
	font-family:			monospace;
	white-space:			pre-wrap;
}

.prewrapped {
	white-space:			pre-wrap;
}

.strikethrough {
	text-decoration:		line-through;
}

.underline {
	text-decoration:		underline;
}


/* widgets */
/* button */
a.button, button, input[type="button"], input[type="reset"],
input[type="submit"] {
	cursor:				pointer;
	margin:				0.5ex;
	padding:			2px;
}

input[type="password"], input[type="text"], label {
	margin:				0.5ex;
	padding:			0.5ex;
}

/* buttonbox */
.buttonbox > a.button, .buttonbox > button,
.buttonbox > input[type="button"], .buttonbox > input[type="reset"],
.buttonbox > input[type="submit"] {
	width:				10ex;
}

/* checkbox */
form .checkbox input[type="checkbox"] {
	vertical-align:			text-bottom;
}

/* editor */
body:not(.js-activated) iframe.editor, body:not(.js-activated) .toolbar.editor {
	display:			none;
}

/* entry */
form .entry, form .textview {
	display:			table-row;
}

form .entry .label, form .entry input {
	display:			table-cell;
}

/* expander */
.expander > * {
	display:			none;
}

.expander > .title {
	background-image:		url('../icons/generic/24x24/collapsed.png');
	background-position:		0 0;
	background-repeat:		no-repeat;
	display:			block;
	min-height:			16px;
	padding-left:			20px;
}

body:not(.js-activated) .expander:hover > .title {
	background-image:		url('../icons/generic/24x24/expanded.png');
}

body:not(.js-activated) .expander:hover > * {
	display:			block;
}

body.js-activated .expander > .title {
	cursor:				pointer;
}

/* file chooser */
body:not(.js-activated) div.filechooser > input[type="button"] {
	display:			none;
}

/* frame */
.frame > .title {
	float:				left;
}

.frame > div {
	clear:				left;
}

.frame:after {
	clear:				left;
	content:			"";
	display:			block;
}

/* hbox */
.hbox:after {
	clear:				left;
	content:			"";
	display:			block;
}

.hbox > .pack {
	float:				left;
	padding-left:			1ex;
}

.hbox > .pack:first-child {
	padding-left:			0;
}

/* iframe */
iframe {
	border-width:			1px;
}

/* image */
img {
	border-width:			0;
}

.messagebox {
	padding:			1ex;
}

/* title */
.title {
	font-weight:			bold;
}

/* treeview */
.treeview:after {
	clear:				left;
	content:			"";
	display:			block;
}

.treeview > .table > .header {
	display:			none;
	font-weight:			bold;
	text-align:			left;
}

.treeview > .table > .row > .detail {
	display:			none;
}

.treeview.details > .table {
	display:			table;
	width:				100%;
}

.treeview.details > .table > .header,
.treeview.details > .table > .row {
	display:			table-row;
}

.treeview.details > .table > .header > .detail,
.treeview.details > .table > .row > .detail {
	display:			table-cell;
	padding-right:			0.5ex;
}

.treeview.details > .table > .row.level > .detail {
	font-size:			95%;
	padding-left:			2ex;
}

.treeview.details > .table > .row.level2 > .detail {
	font-size:			90%;
	padding-left:			4ex;
}

.treeview.icons > .table > .row,
.treeview.thumbnails > .table > .row {
	float:				left;
	padding:			0.5ex;
	text-align:			center;
	width:				12ex;
}

.treeview.icons > .table > .row .icon {
	display:			block;
	height:				48px;
	margin-left:			auto;
	margin-right:			auto;
	width:				48px;
}

.treeview.icons > .table > .row .icon > img {
	display:			block;
}

.treeview.icons > .table > .row .label,
.treeview.thumbnails > .table > .row .label {
	display:			block;
	height:				3.5em;
	text-align:			center;
	word-wrap:			break-word;
}

.treeview.list > .table > .row {
	display:			block;
}

.treeview.list > .table > .row .icon,
.treeview.list > .table > .row .label {
	display:			inline;
}

.treeview.list > .table > .row .icon img.stock48 {
	background-size:		16px 16px;
	padding:			8px;
}

.treeview.preview > .table > .row .detail.preview {
	display:			block;
}

.treeview.thumbnails > .table > .row .thumbnail {
	display:			block;
	height:				96px;
	margin-left:			auto;
	margin-right:			auto;
	width:				96px;
}

.treeview.thumbnails > .table > .row .thumbnail > img {
	max-height:			96px;
	max-width:			96px;
}

.vbox > .pack {
	display:			block;
	padding-top:			0.5ex;
	clear:				left;
}

.vbox > .pack:first-child {
	padding-top:			0;
}