From e67b6ead1bdcf33150e8000142d738d9773d5acd Mon Sep 17 00:00:00 2001 From: jensp Date: Thu, 6 Feb 2014 09:08:14 +0000 Subject: [PATCH] Missing files for new CSS structure in Mandalay git-svn-id: https://svn.libreccm.org/ccm/trunk@2509 8810af33-2d31-482b-a856-94f89814c4df --- .../themes/mandalay/css/print/ie-hacks.css | 46 + .../web/themes/mandalay/css/print/style.css | 996 +++++++++ .../web/themes/mandalay/css/screen/admin.css | 1458 +++++++++++++ .../themes/mandalay/css/screen/ie-hacks.css | 21 + .../web/themes/mandalay/css/screen/style.css | 1844 +++++++++++++++++ .../web/themes/mandalay/css/wysiwyg.css | 0 .../themes/mandalay/settings/css-files.xml | 43 + 7 files changed, 4408 insertions(+) create mode 100644 ccm-sci-bundle/web/themes/mandalay/css/print/ie-hacks.css create mode 100644 ccm-sci-bundle/web/themes/mandalay/css/print/style.css create mode 100644 ccm-sci-bundle/web/themes/mandalay/css/screen/admin.css create mode 100644 ccm-sci-bundle/web/themes/mandalay/css/screen/ie-hacks.css create mode 100644 ccm-sci-bundle/web/themes/mandalay/css/screen/style.css create mode 100644 ccm-sci-bundle/web/themes/mandalay/css/wysiwyg.css create mode 100644 ccm-sci-bundle/web/themes/mandalay/settings/css-files.xml diff --git a/ccm-sci-bundle/web/themes/mandalay/css/print/ie-hacks.css b/ccm-sci-bundle/web/themes/mandalay/css/print/ie-hacks.css new file mode 100644 index 000000000..8cc537f30 --- /dev/null +++ b/ccm-sci-bundle/web/themes/mandalay/css/print/ie-hacks.css @@ -0,0 +1,46 @@ +/* + Copyright: 2011 Sören Bernstein +*/ + + +#content { + width: 596px; + margin-top: 0px; + margin-bottom: 50px; + padding-right: 10px; + text-align: left; + position: absolute; + left: 200px; + padding-left: 15px; + top: 128px; + padding-top: 0px; + background-color: #FFFFFF; +} + + +#content.colorset_1 { + text-align: left; + position: relative; + +} + +#content #colorset_2 { + + text-align: left; + background-color: #FFD700; + position: relative; + +} + +#content #colorset_3 { + text-align: left; + background-color: #FDFAD7; + position: relative; +} + + +#menu { + position: absolute; + margin-top: 18px; + + } diff --git a/ccm-sci-bundle/web/themes/mandalay/css/print/style.css b/ccm-sci-bundle/web/themes/mandalay/css/print/style.css new file mode 100644 index 000000000..04c659e33 --- /dev/null +++ b/ccm-sci-bundle/web/themes/mandalay/css/print/style.css @@ -0,0 +1,996 @@ +/* + Copyright: 2011 Sören Bernstein +*/ + +/* *************************************************************** */ +/* DE CSS für das Standard-Aplaws-Theme, adaptiert für Mandalay */ +/* EN CSS for the standard aplaws theme, adapted for Mandalay */ +/* ************************************************************** */ +/* DE Dieses CSS ist für alle Browser gedacht */ +/* EN This CSS is for all browsers */ +/* + DE Erlaubte Techniken / Befehle: + - HTML-Formate (CSS 1.0 - Standard, keine Wildcards) + - Individualformate (#) + - Klassendefinitionen (.) + - Pseudoformate (:active, ...) nur für + - Postionsangaben absolute, relative, float, normal + - Display-Angaben + - Größenangaben width, height + - float, clear, z-index + */ +/* + EN Useable methods / statements + - HTML-formats (CSS 1.0 standard, no wildcards) + - individual formats (#) + - class specific formats (.) + - pseudo formats (:active, ... only for + - position statements: relative, float, normal + - display statements + - size statements: width, height + - float, clear, z-index + */ +/* + DE Standardwerte für die Schriftgrößen + - Firefox: + Proportionale Schrift: 16pt + Feste Breite: 13pt + Minimale Größe: Keine + */ + +* { + margin: 0em; + padding: 0em; +} + +html { +} + +body { + margin: 0em auto; + font-family: Verdana, Helvetica, Arial, sans-serif; + color: #4a4a4a; +} + +/* Überschriften */ +h1 { + border-bottom: 1px dotted #75051d; + font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; + font-size: 1.5em; + color: #75051d; + font-weight: normal; + margin-bottom: 0.15em; + padding-bottom: 0em; + line-height: 1.3em; + page-break-after: avoid; +} + +h2 { + font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; + font-size: 1.3em; + color: #75051d; + padding-bottom: 0em; + margin-bottom: 0.15em; + font-weight: normal; + line-height: 1.2em; + page-break-after: avoid; +} + +h3 { + font-family: Verdana, Helvetica, Arial, sans-serif; + font-size: 1.15em; + margin-top: 1.5em; + margin-bottom: 0.5em; + padding: 0em; + page-break-after: avoid; +} + +h4 { + margin-top: 1em; + font-family: Verdana, Helvetica, Arial, sans-serif; + font-size: 1.1em; + font-weight: bold; +} + +h5 { + margin: 0.5em 0em 0.7em 0em; + padding: 0.5em 0em; + font-family: Verdana, Helvetica, Arial, sans-serif; + font-weight: bold; + font-size: 1.05em; + color: #75051d; +} + +h6 { + margin: 0.25em 0em 0.7em 0em; + padding: 0.5em 0.7em; + font-family: Verdana, Helvetica, Arial, sans-serif; + font-size: 1em; + color: #75051d; +} + +h3 a, h5 a { + color: #75051d; + letter-spacing: 0.05em; +} + +/* Absätze */ +p + p { + margin-top: 1em; +} + +/* Tabellen */ +table { +} + +th { +} + +td { +} + +/* Listen-Elemente */ +#content ul, +#content ol { + margin: 1em 0em; + margin-left: 2.5em ; +/* color: #75051d !important; */ +} + +#content li { +/* color: #75051d; */ +} + +#itemList ul, +#itemList ol { + margin: 0em !important; +} + +/* Definitionslisten */ +dl { + margin: 1em 0em; +} + +dt { + +} + +dd { + margin-left: 2em; + margin-bottom: 0.5em; +} + +/* Links */ +a, a:link, a:visited { + color: #75051d; + text-decoration: none; +} + +a:focus, a:hover, a:active { + color: #cc0033; +} + +/* Bilder in einem Link */ +a img { + border: none; +} + +/* Spezielle styles für die barrierefreie Anzeige, werden von + grafischen Browsern ausgeblendet */ +.hide, +.navHide { + display: none; +} + + +div.startLeftFloat { + clear:both; + float:left; +} +div.addLeftFloat { + float:left; +} +div.endFloat { + clear:both; +} + + +/* Layout-Boxen */ +#head, +#contentWrap +{ + width: 100%; +} + +#footer{} + +/* Dynamisches 3-Spalten-Layout */ +#leftWrap { + width: 100%; +} + +#left { +} + +#center { +} + +#right { + margin-top: 3em; +} + +/* Colorset-Angaben */ + +.colorset_1 h1, +.colorset_1 h2, +.colorset_1 h3, +.colorset_1 h4, +.colorset_1 h5, +.colorset_1 h6, +.colorset_1 #eventList h2, +.colorset_1 #info h2 { + border-color: #661111; + color: #661111; +} + +.colorset_2 h1, +.colorset_2 h2, +.colorset_2 h3, +.colorset_2 h4, +.colorset_2 h5, +.colorset_2 h6, +.colorset_2 #eventList h2, +.colorset_2 #info h2 { + border-color: #116611; + color: #116611; +} + +.colorset_3 h1, +.colorset_3 h2, +.colorset_3 h3, +.colorset_3 h4, +.colorset_3 h5, +.colorset_3 h6, +.colorset_3 #eventList h2, +.colorset_3 #info h2 { + border-color: #111166; + color: #111166; +} + +.colorset_1 a, .colorset_1 a:link, .colorset_1 a:visited { + color: #661111; + text-decoration: none; +} + +.colorset_1 a:focus, .colorset_1 a:hover, .colorset_1 a:active { + color: #ff3333; +} + +.colorset_2 a, .colorset_2 a:link, .colorset_2 a:visited { + color: #116611; + text-decoration: none; +} + +.colorset_2 a:focus, .colorset_2 a:hover, .colorset_2 a:active { + color: #33ff33; +} + +.colorset_3 a, .colorset_3 a:link, .colorset_3 a:visited { + color: #111166; + text-decoration: none; +} + +.colorset_3 a:focus, .colorset_3 a:hover, .colorset_3 a:active { + color: #3333ff; +} + + +/* Header Menu */ +.languageSelector { + float: left; + margin-top: 0.45em; + margin-left: 0.8em; + color: #ffffff; +} + +.languageSelector .languageEntry { + color: #999999; + font-weight: bold; +} + +.languageSelector a, .languageSelector a:visited { + color: #999999; + font-weight: normal; + text-decoration: none; +} +.languageSelector a:hover { + color: #ffffff; +} + +#headerOverlayTop > div { + float: right; + margin: 0.2em 0em 0.1em 0em; +} + +#topMenu { + float: left; + margin-top: 0.3em; +} + +#topMenu a, #topMenu a:link, #topMenu a:visited { + color: #ffffff; + text-decoration: none; +} + +#topMenu a:hover, #topMenu a:focus, #topMenu a:active { + color: #cc3366; + text-decoration: none; +} + +#quicksearch { + float: left; + margin-left: 0.95em; + color: #ffffff; +} + +/* TopRow */ +#topRow { + display: none; +} + +/* Header */ +#header { + display: none; +} + +/* Navigation */ +#menu { + display: none; +} + +#breadcrumbs { + display: none; +} + +/* Content */ +#content { + color: #000000; + font-size: 0.75em; + line-height: 1.5em; +} + +#content h1 { + letter-spacing: 0.2em; +} + +#content #lead { + color: #000000; + font-weight: bold; + font-style: italic; +} + +#content #lead + div { + padding-top: 1em; +} + +#content #mainBody, +#content .mainBody, +#content .MPASection { + margin: 1em 0em; + padding: 1em 1em; +} + +#content h2.itemListHeader { + margin: 3em -0.65em 0em -0.65em; + border-top: solid 2.5em #ffffff; + padding: 0.3em 0.65em 0em 0.65em; + font-size: 1.7em; +} + +/* ItemList */ +#itemList, +.itemList, +#contentEventList, +.contentEventList { + margin: 2.5em 0em 0em 0em; +} + +#itemList ul, +#contentEventList ul { + list-style-type: none; + margin: 0em; + padding: 0em; + text-indent: 0em; +} + +#itemList li, +.itemList li, +#contentEventList li, +.contentEventList li { + margin: 1em 0em 0em 0em; + border-bottom: 2px dotted #75051d; + padding: 1em; +} + +#itemList li .CIname, +.itemList li .CIname, +#contentEventList li .CIname, +.contentEventList li .CIname { + font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; + font-size: 1.5em; + padding-bottom: 0em; + margin-bottom: 0.15em; + font-weight: normal; + line-height: 1.3em; + page-break-after: avoid; +} + +#itemList li > a, +.itemList li > a, +#contentEventList li > a, +.contentEventList li > a { + color: #75051d; +} + +#itemList .dateline, +.itemList .dateline, +#contentEventList .dateline, +.contentEventList .dateline { + float: right; + margin: -1em -1em 0em 0em; + padding: 0.5em 0.8em; + width: 6em; + background-color: #ffffff; +} + + +#itemList .dateline .date .separator, +.itemList .dateline .date .separator, +#contentEventList .dateline .date .separator, +.contentEventList .dateline .date .separator { + display: block; + line-height: 0.3em; + text-align: center; +} + +/* EventList */ +#eventList { +} + +#eventList h2, +#info h2 { + border-bottom: 2px dotted #75051d; + font-size: 0.8em; + font-weight: bold; + text-transform: uppercase; + text-align: right; + page-break-after: avoid; +} + +#eventList h2 a:before, +#info h2 a:before { + content: url('../../../images/icons/menu_active.png'); + padding-right: 0.5em; +} + +#eventList h2 a:focus:before, +#eventList h2 a:hover:before, +#eventList h2 a:active:before, +#info h2 a:focus:before, +#info h2 a:hover:before, +#info h2 a:active:before { + content: url('../../../images/icons/menu_hover.png'); + padding-right: 0.5em; +} + +#eventList ul, +#info ul { + list-style-type: none; + margin: 0.2em 0em 2em 0em; + padding: 0em; + font-size: 0.7em; +} + +#eventList li, +#info li{ + border-bottom: 1px dotted #666666; + padding: 0.5em 0em; +} + +/* Info */ +#info { + width: 100%; +} + +/* Footer */ +#footer { + clear: both; + float: left; + min-height: 5em; + width: 100%; + border-top: 0.06em solid #999999; +} + +#footer #footerContent { + margin: 0em auto; + padding: 1.5em 4em; + color: #000000; + font-size: 0.625em; +} + +#footer #footerMenu { + display: none; +} + +#pageFooter { + padding-top: 1em; + padding-bottom: 0.5em; + font-size: 0.675em; + min-height: 1em; +} + +#lastModifiedDate, +#lastModifiedDate #lastModifiedDetails { + display: inline; +} + +#lastModifiedDetails a:after { + padding-left: 0.3em; + content: url('../../../images/icon_email_inaktiv.gif'); +} + +#toTop { + display: none; +} + +/*---------Images in Floats--------------------*/ +.imageFloatLeft { + float: left; +} + +.imageFloatRight { + float: right; +} + +/*--------Images in CT---------------*/ +#content div.image { + float: right; + margin: 2em 1em 0.75em 1.25em; +} + +div#mainBody div.image { + margin: 0em 0em 0.75em 1.25em; +} + +div.image span.caption { + display: block; + color: #75051d; + font-size: 0.85em; +} + + +/*-------CT NewsItem--------*/ + +#content #newsDate { + float: right; + margin-top: 0.5em; + padding: 1em; + background-color: #efefef; + font-size: 0.8em; + text-align: right; +} + +#content #newsDate + .image { + clear: both; + margin-top: 1em; +} + +/* -------More-Button-------------- */ +.moreButton { +} + +.moreButton a { + font-weight: bold; +} + +.moreButton a:active, +.moreButton a:hover, +.moreButton a:focus { + text-decoration: underline; +} + +/*---------Paginator---------*/ +#paginator.header, +#paginator.navbar { + padding: 1em; + background-color: #efefef; +} + +#paginator.header { + margin-top: 1em; +} + +#paginator.navbar { + margin: 1em 0em; +} + +#paginator.header + #paginator.navbar { + margin: 0em; + padding-top: 0em; +} + +/*---------------*/ +ul.availableData { + display: none; +} + +/*---------CT MPA-----------------*/ +#sectionList { + margin: 0.2em 0em; + padding: 1em 1em; + background-color: #efefef; + text-align:center; +} + +/*-------Key / Value------------------*/ +.key { + width: 12em; + padding-right: 0.8em; + font-weight: bold; +} + +.value { + font-weight: normal; +} + +/*------CT Event-----------------*/ +.Event .value { + display: block; + margin-bottom: 1em; +} + +.Event .value p + p { + margin-top: 0em !important; +} + +/*-------------CT Sci*----------*/ +#content ul.availableData { + float: left; + width: 100%; + margin: 0em; + padding: 0em; + list-style: none; +} + +#content ul.availableData li { + float: left; + margin-right: -2px; + padding: 0.5em; + border: 2px solid #ffffff; + border-bottom: none; +} + +#content ul.availableData li.active { + font-weight: bold; + background-color: #ffffff; +} + +#content .sectionHeading { +margin-bottom: 0.5em; +} + +#content .activeTab + .sectionHeading { +margin-top: 1em; +} + +#content .activeTab { + clear: both; + padding: 1em; + background-color: #ffffff; +} + +#content .duration { + float: right; + margin: -1em -1em -1.5em 1em; + padding: 1em; + text-align: right; + background-color: #ffffff; +} + +#content .duration .date span { + font-weight: bold; +} + +#content .activeTab ul.memberList, +#content .activeTab ul.projectList, +#content .activeTab ul.publicationList, +#content .activeTab ul.departmentList { + margin-left: 0em; + list-style: none; +} + +#content .activeTab ul.memberList li.sciMember, +#content .activeTab ul.projectList li.sciProject, +#content .activeTab ul.publicationList li.sciPublication, +#content .activeTab ul.departmentList li.sciDepartment { + margin-bottom: 1em; + padding: 1em; + background-color: #efefef; +} + +#content ul.memberList .memberName, +#content ul.projectList .projectName, +#content ul.departmentList .departmentName { + display: block; + font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; + font-size: 1.5em; + line-height: 1.3em; +} + +#content ul.memberList .contact { + display: block; + padding-left: 2em; +} + +#content ul.memberList .contactentryKey { + color: #4e4e4e; + font-weight: bold; +} + +#content ul.memberList .contactentryValue { + padding-right: 1em; +} + +#content .publicationDetails dl { + +} + +#content .publicationDetails dt { + float: left; + font-weight: bold; +} + +#content .publicationDetails dd { + margin-left: 13em; +} + +#content .publicationCollectedVolumeDetails dd { + margin-left: 18.5em; +} + +#content .projectList .dateline { + width: 12.3em; + text-align: right; +} + +#content .projectList .dateline .date .separator { + display: block; + padding-right: 4em; + line-height: 0.3em; + text-align: right; +} + +/*-----Sitemap----------------*/ +#content.sitemap { + padding: 1em; +} + +#content.sitemap ul { + margin-left: 0em !important; + padding: 2.5em 0em 1em 2.5em; + list-style: disc; + list-style-position: inside; + color: #75051d; +} + +#content.sitemap ul ul { + margin: 0.2em 2em !important; + padding: 0em; +} + +#content.sitemap ul li { + font-weight: bold; +} + +#content.sitemap ul li li { + font-weight: normal; +} + +#content.sitemap ul li li li{ + font-size: 0.95em; +} + +/*--------Suche---------------*/ +#content.search .searchForm { + padding: 1em; +} + +#content.search form { + background-color: transparent; +} + +#content.search form #search{ + float: left; + background-color: transparent; +} + +#content.search .query { + display: block; + color: #75051d; + font-family: Trebuchet MS,Verdana,Helvetica,Arial,sans-serif; + font-size: 1.5em; + font-weight: normal; + line-height: 1.3em; + text-align: left; +} + +#content.search .terms { + display: block; +} + +#content.search .terms input{ + margin: 0.3em 0em 1.1em 0em; +} + +#content.search input[type="submit"] { + margin-top: 2.4em; + background-color: #75051d !important; +} + +#content.search ul { + clear: both; + margin-left: 0em !important; + list-style: none; +} + +#content.search ul li { + margin-bottom: 1em; + padding: 1em; + background-color: #ffffff; +} + +#content.search ul li .score { + margin-bottom: 0.3em; +} + +#content.search ul li h3 { + margin-bottom: 0em !important; +} + +/* Forms */ +#content form { + padding: 1em; + background-color: #efefef; +} + +#content form fieldset { + border: none; + margin: 0.5em 0em 1em 0.3em; + border-top: 1px dotted #75051d; + border-bottom: 1px dotted #75051d; + padding: 0.3em 0em; + color: #75051d; + font-weight: bold; +} + +#content form label { + clear: left; + float: left; + width: 12em; + margin-bottom: 0.2em; + color: #666666; + font-weight: bold; +} + +#content form input, +#content form select { + float: left; + border: 1px dotted #75051d; + padding: 0.2em; +} + +#content form select { + padding: 0.1em; + min-width: 11.4em; +} + +#content form input[type="submit"] { + margin-left: 1em; + border: none; + padding: 0.2em 3em; + color: #ffffff; + background-color: #75051d; +} + +#content form.multiline input[type="submit"] { +clear: both; +margin-left : 12.7em; +} + +/*---Profile-----*/ +#content.profile .ownerName { + background-color:#c60931; + color:#ffffff; + text-align:center; +} + +.contactEntryKey { + font-weight:bold; + color:#8a8988; + display:inline; + float:left; +} + +.contactEntryValue { + margin-left:8em; +} + +.postalCodeCity { + padding-left:.7em; +} + +#content.profile div.address { + float: none; +} + +div.address span.postalCodeCity { + display:block; + padding: 0; + margin: 0; +} + +div.address { + line-height:1.2em; +} + +ul.publicationsAuthorsList { + list-style: none; + padding: 0em; +} + +ul.publicationsAuthorsList li { + list-style-image: none !important; +} + +#content.profile #sectionList { + text-align:center; +} + +.top { + margin-top: 0.2em; + font-size: 0.9em; + text-align:right; +} + +/* Table on PPP */ +#content.profile table, #content.profile tr { + width: 100%; + border-width: 0 !important; +} + +#content.profile td { + width: 20%; + border-width: 0 !important; + vertical-align: top; + padding: 0.2em; + background-color: #ffffff; +} + +#content.profile td + td { + width: 80%; + border-width: 0 !important; +} + +#content a.completeResetButtonLink { + margin-left: 0.5em; + border: 1px dotted #75051d; + padding: 0.3em 2.4em; + font-weight: normal; + font-size: 0.8em; +} + +#content div.filterSubmitResetSection +{ + clear:both; + } + diff --git a/ccm-sci-bundle/web/themes/mandalay/css/screen/admin.css b/ccm-sci-bundle/web/themes/mandalay/css/screen/admin.css new file mode 100644 index 000000000..479e711c8 --- /dev/null +++ b/ccm-sci-bundle/web/themes/mandalay/css/screen/admin.css @@ -0,0 +1,1458 @@ +/* + 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 . +*/ + +/********************************/ +/* 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%; + overflow: 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 !important; +} + +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: 40px; + 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 { + height: auto; +} + +div#left div.columnContent, +div#right div.columnContent { + position: absolute; + overflow: auto; + top: 30px; + bottom: 0; + 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; + display: inline; + margin: 0em !important; + padding: 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{ + margin-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: -1.3em; + 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; +} + +#left { + position: static !important; + float: left; + min-width: 14em; + height: 100%; + overflow: hidden; + margin: 0.3em; + padding: 0; + color: inherit !important; + 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; +} + +#content #contentInner { + margin: 1em; +} + +/*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); +} + diff --git a/ccm-sci-bundle/web/themes/mandalay/css/screen/ie-hacks.css b/ccm-sci-bundle/web/themes/mandalay/css/screen/ie-hacks.css new file mode 100644 index 000000000..7bed6d940 --- /dev/null +++ b/ccm-sci-bundle/web/themes/mandalay/css/screen/ie-hacks.css @@ -0,0 +1,21 @@ +/* + Copyright: 2011 Sören Bernstein +*/ + +/* DE Dieses CSS ist speziell für den IE bis Version 6 gedacht. Hier können die verschiedenen + Fehler des IE korrigert werden*/ +/* EN This CSS is for the IE version 6 or lower. Here you can correct the bugs of the IE */ + + +#quicksearch #quicksearchbox { padding:0em; + } + +#content { } + +#menu { } + +#menu li { padding:0em; + } + +#menu li a { height:100%; + } diff --git a/ccm-sci-bundle/web/themes/mandalay/css/screen/style.css b/ccm-sci-bundle/web/themes/mandalay/css/screen/style.css new file mode 100644 index 000000000..643300e15 --- /dev/null +++ b/ccm-sci-bundle/web/themes/mandalay/css/screen/style.css @@ -0,0 +1,1844 @@ +/* + Copyright: 2011 Sören Bernstein +*/ + +/* *************************************************************** */ +/* DE CSS für das Standard-Aplaws-Theme, adaptiert für Mandalay */ +/* EN CSS for the standard aplaws theme, adapted for Mandalay */ +/* ************************************************************** */ +/* DE Dieses CSS ist für alle Browser gedacht */ +/* EN This CSS is for all browsers */ +/* + DE Erlaubte Techniken / Befehle: + - HTML-Formate (CSS 1.0 - Standard, keine Wildcards) + - Individualformate (#) + - Klassendefinitionen (.) + - Pseudoformate (:active, ...) nur für + - Postionsangaben absolute, relative, float, normal + - Display-Angaben + - Größenangaben width, height + - float, clear, z-index + */ +/* + EN Useable methods / statements + - HTML-formats (CSS 1.0 standard, no wildcards) + - individual formats (#) + - class specific formats (.) + - pseudo formats (:active, ... only for + - position statements: relative, float, normal + - display statements + - size statements: width, height + - float, clear, z-index + */ +/* + DE Standardwerte für die Schriftgrößen + - Firefox: + Proportionale Schrift: 16pt + Feste Breite: 13pt + Minimale Größe: Keine + */ + + +/* Farben */ +h1, h2, h3, +#header .siteTitle, +.relatedLinks .CIname, +ul.sitemap a +{ /* Blau */ + color: #0776a0; +} + +#header .menu +{ /* Blau */ + background-color: #0776a0; +} + +#eventList .day +{ /* helles Blau */ + color: #3aa6d0; +} + +#contentWrap .navigation li > a:hover, +#contentWrap .navigation li > a:focus, +#contentWrap .navigation li > a:active, +#itemList h2, +#itemList .CIname, +#events h2, +#events .CIname, +#eventList .month, +a +{ /* Dunkles Orange */ + color: #ff7600; +} + +#itemList ul li, +#events ul li +{ /* Dunkles Orange */ + border-color: #ff7600 !important; +} + +#nav li a:focus, +#nav li a:hover, +#nav li.menulevel_1.selected > a, +#nav li.selected > span, +#content a:hover, #content a:focus, #content a:active +{ /* Orange */ + color: #ff9200; +} + +#contentWrap .navigation li.selected > span +{ /* Helles Orange */ + background-color: #ff9840; +} + +#header .languageSelector a:hover, +#header .languageSelector a:focus, +#header .languageSelector a:active, +#topMenu a:hover, +#topMenu a:focus, +#topMenu a:active, +#footer a:hover, +#footer a:focus, +#footer a:active +{ /* Helles Orange */ + color: #ff9840; +} + +body, +#contentWrap .navigation, +#contentWrap .navigation a +{ /* Dunkles Dunkelgrau*/ + color: #4a4a4a; +} + +#footer +{ /* Dunkles Dunkelgrau*/ + background-color: #4a4a4a; +} + + +#contentWrap .navigation li > a:hover, +#contentWrap .navigation li > a:focus, +#contentWrap .navigation li > a:active +{ /* Mittelgrau */ + background-color: #7f7f7f; +} + +#nav li.menulevel_1.selected > a > span, +#nav li.selected > span > span +{ /* helles Hellgrau 1 */ + background-color: #e7e6ee; +} + +#header a +{ /* helles Hellgrau 1 */ + /*color: #e7e6ee;*/ + color: #77767e; +} + +#itemList ul, +#events ul, +.sectionList +{ /* helles Hellgrau 1 */ + border-color: #e7e6ee !important; +} + +#contentWrap .navigation li.selected +{ /* helles Hellgrau 2 */ + color: #f8f6ff; +} + +#contentWrap .navigation, +#contentWrap #itemList ul, +#contentWrap #events ul, +.sectionList +{ /* helles Hellgrau 2 */ + background-color: #f8f6ff; +} + +.languageSelector, +#header .languageSelector a, +#topMenu, +#topMenu a, +#footer, +#footer a +{ /* Weiß */ + color: #ffffff; +} + +#header .headerContent +{ + border-color: #f8f6ff; +} + +.filterControls fieldset { + border-color: #0776a0; +} + + +/* Farben Ende */ + +/* Schriften */ +@font-face { + font-family: 'Text'; + src: url('../../fonts/PTS55F-webfont.eot'); + src: url('../../fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'), + url('../../fonts/PTS55F-webfont.woff') format('woff'), + url('../../fonts/PTS55F-webfont.ttf') format('truetype'), + url('../../fonts/PTS55F-webfont.svg#pt_sansregular') format('svg'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Text'; + src: url('../../fonts/PTS56F-webfont.eot'); + src: url('../../fonts/PTS56F-webfont.eot?#iefix') format('embedded-opentype'), + url('../../fonts/PTS56F-webfont.woff') format('woff'), + url('../../fonts/PTS56F-webfont.ttf') format('truetype'), + url('../../fonts/PTS56F-webfont.svg#pt_sansitalic') format('svg'); + font-weight: normal; + font-style: italic; +} + +@font-face { + font-family: 'Text'; + src: url('../../fonts/PTS75F-webfont.eot'); + src: url('../../fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'), + url('../../fonts/PTS75F-webfont.woff') format('woff'), + url('../../fonts/PTS75F-webfont.ttf') format('truetype'), + url('../../fonts/PTS75F-webfont.svg#pt_sansbold') format('svg'); + font-weight: bold; + font-style: normal; +} + +@font-face { + font-family: 'Text'; + src: url('../../fonts/PTS76F-webfont.eot'); + src: url('../../fonts/PTS76F-webfont.eot?#iefix') format('embedded-opentype'), + url('../../fonts/PTS76F-webfont.woff') format('woff'), + url('../../fonts/PTS76F-webfont.ttf') format('truetype'), + url('../../fonts/PTS76F-webfont.svg#pt_sansbold_italic') format('svg'); + font-weight: bold; + font-style: italic; +} + +@font-face { + font-family: 'TextCond'; + src: url('../../fonts/PTN57F-webfont.eot'); + src: url('../../fonts/PTN57F-webfont.eot?#iefix') format('embedded-opentype'), + url('../../fonts/PTN57F-webfont.woff') format('woff'), + url('../../fonts/PTN57F-webfont.ttf') format('truetype'), + url('../../fonts/PTN57F-webfont.svg#pt_narrowregular') format('svg'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'TextCond'; + src: url('../../fonts/PTN77F-webfont.eot'); + src: url('../../fonts/PTN77F-webfont.eot?#iefix') format('embedded-opentype'), + url('../../fonts/PTN77F-webfont.woff') format('woff'), + url('../../fonts/PTN77F-webfont.ttf') format('truetype'), + url('../../fonts/PTN77F-webfont.svg#pt_narrowbold') format('svg'); + font-weight: bold; + font-style: normal; +} + +@font-face { + font-family: 'Caption'; + src: url('../../fonts/PTC55F-webfont.eot'); + src: url('../../fonts/PTC55F-webfont.eot?#iefix') format('embedded-opentype'), + url('../../fonts/PTC55F-webfont.woff') format('woff'), + url('../../fonts/PTC55F-webfont.ttf') format('truetype'), + url('../../fonts/PTC55F-webfont.svg#pt_sans_captionregular') format('svg'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Caption'; + src: url('../../fonts/PTC75F-webfont.eot'); + src: url('../../fonts/PTC75F-webfont.eot?#iefix') format('embedded-opentype'), + url('../../fonts/PTC75F-webfont.woff') format('woff'), + url('../../fonts/PTC75F-webfont.ttf') format('truetype'), + url('../../fonts/PTC75F-webfont.svg#pt_sans_captionbold') format('svg'); + font-weight: normal; + font-style: italic; +} + +@font-face { + font-family: 'Title'; + src: url('../../fonts/TrajanPro-Regular.eot'); + src: url('../../fonts/TrajanPro-Regular.eot?#iefix') format('embedded-opentype'), + url('../../fonts/TrajanPro-Regular.woff') format('woff'), + url('../../fonts/TrajanPro-Regular.ttf') format('truetype'), + url('../../fonts/TrajanPro-Regular.svg#TrajanPro-Regular') format('svg'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Special'; + src: url('../../fonts/Georgia-webfont.eot'); + src: url('../../fonts/Georgia-webfont.eot?#iefix') format('embedded-opentype'), + url('../../fonts/Georgia-webfont.woff') format('woff'), + url('../../fonts/Georgia-webfont.ttf') format('truetype'), + url('../../fonts/Georgia-webfont.svg#Georgia-webfont') format('svg'); + font-weight: normal; + font-style: normal; +} + +/* +@font-face { + font-family: 'Special'; + src: url('../../fonts/Georgia-webfont.eot'); + src: url('../../fonts/Georgia-webfont.eot?#iefix') format('embedded-opentype'), + url('../../fonts/Georgia-webfont.woff') format('woff'), + url('../../fonts/Georgia-webfont.ttf') format('truetype'), + url('../../fonts/Georgia-webfont.svg#Georgia') format('svg'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Special'; + src: url('../../fonts/GeorgiaItalic-webfont.eot'); + src: url('../../fonts/GeorgiaItalic-webfont.eot?#iefix') format('embedded-opentype'), + url('../../fonts/GeorgiaItalic-webfont.woff') format('woff'), + url('../../fonts/GeorgiaItalic-webfont.ttf') format('truetype'), + url('../../fonts/GeorgiaItalic-webfont.svg#GeorgiaItalic') format('svg'); + font-weight: normal; + font-style: italic; +} + +@font-face { + font-family: 'Special'; + src: url('GeorgiaBold-webfont.eot'); + src: url('GeorgiaBold-webfont.eot?#iefix') format('embedded-opentype'), + url('GeorgiaBold-webfont.woff') format('woff'), + url('GeorgiaBold-webfont.ttf') format('truetype'), + url('GeorgiaBold-webfont.svg#GeorgiaBold') format('svg'); + font-weight: bold; + font-style: normal; +} + +@font-face { + font-family: 'Special'; + src: url('GeorgiaBoldItalic-webfont.eot'); + src: url('GeorgiaBoldItalic-webfont.eot?#iefix') format('embedded-opentype'), + url('GeorgiaBoldItalic-webfont.woff') format('woff'), + url('GeorgiaBoldItalic-webfont.ttf') format('truetype'), + url('GeorgiaBoldItalic-webfont.svg#GeorgiaBoldItalic') format('svg'); + font-weight: bold; + font-style: italic; +} +*/ +/* Schriften Ende */ + +/* Layout */ +.contentWidth { + width: 980px !important; + margin: 0 auto !important; +} + +#pageWrap { + position:relative; + height:auto !important; + height:100%; + min-height:100%; + /* margin-top -1px + border-top 1px gets rid of the default spacing in firefox */ + margin: -1px auto -250px; + border-top: 1px solid transparent; +} + +#fillEmptySpace { + margin-top: 4em; + height: 250px; + clear: both; +} + +#header { + height: 165px; + position: relative; + z-index: 0; +} + +#header .menu { + height: 40px; + background-image: linear-gradient(top, #56a1bd 5%, #0976a0 95%); + background-image: -o-linear-gradient(top, #56a1bd 5%, #0976a0 95%); + background-image: -ie-linear-gradient(top, #56a1bd 5%, #0976a0 95%); + background-image: -moz-linear-gradient(top, #56a1bd 5%, #0976a0 95%); + background-image: -webkit-linear-gradient(top, #56a1bd 5%, #0976a0 95%); + box-shadow: 0 0 10px 0 #4a4a4a; + font-size: 10pt; + font-variant: small-caps; +} + +#header .headerContent { + height: 125px; + border-style: none none solid none; + border-width: 0 0 2px 0; +} + +#footer { + position: absolute; + bottom: 0px !important; + height: 250px; + width: 100%; + margin: 0px; + border-top: 5px solid #0776a0; + background-image: linear-gradient(top, #6d6d6d 5%, #3c3c3c 95%); + background-image: -o-linear-gradient(top, #6d6d6d 5%, #3c3c3c 95%); + background-image: -ie-linear-gradient(top, #6d6d6d 5%, #3c3c3c 95%); + background-image: -moz-linear-gradient(top, #6d6d6d 5%, #3c3c3c 95%); + background-image: -webkit-linear-gradient(top, #6d6d6d 5%, #3c3c3c 95%); +} + +#footer a { + text-decoration: none; +} + +#footer .footerContent { + position: relative; + height: 100%; +} + +#footer .menu { + position:absolute; + bottom: 20px; +} + +#footer .logo img, +#footer .menu img +{ + filter: url('../../../images/filters.svg#grayscale'); /* Firefox 3.5+ */ + filter: gray; /* IE6-9 */ + -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */ +} + +#footer .logo img:hover, +#footer .menu img:hover +{ + filter: none; +} + + +/* Layout-Boxen */ +.marginRight { + margin-right: 290px !important; +} + +/* +#head, +#contentWrap +{ + width: 100%; +} + +#leftWrap { + float: left; + width: 100%; + overflow: hidden; +} + +#leftWrap.borderRight { + margin-left: -14.5em; +} +*/ + /* Eigentlich sollte es reichen, folgendes Style einzufügen: + + #leftWrap.borderRight > div { + margin-left: 14.5em; + } + + Leider kommt Google Chorme und Opera nicht damit zurecht. + Daher brauche ich stattdessen die nächsten 3 Styles. + */ +/* +#leftWrap.borderRight #left { + margin-left: 15em; +} + +#leftWrap.borderRight #center { + margin-left: 15em; +} + +#leftWrap.borderRight #left + #center { + margin-left: 0em; +} +*/ +/* +#left { + float: left; + width: 14em; + height: 100%; + overflow: hidden; + margin: 0.3em; + background-color: #ffffff; +} + +#center { + margin: 0.3em; + overflow: hidden; + background-color: #ffffff; +} + +#right { + position: relative; + top: 0em; + width: 14em; + height: 100%; + overflow: hidden; + margin: 0.3em; + background-color: #ffffff; +} +*/ + +/* Layout Ende*/ + +/* Allgemeine Styles */ +* { + margin: 0em; + padding: 0em; + word-wrap: break-word; +} + +html { + height: 100%; +} + +body { + height: 100%; + font-family: 'Text', sans-serif; + font-size: 10pt; + background-color: #ffffff; + text-align: justify; + hyphens: auto; + -o-hyphens: auto; + -ie-hyphens: auto; + -moz-hyphens: auto; + -webkit-hyphens: auto; +} + +/* Überschriften */ +h1 { + margin-top: 1.6em; + font-family: 'Caption', sans-serif; + font-size: 20pt; + font-weight: normal; + page-break-after: avoid; +} + +h2 { + margin-top: 1.5em; + font-family: 'Caption', sans-serif; + font-size: 18pt; + font-weight: normal; + page-break-after: avoid; +} + +h3 { + font-family: 'Caption', sans-serif; + font-size: 16pt; + font-weight: bold; + margin-top: 1.5em; + margin-bottom: 0.5em; + page-break-after: avoid; +} + +h4 { + margin-top: 1em; + font-family: 'Caption', sans-serif; + font-size: 16pt; + font-weight: normal; +} + +h5 { + margin: 0.5em 0em 0.7em 0em; + padding: 0.5em 0em; + font-family: 'Caption', sans-serif; + font-weight: bold; + font-size: 14pt; +} + +h6 { + margin: 0.25em 0em 0.7em 0em; + padding: 0.5em 0.7em; + font-family: 'Caption', sans-serif; + font-size: 14pt; +} + +/* Absätze */ +p + p { + margin-top: 1em; +} + + +/* Listen-Elemente */ +#itemList ul, +#itemList ol { + margin: 0em !important; +} + +/* Definitionslisten */ +dl { + margin: 1em 0em; +} + +dt { + +} + +dd { + margin-left: 2em; + margin-bottom: 0.5em; +} + +/* Links */ +a, a:link, a:visited { + text-decoration: none; +} + +a:focus, a:hover, a:active { +} + +/* Bilder in einem Link */ +a img { + border: none; +} + +/* Spezielle styles für die barrierefreie Anzeige, werden von + grafischen Browsern ausgeblendet */ +.hide, +.navHide { + display: none; +} + + +div.startLeftFloat { + clear:both; + float:left; +} +div.addLeftFloat { + float:left; +} +div.endFloat { + clear:both; +} + +/* Allgemeine Styles Ende*/ + +#header a +{ + text-decoration: none; +} + +/* Language Selector */ +.languageSelector { + float: left; + margin: 10px 0; +} + +.languageSelector .languageEntry { + padding-right: 0.5em; + font-weight: bold; +} + +#header .languageSelector a, #header .languageSelector a:visited { + font-weight: normal; +} +/* Language Selector Ende */ + +/* Top Menu */ +#topMenu { + float: right; + margin: 10px 0; +} + +#topMenu .separator { + padding-left: 2em; +} +/* Top Menu Ende*/ +#header .siteLogo { + position: absolute; + float: left; + margin: 1.25em; + z-index: 10; +} + +/* Header Titel */ +#header .siteTitle { + display: block; + margin-left: 145px; + padding-top: 15px; + font-family: 'Title', serif; + font-size: 30pt; + font-variant: small-caps; +} + +/* Header Titel Ende*/ + +/* Navigation 1. Ebene */ +#nav { + position: absolute; + bottom: 0; + font-family: 'TextCond', sans-serif; + font-size: 12pt; + font-variant: small-caps; + text-align: right; +} + +#nav ul, +#nav ul ul, +#nav li +{ + display: inline; + padding: 1.5em 0; + list-style: none; +} + +#nav ul +{ + display: block; +} + +#nav li > span , +#nav li > a { + display: inline; +} + +#nav li > a > span, +#nav li > span > span +{ + padding: 1.5em 0.75em; +} + +#nav a, +#nav a:visited { + text-decoration: none; +} +/* Navigation 1. Ebene Ende */ + +/* Navigation 2. Ebene */ +#contentWrap .navigation { + font-family: 'Text', sans-serif; + font-size: 12pt; + font-weight: normal; + text-align: right; +} + +#contentWrap #right { + float: right; + width: 280px; + margin: -40px 0 1em 1em; +} + +#contentWrap .navigation ul { + font-size: 0.9em; +} + +#contentWrap .navigation li > a, +#contentWrap .navigation li > span { + position: relative; + height: 22px; + padding: 3px 5px; +} + +#contentWrap .navigation li.selected span span, +#contentWrap .navigation li.selected span a { + font-weight: bold; +} + +#contentWrap .navigation li a, +#contentWrap .navigation li span { + display: block; +} + +#contentWrap .navigation li.selected > span:after, +#contentWrap .navigation li > a:hover:after, +#contentWrap .navigation li > a:focus:after, +#contentWrap .navigation li > a:active:after { + content: ""; + position: absolute; + display: block; + top: 0; /* controls vertical position */ + left: -11px; /* value = - border-left-width - border-right-width */ + bottom:auto; + border-width:14px 11px 14px 0; + border-style: solid; + border-color:transparent #ff9840; + width: 0; +} + +#contentWrap .navigation li > a:hover:after, +#contentWrap .navigation li > a:focus:after, +#contentWrap .navigation li > a:active:after { + border-color:transparent #7f7f7f; +} +/* Navigation 2. Ebene Ende */ + +/* Content */ +#contentWrap ul { + list-style: none; +} + +#content ul, +#content ol { + margin: 1em 0em; + margin-left: 2.5em ; + list-style-type: disc; +} + +#content li { + padding: 0.1em 0; +} + +#content { + margin-top: 40px; + overflow: hidden; +} + +#content #lead, +#content .lead, +#content .shortDesc +{ + margin: 0.5em 0; + padding: 0 5px; + font-size: 12pt; + font-weight: bold; +} + +#content #mainBody { + padding: 0 5px; +} +/* Content Ende */ + +/* Breadcrumbs */ +#breadcrumbs { + padding: 1em 0; + font-family: 'TextCond', sans-serif; + font-variant: small-caps; +} + +#breadcrumbs .breadArrow { + font-weight: bold; +} +/* Breadcrumbs Ende */ + +/* Footer Menu */ +#footerMenu { + position: absolute; + right: 0; + bottom: 0; + font-family: 'TextCond', sans-serif; + font-variant: small-caps; +} + +#footer .separator { + padding-left: 1em; +} +/* Footer Menu Ende */ + + + + + +/* Images in CT */ +div.image { + position: relative; + float: left; + margin: 5px 15px 15px 5px; + border: 5px solid #ffffff; + box-shadow: 0 0 5px 0 #4a4a4a; +} + +div.image a { + display: block; + font-size: 0; +} + +div.image span.caption { + display: none; + font-size: 10pt; +} + +.image + .image { + display: none; +} + +div.image.left { + float: left !important; +} + +div.image.center { + float: none !important; + text-align: center; +} + +div.image.right { + float: right !important; +} + +div.image a:after { + position: absolute; + bottom: 0; + right: 0; + border: 1px solid rgba(255,255,255,0.75); + padding: 2px; + background-color: rgba(0, 0, 0, 0.5); +} + +div.image .imageZoom:after { + content: url('../../../images/icons/imageZoom.png'); +} + +div.image .imageGallery:after { + content: url('../../../images/icons/imageGallery.png'); +} + +div.image a:after { + position: absolute; + bottom: 0; + right: 0; + border: 1px solid rgba(255,255,255,0.75); + padding: 2px; + background-color: rgba(0, 0, 0, 0.5); +} + +div.image .imageZoom:after { + content: url('../../../images/icons/imageZoom.png'); +} + +div.image .imageGallery:after { + content: url('../../../images/icons/imageGallery.png'); +} +/* Images in CT Ende */ + +/* Header Menu */ +/* +#quicksearch { + float: left; + margin-left: 0.95em; + color: #ffffff; +} + +#quicksearch label { + display: none; +} + +#quicksearch #quicksearchbox { + float:left; + height: 1.5em; + border: 0.1em dotted #999999; + + border-right: none; + + padding-left:0.5em; + font-family: Verdana, Helvetica, Arial, sans-serif; + font-size: 1em; +} + +#quicksearch input.go { + float: left; + height: 1.65em; + width: 1.7em; + margin-right: 0.1em; + border: 0.1em dotted #999999; + border-left: none; + padding: 0em; + color: transparent; + background-color: #ffffff; + background-image: url('../../../images/icons/search.png'); + background-position: center; + background-repeat: no-repeat; + font-family: Verdana, Helvetica, Arial, sans-serif; + font-size: 1em; + font-weight: bold; + cursor: pointer; + overflow: hidden; +} + +#quicksearch input.go:focus, +#quicksearch input.go:hover, +#quicksearch input.go:active { + color: transparent; + background-color: #ffffff !important; + background-image: url('../../../images/icons/search_hover.png'); +} +*/ + +/* Header */ +#header .siteLogo a { + display: block; + font-size: 0; +} + +#header .PPPOwnerName { + position: absolute; + bottom: 2em; + line-height: 1.5em; +} + +#header .PPPOwnerName h1 { + float: left; + padding: 0em 1.6em 0em 1.6em; + background-image: url('../../../images/bg_pppOwnerName.png'); +} + +#header .PPPOwnerName .fadeOut { + float: left; + width: 10em; + height: 1.95em; + background-image: url('../../../images/bg_pppOwnerName_FadeOut.png'); + background-repeat: repeat-y; +} + + +/* Content */ +#content #events h2, +#content h2.itemListHeader { + font-family: 'TextCond', sans-serif; + padding: 0 0 0 10px; + font-size: 16pt; +} + +/* ItemList */ +#itemList { + margin-top: 2em; +} + +#itemList .image { + width: 75px; + height: 75px; + overflow: hidden; + border-width: 0; + margin: 5px 15px 5px 5px; +} + +#itemList img { + position: relative; + top: -50%; + left: -50%; + margin: 25%; +} + +/* Related Links */ +.relatedLinks h2 { + padding-left: 0.25em; + font-size: 12pt; +} + +.relatedLinks ul { + margin: 1em 0 !important; +} + +.relatedLinks ul:after,.relatedLinks li:last-child:after { + display: block; + clear: both; + height: 0; + content: "."; + visibility: hidden; +} + +.relatedLinks li { + float: left; + width: 49%; + height: 8em; + font-family: 'TextCond', sans-serif; +} + +.relatedLinks li:nth-child(odd) { + margin-right: 0.5em +} + +.relatedLinks li:nth-child(even) { + margin-left: 0.5em +} + +.relatedLinks li:only-child { + margin: 0; + width:100%; +} + +.relatedLinks a.CIname { + font-family: 'Caption',sans-serif; + font-size: 10pt; +} + +.relatedLinks .image { + width: 75px; + height: 75px; + overflow: hidden; +/* + border-width: 3px; + margin: 5px 15px 5px 5px; +*/ + border-width: 0; + margin: 5px 15px 5px 5px; +} + +.relatedLinks img { + position: relative; + top: -50%; + left: -50%; + margin: 25%; +} + +/* EventList */ +#events { +/* + margin-top: 2em; +*/ +} + +#itemList ul, +#events ul { + margin-top: -0.5em; + border-top: 10px solid; + font-size: 10pt; + text-align: left; +} + +#events ul li { + border-bottom: 1px solid; + padding: 0.8em 0 0.2em 0; + height: 8em; + overflow: hidden; +} + +#itemList ul li { + border-bottom: 1px solid; + padding: 0.8em 0; +} + +#newsList { + float: left; + width: 49%; +} + +#eventList { + float: right; + width: 49%; +} + +#itemList h2, +#events h2 { + padding-left: 0.5em; +} + +#itemList a.CIname { + display: block; + margin: 0 290px 0 0; + font-family: 'Caption', sans-serif; + font-size: 12pt; +} + +#events a.CIname { + display: block; + margin: 0 0.2em 0 60px; + font-family: 'Caption', sans-serif; + font-size: 12pt; +} + +#itemList .intro { + display: block; + margin: -0.8em 290px 0 0; +} + +#events .intro { + display: block; + margin: -0.8em 0 0 60px; +} + +#events .dateline { + float: left; + overflow: hidden; + width: 48px; + margin: 0 0.3em; + font-family: 'Caption', sans-serif; + font-size: 12pt; + text-align: center; +} + +#newsList .dateline { + height: 1em; +} + +#itemList .image { + border: none; + box-shadow: none; + margin: 5px 15px 0 0; +} + +#newsList .image { + clear: left; + overflow: hidden; + width: 48px; + height: 48px; + border: none; + box-shadow: none; + margin: 0.6em 0 0 0; +} + +#events img { + position: absolute; + left:-35%; + top:-12.5%; +} + +#eventList .dateline { + margin-top: 1em; + height: 4.8em; +} + +#eventList .day, +#eventList .month, +#eventList .year { + display: block; +} + +#eventList .day { + font-family: 'Special', sans-serif; + font-size: 30pt; +} + +#eventList .month { + margin-top: -0.5em; + font-family: 'Caption', sans-serif; + font-size: 16pt; + font-weight: bold; +} + +#eventList .year { + margin-top: -0.4em; + font-family: 'Text', sans-serif; + font-size: 16pt; +} + +#eventList .separator, +#eventList .endDate { + display: none; +} + +/* Info */ +#info { + margin-left: 1.2em; +} + +#lastModifiedDate, +#lastModifiedDate #lastModifiedDetails { + display: inline; +} + +#lastModifiedDetails a:after { + padding-left: 0.3em; + content: url('../../../images/icon_email_inaktiv.gif'); +} + +#toTop { + float: right; +} + +#pageFooter.borderRight { + margin-right: 21.75em; +} + + +/*---------Images in Floats--------------------*/ +.imageFloatLeft { + float: left; +} + +.imageFloatRight { + float: right; +} + +/*-------CT NewsItem--------*/ + +#content #newsDate { + float: right; + margin-top: 0.5em; + padding: 1em; + background-color: #efefef; + font-size: 0.8em; + text-align: right; +} + +#content #newsDate + .image { + clear: both; + margin-top: 1em; +} + +/* -------More-Button-------------- */ +.moreButton { +} + +.moreButton a { + font-weight: bold; +} + +.moreButton a:active, +.moreButton a:hover, +.moreButton a:focus { + text-decoration: underline; +} + +/*---------Paginator---------*/ +.paginator.header, +.paginator.navbar { + padding: 1em; + background-color: #efefef; +} + +.paginator.header { + margin-top: 1em; +} + +.paginator.navbar { + position: relative; + min-height: 2em; + margin: 1em 0em; + padding: 1em 10em; + text-align: center; + line-height: 2em; +} + +.paginator.header + .paginator.navbar { + margin: 0em; + padding-top: 0em; +} + +.paginator .prev, +.paginator .next { + position: absolute; + top: 1em; + padding: 0.5em 1em; + border-radius: 0.5em; + font-weight: bold; + line-height: 1em; + color: #ffffff; + background-image: linear-gradient(to top, #ff7600 5%, #ff9840 95%); + background-image: -o-linear-gradient(to top, #ff7600 5%, #ff9840 95%); + background-image: -ie-linear-gradient(to top, #ff7600 5%, #ff9840 95%); + background-image: -moz-linear-gradient(to top, #ff7600 5%, #ff9840 95%); + background-image: -webkit-linear-gradient(to top, #ff7600 5%, #ff9840 95%); +} + +.paginator .prev:hover, .paginator .prev:focus, +.paginator .next:hover, .paginator .next:focus { + box-shadow: 0 0 0 2px #ff9840; + color: #ffffff !important; +} + +.paginator .prev:active, +.paginator .next:active { + color: #ffffff; + background-image: linear-gradient(to bottom, #ff7600 5%, #ff9840 95%); + background-image: -o-linear-gradient(to bottom, #ff7600 5%, #ff9840 95%); + background-image: -ie-linear-gradient(to bottom, #ff7600 5%, #ff9840 95%); + background-image: -moz-linear-gradient(to bottom, #ff7600 5%, #ff9840 95%); + background-image: -webkit-linear-gradient(to bottom, #ff7600 5%, #ff9840 95%); +} + +.paginator .prev { + left: 1em; +} + +.paginator .prev:before { + content: "« "; +} + +.paginator .next { + right: 1em; +} + +.paginator .next:after { + content: " »"; +} + +/*---------CT MPA-----------------*/ +.sectionList { + margin: 1em 0em; + border-top: 5px solid; + padding: 1em; +} + +.sectionList a { + word-wrap: nowrap; +} + +/*-------Key / Value------------------*/ +.key { + display: table-cell; + width: 12em; + padding-right: 0.8em; + font-weight: bold; +} + +.value { + display: table-cell; + font-weight: normal; +} + +/*------CT Event-----------------*/ +.Event .value { + display: block; + margin-bottom: 1em; +} + +.Event .value p + p { + margin-top: 0em !important; +} + +/*-------------CT Sci*----------*/ +#content ul.availableData { + float: left; + width: 100%; + margin: 0em; + padding: 0em; + list-style: none; +} + +#content ul.availableData li { + float: left; + margin-right: -2px; + padding: 0.5em; + border: 2px solid #ffffff; + border-bottom: none; +} + +#content ul.availableData li.active { + font-weight: bold; + background-color: #ffffff; +} + +#content .sectionHeading { +margin-bottom: 0.5em; +} + +#content .activeTab + .sectionHeading { +margin-top: 1em; +} + +#content .activeTab { + clear: both; + padding: 1em; + background-color: #ffffff; +} + +#content .duration { + float: right; + margin: -1em -1em -1.5em 1em; + padding: 1em; + text-align: right; + background-color: #ffffff; +} + +#content .duration .date span { + font-weight: bold; +} + +#content .activeTab ul.memberList, +#content .activeTab ul.projectList, +#content .activeTab ul.publicationList, +#content .activeTab ul.departmentList { + margin-left: 0em; + list-style: none; +} + +#content .activeTab ul.memberList li.sciMember, +#content .activeTab ul.projectList li.sciProject, +#content .activeTab ul.publicationList li.sciPublication, +#content .activeTab ul.departmentList li.sciDepartment { + margin-bottom: 1em; + padding: 1em; + background-color: #efefef; +} + +#content ul.memberList .memberName, +#content ul.projectList .projectName, +#content ul.departmentList .departmentName { + display: block; + font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; + font-size: 1.5em; + line-height: 1.3em; +} + +#content ul.memberList .contact { + display: block; + padding-left: 2em; +} + +#content ul.memberList .contactentryKey { + color: #4e4e4e; + font-weight: bold; +} + +#content ul.memberList .contactentryValue { + padding-right: 1em; +} + +#content .publicationDetails dl { + +} + +#content .publicationDetails dt { + float: left; + font-weight: bold; +} + +#content .publicationDetails dd { + margin-left: 13em; +} + +#content .publicationCollectedVolumeDetails dd { + margin-left: 18.5em; +} + +#content .projectList .dateline { + width: 12.3em; + text-align: right; +} + +#content .projectList .dateline .date .separator { + display: block; + padding-right: 4em; + line-height: 0.3em; + text-align: right; +} + +/*-----Sitemap----------------*/ +ul.sitemap { + margin-left: 0em !important; + padding: 2.5em 0em 1em 2.5em; + list-style: disc !important; + list-style-position: inside; + font-size: 12pt; + color: #4a4a4a; +} + +ul.sitemap ul { + margin: 0.2em 2em !important; + padding: 0em; + list-style: disc !important; +} + +ul.sitemap li.menulevel_1 { + font-weight: bold; +} + +ul.sitemap li.menulevel_2 { + font-weight: normal; +} + +/*--------Suche---------------*/ +#content.search .searchForm { + padding: 1em; +} + +#content.search form { + background-color: transparent; +} + +#content.search form #search{ + float: left; + background-color: transparent; +} + +#content.search .query { + display: block; + color: #75051d; + font-family: Trebuchet MS,Verdana,Helvetica,Arial,sans-serif; + font-size: 1.5em; + font-weight: normal; + line-height: 1.3em; + text-align: left; +} + +#content.search .terms { + display: block; +} + +#content.search .terms input{ + margin: 0.3em 0em 1.1em 0em; +} + +#content.search input[type="submit"] { + margin-top: 2.4em; + background-color: #75051d !important; +} + +#content.search ul { + clear: both; + margin-left: 0em !important; + list-style: none; +} + +#content.search ul li { + margin-bottom: 1em; + padding: 1em; + background-color: #ffffff; +} + +#content.search ul li .score { + margin-bottom: 0.3em; +} + +#content.search ul li h3 { + margin-bottom: 0em !important; +} + +/* Forms */ +#content form { + padding: 1em; + background-color: #efefef; +} + +#content form fieldset { + border: none; + margin: 0.5em 0em 1em 0.3em; + border-top: 1px dotted #75051d; + border-bottom: 1px dotted #75051d; + padding: 0.3em 0em; + color: #75051d; + font-weight: bold; +} + +#content form label { + margin-bottom: 0.2em; + color: #4a4a4a; + font-weight: bold; +} + +#content form span.optionGroup { + display: block; +} + +#content form input[type="checkbox"] + label { + clear: none; + margin-left: 1em; +} + +#content form input, +#content form select { + margin-bottom: 1em; + border: 1px solid #cccccc; + border-radius: 0.5em; + padding: 0.8em; + background-color: #e0e0e0; + box-shadow: 0 1px 1px #cccccc inset, 0 1px 0 #ffffff; +} + +#content form select { + padding: 0.74em; + min-width: 11.4em; +} + + +form select optgroup option { + margin-left: 0.75em; +} + +#content form input:hover, +#content form select:hover { + border-color: #0976a0; + box-shadow: 0 0 0 1px #0976a0; +} + +#content form input:focus, +#content form select:focus { + border-color: #0976a0; + box-shadow: 0 0 0 1px #0976a0; + background-color: #ffffff; +} + +#content form input[type="submit"]:active { + background-image: linear-gradient(bottom, #56a1bd 5%, #0976a0 95%); + background-image: -o-linear-gradient(bottom, #56a1bd 5%, #0976a0 95%); + background-image: -ie-linear-gradient(bottom, #56a1bd 5%, #0976a0 95%); + background-image: -moz-linear-gradient(bottom, #56a1bd 5%, #0976a0 95%); + background-image: -webkit-linear-gradient(bottom, #56a1bd 5%, #0976a0 95%); +} + +#content form input[type="submit"]:hover { + background-image: linear-gradient(top, #56a1bd 5%, #0976a0 95%); + background-image: -o-linear-gradient(top, #56a1bd 5%, #0976a0 95%); + background-image: -ie-linear-gradient(top, #56a1bd 5%, #0976a0 95%); + background-image: -moz-linear-gradient(top, #56a1bd 5%, #0976a0 95%); + background-image: -webkit-linear-gradient(top, #56a1bd 5%, #0976a0 95%); +} + +#content form input[type="submit"] { + margin-left: 1em; + border: none; + padding: 0.8em 3em; + color: #ffffff; + background-color: #0776a0; + box-shadow: 0 1px 1px #cccccc, 0 1px 0 #ffffff inset; + background-image: linear-gradient(top, #56a1bd 5%, #0976a0 95%); + background-image: -o-linear-gradient(top, #56a1bd 5%, #0976a0 95%); + background-image: -ie-linear-gradient(top, #56a1bd 5%, #0976a0 95%); + background-image: -moz-linear-gradient(top, #56a1bd 5%, #0976a0 95%); + background-image: -webkit-linear-gradient(top, #56a1bd 5%, #0976a0 95%); + font-weight: bold; +} + +#content form.multiline input[type="submit"] { + clear: both; + margin-left : 0; +} + +#content form .label, +#content form .title { + display: block; +} + +#content form .mandatory { + font-weight: bold; +} + +#content form span.date select { + margin-left: 1em; +} + +/*---Profile-----*/ +#content.profile .ownerName { + background-color:#c60931; + color:#ffffff; + text-align:center; +} + +.contactEntryKey { + font-weight:bold; + color:#8a8988; + display:inline; + float:left; +} + +.contactEntryValue { + margin-left:8em; +} + +.postalCodeCity { + padding-left:.7em; +} + +#content.profile div.address { + float: none; +} + +div.address span.postalCodeCity { + display:block; + padding: 0; + margin: 0; +} + +div.address { + line-height:1.2em; +} + +ul.publicationsAuthorsList { + list-style: none; + padding: 0em; +} + +ul.publicationsAuthorsList li { + list-style-image: none !important; +} + +#content.profile #sectionList { + text-align:center; +} + +.top { + margin-top: 0.2em; + font-size: 0.9em; + text-align:right; +} + +/* Table on PPP */ +#content.profile table, #content.profile tr { + width: 100%; + border-width: 0 !important; +} + +#content.profile td { + width: 20%; + border-width: 0 !important; + vertical-align: top; + padding: 0.2em; + background-color: #ffffff; +} + +#content.profile td + td { + width: 80%; + border-width: 0 !important; +} + +#content a.completeResetButtonLink { + margin-left: 0.5em; + border: 1px dotted #75051d; + padding: 0.3em 2.4em; + font-weight: normal; + font-size: 0.8em; +} + +#content div.filterSubmitResetSection +{ + clear:both; + } + +div#greetingitem div.editLink { + display: none; +} + +div#greetingitem:hover { + position: relative; +} + +div#greetingitem:hover div.editLink { + display: block; + position: absolute; + top: 0.5em; + right: 0.5em; +} + +div#itemList li div.editLink{ + display: none; +} + +div#itemList li:hover { + position: relative; +} + +div#itemList li:hover div.editLink { + display: block; + position: absolute; + top: 0.1em; + right: 0.1em; +} + +div.contentDefaultLayout { + position: relative; +} + +div.contentDefaultLayout div.editLink { + position: absolute; + right: 1em; + top: 3em; +} + +form.filterControls fieldset { + padding: 0.3em; +} + +form.filterControls span.textFilter, +form.filterControls span.categoryFilter{ + display: block; +} + +form.filterControls input.submit { + display: block; +} \ No newline at end of file diff --git a/ccm-sci-bundle/web/themes/mandalay/css/wysiwyg.css b/ccm-sci-bundle/web/themes/mandalay/css/wysiwyg.css new file mode 100644 index 000000000..e69de29bb diff --git a/ccm-sci-bundle/web/themes/mandalay/settings/css-files.xml b/ccm-sci-bundle/web/themes/mandalay/settings/css-files.xml new file mode 100644 index 000000000..5d71f061a --- /dev/null +++ b/ccm-sci-bundle/web/themes/mandalay/settings/css-files.xml @@ -0,0 +1,43 @@ + + + + + style.css + style.css + + ie-hacks.css + ie-hacks.css + + + + admin.css + + + + admin.css + + + + \ No newline at end of file