DaPortal
/* $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;
}