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 97 </div>
98 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 124 </div>
... ...
public/designs/blocks/default/style.css
View file @3fc170c
... ... @@ -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 @@
  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 3 body, td, tr, li {
2 4 font-family: Verdana, Arial, Helvetica, sans-serif;
3 5 font-size: 12px;
... ... @@ -44,6 +46,7 @@ blockquote p {
44 46 }
45 47  
46 48 #footer {
  49 + clear: both;
47 50 text-align: center;
48 51 border-top: 1px solid black;
49 52 }
... ... @@ -56,81 +59,40 @@ blockquote p {
56 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 73 /* Box 1 is the main area */
66 74 #box_1 {
67   - margin-left: 220px;
68 75 margin-right: 220px;
  76 + margin-left: 220px;
  77 + border: 1px solid yellow;
69 78 }
70 79  
71 80 /* Box 2 on the left side */
72 81 #box_2 {
  82 + float: left;
  83 + border: 1px solid blue;
73 84 width: 200px;
74   - position: absolute;
75   - left: 0px;
76   - top: 57px;
77 85 padding: 0px;
78 86 }
79 87  
80 88 /* Box 3 on the right side */
81 89 #box_3 {
  90 + border: 1px solid green;
82 91 width: 200px;
83   - position: absolute;
84   - right: 0px;
85   - top: 57px;
  92 + float: right;
86 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 96 table {
135 97 border-collapse: collapse;
136 98 }
... ...