Commit b729216b09c360f8c184836638e44741854effe8

Authored by Gustavo Cruz
1 parent 6b3911b2

Remodelando tema

favicon.ico
No preview for this file type
footer.html.erb
... ... @@ -1,7 +0,0 @@
1   -<div id="footer-links">
2   - <a id="link-to-doc" class='icon-help'><%= link_to _('Manual'), '/doc' %></a>
3   -</div><!-- end id="footer-links" -->
4   -<div id="copyright">
5   - <p><%= _('This social network uses <a href="http://noosfero.org/">Noosfero</a>, developed by %s and licensed under the <a href="http://www.gnu.org/licenses/agpl.html">GNU Affero General Public License</a> version 3 or any later version.') % link_to('Colivre', 'http://colivre.coop.br/') %></p>
6   -</div><!-- end id="copyright" -->
7   -<%= language_chooser(environment) %>
footer.html.erb 0 → 120000
... ... @@ -0,0 +1 @@
  1 +../base/footer.html.erb
0 2 \ No newline at end of file
... ...
header.rhtml 0 → 100644
... ... @@ -0,0 +1 @@
  1 +<!-- empty -->
... ...
images/adicionarcomentario.gif 0 → 100644

1.55 KB

images/aumentarfonte.gif 0 → 100644

1.34 KB

images/background.png 0 → 100644

488 KB

images/comentarios.gif 0 → 100644

1.66 KB

images/diminuirfonte.gif 0 → 100644

1.22 KB

images/divisoria-coluna1.gif 0 → 100644

1.85 KB

images/divisoria-coluna2.gif 0 → 100644

883 Bytes

images/down-arrow-light.png 0 → 100644

169 Bytes

images/faleconosco.gif 0 → 100644

1.08 KB

images/foto.gif 0 → 100644

1.46 KB

images/img_login_popUp.png

19.5 KB | W: | H:

7.64 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
images/logo_p_e_2016.jpg 0 → 100644

28.9 KB

images/marca-consultapublica.png 0 → 100644

14.3 KB

images/menuconsulta-fim.png 0 → 100644

2.73 KB

images/menuconsulta.gif 0 → 100644

4.33 KB

images/menuconsulta.png 0 → 100644

3.87 KB

images/noosfero/logo-noosfero-no-text.png 0 → 100644

9.03 KB

images/noosfero/logo-noosfero.png 0 → 100644

12.5 KB

images/noosfero/logo-noosfero.xcf 0 → 100644
No preview for this file type
images/noosfero/thin-logo.png 0 → 100644

5.96 KB

images/noosfero/thin-logo.xcf 0 → 100644
No preview for this file type
images/paginainicial.gif 0 → 100644

1.11 KB

images/textoemvigor.gif 0 → 100644

1.64 KB

images/textosemconsulta-canto.gif 0 → 100644

1.61 KB

images/textosemconsulta.gif 0 → 100644

4.85 KB

images/topo.gif 0 → 100644

12.8 KB

images/topo2.gif 0 → 100644

34.1 KB

navigation.css 0 → 100644
... ... @@ -0,0 +1,69 @@
  1 +#navigation {
  2 + background: none;
  3 + position: absolute;
  4 + right: 0;
  5 + text-align: right;
  6 + top: 100px;
  7 + width: 100%;
  8 + height: 33px;
  9 +}
  10 +
  11 +#navigation-end {
  12 + background: url("images/menuconsulta.gif") no-repeat top right transparent;
  13 + height: 60px;
  14 + margin-right: -14px;
  15 + margin-top: -3px;
  16 +}
  17 +
  18 +#navigation ul{
  19 + background: url("images/menuconsulta-fim.png") no-repeat -25px 0 #2172AC;
  20 + height: 31px;
  21 + margin-top: -2px;
  22 +}
  23 +
  24 +#navigation li{
  25 + width: 146px;
  26 +}
  27 +
  28 +#navigation a {
  29 + line-height: 30px;
  30 + padding: 0 10px;
  31 + border-left: 0px;
  32 + font-size: 110%;
  33 +}
  34 +
  35 +#navigation .menu-submenu{
  36 + margin-right: -1px;
  37 + width: auto;
  38 +}
  39 +
  40 +#navigation .menu-submenu ul{
  41 + border: 1px solid #2172AC;
  42 +}
  43 +
  44 +#navigation li .menu-submenu-trigger{
  45 + top: 30px;
  46 +}
  47 +
  48 +#navigation li .menu-submenu-trigger {
  49 + background: #2172AC url(images/down-arrow-light.png) center center no-repeat;
  50 + border: 1px solid #032b5c;
  51 + border-top-color: #fff;
  52 +}
  53 +
  54 +#navigation li:hover .menu-submenu-trigger:hover {
  55 + background: #5B8CC9 url(images/down-arrow-light.png) center center no-repeat;
  56 +}
  57 +
  58 +#navigation .menu-submenu-content ul {
  59 + background: #2172AC;
  60 +}
  61 +
  62 +#navigation .menu-submenu-list li {
  63 + background: #2172AC;
  64 +}
  65 +
  66 +#navigation .menu-submenu-list li a:hover {
  67 + background: #5B8CC9 ;
  68 +}
  69 +
... ...
navigation.html.erb
... ... @@ -1,12 +0,0 @@
1   -<!-- *************** Painel de controle da comunidade ************** -->
2   -<% if profile && user %>
3   - <li id="btn_settings">Configurações</li>
4   - <li id="btn_aparence">Aparência</li>
5   - <li id="btn_content">Conteúdo</li>
6   - <li id="btn_icon"><span>&nbsp;</span></li>
7   - <li id="btn_profile"><%= link_to(profile_image(profile, :icon) + content_tag(:span, profile.name), profile.public_profile_url) %></li>
8   -
9   - <%= theme_include 'content_menu' %>
10   - <%= theme_include 'appearance_menu' %>
11   - <%= theme_include 'settings_menu' %>
12   -<% end %>
navigation.html.erb 0 → 120000
... ... @@ -0,0 +1 @@
  1 +../base/navigation.html.erb
0 2 \ No newline at end of file
... ...
preview.png

6 KB | W: | H:

7.39 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
profile_header.css 0 → 100644
... ... @@ -0,0 +1,24 @@
  1 +#profile-header {
  2 + background-image: url("images/marca-consultapublica.png");
  3 + background-repeat: no-repeat;
  4 + display: block;
  5 + height: 152px;
  6 + position: absolute;
  7 + top: -31px;
  8 + width: 100%;
  9 +}
  10 +
  11 +#profile-header p {
  12 + color: #004595;
  13 + font-family: sans-serif;
  14 + font-size: 38px;
  15 + font-weight: lighter;
  16 + padding-left: 10px;
  17 + position: relative;
  18 + top: 55px;
  19 +}
  20 +
  21 +#profile-header h1{
  22 + margin-left: 20px;
  23 + margin-top: 90px;
  24 +}
... ...
site_title.rhtml 0 → 100644
... ... @@ -0,0 +1,3 @@
  1 +<%=
  2 +#link_to(image_tag("/designs/themes/noosfero/images/logo-noosfero.png"), environment.top_url)
  3 +%>
... ...
style.css
1 1 @import url(../base/style.css);
2   -/****************** ESTILO BASE ******************/
3   -@import url(cabecalho.css);
4   -/****************** FIM cabecalho amarelo ******************/
5   -@import url(style-core.css);
6   -@import url(user-menu.css);
  2 +@import url(profile_header.css);
  3 +@import url(user_bar.css);
  4 +@import url(navigation.css);
7 5  
8   -body, th, td, input {
9   -font-family: Arial, sans-serif;
  6 +@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,700,400);
  7 +
  8 +html {
  9 + background: url(images/background.png) repeat fixed left top transparent;
  10 +}
  11 +
  12 +body {
  13 + background-color: transparent;
  14 + font-family: 'Open Sans', sans-serif;
10 15 }
11 16  
12   -#wrap-2 {background-color:#ebeff2;}
  17 +#theme-header{
  18 + background: url("images/topo.gif") no-repeat scroll left top transparent;
  19 + height: 40px
  20 +}
13 21  
14   -#wrap-1 {
15   - min-width: 800px;
  22 +#wrap-2{
  23 + background: url("images/topo2.gif") no-repeat scroll left top #FEFEFE;
16 24 }
17 25  
18 26 #site-title {
19   - position: relative;
20   - top: 0;
21   - width: auto;
22   - height: auto;
23   - display: none;
24   - visibility: hidden;
  27 + left: 10px;
  28 + top: -31px;
25 29 }
26 30  
27   -#site-title a {
28   - display: block;
29   - width: auto;
30   - height: auto;
31   - position: relative;
32   - top: 0;
33   - left: 0;
  31 +#site-title a{
  32 + background-image: url("images/marca-consultapublica.png");
  33 + background-repeat: no-repeat;
  34 + height: 90px;
  35 + left: 0;
  36 + top: 0;
  37 +
34 38 }
35 39  
36   -/*largura dos blocos lateral e principal*/
  40 +#content {
  41 + margin-top: 150px;
  42 +}
37 43  
38   -/*Largura dos blocos funciona somente para duas colunas*/
39   -/*e somente com a barra lateral do lado direito*/
40   -/*
41   -.box-1,
42   -.no-boxes {
43   -margin: 0 0 0 0;
44   -float: left;
45   -width: 80%;
  44 +#content .box-2 #content .feed-reader-block, #content .recent-documents-block{
  45 + overflow: visible;
  46 +}
  47 +#content .box-1{
  48 + margin-left: 282px;
  49 +}
  50 +#content .box-2{
  51 + width: 282px;
  52 + background-color: #EFEFEF;
  53 + margin-left: 15px;
  54 + width: 250px;
46 55 }
47 56  
48   -.box-1 .blocks,
49   -.no-boxes .blocks {
50   - width: auto;
51   - float: none;
52   - padding: 0 1em;
  57 +#content .block {
  58 + margin: 0px;
  59 +}
  60 +#content .block ul{
  61 + list-style: none;
  62 + text-align: justify;
  63 + padding-left: 20px;
  64 + padding-right: 5px;
53 65 }
54 66  
55   -.box-2, .box-3 {
56   - position: relative;
57   - float: left;
58   - width: 20%;
  67 +#content .box-2 .block-inner-1 .block-inner-2{
  68 + background: url("images/textosemconsulta.gif") no-repeat scroll left top transparent;
  69 + margin-left: -14px;
59 70 }
60 71  
61   -.box-2 .blocks{
62   - padding: 0 1em;
  72 +#content .box-2 .block-inner-2 .block-title{
  73 + background: url("images/textosemconsulta-canto.gif") no-repeat scroll left 44px transparent;
  74 + height: 62px;
  75 + position: relative;
  76 + margin-bottom: 0;
  77 + border-bottom: 0 none;
  78 + z-index: 9;
63 79 }
64   -*/
65 80  
66   -/**Nova largura dos blocos lateral e principal**/
67 81  
68   -.box-1, .no-boxes {
69   -margin: 0 0 0 0;
70   -display: block;
71   -position: relative;
72   -overflow: hidden;
  82 +#content .box-2 .block-inner-2 .block-title span {
  83 + color: white;
  84 + display: block;
  85 + font-family: 'Open Sans', sans-serif;
  86 + font-weight: lighter;
  87 + padding-left: 20px;
  88 + padding-top: 7px;
  89 + position: relative;
73 90 }
74 91  
75   -.box-1 .blocks,
76   -.no-boxes .blocks {
77   - width: auto;
78   - float: none;
79   - padding: 0 1em;
  92 +#content .box-2 .block-inner-2 li{
  93 + list-style: none;
80 94 }
81 95  
  96 +#content .box-2 .block a {
  97 + color: #004A9E;
  98 +}
82 99  
83   -.box-2/*, .box-3 */{
84   -position: relative;
85   -display: block;
86   -margin: 0;
87   -vertical-align: top;
88   -width: 20%;
  100 +/*
  101 +#content .box-2 .feed-reader-block li, .recent-documents-block li{
  102 + list-style: none;
  103 + text-indent: 10px;
89 104 }
90   -.box-3{
91   -min-width: 20%;
  105 +*/
  106 +
  107 +.box-1 .blocks {
  108 + background-color: #f7f7f7;
  109 + padding: 0px;
  110 + margin: 0px;
92 111 }
93 112  
94   -.box-2 .blocks, .box-3 .blocks{
95   - padding: 0 1em;
  113 +#theme-footer {
  114 + background-color: #ffffff;
96 115 }
97 116  
98   -#content .people-block ul, #content .profile-list-block ul, #content .enterprises-block ul, #content .members-block ul, #content .communities-block ul, #content .friends-block ul, #content .fans-block ul {min-width: auto;width: auto;}
  117 +#wrap-2 {
  118 + border: 0px;
  119 +}
  120 +
  121 +#footer-links,
  122 +#copyright,
  123 +#theme-footer #language-chooser {
  124 + padding: 5px 10px;
  125 +}
99 126  
100   -.box-2 .common-profile-list-block .vcard a.profile_link, .box-3 .common-profile-list-block .vcard a.profile_link {height: 112px;max-height: 112px;}
  127 +#copyright p {
  128 + margin: 0;
  129 +}
101 130  
102   -.common-profile-list-block .vcard a, .comment-actions .vcard a{}
103 131  
104   -/*estilo dos blocos*/
  132 +/*
  133 + * Specific article style
  134 + */
105 135  
106   -#main-content-wrapper-1,
107   -#main-content-wrapper-2,
108   -#main-content-wrapper-3,
109   -#main-content-wrapper-4,
110   -#main-content-wrapper-5,
111   -#main-content-wrapper-6,
112   -#main-content-wrapper-7,
113   -#main-content-wrapper-8 {
114   - background: url(images/no-image.gif) no-repeat;
  136 +#article-tags{
  137 + text-align: left;
  138 + color: black;
115 139 }
116 140  
117   -#main-content-wrapper-8 {
118   - padding: 10px 20px;
119   -}
  141 +/*
  142 + * Specific blocks style
  143 + */
120 144  
121   -#content .block {
122   - padding-bottom: 1em;
123   - margin: 0;
  145 +/*FIXME verificar se pode usar .block-footer-content diretamente*/
  146 +#content .tags-block .block-footer-content,
  147 +#content .people-block .block-footer-content,
  148 +#content .profile-list-block .block-footer-content,
  149 +#content .enterprises-block .block-footer-content,
  150 +#content .members-block .block-footer-content,
  151 +#content .communities-block .block-footer-content,
  152 +#content .friends-block .block-footer-content{
  153 +
  154 + position: relative;
  155 + bottom: 4px;
  156 + width: 70px;
  157 + right: 0px;
  158 + font-size: 11px;
  159 + color: #000;
  160 + z-index: 10;
  161 + text-decoration: none;
  162 + padding-right: 15px;
  163 + background-color: red;
  164 +/* background: url(imgs/arrow-right-p.png) 100% 50% no-repeat;*/
124 165 }
125 166  
126   -#content .block .block-inner-1 {
127   - background-color: #fff;
128   - box-shadow: 5px 5px 5px -2px #ddd;
  167 +#content .tags-block .block-footer-content a,
  168 +#content .people-block .block-footer-content a,
  169 +#content .profile-list-block .block-footer-content a,
  170 +#content .enterprises-block .block-footer-content a,
  171 +#content .members-block .block-footer-content a,
  172 +#content .communities-block .block-footer-content a,
  173 +#content .friends-block .block-footer-content a {
  174 + font-size: 11px;
  175 + color: #000;
  176 + text-decoration: none;
  177 + padding-right: 15px;
  178 + background: url(imgs/arrow-right-p.png) 100% 50% no-repeat;
129 179 }
130 180  
131   -#content .box-1 .block .block-inner-1,
132   -#content .no-boxes .block .no-boxes-inner-1 {padding:1em;}
  181 +/* Plugin para curtir artigos e comentários */
133 182  
134   -#content .block .block-inner-2 h3~div {padding:1em;}
  183 +.action .dislike:before {
  184 + content: url(images/negative-hand.png);
  185 +}
  186 +
  187 +.action .like:before {
  188 + content: url(images/positive-hand.png);
  189 +}
135 190  
136   -#content .box-1 .block,
137   -#content .no-boxes .block{padding: 0;}
  191 +.vote-action .like-action-active .action-icon {
  192 + opacity: 1;
  193 +}
138 194  
139   -#content .link-list-block{padding: 0;}
  195 +.vote-action .action-icon {
  196 + opacity: 0.5;
  197 +}
140 198  
141   -#content .link-list-block li{margin: 0;}
  199 +#article .action .action-icon {
  200 + top: 3px;
  201 +}
142 202  
143   -#content .link-list-block li a {
144   - border-radius: 0;
145   - padding: 10px 5px 10px 40px;
146   - border-bottom: 1px solid #ccc;
147   - background-color: #f7f9fa;
148   - border-left: 3px solid #f7f9fa;
  203 +#article .like-action .like-action-counter {
  204 + color: #2A8C32;
149 205 }
150 206  
151   -/*bloco lateral de menu*/
152   -#content .link-list-block li a.link-this-page{
153   - max-width:100%;
154   - width: auto;
155   - border-right: 0px;
156   - background-color: #257CAD;
157   - color: white;
158   - border-left: 3px solid #fff;
  207 +#article .dislike-action .like-action-counter {
  208 + color: #CC0000;
159 209 }
160 210  
161   -#content .link-list-block li a.link-this-page:hover,
162   -#content .link-list-block li a:hover {
163   - background-color: #257CAD;
164   - border-left: 3px solid #fff;
165   - border-right: 0px solid #fff;
  211 +.vote-actions {
  212 + position: relative;
  213 + right: 0;
  214 + top: 0;
166 215 }
167 216  
168   -#profile-header {margin-bottom: 20px;}
169   -#content .block-title { font-variant: inherit; margin-bottom: 0px;}
  217 +/* PopUp Login*/
170 218  
171   -/*cabeçalho dos blocos laterais*/
172   -#content .block h3.block-title,
173   -#content #content-inner .login-block .logged-user-info h2{
174   - font-size: 16px;
175   - text-align: left;
176   - border-bottom: 1px solid #AAA;
177   - padding: 0.5em;
178   - background-color: #257CAD;
179   - color: white;
180   - font-variant: inherit;
  219 +#colorbox {
  220 + left: -350px !important;
  221 + margin-left: 50% !important;
  222 + width: 700px !important;
181 223 }
182 224  
183   -/*cabeçalho do blocos principal*/
184   -#content .box-1 .block h3.block-title,
185   -#content .no-boxes .block h3.block-title {
186   - color: #333;
187   - font-size: 16px;
188   - text-align: left;
189   - border-bottom: 0px solid #AAA;
190   - padding: 0px;
191   - background-color: transparent;
192   -}
193   -
194   -/*ver todos blocos laterais*/
195   -#content .tags-block .block-footer-content a, #content .people-block .block-footer-content a, #content .profile-list-block .block-footer-content a, #content .enterprises-block .block-footer-content a, #content .members-block .block-footer-content a, #content .communities-block .block-footer-content a, #content .friends-block .block-footer-content a {
196   - position: absolute;
197   - top: 5px;
198   - right: 5px;
199   - font-size: 12px;
200   - color: #000;
201   - text-decoration: none;
202   - background-color: #fff;
203   - padding: 6px 20px 6px 12px;
204   - border-radius: 12px;
205   - background-position-x: 90%;
206   -}
207   -
208   -#content .tags-block .block-footer-content a:hover,
209   -#content .people-block .block-footer-content a:hover,
210   -#content .profile-list-block .block-footer-content a:hover,
211   -#content .enterprises-block .block-footer-content a:hover,
212   -#content .members-block .block-footer-content a:hover,
213   -#content .communities-block .block-footer-content a:hover,
214   -#content .friends-block .block-footer-content a:hover {
215   - position: absolute;
216   - top: 5px;
217   - right: 5px;
218   - font-size: 12px;
219   - color: #000;
220   - text-decoration: none;
221   - background-color: #257CAD;
222   - color: white;
223   - padding: 6px 20px 6px 12px;
224   - border-radius: 12px;
225   - border: 1px solid white;
226   -}
227   -
228   -#content .main-block h1{
229   - font-variant: inherit;
230   - color: #555753;
231   - text-align: left;
232   - border-bottom: 0px;
233   -/*font-family: 'Roboto',sans-serif;*/
234   - margin: 0 0 5px;
235   - font-weight: 700;
236   - color: #4d4d4d;
237   -}
238   -
239   -.search_form input[type="text"],
240   -#public-profile-search input[type="text"]{
241   - padding: 6px 0;
242   - font-size: 14px;
243   - line-height: 1.42857143;
244   - color: #555;
245   - background-color: #fff;
246   - background-image: none;
247   - border: 1px solid #ccc;
  225 +#cboxWrapper {
  226 + padding: 15px;
  227 + position: relative;
  228 + width: auto !important;
  229 + /* height: auto !important;*/
248 230 }
249 231  
250   -#content form input.button.submit {
251   - max-height: 34px;
252   - cursor: pointer;
253   - height: 34px;
254   - vertical-align: top;
255   - margin-top: 2px;
256   - margin-left: 16px;
  232 +#cboxContent{
  233 + float: none !important;
  234 + width: auto !important;
  235 + height: auto !important;
  236 + padding: 20px;
257 237 }
258 238  
259   -.controller-search #content form input.button.submit{
260   - height: 38px;
261   - max-height: 38px;
262   - background-position-x: 8px;
  239 +#cboxLoadedContent{
  240 + width: auto !important;
  241 + height: auto !important;
263 242 }
264 243  
265   -.controller-search .search-results-box{
266   - float: none;
267   - width: 100%;
268   - margin-top: 2em;
269   - box-shadow: 5px 5px 5px -2px #ddd;
  244 +#colorbox .login-box .button-bar a.icon-close{
  245 + width: auto !important;
270 246 }
271 247  
272   -.controller-search .search-results-box h3{
273   - font-size: 16px;
274   - text-align: left;
275   - border-bottom: 1px solid #AAA;
276   - padding: 0.5em;
277   - background-color: #257CAD;
278   - color: white !important;
279   - font-variant: none;
280   - margin-left: 0px !important;
281   - text-transform: uppercase;
  248 +#cboxMiddleLeft{
  249 + float: none !important;
  250 + height: auto !important;
282 251 }
283 252  
284   -.controller-search .search-results-innerbox {
285   - height: 100%;
286   - background-image: none;
287   - background-color: white;
288   - border: none;
  253 +#cboxTopCenter {
  254 + height: auto !important;
289 255 }
290 256  
291   -.search-field-label {width: auto;}
  257 +#colorbox .login-box{
  258 + width: 100%;
  259 + background: url("images/img_login_popUp.png") no-repeat scroll 90% 50% #FFFFFF;
  260 +}
292 261  
293   -.search-article-body {
294   - width: 85%;
  262 +#colorbox .login-box h2{
  263 + background: url("images/bg-titulo-login.png") no-repeat scroll 70px 7px #FFFFFF;
  264 + color: #757575;
  265 + font-size: 20px;
  266 + font-style: italic;
  267 + font-weight: normal;
  268 + width: 45%;
295 269 }
296 270  
297   -.search-article-tags .search-article-tag, .search-article-categories .search-article-category {
298   - padding: 5px 6px 3px;
  271 +#colorbox .login-box form {
  272 + margin: 0;
  273 + width: 45%;
  274 + /*background: url("images/img_login_popUp.png") no-repeat scroll 70% 30% #FFFFFF;*/
299 275 }
300 276  
301   -#public-profile-search, #profile-search-results form, .profile-search-block form {
302   - padding: 10px;
303   - margin-bottom: 15px;
304   - background-color: transparent;
305   - -moz-border-radius: 5px;
306   - -webkit-border-radius: 0px;
  277 +#colorbox .login-box .formfieldline input {
  278 + width: 95%;
307 279 }
308 280  
  281 +#colorbox .login-box .button-bar input.icon-login {
  282 + background: url("images/btn_entrar_login.png") no-repeat scroll 0 0 #FFFFFF;
  283 + border: 0px none;
  284 + font-family: 'Open Sans', sans-serif;
  285 + font-size: 16px;
  286 + font-weight: bold;
  287 + height: 50px !important;
  288 + max-height: 50px !important;
  289 + padding: 0;
  290 + text-transform: uppercase;
  291 + width: 145px;
  292 + cursor: pointer;
  293 +}
309 294  
310   -/*telas de edição*/
  295 +#colorbox .login-box .button-bar input.icon-login:hover {
  296 + background-image: url("images/btn_entrar_login_hover.png");
  297 +}
311 298  
312   -/*Estilo dos campos - input*/
313   -.formfield input, .formfield textarea {
314   - background: none;
315   - border: 2px solid #B0C4DE;
316   - color: #333;
317   - font-size: 16px;
318   - border-radius: 5px;
  299 +#colorbox .login-box .button-bar a.icon-close {
  300 + /*background: url("images/btn_cancelar_login.png") repeat-x scroll 0 0 #FFFFFF;*/
  301 + background-color: #FCE9E8;
  302 + background-image: none;
  303 + border: 0 none;
  304 + border-radius: 5px 5px 5px 5px;
  305 + color: #CE5E5E;
  306 + font-size: 16px;
  307 + font-weight: bold;
  308 + height: 35px;
  309 + padding: 14px 13px 0;
  310 + text-align: center;
  311 + text-transform: uppercase;
  312 + width: 115px;
  313 +}
  314 +#colorbox .login-box .button-bar a.icon-close:hover {
  315 + background-color: #FFD1CF;
319 316 }
320 317  
321   -#content form input.button.submit {margin-left:0px; margin-right: 16px;}
  318 +#colorbox .login-box .button-bar input.submit,
  319 +#colorbox .login-box .button-bar a.icon-close {
  320 + border: 0px none;
  321 +}
322 322  
323   -/*Campo inserir arquivo*/
324   -input[type~="file"] {border: none;}
  323 +#colorbox .login-box .button-bar {
  324 + float: none;
  325 + margin-bottom: 1em;
  326 + margin-top: 1em;
  327 + width: 100%;
  328 +}
325 329  
326   -/*formulário de criação de artigos - lado esquerdo*/
327   -.controller-cms div.with_media_panel {
328   - float: left;
329   - width: 70%;
330   - display: inline-block;
331   - background-color: #FFF;
332   - padding: 1em;
333   - vertical-align: top;
  330 +#colorbox .login-box .button-bar .icon-add{
  331 + background-image: none;
  332 + color: #004B82;
  333 + float: right;
  334 + font-size: 16px;
  335 + font-weight: bold;
  336 + margin-right: 75px;
  337 + padding: 10px;
  338 + position: relative;
  339 + text-align: center;
  340 + top: -3em;
  341 + width: 30%;
334 342 }
335 343  
336   -/*caixas de formulário da direita - Inserir imagem e buscar imagem*/
337   -.text-editor-sidebar{
338   - float: left;
339   - position: relative;
340   - width: 20%;
341   - display: inline-block;
342   - vertical-align: top;
343   - margin-left: 3%;
344   - right: 0;
345   - top: 0;
  344 +#colorbox .login-box .button-bar .icon-help{
  345 +
346 346 }
347 347  
348   -/*Campo inserir arquivo - lado direito*/
349   -.text-editor-sidebar .text-editor-sidebar-box #media-upload-form form input[type~="file"]{font-size: x-small;}
  348 +#colorbox .login-box form .button-bar {
  349 + float: none;
  350 + width: 100%
  351 +}
350 352  
351   -/*campo de busca de mídia*/
352   -.text-editor-sidebar #media-search-box .formfield input {
353   - display: inline-block;
354   - width: 85% !important;
  353 +#colorbox .login-box .button-bar a.button.icon-help,
  354 +#colorbox .login-box .button-bar a.button.icon-add {
  355 + display: none;
355 356 }
356 357  
357   -/*botão de busca de mídia*/
358   -#content .text-editor-sidebar #media-search-box form input.button.submit {
359   - max-height: 24px;
360   - cursor: pointer;
  358 +/*Modificações*/
  359 +
  360 +html {background-image: none;background-color: #EEE;}
  361 +
  362 +#navigation,
  363 +#profile-header,
  364 +#site-title {display: none;}
  365 +
  366 +#wrap-2 {background-image: none;background-color: #EEE;}
  367 +
  368 +#content {margin-top: 10px;}
  369 +#content .box-1 {margin-left: 262px;}
  370 +#content .box-2 {margin-left: 0px;}
  371 +#content .box-2 .block-inner-1 .block-inner-2 {background-image: none;margin-left: 0;}
  372 +
  373 +.link-list-block,
  374 +.profile-image-block {background-color: #FFF;box-shadow: 2px 2px 4px #CCC;}
  375 +
  376 +#content .link-list-block li a {background-color: rgba(0, 0, 0, 0);}
  377 +#content .link-list-block li a:hover {background-color: #eee;color: #333;}
  378 +
  379 +.main-content {border-width: 0;border-radius: 0;box-shadow: 2px 2px 4px #CCC;background-color: #FFF;}
  380 +
  381 +#content .box .profile-image-block {
  382 + background-color: #FFF;
  383 + box-shadow: 2px 2px 4px #CCC;
  384 + margin-bottom: 20px;
  385 + padding: 10px 0;
  386 +}
  387 +#theme-header {
  388 + background-image: none;
  389 + background-color: #0050A5;
  390 + color: #FFF;
  391 + font-size: 150%;
  392 + padding-left: 10px;
  393 + padding-top: 10px;
361 394 height: 34px;
362   - vertical-align: top;
363   - margin-top: 2px;
364   - margin-left: 0;
365   - margin-right: 0;
366   - width: 0px;
367   - color: #EEE;
  395 + font-family: 'Open Sans', sans-serif;
  396 +}
  397 +#theme-header:before {
  398 + content: "";
368 399 display: inline-block;
  400 + width: 20px;
  401 + margin-right: 10px;
  402 + height: 2px;
  403 + background-color: #fff;
  404 + vertical-align: baseline;
  405 + border-top: 2px solid #fff;
  406 + border-bottom: 2px solid #fff;
  407 + padding: 4px 0;
  408 + background-clip: content-box;
  409 + margin-right: 20px;
369 410 }
370 411  
371   -/*botão cancelar*/
372   -#content a.button.with-text {
373   -line-height: 32px;
374   -height: 32px;
375   -margin-top: 2px;
  412 +#theme-header:after {
  413 +content: "Planejamento Estratégico";
  414 +color: #FFF;
376 415 }
377 416  
378   -.comment-details .menu-submenu {
379   - right: 3px;
380   -}
  417 +#user {top: -30px;}
381 418  
382   -.vote-actions {
383   - top: 30px;
384   -}
  419 +#content .link-list-block li a {border-radius: 0px;}
385 420  
386   -.ui-widget-header {
387   - background: none;
388   - border-width: 0px 0px 1px 0px;
  421 +#content .link-list-block li a.link-this-page {
  422 + background-color: rgba(0, 0, 0, 0);
  423 + border-right: 0px;
  424 + border-left: 2px solid #CCC;
  425 + width: auto;
  426 + border-radius: 0px;
389 427 }
390 428  
391   -#leave_scrap_content_left {
392   - float: none;
393   - text-align: left;
  429 +#content .link-list-block li a.link-this-page:hover {
  430 + border-left: 2px solid #eee;
  431 + border-right: 0px;
  432 + border-radius: 0px;}
  433 +
  434 +#content .link-list-block li a:hover {
  435 + background-color: #EEE;
  436 + color: #333;
  437 + border-left: 0px none;
394 438 }
395 439  
396   -#leave_scrap textarea {
397   - float: left;
  440 +#content .link-list-block ul {
  441 +padding-left: 0px;
398 442 }
399 443  
400   -#profile-activity ul, #profile-network ul, #profile-wall ul {
401   - width: 100%;
  444 +
  445 +/*Dentro do Main Block*/
  446 +
  447 +#content .main-block h1, #not-found h1, #access-denied h1 {
  448 + border-bottom: 0 solid #2E3436;
  449 + color: #0050A5;
  450 + font-variant: small-caps;
  451 + text-align: left;
402 452 }
403 453  
404   -.profile-activity-lead {
405   - width: 90%;
  454 +#article-header:before {
  455 + background-color: #0050A5;
  456 + content: "";
  457 + display: inline-block;
  458 + height: 2px;
  459 + position: relative;
  460 + top: 40px;
  461 + width: 50px;
406 462 }
  463 +
  464 +#content .main-block .publishing-info,
  465 +#article-sub-header {display: none;}
  466 +
  467 +#article-toolbar {margin-bottom: 20px;}
  468 +
  469 +
... ...
style.css~ 0 → 100644
... ... @@ -0,0 +1,469 @@
  1 +@import url(../base/style.css);
  2 +@import url(profile_header.css);
  3 +@import url(user_bar.css);
  4 +@import url(navigation.css);
  5 +
  6 +@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,700,400);
  7 +
  8 +html {
  9 + background: url(images/background.png) repeat fixed left top transparent;
  10 +}
  11 +
  12 +body {
  13 + background-color: transparent;
  14 + font-family: 'Open Sans', sans-serif;
  15 +}
  16 +
  17 +#theme-header{
  18 + background: url("images/topo.gif") no-repeat scroll left top transparent;
  19 + height: 40px
  20 +}
  21 +
  22 +#wrap-2{
  23 + background: url("images/topo2.gif") no-repeat scroll left top #FEFEFE;
  24 +}
  25 +
  26 +#site-title {
  27 + left: 10px;
  28 + top: -31px;
  29 +}
  30 +
  31 +#site-title a{
  32 + background-image: url("images/marca-consultapublica.png");
  33 + background-repeat: no-repeat;
  34 + height: 90px;
  35 + left: 0;
  36 + top: 0;
  37 +
  38 +}
  39 +
  40 +#content {
  41 + margin-top: 150px;
  42 +}
  43 +
  44 +#content .box-2 #content .feed-reader-block, #content .recent-documents-block{
  45 + overflow: visible;
  46 +}
  47 +#content .box-1{
  48 + margin-left: 282px;
  49 +}
  50 +#content .box-2{
  51 + width: 282px;
  52 + background-color: #EFEFEF;
  53 + margin-left: 15px;
  54 + width: 250px;
  55 +}
  56 +
  57 +#content .block {
  58 + margin: 0px;
  59 +}
  60 +#content .block ul{
  61 + list-style: none;
  62 + text-align: justify;
  63 + padding-left: 20px;
  64 + padding-right: 5px;
  65 +}
  66 +
  67 +#content .box-2 .block-inner-1 .block-inner-2{
  68 + background: url("images/textosemconsulta.gif") no-repeat scroll left top transparent;
  69 + margin-left: -14px;
  70 +}
  71 +
  72 +#content .box-2 .block-inner-2 .block-title{
  73 + background: url("images/textosemconsulta-canto.gif") no-repeat scroll left 44px transparent;
  74 + height: 62px;
  75 + position: relative;
  76 + margin-bottom: 0;
  77 + border-bottom: 0 none;
  78 + z-index: 9;
  79 +}
  80 +
  81 +
  82 +#content .box-2 .block-inner-2 .block-title span {
  83 + color: white;
  84 + display: block;
  85 + font-family: 'Open Sans', sans-serif;
  86 + font-weight: lighter;
  87 + padding-left: 20px;
  88 + padding-top: 7px;
  89 + position: relative;
  90 +}
  91 +
  92 +#content .box-2 .block-inner-2 li{
  93 + list-style: none;
  94 +}
  95 +
  96 +#content .box-2 .block a {
  97 + color: #004A9E;
  98 +}
  99 +
  100 +/*
  101 +#content .box-2 .feed-reader-block li, .recent-documents-block li{
  102 + list-style: none;
  103 + text-indent: 10px;
  104 +}
  105 +*/
  106 +
  107 +.box-1 .blocks {
  108 + background-color: #f7f7f7;
  109 + padding: 0px;
  110 + margin: 0px;
  111 +}
  112 +
  113 +#theme-footer {
  114 + background-color: #ffffff;
  115 +}
  116 +
  117 +#wrap-2 {
  118 + border: 0px;
  119 +}
  120 +
  121 +#footer-links,
  122 +#copyright,
  123 +#theme-footer #language-chooser {
  124 + padding: 5px 10px;
  125 +}
  126 +
  127 +#copyright p {
  128 + margin: 0;
  129 +}
  130 +
  131 +
  132 +/*
  133 + * Specific article style
  134 + */
  135 +
  136 +#article-tags{
  137 + text-align: left;
  138 + color: black;
  139 +}
  140 +
  141 +/*
  142 + * Specific blocks style
  143 + */
  144 +
  145 +/*FIXME verificar se pode usar .block-footer-content diretamente*/
  146 +#content .tags-block .block-footer-content,
  147 +#content .people-block .block-footer-content,
  148 +#content .profile-list-block .block-footer-content,
  149 +#content .enterprises-block .block-footer-content,
  150 +#content .members-block .block-footer-content,
  151 +#content .communities-block .block-footer-content,
  152 +#content .friends-block .block-footer-content{
  153 +
  154 + position: relative;
  155 + bottom: 4px;
  156 + width: 70px;
  157 + right: 0px;
  158 + font-size: 11px;
  159 + color: #000;
  160 + z-index: 10;
  161 + text-decoration: none;
  162 + padding-right: 15px;
  163 + background-color: red;
  164 +/* background: url(imgs/arrow-right-p.png) 100% 50% no-repeat;*/
  165 +}
  166 +
  167 +#content .tags-block .block-footer-content a,
  168 +#content .people-block .block-footer-content a,
  169 +#content .profile-list-block .block-footer-content a,
  170 +#content .enterprises-block .block-footer-content a,
  171 +#content .members-block .block-footer-content a,
  172 +#content .communities-block .block-footer-content a,
  173 +#content .friends-block .block-footer-content a {
  174 + font-size: 11px;
  175 + color: #000;
  176 + text-decoration: none;
  177 + padding-right: 15px;
  178 + background: url(imgs/arrow-right-p.png) 100% 50% no-repeat;
  179 +}
  180 +
  181 +/* Plugin para curtir artigos e comentários */
  182 +
  183 +.action .dislike:before {
  184 + content: url(images/negative-hand.png);
  185 +}
  186 +
  187 +.action .like:before {
  188 + content: url(images/positive-hand.png);
  189 +}
  190 +
  191 +.vote-action .like-action-active .action-icon {
  192 + opacity: 1;
  193 +}
  194 +
  195 +.vote-action .action-icon {
  196 + opacity: 0.5;
  197 +}
  198 +
  199 +#article .action .action-icon {
  200 + top: 3px;
  201 +}
  202 +
  203 +#article .like-action .like-action-counter {
  204 + color: #2A8C32;
  205 +}
  206 +
  207 +#article .dislike-action .like-action-counter {
  208 + color: #CC0000;
  209 +}
  210 +
  211 +.vote-actions {
  212 + position: relative;
  213 + right: 0;
  214 + top: 0;
  215 +}
  216 +
  217 +/* PopUp Login*/
  218 +
  219 +#colorbox {
  220 + left: -350px !important;
  221 + margin-left: 50% !important;
  222 + width: 700px !important;
  223 +}
  224 +
  225 +#cboxWrapper {
  226 + padding: 15px;
  227 + position: relative;
  228 + width: auto !important;
  229 + /* height: auto !important;*/
  230 +}
  231 +
  232 +#cboxContent{
  233 + float: none !important;
  234 + width: auto !important;
  235 + height: auto !important;
  236 + padding: 20px;
  237 +}
  238 +
  239 +#cboxLoadedContent{
  240 + width: auto !important;
  241 + height: auto !important;
  242 +}
  243 +
  244 +#colorbox .login-box .button-bar a.icon-close{
  245 + width: auto !important;
  246 +}
  247 +
  248 +#cboxMiddleLeft{
  249 + float: none !important;
  250 + height: auto !important;
  251 +}
  252 +
  253 +#cboxTopCenter {
  254 + height: auto !important;
  255 +}
  256 +
  257 +#colorbox .login-box{
  258 + width: 100%;
  259 + background: url("images/img_login_popUp.png") no-repeat scroll 90% 50% #FFFFFF;
  260 +}
  261 +
  262 +#colorbox .login-box h2{
  263 + background: url("images/bg-titulo-login.png") no-repeat scroll 70px 7px #FFFFFF;
  264 + color: #757575;
  265 + font-size: 20px;
  266 + font-style: italic;
  267 + font-weight: normal;
  268 + width: 45%;
  269 +}
  270 +
  271 +#colorbox .login-box form {
  272 + margin: 0;
  273 + width: 45%;
  274 + /*background: url("images/img_login_popUp.png") no-repeat scroll 70% 30% #FFFFFF;*/
  275 +}
  276 +
  277 +#colorbox .login-box .formfieldline input {
  278 + width: 95%;
  279 +}
  280 +
  281 +#colorbox .login-box .button-bar input.icon-login {
  282 + background: url("images/btn_entrar_login.png") no-repeat scroll 0 0 #FFFFFF;
  283 + border: 0px none;
  284 + font-family: 'Open Sans', sans-serif;
  285 + font-size: 16px;
  286 + font-weight: bold;
  287 + height: 50px !important;
  288 + max-height: 50px !important;
  289 + padding: 0;
  290 + text-transform: uppercase;
  291 + width: 145px;
  292 + cursor: pointer;
  293 +}
  294 +
  295 +#colorbox .login-box .button-bar input.icon-login:hover {
  296 + background-image: url("images/btn_entrar_login_hover.png");
  297 +}
  298 +
  299 +#colorbox .login-box .button-bar a.icon-close {
  300 + /*background: url("images/btn_cancelar_login.png") repeat-x scroll 0 0 #FFFFFF;*/
  301 + background-color: #FCE9E8;
  302 + background-image: none;
  303 + border: 0 none;
  304 + border-radius: 5px 5px 5px 5px;
  305 + color: #CE5E5E;
  306 + font-size: 16px;
  307 + font-weight: bold;
  308 + height: 35px;
  309 + padding: 14px 13px 0;
  310 + text-align: center;
  311 + text-transform: uppercase;
  312 + width: 115px;
  313 +}
  314 +#colorbox .login-box .button-bar a.icon-close:hover {
  315 + background-color: #FFD1CF;
  316 +}
  317 +
  318 +#colorbox .login-box .button-bar input.submit,
  319 +#colorbox .login-box .button-bar a.icon-close {
  320 + border: 0px none;
  321 +}
  322 +
  323 +#colorbox .login-box .button-bar {
  324 + float: none;
  325 + margin-bottom: 1em;
  326 + margin-top: 1em;
  327 + width: 100%;
  328 +}
  329 +
  330 +#colorbox .login-box .button-bar .icon-add{
  331 + background-image: none;
  332 + color: #004B82;
  333 + float: right;
  334 + font-size: 16px;
  335 + font-weight: bold;
  336 + margin-right: 75px;
  337 + padding: 10px;
  338 + position: relative;
  339 + text-align: center;
  340 + top: -3em;
  341 + width: 30%;
  342 +}
  343 +
  344 +#colorbox .login-box .button-bar .icon-help{
  345 +
  346 +}
  347 +
  348 +#colorbox .login-box form .button-bar {
  349 + float: none;
  350 + width: 100%
  351 +}
  352 +
  353 +#colorbox .login-box .button-bar a.button.icon-help,
  354 +#colorbox .login-box .button-bar a.button.icon-add {
  355 + display: none;
  356 +}
  357 +
  358 +/*Modificações*/
  359 +
  360 +html {background-image: none;background-color: #EEE;}
  361 +
  362 +#navigation,
  363 +#profile-header,
  364 +#site-title {display: none;}
  365 +
  366 +#wrap-2 {background-image: none;background-color: #EEE;}
  367 +
  368 +#content {margin-top: 10px;}
  369 +#content .box-1 {margin-left: 262px;}
  370 +#content .box-2 {margin-left: 0px;}
  371 +#content .box-2 .block-inner-1 .block-inner-2 {background-image: none;margin-left: 0;}
  372 +
  373 +.link-list-block,
  374 +.profile-image-block {background-color: #FFF;box-shadow: 2px 2px 4px #CCC;}
  375 +
  376 +#content .link-list-block li a {background-color: rgba(0, 0, 0, 0);}
  377 +#content .link-list-block li a:hover {background-color: #eee;color: #333;}
  378 +
  379 +.main-content {border-width: 0;border-radius: 0;box-shadow: 2px 2px 4px #CCC;background-color: #FFF;}
  380 +
  381 +#content .box .profile-image-block {
  382 + background-color: #FFF;
  383 + box-shadow: 2px 2px 4px #CCC;
  384 + margin-bottom: 20px;
  385 + padding: 10px 0;
  386 +}
  387 +#theme-header {
  388 + background-image: none;
  389 + background-color: #0050A5;
  390 + color: #FFF;
  391 + font-size: 150%;
  392 + padding-left: 10px;
  393 + padding-top: 10px;
  394 + height: 30px;
  395 + font-family: 'Open Sans', sans-serif;
  396 +}
  397 +#theme-header:before {
  398 + content: "";
  399 + display: inline-block;
  400 + width: 20px;
  401 + margin-right: 10px;
  402 + height: 2px;
  403 + background-color: #fff;
  404 + vertical-align: baseline;
  405 + border-top: 2px solid #fff;
  406 + border-bottom: 2px solid #fff;
  407 + padding: 4px 0;
  408 + background-clip: content-box;
  409 + margin-right: 20px;
  410 +}
  411 +
  412 +#theme-header:after {
  413 +content: "Planejamento Estratégico";
  414 +color: #FFF;
  415 +}
  416 +
  417 +#user {top: -30px;}
  418 +
  419 +#content .link-list-block li a {border-radius: 0px;}
  420 +
  421 +#content .link-list-block li a.link-this-page {
  422 + background-color: rgba(0, 0, 0, 0);
  423 + border-right: 0px;
  424 + border-left: 2px solid #CCC;
  425 + width: auto;
  426 + border-radius: 0px;
  427 +}
  428 +
  429 +#content .link-list-block li a.link-this-page:hover {
  430 + border-left: 2px solid #eee;
  431 + border-right: 0px;
  432 + border-radius: 0px;}
  433 +
  434 +#content .link-list-block li a:hover {
  435 + background-color: #EEE;
  436 + color: #333;
  437 + border-left: 0px none;
  438 +}
  439 +
  440 +#content .link-list-block ul {
  441 +padding-left: 0px;
  442 +}
  443 +
  444 +
  445 +/*Dentro do Main Block*/
  446 +
  447 +#content .main-block h1, #not-found h1, #access-denied h1 {
  448 + border-bottom: 0 solid #2E3436;
  449 + color: #0050A5;
  450 + font-variant: small-caps;
  451 + text-align: left;
  452 +}
  453 +
  454 +#article-header:before {
  455 + background-color: #0050A5;
  456 + content: "";
  457 + display: inline-block;
  458 + height: 2px;
  459 + position: relative;
  460 + top: 40px;
  461 + width: 50px;
  462 +}
  463 +
  464 +#content .main-block .publishing-info,
  465 +#article-sub-header {display: none;}
  466 +
  467 +#article-toolbar {margin-bottom: 20px;}
  468 +
  469 +
... ...
theme.yml
1 1 name: "Palpite.SERPRO"
2   -#layout: "../../../public/designs/themes/participa-web/index"
3 2 layout: "application-ng"
4 3 jquery_theme: "smoothness"
5 4 icon_theme: [default, pidgin]
... ...
theme.yml~
1   -name: "Participa-WEB"
2   -#layout: "../../../public/designs/themes/participa-web/index"
  1 +name: "Consulta"
3 2 layout: "application-ng"
4 3 jquery_theme: "smoothness"
5 4 icon_theme: [default, pidgin]
  5 +public: true
... ...
user_bar.css 0 → 100644
... ... @@ -0,0 +1,22 @@
  1 +#user {
  2 + color: white;
  3 + position: absolute;
  4 + right: 10px;
  5 + text-align: right;
  6 + top: -25px;
  7 + z-index: 10;
  8 +}
  9 +
  10 +#user a i{
  11 + left: -20px;
  12 +}
  13 +
  14 +#user,
  15 +#user a,
  16 +#user a:hover,
  17 +#user a:visited,
  18 +#user a strong {
  19 + color: white;
  20 + text-decoration: none;
  21 +}
  22 +
... ...