... |
... |
@@ -1,81 +1,31 @@ |
1 |
|
-{{include document="Improvements.Keywords"/}} |
|
1 |
+{{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 |
+))) |
2 |
2 |
|
3 |
|
-{{velocity}}$xwiki.ssx.use("Standards.WebHome"){{/velocity}} |
|
7 |
+(% style="float:left; width: 70%;" %) ((( |
|
8 |
+== Style Standards == |
4 |
4 |
|
5 |
|
-{{info}}This page aims to standardize and make consistent the UI elements for [[XWiki Enterprise>>http://enterprise.xwiki.org/xwiki/bin/view/Main/]].{{/info}} |
6 |
|
- |
7 |
|
-{{warning}}This page is a work in progress. Thank you! |
8 |
|
-Content from this space should be transfered to http://dev.xwiki.org/xwiki/bin/view/UserExperience/{{/warning}} |
9 |
|
- |
10 |
|
-(% class="leftMargin dashboardleft" %) |
11 |
|
-((( |
12 |
|
-== CSS Standards == |
13 |
|
- |
14 |
|
-* [[Code Style>>CSSCodeStyle]] |
15 |
|
-* [[CSS API>>CSSAPI]] |
16 |
|
-** [[Selectors>>CSSAPISelectors]] |
17 |
|
-*** [[#xwikimaincontainer>>CSSAPISelectors_xwikimaincontainer]] |
18 |
|
- |
19 |
|
-* [[Front-end Resources>>http://platform.xwiki.org/xwiki/bin/view/DevGuide/FrontendResources]] |
20 |
|
-))) |
21 |
|
- |
22 |
|
- |
23 |
|
-(% class="left column70 dashboardright" %) |
24 |
|
-((( |
25 |
|
-(% class="left dashboardrightcontent" %) |
26 |
|
-((( |
27 |
|
-{{html}} <h2 style="margin-top: 6px;">Visual Elements Standards</h2>{{/html}} |
28 |
|
- |
29 |
29 |
Style Standards provide a consistent User Experience throughout the application and also serve as a guide book for designers: |
30 |
30 |
|
31 |
31 |
* Images used |
32 |
32 |
** [[Icons>>Standards.Icons]] |
33 |
33 |
*** [[Display of Action Icons>>Standards.ActionIcons]] |
34 |
|
-*** [[Recommendations>>Standards.IconsRecommendations]] |
35 |
|
-*** [[Usage Study>>Standards.IconsStudy]] |
36 |
|
-**** [[Delete Icon Usage Study>>Standards.IconsStudyDelete]] |
37 |
37 |
* [[Buttons>>Standards.Buttons]] |
38 |
38 |
|
39 |
39 |
* [[Links>>Standards.Links]] |
40 |
40 |
* [[Forms>>Standards.Forms]] |
41 |
|
-** Standardize Form Layouts: |
42 |
|
-*** [[Inline Layout>>Standards.FormInlineUsage]] |
43 |
|
-*** [[Vertical Layout>>Standards.FormVerticalUsage]] |
44 |
|
-** [[General Forms Layout Types>>Standards.FormLayout]] |
45 |
|
-*** [[Fieldset Form Example>>Standards.FormFieldsetExample]] |
46 |
|
-*** [[Inline Form Example>>Standards.FormInlineExample]] |
47 |
|
-*** [[Small Form Component>>Tech.CssFormSmall]] (deprecated) |
48 |
48 |
|
49 |
|
-* [[Avatar>>Standards.Avatar]] |
50 |
|
-* [[Dates>>Standards.Date]] |
51 |
|
- |
52 |
52 |
* [[Colors>>Standards.Colors]] |
53 |
53 |
* [[Typography>>Standards.Typography]] |
54 |
|
-** Font sizes |
55 |
|
-** Font family |
56 |
56 |
|
57 |
|
-* [[Hierarchy>>Standards.Hierarchy]] |
58 |
|
-* [[QuantitativeDisplay >>Standards.QuantitativeDisplay]] |
59 |
|
-* [[ItemDisplay>>Standards.ItemDisplay]] |
60 |
|
- |
61 |
|
-* States: |
62 |
|
-** [[Hover States>>Standards.HoverState]] |
63 |
|
-** [[Active States>>Standards.ActiveState]] |
64 |
|
- |
65 |
65 |
* Types of pages |
66 |
|
-** Main |
67 |
|
-** Section Pages |
|
24 |
+ ** Main |
|
25 |
+ ** Section Pages |
68 |
68 |
* Error messages |
69 |
|
-** Status bar notification |
70 |
|
-** Dialog notifications |
|
27 |
+ ** Status bar notification |
|
28 |
+ ** Dialog notifications |
71 |
71 |
* Behavior |
|
30 |
+))) |
72 |
72 |
|
73 |
|
-* Logo |
74 |
|
-))) |
75 |
|
-))) |
76 |
|
- |
77 |
|
-{{html}} |
78 |
|
-<div class="clearfloats"></div> |
79 |
|
-{{/html}} |
80 |
|
- |
81 |
|
-{{include document="Main.Dashboard"/}} |