Skip to Content

Changes for page UX: Standards

Last modified by Ecaterina Moraru on 2013/11/13 16:30
From version Icon 46.1 Icon
edited by Ecaterina Valica
on 2009/07/28 16:15
Change comment: There is no comment for this version
To version Icon 26.1 Icon
edited by Ecaterina Valica
on 2009/07/16 11:26
Change comment: There is no comment for this version

Summary

Details

Icon Page properties
Content
... ... @@ -1,28 +1,12 @@
1 1  {{velocity}}{{html}}#info("This page is a work in progress. Thank you!"){{/html}}{{/velocity}}
2 2  
3 -== CSS Components ==
4 -
5 -* [[Action Component>>Standards.CssAction]]
6 -
7 7  == Style Standards ==
8 8  
9 -Style Standards provide a consistent User Experience throughout the application and also serve as a guide book for designers:
10 -
11 -* Images used
12 -** [[Icons>>Standards.Icons]]
13 -*** [[Display of Action Icons>>Standards.ActionIcons]]
5 +* [[Icons>>Standards.Icons]]
14 14  * [[Buttons>>Standards.Buttons]]
15 15  
16 16  * [[Links>>Standards.Links]]
17 17  * [[Forms>>Standards.Forms]]
18 -
19 19  * [[Colors>>Standards.Colors]]
20 -* [[Typography>>Standards.Typography]]
21 -
22 -* Types of pages
23 - ** Main
24 - ** Section Pages
25 -* Error messages
26 - ** Status bar notification
27 - ** Dialog notifications
28 -* Behavior
11 +* [[Boxes>>Standards.Boxes]] (gray background + 1px border)
12 +* [[Gray Shades and usage>>Standards]]
Icon XWiki.StyleSheetExtension[0]
Code
... ... @@ -27,6 +27,6 @@
27 27  }
28 28  
29 29  ul.colorsShow li.empty{
30 - border: 1px solid #fff;
30 + border: 0px solid #fff;
31 31   background-color: #fff;
32 32  }
Name
... ... @@ -1,1 +1,1 @@
1 -Color Show ul Styles
1 +Color Show Styles
Icon XWiki.StyleSheetExtension[1]
Caching policy
... ... @@ -1,1 +1,0 @@
1 -default
Code
... ... @@ -1,50 +1,0 @@
1 -.palette {
2 - clear: both;
3 - display: block;
4 -}
5 -
6 -.paletteItem {
7 - width:70px;
8 - float:left;
9 - margin-right:10px;
10 -}
11 -
12 -.paletteItemColor {
13 - width: 100%;
14 - background-color:#fff;
15 - height: 70px;
16 - margin-bottom:10px;
17 - padding-right:2px;
18 - text-align:right;
19 - font-weight: bold;
20 - color: #fff;
21 -}
22 -
23 -.paletteItemDetails {
24 - font-size: 80%;
25 -}
26 -
27 -.paletteItemDetails span{
28 - display: block;
29 - color: #ccc;
30 -}
31 -
32 -.c1 {
33 - background-color: #505052;
34 -}
35 -
36 -.c2 {
37 - background-color: #0087CB;
38 -}
39 -
40 -.c3 {
41 - background-color: #70B700;
42 -}
43 -
44 -.c4 {
45 - background-color: #FF7700;
46 -}
47 -
48 -.c5 {
49 - background-color: #FF0000;
50 -}
Name
... ... @@ -1,1 +1,0 @@
1 -Color Palette Styles
Parse content
... ... @@ -1,1 +1,0 @@
1 -Yes
Use this extension
... ... @@ -1,1 +1,0 @@
1 -onDemand