Skip to Content

Changes for page UX: Standards

Last modified by Ecaterina Moraru on 2013/11/13 16:30
From version Icon 54.1 Icon
edited by Ecaterina Valica
on 2009/07/29 16:10
Change comment: There is no comment for this version
To version Icon 35.1 Icon
edited by Ecaterina Valica
on 2009/07/27 14:45
Change comment: There is no comment for this version

Summary

Details

Icon Page properties
Content
... ... @@ -6,23 +6,13 @@
6 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]]
9 +* [[Icons>>Standards.Icons]]
10 +** [[Display of Action Icons>>Standards.ActionIcons]]
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]]
16 +* [[Boxes>>Standards.Boxes]] (gray background + 1px border)
17 +* [[Gray Shades and usage>>Standards]]
21 21  
22 -* Types of pages
23 - ** Main
24 - ** Section Pages
25 -* Error messages
26 - ** Status bar notification
27 - ** Dialog notifications
28 -* Behavior
Icon XWiki.StyleSheetExtension[0]
Code
... ... @@ -1,4 +1,4 @@
1 -ul.showColors {
1 +ul.colorsShow {
2 2   list-style-type: none;
3 3   display: block;
4 4   clear: both;
... ... @@ -5,7 +5,7 @@
5 5   margin: 0px;
6 6  }
7 7  
8 -ul.showColors li {
8 +ul.colorsShow li {
9 9   width: 100px;
10 10   height: 20px;
11 11   text-align: center;
... ... @@ -14,19 +14,31 @@
14 14   overflow: hidden;
15 15  }
16 16  
17 -ul.showColors li.dark {
17 +ul.colorsShow li.dark {
18 18   color: #000;
19 19  }
20 20  
21 -ul.showColors li.light {
21 +ul.colorsShow li.light {
22 22   color: #fff;
23 23  }
24 24  
25 -ul.showColors li.medium{
25 +ul.colorsShow li.medium{
26 26   color: #ccc;
27 27  }
28 28  
29 -ul.showColors li.empty{
29 +ul.colorsShow li.empty{
30 30   border: 1px solid #fff;
31 31   background-color: #fff;
32 32  }
33 +
34 +#palette-1 {
35 +-moz-background-clip:border;
36 +-moz-background-inline-policy:continuous;
37 +-moz-background-origin:padding;
38 +background:transparent url(/img/tignish/about/logo/palette-1.png) no-repeat scroll left top;
39 +float:left;
40 +height:75px;
41 +margin:2em 100px 0 0;
42 +padding-left:80px;
43 +width:150px;
44 +}
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,49 +1,0 @@
1 -.palette {
2 - display: block;
3 -}
4 -
5 -.paletteItem {
6 - width:70px;
7 - float:left;
8 - margin-right:10px;
9 -}
10 -
11 -.paletteItemColor {
12 - width: 100%;
13 - background-color:#fff;
14 - height: 70px;
15 - margin-bottom:10px;
16 - padding-right:2px;
17 - text-align:right;
18 - font-weight: bold;
19 - color: #fff;
20 -}
21 -
22 -.paletteItemDetails {
23 - font-size: 80%;
24 -}
25 -
26 -.paletteItemDetails span{
27 - display: block;
28 - color: #ccc;
29 -}
30 -
31 -.c1 {
32 - background-color: #505052;
33 -}
34 -
35 -.c2 {
36 - background-color: #0087CB;
37 -}
38 -
39 -.c3 {
40 - background-color: #70B700;
41 -}
42 -
43 -.c4 {
44 - background-color: #FF7700;
45 -}
46 -
47 -.c5 {
48 - background-color: #FF0000;
49 -}
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
Icon XWiki.StyleSheetExtension[2]
Caching policy
... ... @@ -1,1 +1,0 @@
1 -default
Code
... ... @@ -1,16 +1,0 @@
1 -hr {
2 -background:transparent none repeat scroll 0 0;
3 -border-color:#DDDDDD;
4 -border-style:dotted none none;
5 -border-width:1px 0 0;
6 -}
7 -
8 -h6 {
9 -font-size:1em;
10 -font-weight:bold;
11 -color: #ddd;
12 -}
13 -
14 -.showCategory {
15 -
16 -}
Name
... ... @@ -1,1 +1,0 @@
1 -Other Styles
Parse content
... ... @@ -1,1 +1,0 @@
1 -Yes
Use this extension
... ... @@ -1,1 +1,0 @@
1 -onDemand