1462 lines
26 KiB
CSS
1462 lines
26 KiB
CSS
/*
|
|
Copyright: 2006, 2007, 2008 Sören Bernstein
|
|
|
|
This file is part of Mandalay.
|
|
|
|
Mandalay 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, either version 2 of the License, or
|
|
(at your option) any later version.
|
|
|
|
Mandalay 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 Mandalay. If not, see <http://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
/********************************/
|
|
/* DE CSS für das Contentcenter */
|
|
/* EN CSS for the contentcenter */
|
|
/********************************/
|
|
|
|
/* Colors */
|
|
h1, h2, h3
|
|
{
|
|
margin: 0;
|
|
color: #4a4a4a;
|
|
}
|
|
|
|
|
|
* {
|
|
margin: 0em;
|
|
padding: 0em;
|
|
}
|
|
|
|
html, body{
|
|
margin: 0;
|
|
border: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
height: 100%;
|
|
color: #4a4a4a;
|
|
background-color: #e6e4f2;
|
|
background-image: none;
|
|
font-family: Verdana, Helvetica, Arial, sans-serif;
|
|
font-size: 1em;
|
|
line-height: 1em;
|
|
}
|
|
|
|
h1 {
|
|
padding: 0;
|
|
background-image: none;
|
|
}
|
|
|
|
h2 {
|
|
font-family: Verdana,Helvetica,Arial,sans-serif;
|
|
color: #4a4a4a;
|
|
font-weight: bold;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
.table {
|
|
display: table;
|
|
width: 100%;
|
|
border: none;
|
|
}
|
|
|
|
.tableRow {
|
|
display: table-row;
|
|
border: none;
|
|
}
|
|
|
|
.tableCell, span.key, span.value {
|
|
display: table-cell;
|
|
width: auto;
|
|
border: none;
|
|
}
|
|
|
|
|
|
/*-----cmsPage-----*/
|
|
#cmsPage {
|
|
height:100%;
|
|
width: 100%;
|
|
min-height: 100%;
|
|
ove rflow: hidden;
|
|
position:absolute;
|
|
}
|
|
|
|
#cmsPage .minWidth {
|
|
margin: 0 3.5%;
|
|
min-width: 1000px;
|
|
}
|
|
|
|
#cmsPage .headerHeight {
|
|
height: 100px;
|
|
top: 100px;
|
|
}
|
|
|
|
/*-----CMS Header-----*/
|
|
#cmsHeader {
|
|
position: relative;
|
|
top: auto !important;
|
|
padding-bottom: 35px;
|
|
color: #ffffff;
|
|
background-color:#75051d;
|
|
background-image: linear-gradient(top, #75051d 25%, #2f020c 75%);
|
|
background-image: -o-linear-gradient(top, #75051d 25%, #2f020c 75%);
|
|
background-image: -ie-linear-gradient(top, #75051d 25%, #2f020c 75%);
|
|
background-image: -moz-linear-gradient(top, #75051d 25%, #2f020c 75%);
|
|
background-image: -webkit-linear-gradient(top, #75051d 25%, #2f020c 75%);
|
|
/*Compatibility IE- es fuktioniert noch nicht ganz*/
|
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',gradientType='0',startColorstr='#75051d',
|
|
endColorstr='#2f020c'); /* IE6 & IE7 */
|
|
-ms-filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',gradientType='0',startColorstr='#75051d',
|
|
endColorstr='#2f020c'); /* IE8 */
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
div#cmsHeader .minWidth,
|
|
div#cmsHeader .logo,
|
|
div#cmsHeader .logo img {
|
|
height: 100%;
|
|
}
|
|
|
|
div#cmsHeader .logo{
|
|
float: left;
|
|
}
|
|
|
|
/*
|
|
div#cmsHeader #quicksearchwidget {
|
|
float: right;
|
|
margin: 0.5em;
|
|
border: 1px none ##1c1b1d;
|
|
border-radius: 0.2em;
|
|
box-shadow: 0 0 4px ##1c1b1d inset;
|
|
padding: 0.3em;
|
|
color: #4a4a4a;
|
|
background-color: #f0f0f0;
|
|
}
|
|
*/
|
|
|
|
/*Änderung wie im konzept vornehmen???*/
|
|
div#cmsHeader div.cmsHeaderMenu,
|
|
div#cmsHeader #userwidget {
|
|
float: right;
|
|
padding: 0.3em;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
div#cmsHeader .cmsGreeting,
|
|
div#cmsHeader .cmsGlobalNavigation {
|
|
display: inline;
|
|
}
|
|
|
|
div#cmsHeader .cmsGreeting .cmsUserName {
|
|
font-weight: bold;
|
|
margin-left: -0.8em;
|
|
}
|
|
|
|
|
|
div#cmsHeader h1 {
|
|
margin: 2em 0em 0em 0em;
|
|
clear: left;
|
|
}
|
|
/*----TabbedPane----*/
|
|
div#bebopTabbedPane {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 2em !important;
|
|
line-height: 2.7em;
|
|
padding: 0.4em;
|
|
font-size: 0.9em;
|
|
overflow: hidden;
|
|
}
|
|
|
|
div#bebopTabbedPane a {
|
|
color: #ffffff;
|
|
}
|
|
|
|
span.bebopTab {
|
|
margin: 0 -0.7em 0 0;
|
|
border-top-left-radius: 0.5em;
|
|
border-top-right-radius: 0.5em;
|
|
padding: 0.4em;
|
|
white-space: nowrap;
|
|
background-color: #2c2b2d;
|
|
transition: all 0.5s ease;
|
|
-o-transition: all 0.5s ease;
|
|
-ie-transition: all 0.5s ease;
|
|
-moz-transition: all 0.5s ease;
|
|
-webkit-transition: all 0.5s ease;
|
|
}
|
|
|
|
span.bebopTab:hover {
|
|
background-color: #4c4b4d;
|
|
}
|
|
|
|
span.bebopTab.current {
|
|
color: #656054;
|
|
background-color: #e6e4f2;
|
|
font-weight:bold;
|
|
}
|
|
|
|
div#bebopTabbedPane span:before {
|
|
position: relative;
|
|
padding: 0 5px 0 0;
|
|
top: 5px;
|
|
}
|
|
|
|
div#bebopTabbedPane span.browse:before {
|
|
content: url('../../../images/cms/browse.png');
|
|
}
|
|
|
|
div#bebopTabbedPane span.browse.current:before {
|
|
content: url('../../../images/cms/browse-current.png');
|
|
}
|
|
|
|
div#bebopTabbedPane span.search:before {
|
|
content: url('../../../images/cms/search.png');
|
|
}
|
|
|
|
div#bebopTabbedPane span.search.current:before {
|
|
content: url('../../../images/cms/search-current.png');
|
|
}
|
|
|
|
div#bebopTabbedPane span.images:before {
|
|
content: url('../../../images/cms/images.png');
|
|
}
|
|
|
|
div#bebopTabbedPane span.images.current:before {
|
|
content: url('../../../images/cms/images-current.png');
|
|
}
|
|
|
|
div#bebopTabbedPane span.roles:before {
|
|
content: url('../../../images/cms/roles.png');
|
|
}
|
|
|
|
div#bebopTabbedPane span.roles.current:before {
|
|
content: url('../../../images/cms/roles-current.png');
|
|
}
|
|
|
|
div#bebopTabbedPane span.workflows:before {
|
|
content: url('../../../images/cms/workflows.png');
|
|
}
|
|
|
|
div#bebopTabbedPane span.workflows.current:before {
|
|
content: url('../../../images/cms/workflows-current.png');
|
|
}
|
|
|
|
div#bebopTabbedPane span.lifecycles:before {
|
|
content: url('../../../images/cms/lifecycles.png');
|
|
}
|
|
|
|
div#bebopTabbedPane span.lifecycles.current:before {
|
|
content: url('../../../images/cms/lifecycles-current.png');
|
|
}
|
|
|
|
div#bebopTabbedPane span.categories:before {
|
|
content: url('../../../images/cms/categories.png');
|
|
}
|
|
|
|
div#bebopTabbedPane span.categories.current:before {
|
|
content: url('../../../images/cms/categories-current.png');
|
|
}
|
|
|
|
div#bebopTabbedPane span.content_types:before {
|
|
content: url('../../../images/cms/contenttypes.png');
|
|
}
|
|
|
|
div#bebopTabbedPane span.content_types.current:before {
|
|
content: url('../../../images/cms/contenttypes-current.png');
|
|
}
|
|
|
|
div#bebopTabbedPane span.user_admin:before {
|
|
content: url('../../../images/cms/admin.png');
|
|
}
|
|
|
|
div#bebopTabbedPane span.user_admin.current:before {
|
|
content: url('../../../images/cms/admin-current.png');
|
|
}
|
|
|
|
div#bebopTabbedPane span.cse:before {
|
|
content: url('../../../images/cms/cse.png');
|
|
}
|
|
|
|
div#bebopTabbedPane span.cse.current:before {
|
|
content: url('../../../images/cms/cse-current.png');
|
|
}
|
|
|
|
div#bebopTabbedPane span.reports:before {
|
|
content: url('../../../images/cms/reports.png');
|
|
}
|
|
|
|
div#bebopTabbedPane span.reports.current:before {
|
|
content: url('../../../images/cms/reports-current.png');
|
|
}
|
|
|
|
div#bebopTabbedPane span.taskssections:before {
|
|
content: url('../../../images/cms/taskssections.png');
|
|
}
|
|
|
|
div#bebopTabbedPane span.taskssections.current:before {
|
|
content: url('../../../images/cms/taskssections-current.png');
|
|
}
|
|
|
|
/*------Bebop ContextBar----- */
|
|
div#cmsBreadcrumbs {
|
|
height: 40px;
|
|
line-height: 40px;
|
|
font-size: 0.6em;
|
|
}
|
|
|
|
div.bebopContextBar {
|
|
color:#767676;
|
|
font-weight:bold;
|
|
}
|
|
|
|
div.bebopContextBar span.bebopContextBarElement,
|
|
div.bebopContextBar span.bebopContextBarSeperator {
|
|
height: 15px;
|
|
padding: 2px 0px 2px 5px;
|
|
}
|
|
|
|
div.bebopContextBar span.bebopContextBarElement,
|
|
div.bebopContextBar span.bebopContextBarCurrentElement {
|
|
margin-right: 1em;
|
|
background: #d6d6d6;
|
|
box-shadow: 0 0 5px #888888;
|
|
-o-box-shadow: 0 0 5px #888888;
|
|
-ie-box-shadow: 0 0 5px #888888;
|
|
-moz-box-shadow: 0 0 5px #888888;
|
|
-webkit-box-shadow: 0 0 5px #888888;
|
|
}
|
|
|
|
div.bebopContextBar span.bebopContextBarSeperator {
|
|
margin-left: 5px;
|
|
border-left: 1px solid #a4a4a4;
|
|
color: transparent;
|
|
background-image:url('../../../images/scrumb.png');
|
|
background-repeat:no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
div.bebopContextBar a,
|
|
div.bebopContextBar a:hover,
|
|
div.bebopContextBar a:focus,
|
|
div.bebopContextBar a:active,
|
|
div.bebopContextBar a:visited
|
|
{
|
|
color: #767676;
|
|
}
|
|
|
|
div .bebopContextBarCurrentElement{
|
|
padding: 2px 5px;
|
|
}
|
|
|
|
/*----cmscontent----*/
|
|
div#cmsContent {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left:0;
|
|
right: 0;
|
|
height: auto !important;
|
|
margin-top: 75px !important;
|
|
font-size: 1em;
|
|
overflow: hidden;
|
|
border-radius: 0.3em;
|
|
background-color: #e6dcde;
|
|
box-shadow: 0px 0px 5px #4a4a4a;
|
|
}
|
|
|
|
|
|
div#left div.columnHead,
|
|
div#right div.columnHead {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 100%;
|
|
height: 30px;
|
|
color: #ffffff;
|
|
font-size: 0.75em;
|
|
}
|
|
|
|
div#left div.columnContent,
|
|
div#right div.columnContent {
|
|
position: absolute;
|
|
overflow: auto;
|
|
top: 30px;
|
|
bottom: 30px;
|
|
font-size: 0.75em;
|
|
}
|
|
|
|
div#left div.columnContent > div,
|
|
div#right div.columnContent > div {
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
|
|
div#content ul, div#content ol {
|
|
margin: 0em;
|
|
}
|
|
|
|
/*----Left----*/
|
|
div#left {
|
|
margin: 0 !important;
|
|
width: 25%;
|
|
}
|
|
|
|
div#left, div#right{
|
|
top: 0 !important;
|
|
bottom: 0;
|
|
}
|
|
|
|
div#left div.columnHead{
|
|
background-color: #4a4a4a;
|
|
}
|
|
|
|
div#left div.columnContent{
|
|
left: 0px;
|
|
width: 25%;
|
|
background-color: #e6dcde;
|
|
}
|
|
/*----Right----*/
|
|
div#right{
|
|
width: 75%;
|
|
margin: 0;
|
|
background-color: #f2f0ff;
|
|
}
|
|
|
|
div#right div.columnHead {
|
|
font-weight: bold;
|
|
background-color: #75051d;
|
|
}
|
|
|
|
div#right div.columnContent{
|
|
right: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
div#right div.columnHead .contenttitle {
|
|
float: left;
|
|
line-height: 30px;
|
|
padding: 0 1em;
|
|
}
|
|
|
|
div#right div.columnHead .contenttitle h1 {
|
|
margin: 0;
|
|
border: none;
|
|
font:inherit;
|
|
color: inherit;
|
|
text-transform: none;;
|
|
}
|
|
|
|
/*
|
|
div#right div.columnHead #contentlanguagewidget{
|
|
float: right;
|
|
line-height: 30px;
|
|
padding-right: 1em;
|
|
}
|
|
*/
|
|
|
|
div#right div.columnHead #contentviewmenu{
|
|
float: right;
|
|
padding: 0 1em;
|
|
line-height: 30px;
|
|
}
|
|
|
|
div#right div.columnHead #contentviewmenu .cmsContentViewMenu,
|
|
div#right div.columnHead #contentviewmenu .cmsGlobalNavigation {
|
|
float: left;
|
|
}
|
|
|
|
div#right div.columnHead #contentviewmenu a {
|
|
color:white;
|
|
}
|
|
|
|
span#contenttype {
|
|
float: left;
|
|
line-height: 30px;
|
|
padding: 0 1em;
|
|
}
|
|
|
|
span#workflowwidget {
|
|
float: right;
|
|
line-height: 30px;
|
|
padding-right: 1em;
|
|
}
|
|
|
|
|
|
a, a:visited {
|
|
text-decoration: none;
|
|
color: #24718b;
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration: none;
|
|
color: #a75b3b;
|
|
}
|
|
|
|
a img {
|
|
border:none;
|
|
}
|
|
|
|
ul {
|
|
list-style: none;
|
|
d isplay: inline;
|
|
margin: 0em !important;
|
|
p adding: 0em;
|
|
}
|
|
|
|
ul ul li{
|
|
margin-left: 2.3em;
|
|
}
|
|
|
|
table {
|
|
width: 100%;
|
|
border-bottom: 1px solid #999999;
|
|
border-collapse: collapse;
|
|
border: none !important;
|
|
}
|
|
|
|
table.dataTable{
|
|
width: 100%;
|
|
}
|
|
|
|
table * table ,form table {
|
|
border-style: none;
|
|
width: auto;
|
|
margin: 0;
|
|
}
|
|
|
|
table thead tr th {
|
|
padding-left: 0.9em;
|
|
color: #999999;
|
|
text-align: left;
|
|
background-color: #eeeeee;
|
|
border: 1px solid #f2f0ff !important;
|
|
}
|
|
|
|
table tbody tr:nth-child(2n) {
|
|
background-color: inherit;
|
|
}
|
|
|
|
table tbody tr td {
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
border: none !important;
|
|
hyphens: none;
|
|
-moz-hyphens: none;
|
|
-webkit-hyphens: none;
|
|
-o-hyphens: none;
|
|
}
|
|
|
|
table tbody tr td + td{
|
|
text-align: left;
|
|
}
|
|
|
|
table .bebopTableRow:hover,
|
|
table .bebopTableRowOdd:hover,
|
|
table .bebopTableRowEven:hover,
|
|
div.cmsSortableList > ul li:hover {
|
|
background-color: rgba(117, 5, 29, 0.05) !important;
|
|
}
|
|
|
|
pre {
|
|
white-space: pre-wrap;
|
|
white-space: -moz-pre-wrap;
|
|
white-space: -pre-wrap;
|
|
white-space: -o-pre-wrap;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
table tr.bebopTableRowEven {
|
|
background-color: #f3f3f3 !important;
|
|
}
|
|
|
|
table * a.checkBoxChecked img, table * a.checkBoxUnchecked img {
|
|
border: 0px none #ffffff;
|
|
}
|
|
|
|
table + form {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
div.endFloat {
|
|
clear: both;
|
|
float: none;
|
|
}
|
|
|
|
span.action form {
|
|
display: inline;
|
|
margin: -0.2em;
|
|
}
|
|
|
|
span.action form table {
|
|
display: inline;
|
|
margin: -0.2em;
|
|
vertical-align:baseline;
|
|
}
|
|
|
|
input # draft_search{
|
|
vertical-align: baseline;
|
|
margin-left: 0.4em;
|
|
float: right;
|
|
margin-right: 7px;
|
|
border: 1px solid #175ba2;
|
|
border-color: #175ba2;
|
|
background: #175ba2;
|
|
}
|
|
|
|
textarea, select{
|
|
vertical-align: baseline;
|
|
margin-left: 0.4em;
|
|
background-color: #fbfbfb;
|
|
-moz-border-radius:3px;
|
|
-webkit-border-radius:3px;
|
|
border-radius: 3px;
|
|
border: 1px solid #4a4a4a;
|
|
border: none;
|
|
padding: 0.2em;
|
|
box-shadow: inset 0 0 3px rgba(74,74,74,0.5);
|
|
}
|
|
|
|
|
|
input{
|
|
margin-left: 0.4em;
|
|
border: none;
|
|
border-radius: 3px;
|
|
-o-border-radius:3px;
|
|
-ie-border-radius:3px;
|
|
-moz-border-radius:3px;
|
|
-webkit-border-radius:3px;
|
|
padding: 0.2em;
|
|
vertical-align: baseline;
|
|
background-color: #fbfbfb;
|
|
height:17.2px;
|
|
box-shadow: inset 0 0 3px rgba(74,74,74,0.5);
|
|
}
|
|
|
|
input:hover, input:focus, textarea:hover, textarea:focus {
|
|
box-shadow: inset 0 0 3px rgba(117,5,29,0.5);
|
|
}
|
|
|
|
span.heading {
|
|
font-weight: bold;
|
|
}
|
|
|
|
span.key {
|
|
font-weight: bold;
|
|
hyphens: none;
|
|
-moz-hyphens: none;
|
|
-webkit-hyphens: none;
|
|
-o-hyphens: none;
|
|
}
|
|
|
|
div.actionLink {
|
|
margin-bottom: 1em;
|
|
margin-top: 1em;
|
|
}
|
|
|
|
div.actionLink span {
|
|
margin-right: 1.5em;
|
|
border-radius: 0.3em;
|
|
padding: 0.3em 2em;
|
|
background-color: #75051d;
|
|
box-shadow: inset 5px 5px 10px rgba(255,255,255,0.3),inset -5px -5px 10px rgba(0,0,0,0.3);
|
|
}
|
|
|
|
div.actionLink a {
|
|
padding: 0;
|
|
background-image: none;
|
|
color:#ffffff !important;
|
|
}
|
|
|
|
div.actionLink span:hover {
|
|
background-color: #cc0033 ;
|
|
}
|
|
|
|
div.actionLink span:active {
|
|
box-shadow: inset -5px -5px 10px rgba(255,255,255,0.3),inset 5px 5px 10px rgba(0,0,0,0.3);
|
|
}
|
|
ul.bebopList {
|
|
list-style-type: none;
|
|
}
|
|
|
|
/* special layout for folder-browse */
|
|
#folder-browse table.dataTable {
|
|
width: 100%;
|
|
border-top: 1px solid #999999;
|
|
border-bottom: 1px solid #999999;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
#folder-browse table.dataTable thead tr th {
|
|
text-align: left;
|
|
color:#633e69;
|
|
}
|
|
|
|
#folder-browse table.dataTable thead tr th + th + th + th + th {
|
|
text-align: center;
|
|
}
|
|
|
|
#folder-browse table.dataTable tbody tr td {
|
|
text-align: left;
|
|
padding:5px;
|
|
}
|
|
|
|
#folder-browse table.dataTable tbody tr td + td + td + td + td {
|
|
text-align: center;
|
|
}
|
|
|
|
div#bebopCurrentPane table.dataTable tbody tr:hover{
|
|
background-color: #ffe0e0;
|
|
}
|
|
|
|
/* special layout for folder-permissions */
|
|
#folder-permissions table.dataTable thead tr th {
|
|
width: 15em;
|
|
}
|
|
|
|
#folder-permissions table.dataTable thead tr th + th {
|
|
width: auto;
|
|
padding-left: 0.4em;
|
|
padding-right: 0.4em;
|
|
}
|
|
|
|
#folder-permissions table.dataTable tbody tr td + td {
|
|
text-align: center;
|
|
}
|
|
|
|
/* SortButtons */
|
|
span.sortButtons {
|
|
float: left;
|
|
margin-right: 3px;
|
|
width: 20px;
|
|
}
|
|
|
|
span.sortButtons span a {
|
|
border: 0px none #ffffff;
|
|
}
|
|
|
|
span.sortButtons span a img {
|
|
border: 0px none #ffffff;
|
|
}
|
|
|
|
/*----Fieldset Legend----*/
|
|
div#search{
|
|
width: 100%;
|
|
margin-top: 15px;
|
|
position: relative;
|
|
}
|
|
|
|
div .terms{
|
|
margin: 0;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
div .query{
|
|
margin-top: 10px;
|
|
}
|
|
|
|
div#search fieldset {
|
|
margin-top: 25px;
|
|
-o-border-radius:5px;
|
|
-ie-border-radius:5px;
|
|
-moz-border-radius:5px;
|
|
-webkit-border-radius:5px;
|
|
border-radius:5px;
|
|
padding: 15px 0 0 0;
|
|
}
|
|
|
|
div#search fieldset legend{
|
|
margin: 0 0 0 -5px;
|
|
padding: 5px 10px;
|
|
color: #FFF;
|
|
font-weight: blod;
|
|
-moz-border-radius:5px;
|
|
-webkit-border-radius:5px;
|
|
border-radius:5px;
|
|
background: #1c1b1d;
|
|
background: -moz-linear-gradient(top, #1c1b1d, #404041);
|
|
background: -webkit-linear-gradient(top, #1c1b1d, #404041);
|
|
background: -o-linear-gradient(top, #1c1b1d, #404041);
|
|
background: linear-gradient(top, #1c1b1d, #404041);
|
|
-moz-box-shadow:1px 1px 2px #ccc;
|
|
-webkit-box-shadow:1px 1px 2px #ccc;
|
|
box-shadow:1px 1px 2px #ccc;
|
|
}
|
|
|
|
div#search .terms {
|
|
padding-bottom: 1.2em;
|
|
}
|
|
|
|
div#search .filterName {
|
|
text-align: left;
|
|
vertical-align: top;
|
|
font-weight: bold;
|
|
padding-right: 1em;
|
|
color: #75051d;
|
|
}
|
|
|
|
div#search .filterParam {
|
|
display: table-cell;
|
|
padding-bottom: 1.2em;
|
|
padding-top:0.5em;
|
|
}
|
|
|
|
div#search .filterParam >select{
|
|
-moz-border-radius:5px;
|
|
-webkit-border-radius:5px;
|
|
border-radius:5px;
|
|
background-color: #fbfbfb;
|
|
}
|
|
|
|
/* CMS GlobalNavigation */
|
|
div#cmsHeader .cmsGlobalNavigation a {
|
|
color: #ffffff;
|
|
}
|
|
|
|
span.logout a {
|
|
color: #ffffff;
|
|
}
|
|
|
|
div.cmsGlobalNavigation > span {
|
|
padding-left: 1em;
|
|
}
|
|
|
|
div.cmsGlobalNavigation > span :before {
|
|
position:relative;
|
|
top: 0.4em;
|
|
padding-right: 0.3em;
|
|
}
|
|
|
|
span.cmsGlobalNavigationContentCenter :before {
|
|
content:url('../../../images/cms/contentcenter.png');
|
|
}
|
|
|
|
span.cmsGlobalNavigationWorkspace :before {
|
|
content:url('../../../images/cms/home.png');
|
|
}
|
|
|
|
span.cmsGlobalNavigationSignOut :before, span.logout :before {
|
|
content:url('../../../images/cms/lock.png');
|
|
}
|
|
|
|
span.cmsGlobalNavigationHelp :before {
|
|
content:url('../../../images/cms/help.png');
|
|
}
|
|
|
|
span.cmsPreview :before {
|
|
content:url('../../../images/cms/preview.png');
|
|
}
|
|
|
|
|
|
/* Segments, Layouts, Panels */
|
|
div#right div.bebopLayoutPanel {
|
|
position: relative;
|
|
overflow:visible;
|
|
}
|
|
|
|
div#right div.bebopLayoutPanel div.bebopLeft {
|
|
position: relative;
|
|
float: left;
|
|
width: 22%;
|
|
}
|
|
|
|
div#right div.bebopLayoutPanel div.bebopBody {
|
|
right: 0;
|
|
width: 73%;
|
|
overflow: visible;
|
|
}
|
|
|
|
div#right div.bebopLayoutPanel:after {
|
|
content: " ";
|
|
font-size: 1px;
|
|
color: transparent;
|
|
clear: left;
|
|
float: none;
|
|
width: 100%;
|
|
}
|
|
|
|
div.bebopLeft {
|
|
position: absolute;
|
|
float: left;
|
|
width: auto;
|
|
background: #e6dcde;
|
|
padding: 0em 1em;
|
|
}
|
|
|
|
div.bebopSegment {
|
|
margin-bottom:1em;
|
|
padding-bottom:0.5em;
|
|
border-bottom:1px solid rgba(102, 102, 102, 0.5);
|
|
}
|
|
|
|
div.bebopLeft div.bebopPanelRow {
|
|
width:100%;
|
|
}
|
|
|
|
div.bebopPanelRow {
|
|
margin-bottom:1em;
|
|
padding: 0;
|
|
width:40%;
|
|
}
|
|
div.bebopPanelRow table tr td {
|
|
margin-bottom: 1em;
|
|
padding: 3px;
|
|
}
|
|
|
|
div.bebopPanelRow textarea{
|
|
width:100%;
|
|
}
|
|
|
|
div.bebopSegment div.bebopSegmentHeader {
|
|
padding-left:1em;
|
|
border-bottom:1px solid #cacaca;
|
|
font-weight:bold;
|
|
color:#808080;
|
|
}
|
|
|
|
div.bebopSegmentBody ul li ul li{
|
|
padding-left:.5em;
|
|
|
|
}
|
|
|
|
div#right div.bebopBody {
|
|
top: 0;
|
|
bottom: 0;
|
|
overflow: auto;
|
|
position: absolute;
|
|
padding: 0em 1em;
|
|
background-color: #f2f0ff;
|
|
}
|
|
|
|
div.bebopBody table tr{
|
|
border: none !important;
|
|
text-align:left;
|
|
}
|
|
|
|
div.bebopBody div.bebopPanelRow {
|
|
width:99%;
|
|
}
|
|
|
|
div.bebopBody form #search span {
|
|
display: inline;
|
|
}
|
|
|
|
/*Formatierung für die Suche in Content Section*/
|
|
div.bebopBody form #search span.query{
|
|
float:left;
|
|
}
|
|
|
|
div.bebopBody form #search span.filterName{
|
|
|
|
float:left;
|
|
}
|
|
div.bebopBody form #search span.filterParam{
|
|
float:left;
|
|
}
|
|
|
|
div .bebopBody ul li{
|
|
margin-top: 5px;
|
|
}
|
|
|
|
h3.bebopSegmentHeader{
|
|
mar gin-bottom:0em;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
h3 {
|
|
font-family: Verdana, Helvetica, Arial, sans-serif;
|
|
margin-top: 15px;
|
|
margin-bottom: 0.5em;
|
|
padding: 0em;
|
|
page-break-after: avoid;
|
|
font-size: inherit;
|
|
}
|
|
|
|
/* BebopTree */
|
|
ul.bebopTree {
|
|
padding: 0 0 1em 1.5em;
|
|
}
|
|
|
|
ul.bebopTree a img {
|
|
margin-left: -2em;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
ul.bebopTree a + a,
|
|
ul.bebopTree a + span {
|
|
margin-left: -1em;
|
|
}
|
|
|
|
div.bebopColumnPanel{
|
|
margin-top: 15px;
|
|
}
|
|
|
|
ul.bebopTree * ul {
|
|
margin-left: -1em;
|
|
}
|
|
|
|
/* Bebop CurrentPane*/
|
|
div#bebopCurrentPane {
|
|
position: absolute;
|
|
text-align: left;
|
|
}
|
|
|
|
/* ActionGroupSet */
|
|
div.actionGroupSubject tr{
|
|
text-align: left;
|
|
}
|
|
|
|
span.action:before {
|
|
content:url('../../../images/bebop/action.png');
|
|
padding-right: 0.3em;
|
|
}
|
|
|
|
span.action.add:before {
|
|
content:url('../../../images/bebop/action-add.png');
|
|
padding-right: 0.3em;
|
|
}
|
|
|
|
span.action.delete:before {
|
|
content:url('../../../images/bebop/action-delete.png');
|
|
padding-right: 0.3em;
|
|
}
|
|
|
|
span.action.edit:before {
|
|
content:url('../../../images/bebop/action-edit.png');
|
|
padding-right: 0.3em;
|
|
}
|
|
|
|
span.action.return:before {
|
|
content:url('../../../images/bebop/action-return.png');
|
|
padding-right: 0.3em;
|
|
}
|
|
|
|
span.action.up:before {
|
|
content:url('../../../images/bebop/action-up.png');
|
|
padding-right: 0.3em;
|
|
}
|
|
|
|
span.action.down:before {
|
|
content:url('../../../images/bebop/action-down.png');
|
|
padding-right: 0.3em;
|
|
}
|
|
|
|
|
|
div.cmsSortableList > ul {
|
|
list-style: none;
|
|
}
|
|
|
|
div.cmsSortableList > ul li:nth-child(2n+1)
|
|
{
|
|
background-color:#eeeeee;
|
|
}
|
|
|
|
/* CMS Summary Section */
|
|
div.cmsSummarySection {
|
|
padding: 0 1em;
|
|
}
|
|
|
|
div.cmsSummarySection div.cmsSummaryHeading {
|
|
font-weight: bold;
|
|
margin-bottom:0.3em;
|
|
}
|
|
|
|
div.cmsSummarySection .cmsSummaryHeading {
|
|
color: #75051d;
|
|
}
|
|
|
|
div.cmsSummaryBody {
|
|
margin-bottom:0.7em;
|
|
padding-bottom:0.3em;
|
|
border-bottom: 1px solid rgba(102, 102, 102, 0.5);
|
|
}
|
|
|
|
div.cmsSummarySection ul {
|
|
text-indent: -2.5em;
|
|
}
|
|
|
|
span.cmsCurrentRevision {
|
|
font-style:italic;
|
|
font-weight:bold;
|
|
}
|
|
|
|
span.cmsInitialRevision {
|
|
color:#666666;
|
|
font-style:italic;
|
|
}
|
|
|
|
span.cmsTaskComment {
|
|
margin-left:3em;
|
|
}
|
|
|
|
span.cmsTaskCommentCredentials {
|
|
font-style:italic;
|
|
}
|
|
|
|
/* CMS Notes */
|
|
div.cmsNotesDisplay {
|
|
margin-bottom: 1em;
|
|
border: solid 1px #999999;
|
|
}
|
|
|
|
div.cmsNotesContent {
|
|
padding: 0.5em;
|
|
}
|
|
|
|
div.cmsNotesAction {
|
|
float: right;
|
|
margin-bottom: 1em;
|
|
border-left: dotted 1px #999999;
|
|
border-bottom: dotted 1px #999999;
|
|
padding: 0.5em;
|
|
background-color: #f3f3f3;
|
|
}
|
|
|
|
div.cmsNotesAction > span {
|
|
display: block;
|
|
margin-right: 1em;
|
|
}
|
|
|
|
div.sidebarNavPanel {
|
|
|
|
}
|
|
|
|
div.sidebarNavPanel > ul.bebopTree {
|
|
float: left;
|
|
width: 15em;
|
|
}
|
|
|
|
div.sidebarNavPanel > div.main {
|
|
margin-top: 1em;
|
|
margin-left: 15.5em;
|
|
padding-left: 0.5em;
|
|
border-left: dotted 1px #999999;
|
|
}
|
|
|
|
div.sidebarNavPanel > span.heading {
|
|
display:block;
|
|
padding: 0.5em;
|
|
}
|
|
|
|
/* Für UserAdmin Liste - beinflußt das noch andere Teile ? */
|
|
table.AlternateTable th, table.AlternateTable td{
|
|
text-align: right;
|
|
padding: 0em 0.5em;
|
|
}
|
|
|
|
table.AlternateTable th + th, table.AlternateTable td + td {
|
|
text-align: left;
|
|
padding: 0em 0.5em;
|
|
}
|
|
/*edit pardis*/
|
|
div.bebopBody div.bebopSegment h3.bebopSegmentHeader {
|
|
padding-bottom: 0.5em;
|
|
}
|
|
#Go{
|
|
background-color:#ffffff;
|
|
border:1px solid #613d6b;
|
|
color:#613d6b;
|
|
|
|
}
|
|
#tid{
|
|
background-color:#cec7b7;
|
|
border:1px solid #613d6b;
|
|
color:#613d6b;
|
|
}
|
|
#new{
|
|
background-color:#ffffff;
|
|
border:1px solid #613d6b;
|
|
color:#613d6b;
|
|
}
|
|
|
|
/* ImageBrowser */
|
|
.tile {
|
|
float: left;
|
|
width: 220px;
|
|
min-height: 220px;
|
|
margin: 0.3em;
|
|
overflow: hidden;
|
|
background-color: white;
|
|
padding: 0.2em;
|
|
box-shadow: 2px 2px 5px #4a4a4a;
|
|
}
|
|
|
|
.tile img {
|
|
margin: 0.5em;
|
|
}
|
|
|
|
.tile div {
|
|
text-align: center;
|
|
height: 170px;
|
|
}
|
|
|
|
.tile div + div {
|
|
height: auto;
|
|
}
|
|
|
|
img.cmsImageDisplay {
|
|
float: left;
|
|
max-height: 200px;
|
|
width: auto;
|
|
}
|
|
|
|
div.cmsImageInfoOverlay {
|
|
float: left;
|
|
margin-left: 2em;
|
|
}
|
|
|
|
div#cmsFooter{
|
|
position: absolute;
|
|
top: auto;
|
|
bottom: 0px;
|
|
width: 100%;
|
|
height: 30px;
|
|
color: #a4a4a4;
|
|
background-color: #1c1b1d;
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
div#cmsFooter .systemInformation {
|
|
float: left;
|
|
width: 25%;
|
|
color: #a4a4a4;
|
|
line-height: 30px;
|
|
font-weight: bold;
|
|
vertical-align: 30px;
|
|
}
|
|
|
|
div#cmsFooter .systemInformation a {
|
|
color: inherit !important;
|
|
}
|
|
div#cmsFooter .systemInformation a:hover {
|
|
color: #ffffff;
|
|
}
|
|
div#cmsFooter .systemInformation .version {
|
|
font-weight: normal;
|
|
}
|
|
|
|
div#cmsFooter .cmsGlobalNavigation{
|
|
float: left;
|
|
line-height: 30px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
div#cmsFooter .cmsGlobalNavigation span:hover {
|
|
color: #ffffff;
|
|
}
|
|
|
|
div#cmsFooter .cmsGlobalNavigation span a {
|
|
color: inherit !important;
|
|
}
|
|
|
|
div#cmsFooter .cmsGlobalNavigation + .cmsGlobalNavigation {
|
|
float: right;
|
|
}
|
|
div.columnContent div.navbar{
|
|
padding: 1em 1em;
|
|
}
|
|
div.bebopPanelRow span.optionGroup {
|
|
column-count: 3;
|
|
display: block;
|
|
}
|
|
|
|
div.bebopPanelRow span.optionGroup label:after {
|
|
content:" ";
|
|
display:block;
|
|
}
|
|
input#draft_search{
|
|
margin-top: 0.5em;
|
|
border: none;
|
|
color: #ffffff;
|
|
background-color: #75051d;
|
|
height: 28px;
|
|
box-shadow: inset 5px 5px 10px rgba(255,255,255,0.3),inset -5px -5px
|
|
10px rgba(0,0,0,0.3);
|
|
}
|
|
|
|
input#draft_search:hover {
|
|
background-color: #cc0033 ;
|
|
}
|
|
|
|
input#draft_search:active {
|
|
box-shadow: inset -5px -5px 10px rgba(255,255,255,0.3),inset 5px 5px
|
|
10px rgba(0,0,0,0.3);
|
|
}
|
|
|
|
/*----------------------------------------*/
|
|
/*Zeile aus dem basic.css*/
|
|
/*----------------------------------------*/
|
|
/* Spezielle styles für die barrierefreie Anzeige, werden von
|
|
grafischen Browsern ausgeblendet */
|
|
.hide,.navHide {
|
|
display: none;
|
|
}
|
|
|
|
/* Links */
|
|
a, a:link, a:visited,
|
|
#content a, #content a:link, #content a:visited {
|
|
color: #75051d;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:focus, a:hover, a:active,
|
|
#content a:hover, #content a:focus, #content a:active {
|
|
color: #cc0033;
|
|
text-decoration: inherit;
|
|
}
|
|
|
|
#left {
|
|
position: static !important;
|
|
float: left;
|
|
m in-width: 14em;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
margin: 0.3em;
|
|
padding: 0;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
#center {
|
|
margin: 0.3em;
|
|
overflow: hidden;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
#right {
|
|
position: relative;
|
|
top: 0em;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
margin: 0.3em;
|
|
padding: 0;
|
|
background-color: #ffffff;
|
|
}
|
|
#content {
|
|
margin: 0 !important;
|
|
border: 0 !important;
|
|
padding: 0 !important;
|
|
min-height: inherit;
|
|
color: #4a4a4a;
|
|
background-color: inherit;
|
|
line-height: 1.5em;
|
|
font-family: Verdana, Helvetica, Arial, sans-serif;
|
|
}
|
|
|
|
/*momentan für die Inhalt von Content*/
|
|
#content br{
|
|
margin-top: 10px;
|
|
}
|
|
|
|
#content form {
|
|
margin: 0;
|
|
color: inherit;
|
|
background-color: transparent;
|
|
text-align: left;
|
|
}
|
|
|
|
#content form input,
|
|
#content form select {
|
|
float: none;
|
|
border: none;
|
|
padding: 0.2em;
|
|
color: inherit;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
#content form select {
|
|
padding: 0.25em;
|
|
min-width: 11.4em;
|
|
color: inherit;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
#content textarea {
|
|
padding: 0.25em;
|
|
color: inherit;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
#content form input[type="submit"] {
|
|
margin-left: 1em;
|
|
border: none;
|
|
padding: 0 2em;
|
|
color: #ffffff;
|
|
background-color: #75051d;
|
|
background-image: none;
|
|
height: 1.8em;
|
|
box-shadow: inset 5px 5px 10px rgba(255,255,255,0.3),inset -5px -5px
|
|
10px rgba(0,0,0,0.3);
|
|
}
|
|
|
|
input#file_upload{
|
|
margin-left: 1em;
|
|
border: none;
|
|
color: #ffffff;
|
|
background-color: #75051d;
|
|
height: 28px;
|
|
box-shadow: inset 5px 5px 10px rgba(255,255,255,0.3),inset -5px -5px 10px rgba(0,0,0,0.3);
|
|
}
|
|
#content form input[type="submit"]:hover {
|
|
background-color: #cc0033 ;
|
|
background-image: none;
|
|
}
|
|
|
|
#content form input[type="submit"]:active {
|
|
box-shadow: inset -5px -5px 10px rgba(255,255,255,0.3),inset 5px 5px
|
|
10px rgba(0,0,0,0.3);
|
|
}
|
|
|
|
#content form label {
|
|
clear: left;
|
|
float: none;
|
|
width: 12em;
|
|
margin-bottom: 0.2em;
|
|
color: #666666;
|
|
font-weight: bold;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
div.bebopBody table{
|
|
margin-top: 15px;
|
|
}
|
|
|
|
a#preview_link:hover{
|
|
color: white;
|
|
}
|
|
|
|
a#preview_link:visited{
|
|
color: white;
|
|
border: none;
|
|
}
|
|
|
|
div.bebopGridPanel{
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.hint:hover:after {
|
|
position: absolute;
|
|
box-shadow: 0 0 5px #4a4a4a;
|
|
border-radius: 0.3em;
|
|
padding: 0.5em;
|
|
content: attr(content);
|
|
top: 1em;
|
|
right: 1em;
|
|
width: 30%;
|
|
background-image: inear-gradient(top, #eeeeee, #cccccc);
|
|
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
|
|
background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
|
|
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
|
|
background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
|
|
background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
|
|
}
|
|
|