Differences

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

--- de:2.0:aenderungshistorie_fuer_themes_24 [2013/03/29 17:10] – fasse
+++ de:2.0:aenderungshistorie_fuer_themes_24 [2013/03/30 22:53] (current) – fasse
@@ Line 15: / Line 15: @@
 **icons/options_big.png**\\
 **icons/twitter.png**\\
-  * Folgende Dateien müssen in den entsprechenden Ordnern //entfernt// werden:
-**ecard_templates/brief_grosses_foto.tpl**\\
@@ Line 28: / Line 24: @@
-== Folgenden Block in css/photos.css ==
+==== Änderungen im Modern Theme ====
-<code css>/* Einstellung fuer die Thumbnailtabellenzeilen */
-.photoThumbnailRow{
+== Folgenden Block in css/print.css hinzufügen ==
-    text-align: center;
+<code css>/**************************************
-    list-style-type: none;
+ * Style for printview of date module *
-    clear: left;
+ **************************************/
-}</code>
-ersetzen durch <code css>/* Einstellung fuer die Thumbnailtabellenzeilen */
+@media print{
-.photoThumbnailRows{
+    .form {
-    padding: 0px;
+        display: none;
-    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;
-    border-width:       thin;
- }
-textarea {
-    font-family:        arial, sans-serif;
-    font-size:          10pt;
-}
-/* Hack fuer IE6, damit dieser lange Buttons vernuenftig darstellt */
-html.* button {
-    padding:            0em .25em;
-    width:              auto;
-    overflow:           visible;
 }</code>
 == Folgenden Block in css/system.css ==
-<code css>.formFieldList li {
+<code css>.tableList th {
-    display:            inline;
+    padding:            3px;
-    text-align:         left;
-}
-.formFieldList li dl {
-    padding:            0px;
-    margin:             8px 0px 8px 0px;
-}
-.formFieldList li dl dt {
-    text-align:         left;
-    float:              left;
-}
-.formFieldList li dl dd {
-    margin-left:        29%;
-    text-align:         left;
-}</code>
-ersetzen durch <code css>.formFieldList > li {
-    text-align:         left;
-}
-.formFieldList > li > dl,
-.formFieldList > li > div {
-    padding:            0px;
-    margin:             8px 0px 8px 0px;
-}
-.formFieldList > li > dl > dt {
-    text-align:         left;
-    float:              left;
-}
-.formFieldList > li > dl > dd {
-    margin-left:        29%;
     text-align:         left;
+    background-repeat:  repeat-x;
+    background-image:   url(../images/stripe.png);
 }</code>
+ersetzen durch <code css>.tableList th {
-== Folgenden Block in css/print.css ==
+     padding:            3px;
-<code css>.tableList {
+     text-align:         left;
-    width:              550px;         /* Optimale Breite von Listen */
+     background-repeat:  repeat-x;
-    color:              #555555;
+     background-color:   #4b9fac;
-    font-size:          10pt;
+     background-image:   -moz-linear-gradient(top, #52adba 0%, #346f78 80%);
-    background-color:   #eaeaea;
+     background-image:   -webkit-linear-gradient(top, #52adba 0%, #346f78 80%);
-    border:             1px solid #555555;
+     background-image:   -ms-linear-gradient(top, #52adba 0%, #346f78 80%);
-    margin:             auto;
+     background-image:   -o-linear-gradient(top, #52adba 0%, #346f78 80%);
-}</code>
+ }</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>
 == Folgenden Block in css/system.css ==
-<code css>.iconTextLink img {
+<code css>/* aktuelle Zeile kann in Listen markiert werden */
-    border:             none;
+.tableMouseOver:hover {
-    vertical-align:     middle;
+    background-repeat:  repeat-x;
-    padding-right:      1px;
+    background-image:   url(../images/row_marker.png);
-}</code>
-ersetzen durch <code css>.iconTextLink img {
-    border:             none;
-    vertical-align:     middle;
-    padding-right:      1px;
-    width:              16px;
-    height:             16px;
 }</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>.iconShowHide img {
+<code css>/*Einstellungen fuer eine Pfadnavigation, z.B. durch die Versanstaltungsherarchie im Fotomodul*/
-    border:             none;
+ .navigationPath{
-    vertical-align:     top;
+     margin:         	5px 0px 5px 0px;
-    margin:             4px 5px 2px 3px;
+ }</code>
-}</code>
+ersetzen durch <code css> /*Einstellungen fuer eine Pfadnavigation, z.B. durch die Versanstaltungsherarchie im Fotomodul*/
-ersetzen durch <code css>.iconShowHide img {
+ .navigationPath{
-    border:             none;
+     margin:         	10px 0px 20px 0px;
-    vertical-align:     top;
+ }</code>
-    margin:             4px 5px 2px 3px;
-    width:              11px;
-    height:             11px;
-}</code>
-== Folgenden Block in css/system.css ==
-<code css>.iconInformation {
-    cursor:             help;
-    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 ==
-<code css>.iconHelpLink {
+<code css> .iconTextLinkList li{
-    border:             none;
+     padding-right:      10px;
-    cursor:             pointer;
+     display:            inline;
-    vertical-align:     middle;
+     font-size:          11pt;
-    margin:             0px 3px 0px 3px;
+ }</code>
-}</code>
+ersetzen durch <code css> .iconTextLinkList li{
-ersetzen durch <code css>.iconHelpLink {
+     padding-right:      15px;
-    border:             none;
+     display:            inline-block;
-    cursor:             pointer;
+     font-size:          11pt;
-    vertical-align:     middle;
+ }</code>
-    margin-left:        3px;
-    width:              16px;
-    height:             16px;
-}</code>
 == Folgenden Block in css/system.css ==
-<code css>#organization_form .formFieldList li dl {
+<code css>#profile_roles_box ul li dl dd,
-    margin-top:         15px;
+#profile_roles_box_other_orga ul li dl dd,
-    margin-bottom:      5px;
+#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>
-#organization_form .formFieldList li dl dd {
-    margin-left:        55%;
-}</code>
-ersetzen durch <code css>#admOrganizationMenu .formFieldList li dl {
-    margin-top:         15px;
-    margin-bottom:      5px;
-}
-#admOrganizationMenu .formFieldList li dl dd {
+== Folgenden Block in css/system.css hinzufügen ==
-    margin-left:        50%;
+<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>
-== Folgenden Block in css/print.css hinzufügen ==
+==== Änderungen im Classic Theme ====
-<code css>/**************************************
-</code>
 == Folgenden Block in css/print.css hinzufügen ==
@@ Line 311: / Line 335: @@
 	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>