Optimized the CSS structure of the Mandalay theming engine. The CSS files are now separated by application and not by browser capbilities.

git-svn-id: https://svn.libreccm.org/ccm/trunk@2508 8810af33-2d31-482b-a856-94f89814c4df
master
jensp 2014-02-05 16:44:33 +00:00
parent f23dfe7b10
commit 51490c9d16
17 changed files with 72 additions and 4791 deletions

View File

@ -1,20 +0,0 @@
/*
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/>.
*/

View File

@ -1,20 +0,0 @@
/*
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/>.
*/

View File

@ -1,20 +0,0 @@
/*
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/>.
*/

View File

@ -1,5 +0,0 @@
/*
Copyright: 2011 Sören Bernstein
*/

View File

@ -1,996 +0,0 @@
/*
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 <a></a>
- 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 <a></a>
- 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;
}

View File

@ -1,25 +0,0 @@
/*
Copyright: 2011 Sören Bernstein
*/
/* Dieses CSS ist fr alle Standard-konformen Browser (Gecko, Safari) */
/* Erlaubte Techniken / Befehle:
- Alle Techniken / Befehle aus basic.css
und zus?zlich:
- HTML-Formate (CSS 2.0 - Standard, Wildcards erlaubt, aber IE hat Probleme mit +, > )
- Attributbedingte Formate ([attr]) (nicht fr IE)
- Pseudoformate fr alle Elemente (:active...) (nicht fr IE)
- Positionsangebe fixed (nicht fr IE)
- Gr?enangaben min-/max-width, min-/max-height (nicht fr IE)
-
*/
/* Standard-Einstellungen fr HTML-Tags */
/* Spezielle styles fr die barrierefreie Anzeige, werden von grafischen Browsern ausgeblendet*/

View File

@ -1,46 +0,0 @@
/*
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;
}

View File

@ -1,20 +0,0 @@
/*
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/>.
*/

View File

@ -1,20 +0,0 @@
/*
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/>.
*/

View File

@ -1,20 +0,0 @@
/*
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/>.
*/

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -1,69 +0,0 @@
/*
Copyright: 2011 Sören Bernstein
*/
/* Dieses CSS ist fr alle Standard-konformen Browser (Gecko, Safari) */
/* Erlaubte Techniken / Befehle:
- Alle Techniken / Befehle aus basic.css
und zus?zlich:
- HTML-Formate (CSS 2.0 - Standard, Wildcards erlaubt, aber IE hat Probleme mit +, > )
- Attributbedingte Formate ([attr]) (nicht fr IE)
- Pseudoformate fr alle Elemente (:active...) (nicht fr IE)
- Positionsangebe fixed (nicht fr IE)
- Gr?enangaben min-/max-width, min-/max-height (nicht fr IE)
-
*/
/* Standard-Einstellungen fr HTML-Tags */
/* Spezielle styles fr die barrierefreie Anzeige, werden von grafischen Browsern ausgeblendet*/
/* Header */
#header {
}
/* Subheader fr Breadcrumbs und Quicksearch */
#subheader {
}
/* Navigation */
#menu { }
/* Footer */
#footer { }
/* Info */
#info { }
/* Content */
#image { }
div#main a[href$=".pdf"],
div#info a[href$=".pdf"]
{
background-image:url(../../../images/pdf.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:19px;
}
div#main a[href^="http://"]
{
background-image:url(../../../images/external2.png);
background-repeat:no-repeat;
background-position:right center;
padding-right:12px;
}
/*
#content.profile tr:nth-child(even) {
background-color: #f3eee4;
}
#content.profile tr:nth-child(odd) {
background-color: #ffffff;
}
*/

View File

@ -1,21 +0,0 @@
/*
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%;
}

View File

@ -2,7 +2,7 @@
<!DOCTYPE stylesheet [<!ENTITY nbsp '&#160;'>]> <!DOCTYPE stylesheet [<!ENTITY nbsp '&#160;'>]>
<!-- <!--
Copyright: 2006, 2007, 2008 Sören Bernstein Copyright: 2014 Jens Pelzetter
This file is part of Mandalay. This file is part of Mandalay.
@ -20,15 +20,15 @@
along with Mandalay. If not, see <http://www.gnu.org/licenses/>. along with Mandalay. If not, see <http://www.gnu.org/licenses/>.
--> -->
<!-- DE <!--
Hier wird die Browserweiche und die Funktione zum Einbinden der CSS-Dateien definiert The templates in this file are loading the CSS files. For each applications different CSS files
can be loaded.
The CSS files to load are defined using the file settings/css-files.xml.
--> -->
<!-- EN
Setting up CSSLoader with browser switch
-->
<!-- Autor: Sören Bernstein --> <!-- Autor: Jens Pelzetter -->
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" <xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
xmlns:bebop="http://www.arsdigita.com/bebop/1.0" xmlns:bebop="http://www.arsdigita.com/bebop/1.0"
@ -38,7 +38,7 @@ Setting up CSSLoader with browser switch
exclude-result-prefixes="xsl bebop cms nav mandalay" exclude-result-prefixes="xsl bebop cms nav mandalay"
version="1.0"> version="1.0">
<xsl:template name="mandalay:cssLoaderNew"> <xsl:template name="mandalay:cssLoader">
<xsl:variable name="application"> <xsl:variable name="application">
<xsl:choose> <xsl:choose>
<xsl:when test="$resultTree/@application"> <xsl:when test="$resultTree/@application">
@ -53,174 +53,61 @@ Setting up CSSLoader with browser switch
</xsl:choose> </xsl:choose>
</xsl:variable> </xsl:variable>
<xsl:variable name="cssfiles"> <xsl:choose>
<xsl:choose> <xsl:when test="document(concat($theme-prefix, '/settings/css-files.xml'))/css-files/application[@name=$application]">
<xsl:test when="document(concat($theme-prefix, '/settings/css-files.xml'))/css-files/application/@name=$application"> <xsl:for-each select="document(concat($theme-prefix, '/settings/css-files.xml'))/css-files/application[@name=$application]/css-file">
<xsl:value-of select="document(concat($theme-prefix, '/settings/css-files.xml'))/css-files/application/@name=$application"/> <xsl:call-template name="mandalay:loadCssFile">
</xsl:test> <xsl:with-param name="filename" select="."/>
<xsl:otherwise> <xsl:with-param name="media" select="./@media"/>
<xsl:value-of select="document(concat($theme-prefix, '/settings/css-files.xml'))/css-files/default"/> </xsl:call-template>
</xsl:otherwise> </xsl:for-each>
</xsl:choose> </xsl:when>
</xsl:variable> <xsl:otherwise>
<xsl:for-each select="document(concat($theme-prefix, '/settings/css-files.xml'))/css-files/default/css-file">
<xsl:for-each select="$cssfiles/css-file"> <xsl:call-template name="mandalay:loadCssFile">
<xsl:with-param name="filename" select="."/>
<xsl:with-param name="media" select="./@media"/>
</xsl:call-template>
</xsl:for-each>
</xsl:otherwise>
</xsl:choose>
</xsl:for-each> <!-- Include IE Hacks only for very old IEs (IE 6) -->
<xsl:if test="$msie_version >= '5' and $msie_version &lt; '7'">
<!-- Iterate over the defined files and create link elements for them-->
<!-- if an iehacks file is included and the ie version is 7 or lower include this file -->
<xsl:call-template name="mandalay:cssLoader"/>
</xsl:template>
<!-- DE Lade die CSS-Dateien abhänging von Media, Contenttype, Browsertyp und useContext (admin) -->
<!-- EN Load CSS files by media, contenttype, browser and context (admin) -->
<xsl:template name="mandalay:cssLoaderOld">
<!-- DE Unterscheide Browser und speichere das Ergebnis -->
<!-- EN Get the browser type-->
<xsl:variable name="mode">
<!-- DE Verarbeite den User-Agent-String -->
<!-- EN processing user-agent-string-->
<xsl:choose> <xsl:choose>
<xsl:when test="document(concat($theme-prefix, '/settings/css-files.xml'))/css-files/application[@name=$application]">
<!-- DE Wenn sich MSIE > 5 finden läßt, dann handelt es sich um einen MS Internet Explorer 5+, d.h. CSS2 conform mit Fehlern --> <xsl:for-each select="document(concat($theme-prefix, '/settings/css-files.xml'))/css-files/application[@name=$application]/iehacks">
<!-- EN If there is MSIE > 5, the we've have to avoid some bugs in MS Internet Explorer 5+ in CSS2 --> <xsl:call-template name="mandalay:loadCssFile">
<xsl:when test="$msie_version >= '5' and $msie_version &lt; '7'"> <xsl:with-param name="filename" select="."/>
<xsl:text>msie</xsl:text> <xsl:with-param name="media" select="./@media"/>
</xsl:when> </xsl:call-template>
</xsl:for-each>
<!-- DE Hier sind die gute Browser. Firefox, Netscape 6+, Opera 7+, Konqueror 2+ (Safari meldet sich als Mozilla/5.0)--> </xsl:when>
<!-- EN These are the good browsers: Firefox, Netscape 6+, Opera 7+, Konqueror 2+ (Safari) --> <xsl:otherwise>
<xsl:when test="$mozilla_version >= '5' or $konqueror_version >= '2' or $opera_version1 >= '7' or $opera_version2 >= '7'"> <xsl:for-each select="document(concat($theme-prefix, '/settings/css-files.xml'))/css-files/default/iehacks">
<xsl:text>css2conform</xsl:text> <xsl:call-template name="mandalay:loadCssFile">
</xsl:when> <xsl:with-param name="filename" select="."/>
<xsl:with-param name="media" select="./@media"/>
<!-- DE In allen anderen Fällen, gehe davon aus, daß der Browser nur CSS 1 versteht --> </xsl:call-template>
<!-- EN Otherwise use css1 only--> </xsl:for-each>
<xsl:otherwise> </xsl:otherwise>
<xsl:text>basic</xsl:text> </xsl:choose>
</xsl:otherwise> </xsl:if>
</xsl:choose>
</xsl:variable>
<!-- DE Für alle Mediantypen -->
<!-- EN For all media types -->
<xsl:for-each select="document(concat($theme-prefix, '/settings/global.xml'))/settings/setting[@id='css/media']">
<xsl:variable name="media" select="."/>
<!-- DE Für alle Contenttypen -->
<!-- DE ACHTUNG:
ca_notes und com.arsdigita.cms.ReusableImageAsset werden im Rahmen dieses Themes nicht als
eigenständiger Contenttyp angesehen. Das Styling geschieht in den CSS-Dateien des übergeordneten
Contenttypen, also zum Beispiel in Article
-->
<!-- EN For all contenttypes -->
<!-- EN NOTICE:
ca_notes and com.arsdigita.cms.ReusableImageAsset are not treated as contenttypes. Styling will be made vie css-files
of contenttypes.
-->
<!-- ????????????????????????????????????????????????????????????????????????? -->
<!-- <xsl:for-each select="'global' | //objectType[. != 'com.arsdigita.cms.ReusableImageAsset'] | //nav:item/nav:attribute[@name='objectType']"> -->
<!-- DE Binde CSS-Dateien ein -->
<!-- EN Loading CSS files -->
<xsl:call-template name="mandalay:loadCSSFile">
<!-- DE Setze den Mediantyp -->
<!-- EN Set mediatype -->
<xsl:with-param name="media" select="$media"/>
<!-- DE Setze den Contenttyp -->
<!-- EN Set content type -->
<xsl:with-param name="content">
<xsl:text>global</xsl:text>
<!--
<xsl:call-template name="concat('mandalay:CT_', substring-after(., 'contenttypes.'),'_getCSSPath')"/>
-->
<!--
<xsl:call-template name="mandalay:getSetting">
<xsl:with-param name="module" select="substring-after(., 'contenttypes.')"/>
<xsl:with-param name="setting" select="'csspath'"/>
</xsl:call-template>
-->
</xsl:with-param>
<!-- DE Setze Modus -->
<!-- EN Set mode -->
<xsl:with-param name="mode" select="$mode"/>
<!-- DE Lade admin.css bei Bedarf (useContext) -->
<!-- EN Load admin.css if needed (useContext) -->
<xsl:with-param name="admin">
<xsl:choose>
<xsl:when test="$resultTree/@class = 'cms-admin' or $resultTree/@application = 'admin' or $resultTree/@application = 'terms' or $resultTree/@application = 'sitemap'">
<xsl:text>true</xsl:text>
</xsl:when>
<xsl:otherwise>
<xsl:text>false</xsl:text>
</xsl:otherwise>
</xsl:choose>
</xsl:with-param>
</xsl:call-template>
<!-- </xsl:for-each>-->
</xsl:for-each>
</xsl:template> </xsl:template>
<!-- DE Lade die nötigen CSS-Dateien abhängig vom Modus --> <xsl:template name="mandalay:loadCssFile">
<!-- DE Parameter: <xsl:param name="filename"/>
media: css-Medientyp (entspricht Verzeichnisnamen) <xsl:param name="media" select="''"/>
content: globale bzw. Contenttyp-bezogene CSS-Datei (enspricht Verzeichnisnamen)
mode: Browsertyp bzw. Anzeigemode (css1conform, css2conform, msie) <xsl:choose>
admin: boolean - spezielle CSS-Styles für die Admin-Oberfläche <xsl:when test="string-length($media) &gt; 0">
--> <link rel="stylesheet" type="text/css" href="{$theme-prefix}/css/{$media}/{$filename}" media="{$media}" />
<!-- EN Loading css files depending on modus --> </xsl:when>
<!-- EN Parameter: <xsl:otherwise>
media: css media type (directory name) <link rel="stylesheet" type="text/css" href="{$theme-prefix}/css/{$filename}" />
content: global or content type css file (directory name) </xsl:otherwise>
mode: browser type / view mode (css1conform, css2conform, msie) </xsl:choose>
admin: boolean - special css styles for admin ui
-->
<xsl:template name="mandalay:loadCSSFile">
<xsl:param name="media"/>
<xsl:param name="content"/>
<xsl:param name="mode"/>
<xsl:param name="admin"/>
<!-- DE Lade basic.css für alle Modes-->
<!-- EN Load basic.css for all modes-->
<link rel="stylesheet" type="text/css" href="{$theme-prefix}/css/{$media}/{$content}/basic.css" media="{$media}" />
<!-- DE Lade css-Dateien für standardkonforme Browser und für MSIE-->
<!-- EN Load css files for standard conform browser and MSIE-->
<xsl:if test="$mode = 'css2conform' or $mode = 'msie'">
<link rel="stylesheet" type="text/css" href="{$theme-prefix}/css/{$media}/{$content}/enhanced.css" media="{$media}" />
</xsl:if>
<!-- DE Für MSIE lade die ie-hack.css -->
<!-- EN For MSIE load special ie-hack.css -->
<xsl:if test="$mode = 'msie'">
<link rel="stylesheet" type="text/css" href="{$theme-prefix}/css/{$media}/{$content}/ie-hacks.css" media="{$media}" />
</xsl:if>
<!-- DE Für Admin lade die admin.css -->
<!-- EN For admin load admin.css -->
<xsl:if test="$admin = 'true'">
<link rel="stylesheet" type="text/css" href="{$theme-prefix}/css/{$media}/{$content}/admin.css" media="{$media}" />
</xsl:if>
</xsl:template> </xsl:template>
</xsl:stylesheet> </xsl:stylesheet>

View File

@ -90,7 +90,9 @@
</div> </div>
</div> </div>
<div id="content" class="columnContent"> <div id="content" class="columnContent">
<div id="contentInner">
<showBodyColumn/> <showBodyColumn/>
</div>
</div> </div>
</div> </div>
<div class="endFloat"/> <div class="endFloat"/>

View File

@ -95,10 +95,10 @@
</showRelatedLinks> </showRelatedLinks>
</div> </div>
<div id="addOn"> <div id="addOn">
<showNotes/> <showNotes/>
<showFileAttachments/> <showFileAttachments/>
</div> </div>
<divIfNotEmpty id="events" classIf="right, marginRight"> <divIfNotEmpty id="events" classIf="right, marginRight">
<showList id="newsList"> <!--classIf="eventList, 2columns">--> <showList id="newsList"> <!--classIf="eventList, 2columns">-->
@ -142,13 +142,13 @@
</divIfNotEmpty> </divIfNotEmpty>
</div> </div>
<div id="pageFooter" class="endFloat" classIf="right, borderRight"> <div id="pageFooter" class="endFloat" classIf="right, borderRight">
<useLastModified/> <useLastModified/>
<showLink id="toTop"> <showLink id="toTop">
<link>#top</link> <link>#top</link>
<name>toTop</name> <name>toTop</name>
</showLink> </showLink>
--> -->
</div> </div>
<div id="fillEmptySpace"/> <div id="fillEmptySpace"/>