... |
... |
@@ -1,62 +3,31 @@ |
1 |
|
-{{velocity}}$xwiki.ssx.use("Standards.WebHome"){{/velocity}} |
2 |
|
- |
3 |
3 |
{{velocity}}{{html}}#info("This page is a work in progress. Thank you!"){{/html}}{{/velocity}} |
|
2 |
+(% style="float:left; margin-right: 40px;" %) ((( |
|
3 |
+== CSS Components == |
|
4 |
+* [[Action Component>>Standards.CssAction]] |
|
5 |
+))) |
4 |
4 |
|
5 |
|
-(% class="leftMargin dashboardleft" %) |
6 |
|
-((( |
7 |
|
-== CSS Standards == |
|
7 |
+(% style="float:left; width: 70%;" %) ((( |
|
8 |
+== Style Standards == |
8 |
8 |
|
9 |
|
-* [[Code Style>>CSSCodeStyle]] |
10 |
|
-* [[CSS API>>CSSAPI]] |
11 |
|
-** [[Selectors>>CSSAPISelectors]] |
12 |
|
-*** [[#xwikimaincontainer>>CSSAPISelectors_xwikimaincontainer]] |
13 |
|
-))) |
14 |
|
- |
15 |
|
- |
16 |
|
-(% class="left column70 dashboardright" %) |
17 |
|
-((( |
18 |
|
-(% class="left dashboardrightcontent" %) |
19 |
|
-((( |
20 |
|
-{{html}} <h2 style="margin-top: 6px;">Visual Elements Standards</h2>{{/html}} |
21 |
|
- |
22 |
22 |
Style Standards provide a consistent User Experience throughout the application and also serve as a guide book for designers: |
23 |
23 |
|
24 |
24 |
* Images used |
25 |
25 |
** [[Icons>>Standards.Icons]] |
26 |
26 |
*** [[Display of Action Icons>>Standards.ActionIcons]] |
27 |
|
-*** [[Recommendations>>Standards.IconsRecommendations]] |
28 |
|
-*** [[Usage Study>>Standards.IconsStudy]] |
29 |
|
-**** [[Delete Icon Usage Study>>Standards.IconsStudyDelete]] |
30 |
30 |
* [[Buttons>>Standards.Buttons]] |
31 |
31 |
|
32 |
32 |
* [[Links>>Standards.Links]] |
33 |
33 |
* [[Forms>>Standards.Forms]] |
34 |
34 |
|
35 |
|
-* [[Avatar>>Standards.Avatar]] |
36 |
|
- |
37 |
37 |
* [[Colors>>Standards.Colors]] |
38 |
38 |
* [[Typography>>Standards.Typography]] |
39 |
39 |
|
40 |
|
-* [[Hierarchy>>Standards.Hierarchy]] |
41 |
|
-* [[QuantitativeDisplay >>Standards.QuantitativeDisplay]] |
42 |
|
-* [[ItemDisplay>>Standards.ItemDisplay]] |
43 |
|
- |
44 |
|
-* States: |
45 |
|
-** [[Hover States>>Standards.HoverState]] |
46 |
|
-** [[Active States>>Standards.ActiveState]] |
47 |
|
- |
48 |
48 |
* Types of pages |
49 |
|
-** Main |
50 |
|
-** Section Pages |
|
24 |
+ ** Main |
|
25 |
+ ** Section Pages |
51 |
51 |
* Error messages |
52 |
|
-** Status bar notification |
53 |
|
-** Dialog notifications |
|
27 |
+ ** Status bar notification |
|
28 |
+ ** Dialog notifications |
54 |
54 |
* Behavior |
55 |
|
-))) |
56 |
|
-))) |
|
30 |
+))) |
57 |
57 |
|
58 |
|
-{{html}} |
59 |
|
-<div class="clearfloats"></div> |
60 |
|
-{{/html}} |
61 |
|
- |
62 |
|
-{{include document="Main.Dashboard"/}} |