730 lines
10 KiB
CSS
730 lines
10 KiB
CSS
/*
|
||
|
||
Basic settings for standard Lobo skin
|
||
|
||
*/
|
||
|
||
/* page sections */
|
||
|
||
body {
|
||
background-color: #f8f8f8;
|
||
}
|
||
|
||
.container {
|
||
padding: 15px 20px 20px 20px;
|
||
background-color: #ffffff;
|
||
margin-top: 20px;
|
||
margin-bottom: 20px;
|
||
border: 1px solid #d0d0d0;
|
||
}
|
||
|
||
#portlets {
|
||
margin-top: 1em;
|
||
background-color: #ffffff;
|
||
}
|
||
|
||
ul.view-modes {
|
||
padding: 0 0 0 2em;
|
||
margin: 0.7em 0 0 0;
|
||
white-space: nowrap;
|
||
list-style-type: none;
|
||
border-bottom: #ccc 1px solid;
|
||
background-color: transparent;
|
||
}
|
||
|
||
ul.view-modes li {
|
||
display: inline
|
||
}
|
||
|
||
ul.view-modes li a {
|
||
padding: 0.15em 1.25em 0.15em 1.25em;
|
||
margin: 0 0.5em 0 0;
|
||
text-decoration: none;
|
||
border: #ccc 1px solid;
|
||
background-color: transparent;
|
||
}
|
||
|
||
ul.view-modes li.active a {
|
||
border-bottom: #eee 1px solid;
|
||
background-color: #eee;
|
||
}
|
||
|
||
ul.view-modes li.inactive a:hover {
|
||
background-color: #f8f8f8;
|
||
}
|
||
|
||
/* general */
|
||
|
||
h1, h2, h3, h4, h5, h6 {
|
||
margin-bottom: 0.4em;
|
||
}
|
||
|
||
a {
|
||
text-decoration: none;
|
||
}
|
||
|
||
a[href]:hover {
|
||
text-decoration: none;
|
||
color: #6060c0;
|
||
}
|
||
|
||
pre {
|
||
padding: 0.2em;
|
||
font-size: 100%;
|
||
background-color: #f8f8f8;
|
||
overflow: auto;
|
||
max-height: 35em;
|
||
}
|
||
|
||
ol, ul, p {
|
||
margin-top: 0.4em;
|
||
margin-bottom: 0.5em;
|
||
}
|
||
|
||
ol, ul {
|
||
padding-left: 2em;
|
||
}
|
||
|
||
ol.first, ul.first {
|
||
padding-left: 2em;
|
||
}
|
||
|
||
ol li, ul li {
|
||
line-height: 1.5em;
|
||
}
|
||
ſ
|
||
blockquote ul {
|
||
margin: 0;
|
||
}
|
||
|
||
textarea {
|
||
font-size: 100%;
|
||
}
|
||
|
||
table {
|
||
border-collapse: collapse;
|
||
}
|
||
|
||
thead th {
|
||
background: none;
|
||
}
|
||
|
||
/* printing */
|
||
|
||
@media print {
|
||
.noprint {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
/* class-specific */
|
||
|
||
.breadcrumbs td {
|
||
padding-left: 0;
|
||
}
|
||
|
||
.head-description{
|
||
/* font-style: italic; */
|
||
font-size: 110%;
|
||
}
|
||
|
||
.description {
|
||
/* font-style: italic; */
|
||
/* margin-top: 0.5em;*/
|
||
font-size: 110%;
|
||
margin-bottom: 0.3em;
|
||
}
|
||
|
||
.legend {
|
||
/* font-style: italic; */
|
||
font-size: 95%;
|
||
}
|
||
|
||
.infotext {
|
||
font-size: 90%;
|
||
}
|
||
|
||
.fields td {
|
||
vertical-align: top;
|
||
}
|
||
|
||
.dialog div.heading {
|
||
font-weight: bold;
|
||
font-size: 140%;
|
||
margin: 0.5em 0 0.3em 0;
|
||
}
|
||
|
||
.dialog label {
|
||
display: block;
|
||
font-weight: bold;
|
||
margin-top: 0.5em;
|
||
}
|
||
|
||
.dialog div.buttons {
|
||
margin-top: 0.5em;
|
||
}
|
||
|
||
tr.even td {
|
||
background-color: transparent;
|
||
}
|
||
|
||
table.listing {
|
||
margin: 1px;
|
||
/*margin-top: 0.5em; */
|
||
margin-bottom: 1em;
|
||
}
|
||
|
||
table.listing th {
|
||
color: #000040;
|
||
padding: 0 2px 0 2px;
|
||
border-bottom: 1px solid lightgrey;
|
||
}
|
||
|
||
table.listing td {
|
||
padding: 0 2px 0 2px;
|
||
white-space: normal;
|
||
vertical-align: middle;
|
||
border-bottom: 1px dotted #dddddd;
|
||
}
|
||
|
||
table.listing tr.vpad td {
|
||
padding: 7px 2px 7px 2px;
|
||
}
|
||
|
||
fieldset.box table.listing td {
|
||
padding: 0 1px 0 1px;
|
||
}
|
||
|
||
table.listing .number {
|
||
text-align: right;
|
||
}
|
||
|
||
table.listing .center {
|
||
text-align: center;
|
||
}
|
||
|
||
table.listing .nowrap {
|
||
white-space: nowrap;
|
||
}
|
||
|
||
table.listing td.checkbox {
|
||
text-align: center;
|
||
width: 10px;
|
||
padding-left: 2px;
|
||
padding-right: 2px;
|
||
}
|
||
|
||
table.listing td.headline {
|
||
font-weight: bold;
|
||
border: 1px solid lightgrey;
|
||
}
|
||
|
||
table.listing-details td {
|
||
white-space: normal;
|
||
border: 1px solid lightgrey;
|
||
}
|
||
|
||
table.listing-details tr.heading td {
|
||
border: none;
|
||
}
|
||
|
||
table.listing-details tr.heading td h3 {
|
||
font-weight: bold;
|
||
border: none;
|
||
}
|
||
|
||
table.listing th span.ascending {
|
||
background-image: url(/++resource++cybertools.icons/arrowdown.gif);
|
||
background-position: right;
|
||
background-repeat: no-repeat;
|
||
}
|
||
|
||
table.listing th span.descending {
|
||
background-image: url(/++resource++cybertools.icons/arrowup.gif);
|
||
background-position: right;
|
||
background-repeat: no-repeat;
|
||
}
|
||
|
||
table.records input, table.records textarea {
|
||
border: none;
|
||
padding: 0;
|
||
margin: 0;
|
||
width: auto;
|
||
}
|
||
|
||
table.records th {
|
||
background-color: #fefefe;
|
||
}
|
||
|
||
table.records th, table.records td {
|
||
padding: 0;
|
||
margin: 0;
|
||
border: 1px solid lightgrey;
|
||
}
|
||
|
||
table.report {
|
||
position: relative;
|
||
z-index: 99;
|
||
background: white;
|
||
}
|
||
|
||
table.report th {
|
||
border-bottom: 1px solid #bbbbbb;
|
||
font-weight: bold;
|
||
}
|
||
|
||
table.report td {
|
||
border-bottom: 1px dotted #dddddd;
|
||
vertical-align: top;
|
||
}
|
||
|
||
.report-meta table {
|
||
width: auto;
|
||
}
|
||
|
||
dl.docutils dt {
|
||
font-weight: bold;
|
||
margin-top: 0.3em;
|
||
}
|
||
|
||
dl.docutils dd {
|
||
margin-left: 2em;
|
||
}
|
||
|
||
dl.docutils dd ul li {
|
||
margin-left: -1em;
|
||
}
|
||
|
||
fieldset.box {
|
||
margin: 1em 0 0.5em 0;
|
||
padding: 0.5em;
|
||
border: 1px solid #ccc;
|
||
}
|
||
|
||
fieldset.box td {
|
||
padding: 0.2em 0.2em 0.2em 0;
|
||
}
|
||
|
||
#body {
|
||
margin-left: 5px;
|
||
}
|
||
|
||
.top-actions {
|
||
position: absolute;
|
||
top: 40px;
|
||
margin-left: 10px;
|
||
}
|
||
|
||
.quicksearch input {
|
||
font-size: 80%;
|
||
}
|
||
|
||
.language-switch {
|
||
position: absolute;
|
||
top: 55px;
|
||
}
|
||
|
||
.page-actions {
|
||
position: absolute;
|
||
top: 75px;
|
||
margin-left: 210px;
|
||
}
|
||
|
||
.top image {
|
||
margin-top: -1px;
|
||
}
|
||
|
||
.nested {
|
||
margin-left: 2em;
|
||
}
|
||
|
||
.content-1 h1, h1 {
|
||
padding-top: 0.5em;
|
||
font-size: 180%;
|
||
}
|
||
|
||
.content-2 h1, .content-1 h2, h2 {
|
||
font-size: 160%;
|
||
padding-top: 0.5em;
|
||
}
|
||
|
||
.content-3 h1, .content-2 h2, .content-1 h3, h3 {
|
||
font-size: 140%;
|
||
padding-top: 0.4em;
|
||
}
|
||
|
||
.content-4 h1, .content-3 h2, .content-2 h3, .content-1 h4, h4 {
|
||
font-size: 130%;
|
||
font-weight: normal;
|
||
padding-top: 0.3em;
|
||
}
|
||
|
||
.content-5 h1, .content-4 h2, .content-3 h3, content-2 h4, h5 {
|
||
font-size: 120%;
|
||
/* border: none; */
|
||
padding-top: 0.2em;
|
||
}
|
||
|
||
.box {
|
||
/*margin: 5px;*/
|
||
padding: 0;
|
||
padding-top: 0;
|
||
background: none;
|
||
}
|
||
|
||
div.box {
|
||
border-top: 1px solid #ccc;
|
||
border-bottom: 1px solid #ccc;
|
||
}
|
||
|
||
div.box h4 {
|
||
font: 110% Verdana, Tahoma, Arial, Helvetica, sans-serif;
|
||
font-weight: bold;
|
||
color: #000040;
|
||
border: none;
|
||
border-bottom: 1px solid #ccc;
|
||
padding: 4px;
|
||
padding-top: 1px;
|
||
padding-bottom: 3px;
|
||
background-color: #eee;
|
||
height: auto;
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
.box h1, .box h2, .box h3 {
|
||
border-bottom: None;
|
||
}
|
||
|
||
.box div.body div.even {
|
||
background-color: #f8f8f8;
|
||
}
|
||
|
||
.box div.body div {
|
||
padding: 0.2em 0.2em 0.2em 0.3em;
|
||
}
|
||
|
||
div.action {
|
||
border-top: 1px solid #eeeeee;
|
||
}
|
||
|
||
div.menu-1, div.menu-2 {
|
||
border-top: 1px solid #eeeeee;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.box div.body div.menu-3 {
|
||
border-top: none;
|
||
padding: 0.1em 0 0.2em 1.5em;
|
||
}
|
||
|
||
.box div.body div.menu-4 {
|
||
padding-left: 3em;
|
||
font-size: 90%
|
||
}
|
||
|
||
.delete-item a[href] {
|
||
color: #ff7777;
|
||
font-weight: bold;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.subcolumn {
|
||
display: inline;
|
||
float: left;
|
||
}
|
||
|
||
.footer {
|
||
text-align: center;
|
||
border-top: 1px solid #ccc;
|
||
border-bottom: none;
|
||
margin-top: 12px;
|
||
padding-top: 6px;
|
||
}
|
||
|
||
.object-actions {
|
||
float: right;
|
||
margin: 0;
|
||
padding: 1em 0 0 0;
|
||
}
|
||
|
||
.content-2 .object-actions {
|
||
padding: 1em 0 0 0;
|
||
}
|
||
|
||
.listing .object-actions {
|
||
float: none;
|
||
padding: 0;
|
||
/*text-align: center;*/
|
||
}
|
||
|
||
.icon-action {
|
||
display: inline;
|
||
}
|
||
|
||
.flow-left {
|
||
float: left;
|
||
padding: 0 20px 5px 0;
|
||
}
|
||
|
||
.flow-right {
|
||
float: right;
|
||
padding: 0 0 5px 20px;
|
||
}
|
||
|
||
div.image {
|
||
margin-top: 10px;
|
||
margin-right: 5px;
|
||
}
|
||
|
||
img.selected {
|
||
border: 2px solid #d6dcf6;
|
||
}
|
||
|
||
img.notselected {
|
||
border: 2px solid #eff8ff;
|
||
}
|
||
|
||
.navlink {
|
||
font-size: 130%;
|
||
margin-bottom: 1em;
|
||
}
|
||
|
||
.navlink a {
|
||
font-weight: bold;
|
||
text-decoration: underline;
|
||
}
|
||
|
||
.subtitle {
|
||
font-size: 140%;
|
||
font-weight: bold;
|
||
margin: 1em 0 0.5em 0;
|
||
}
|
||
|
||
.button {
|
||
margin: 1em 0 1em 0;
|
||
}
|
||
|
||
.button a:link, .button a:visited {
|
||
padding: 2px 4px 2px 4px;
|
||
background-color: #e8e8e8;
|
||
text-decoration: None;
|
||
color: Black;
|
||
border-width: 2px;
|
||
border-style: solid;
|
||
border-color: #f4f4f4 #989898 #989898 #f4f4f4;
|
||
}
|
||
|
||
.button a:active {
|
||
border-color: #989898 #f4f4f4 #f4f4f4 #989898;
|
||
}
|
||
|
||
.itemViews {
|
||
border-bottom-width: 2px;
|
||
}
|
||
|
||
.dialog .headline {
|
||
font-size: 140%;
|
||
font-weight: bold;
|
||
padding: 1em 0 1em 0;
|
||
}
|
||
|
||
.error {
|
||
background-color: #ffbb00;
|
||
padding: 4px;
|
||
margin-bottom: 4px;
|
||
}
|
||
|
||
.error-heading {
|
||
margin-bottom: 8px;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.message {
|
||
font-weight: bold;
|
||
background-color: #c3d9ff;
|
||
padding: 4px;
|
||
margin-bottom: 4px;
|
||
}
|
||
|
||
.header-1 {
|
||
font-size: 120%;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.center {
|
||
text-align: center;
|
||
}
|
||
|
||
.right {
|
||
text-align: right;
|
||
}
|
||
|
||
/* work */
|
||
|
||
.work_event {
|
||
background-color: #f3f3ff;
|
||
}
|
||
|
||
/* lobo layout-specific classes */
|
||
|
||
.legend {
|
||
margin-top: 5px;
|
||
}
|
||
|
||
/* no vertical spacing for descriptions in grids */
|
||
div.legend i p {
|
||
margin-top: 0;
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
/* comments */
|
||
|
||
div.comment {
|
||
padding: 0.5em;
|
||
background-color: #eeeeff;
|
||
border: 1px solid #aaaaff;
|
||
}
|
||
|
||
.comment h3 {
|
||
margin-top: 0;
|
||
}
|
||
|
||
.comment .info {
|
||
font-style: italic;
|
||
padding-top: 3px;
|
||
padding-bottom: 0;
|
||
}
|
||
|
||
/* search stuff */
|
||
|
||
.searchForm input.button, input.submit {
|
||
padding: 2px;
|
||
}
|
||
|
||
/* blog */
|
||
|
||
.blog h1.headline {
|
||
clear: both;
|
||
padding-top: 1em;
|
||
margin-bottom: 0.2em;
|
||
font-size: 150%;
|
||
}
|
||
|
||
.blog .description {
|
||
font-size: 90%;
|
||
color: #666666;
|
||
}
|
||
|
||
.blog .text {
|
||
font-size: 90%;
|
||
margin-top: 0.5em;
|
||
}
|
||
|
||
.blog img {
|
||
padding-top: 0.2em;
|
||
}
|
||
|
||
.blogpost .description {
|
||
font-size: 90%;
|
||
color: #666666;
|
||
margin-top: 1em;
|
||
}
|
||
|
||
.blog .info, .blogpost .info {
|
||
font-style: italic;
|
||
font-size: 90%;
|
||
color: #666666;
|
||
}
|
||
|
||
/* microart */
|
||
|
||
.micropart {
|
||
background-color: #f7f7f7;
|
||
padding: 0 5px 0 5px;
|
||
margin: 5px 0 5px 0;
|
||
}
|
||
|
||
/* calendar, work items */
|
||
|
||
.MinutesAndAgendaTitles a[href] {
|
||
color: white;
|
||
}
|
||
|
||
.today {
|
||
color: #444488;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.calendar td {
|
||
padding: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
.calendar td.arrows {
|
||
font-size: 130%;
|
||
}
|
||
|
||
.calendar td.week_number {
|
||
color: grey;
|
||
}
|
||
|
||
.calendar td.day {
|
||
width: 12%;
|
||
}
|
||
|
||
.calendar td.today {
|
||
border: 1px solid red;
|
||
font-weight: normal;
|
||
}
|
||
|
||
.calendar .has_events {
|
||
font-weight: bold;
|
||
background-color: #eeeeff;
|
||
}
|
||
|
||
/* dojo stuff */
|
||
|
||
.dijitDialog {
|
||
background-color: #aaaaaa;
|
||
border: 1px solid #999;
|
||
padding: 5px;
|
||
}
|
||
|
||
.dijitDialogPaneContent {
|
||
background-color: #aaaaaa;
|
||
}
|
||
|
||
.dijitDialog th {
|
||
font-size: 120%;
|
||
font-weight: bold;
|
||
text-align: center;
|
||
padding: 0 5px 8px 5px;
|
||
}
|
||
|
||
.dijitDialog td {
|
||
padding: 2px;
|
||
}
|
||
|
||
.dijitDialog .headline {
|
||
font-weight: bold;
|
||
}
|
||
|
||
.dijitDialog input.text {
|
||
width: 100%;
|
||
margin-right: 10px;
|
||
}
|
||
|
||
.dijitDialog input.submit {
|
||
font-weight: bold;
|
||
}
|
||
|
||
.dijitDialogUnderlay {
|
||
background-color: Lightgrey;
|
||
}
|
||
|
||
div.RichTextEditable {
|
||
border-top: 2px solid grey;
|
||
border-left: 2px solid grey;
|
||
border-right: 2px solid #eeeeee;
|
||
border-bottom: 2px solid #eeeeee;
|
||
}
|