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

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
LeandroNunes
1 parent 09a5eb93
Showing 2 changed files with 65 additions and 0 deletions Show diff stats
app/views/layouts/application.rhtml
public/stylesheets/default.css
@@ -0,0 +1,30 @@
+<html>
+  <head>
+    <%= javascript_include_tag :defaults %>
+    <%= stylesheet_link_tag 'default' %>
+
+  </head>
+  <body>
+    <%= image_tag 'loading.gif', :id=>'spinner', :style=>"display:none; float:right;" %>
+    <div id="box_1" >
+      <ul>
+        <li> lado esquerdo
+        </li>
+      </ul>
+    </div>
+    <div id="box_2" >
+      <ul>
+        <li> 
+    <%= yield %>
+        </li>
+      </ul>
+    </div>
+    <div id="box_3" >
+      <ul>
+        <li> lado direito
+        </li>
+      </ul>
+    </div>
+
+  </body>
+</html>
@@ -0,0 +1,35 @@
+.hover {
+  background-color: pink;
+  border: 2px dotted black;
+}
+
+.hover ul li {
+  border: 2px dotted black;
+}
+
+
+#box_1 ul li, #box_2 ul li, #box_3 ul li {
+  list-style: none;
+  cursor: -moz-grab;
+  border: 1px solid black;
+  margin: 20px;
+}
+
+#box_1, #box_2, #box_3 {
+  border: 1px solid green;
+}
+
+#box_1 {
+  width: 200px;
+  float: left;
+}
+#box_2 {
+  width: 600px;
+  float: left;
+  margin: 0px 10px 0px 10px;
+}
+#box_3 {
+  width: 400px;
+
+  float: left;
+}
...	...	@@ -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 @@
	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	+}
...	...