Changes for page UX: Standards
on 2009/07/29 16:17
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Objects (1 modified, 1 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -1,9 +1,10 @@ 1 1 {{velocity}}{{html}}#info("This page is a work in progress. Thank you!"){{/html}}{{/velocity}} 2 - 2 +(% style="float:left; margin-right: 40px;" %) ((( 3 3 == CSS Components == 4 - 5 5 * [[Action Component>>Standards.CssAction]] 5 +))) 6 6 7 +(% style="float:left; width: 70%;" %) ((( 7 7 == Style Standards == 8 8 9 9 Style Standards provide a consistent User Experience throughout the application and also serve as a guide book for designers: ... ... @@ -26,3 +26,5 @@ 26 26 ** Status bar notification 27 27 ** Dialog notifications 28 28 * Behavior 30 +))) 31 +
- XWiki.StyleSheetExtension[2]
-
- Code
-
... ... @@ -1,16 +2,31 @@ 1 - 2 2 h6 { 3 3 font-size:1em; 4 4 font-weight:bold; 5 - color: # ddd;6 - border: 1px dotted #DDDDDD; 4 + color: #888; 5 + border-bottom: 1px dotted #DDDDDD; 7 7 display:block; 7 + margin-top: 20px; 8 + margin-bottom: 5px; 8 8 } 9 9 10 10 .showCategory { 11 11 float: left; 12 - margin: 5px; 13 - margin-top: 10px; 13 + margin: 10px; 14 14 padding: 5px; 15 15 border: 1px dotted #DDDDDD; 16 16 } 17 + 18 +.showCategoryName { 19 + font-variant: uppercase; 20 + background-color: #DDDDDD; 21 + color: #fff; 22 + float: right; 23 + padding: 3px; 24 + margin-top: -6px; 25 + margin-right: -6px; 26 +} 27 + 28 +.showCategoryDetails { 29 + font-size: 80%; 30 + color: #ccc; 31 +} - Name
-
... ... @@ -1,1 +1,1 @@ 1 - Other Styles1 +Typography Styles
- XWiki.StyleSheetExtension[3]
-