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,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 @@ @@ -0,0 +1 @@
  1 +../base/footer.html.erb
0 \ No newline at end of file 2 \ No newline at end of file
header.rhtml 0 → 100644
@@ -0,0 +1 @@ @@ -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 @@ @@ -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,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 @@ @@ -0,0 +1 @@
  1 +../base/navigation.html.erb
0 \ No newline at end of file 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 @@ @@ -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 @@ @@ -0,0 +1,3 @@
  1 +<%=
  2 +#link_to(image_tag("/designs/themes/noosfero/images/logo-noosfero.png"), environment.top_url)
  3 +%>
1 @import url(../base/style.css); 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 #site-title { 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 height: 34px; 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 display: inline-block; 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 @@ @@ -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 +
1 name: "Palpite.SERPRO" 1 name: "Palpite.SERPRO"
2 -#layout: "../../../public/designs/themes/participa-web/index"  
3 layout: "application-ng" 2 layout: "application-ng"
4 jquery_theme: "smoothness" 3 jquery_theme: "smoothness"
5 icon_theme: [default, pidgin] 4 icon_theme: [default, pidgin]
1 -name: "Participa-WEB"  
2 -#layout: "../../../public/designs/themes/participa-web/index" 1 +name: "Consulta"
3 layout: "application-ng" 2 layout: "application-ng"
4 jquery_theme: "smoothness" 3 jquery_theme: "smoothness"
5 icon_theme: [default, pidgin] 4 icon_theme: [default, pidgin]
  5 +public: true
user_bar.css 0 → 100644
@@ -0,0 +1,22 @@ @@ -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 +