Changes for page UX: Standards
on 2009/07/30 11:44
on 2009/12/22 12:04
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Objects (2 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -1,18 +1,25 @@ 1 -{{velocity}}$xwiki.ssx.use("Standards .WebHome"){{/velocity}} 1 +{{velocity}}$xwiki.ssx.use("Standards.WebHome"){{/velocity}} 2 + 2 2 {{velocity}}{{html}}#info("This page is a work in progress. Thank you!"){{/html}}{{/velocity}} 3 -(% class="leftMargin" %) ((( 4 -== CSS Components == 5 -* [[Action Component>>Standards.CssAction]] 6 -))) 7 7 8 -(% style="float:left; width: 70%;" %)(((9 -== S tyleStandards ==5 +(% class="leftMargin" %) 6 +(((== CSS Components == 10 10 8 +* [[Small Form Component>>Standards.CssFormSmall]] 9 +* [[Icons Component>>Standards.CssIcons]] 10 +))) 11 + 12 +(% class="left column70" %) 13 +(((== Style Standards == 14 + 11 11 Style Standards provide a consistent User Experience throughout the application and also serve as a guide book for designers: 12 12 13 13 * Images used 14 14 ** [[Icons>>Standards.Icons]] 15 15 *** [[Display of Action Icons>>Standards.ActionIcons]] 20 +*** [[Recommendations>>Standards.IconsRecommendations]] 21 +*** [[Usage Study>>Standards.IconsStudy]] 22 +**** [[Delete Icon Usage Study>>Standards.IconsStudyDelete]] 16 16 * [[Buttons>>Standards.Buttons]] 17 17 18 18 * [[Links>>Standards.Links]] ... ... @@ -21,12 +21,17 @@ 21 21 * [[Colors>>Standards.Colors]] 22 22 * [[Typography>>Standards.Typography]] 23 23 31 +* [[Hierarchy>>Standards.Hierarchy]] 32 +* [[QuantitativeDisplay >>Standards.QuantitativeDisplay]] 33 +* [[ItemDisplay>>Standards.ItemDisplay]] 34 + 24 24 * Types of pages 25 - 26 - 36 +** Main 37 +** Section Pages 27 27 * Error messages 28 - ** Status bar notification 29 - ** Dialog notifications 30 -* Behavior 31 -))) 32 - 39 +** Status bar notification 40 +** Dialog notifications 41 +* Behavior))) 42 +{{html}} 43 +<div class="clearfloats"></div> 44 +{{/html}}
- XWiki.StyleSheetExtension[2]
-
- Code
-
... ... @@ -1,8 +1,10 @@ 1 1 h6 { 2 2 font-size:1em; 3 3 font-weight:bold; 4 - color: #888; 5 - border-bottom: 1px dotted #DDDDDD; 4 + /* color: #888; 5 + border-bottom: 1px dotted #DDDDDD; */ 6 + color: #4d4d4d; 7 + border-bottom: 1px solid #4d4d4d; 6 6 display:block; 7 7 margin-top: 20px; 8 8 margin-bottom: 5px;
- XWiki.StyleSheetExtension[3]
-
- Code
-
... ... @@ -7,15 +7,6 @@ 7 7 margin-right: 40px; 8 8 } 9 9 10 -.right { 11 - float: right; 12 -} 13 - 14 -.rightMargin { 15 - float: right; 16 - margin-left: 40px; 17 -} 18 - 19 19 .column70 { 20 - width: 70% 11 + width: 70%; 21 21 }