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