Skip to Content

Changes for page UX: Standards

Last modified by Ecaterina Moraru on 2013/11/13 16:30
From version Icon 62.1 Icon
edited by Ecaterina Valica
on 2009/07/29 16:20
Change comment: There is no comment for this version
To version Icon 44.1 Icon
edited by Ecaterina Valica
on 2009/07/28 11:04
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,19 @@
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  }
Icon XWiki.StyleSheetExtension[1]
Code
... ... @@ -1,4 +1,5 @@
1 1  .palette {
2 + clear: both;
2 2   display: block;
3 3  }
4 4  
Icon XWiki.StyleSheetExtension[2]
Caching policy
... ... @@ -1,1 +1,0 @@
1 -default
Code
... ... @@ -1,18 +1,0 @@
1 -
2 -h6 {
3 - font-size:1em;
4 - font-weight:bold;
5 - color: #ddd;
6 - border-bottom: 1px dotted #DDDDDD;
7 - display:block;
8 - margin-top: 10px;
9 - margin-bottom: 5px;
10 -}
11 -
12 -.showCategory {
13 - float: left;
14 - margin: 5px;
15 - margin-top: 10px;
16 - padding: 5px;
17 - border: 1px dotted #DDDDDD;
18 -}
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