Änderungshistorie für 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.
====== Ä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 [[aenderungshistorie_fuer_themes_23|Ä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)

  * Folgende Dateien müssen in den entsprechenden Ordnern //ersetzt// werden:
**my_body_bottom.php (oder manuelle Anpassung der Menüaufrufe) **\\ 
**icons/facebook.png**\\ 
**icons/options.png**\\ 
**icons/options_big.png**\\ 
**icons/twitter.png**\\ 


  * Folgende Dateien müssen in den entsprechenden Ordnern //hinzugefügt// werden:
**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 ==
<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>

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

== Folgenden Block in css/modern.css hinzufügen ==
<code css>#sidebar #smenu_modules_overview {
	margin-bottom: 10px;
}</code>

== Folgenden Block in css/system.css hinzufügen ==
<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>

== Folgenden 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>
ersetzen durch <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>

== Folgenden 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>
ersetzen durch <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>

== Folgenden 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>
ersetzen durch <code css> /*Einstellungen fuer eine Pfadnavigation, z.B. durch die Versanstaltungsherarchie im Fotomodul*/
 .navigationPath{
     margin:         	10px 0px 20px 0px;
 }</code>


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


== Folgenden 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>
ersetzen durch <code css>.profileRolesBox ul li dl dd {
     margin-left:        50%;
     text-align:         right;
 }</code>


== Folgenden Block in css/system.css hinzufügen ==
<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>

==== Änderungen im Classic Theme ====

== Folgenden Block in css/print.css hinzufügen ==
<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>

== Folgenden Block in css/system.css hinzufügen ==
<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>

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

== Folgenden 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>
ersetzen durch <code css>.profileRolesBox ul li dl dd {
     margin-left:        50%;
     text-align:         right;
 }</code>

== Folgenden Block in css/system.css hinzufügen ==
<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>