Download as
Browse Code »

Commit 75c58f193b1e24706af13207748de96e834d80e4

Authored by ValessioBrito
1 parent 3fc170c6
Exists in master and in 28 other branches 1.2+SPB2, 2_split_by_role, add_fields_in_api, api_fixies, api_pagination, api_private_token, api_tasks, article_hit_count, blog_page_bug, checkbox_to_user_can_edit_page, communities_ratings, communities_ratings_moderation, community_ratings_rebase, fix_cloned_article_parent, fix_gallery_image_url, fix_javascript_categories, fix_optional_fields, fix_suggest_article, fix_user_email_validation, highlight_block_fix, notification_plugin, notification_plugin_rebase, script_to_update, split_by_role, stable, temp_ratings, tests, tests_fixies

ActionItem0: CSS blocks 



git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@337 3f533792-8f58-4932-b0fe-aaf55b0a4547
Showing 4 changed files with 116 additions and 143 deletions   Show diff stats
public/artwork/tmp/boxs.html
  Diff comments   View file @75c58f1
@@ -97,6 +97,28 @@ @@ -97,6 +97,28 @@
97 </div> 97 </div>
98 </div> 98 </div>
99 99
  100 +<div class="block formBOX2" id="comment">
  101 +<a href="#" onclick="Effect.toggle('BOX2comment','slide',{duration:1}); return false;" class="buttonBOX hide"><span>Esconder</span></a>
  102 +<h3>Mural de recados</h3>
  103 + <div id="BOX2comment"><div class="block_content">
  104 + <p>Deixe seu recado:</p>
  105 + <br />
  106 +
  107 + </div>
  108 + </div>
  109 + </div>
  110 +
  111 +
  112 +<div class="block formBOX3" id="comment">
  113 +<a href="#" onclick="Effect.toggle('BOX3comment','slide',{duration:1}); return false;" class="buttonBOX hide"><span>Esconder</span></a>
  114 +<h3>Mural de recados</h3>
  115 + <div id="BOX3comment"><div class="block_content">
  116 + <p>Deixe seu recado:</p>
  117 + <br />
  118 +
  119 + </div>
  120 + </div>
  121 + </div>
100 122
101 123
102 </div> 124 </div>
public/designs/blocks/default/style.css
View file @3fc170c
@@ -1,87 +0,0 @@ @@ -1,87 +0,0 @@
1 -/* Default Plain Theme for Blocks */  
2 -  
3 -div.block  
4 -{  
5 - background: #FFFFFF;  
6 - border: 3px solid #000000;  
7 - margin-bottom: 10px;  
8 -}  
9 -  
10 -div.block ul  
11 -{  
12 - margin-left: 15px;  
13 -}  
14 -  
15 -div.block h3  
16 -{  
17 - color: #FFFFFF;  
18 - background: #545454;  
19 - font-family: Sans-serif;  
20 - font-size: 13px;  
21 - font-weight: normal;  
22 - border-bottom: 1px solid black;  
23 - height: 27px;  
24 - margin: 0px;  
25 - line-height: 27px;  
26 - padding-left: 10px;  
27 -}  
28 -  
29 -div.block span {  
30 -display: none;  
31 -}  
32 -  
33 -div.block a:hover span {  
34 -display: inline;  
35 -position: absolute;  
36 -color: #dfdfdf;  
37 -background: #000000;  
38 -font-family: Sans-serif;  
39 -font-size: 13px;  
40 -font-weight: normal;  
41 -margin: 10px;  
42 -padding-left: 5px;  
43 -padding-right: 5px;  
44 -}  
45 -  
46 -div.block a {  
47 -display: block;  
48 -width: 10px;  
49 -height: 10px;  
50 -margin-top: 10px;  
51 -margin-right: 5px;  
52 -float: right;  
53 -}  
54 -  
55 -div.block a.hide {  
56 -border-bottom: 2px solid #dfdfdf;  
57 -}  
58 -  
59 -div.block a:hover.hide {  
60 -border-bottom: 2px solid #000000;  
61 -}  
62 -  
63 -div.block a.remove {  
64 -background: #dfdfdf;  
65 -}  
66 -  
67 -div.block a:hover.remove {  
68 -background: #000000;  
69 -}  
70 -  
71 -div.block_content  
72 -{  
73 - padding: 5px;  
74 -}  
75 -  
76 -  
77 -div#links {  
78 -background: blue;  
79 -}  
80 -  
81 -div#comment {  
82 -background: green;  
83 -}  
84 -  
85 -div#about {  
86 -background: yellow;  
87 -}  
public/designs/templates/default/stylesheets/blocks.css 0 → 100644
  Diff comments   View file @75c58f1
@@ -0,0 +1,76 @@ @@ -0,0 +1,76 @@
  1 +/* Default Plain Theme for Blocks */
  2 +
  3 +div.block
  4 +{
  5 + background: #FFFFFF;
  6 + border: 3px solid #000000;
  7 + margin-bottom: 10px;
  8 +}
  9 +
  10 +div.block ul
  11 +{
  12 + margin-left: 15px;
  13 +}
  14 +
  15 +div.block h3
  16 +{
  17 + color: #FFFFFF;
  18 + background: #545454;
  19 + font-family: Sans-serif;
  20 + font-size: 13px;
  21 + font-weight: normal;
  22 + border-bottom: 1px solid black;
  23 + height: 27px;
  24 + margin: 0px;
  25 + line-height: 27px;
  26 + padding-left: 10px;
  27 +}
  28 +
  29 +div.block span {
  30 +display: none;
  31 +}
  32 +
  33 +div.block a:hover span {
  34 +display: inline;
  35 +position: absolute;
  36 +color: #dfdfdf;
  37 +background: #000000;
  38 +font-family: Sans-serif;
  39 +font-size: 13px;
  40 +font-weight: normal;
  41 +margin: 10px;
  42 +padding-left: 5px;
  43 +padding-right: 5px;
  44 +}
  45 +
  46 +div.block a {
  47 +display: block;
  48 +width: 10px;
  49 +height: 10px;
  50 +margin-top: 10px;
  51 +margin-right: 5px;
  52 +float: right;
  53 +}
  54 +
  55 +div.block a.button_block_hide {
  56 +border-bottom: 2px solid #dfdfdf;
  57 +}
  58 +
  59 +div.block a:hover.button_block_hide {
  60 +border-bottom: 2px solid #000000;
  61 +}
  62 +
  63 +div.block a.button_block_remove {
  64 +background: #dfdfdf;
  65 +}
  66 +
  67 +div.block a:hover.button_block_remove {
  68 +background: #000000;
  69 +}
  70 +
  71 +div.block_content
  72 +{
  73 + padding: 5px;
  74 +}
  75 +
  76 +
public/designs/templates/default/stylesheets/style.css
  Diff comments   View file @75c58f1
  1 +@import "blocks.css";
  2 +
1 body, td, tr, li { 3 body, td, tr, li {
2 font-family: Verdana, Arial, Helvetica, sans-serif; 4 font-family: Verdana, Arial, Helvetica, sans-serif;
3 font-size: 12px; 5 font-size: 12px;
@@ -44,6 +46,7 @@ blockquote p { @@ -44,6 +46,7 @@ blockquote p {
44 } 46 }
45 47
46 #footer { 48 #footer {
  49 + clear: both;
47 text-align: center; 50 text-align: center;
48 border-top: 1px solid black; 51 border-top: 1px solid black;
49 } 52 }
@@ -56,81 +59,40 @@ blockquote p { @@ -56,81 +59,40 @@ blockquote p {
56 padding: 0.5em; 59 padding: 0.5em;
57 } 60 }
58 61
59 -#box_1, #box_2, #box_3 {  
60 - margin: 10px;  
61 - padding: 0px;  
62 - background: white; 62 +#boxes {
  63 +position: relative;
  64 +border: 1px solid red;
  65 +}
  66 +
  67 +#boxes ul, #boxes li {
  68 +list-style: none;
  69 +margin: 0;
  70 +padding: 0;
63 } 71 }
64 72
65 /* Box 1 is the main area */ 73 /* Box 1 is the main area */
66 #box_1 { 74 #box_1 {
67 - margin-left: 220px;  
68 margin-right: 220px; 75 margin-right: 220px;
  76 + margin-left: 220px;
  77 + border: 1px solid yellow;
69 } 78 }
70 79
71 /* Box 2 on the left side */ 80 /* Box 2 on the left side */
72 #box_2 { 81 #box_2 {
  82 + float: left;
  83 + border: 1px solid blue;
73 width: 200px; 84 width: 200px;
74 - position: absolute;  
75 - left: 0px;  
76 - top: 57px;  
77 padding: 0px; 85 padding: 0px;
78 } 86 }
79 87
80 /* Box 3 on the right side */ 88 /* Box 3 on the right side */
81 #box_3 { 89 #box_3 {
  90 + border: 1px solid green;
82 width: 200px; 91 width: 200px;
83 - position: absolute;  
84 - right: 0px;  
85 - top: 57px; 92 + float: right;
86 padding: 0px; 93 padding: 0px;
87 } 94 }
88 95
89 -/* blocks */  
90 -div.block {  
91 - border: 1px solid gray;  
92 - margin-bottom: 1em;  
93 - padding: 0.5em;  
94 -}  
95 -  
96 -/* design_editor stuff */  
97 -#design_editor #box_2,  
98 -#design_editor #box_3 {  
99 - top: 88px;  
100 -}  
101 -  
102 -#design_editor #box_1 div,  
103 -#design_editor #box_2 div,  
104 -#design_editor #box_3 div {  
105 - border: 1px solid black;  
106 - list-style: none;  
107 - margin: 0px;  
108 - padding: 2px;  
109 - margin-top: 3px;  
110 -}  
111 -  
112 -#design_editor #design_editor_selectors {  
113 - text-align: center;  
114 - border: 1px solid black;  
115 -}  
116 -  
117 -#design_editor .hover {  
118 - border: 1px dashed black;  
119 - background: #ffd;  
120 -}  
121 -  
122 -#design_editor ul.block_list {  
123 - padding: 2px;  
124 - margin: 2px;  
125 -}  
126 -  
127 -#design_editor li.block {  
128 - padding: 2px;  
129 - margin: 2px;  
130 - list-style: none;  
131 - border: 1px solid gray;  
132 -}  
133 -  
134 table { 96 table {
135 border-collapse: collapse; 97 border-collapse: collapse;
136 } 98 }