Commit d02ecdb8ed3bcefbb8fe520cafa1e2faf7f5e72b
1 parent
09a5eb93
Exists in
master
and in
29 other branches
ActionItem0: adding sample layout and css to make box tests
git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@31 3f533792-8f58-4932-b0fe-aaf55b0a4547
Showing
2 changed files
with
65 additions
and
0 deletions
Show diff stats
| @@ -0,0 +1,30 @@ | @@ -0,0 +1,30 @@ | ||
| 1 | +<html> | ||
| 2 | + <head> | ||
| 3 | + <%= javascript_include_tag :defaults %> | ||
| 4 | + <%= stylesheet_link_tag 'default' %> | ||
| 5 | + | ||
| 6 | + </head> | ||
| 7 | + <body> | ||
| 8 | + <%= image_tag 'loading.gif', :id=>'spinner', :style=>"display:none; float:right;" %> | ||
| 9 | + <div id="box_1" > | ||
| 10 | + <ul> | ||
| 11 | + <li> lado esquerdo | ||
| 12 | + </li> | ||
| 13 | + </ul> | ||
| 14 | + </div> | ||
| 15 | + <div id="box_2" > | ||
| 16 | + <ul> | ||
| 17 | + <li> | ||
| 18 | + <%= yield %> | ||
| 19 | + </li> | ||
| 20 | + </ul> | ||
| 21 | + </div> | ||
| 22 | + <div id="box_3" > | ||
| 23 | + <ul> | ||
| 24 | + <li> lado direito | ||
| 25 | + </li> | ||
| 26 | + </ul> | ||
| 27 | + </div> | ||
| 28 | + | ||
| 29 | + </body> | ||
| 30 | +</html> |
| @@ -0,0 +1,35 @@ | @@ -0,0 +1,35 @@ | ||
| 1 | +.hover { | ||
| 2 | + background-color: pink; | ||
| 3 | + border: 2px dotted black; | ||
| 4 | +} | ||
| 5 | + | ||
| 6 | +.hover ul li { | ||
| 7 | + border: 2px dotted black; | ||
| 8 | +} | ||
| 9 | + | ||
| 10 | + | ||
| 11 | +#box_1 ul li, #box_2 ul li, #box_3 ul li { | ||
| 12 | + list-style: none; | ||
| 13 | + cursor: -moz-grab; | ||
| 14 | + border: 1px solid black; | ||
| 15 | + margin: 20px; | ||
| 16 | +} | ||
| 17 | + | ||
| 18 | +#box_1, #box_2, #box_3 { | ||
| 19 | + border: 1px solid green; | ||
| 20 | +} | ||
| 21 | + | ||
| 22 | +#box_1 { | ||
| 23 | + width: 200px; | ||
| 24 | + float: left; | ||
| 25 | +} | ||
| 26 | +#box_2 { | ||
| 27 | + width: 600px; | ||
| 28 | + float: left; | ||
| 29 | + margin: 0px 10px 0px 10px; | ||
| 30 | +} | ||
| 31 | +#box_3 { | ||
| 32 | + width: 400px; | ||
| 33 | + | ||
| 34 | + float: left; | ||
| 35 | +} |