Table of Contents

Änderungshistorie für Themes in Version 2.4

Diese Seite listet alle Änderungen im Theme-Ordner innerhalb der Version 2.4 auf. Solltest du auf eine neue Version updaten, so musst du alle Änderungen ab deiner vorherigen Version bis zu deiner neuen Admidio-Version nachziehen. Ansonsten kann es zu Darstellungsproblemen kommen.

Die hier angezeigten Änderungen beziehen sich immer auf unsere beiden Standardthemes. Hast du hier Änderungen gemacht, so musst du diese ggf. bei den Anpassungen berücksichtigen. Dies kann z.B. bei Farben der Fall sein.

Version 2.4.0

Bei einem Update von Version 2.3.0 oder neuer müssen die folgende Dateien im Themeordner angepasst werden. Änderungen bis zur Version 2.3.0 findest du in der Änderungshistorie der 2.3
(falls du nicht überall Änderungen gemacht hast, kannst du auch komplette Ordner einfach ersetzen und z.B. nur den CSS-Ordner manuell anpassen)

my_body_bottom.php (oder manuelle Anpassung der Menüaufrufe)
icons/facebook.png
icons/options.png
icons/options_big.png
icons/twitter.png

icons/clock.png
icons/list-point.png
icons/profile_edit.png
icons/system_notification.png

Änderungen im Modern Theme

Folgenden Block in css/print.css hinzufügen
/************************************** 
 * Style for printview of date module *
 **************************************/
 
@media print{
    .form {
        display: none;
    }
}
 
/* Settings for background colors of table rows */
.even {
    background-color: #eeeeee;
}
.odd {
    background-color: #FFFFFF;
}
/* Settings for highlighted dates */
.evenHighlight {
    background-color: #eeeeee;
    font-weight: bolder;
}
.oddHighlight {
    background-color: #FFFFFF;
    font-weight: bolder;
}
/* Settings for html table */
.tableDateList {
	position: relative;
	top: 0px !important;
	border-collapse: collapse;   
}
.tableDateList thead{ 
    background-color: #ffffff;
}
.tableDateList thead h1 {
    margin: 8px 0 0 0;
    font-size: 1.7em;
}
.tableDateList thead h3 {
    margin: 5px 0 5px 0;
}
.tableDateList tfoot {
 
}
.tableDateList th {
    color:            #000000;
    font-family:      arial, sans-serif;
    font-size:        .9em;
    height: 35px;
    background-color: #cccccc;
}
.tableDateList tr {
    font-family:      arial, sans-serif;
    border: 1px;
 
}
.tableDateList td {
	font-size: .9em;
	text-align: center;
 }
Folgenden Block in css/photos.css
 /*Die Fotoalben werden in einer Definitionsliste angezeigt*/
 .photoAlbumList {
     list-style-type: none;
 }

ersetzen durch 

 /*Die Fotoalben werden in einer Definitionsliste angezeigt*/
 .photoAlbumList {
     list-style-type: none;
	padding: 		 0px;
 }
Folgenden Block in css/modern.css hinzufügen
#sidebar #smenu_modules_overview {
	margin-bottom: 10px;
}
Folgenden Block in css/system.css hinzufügen
.boxHeadHighlighted {
    color:              #FF9C00;
    width:              100%;
    min-height:         20px;
    font-size:          12pt;
    font-weight:        bold;
    border-bottom:      2px solid #449ba6;
}
 
.admInformationCreated{
    display:            block;
}
Folgenden Block in css/system.css
.tableList th {
    padding:            3px;
    text-align:         left;
    background-repeat:  repeat-x;
    background-image:   url(../images/stripe.png);   
}

ersetzen durch 

.tableList th {
     padding:            3px;
     text-align:         left;
     background-repeat:  repeat-x;
     background-color:   #4b9fac;
     background-image:   -moz-linear-gradient(top, #52adba 0%, #346f78 80%);	
     background-image:   -webkit-linear-gradient(top, #52adba 0%, #346f78 80%);	
     background-image:   -ms-linear-gradient(top, #52adba 0%, #346f78 80%);	
     background-image:   -o-linear-gradient(top, #52adba 0%, #346f78 80%);	
 }
Folgenden Block in css/system.css
/* aktuelle Zeile kann in Listen markiert werden */
.tableMouseOver:hover {
    background-repeat:  repeat-x;
    background-image:   url(../images/row_marker.png);     
}

ersetzen durch 

 /* aktuelle Zeile kann in Listen markiert werden */
 .tableMouseOver:hover {
     background-repeat:  repeat-x;
     background-color:   #a8d9df;
     background-image:   -moz-linear-gradient(top, #ddeff2 0%, #7dbec8 90%);	
     background-image:   -webkit-linear-gradient(top, #ddeff2 0%, #7dbec8 90%);	
     background-image:   -ms-linear-gradient(top, #ddeff2 0%, #7dbec8 90%);	
     background-image:   -o-linear-gradient(top, #ddeff2 0%, #7dbec8 90%);	
 }
Folgenden Block in css/system.css
/*Einstellungen fuer eine Pfadnavigation, z.B. durch die Versanstaltungsherarchie im Fotomodul*/
 .navigationPath{
     margin:         	5px 0px 5px 0px;
 }

ersetzen durch 

 /*Einstellungen fuer eine Pfadnavigation, z.B. durch die Versanstaltungsherarchie im Fotomodul*/
 .navigationPath{
     margin:         	10px 0px 20px 0px;
 }
Folgenden Block in css/system.css
 .iconTextLinkList li{   
     padding-right:      10px;   
     display:            inline;
     font-size:          11pt;
 }

ersetzen durch 

 .iconTextLinkList li{   
     padding-right:      15px;   
     display:            inline-block;
     font-size:          11pt;
 }
Folgenden Block in css/system.css
#profile_roles_box ul li dl dd,
#profile_roles_box_other_orga ul li dl dd,
#profile_former_roles_box ul li dl dd {
     margin-left:        50%;
     text-align:         right;
 }

ersetzen durch 

.profileRolesBox ul li dl dd {
     margin-left:        50%;
     text-align:         right;
 }
Folgenden Block in css/system.css hinzufügen
/* Definitionsliste des DropDown Menüs*/
.dd-select{ 
    position:relative; 
    cursor:pointer;
    background: none;
    text-decoration: underline;
    color: #222222;
}
.dd-desc { 
    color:#aaa; 
    display:block; 
    overflow: hidden; 
    font-weight:normal; 
    line-height: 1.4em;
}
.dd-selected{ 
    display:block; 
    padding:0px; 
}
.dd-options{ 
    border-top:none; 
    list-style:none; 
    box-shadow:0px 1px 5px #ddd; 
    display:none; 
    position:absolute; 
    z-index:2000; 
    margin:0; 
    padding:0;
    background:#fff; 
    overflow:auto;
}
.dd-option{ 
    margin:0px; 
    padding:10px; 
    display:block; 
    border-bottom:solid 1px #ddd; 
    overflow:hidden; 
    text-decoration:none; 
    color:#333; 
    cursor:pointer;
    -webkit-transition: all 0.25s ease-in-out; 
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out; 
}
.dd-options > li{ 
    display: block; 
    padding-right: 0px; 
}
.dd-options > li:last-child > .dd-option{ 
    border-bottom:none; 
}
.dd-option:hover{ 
    background:#f3f3f3;
    color:#000;
}
.dd-selected-description-truncated { 
    text-overflow: ellipsis; 
    white-space:nowrap; 
}
.dd-option-selected { 
}
.dd-option-image, .dd-selected-image { 
    vertical-align:middle; 
    margin-right:5px; 
    max-width:64px;
}
.dd-image-right { 
    float:right; 
    margin-right:15px; 
    margin-left:5px;
}
.dd-container { 
    display: inline;
    background: none; 
}? 
.dd-selected-text { 
    font-weight:bold;    
    width: 100%;
}

Änderungen im Classic Theme

Folgenden Block in css/print.css hinzufügen
/**************************************
 * Style for printview of date module *
 **************************************/
 
@media print{
    .form {
        display: none;
    }
}
 
/* Settings for background colors of table rows */
.even {
    background-color: #eeeeee;
}
.odd {
    background-color: #FFFFFF;
}
/* Settings for highlighted dates */
.evenHighlight {
    background-color: #eeeeee;
    font-weight: bolder;
}
.oddHighlight {
    background-color: #FFFFFF;
    font-weight: bolder;
}
/* Settings for html table */
.tableDateList {
	position: relative;
	top: 0px !important;
	border-collapse: collapse;
}
.tableDateList thead{
    background-color: #ffffff;
}
.tableDateList thead h1 {
    margin: 8px 0 0 0;
    font-size: 1.7em;
}
.tableDateList thead h3 {
    margin: 5px 0 5px 0;
}
.tableDateList tfoot {
 
}
.tableDateList th {
    color:            #000000;
    font-family:      arial, sans-serif;
    font-size:        .9em;
    height: 35px;
    background-color: #cccccc;
}
.tableDateList tr {
    font-family:      arial, sans-serif;
    border: 1px;
 
}
.tableDateList td {
	font-size: .9em;
	text-align: center;
}
Folgenden Block in css/system.css hinzufügen
.boxHeadHighlighted {
    color:              #FF0000;
    text-align:         left;
    background-color:   #85C226;
    width:              100%;
    min-height:         20px;
    font-size:          12pt;
    font-weight:        bold;
    padding:            2px;
}
 
.admInformationCreated{
    display:            block;
}
Folgenden Block in css/system.css
.iconTextLinkList li{   
    display:            inline;
    padding:            10px;
    font-size:          10pt;
 }

ersetzen durch 

.iconTextLinkList li{   
    display:            inline-block;
    padding:            15px;
    font-size:          10pt;
 }
Folgenden Block in css/system.css
#profile_roles_box ul li dl dd,
#profile_roles_box_other_orga ul li dl dd,
#profile_former_roles_box ul li dl dd {
     margin-left:        50%;
     text-align:         right;
 }

ersetzen durch 

.profileRolesBox ul li dl dd {
     margin-left:        50%;
     text-align:         right;
 }
Folgenden Block in css/system.css hinzufügen
/* Definitionsliste des DropDown Menüs*/
.dd-select{ 
    position:relative; 
    cursor:pointer;
    color: #E0791F;
    font-weight: bold;
    text-decoration: none;    
}
.dd-desc { 
    color:#aaa; 
    display:block; 
    overflow: hidden; 
    font-weight:normal; 
    line-height: 1.4em;
}
.dd-selected{ 
    display:block; 
    padding:0px; 
}
.dd-options{ 
    border-top:none; 
    list-style:none; 
    box-shadow:0px 1px 5px #ddd; 
    display:none; 
    position:absolute; 
    z-index:2000; 
    margin:0; 
    padding:0;
    background:#fff; 
    overflow:auto;
}
.dd-option{ 
    margin:0px; 
    padding:10px; 
    display:block; 
    border-bottom:solid 1px #ddd; 
    overflow:hidden; 
    text-decoration:none; 
    color:#333; 
    cursor:pointer;
    -webkit-transition: all 0.25s ease-in-out; 
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out; 
}
.dd-options > li{ 
    display: block; 
    padding: 0px;
    text-align: left; 
}
.dd-options > li:last-child > .dd-option{ 
    border-bottom:none; 
}
.dd-option:hover{ 
    background:#f3f3f3;
    color: #E0791F;
    font-weight: bold;
    text-decoration: none;    
 
}
.dd-selected-description-truncated { 
    text-overflow: ellipsis; 
    white-space:nowrap; 
}
.dd-option-selected { 
}
.dd-option-image, .dd-selected-image { 
    vertical-align:middle; 
    margin-right:5px; 
    max-width:64px;
}
.dd-image-right { 
    float:right; 
    margin-right:15px; 
    margin-left:5px;
}
.dd-container { 
    display: inline;
    background: none;
    text-align: left; 
}‚Äã 
.dd-selected-text { 
    font-weight:bold;    
    width: 100%;
}