.floatedpanel {
- float:right;
+ float: right;
}
.footer {
width: 3in;
padding: 3px;
- margin-left:auto;
- margin-right:auto;
- clear:both;
- height:40px;
- background-color: grey;
- white-space:normal;
+ margin: 0 auto;
+ clear: both;
+ height: 40px;
+ background: #efefef;
+ white-space: normal;
+ padding: 10px;
+ -webkit-border-radius: 6px;
+ -moz-border-radius: 6px;
}
.brick {
- text-align:center;
+ font-size: 14px;
+ font-weight: bold;
width: 100px;
height: 100px;
margin: 10px;
- padding:10px;
- background-color:#1E2123;
- color:white;
- float:left;
- border: 3px solid black;
+ padding: 10px;
+ background: #1E2123;
+ color: #fff;
+ float: left;
+ -webkit-border-radius: 6px;
+ -moz-border-radius: 6px;
}
\ No newline at end of file
\r
@Override\r
public String getDescription() {\r
- // TODO\r
- return "Most commonly developers usign Vaadin don't want to think "\r
+ return "Most commonly developers using Vaadin don't want to think "\r
+ "of the browser environment at all. With the flexible "\r
- + "layout API found from grid, horizontal and vertical "\r
- + "layout developers can build almost anything with plain "\r
- + "Java. But sometimes experienced web developers miss "\r
- + "flexibility of CSS and HTML. CssLayout is a simple "\r
- + "layout that puts contained componets into div element. "\r
- + "It has a simple DOM structure and it leaves all the power "\r
- + "to CSS designer hands. Having a very narrow feature set"\r
- + ", CssLayout is also the fastest layout to render in "\r
- + "Vaadin.";\r
+ + "layout API found from Grid, Horizontal and Vertical "\r
+ + "layouts, developers can build almost anything with plain "\r
+ + "Java. But sometimes experienced web developers miss the "\r
+ + "flexibility that pure CSS and HTML can offer.<br /><br />"\r
+ + "CssLayout is a simple layout that places its contained "\r
+ + "components into a <code>DIV</code> element. It has a "\r
+ + "simple DOM structure and it leaves all the power to the "\r
+ + "CSS designer's hands. While having a very narrow feature "\r
+ + "set, CssLayout is the fastest layout to render in Vaadin.";\r
}\r
\r
@Override\r
+ "of the layout (and centered unless I'm in IE6)");\r
bottomCenter.setSizeUndefined(); // disable 100% default width\r
bottomCenter.setStyleName("footer");\r
- // bottomCenter.setWidth("50px");\r
\r
CssLayout cssLayout = new CssLayout() {\r
int brickCounter = 0;\r
if (c instanceof Brick) {\r
brickCounter++;\r
if (brickCounter % 3 == 0) {\r
- // make every third brick colored and bold\r
- return "color: #ff6611; font-weight:bold;";\r
+ // make every third brick colored and italic\r
+ return "color: #ff6611; font-style: italic;";\r
}\r
}\r
return null;\r
static class Brick extends Label {\r
public Brick() {\r
super("Brick");\r
- // disable 100% that label has by default\r
+ // disable 100% width that label has by default\r
setSizeUndefined();\r
setStyleName("brick");\r
}\r