Change history for Themes in Version 2.4 [Admidio-Wiki]

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
====== 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.


===== Version 2.4.0 =====
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 [[aenderungshistorie_fuer_themes_23 | 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  ==
<code 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;
 }</code>

== Replace block in css/photos.css ==
<code css> /*Die Fotoalben werden in einer Definitionsliste angezeigt*/
 .photoAlbumList {
     list-style-type: none;
 }</code>
with: <code css> /*Die Fotoalben werden in einer Definitionsliste angezeigt*/
 .photoAlbumList {
     list-style-type: none;
	padding: 		 0px;
 }</code>

== Add block in css/modern.css  ==
<code css>#sidebar #smenu_modules_overview {
	margin-bottom: 10px;
}</code>

== Add block in css/system.css ==
<code css>.boxHeadHighlighted {
    color:              #FF9C00;
    width:              100%;
    min-height:         20px;
    font-size:          12pt;
    font-weight:        bold;
    border-bottom:      2px solid #449ba6;
}

.admInformationCreated{
    display:            block;
}</code>

== Replace block in css/system.css ==
<code css>.tableList th {
    padding:            3px;
    text-align:         left;
    background-repeat:  repeat-x;
    background-image:   url(../images/stripe.png);   
}</code>
with: <code css>.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%);	
 }</code>

== Replace block in css/system.css ==
<code css>/* aktuelle Zeile kann in Listen markiert werden */
.tableMouseOver:hover {
    background-repeat:  repeat-x;
    background-image:   url(../images/row_marker.png);     
}</code>
with: <code css> /* 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%);	
 }</code>

== Replace block in css/system.css ==
<code css>/*Einstellungen fuer eine Pfadnavigation, z.B. durch die Versanstaltungsherarchie im Fotomodul*/
 .navigationPath{
     margin:         	5px 0px 5px 0px;
 }</code>
with: <code css> /*Einstellungen fuer eine Pfadnavigation, z.B. durch die Versanstaltungsherarchie im Fotomodul*/
 .navigationPath{
     margin:         	10px 0px 20px 0px;
 }</code>


== Replace block in css/system.css ==
<code css> .iconTextLinkList li{   
     padding-right:      10px;   
     display:            inline;
     font-size:          11pt;
 }</code>
with: <code css> .iconTextLinkList li{   
     padding-right:      15px;   
     display:            inline-block;
     font-size:          11pt;
 }</code>


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


== Add block in css/system.css ==
<code 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%;
}</code>

==== Changes in  Classic Theme ====

== Add block in css/print.css  ==
<code 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;
}</code>

== Add block in css/system.css ==
<code 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;
}</code>

== Replace block in css/system.css ==
<code css>.iconTextLinkList li{   
    display:            inline;
    padding:            10px;
    font-size:          10pt;
 }</code>
with: <code css>.iconTextLinkList li{   
    display:            inline-block;
    padding:            15px;
    font-size:          10pt;
 }</code>

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

== Add block in css/system.css ==
<code 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%;
}</code>