Changes for page UX: Standards

Last modified by Ecaterina Moraru on 2013/11/13 16:30
From version Icon 116.57 Icon
edited by Ecaterina Valica
on 2011/09/22 14:16
Change comment: There is no comment for this version
To version Icon 116.67 Icon
edited by Ecaterina Valica
on 2012/05/29 10:14
Change comment: There is no comment for this version

Summary

Details

Icon Page properties
Content
... ... @@ -16,12 +16,11 @@
16 16  * (% class="external" %) [[Front-end Resources>>http://platform.xwiki.org/xwiki/bin/view/DevGuide/FrontendResources]] (%%)
17 17  )))
18 18  
19 -
20 20  (% class="left column60 dashboardright" %)
21 21  (((
22 22  (% class="left dashboardrightcontent" %)
23 23  (((
24 -{{html}} <h2 style="margin-top: 6px;">Visual Elements Standards</h2>{{/html}}
23 +== Visual Elements Standards ==
25 25  
26 26  Style Standards provide a consistent User Experience throughout the application and also serve as a guide book for designers:
27 27  
Icon XWiki.StyleSheetExtension[2]
Code
... ... @@ -1,10 +1,6 @@
1 1  h6 {
2 2   font-size:1em;
3 3   font-weight:bold;
4 - /* color: #888;
5 - border-bottom: 1px dotted #DDDDDD; */
6 - color: #4d4d4d;
7 - border-bottom: 1px solid #4d4d4d;
8 8   display:block;
9 9   margin-top: 20px;
10 10   margin-bottom: 5px;
Icon XWiki.StyleSheetExtension[3]
Code
... ... @@ -15,18 +15,31 @@
15 15   width: 18%;
16 16  }
17 17  
18 -.column70 {
19 - width: 69%;
18 +.column33 {
19 + width: 32.8%;
20 20  }
21 21  
22 -.column60 {
23 - width: 58%;
24 -}
25 -
26 26  .column40 {
27 27   width: 39%;
28 28  }
29 29  
26 +.column45 {
27 + width: 44%;
28 +}
29 +
30 30  .column50 {
31 31   width: 49%;
32 32  }
33 +
34 +.column60 {
35 + width: 58%;
36 +}
37 +
38 +.column70 {
39 + width: 69%;
40 +}
41 +
42 +.column80 {
43 + width: 79%;
44 +}
45 +