Differences

This shows you the differences between two versions of the page.

--- de:2.0:aenderungshistorie_fuer_themes_24 [2013/03/27 13:38] – angelegt fasse
+++ de:2.0:aenderungshistorie_fuer_themes_24 [2013/03/30 22:53] (current) – fasse
@@ Line 10: / Line 10: @@
   * Folgende Dateien müssen in den entsprechenden Ordnern //ersetzt// werden:
-**my_body_bottom.php (oder manuelle Anpassung der Variablen) **\\
+**my_body_bottom.php (oder manuelle Anpassung der Menüaufrufe) **\\
-**images/ownertext.png**\\
+**icons/facebook.png**\\
-**css/colorbox.css**\\
+**icons/options.png**\\
+**icons/options_big.png**\\
+**icons/twitter.png**\\
-  * Folgende Dateien müssen in den entsprechenden Ordnern //entfernt// werden:
+  * Folgende Dateien müssen in den entsprechenden Ordnern //hinzugefügt// werden:
-**ecard_templates/brief_grosses_foto.tpl**\\
+**icons/clock.png**\\
-**ecard_templates/brief_standard.tpl**\\
+**icons/list-point.png**\\
-**ecard_templates/grusskarte.tpl**\\
+**icons/profile_edit.png**\\
-**icons/chair.png**\\
+**icons/system_notification.png**\\
-**icons/google.gif**\\
-**icons/image.png**\\
-**icons/link.png**\\
-**icons/msn.png**\\
-**icons/text_align_center.png**\\
-**icons/text_align_center_point.png**\\
-**icons/text_bigger.png**\\
-**icons/text_bigger_point.png**\\
-**icons/text_bold.png**\\
-**icons/text_bold_point.png**\\
-**icons/text_italic.png**\\
-**icons/text_italic_point.png**\\
-**icons/text_smaller.png**\\
-**icons/text_smaller_point.png**\\
-**icons/text_underline.png**\\
-**icons/text_underline_point.png**\\
-**icons/text_smallcaps.png**\\
-  * Folgende Dateien müssen in den entsprechenden Ordnern //hinzugefügt// werden:
+==== Änderungen im Modern Theme ====
-**css/jquery.css**\\
-**ecard_templates/greeting_card.tpl**\\
-**ecard_templates/postcard.tpl**\\
-**ecard_templates/postcard_separate_photo.tpl**\\
-**icons/facebook.png**\\
-**icons/google_plus.png**\\
-**icons/skype.png**\\
-**icons/twitter.png**\\
-**icons/windows_live.png**\\
-**icons/world.png**\\
-**icons/xing.png**\\
-**images/jquery  (den kompletten Ordner) **\\
+== Folgenden Block in css/print.css hinzufügen ==
+<code css>/**************************************
+ * Style for printview of date module *
+ **************************************/
-== Folgenden Block in css/photos.css ==
+@media print{
-<code css>/* Einstellung fuer die Thumbnailtabellenzeilen */
+    .form {
-.photoThumbnailRow{
+        display: none;
-    text-align: center;
+    }
-    list-style-type: none;
-    clear: left;
-}</code>
-ersetzen durch <code css>/* Einstellung fuer die Thumbnailtabellenzeilen */
-.photoThumbnailRows{
-    padding: 0px;
-    list-style-type: none;
 }
-.photoThumbnailRow{
+/* Settings for background colors of table rows */
-    clear: left;
+.even {
+    background-color: #eeeeee;
 }
-</code>
+.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 {
-== Folgenden Block in css/print.css ==
+}
-<code css>.bodyPrint {
+.tableDateList th {
     color:            #000000;
     font-family:      arial, sans-serif;
-    font-size:        10pt;
+    font-size:        .9em;
-    background-color: #ffffff;
+    height: 35px;
-    text-align:       center;
+    background-color: #cccccc;
-}</code>
+}
-ersetzen durch <code css>.bodyPrint {
+.tableDateList tr {
-    color:            #000000;
     font-family:      arial, sans-serif;
-    font-size:        10pt;
+    border: 1px;
-    background-color: #ffffff;
-    text-align:       center;
-    margin:	      20px;
-}</code>
-== Folgenden Block in css/print.css ==
-<code css>.groupBox {
-    color:            #000000;
-    background-color: #ffffff;
-    border:           1px solid #cccccc;
-    padding:          5px 10px 5px 10px;
-    text-align:       left;
-    margin-top:       12px;
-}</code>
-ersetzen durch <code css>.groupBox {
-    color:            #000000;
-    background-color: #ffffff;
-    border:           1px solid #cccccc;
-    padding:          5px 10px 5px 10px;
-    text-align:       left;
-    margin-top:       20px;
-}</code>
-== Folgenden Block in css/system.css entfernen ==
-<code css>.defaultFontSize, body {
-    font-size:          10pt;
 }
+.tableDateList td {
+	font-size: .9em;
+	text-align: center;
+ }</code>
-.bigFontSize {
+== Folgenden Block in css/photos.css ==
-    font-size:          12pt;
+<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>textarea, input, select {
+<code css>.boxHeadHighlighted {
-    font-family:        Arial, sans-serif;
+    color:              #FF9C00;
-    font-size:          11pt;
+    width:              100%;
+    min-height:         20px;
+    font-size:          12pt;
+    font-weight:        bold;
+    border-bottom:      2px solid #449ba6;
 }
-</code>
-== Folgenden Block in css/system.css entfernen ==
+.admInformationCreated{
-<code css>*[readonly] {
+    display:            block;
-    background-color:   #e5e5e5;
+}</code>
-    border-width:       thin;
- }
-textarea {
+== Folgenden Block in css/system.css ==
-    font-family:        arial, sans-serif;
+<code css>.tableList th {
-    font-size:          10pt;
+    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>
-/* Hack fuer IE6, damit dieser lange Buttons vernuenftig darstellt */
+== Folgenden Block in css/system.css ==
-html.* button {
+<code css>/* aktuelle Zeile kann in Listen markiert werden */
-    padding:            0em .25em;
+.tableMouseOver:hover {
-    width:              auto;
+    background-repeat:  repeat-x;
-    overflow:           visible;
+    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>.formFieldList li {
+<code css>/*Einstellungen fuer eine Pfadnavigation, z.B. durch die Versanstaltungsherarchie im Fotomodul*/
-    display:            inline;
+ .navigationPath{
-    text-align:         left;
+     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;
 }
-.formFieldList li dl {
+.dd-desc {
-    padding:            0px;
+    color:#aaa;
-    margin:             8px 0px 8px 0px;
+    display:block;
+    overflow: hidden;
+    font-weight:normal;
+    line-height: 1.4em;
 }
-.formFieldList li dl dt {
+.dd-selected{
-    text-align:         left;
+    display:block;
-    float:              left;
+    padding:0px;
 }
-.formFieldList li dl dd {
+.dd-options{
-    margin-left:        29%;
+    border-top:none;
-    text-align:         left;
+    list-style:none;
-}</code>
+    box-shadow:0px 1px 5px #ddd;
-ersetzen durch <code css>.formFieldList > li {
+    display:none;
-    text-align:         left;
+    position:absolute;
+    z-index:2000;
+    margin:0;
+    padding:0;
+    background:#fff;
+    overflow:auto;
 }
-.formFieldList > li > dl,
+.dd-option{
-.formFieldList > li > div {
+    margin:0px;
-    padding:            0px;
+    padding:10px;
-    margin:             8px 0px 8px 0px;
+    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;
 }
-.formFieldList > li > dl > dt {
+.dd-options > li{
-    text-align:         left;
+    display: block;
-    float:              left;
+    padding-right: 0px;
 }
-.formFieldList > li > dl > dd {
+.dd-options > li:last-child > .dd-option{
-    margin-left:        29%;
+    border-bottom:none;
-    text-align:         left;
-}</code>
-== Folgenden Block in css/print.css ==
-<code css>.tableList {
-    width:              550px;         /* Optimale Breite von Listen */
-    color:              #555555;
-    font-size:          10pt;
-    background-color:   #eaeaea;
-    border:             1px solid #555555;
-    margin:             auto;
-}</code>
-ersetzen durch <code css>.tableList {
-    width:              600px;         /* Optimale Breite von Listen */
-    color:              #555555;
-    font-size:          10pt;
-    background-color:   #eaeaea;
-    border:             1px solid #555555;
-    margin:             auto;
 }
-</code>
+.dd-option:hover{
+    background:#f3f3f3;
-== Folgenden Block in css/system.css ==
+    color:#000;
-<code css>.iconTextLink img {
+}
-    border:             none;
+.dd-selected-description-truncated {
-    vertical-align:     middle;
+    text-overflow: ellipsis;
-    padding-right:      1px;
+    white-space:nowrap;
-}</code>
+}
-ersetzen durch <code css>.iconTextLink img {
+.dd-option-selected {
-    border:             none;
+}
-    vertical-align:     middle;
+.dd-option-image, .dd-selected-image {
-    padding-right:      1px;
+    vertical-align:middle;
-    width:              16px;
+    margin-right:5px;
-    height:             16px;
+    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>
-== Folgenden Block in css/system.css ==
+==== Änderungen im Classic Theme ====
-<code css>.iconShowHide img {
-    border:             none;
-    vertical-align:     top;
-    margin:             4px 5px 2px 3px;
-}</code>
-ersetzen durch <code css>.iconShowHide img {
-    border:             none;
-    vertical-align:     top;
-    margin:             4px 5px 2px 3px;
-    width:              11px;
-    height:             11px;
-}</code>
-== Folgenden Block in css/system.css ==
+== Folgenden Block in css/print.css hinzufügen ==
-<code css>.iconInformation {
+<code css>/**************************************
-    cursor:             help;
+ * Style for printview of date module *
-    vertical-align:     top;
+ **************************************/
-    margin-left:        2px;
-    margin-right:       2px;
-}</code>
-ersetzen durch <code css>.iconInformation {
-    cursor:             help;
-    vertical-align:     top;
-    margin-left:        2px;
-    margin-right:       2px;
-    width:              16px;
-    height:             16px;
-}</code>
-== Folgenden Block in css/system.css ==
+@media print{
-<code css>.iconHelpLink {
+    .form {
-    border:             none;
+        display: none;
-    cursor:             pointer;
+    }
-    vertical-align:     middle;
+}
-    margin:             0px 3px 0px 3px;
-}</code>
-ersetzen durch <code css>.iconHelpLink {
-    border:             none;
-    cursor:             pointer;
-    vertical-align:     middle;
-    margin-left:        3px;
-    width:              16px;
-    height:             16px;
-}</code>
-== Folgenden Block in css/system.css ==
+/* Settings for background colors of table rows */
-<code css>#organization_form .formFieldList li dl {
+.even {
-    margin-top:         15px;
+    background-color: #eeeeee;
-    margin-bottom:      5px;
 }
+.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 {
-#organization_form .formFieldList li dl dd {
+}
-    margin-left:        55%;
+.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>
-ersetzen durch <code css>#admOrganizationMenu .formFieldList li dl {
-    margin-top:         15px;
+== Folgenden Block in css/system.css hinzufügen ==
-    margin-bottom:      5px;
+<code css>.boxHeadHighlighted {
+    color:              #FF0000;
+    text-align:         left;
+    background-color:   #85C226;
+    width:              100%;
+    min-height:         20px;
+    font-size:          12pt;
+    font-weight:        bold;
+    padding:            2px;
 }
-#admOrganizationMenu .formFieldList li dl dd {
+.admInformationCreated{
-    margin-left:        50%;
+    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>/* spezielle Anpassung fuer die Profilseite */
+<code css>/* Definitionsliste des DropDown Men√ºs*/
-#admProfileMasterData {
+.dd-select{
-	min-height: 200px;
+    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>