Changes for page UX: Standards

Last modified by Ecaterina Moraru on 2013/11/13 16:30
From version Icon 116.50 Icon
edited by Ecaterina Valica
on 2011/09/22 14:14
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
... ... @@ -1,8 +1,11 @@
1 -{{velocity}}$xwiki.ssx.use("Standards.WebHome"){{/velocity}}
1 +{{velocity}}
2 +#set($ok=$xwiki.ssx.use("Standards.WebHome"))
2 2  {{include document="Improvements.Keywords"/}}
4 +{{/velocity}}
3 3  
4 4  (% class="leftMargin dashboardleft column20" %)
5 5  (((
8 +
6 6  == CSS Standards ==
7 7  
8 8  * [[Code Style>>CSSCodeStyle]]
... ... @@ -13,12 +13,11 @@
13 13  * (% class="external" %) [[Front-end Resources>>http://platform.xwiki.org/xwiki/bin/view/DevGuide/FrontendResources]] (%%)
14 14  )))
15 15  
16 -
17 17  (% class="left column60 dashboardright" %)
18 18  (((
19 19  (% class="left dashboardrightcontent" %)
20 20  (((
21 -{{html}} <h2 style="margin-top: 6px;">Visual Elements Standards</h2>{{/html}}
23 +== Visual Elements Standards ==
22 22  
23 23  Style Standards provide a consistent User Experience throughout the application and also serve as a guide book for designers:
24 24  
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 +