Change history for Themes in Version 2.4

This page lists all changes in the Theme folder inside the Version 2.4. If you update to a new version, so you have updte all the changes from your previous version to your new version Admidio, otherwise it may cause display problems.

The changes shown here always refer to both of our standard themes. Did you make changes here, so you have to consider when assigning these adjustments if necessary. This can, for example, be the case with colors.

When updating from version 2.3.0 or later, the following files need to be adjusted in the Theme folder. Changes to version 2.3.0, check out Change history of 2.3
(if you have not made changes, you can also upload entire folders and just only adjust the CSS folder manually)

  • The following files must be replaced in the appropriate folders:

my_body_bottom.php (or manually adjust the menu views)
icons/facebook.png
icons/options.png
icons/options_big.png
icons/twitter.png

  • The following files must be added in the appropriate folders:

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

Changes in Modern Theme

Add block in css/print.css
/************************************** 
 * 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;
 }
Replace block in css/photos.css
 /*Die Fotoalben werden in einer Definitionsliste angezeigt*/
 .photoAlbumList {
     list-style-type: none;
 }

with:

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

with:

.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%);	
 }
Replace 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);     
}

with:

 /* 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%);	
 }
Replace block in css/system.css
/*Einstellungen fuer eine Pfadnavigation, z.B. durch die Versanstaltungsherarchie im Fotomodul*/
 .navigationPath{
     margin:         	5px 0px 5px 0px;
 }

with:

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

with:

 .iconTextLinkList li{   
     padding-right:      15px;   
     display:            inline-block;
     font-size:          11pt;
 }
Replace 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;
 }

with:

.profileRolesBox ul li dl dd {
     margin-left:        50%;
     text-align:         right;
 }
Add block in css/system.css
/* 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%;
}

Changes in Classic Theme

Add block in css/print.css
/**************************************
 * 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;
}
Add block in css/system.css
.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;
}
Replace block in css/system.css
.iconTextLinkList li{   
    display:            inline;
    padding:            10px;
    font-size:          10pt;
 }

with:

.iconTextLinkList li{   
    display:            inline-block;
    padding:            15px;
    font-size:          10pt;
 }
Replace 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;
 }

with:

.profileRolesBox ul li dl dd {
     margin-left:        50%;
     text-align:         right;
 }
Add block in css/system.css
/* 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%;
}
  • en/2.0/aenderungshistorie_fuer_themes_24.txt
  • Last modified: 2015/10/28 17:20
  • by thomas-rcv