Download as
Browse Code »

Commit db2bf0708259adabba29a4acf0c24b1ea653884f

Authored by Juliana
2 parents 98d594a8 1ce287ec
Exists in master and in 2 other branches comments-opacity, format_highlight_block_#85

Merge branch 'master' of https://gitlab.com/softwarepublico/noosfero-spb-theme 

Conflicts:
	images/left-arrow.png
	pagina_comunidade.css
Showing 42 changed files with 3059 additions and 536 deletions   Show diff stats
README.md
  Diff comments   View file @db2bf07
1   -Participa.gov Theme for Noosfero
  1 +PSB Theme for Noosfero
2 2 ================================
3 3  
4   -Noosfero theme for the Participa.gov environment.
  4 +Noosfero theme for the _Portal do Software Público_ project.
5 5  
6   -Install on /public/designs/themes/participa
  6 +Install on /public/designs/themes/noosfero-spb-theme
7 7 \ No newline at end of file
... ...
cabecalho-cinza-theme.css
  Diff comments   View file @db2bf07
1 1 @import url(http://fonts.googleapis.com/css?family=Open+Sans);
2 2  
3 3 a:link, #content a:link, dl.portlet a:link {
4   - color: #2c67cd;
  4 + color: #172738;
5 5 /*border-bottom: none;*/
6 6 }
7 7  
... ... @@ -24,7 +24,7 @@ tr:hover td {
24 24  
25 25 #theme-header{}
26 26  
27   -#header {
  27 +#theme-header #header {
28 28 padding: 15px 0 0 0; /*13px 0 0 0;*/
29 29 color: #000;
30 30 background-color:#f0f2f1; /*rgb(236,237,241);*/
... ... @@ -32,19 +32,19 @@ tr:hover td {
32 32 background-image: -webkit-radial-gradient(center, ellipse cover, #f0f2f1 1%, #ecedf1 100%)
33 33 }
34 34  
35   -#header>div {
  35 +#theme-header #header>div {
36 36 max-width: 960px;
37 37 min-width: 960px;
38 38 margin: 0 auto;
39 39 }
40 40  
41   -.header-content * {
  41 +#theme-header .header-content * {
42 42 margin: 0;
43 43 padding: 0;
44 44 list-style: none;
45 45 vertical-align: baseline;
46 46 }
47   -.header-content li { display: inline; }
  47 +#theme-header .header-content li { display: inline; }
48 48  
49 49 #brasilgov {
50 50 background: #00510f;
... ... @@ -53,7 +53,7 @@ tr:hover td {
53 53 color: #03316f;
54 54 }
55 55  
56   -#accessibility {
  56 +#theme-header #accessibility {
57 57 display: block !important;
58 58 float: left;
59 59 font-family: arial;
... ... @@ -61,15 +61,15 @@ tr:hover td {
61 61 width: 50%;
62 62 }
63 63  
64   -#accessibility a {
  64 +#theme-header #accessibility a {
65 65 /*color:# ;rgb(96,96,96);*//*#FFF; */
66 66 margin-right: 8px;
67 67 }
68   -#accessibility a:hover {
  68 +#theme-header #accessibility a:hover {
69 69 /*color:/*#969696;*/ /*#d0d9ff;*/
70 70 }
71 71  
72   -#accessibility span {
  72 +#theme-header #accessibility span {
73 73 background: none repeat scroll 0 0 #2c66ce; /*rgb(96,96,96);*/
74 74 color: #FFFFFF;
75 75 padding: 0 3px;
... ... @@ -87,28 +87,28 @@ background-repeat: no-repeat;
87 87 }*/
88 88  
89 89 /* logo */
90   -#logo {
  90 +#theme-header #logo {
91 91 padding: 0;
92 92 float: left;
93 93 width: 50%; /*70%;*/
94 94 }
95 95  
96   -#logo span {
  96 +#theme-header #logo span {
97 97 display: block;
98 98 }
99 99  
100   -#logo a {
  100 +#theme-header #logo a {
101 101 display: block;
102 102 width: 100%;
103 103 color: #03316f !important;
104 104 margin: 1em 0px;
105 105 }
106 106  
107   -#logo a, #logo #portal-title {
  107 +#theme-header #logo a, #theme-header #logo #portal-title {
108 108 color: #03316f;
109 109 }
110 110  
111   -#logo #portal-title {
  111 +#theme-header #logo #portal-title {
112 112 background-image: url("images/logotipo_spb_beta.svg");
113 113 background-repeat: no-repeat;
114 114 background-size: 370px; /*374px 56px;*/
... ... @@ -124,19 +124,19 @@ background-repeat: no-repeat;
124 124 letter-spacing: -0.05em;*/
125 125 }
126 126  
127   -#logo .luongo {
  127 +#theme-header #logo .luongo {
128 128 font-size: 3em !important;
129 129 line-height: 1.1em;
130 130 margin-bottom: 0.2em;
131 131 }
132 132  
133   -#logo #portal-description {
  133 +#theme-header #logo #portal-description {
134 134 font-size: 1.2em;
135 135 text-transform: uppercase;
136 136 }
137 137  
138 138 /* Site Actions */
139   -#portal-siteactions {
  139 +#theme-header #portal-siteactions {
140 140 display: block;
141 141 float: right;
142 142 clear: left;
... ... @@ -146,7 +146,7 @@ background-repeat: no-repeat;
146 146 text-align: center;
147 147 }
148 148  
149   -#portal-siteactions a {
  149 +#theme-header #portal-siteactions a {
150 150 color:#2c66ce; /*rgb(96,96,96);*/ /*#FFF;*/
151 151 text-decoration: none;
152 152 padding: 4px 0 4px 10px;
... ... @@ -154,11 +154,11 @@ background-repeat: no-repeat;
154 154 font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
155 155 }
156 156  
157   -#portal-siteactions a:hover {
  157 +#theme-header #portal-siteactions a:hover {
158 158 color: #03316f;
159 159 }
160 160  
161   -#portal-siteactions li {
  161 +#theme-header #portal-siteactions li {
162 162 display: inline;
163 163 margin: 0 5px 0 0;
164 164 border-bottom: 1px dotted #2c66ce;; /*#d0d9ff;*/
... ... @@ -167,7 +167,7 @@ background-repeat: no-repeat;
167 167 #portal-siteactions li a:hover {
168 168 color: #969696; /*#d0d9ff;
169 169 }*/
170   -#portal-siteactions li a {
  170 +#theme-header #portal-siteactions li a {
171 171 padding: 4px 0px;
172 172 }
173 173  
... ... @@ -218,7 +218,7 @@ li#siteaction-mapadosite {
218 218 /* */
219 219  
220 220 /* Sobre o brasil */
221   -#sobre, #navbar {
  221 +#theme-header #sobre, #theme-header #navbar {
222 222 clear: both;
223 223 max-width: 100% !important;
224 224 margin: 0;
... ... @@ -227,38 +227,38 @@ li#siteaction-mapadosite {
227 227 padding: 5px 0;
228 228 }
229 229  
230   -#sobre,#navbar ul {
  230 +#theme-header #sobre, #theme-header #navbar ul {
231 231 max-width: 960px;
232 232 margin: 0px auto;
233 233 text-align: right;
234 234 padding:10px;
235 235 }
236 236  
237   -#sobre a {
  237 +#theme-header #sobre a {
238 238 color: #2c66ce; /*rgb(96,96,96);*/
239 239 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
240 240 }
241   -#navbar a{
  241 +#theme-header #navbar a{
242 242 color: rgb(96,96,96);
243 243 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
244 244 }
245 245  
246   -#sobre, #navbar .portalservicos-item a {
  246 +#theme-header #sobre, #theme-header #navbar .portalservicos-item a {
247 247 padding: 0 10px;
248 248 border-right: 1px solid #03316f;
249 249 }
250 250  
251   -#sobre, #navbar .last-item a {
  251 +#theme-header #sobre, #theme-header #navbar .last-item a {
252 252 padding: 0 0 0 10px;
253 253 border-right: none;
254 254 }
255 255  
256   -#navbar:houver{
  256 +#theme-header #navbar:houver{
257 257 color:#000000;
258 258  
259 259 }
260 260  
261   -#links-rapidos{
  261 +#theme-header #links-rapidos{
262 262 width: 960px;
263 263 margin: 0 auto;
264 264 font-color:#fff;
... ... @@ -273,11 +273,11 @@ li#siteaction-mapadosite {
273 273 border: none;
274 274 }
275 275  
276   -input.searchField {
  276 +#theme-header input.searchField {
277 277 -moz-appearance: none;
278 278 }
279 279  
280   -#portal-searchbox {
  280 +#theme-header #portal-searchbox {
281 281 clear: right;
282 282 float: right;
283 283 font-size: 80%;
... ... @@ -292,26 +292,26 @@ input.searchField {
292 292 padding: 2px;
293 293 }
294 294  
295   -#portal-searchbox .searchField {
  295 +#theme-header #portal-searchbox .searchField {
296 296 padding: 0.45em;
297 297 border-right: none;
298 298 border: none;
299 299 width: 171px; /*210px;170px;*/
300 300 }
301 301  
302   -#portal-searchbox form {
  302 +#theme-header #portal-searchbox form {
303 303 white-space: nowrap;
304 304 }
305 305  
306   -#portal-searchbox label {
  306 +#theme-header #portal-searchbox label {
307 307 font-weight: normal;
308 308 }
309 309  
310   -#searchGadget {
  310 +#theme-header #searchGadget {
311 311 width: 13em;
312 312 }
313 313  
314   -#header input.searchButton {
  314 +#theme-header #header input.searchButton {
315 315 padding: 0.3em;
316 316 background: transparent;
317 317 text-indent: -2000px;
... ... @@ -328,7 +328,7 @@ input.searchField {
328 328 -moz-appearance: searchfield;
329 329 }*/
330 330  
331   -#header input.searchButton {
  331 +#theme-header #header input.searchButton {
332 332 background-image: url("images/search-button.png");
333 333 background-position: 8px 2px;
334 334 background-repeat: no-repeat;
... ... @@ -342,7 +342,7 @@ input.searchField {
342 342  
343 343  
344 344 /* Search Button */
345   -#search-button a {
  345 +#theme-header #search-button a {
346 346 display: inline-block;
347 347 width: 29px;
348 348 height: 25px;
... ... @@ -350,16 +350,16 @@ input.searchField {
350 350 margin-top: 10px;
351 351 }
352 352  
353   -#search-button a:hover {
  353 +#theme-header #search-button a:hover {
354 354 opacity: 0.6;
355 355 }
356 356  
357   -#search-button #sb_search {
  357 +#theme-header #search-button #sb_search {
358 358 background-image: url(images/search.png);
359 359 background-size: 100% 100%;
360 360 }
361 361  
362   -#search-button span { display: none; }
  362 +#theme-header #search-button span { display: none; }
363 363  
364 364  
365 365 /* */
... ...
cadastro.css
  Diff comments   View file @db2bf07
... ... @@ -15,6 +15,10 @@
15 15 width:90% !important;
16 16 }
17 17  
  18 +body #content .main-block form .icon-add{
  19 + background-color: #2C66CE;
  20 +}
  21 +
18 22 #signup-form .formfieldline,
19 23 #signup-formfield-group {
20 24 /*background-color:#E7E7E7;*/ /*colorir linhas especificas*/
... ... @@ -145,8 +149,8 @@ margin:10px;
145 149 #institution_dialog .formfield.type-text,
146 150 #institution_dialog .formfield.type-select
147 151 #institution_dialog .formfield.type-radio{
148   - width:100%;
149   - /*margin:0px 10px 10px 0px;
  152 + width:100%;
  153 + /*margin:0px 10px 10px 0px;
150 154 }*/
151 155 /*
152 156 #edit_institution_page .formfield type-radio{
... ... @@ -180,12 +184,6 @@ margin:10px;
180 184 /* cadastro de software */
181 185  
182 186 /*
183   -#content #main-content-wrapper-1,
184   -#content .main-block .block-inner-1 {
185   - font-size: 15px;
186   - font-family: arial, verdana, helvetica !important;
187   -}
188   -
189 187 #content #main-content-wrapper-1 form,
190 188 #content .main-block .block-inner-1 form {
191 189 font-family: arial, verdana, helvetica;
... ... @@ -200,17 +198,17 @@ margin:10px;
200 198 margin-bottom: 30px !important;
201 199 }
202 200  
203   -#content #main-content-wrapper-1 .required-field .pseudoformlabel,
204   -#content #main-content-wrapper-1 .mandatory:after,
205   -#content #main-content-wrapper-1 .required-field label.formlabel:after {
206   - color: #2C4B6B;
  201 +#content #main-content-wrapper-1 form .required-field .pseudoformlabel,
  202 +#content #main-content-wrapper-1 form .mandatory:after,
  203 +#content #main-content-wrapper-1 form .required-field label.formlabel:after {
  204 + color: #4562b1;
207 205 }
208 206  
209   -#content #main-content-wrapper-1 p > .required-field:before,
210   -#content #main-content-wrapper-1 #template-options label a:before,
211   -#content #main-content-wrapper-1 #errorExplanation h2:before,
212   -#content .main-block .block-inner-1 p > .required-field:before,
213   -#content .main-block .block-inner-1 #errorExplanation h2:before {
  207 +#content #main-content-wrapper-1 form p > .required-field:before,
  208 +#content #main-content-wrapper-1 form #template-options label a:before,
  209 +#content #main-content-wrapper-1 form #errorExplanation h2:before,
  210 +#content .main-block .block-inner-1 form p > .required-field:before,
  211 +#content .main-block .block-inner-1 form #errorExplanation h2:before {
214 212 font-family: FontAwesome;
215 213 font-style: normal;
216 214 font-weight: normal;
... ... @@ -218,8 +216,8 @@ margin:10px;
218 216 position: absolute;
219 217 }
220 218  
221   -#content #main-content-wrapper-1 p > .required-field,
222   -#content .main-block .block-inner-1 p > .required-field {
  219 +#content #main-content-wrapper-1 form p > .required-field,
  220 +#content .main-block .block-inner-1 form p > .required-field {
223 221 margin-bottom: 40px;
224 222 display: block;
225 223 position: relative;
... ... @@ -227,12 +225,12 @@ margin:10px;
227 225 background: #ECEDF1;
228 226 padding: 15px 15px 15px 35px;
229 227 font-size: 16px;
230   - border: 1px dotted #2C4B6B;
231   - border-left: 4px solid #2C4B6B;
  228 + border: 1px dotted #4562b1;
  229 + border-left: 4px solid #4562b1;
232 230 }
233 231  
234   -#content #main-content-wrapper-1 #errorExplanation,
235   -#content .main-block .block-inner-1 #errorExplanation {
  232 +#content #main-content-wrapper-1 form #errorExplanation,
  233 +#content .main-block .block-inner-1 form #errorExplanation {
236 234 display: block;
237 235 position: relative;
238 236 padding-left: 27px;
... ... @@ -245,8 +243,8 @@ margin:10px;
245 243 font-family: arial, verdana, helvetica ;
246 244 }
247 245  
248   -#content #main-content-wrapper-1 #errorExplanation h2,
249   -#content .main-block .block-inner-1 #errorExplanation h2 {
  246 +#content #main-content-wrapper-1 form #errorExplanation h2,
  247 +#content .main-block .block-inner-1 form #errorExplanation h2 {
250 248 background: none;
251 249 font-size: 18px !important;
252 250 color: #C0392B;
... ... @@ -257,8 +255,8 @@ margin:10px;
257 255  
258 256 }
259 257  
260   -#content #main-content-wrapper-1 #errorExplanation h2:before,
261   -#content .main-block .block-inner-1 #errorExplanation h2:before {
  258 +#content #main-content-wrapper-1 form #errorExplanation h2:before,
  259 +#content .main-block .block-inner-1 form #errorExplanation h2:before {
262 260 left: 13px;
263 261 content: "\f06a";
264 262 font-size: 22px;
... ... @@ -270,22 +268,30 @@ margin:10px;
270 268 margin-left: 20px;
271 269 }
272 270  
273   -#content #main-content-wrapper-1 #errorExplanation ul li,
274   -#content .main-block .block-inner-1 #errorExplanation ul li {
  271 +#content #main-content-wrapper-1 form #errorExplanation ul li,
  272 +#content .main-block .block-inner-1 form #errorExplanation ul li {
275 273 list-style-type: disc;
276 274 margin-bottom: 3px;
277 275 color: #C0392B;
278 276 }
279 277  
280 278  
281   -#content #main-content-wrapper-1 p > .required-field:before,
282   -#content .main-block .block-inner-1 p > .required-field:before {
  279 +#content #main-content-wrapper-1 form p > .required-field:before,
  280 +#content .main-block .block-inner-1 form p > .required-field:before {
283 281 left: 13px;
284 282 content: "\f0a4";
285 283 font-size: 18px;
  284 + color: #4562b1;
286 285 }
287 286  
288   -#content #main-content-wrapper-1 #template-options label a:before{
  287 +#content #main-content-wrapper-1 form .atention {
  288 + border: 2px dotted #ccc;
  289 + background: #f4f4f4;
  290 + padding: 20px;
  291 + margin-bottom: 30px;
  292 +}
  293 +
  294 +#content #main-content-wrapper-1 form #template-options label a:before{
289 295 right: 0;
290 296 bottom: 0;
291 297 vertical-align: middle;
... ... @@ -294,8 +300,8 @@ margin:10px;
294 300 color: #172738;
295 301 }
296 302  
297   -#content #main-content-wrapper-1 label,
298   -#content .main-block .block-inner-1 label {
  303 +#content #main-content-wrapper-1 form label,
  304 +#content .main-block .block-inner-1 form label {
299 305 font-weight: 700;
300 306 margin-bottom: 4px;
301 307 color: #172738;
... ... @@ -303,13 +309,13 @@ margin:10px;
303 309 font-style: normal;
304 310 }
305 311  
306   -#content .main-block .block-inner-1 h2,
307   -#content .main-block .block-inner-1 h3,
308   -#content .main-block .block-inner-1 h4 {
  312 +#content .main-block .block-inner-1 form h2,
  313 +#content .main-block .block-inner-1 form h3,
  314 +#content .main-block .block-inner-1 form h4 {
309 315 color: #172938 ;
310 316 }
311 317  
312   -#content .main-block .block-inner-1 h2 {
  318 +#content .main-block .block-inner-1 form h2 {
313 319 font-size: 18px !important;
314 320 font-weight: 700;
315 321 margin-bottom: 20px;
... ... @@ -321,29 +327,29 @@ margin:10px;
321 327 width: 100%;
322 328 }
323 329  
324   -#content #main-content-wrapper-1 .formfield,
325   -#content .main-block .block-inner-1 #profile_change_picture {
  330 +#content #main-content-wrapper-1 form .formfield,
  331 +#content .main-block .block-inner-1 form #profile_change_picture {
326 332 margin-bottom: 20px;
327 333 }
328 334  
329   -#content .main-block .block-inner-1 .formfield {
  335 +#content .main-block .block-inner-1 form .formfield {
330 336 margin-bottom: 5px;
331 337 }
332 338  
333   -#content #main-content-wrapper-1 .formfieldline,
334   -#content #main-content-wrapper-1 #software-name-field,
335   -#content .main-block .block-inner-1 .formfieldline,
336   -#content .main-block .block-inner-1 #software-name-field {
  339 +#content #main-content-wrapper-1 form .formfieldline,
  340 +#content #main-content-wrapper-1 form #software-name-field,
  341 +#content .main-block .block-inner-1 form .formfieldline,
  342 +#content .main-block .block-inner-1 form #software-name-field {
337 343 padding: 0;
338 344 margin-top: 0;
339 345 }
340 346  
341   -#content #main-content-wrapper-1 #community_name {
  347 +#content #main-content-wrapper-1 form #community_name {
342 348 width: 100%;
343 349 }
344 350  
345   -#content #main-content-wrapper-1 input[type="text"],
346   -#content .main-block .block-inner-1 input[type="text"] {
  351 +#content #main-content-wrapper-1 form input[type="text"],
  352 +#content .main-block .block-inner-1 form input[type="text"] {
347 353 width: 100%;
348 354 padding: 8px 0;
349 355 font-size: 15px;
... ... @@ -360,7 +366,7 @@ margin:10px;
360 366 font-style: italic;
361 367 }
362 368  
363   -#content #main-content-wrapper-1 .formfield.type-file input,
  369 +#content #main-content-wrapper-1 form .formfield.type-file input,
364 370 .formfield.type-file input {
365 371 font-size: 15px;
366 372 text-indent: 0;
... ... @@ -369,68 +375,73 @@ margin:10px;
369 375 color: #172738;
370 376 }
371 377  
372   -#content #main-content-wrapper-1 .formfield.type-file input{
  378 +#content #main-content-wrapper-1 form .formfield.type-file input{
373 379 box-sizing: border-box;
374 380 }
375 381  
376 382  
377   -#content #main-content-wrapper-1 #community-join-before input[type="radio"],
378   -#content #main-content-wrapper-1 #community-join-after input[type="radio"] {
  383 +#content #main-content-wrapper-1 form #create_enterprise_identifier{
  384 + width: 50%;
  385 +}
  386 +
  387 +
  388 +#content #main-content-wrapper-1 form #community-join-before input[type="radio"],
  389 +#content #main-content-wrapper-1 form #community-join-after input[type="radio"] {
379 390 top: 3px;
380 391 position: relative;
381 392 }
382 393  
383   -#content #main-content-wrapper-1 #community-join-before div,
384   -#content #main-content-wrapper-1 #community-join-after div {
  394 +#content #main-content-wrapper-1 form #community-join-before div,
  395 +#content #main-content-wrapper-1 form #community-join-after div {
385 396 margin-left: 20px !important;
386 397 }
387 398  
388   -#content #main-content-wrapper-1 #community-join-before div {
  399 +#content #main-content-wrapper-1 form #community-join-before div {
389 400 margin-bottom: 8px;
390 401 }
391 402  
392   -#content #main-content-wrapper-1 #community-join-after div {
  403 +#content #main-content-wrapper-1 form #community-join-after div {
393 404 margin-bottom: 20px;
394 405 }
395 406  
396   -#content #main-content-wrapper-1 #template-options {
  407 +#content #main-content-wrapper-1 form #template-options {
397 408 margin-top: 0 !important;
398 409 margin-bottom: 30px;
399 410 }
400 411  
401   -#content #main-content-wrapper-1 #template-options .formlabel {
  412 +#content #main-content-wrapper-1 form #template-options .formlabel {
402 413 padding: 0;
403 414 }
404 415  
405   -#content #main-content-wrapper-1 #template-options p,
406   -#content #main-content-wrapper-1 #template-options ul {
  416 +#content #main-content-wrapper-1 form #template-options p,
  417 +#content #main-content-wrapper-1 form #template-options ul {
407 418 margin: 0 0 8px 0 !important;
408 419 padding: 0 !important;
409 420 }
410 421  
411   -#content #main-content-wrapper-1 #template-options ul li {
  422 +#content #main-content-wrapper-1 form #template-options ul li {
412 423 margin-bottom: 8px;
413 424 clear: both;
414 425 }
415 426  
416   -#content #main-content-wrapper-1 #template-options ul li label {
  427 +#content #main-content-wrapper-1 form #template-options ul li label {
417 428 left: 6px;
418 429 font-weight: normal;
419 430 padding-right: 17px;
420 431 position: relative;
421 432 }
422 433  
423   -#content #main-content-wrapper-1 #template-options ul li input {
  434 +#content #main-content-wrapper-1 form #template-options ul li input {
424 435 display: block;
425 436 float: left;
426 437 margin-top: 4px;
427 438 margin-bottom: 15px;
428 439 }
429 440  
430   -#content #main-content-wrapper-1 .button-bar .button.submit,
431   -#content #main-content-wrapper-1 .button-bar .button.with-text,
432   -#content .main-block .block-inner-1 .button-bar .button.submit,
433   -#content .main-block .block-inner-1 .button-bar .button.with-text {
  441 +#content #main-content-wrapper-1 form .button-bar .button.submit,
  442 +#content #main-content-wrapper-1 form .button-bar .button.with-text,
  443 +#content .main-block .block-inner-1 form .button-bar .button.submit,
  444 +#content .main-block .block-inner-1 form .button-bar .button.with-text {
434 445 margin-right: 10px;
435 446 background-image: none;
436 447 padding: 7px 12px;
... ... @@ -443,79 +454,79 @@ margin:10px;
443 454 text-align: center;
444 455 }
445 456  
446   -#content #main-content-wrapper-1 .button-bar .button.submit,
447   -#content .main-block .block-inner-1 .button-bar .button.submit {
  457 +#content #main-content-wrapper-1 form .button-bar .button.submit,
  458 +#content .main-block .block-inner-1 form .button-bar .button.submit {
448 459 min-height: 36px;
449 460 }
450 461  
451   -#content #main-content-wrapper-1 .button-bar .button.submit:hover,
452   -#content #main-content-wrapper-1 .button-bar .button.with-text:hover,
453   -#content .main-block .block-inner-1 .button-bar .button.submit:hover,
454   -#content .main-block .block-inner-1 .button-bar .button.with-text:hover {
  462 +#content #main-content-wrapper-1 form .button-bar .button.submit:hover,
  463 +#content #main-content-wrapper-1 form .button-bar .button.with-text:hover,
  464 +#content .main-block .block-inner-1 form .button-bar .button.submit:hover,
  465 +#content .main-block .block-inner-1 form .button-bar .button.with-text:hover {
455 466 background: #5E82C6;
456 467 }
457 468  
458   -#content #main-content-wrapper-1 .button-bar .icon-save,
459   -#content .main-block .block-inner-1 .icon-save {
  469 +#content #main-content-wrapper-1 form .button-bar .icon-save,
  470 +#content .main-block .block-inner-1 form .icon-save {
460 471 min-width: 100px;
461 472 }
462 473  
463   -#content #main-content-wrapper-1 .button-bar .icon-cancel,
464   -#content .main-block .block-inner-1 .icon-cancel {
  474 +#content #main-content-wrapper-1 form .button-bar .icon-cancel,
  475 +#content .main-block .block-inner-1 form .icon-cancel {
465 476 min-width: 80px;
466 477 }
467 478  
468   -#content #main-content-wrapper-1 .button-bar .icon-save,
469   -#content .main-block .block-inner-1 .button-bar .icon-save {
  479 +#content #main-content-wrapper-1 form .button-bar .icon-save,
  480 +#content .main-block .block-inner-1 form .button-bar .icon-save {
470 481 background-color: #3867B7;
471 482 border: 1px solid #3867B7;
472 483 color: #FFF;
473 484 }
474 485  
475   -#content .main-block .block-inner-1 .button-bar .icon-remove {
  486 +#content .main-block .block-inner-1 form .button-bar .icon-remove {
476 487 color: #C0392B;
477 488 border: 1px solid #C0392B;
478 489 }
479 490  
480   -#content .main-block .block-inner-1 .button-bar .icon-remove:hover {
  491 +#content .main-block .block-inner-1 form .button-bar .icon-remove:hover {
481 492 color: #FFF;
482 493 background: #E74C3C !important;
483 494 }
484 495  
485   -#content #main-content-wrapper-1 .button-bar .icon-cancel,
486   -#content .main-block .block-inner-1 .button-bar .icon-cancel,
487   -#content .main-block .block-inner-1 .button-bar .icon-back {
  496 +#content #main-content-wrapper-1 form .button-bar .icon-cancel,
  497 +#content .main-block .block-inner-1 form .button-bar .icon-cancel,
  498 +#content .main-block .block-inner-1 form .button-bar .icon-back {
488 499 color: #3867B7;
489 500 border: 1px solid #3867B7;
490 501 }
491 502  
492   -#content #main-content-wrapper-1 .button-bar .icon-cancel:hover,
493   -#content .main-block .block-inner-1 .button-bar .icon-cancel:hover,
494   -#content .main-block .block-inner-1 .button-bar .icon-back:hover {
  503 +#content #main-content-wrapper-1 form .button-bar .icon-cancel:hover,
  504 +#content .main-block .block-inner-1 form .button-bar .icon-cancel:hover,
  505 +#content .main-block .block-inner-1 form .button-bar .icon-back:hover {
495 506 color: #FFF;
496 507 }
497 508  
498   -#content #main-content-wrapper-1 .software-step-info h3,
499   -#content .main-block .block-inner-1 .software-step-info h3 {
  509 +#content #main-content-wrapper-1 form .software-step-info h3,
  510 +#content .main-block .block-inner-1 form .software-step-info h3 {
500 511 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
501 512 text-transform: uppercase;
502 513 margin: 0 0 20px 0;
503 514 }
504 515  
505   -#content #main-content-wrapper-1 .software-step-info .current-step h3,
506   -#content .main-block .block-inner-1 .software-step-info .current-step h3 {
  516 +#content #main-content-wrapper-1 form .software-step-info .current-step h3,
  517 +#content .main-block .block-inner-1 form .software-step-info .current-step h3 {
507 518 font-size: 16px !important;
508 519 color: #FF0066;
509 520 }
510 521  
511   -#content #main-content-wrapper-1 .software-step-info .another-step h3,
512   -#content .main-block .block-inner-1 .software-step-info .another-step h3 {
  522 +#content #main-content-wrapper-1 form .software-step-info .another-step h3,
  523 +#content .main-block .block-inner-1 form .software-step-info .another-step h3 {
513 524 font-size: 12px !important;
514 525 color: rgba(0, 0, 0, 0.2);
515 526 }
516 527  
517 528  
518   -#content #main-content-wrapper-1 #software-hostname {
  529 +#content #main-content-wrapper-1 form #software-hostname {
519 530 border-radius: 4px;
520 531 padding: 7px 10px;
521 532 float: left;
... ... @@ -528,7 +539,7 @@ margin:10px;
528 539 background: #ECEDF1;
529 540 }
530 541  
531   -#content #main-content-wrapper-1 textarea {
  542 +#content #main-content-wrapper-1 form textarea {
532 543 width: 100%;
533 544 box-sizing: border-box;
534 545 border-radius: 4px;
... ... @@ -538,19 +549,16 @@ margin:10px;
538 549 min-height: 150px;
539 550 }
540 551  
541   -#content #main-content-wrapper-1 #community_name {
542   - width: 53%;
543   -}
544 552  
545   -#content #main-content-wrapper-1 .formfieldline {
  553 +#content #main-content-wrapper-1 form .formfieldline {
546 554 margin-bottom: 20px;
547 555 }
548 556  
549   -#content #main-content-wrapper-1 .formfieldline h4 {
  557 +#content #main-content-wrapper-1 form .formfieldline h4 {
550 558 margin: 0 0 5px 0;
551 559 }
552 560  
553   -#content #main-content-wrapper-1 .formfieldline select {
  561 +#content #main-content-wrapper-1 form .formfieldline select {
554 562 margin-bottom: 20px;
555 563 }
556 564  
... ... @@ -589,4 +597,411 @@ margin:10px;
589 597 #category-ajax-selector .label {
590 598 font-size: 15px;
591 599 }
592   -*/
593 600 \ No newline at end of file
  601 +*/
  602 +
  603 +
  604 +body #content .main-block h1 {
  605 + color: #172738;
  606 +}
  607 +
  608 +.main-block form {
  609 + font-size: 14px;
  610 + color: #231f20;
  611 + font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  612 +}
  613 +
  614 +.main-block form p .required-field,
  615 +.main-block p .required-field,
  616 +.main-block .atention {
  617 + padding: 15px 20px;
  618 + margin: 20px 0 30px 0;
  619 + border: 1px dotted #ccc;
  620 + border-radius: 3px;
  621 + display: block;
  622 + background: #fff;
  623 + line-height: 20px;
  624 + font-size: 13px;
  625 +}
  626 +
  627 +.main-block form p .required-field,
  628 +.main-block p .required-field {
  629 + border-left: 5px solid #FF0366;
  630 +}
  631 +
  632 +.main-block .atention {
  633 + border-left: 5px solid #F1C40F;
  634 +}
  635 +
  636 +.main-block form .required-field .pseudoformlabel,
  637 +.main-block form .required-field label.formlabel:after {
  638 + color: #FF0366;
  639 + font-weight: 500;
  640 +}
  641 +
  642 +.main-block form .formlabel {
  643 + display: inline-block;
  644 + max-width: 100%;
  645 + margin-bottom: 5px;
  646 + color: #231f20;
  647 +}
  648 +
  649 +.main-block form input[type="text"] {
  650 + display: block;
  651 + height: 19px;
  652 + padding: 6px;
  653 + border: 1px solid #ccc;
  654 + border-radius: 4px;
  655 + width: 384px;
  656 + font-size: 15px;
  657 + font-family: arial, helvetica;
  658 + color: #585858;
  659 +}
  660 +
  661 +.main-block form .formfield input[type="file"] {
  662 + border: none;
  663 + padding: 0;
  664 + text-indent: 0;
  665 + font-size: 14px;
  666 +}
  667 +
  668 +#software_categories_fields label input{
  669 + display: block;
  670 + padding-top: 10px;
  671 + vertical-align: middle;
  672 +}
  673 +
  674 +.main-block form #community-join-before div,
  675 +.main-block form #community-join-after div {
  676 + margin-left: 20px !important;
  677 +}
  678 +
  679 +.main-block form #community-join-before input,
  680 +.main-block form #community-join-after input {
  681 + position: relative;
  682 + top: 3px;
  683 +}
  684 +
  685 +#content .main-block form .button-bar {
  686 + margin-top: 30px;
  687 + clear: both;
  688 +}
  689 +
  690 +body #content .main-block form .button-bar input,
  691 +body #content .main-block form .button-bar a.button,
  692 +body #content .main-content form .button-bar input,
  693 +body #content .main-content form .button-bar a.button {
  694 + background-image: none;
  695 + border: 0;
  696 + margin-right: 10px;
  697 + display: inline-block;
  698 + min-width: 100px;
  699 + padding-right: 5px;
  700 + padding-left: 5px;
  701 + text-align: center;
  702 +}
  703 +
  704 +body #content .main-block form .icon-add,
  705 +body #content .main-content form .icon-add {
  706 + background-image: none;
  707 + border: 0;
  708 + padding: 0 10px 0 20px;
  709 + display: inline-block;
  710 + text-align: center;
  711 + color: #fff;
  712 + position: relative;
  713 +}
  714 +
  715 +body #content .main-block form .icon-add:before,
  716 +body #content .main-content form .icon-add:before {
  717 + left: 6px;
  718 + vertical-align: middle;
  719 + font-size: 12px;
  720 + content: "\f067";
  721 + color: #fff;
  722 + width: 10px;
  723 + height: 10px;
  724 + text-align: center;
  725 +}
  726 +
  727 +body #content form .button-bar .icon-delete {
  728 + float: none;
  729 +}
  730 +
  731 +.dynamic-table{
  732 + border: none;
  733 + font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  734 +}
  735 +
  736 +.dynamic-table td{
  737 + padding: 10px 0 0 0;
  738 + vertical-align: middle;
  739 + font-size: 14px;
  740 +}
  741 +
  742 +#operating_system_fields{
  743 + width: 50%;
  744 +}
  745 +
  746 +.formfieldline label:first-child{
  747 + font-weight: 500;
  748 + padding-right: 10px;
  749 +}
  750 +
  751 +.formfield{
  752 + font-weight: 500;
  753 + padding-right: 10px;
  754 +}
  755 +
  756 +.formlabel{
  757 + padding: 10px 0 5px 0;
  758 +}
  759 +
  760 +.formfieldline .type-file .type-file .formlabel {
  761 + display: none;
  762 +}
  763 +
  764 +.formfieldline h4{
  765 + font-weight: 500;
  766 +}
  767 +
  768 +.formfieldline .formfieldline textarea{
  769 + border: 1px solid #ccc;
  770 + color: #585858;
  771 + font-family: arial, helvetica;
  772 + font-size: 15px;
  773 + padding: 6px;
  774 +}
  775 +
  776 +#libraries_fields{
  777 + padding-top: 20px;
  778 +}
  779 +
  780 +#software_categories_fields{
  781 + padding-top: 20px;
  782 +}
  783 +
  784 +#software_categories_fields label{
  785 + line-height: 30px;
  786 + vertical-align: middle;
  787 + padding-left: 2px;
  788 +}
  789 +
  790 +#software_categories_fields input{
  791 + vertical-align: middle;
  792 +}
  793 +
  794 +#database__database_description_id,
  795 +#language__programming_language_id,
  796 +#license_info_version,
  797 +#operating_system__operating_system_name_id{
  798 + padding: 5px 5px 5px 5px;
  799 +}
  800 +
  801 +
  802 +body #content .main-block form .button-bar .icon-back,
  803 +body #content .main-content form .button-bar .icon-back {
  804 + width: 150px !important;
  805 +}
  806 +
  807 +#content .main-block form .button-bar input,
  808 +#content .main-content form .button-bar input {
  809 + padding: 2px 0;
  810 + color: #FFF;
  811 + font-size: 15px;
  812 + background: #2C66CE;
  813 +}
  814 +
  815 +body #content .main-block form .icon-add:hover,
  816 +body #content .main-block form .button-bar input:hover {
  817 + background: #5E82C6;
  818 +}
  819 +
  820 +body #content .main-block form .button-bar a.button,
  821 +body #content .main-content form .button-bar a.button {
  822 + padding: 1px 0 0 0;
  823 + height: 0;
  824 + line-height: auto;
  825 + color: #2C66CE;
  826 + font-size: 14px;
  827 + border: 1px solid #2C66CE;
  828 + height: 29px;
  829 +}
  830 +
  831 +body #content .main-block form .button-bar a.button:hover,
  832 +body #content .main-content form .button-bar a.button:hover {
  833 + background: none;
  834 + border-color: #5E82C6;
  835 + color: #5E82C6;
  836 +}
  837 +
  838 +body #content .main-block #delete-profile a,
  839 +body #content .main-content #delete-profile a {
  840 + border-color: #C0392B;
  841 + color: #C0392B;
  842 +}
  843 +
  844 +#content .main-block .errorExplanation {
  845 + padding: 20px 10px 20px 65px;
  846 + background: #fdedeb;
  847 + margin: 20px 0 30px 0;
  848 + border-radius: 4px;
  849 + color: #172738;
  850 + position: relative;
  851 + border: 1px dotted #fad9d6;
  852 +}
  853 +
  854 +#content .main-block .errorExplanation h2 {
  855 + background: none;
  856 + font-size: 16px !important;
  857 + text-align: left;
  858 + margin-bottom: 5px;
  859 + font-weight: 700;
  860 + color: #172738;
  861 +}
  862 +
  863 +#content .main-block .errorExplanation:before,
  864 +body #content .main-block form .icon-add:before {
  865 + font-family: FontAwesome;
  866 + font-style: normal;
  867 + font-weight: normal;
  868 + text-decoration: inherit;
  869 + position: absolute;
  870 +}
  871 +
  872 +#content .main-block .errorExplanation:before {
  873 + left: 20px;
  874 + top: 13px;
  875 + vertical-align: middle;
  876 + font-size: 24px;
  877 + content: "\f12a";
  878 + color: #fff;
  879 + background: #e74c3c;
  880 + border-radius: 50%;
  881 + width: 32px;
  882 + height: 27px;
  883 + text-align: center;
  884 + padding-top: 5px;
  885 +}
  886 +
  887 +#content .main-block .errorExplanation ul li {
  888 + list-style: circle;
  889 + font-size: 14px;
  890 + margin: 0 0 4px 17px;
  891 +}
  892 +
  893 +#content .main-block .formfieldline .formfield code {
  894 + display: block;
  895 + height: 30px;
  896 + padding: 2px 6px 2px 10px;
  897 + border: 1px solid #ccc;
  898 + border-radius: 4px;
  899 + width: 70%;
  900 +}
  901 +
  902 +#content .main-block .formfieldline .formfield code * {
  903 + display: inline;
  904 +}
  905 +
  906 +#content .main-block .formfieldline .formfield code input {
  907 + width: 47%;
  908 + border: none;
  909 + padding-left: 0;
  910 +}
  911 +
  912 +#content .main-block #template-options p required-field{
  913 + padding-left: 0 !important;
  914 + font-size: 13px;
  915 +}
  916 +
  917 +.main-block form #template-options p,
  918 +.main-block form #template-options ul {
  919 + margin-left: 0 !important;
  920 + padding-left: 0 !important;
  921 +}
  922 +
  923 +.main-block form #template-options ul li {
  924 + margin-bottom: 2px;
  925 +}
  926 +
  927 +.main-block form #template-options ul li input{
  928 + margin-right: 5px;
  929 + position: relative;
  930 + top: 1px;
  931 +}
  932 +
  933 +.main-block form #profile-is-template {
  934 + background: none;
  935 +}
  936 +
  937 +.main-block form #profile-is-template input {
  938 + margin-right: 2px;
  939 + border: none;
  940 + padding: 0;
  941 +}
  942 +
  943 +.main-block form #profile-is-template {
  944 + border:none;
  945 + margin-bottom: 10px;
  946 +}
  947 +
  948 +.main-block form #profile-is-template input {
  949 + position: relative;
  950 + top: 2px;
  951 +}
  952 +
  953 +.main-block form #profile-is-template label {
  954 + margin-left: 2px;
  955 +}
  956 +
  957 +#content .main-block form h2 {
  958 + font-size: 18px !important;
  959 + font-weight: 700;
  960 + margin-top: 20px;
  961 +}
  962 +
  963 +#content .main-block form #profile_data_closed_true,
  964 +#content .main-block form #profile_data_closed_false {
  965 + position: relative;
  966 + top: 2px;
  967 +}
  968 +
  969 +#content .main-block form #profile_change_picture .formfieldline {
  970 + font-size: 13px;
  971 + font-style: italic;
  972 +}
  973 +
  974 +#content .main-block form #profile_change_picture {
  975 + padding: 0 15px 15px 15px;
  976 + border: 1px dotted #ddd;
  977 + margin-top: 10px;
  978 +}
  979 +
  980 +#content .main-block form #profile_change_picture .button {
  981 + padding: 3px 8px;
  982 + color: #FFF;
  983 + font-size: 14px;
  984 + background: #2C66CE;
  985 + border: 0;
  986 + font-style: normal;
  987 +}
  988 +
  989 +#content .main-block form #profile_change_picture .button:hover {
  990 + background: #5E82C6;
  991 +}
  992 +
  993 +#content .main-block form .type-img {
  994 + padding: 0;
  995 +}
  996 +
  997 +#content .main-block form #profile_change_picture br {
  998 + height: 1px;
  999 + display: block;
  1000 +}
  1001 +
  1002 +#category-ajax-selector {
  1003 + border-style: dotted;
  1004 +}
  1005 +
  1006 +#category-ajax-selector .label {
  1007 + font-size: 14px;
  1008 +}e
594 1009 \ No newline at end of file
... ...
html-cms/blog.html 0 → 100644
  Diff comments   View file @db2bf07
... ... @@ -0,0 +1,86 @@
  1 +<!-- MAIN AREA -->
  2 +<div id="community-blog">
  3 +<div id="blog-header">
  4 + <h1>Blog</h1>
  5 + <p>Desenvolvimento CACIC</p>
  6 + <div id="community-action-button">
  7 + <a href=""><span>Entrar na comunidade</span></a>
  8 + <a href=""><span>Contactar administradores</span></a>
  9 + </div>
  10 +</div>
  11 +<div class="blog-main-content" >
  12 + <div id="date" >Hoje</div>
  13 + <div id="title">Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit</div>
  14 +<div id="image-container">
  15 + <img src="http://www2.planalto.gov.br/chamadas-da-home/banner-rotativo/lideres-dos-partidos-da-base-aliada-na-camara-dos-deputados/@@images/d77b711c-a9a3-4cd4-b7e5-0fc0d412b324.jpeg" />
  16 +</div>
  17 + <div id="description" >Ambiente traz soluções que dispensam pagamentos de licença simples, de fácil utilização e com novas funcionalidades.</div>
  18 +</div>
  19 +<div class="blog-event-list">
  20 + <div class="blog-event-item">
  21 + <div class="item-image"><img src="http://www2.planalto.gov.br/chamadas-da-home/banner-rotativo/lideres-dos-partidos-da-base-aliada-na-camara-dos-deputados/@@images/d77b711c-a9a3-4cd4-b7e5-0fc0d412b324.jpeg"></div>
  22 + <div class="blog-event-information">
  23 + <div class="date">Ontem</div>
  24 + <div class="event-title">Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit</div>
  25 + <div class="description" >Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit.</div>
  26 + </div>
  27 + </div>
  28 +<div class="blog-event-item">
  29 + <div class="item-image"><img src="http://www2.planalto.gov.br/chamadas-da-home/banner-rotativo/lideres-dos-partidos-da-base-aliada-na-camara-dos-deputados/@@images/d77b711c-a9a3-4cd4-b7e5-0fc0d412b324.jpeg"></div>
  30 + <div class="blog-event-information">
  31 + <div class="date">Ontem</div>
  32 + <div class="event-title">Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit</div>
  33 + <div class="description" >Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit.</div>
  34 + </div>
  35 + </div>
  36 +<div class="blog-event-item">
  37 + <div class="item-image"><img src="http://www2.planalto.gov.br/chamadas-da-home/banner-rotativo/lideres-dos-partidos-da-base-aliada-na-camara-dos-deputados/@@images/d77b711c-a9a3-4cd4-b7e53uh3-0fc0d412b324.jpeg"></div>
  38 + <div class="blog-event-information">
  39 + <div class="date">Ontem</div>
  40 + <div class="event-title">Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit</div>
  41 + <div class="description" >Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit.</div>
  42 + </div>
  43 + </div>
  44 +</div>
  45 +<div class="community-content-footer">
  46 + <ul id="indexes">
  47 + <li id="previous">
  48 + <span id="left-arrow"></span>
  49 +<a href>Anteriores</a></li>
  50 + <li id="first-index" class="active-index"><a href>1</a></li>
  51 + <li id="second-index" class="default-index"><a href>2</a></li>
  52 + <li id="third-index" class="default-index"><a href>3</a></li>
  53 + <li id="fourth-index" class="default-index"><a href>4</a></li>
  54 + <li id="fifth-index" class="default-index"><a href>5</a></li>
  55 + <li id="next"><a href>Próximos</a><span id="right-arrow"></span></li>
  56 + </ul>
  57 +</div>
  58 +</div>
  59 +
  60 +<!-- LEFT SIDE BAR -->
  61 +<div class="side-box">
  62 +<div class="box box-2" id="box-2"><div class="blocks">
  63 +
  64 + <div class="block-outer"><div class="block link-list-block" help="Este bloco pode ser usado para criar um menu de links. Você pode incluir, remove e atualizar links como quiser." id="block-1906"><div class="block-inner-1"><div class="block-inner-2"><h3 class="block-title empty"><span></span></h3><ul><li><a href="/search/software_infos" class="icon-no-icon" target="_self">Catálogo de Software</a></li></ul></div></div></div></div>
  65 +
  66 + <div class="block-outer"><div class="block link-list-block" help="Este bloco pode ser usado para criar um menu de links. Você pode incluir, remove e atualizar links como quiser." id="block-1481"><div class="block-inner-1"><div class="block-inner-2"><h3 class="block-title"><span>Software Público</span></h3><ul><li><a href="/admin/environment_design" class="icon-no-icon" target="_self">Entenda o que é</a></li>
  67 +<li><a href="/admin/environment_design" class="icon-no-icon" target="_self">Publique seu software</a></li>
  68 +
  69 +<li><a href="/admin/environment_design" class="icon-no-icon" target="_self">Desenvolvimento colaborativo</a></li>
  70 +
  71 +<li><a href="/profile/e-sic" class="icon-no-icon" target="_self">Sobre o Portal</a></li><li><a href="/software-publico-brasileiro/publique-seu-software" class="icon-no-icon" target="_self">Prêmio Ação Coletiva</a></li></ul></div></div></div></div>
  72 +
  73 + <div class="block-outer"><div class="block link-list-block" help="Este bloco pode ser usado para criar um menu de links. Você pode incluir, remove e atualizar links como quiser." id="block-44"><div class="block-inner-1"><div class="block-inner-2"><h3 class="block-title"><span>Colaboração</span></h3><ul><li><a href="/software-publico-brasileiro/sobre-o-portal" class="icon-no-icon" target="_self">Comunidades</a></li><li><a href="/noticias/" class="icon-no-icon" target="_self">Projetos de software</a></li><li><a href="/software-publico-brasileiro/contato" class="icon-no-icon" target="_self">Usuários</a></li></ul></div></div></div></div>
  74 +</div></div></div>
  75 +
  76 +<!-- RIGHT SIDE BOX -->
  77 +<div id="temp">
  78 +<div class="community-side-box">
  79 + <div class="community-logo-container">
  80 + <img src="https://beta.softwarepublico.gov.br/social/image_uploads/0000/0766/www.softwarepublico.gov_.br47_big_big.gif?1432145671" />
  81 + </div>
  82 + <div class="community-name">
  83 + <p>CACIC - Configurador Automático e Coletor de Informações Computacionais</p>
  84 + </div>
  85 +</div>
  86 +</div>
... ...
html-cms/event.html 0 → 100644
  Diff comments   View file @db2bf07
... ... @@ -0,0 +1,74 @@
  1 +<!-- Left SideBox -->
  2 +<div class="side-box">
  3 +<div class="box box-2" id="box-2"><div class="blocks">
  4 +
  5 + <div class="block-outer"><div class="block link-list-block" help="Este bloco pode ser usado para criar um menu de links. Você pode incluir, remove e atualizar links como quiser." id="block-1906"><div class="block-inner-1"><div class="block-inner-2"><h3 class="block-title empty"><span></span></h3><ul><li><a href="/search/software_infos" class="icon-no-icon" target="_self">Catálogo de Software</a></li></ul></div></div></div></div>
  6 +
  7 + <div class="block-outer"><div class="block link-list-block" help="Este bloco pode ser usado para criar um menu de links. Você pode incluir, remove e atualizar links como quiser." id="block-1481"><div class="block-inner-1"><div class="block-inner-2"><h3 class="block-title"><span>Software Público</span></h3><ul><li><a href="/admin/environment_design" class="icon-no-icon" target="_self">Entenda o que é</a></li>
  8 +<li><a href="/admin/environment_design" class="icon-no-icon" target="_self">Publique seu software</a></li>
  9 +
  10 +<li><a href="/admin/environment_design" class="icon-no-icon" target="_self">Desenvolvimento colaborativo</a></li>
  11 +
  12 +<li><a href="/profile/e-sic" class="icon-no-icon" target="_self">Sobre o Portal</a></li><li><a href="/software-publico-brasileiro/publique-seu-software" class="icon-no-icon" target="_self">Prêmio Ação Coletiva</a></li></ul></div></div></div></div>
  13 +
  14 + <div class="block-outer"><div class="block link-list-block" help="Este bloco pode ser usado para criar um menu de links. Você pode incluir, remove e atualizar links como quiser." id="block-44"><div class="block-inner-1"><div class="block-inner-2"><h3 class="block-title"><span>Colaboração</span></h3><ul><li><a href="/software-publico-brasileiro/sobre-o-portal" class="icon-no-icon" target="_self">Comunidades</a></li><li><a href="/noticias/" class="icon-no-icon" target="_self">Projetos de software</a></li><li><a href="/software-publico-brasileiro/contato" class="icon-no-icon" target="_self">Usuários</a></li></ul></div></div></div></div>
  15 +</div></div></div>
  16 +
  17 +<!-- Main Area -->
  18 +<div id="community-page">
  19 + <h1>Título do evento</h1>
  20 + <div id="event-card">
  21 +
  22 + <div id="event-image">
  23 + </div>
  24 +
  25 + <div class="about-event">
  26 + <span class="event-date">7 de fevereiro à 18 de março de 2015</span>
  27 + <span class="event-link"><a href="ok.com">http://fga.unb.br/unb-gama/contato</a></span>
  28 + <span class="event-address">
  29 + <span id="area">Área Especial de Indústria Projeção A</span>
  30 + <span id="district">Gama - Setor Leste</span>
  31 + <span id="city">Brasília</span>
  32 + <span id="cep">CEP: 72.444-240</span>
  33 + </span>
  34 +</span>
  35 + </div>
  36 + </div>
  37 +
  38 +<div class="event-body">
  39 +<h2>Morbi est est, blandit sit amet, sagittis vel, euismod vel, velit. Pellentesque egestas sem.</h2>
  40 +<div class="event-content">
  41 +<p>Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.</p>
  42 +
  43 +<p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.</p>
  44 +
  45 +<p>Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.</p>
  46 +</div>
  47 +</div>
  48 +</div>
  49 +
  50 +<!-- Right SideBox -->
  51 +<div id="temp">
  52 +<div class="community-side-box">
  53 + <div class="community-logo">
  54 +
  55 + </div>
  56 + <div class="community-name">
  57 + <p>CACIC - Configurador Automático e Coletor de Informações Computacionais</p>
  58 + </div>
  59 +</div>
  60 +
  61 +<div class="community-side-box">
  62 + <table>
  63 + <tr>
  64 + <th>Outros Eventos</th>
  65 + </tr>
  66 + <tr>
  67 + <td><span class="another-events-date">29/03 - </span><span class="another-event">Encontro dos colaboradores DF</span></td>
  68 + </tr>
  69 + <tr>
  70 + <td><span class="another-events-date">29/03 - </span><span class="another-event">Lançamento da versão 2.0</span></td>
  71 + </tr>
  72 + </table>
  73 +</div>
  74 +</div>
0 75 \ No newline at end of file
... ...
html-cms/help-page.html 0 → 100644
  Diff comments   View file @db2bf07
... ... @@ -0,0 +1,59 @@
  1 +<div class="article-header"><h1 class="help-page-title">Olá! Se estiver com dúvidas, temos várias maneiras para tentar te ajudar. Veja abaixo a nossa lista de opções: </h1></div>
  2 +<p>Escolha a que melhor lhe convier, mas lembre-se, caso ainda permaneça com dúvidas fique à vontade para entrar em contato conosco através do email <a href="mailto:admin@softwarepublico.gov.br">admin@softwarepublico.gov.br</a>.</p>
  3 +<ul class="help-list">
  4 +<li><a href="#faq">FAQ - Perguntas Frequentes</a></li>
  5 +<li><a href="#lista-discussao">Participe da nossa lista discussão de usuários</a></li>
  6 +</ul><h2>
  7 +<a name="faq"></a>FAQ - Perguntas Frequentes</h2>
  8 +<ul class="etapas-publicacao">
  9 +<li>
  10 +<strong>1</strong> <a href="/social/spb/como-faco-para-me-cadastrar-ao-portal-do-software-publico-brasileiro"> Como faço para me cadastrar ao Portal do Software Público Brasileiro?</a>
  11 +</li>
  12 +<li>
  13 +<strong>2</strong> <a href="/social/spb/como-posso-atribuir-outro-e-mail-ao-meu-perfil"> Como posso atribuir outro e-mail ao meu perfil?</a>
  14 +</li>
  15 +<li>
  16 +<strong>3</strong> <a href="/social/spb/qual-o-procedimento-para-associar-me-em-uma-comunidade"> Qual o procedimento para associar-me em uma comunidade de um software?</a>
  17 +</li>
  18 +<li>
  19 +<strong>4</strong> <a href="/social/spb/como-faco-para-associar-me-a-uma-lista-de-discussao"> Como faço para associar-me à uma lista de discussão de um software?</a>
  20 +</li>
  21 +<li>
  22 +<strong>5</strong> <a href="/social/spb/como-faco-para-participar-da-lista-de-discussao"> Como faço para participar da lista de discussão de um software?</a>
  23 +</li>
  24 +<li>
  25 +<strong>6</strong> <a href="/social/spb/quais-as-funcionalidades-do-ambiente-colaborativo"> Como faço para contribuir com o desenvolvimento de um software?</a>
  26 +</li>
  27 +<li>
  28 +<strong>7</strong> <a href="/social/spb/como-cadastrar-a-chave-ssh-para-utilizacao-do-ambiente-colaborativo"> Como cadastrar a chave SSH para utilização do ambiente colaborativo de desenvolvimento de código-fonte utilizando o Linux?</a>
  29 +</li>
  30 +<li>
  31 +<strong>8</strong> <a href="/social/spb/como-cadastrar-a-chave-ssh-para-a-utilizalao-do-ambiente-colaborativo-de-desenvolvimento-de-codigo-fonte-utilizando-o-windows">Como cadastrar a chave SSH para a utilização do ambiente colaborativo de desenvolvimento de código-fonte utilizando o Windows?</a>
  32 +</li>
  33 +<li>
  34 +<strong>9</strong> <a href="/social/spb/como-faco-pra-utilizar-o-ambiente-colaborativo">Como faço pra utilizar o ambiente colaborativo de desenvolvimento de código-fonte?</a>
  35 +</li>
  36 +</ul><hr><h2>
  37 +<a name="lista-discussao"></a>Lista de discussão dos usuários do portal</h2>
  38 +<p><a class="ancor" href="#associar">Como se inscrever</a> <a class="ancor" href="#participar">Como participar</a></p>
  39 +<p><a name="associar"></a></p>
  40 +<hr><p>Para se inscrever na lista, siga os seguintes passos:</p>
  41 +<ul class="etapas-publicacao">
  42 +<li>
  43 +<strong>1</strong> Faça o login no Portal;</li>
  44 +<li>
  45 +<strong>2</strong> Acesse seu perfil;</li>
  46 +<li>
  47 +<strong>3</strong> Clique no botão "Inscrições Nos Grupos";</li>
  48 +<li>
  49 +<strong>4</strong> Selecione o grupo <em>"spb-usuarios"</em>;</li>
  50 +<li>
  51 +<strong>5</strong> Clique no botão "Atualizar inscrições".</li>
  52 +</ul><p>Pronto! Você já pode participar.</p>
  53 +<hr><p><a name="participar"></a>Para participar é fácil. Envie sua pergunta ou seu comentário para: <a href="mailto:spb-usuarios@listas.softwarepublico.gov.br">spb-usuarios@listas.softwarepublico.gov.br</a>. <br> Lembre-se de enviar suas mensagens do mesmo endereço de e-mail com que você se cadastrou no Portal.</p>
  54 +<p>Se você não quiser mais participar, siga os mesmos passos da inscrição mas desta vez <strong>desmarque</strong> o grupo "spb-usuarios" e atualize as inscrições.</p>
  55 +<!-- &lt;ul class="lista-ajuda">
  56 +&lt;li>&lt;a href="https://beta.softwarepublico.gov.br/social/spb/faq-perguntas-frequentes">FAQ - Perguntas Frequentes&lt;/a>&lt;/li>
  57 +&lt;li>&lt;a href="https://beta.softwarepublico.gov.br/social/spb/lista-de-usuarios-do-portal-do-software-publico-brasileiro">Participe da nossa lista discussão de usuários&lt;/a>&lt;/li>
  58 +&lt;/ul> -->
  59 +<p> </p>
0 60 \ No newline at end of file
... ...
html-cms/list-item-initial-page.html 0 → 100644
  Diff comments   View file @db2bf07
... ... @@ -0,0 +1,21 @@
  1 +<li>
  2 + <div class="published-at">Dezembro 11, 2014</div>
  3 + <div class="notice-item">
  4 + <div class="image">
  5 + <a href="http://localhost:3000/spb/noticias/planejamento-lanca-novo-portal-do-software-publico-brasileiro">
  6 + <img alt="141209_portal_software" src="/image_uploads/0000/0140/141209_portal_software.jpg">
  7 + </a>
  8 + </div>
  9 + <div class="notice-info">
  10 + <div class="title">
  11 + <a href="http://localhost:3000/spb/noticias/planejamento-lanca-novo-portal-do-software-publico-brasileiro">Planejamento lança novo Portal do Software Público Brasileiro</a>
  12 + </div>
  13 + <div class="lead">
  14 + <a href="http://localhost:3000/spb/noticias/planejamento-lanca-novo-portal-do-software-publico-brasileiro">Ambiente traz soluções que dispensam pagamentos de licença simples, de fácil utilização e com novas funcionalidades que permitem o desenvolvimento colaborativo de soluções públicas e uma melhor interação entre os usuários. Este é o novo Portal do Software Público Brasileiro, lançado em versão beta nesta terça-feira (9), durante o Seminário de Apoio Tecnológico aos Municípios, em Brasília.</a>
  15 + </div>
  16 + <div class="read_more">
  17 + <a href="http://localhost:3000/spb/noticias/planejamento-lanca-novo-portal-do-software-publico-brasileiro">Read more</a>
  18 + </div>
  19 + </div>
  20 + </div>
  21 +</li>
0 22 \ No newline at end of file
... ...
html-cms/notifications_bar.html 0 → 100644
  Diff comments   View file @db2bf07
... ... @@ -0,0 +1,57 @@
  1 +<html>
  2 +
  3 +<body>
  4 +<meta charset="UTF-8">
  5 +
  6 +
  7 +<head>
  8 +<title>Barra de avisos</title>
  9 +
  10 +<!--<style>
  11 +
  12 +.info-bar {
  13 + color: #8A6C39;
  14 + background: #FCF8E3;
  15 + border: 1px solid #FAEBCC;
  16 + padding: 15px;
  17 + margin-bottom: 20px;
  18 + border-radius: 4px;
  19 + font-family: arial, helvetica;
  20 + font-size: 14px;
  21 + line-height: 20px;
  22 +}
  23 +
  24 +.info-bar span {
  25 + text-transform: uppercase;
  26 + font-size: 13px;
  27 + font-weight: 600;
  28 +}
  29 +
  30 +.info-bar a {
  31 + text-decoration: none;
  32 + border-bottom: 1px dotted #8A6C39;
  33 + padding-bottom: 1px;
  34 + color: #8A6C39;
  35 +}
  36 +
  37 +.info-bar a:hover {
  38 + border-bottom: 0;
  39 +}
  40 +
  41 +</style>-->
  42 +
  43 +
  44 +</head>
  45 +
  46 +
  47 +<!-- Barra de notificações -->
  48 +<div class="info-bar" style="color: #8A6C39; background: #FCF8E3; border: 1px solid #FAEBCC; padding: 15px; margin-bottom: 20px; border-radius: 4px; font-family: arial, helvetica; font-size: 14px; line-height: 20px;">
  49 + <span style="text-transform: uppercase; font-size: 13px; font-weight: 600;">Versão anterior:</span>
  50 + Acesse a versão anterior do
  51 + <a href="http://www.softwarepublico.gov.br/paginicial" target="_blank" style="text-decoration: none; border-bottom: 1px dotted #8A6C39; padding-bottom: 1px; color: #8A6C39;"><strong>Portal do Software Púbico Brasileiro</strong></a>
  52 +</div>
  53 +
  54 +
  55 +</body>
  56 +
  57 +</html>
0 58 \ No newline at end of file
... ...
html-cms/sitemap.html 0 → 100644
  Diff comments   View file @db2bf07
... ... @@ -0,0 +1,81 @@
  1 +<div id="sitemap">
  2 +<div id="first-half">
  3 +<ul>
  4 +<a href="https://portal.softwarepublico.gov.br">Home</a>
  5 +</ul>
  6 +<ul>
  7 +<a href="https://portal.softwarepublico.gov.br/social/search/communities">Comunidades</a>
  8 +</ul>
  9 +<ul>
  10 +<a href="https://portal.softwarepublico.gov.br/social/search/software_infos">Catálogo de Software</a>
  11 +</ul>
  12 +<ul>
  13 +<a href="https://portal.softwarepublico.gov.br/social/spb">SPB</a>
  14 +<li>
  15 +<a href="https://portal.softwarepublico.gov.br/social/spb/o-que-e-o-software-publico">Entenda</a>
  16 +</li>
  17 +<li>
  18 +<a href="https://portal.softwarepublico.gov.br/social/spb/inicie-um-projeto">Inicie um projeto</a>
  19 +</li>
  20 +<li>
  21 +<a href="https://portal.softwarepublico.gov.br/social/spb/publique-seu-software">Publique seu software</a>
  22 +</li>
  23 +<li>
  24 +<a href="https://portal.softwarepublico.gov.br/social/spb/sobre-o-portal">Sobre</a>
  25 +</li>
  26 +<li>
  27 +<a href="https://portal.softwarepublico.gov.br/social/spb/noticias">Notícias</a>
  28 +</li>
  29 +<li>
  30 +<a href="https://portal.softwarepublico.gov.br/social/spb/contato">Contato</a>
  31 +</li>
  32 +</ul>
  33 +<ul>
  34 +<a href="https://portal.softwarepublico.gov.br/gitlab">Code</a>
  35 +<li>
  36 +<a href="https://portal.softwarepublico.gov.br/gitlab/public/projects">Public Projects</a>
  37 +</li>
  38 +<li>
  39 +<a href="https://portal.softwarepublico.gov.br/gitlab/profile">Profile</a>
  40 +</li>
  41 +<li>
  42 +<a href="https://portal.softwarepublico.gov.br/gitlab/projects/new">New Project</a>
  43 +</li>
  44 +<li>
  45 +<a href="https://portal.softwarepublico.gov.br/gitlab/dashboard/projects">Projects</a>
  46 +</li>
  47 +<li>
  48 +<a href="https://portal.softwarepublico.gov.br/gitlab/profile/groups">Group</a>
  49 +</li>
  50 +<li>
  51 +<a href="https://portal.softwarepublico.gov.br/gitlab/dashboard/issues">Issues</a>
  52 +</li>
  53 +<li>
  54 +<a href="https://portal.softwarepublico.gov.br/gitlab/dashboard/merge_requests">Merge Requests</a>
  55 +</li>
  56 +</ul>
  57 +</div>
  58 +<div id="second-half">
  59 +<ul>
  60 +<a href="https://portal.softwarepublico.gov.br/archives/thread/">Groups</a>
  61 +</ul>
  62 +<ul>
  63 +<a href="https://portal.softwarepublico.gov.br/social/search">Social</a>
  64 +<li>
  65 +<a href="https://portal.softwarepublico.gov.br/social/search/people">Users</a>
  66 +</li>
  67 +<li>
  68 +<a href="https://portal.softwarepublico.gov.br/social/search/communities">Communities</a>
  69 +</li>
  70 +</ul>
  71 +<ul>
  72 +<a href="https://portal.softwarepublico.gov.br/social/search">Ajuda</a>
  73 +</ul>
  74 +<ul>
  75 +<a href="https://portal.softwarepublico.gov.br/social/search">Paste</a>
  76 +</ul>
  77 +<ul>
  78 +<a href="https://portal.softwarepublico.gov.br/social/search">Versão Anterior</a>
  79 +</ul>
  80 +</div>
  81 +</div>
0 82 \ No newline at end of file
... ...
images/arrow-globe-icon.png 0 → 100644
View file @db2bf07

585 Bytes
images/balloon-icon.png 0 → 100644
View file @db2bf07

424 Bytes
images/blog-teste.png 0 → 100644
View file @db2bf07

454 KB
images/bottom-arrow-black.png 0 → 100644
View file @db2bf07

341 Bytes
images/bottom-arrow.png 0 → 100644
View file @db2bf07

265 Bytes
images/comunidade-evento-imagem-evento.jpg 0 → 100644
View file @db2bf07

23.7 KB
images/comunidade-evento-imagem-evento.png 0 → 100644
View file @db2bf07

26.3 KB
images/download-mini_icon.png 0 → 100644
View file @db2bf07

345 Bytes
images/globe-icon.png 0 → 100644
View file @db2bf07

464 Bytes
images/icone_pin.png 0 → 100644
View file @db2bf07

51.9 KB
images/left-arrow-black.png 0 → 100644
View file @db2bf07

298 Bytes
images/left-arrow.png
View file @98d594a

249 Bytes
images/right-arrow-black.png 0 → 100644
View file @db2bf07

314 Bytes
images/right-arrow.png 0 → 100644
View file @db2bf07

249 Bytes
images/star-negative-big.png 0 → 100644
View file @db2bf07

763 Bytes
images/star-negative-mini.png 0 → 100644
View file @db2bf07

529 Bytes
images/star-negative.png 0 → 100644
View file @db2bf07

642 Bytes
images/star-positive-big.png 0 → 100644
View file @db2bf07

742 Bytes
images/star-positive-mini.png 0 → 100644
View file @db2bf07

509 Bytes
images/star-positive.png 0 → 100644
View file @db2bf07

637 Bytes
images/top-arrow-black.png 0 → 100644
View file @db2bf07

318 Bytes
images/top-arrow.png 0 → 100644
View file @db2bf07

850 Bytes
images/upload-icon.png 0 → 100644
View file @db2bf07

384 Bytes
page-catalog-software.css
  Diff comments   View file @db2bf07
1 1 /*controller-search action-search-software_infos template-default webkit*/
2 2  
  3 +.action-search-software_infos .org {
  4 + display:none !important;
  5 +}
  6 +
  7 +.action-search-software_infos .org {
  8 + display:none !important;
  9 +}
  10 +
3 11 #catalog-filter{
4 12 display: none;
5 13 }
6 14  
7   -.action-search-software_infos #content #main-content-wrapper-8 h1{
8   - border-top: 4px solid #3E67B1 !important;
9   - color: #2B65cd !important;
  15 +.action-search-software_infos .main-content {
  16 + border: none;
  17 + box-shadow: none;
  18 +}
  19 +
  20 +.action-search-software_infos input[type="checkbox"]{
  21 + vertical-align:sub;
  22 +}
  23 +
  24 +.action-search-software_infos #content {
  25 + padding:0px !important;
  26 + margin-top: 10px;
  27 +}
  28 +
  29 +.action-search-software_infos #content .main-content h2{
10 30 text-transform: uppercase;
11   - font-size: 16px !important;
12   - padding: 15px 0px 10px 15px;
13   - border-bottom:none !important;
14   - background-color:#eee;
15   - /*padding-left: 0.8em !important;*/
16   - /*margin-left: 0px;*/
  31 + font-family: "open_sansregular",Arial, Helvetica,sans-serif;
  32 + color: #ff0066;
  33 + font-size:16px;
  34 +}
  35 +
  36 +.action-search-software_infos #content .main-content h1{
  37 + padding:5px 0 10px 0;
  38 + font-family:Arial, Helvetica, sans-serif;
  39 + font-size: 35px !important;
  40 + font-variant: normal;
17 41 }
18 42  
19   -.action-search-software_infos #main-content-wrapper-8 .search-form{
20   - margin-top:-10px;
  43 +.action-search-software_infos .search-form {
21 44 background-color: #eee; /*#f1f1f1;*/
22 45 }
23 46  
  47 +.search-form{
  48 + background: #ecedf1;
  49 + border-radius: 4px;
  50 + border:1px solid #d7d7d7;
  51 + padding: 0;
  52 + margin-top:28px;
  53 +}
  54 +
  55 +.action-search-software_infos #software-search-container .search-form h3{
  56 + padding:16px 0 10px 14px;
  57 + font-family:"open_sansregular", Arial, Helvetica, sans-serif;
  58 + margin:0;
  59 + font-weight:bold;
  60 + font-size: 15px;
  61 +}
  62 +
  63 +.search-form #search-subheader{
  64 + padding-left: 14px;
  65 +}
  66 +
  67 +.search-form #search-header #search-filters{
  68 + float: left !important;
  69 + padding-left: 14px;
  70 +}
  71 +
  72 +.search-form{
  73 + background: #ecedf1;
  74 + border-radius: 4px;
  75 +}
  76 +
  77 +.search-form #search-subheader{
  78 + padding-left: 14px;
  79 +}
  80 +
  81 +.search-form #search-header #search-filters{
  82 + float: left !important;
  83 + padding-left: 14px;
  84 +}
  85 +
24 86 .action-search-software_infos .map-or-list-search-results{
25 87 margin-top:20px;
26 88 }
... ... @@ -29,11 +91,14 @@
29 91 border-bottom: 1px solid #ccc !important;
30 92 }
31 93  
32   -#search-input {
  94 +.action-search-software_infos #search-input {
  95 + width:96%;
33 96 font-size:110%;
34   - margin: 0px 0px 15px 15px;
  97 + margin: 4px 0px 0px 13px;
35 98 border-radius: 4px;
36   - padding: 0.55em;
  99 + padding: 6px;
  100 + font-size: 14px;
  101 + border: 1px solid #d7d7d7;
37 102 }
38 103  
39 104 #search-input.blur {
... ... @@ -45,22 +110,16 @@
45 110 padding:0.55em;
46 111 }
47 112  
48   -.controller-search .search-field .formfield {
49   - width: 80%;
50   -}
51   -
52 113 .controller-search #content form input.button.submit {
53 114 height: 30px;
54 115 max-height: 30px;
55   - width: 87px;
56   - margin-bottom: 14px;
57   - margin-left: 32px;
  116 + width: auto;
  117 + padding: 0 14px 0 14px;
  118 + margin: 14px;
58 119 text-transform: uppercase;
59   - font-weight: bold;
60   - /*border: 1px solid #4562b1;*/
61   - /*padding:0px;*/
62   - /*color:#ffffff;*/
63   - /*background-color:#4562b1;*/
  120 + font-family:"open_sansbold",Arial,sans-serif;
  121 + color:#ffffff;
  122 + background-color:#4562b1;
64 123 }
65 124  
66 125 .controller-search .search-results-type-empty div{
... ... @@ -68,8 +127,8 @@
68 127 color:#172738;
69 128 font-size:20px;
70 129 padding:5px;
71   -
72 130 }
  131 +
73 132 .action-search-software_infos #content input.button{
74 133 background-color:#2B65cd;
75 134 border: 1px solid #2B65cd;
... ... @@ -79,24 +138,120 @@
79 138 padding:0px;
80 139 }
81 140  
82   -.action-search-software_infos .icon-search{
83   - background-image:none !important;
  141 +.action-search-software_infos #filter-option-catalog-software:hover {
  142 + background-color: #c7c7c7;
  143 +}
  144 +
  145 +.action-search-software_infos #filter-option-catalog-software {
  146 + border:none;
  147 + font-size: 11px;
  148 + padding: 14px;
  149 + background-color: #d7d7d7;
  150 +}
  151 +
  152 +.action-search-software_infos #filter-option-catalog-software:after {
  153 + margin-left:5px;
  154 + background:url("/designs/themes/noosfero-spb-theme/images/bottom-arrow.png") no-repeat center;
  155 + background-color:#4562b1;
  156 + padding: 3px 10.5px;
  157 + border-radius: 4px;
  158 + content: "";
  159 +}
  160 +
  161 +.action-search-software_infos #cleanup-filter-catalg {
  162 + background-color:#4562b1;
  163 + font-size: 14px;
  164 + font-family:Arial;
  165 + cursor:pointer;
  166 +}
  167 +
  168 +.action-search-software_infos #close-filter-catalog {
  169 + cursor:pointer;
  170 +}
  171 +
  172 +.action-search-software_infos #close-filter-catalog:after {
  173 + margin-left:5px;
  174 + background:url("/designs/themes/noosfero-spb-theme/images/top-arrow.png") no-repeat center;
  175 + background-color:#4562b1;
  176 + padding: 2.5px 10.5px;
  177 + border-radius: 4px;
  178 + content: "";
  179 +}
  180 +
  181 +.action-search-software_infos #catalog-display-options {
  182 + font-size:14px;
  183 + font-family:Arial;
  184 +}
  185 +
  186 +.action-search-software_infos #catalog-display-options #catalog-display-options-count{
  187 + padding: 45px 0 4px 0;
  188 +}
  189 +
  190 +.action-search-software_infos #catalog-display-options #catalog-display-options-show-and-sort{
  191 + padding: 38px 0 5px 0;
  192 + font-weight:bold;
  193 +}
  194 +
  195 +.action-search-software_infos #filter-catalog-software {
  196 + background-color: #d7d7d7;
  197 +}
  198 +
  199 +.action-search-software_infos #filter-catalog-software #filter-categories-option {
  200 + border:none;
  201 +}
  202 +
  203 +.action-search-software_infos #group-categories #group-catalog-01 {
  204 + float: left;
  205 + width: 50%;
  206 +}
  207 +
  208 +.action-search-software_infos #filter-catalog-software #filter-categories-catalog h4 {
  209 + color: black;
  210 + margin: 5px 0 10px 5px;
  211 + background: transparent;
  212 +}
  213 +
  214 +.project-software{
  215 + font-weight:bold;
  216 + font-size:15px;
  217 + font-family:Arial;
  218 + margin: 0 0 30px;
  219 + border-top: 1px dotted;
  220 + border-bottom: 1px dotted;
  221 +}
  222 +
  223 +.action-search-software_infos #group-categories label {
  224 + font-family:Arial;
  225 + font-size: 14px;
  226 +}
  227 +
  228 +.action-search-software_infos #group-categories label span {
  229 + font-family:Arial;
  230 + font-size: 14px;
  231 +}
84 232  
  233 +.project-software span {
  234 + border-radius: 50%;
  235 + font-size: 16px;
  236 + padding: 2px 6px;
  237 + background:#fff;
  238 + color: #3867b7;
  239 +}
  240 +
  241 +.action-search-software_infos #search-results {
  242 + border-top: 1px solid #d7d7d7;
85 243 }
86   -/*
87   -.search-enterprise-item {
88   - border-bottom: 1px solid #eee;
89   -}*/
90 244  
91 245 .controller-search .action-search-software_infos .search-field .formfield {
92   - width: 80%;
  246 + width: 100%;
  247 + margin: 0;
  248 + padding: 0;
93 249 }
94 250  
95   -.action-search-software_infos .only-one-result-box .search-enterprise-item {
96   - padding-top:35px !important;
97   - padding-bottom: 35px !important;
  251 +.action-search-software_infos .only-one-result-box .search-software-item {
  252 + padding: 29px 0 31px 0 !important;
98 253 background: #ffffff;
99   - /*padding: 50px 0 !important;*/
  254 + border-bottom: 1px solid #d7d7d7;
100 255 }
101 256  
102 257 .action-search-software_infos .search-results-innerbox {
... ... @@ -117,27 +272,24 @@
117 272 float:left;
118 273 }
119 274  
120   -/*
121   -.common-profile-list-block .profile-image {
122   - padding:0px 200px;
123   -}
124   -*/
125   -
126   -.action-search-software_infos .search-enterprise-item-column-left{
127   - border-right: 1px solid #ccc;
128   - width: 143px;
  275 +.action-search-software_infos .search-software-item-column-left{
  276 + border-right: 1px dotted #ccc;
  277 + width: 130px;
129 278 height: 130px;
130   - /*padding: 0px 60px 0px 10px; /*50 no lugar coloquei 70*/
131   - /*margin:none;*/
132   - /*position:absolute;*/
  279 + float: left;
133 280 }
134 281  
135   -.action-search-software_infos .search-enterprise-item-column-right{
  282 +.action-search-software_infos .search-software-item-column-right{
136 283 width:60%; /*440px;*/
137 284 float:left;
138 285 margin-left: 130px;
139   - /*text-align: justify;*/
140 286 }
  287 +
  288 +#content .search-results-box .vcard {
  289 + display: table;
  290 + margin: 0;
  291 +}
  292 +
141 293 #content .vcard a:hover{
142 294 color:#2C66CE;
143 295 }
... ... @@ -146,19 +298,10 @@
146 298 border: none;
147 299 }
148 300  
149   -.action-search-software_infos .org {
150   - display:none !important;
151   -}
152   -
153   -.action-search-software_infos .search-enterprise-item-column-left .vcard img {
  301 +.action-search-software_infos .search-software-item-column-left .vcard img {
154 302 max-width: 90px;
155 303 height: auto;
156   - /*margin-left: 15px;
157   - margin-right: 15px;*/
158   - /*max-height: 130px; /*90px;*/
159   - /*margin-left: 60%; /*30%;90px;
160   - position: absolute;
161   - float: left;*/
  304 + margin-left:170px;
162 305 }
163 306  
164 307 .action-search-software_infos .common-profile-list-block img{
... ... @@ -166,9 +309,8 @@
166 309 }
167 310  
168 311 .action-search-software_infos .common-profile-list-block .profile-image{
169   - /*padding:20px 40px;*/
170   - margin-left: 140px; /*85px; TESTANDO*/
171   - /*margin-top: 10px;*/
  312 + margin-left: 130px;
  313 + margin-top: 35px;
172 314 width: 130px;
173 315 height: 130px;
174 316 }
... ... @@ -177,64 +319,57 @@
177 319 font-size: 13px;
178 320 font-family: Arial;
179 321 opacity: inherit;
180   - width:135px;
  322 + width:130px;
181 323 padding-right:20px;
182 324 text-align: left;
183 325 position:absolute;
184 326 top:0px;
185   - /* margin-bottom:130px;*/ /*verificar melhor forma de fazer, tamanho da barra laterial*/
186   -
  327 + color: #21376c;
187 328 }
188 329 .action-search-software_infos .common-profile-list-block .extra_info::before{
189 330 content: url("images/ic-calendar.png");
190   - line-height: 20px;
191 331 margin-right:10px;
192 332 margin-top:6px;
193 333 float: left;
194   - /*padding-top: 10px;*/
195   - /* position: static; */
196   - /* overflow: auto; */
197 334 }
198 335  
199   -.action-search-software_infos .search-enterprise-item .search-enterprise-item-column-right {
  336 +.action-search-software_infos .search-software-item .search-software-item-column-right {
200 337 font-size: 15px;
201   - padding-top: 0px;
  338 + padding: 0 0 0 8px;
202 339 font-family: Arial;
203 340 }
204 341  
205   -.action-search-software_infos .search-enterprise-item-column-right .search-community-content-block h4 a {
  342 +.action-search-software_infos .search-software-item-column-right .search-software-content-block {
  343 +}
  344 +.action-search-software_infos .search-software-item-column-right .search-software-content-block h4 a {
206 345 color:#172938 !important;
207 346 font-size:19px !important;
208 347 }
209   -.action-search-software_infos .search-enterprise-item-column-right span b{
  348 +.action-search-software_infos .search-software-item-column-right span b{
210 349 font-weight: normal;
  350 + font-size: 13px;
211 351 }
212 352  
213   -.action-search-software_infos .search-enterprise-item-column-right span b:last-child {
  353 +.action-search-software_infos .search-software-item-column-right span b:last-child {
214 354 float: left;
215   - margin-right: 10px;
216   - /*font-size: 13px;*/ /*font deve ser aplicada as categorias*/
217   -}
218   -/* Verificar a melhor maneira de fazer
219   -.action-search-software_infos .search-enterprise-item-column-right span b:nth-last-child(2){
220   - display: none;
221 355 }
222 356  
223   -.action-search-software_infos .search-enterprise-item-column-right span a:nth-last-child(1){
224   - display: none;
225   -}*/
226   -
227   -.action-search-software_infos .search-community-content-block #categories-list{
228   - margin-top:35px;
  357 +.action-search-software_infos .search-software-content-block #categories-list{
  358 + margin-top:30px;
229 359 margin-bottom: 10px;
230 360 }
231   -.action-search-software_infos .search-community-content-block #categories-list li{
  361 +
  362 +.action-search-software_infos .search-software-content-block #categories-list li a{
  363 + color:#2B65cd;
  364 +}
  365 +
  366 +.action-search-software_infos .search-software-content-block #categories-list li{
232 367 text-decoration: underline;
233 368 font-size: 13px;
234 369 color:#2B65cd;
235   - display:block !important;
236 370 float:left;
237   - margin-right: 10px !important;
  371 + line-height:18px;
  372 + margin-left: 7px !important;
238 373 width: auto !important;
239 374 }
240 375  
... ...
page-inicial.css
  Diff comments   View file @db2bf07
... ... @@ -50,7 +50,7 @@
50 50 }
51 51  
52 52 #bt_catalog-search::after {
53   - content:'>';
  53 + content: url('images/right-arrow-black.png');
54 54 padding-left: 7px;
55 55 padding-right: 4px;
56 56 color: #172857;
... ... @@ -195,6 +195,8 @@
195 195 border-bottom: solid 1px #D7D7D7;
196 196 margin: 0 0 7px 0;
197 197 text-transform: none;
  198 + color: #172738;
  199 + font-size: 12px;
198 200 }
199 201  
200 202 #content .software-block-finality a,
... ... @@ -212,7 +214,7 @@
212 214 }
213 215  
214 216 .software-block-finality::after {
215   - content:'>';
  217 + content: url('images/right-arrow.png');
216 218 padding-left: 7px;
217 219 padding-right: 4px;
218 220 color: #FFF;
... ... @@ -236,16 +238,16 @@
236 238 height: auto;
237 239 }
238 240  
239   -.software-block-logo{
240   - display:block;
241   - text-align: center;
242   - width:140px;
243   - height:90px;
244   - padding-top:20px;
245   - padding-bottom:20px;
246   - overflow: hidden;
  241 +.software-block-logo {
  242 + display: table-cell;
  243 + vertical-align: middle;
  244 + text-align: center;
  245 + width: 140px;
  246 + height: 150px;
  247 + overflow: hidden;
247 248 }
248 249  
  250 +
249 251 /*
250 252 .box-1 .software-block-title h3 {
251 253 font-weight: normal !important;
... ... @@ -258,7 +260,7 @@
258 260 }
259 261  
260 262 .box-1 .softwares-block .common-profile-list-block .vcard {
261   - border: none;
  263 + border: none;
262 264 }
263 265  
264 266 .box-1 .softwares-block .common-profile-list-block .vcard:hover .menu-submenu-trigger{
... ... @@ -346,9 +348,12 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
346 348 display: none;
347 349 }
348 350  
349   -#content .block.display-content-block .block-title,
  351 +#content .block.display-content-block .block-title {
  352 + margin: 0px;
  353 +}
  354 +
350 355 #content .block.softwares-block .block-title {
351   - margin: 0px 0px 25px 0px;
  356 + margin: 0px 0px 25px 0px;
352 357 }
353 358  
354 359 /* Bloco de notícias (Display contents) */
... ... @@ -370,12 +375,11 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
370 375 }
371 376  
372 377 .block.display-content-block .image {
373   - width: 150px;
374   - height: 90px;
375   - position: absolute;
376   - margin-top: 35px;
377 378 border: 0px solid #c0c1c1;
378 379 border-radius: 8px;
  380 + display: table-cell;
  381 + padding-right: 25px;
  382 + width: 150px;
379 383 }
380 384  
381 385 .block.display-content-block .image img {
... ... @@ -391,10 +395,10 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
391 395 }
392 396  
393 397 .block.display-content-block .title {
394   - padding-left: 160px;
395   - padding-right: 0px;
396   - max-height: 33px;
  398 + padding-right: 0px !important;
  399 + max-height: 40px;
397 400 overflow: hidden;
  401 + margin-bottom: 4px !important;
398 402 }
399 403  
400 404 .block.display-content-block .title a {
... ... @@ -405,16 +409,15 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
405 409 }
406 410  
407 411 .block.display-content-block .lead {
408   - padding-left: 160px;
409   - padding-right: 0px;
410   - max-height: 60px;
  412 + padding-right: 0px;
  413 + max-height: 56px;
411 414 }
412 415  
413 416 .block.display-content-block .lead a {
414 417 font-size: 15px;
415 418 font-family: Arial;
416 419 line-height: 1.3em;
417   - color: #000000;
  420 + color: #000000;
418 421 }
419 422  
420 423 .block.display-content-block .read_more, .block.display-content-block .tags {
... ... @@ -422,7 +425,12 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
422 425 }
423 426  
424 427 .lead a:visited, #content .lead a:visited, .lead dl.portlet a:visited {
425   - color: #000000;
  428 + color: #172738;
  429 +}
  430 +
  431 +.notice-info {
  432 + display: table-cell;
  433 + vertical-align: top;
426 434 }
427 435  
428 436 /* Tela de Noticias Antigas */
... ... @@ -506,7 +514,7 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
506 514  
507 515 .block.display-last-news-block .lead {
508 516 padding-left: 0px;
509   - padding-right: 0px;
  517 + padding-right: 0px;
510 518 max-height: 23px;
511 519 overflow: hidden;
512 520 }
... ... @@ -515,30 +523,54 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
515 523 font-size: 15px;
516 524 font-family: Arial;
517 525 line-height: 1.3em;
518   - color: #172738;
  526 + color: #172738;
519 527 }
520 528  
521 529 .block.display-last-news-block .read_more, .block.display-last-news-block .tags {
522 530 display: none;
523 531 }
524 532  
525   -.block.display-last-news-block a:visited,
526   -.block.display-last-news-block a:link,
527   -.block.display-last-news-block a:hover,
  533 +.block.display-last-news-block a:visited,
  534 +.block.display-last-news-block a:link,
  535 +.block.display-last-news-block a:hover,
528 536 .block.display-last-news-block a,
529 537 .block.display-last-news-block dl.portlet a:visited {
530 538 color: #172738;
531 539 text-decoration: none;
532 540 }
533 541  
534   -#content .block.display-last-news-block a:visited,
535   -#content .block.display-last-news-block a:link,
536   -#content .block.display-last-news-block a:hover,
  542 +#content .block.display-last-news-block a:visited,
  543 +#content .block.display-last-news-block a:link,
  544 +#content .block.display-last-news-block a:hover,
537 545 #content .block.display-last-news-block a {
538 546 color: #172738;
539 547 text-decoration: none;
540 548 }
541 549  
  550 +.statistics-block-data ul li.users span {
  551 + font-size: 14px;
  552 +}
  553 +
  554 +.statistics-block-data ul {
  555 + margin-top: 10px;
  556 +}
  557 +
  558 +/* Alinhamento das estatísticas */
  559 +.statistics-block-data ul li {
  560 + margin-left: 18px;
  561 + margin-top: 6px;
  562 + line-height: 17px;
  563 +}
  564 +
  565 +span.amount {
  566 + font-size: 14px;
  567 + font-weight: 700;
  568 +}
  569 +
  570 +span.label {
  571 + font-size: 14px;
  572 +}
  573 +
542 574 /*
543 575 .menu-submenu down{
544 576  
... ...
pagina-artigos.css
  Diff comments   View file @db2bf07
... ... @@ -7,6 +7,8 @@
7 7 font-size: 34px !important;
8 8 line-height: 37px !important;
9 9 margin-bottom: 10px !important;
  10 + border-bottom: 1px solid #D3D6DE !important;
  11 + padding-bottom: 10px !important;
10 12 }
11 13  
12 14 #content .main-block .article-body {
... ... @@ -107,8 +109,31 @@
107 109 color: #2C66CE;
108 110 }
109 111  
110   -#content .main-block #article-cat {
111   - font-size: 21px !important;
  112 +#content .main-block #article-cat a{
  113 + float: left;
  114 + font-size: 12px !important;
  115 + margin: 10px 10px 10px 0;
  116 + text-decoration: initial;
  117 +}
  118 +#content .main-block #article-cat h4{
  119 + float: left;
  120 + font-size: 12px !important;
  121 + margin: 13px 10px 10px 0;
  122 + text-decoration: initial;
  123 +}
  124 +
  125 +#content .main-block #article-cat a{
  126 + border: 1px solid #D3D6DE;
  127 + border-radius: 3px;
  128 + padding: 3px 10px;
  129 + color: #3E67B1;
  130 + background-color: #ECEDF1;
  131 +}
  132 +
  133 +#article-tags{
  134 + float: left;
  135 + margin-top: 11px;
  136 + display: none;
112 137 }
113 138  
114 139 .page-comment-form {
... ... @@ -126,7 +151,7 @@ hr {
126 151 }
127 152  
128 153 ol li {
129   - margin-bottom: 5px;
  154 + margin-bottom: 5px;
130 155 }
131 156  
132 157 .voltar-ao-topo {
... ... @@ -139,7 +164,7 @@ ol li {
139 164 padding-left: 20px;
140 165 background: url(images/voltar-topo.png) no-repeat left center !important;
141 166 color: #777 !important;
142   - font-size: 15px;
  167 + font-size: 15px;
143 168 }
144 169  
145 170 .ancor {
... ... @@ -255,7 +280,7 @@ ol li {
255 280 padding-bottom: 25px;
256 281 padding-left: 1px;
257 282 font-family:"open_sansregular", Arial;
258   -
  283 +
259 284 }
260 285  
261 286 .news_principal_block {
... ... @@ -393,3 +418,107 @@ color: #F91461;
393 418 color: #172938;
394 419 text-decoration: none;
395 420 }
  421 +
  422 +/* Events */
  423 +
  424 +.event-card {
  425 + border-top: 1px dotted #D3D6D3;
  426 + background-repeat: no-repeat;
  427 + width: 494px;
  428 + height: 116px;
  429 + margin-bottom: 30px;
  430 +}
  431 +
  432 +.event-image {
  433 + border-right: 1px dotted #D3D6DE;
  434 +}
  435 +
  436 +.about-event > span {
  437 + font-family: arial;
  438 + line-height: 13px;
  439 +}
  440 +
  441 +.about-event .event-date {
  442 + font-weight: bold;
  443 + letter-spacing: 0.49px;
  444 +}
  445 +
  446 +.about-event .event-address {
  447 + margin-top: 19px;
  448 +}
  449 +
  450 +.about-event .event-address span {
  451 + margin-top: 4.4px;
  452 + line-height: 14px;
  453 + letter-spacing: 0.5px;
  454 +}
  455 +
  456 +.event-link {
  457 + letter-spacing: 0.48px;
  458 +}
  459 +
  460 +.event-link a {
  461 + text-decoration: underline;
  462 +}
  463 +
  464 +.article .article-body .event-body .event-lead p {
  465 + font-size: 16px;
  466 + font-family: Arial;
  467 + font-weight: bold;
  468 + letter-spacing: -0.4px;
  469 + line-height: 21px;
  470 +}
  471 +
  472 +.event-body .event-content p {
  473 + font-size: 15px;
  474 + font-family: Arial;
  475 + line-height: 22px;
  476 +}
  477 +
  478 +#article-actions:last-child{
  479 + border-top: 4px solid #2C4B6B;
  480 + padding-top: 10px;
  481 +}
  482 +
  483 +#article-header .preview{
  484 + display: none;
  485 +}
  486 +
  487 +#article-header .title{
  488 + border-bottom: 1px solid #D3D6DE !important;
  489 + color: red ;
  490 +}
  491 +
  492 +#article-header .publishing-info span{
  493 + font-size: 12px;
  494 + color: black;
  495 +}
  496 +
  497 +#sitemap{
  498 + overflow: auto;
  499 +}
  500 +
  501 +#sitemap a{
  502 + text-decoration: initial !important;
  503 +}
  504 +
  505 +#sitemap ul{
  506 + padding-top: 20px;
  507 + font-weight: 700;
  508 +}
  509 +
  510 +#sitemap li{
  511 + padding-left: 10px;
  512 + font-weight: 500;
  513 +}
  514 +
  515 +#sitemap #first-half{
  516 + float: left;
  517 + width: 40%;
  518 +}
  519 +
  520 +#sitemap #second-half{
  521 + float: left;
  522 + padding-top: 50px;
  523 + width: 40%;
  524 +}
... ...
pagina_comunidade.css
  Diff comments   View file @db2bf07
... ... @@ -3,8 +3,8 @@
3 3 border-bottom: 1px solid #D3D6DE;
4 4 padding-bottom: 30px;
5 5 margin:0px 20px 0px 0px;
6   - background-image: url("titulo2.png");
7   - background-repeat: no-repeat;
  6 + /*background-image: url("titulo2.png");
  7 + background-repeat: no-repeat;*/
8 8  
9 9 }
10 10  
... ... @@ -259,21 +259,36 @@ ul#itens-legend-grafic{
259 259 }
260 260  
261 261 #discussions h3{
262   - padding:12px 0px 3px 0px;
  262 + font-size: 20px;
  263 + padding:25px 0px 5px 0px;
263 264 margin:0px;
264 265 }
265 266  
266 267 .tidings{
267   - border-top: 1px solid #ECEDF1;
  268 + border-top: 1px solid #D3D6DE;
268 269 padding:10px;
  270 + padding-bottom: 23px;
269 271 }
270 272  
271 273 .date-list-discussion,
272 274 .subject-list-discussion{
273 275 display: block;
274   - line-height: 21px;
275   - padding: 0px 0px 10px 0px;
276   - position: relative;
  276 + line-height: 21px;
  277 + padding: 10px 0px 0px 0px;
  278 + position: relative;
  279 +}
  280 +
  281 +.date-list-discussion {
  282 + letter-spacing: -0.1px;
  283 +}
  284 +
  285 +.subject-list-title {
  286 + line-height: 18px !important;
  287 +}
  288 +
  289 +.subject-list-discussion {
  290 + font-size: 16px;
  291 + padding-top: 3px;
277 292 }
278 293  
279 294 .date-list-discussion{
... ... @@ -284,30 +299,45 @@ ul#itens-legend-grafic{
284 299 text-decoration: none;
285 300 color:#5E82C6;
286 301 }
287   -.see-more-discussion{
288   -text-align: right;
289   - padding: 10px;
  302 +
  303 +.see-more-discussion {
  304 + text-align: right;
  305 + padding: 15px 0px 0px 0px;
290 306 text-transform: uppercase;
291 307 line-height: 21px;
292   - font-size: 12px;
293   - border-top: 1px solid #ECEDF1;
  308 + font-size: 11px;
  309 + border-top: 1px solid #D3D6DE;
  310 + margin-bottom: 2px;
  311 + letter-spacing: -0.12px;
294 312 }
295 313  
296 314 .see-more-discussion::after {
297 315 background: none repeat scroll 0 0 #3e67b1;
298   - border-radius: 4px;
  316 + border-radius: 2px;
299 317 color: #ffffff;
300   - content: ">";
  318 + content: url('images/left-arrow.png');
301 319 font-size: 15px;
302 320 line-height: 20px;
303 321 margin-left: 5px;
304   - padding-left: 7px;
305   - padding-right: 4px;
  322 + padding: 2px 7px 1px 7px;
306 323 position: relative;
307 324 text-align: center;
308 325 top: 2px;
309 326 }
310 327  
  328 +.tidings {
  329 + padding-left: 0px;
  330 +}
  331 +
  332 +#mais-relevantes h3 {
  333 + letter-spacing: 0.2px;
  334 + padding-bottom: 16px;
  335 +}
  336 +
  337 +#mais-relevantes span {
  338 + letter-spacing: 0px;
  339 +}
  340 +
311 341 /********************** ABA03 - BLOG ********************************/
312 342 #block-news-community{
313 343 padding-top:20px;
... ... @@ -347,12 +377,13 @@ text-align: right;
347 377  
348 378  
349 379 /********************** ABA04 - Wiki ********************************/
350   -#aba4{
351   - background-image: url("wiki.png");
352   - background-repeat: no-repeat;
  380 +
  381 +#aba4 {
  382 + border-bottom: 3px solid #172738;
  383 + padding-bottom: 40px;
353 384 }
354 385  
355   -#aba4 h2{
  386 +#aba4 h3{
356 387 color:#172738;
357 388 border-bottom: 2px solid #ECEDF1;
358 389 font-size: 21px;
... ... @@ -362,13 +393,19 @@ text-align: right;
362 393 }
363 394  
364 395 #aba4 span{
365   - color: #172738;
  396 + /*color: #172738;
366 397 display:block;
367 398 line-height: 23px;
368 399 font-size: 15px;
369 400 margin:10px 0px 26px 5px;
370   - padding-top:10px;
371   -
  401 + padding-top:10px;*/
  402 + line-height: 21px;
  403 + font-size: 15px;
  404 + display: block;
  405 + padding-left: 3px;
  406 + font-weight: 400;
  407 + color: black;
  408 + padding-top: 10px;
372 409 }
373 410  
374 411  
... ... @@ -376,82 +413,516 @@ text-align: right;
376 413  
377 414 .information-repository-activ{
378 415 border-bottom: 1px solid #D3D6DE;
379   - padding:40px 20px 40px 20px;
  416 + /*padding:40px 20px 40px 20px; #D3D6DE*/
  417 + margin: 0px;
380 418 color:#172738;
381 419 }
382 420  
383 421 .about-commit{
  422 + font-size: 12px;
384 423 display:block;
385 424 position:absolute;
386 425 float:left;
  426 + margin-top: 27px;
387 427 border-right:1px dotted #D3D6DE;
388   - padding-right: 40px;
  428 + padding: 0px 23px 13px 0px;
389 429 }
  430 +
  431 +.calendar-commit {
  432 + margin-top: 10px;
  433 +}
  434 +
390 435 .about-commit span{
391 436 position: relative;
392   - display:block;
  437 + display: block;
393 438 line-height: 21px;
394   - padding: 5px;
  439 + padding: 0px;
395 440 }
396 441  
397 442 .information-member-repository{
398   - margin-left:150px;
  443 + padding-top: 28px;
  444 + margin-left: 127px;
399 445 display:block;
400 446  
401 447 }
402 448  
  449 +.name-information-repository {
  450 + font-size: 12px;
  451 +}
  452 +
  453 +.information-member-repository {
  454 + margin-bottom: 20px;
  455 +}
  456 +
403 457 .information-member-repository span{
404 458 display:block;
405 459 position:relative;
406   - line-height: 21px;
407   - padding: 5px;
  460 + line-height: 15px;
  461 + padding: 5px;
408 462 }
409 463  
410 464 .commit-historic::before {
411   - content: url("images/calendar-icon.png");
412   - float: left;
  465 + content: url("images/upload-icon.png");
  466 + /*float: left;*/
413 467 line-height: 20px;
414   - margin-right: 10px;
  468 + margin-right: 11px;
415 469 margin-top: 4px;
416 470 }
417 471  
418 472 .calendar-commit::before {
419 473 content: url("images/calendar-icon.png");
420   - float: left;
  474 + /*float: left;*/
421 475 line-height: 20px;
422   - margin-right: 10px;
  476 + margin-right: 11px;
423 477 margin-top: 4px;
424 478 }
425 479  
426 480 .see-more-repository{
  481 + color: black !important;
427 482 text-align: right;
428   - padding:10px;
  483 + padding: 15px 0px 0px 0px;
429 484 text-transform: uppercase;
430 485 line-height: 21px;
431   - font-size:12px;
  486 + font-size: 11px;
  487 +/* border-top: 1px solid #D3D6DE; */
  488 + margin-bottom: 2px;
  489 + letter-spacing: -0.12px;
432 490 }
433 491  
434 492 .see-more-repository::after {
435   - background: none repeat scroll 0 0 #3e67b1;
436   - border-radius: 4px;
437   - color: #ffffff;
438   - content: ">";
439   - font-size: 15px;
440   - line-height: 20px;
441   - margin-left: 5px;
442   - padding-left: 7px;
443   - padding-right: 4px;
444   - position: relative;
445   - text-align: center;
446   - top: 2px;
  493 + background: none repeat scroll 0 0 #3e67b1;
  494 + border-radius: 2px;
  495 + color: #ffffff;
  496 + content: url('images/left-arrow.png');
  497 + font-size: 15px;
  498 + line-height: 20px;
  499 + margin-left: 5px;
  500 + padding: 2px 7px 1px 7px;
  501 + position: relative;
  502 + text-align: center;
  503 + top: 2px;
  504 +}
  505 +
  506 +
  507 +/*********************** Página de eventos da comunidade *******************/
  508 +
  509 +#event-card {
  510 + float: left;
  511 + border-top: 1px dotted #D3D6D3;
  512 + padding-top: 33px;
  513 + width: 494px;
  514 + height: 173px;
  515 + /*background-image: url('images/evento-teste.jpg');*/
  516 + background-repeat: no-repeat;
  517 +}
  518 +
  519 +#event-card #event-image {
  520 + position: relative;
  521 + float: left;
  522 + content: url('images/comunidade-evento-imagem-evento.png');
  523 + border-right:1px dotted #D3D6DE;
  524 + padding-right: 22px;
  525 +}
  526 +
  527 +.about-event {
  528 + position: relative;
  529 + float: left;
  530 + height: 160px;
  531 + width: 300px;
  532 + max-width: 300px;
  533 +}
  534 +
  535 +.about-event > span {
  536 + font-family: arial;
  537 + display: block;
  538 + max-width: inherit;
  539 + margin-left: 20px;
  540 + padding-left: 21px;
  541 + line-height: 13px;
  542 + margin-right: 11px;
  543 +}
  544 +
  545 +.about-event .event-date {
  546 + font-weight: bold;
  547 + letter-spacing: 0.49px;
  548 + margin-top: 3px;
  549 +}
  550 +
  551 +.about-event .event-address {
  552 + margin-top: 19px;
  553 +}
  554 +
  555 +.about-event .event-address span {
  556 + display: block;
  557 + margin-left: 0px;
  558 + margin-top: 4.4px;
  559 + line-height: 14px;
  560 + letter-spacing: 0.5px;
  561 +}
  562 +
  563 +/*
  564 +.event-date::before {
  565 + content: url("images/calendar-icon.png");
  566 +}
  567 +*/
  568 +
  569 +#community-page {
  570 + width: 494px;
  571 + height: 716px;
  572 + /*background-image: url('images/pagina-comunidade-teste.png');*/
  573 + background-repeat: no-repeat;
  574 +}
  575 +
  576 +#community-page h1 {
  577 + margin-bottom: 17px;
  578 + text-align: left;
  579 + font-size: 32px;
  580 + line-height: 30px;
  581 + padding-left: 1px;
  582 +}
  583 +
  584 +.event-date {
  585 + background: url('images/calendar-icon.png') no-repeat left center;
  586 +}
  587 +
  588 +.event-link {
  589 + background: url('images/globe-icon.png') no-repeat left center;
  590 + margin-top: 18px;
  591 + letter-spacing: 0.48px;
  592 +}
  593 +
  594 +.event-link a {
  595 + text-decoration: underline;
  596 +}
  597 +
  598 +.event-address {
  599 + background: url('images/icone_pin.png') no-repeat left top;
  600 +}
  601 +
  602 +.event-body {
  603 + float: left;
  604 +}
  605 +
  606 +.event-body h2 {
  607 + margin-left: 2px !important;
  608 + width: 494px;
  609 + letter-spacing: -0.4px;
  610 + line-height: 26px;
  611 + margin-bottom: -3px !important;
  612 +}
  613 +
  614 +.event-body .event-content p {
  615 + font-size: 15px;
  616 + font-family: Arial;
  617 + margin-top: 20px;
  618 + width: 494px;
  619 + padding-left: 2px;
  620 + line-height: 22px;
  621 +}
  622 +
  623 +/********** event side box **********/
  624 +
  625 +.community-side-box {
  626 + width: 100%;
  627 + height: 100%;
  628 + border: 1px solid #D3D6DE;
  629 + border-radius: 7px;
  630 + margin-bottom: 27px;
  631 + overflow: hidden;
  632 +}
  633 +
  634 +.community-logo-container {
  635 + height: 150px;
  636 + width: 200px;
  637 + border-bottom: 4px solid #3E67B1;
  638 + overflow: hidden;
  639 + text-align: center;
  640 + display: table-cell;
  641 + vertical-align: middle;
  642 +}
  643 +
  644 +.community-logo-container img {
  645 + height: auto;
  646 + width: 70%;
  647 +}
  648 +
  649 +.community-name {
  650 + font-family: Arial;
  651 + font-size: 14px;
  652 + font-weight: 700;
  653 + padding: 13px 10px 0px 10px;
  654 + text-align: center;
  655 + height: 100%;
  656 + background-color: #ECEDF1;
447 657 }
448 658  
  659 +.community-name p {
  660 + font-family: open sans;
  661 + font-size: 16px;
  662 + line-height: 17px;
  663 + letter-spacing: 0px;
  664 +}
  665 +
  666 +.community-side-box table {
  667 + background-color: #ECEDF1;
  668 +}
  669 +
  670 +.community-side-box table th {
  671 + font-weight: 700;
  672 + text-align: left;
  673 + font-family: Arial;
  674 + font-size: 16px;
  675 + text-transform: uppercase;
  676 + padding-top: 9px;
  677 + padding-left: 13px;
  678 + padding-bottom: 0px;
  679 + letter-spacing: -1px;
  680 + border-bottom: 1px solid #D3D6DE;
  681 +}
  682 +
  683 +.community-side-box table td {
  684 + text-align: left;
  685 + border-bottom: 1px solid #D3D6DE;
  686 + height: 42px;
  687 + padding-top: 9px;
  688 + padding-left: 13px;
  689 +}
  690 +
  691 +.another-events-date {
  692 + color: #2C4B6B;
  693 + font-weight: 700;
  694 +}
  695 +
  696 +.another-event {
  697 + color: #2C4B6B;
  698 +}
  699 +
  700 +/************************** PÁGINA BLOG **************************/
  701 +
  702 +#community-blog {
  703 + width: 500px;
  704 + height: 2200px;
  705 + /*background-image: url('images/blog-teste.png');*/
  706 + background-repeat: no-repeat;
  707 +}
  708 +
  709 +#blog-header {
  710 + width: 100%;
  711 + height: 129px;
  712 + border-bottom: 1.5px solid #D3D6DE;
  713 +}
  714 +
  715 +#blog-header > h1 {
  716 + font-family: Arial;
  717 + font-weight: 700;
  718 + font-size: 33px;
  719 + margin: 0px;
  720 + text-align: left;
  721 + padding-left: 2px;
  722 + letter-spacing: 1px;
  723 +}
  724 +
  725 +#community-blog p {
  726 + font-family: Arial;
  727 + font-size: 15px;
  728 + margin-top: 2px;
  729 + margin-left: 4px;
  730 + margin-bottom: 0px;
  731 + letter-spacing: 0.15px;
  732 +}
  733 +
  734 +#community-blog #community-action-button {
  735 + margin-left: 3px;
  736 + margin-top: 7px;
  737 +}
  738 +
  739 +#community-blog #community-action-button a {
  740 + text-align: center;
  741 + font-family: Arial;
  742 + font-size: 13px;
  743 + float: left;
  744 + margin-right: 9px;
  745 + padding: 5px 12px 4px 9px;
  746 + border: 1px solid #D3D6DE;
  747 + border-radius: 4px;
  748 + color: #2C66CE;
  749 +}
  750 +
  751 +.blog-main-content {
  752 + font-family: Arial;
  753 + color: #172738;
  754 + margin-top: 46px;
  755 +}
  756 +
  757 +.blog-main-content #date {
  758 + font-size: 12px;
  759 + text-transform: uppercase;
  760 +}
  761 +
  762 +.blog-main-content #title {
  763 + font-size: 22px;
  764 + font-weight: 700;
  765 + margin-top: 9px;
  766 + line-height: 25px;
  767 + letter-spacing: 0.4px;
  768 +}
  769 +
  770 +.blog-main-content #image-container {
  771 + border-radius: 6px;
  772 + margin-top: 13px;
  773 + overflow: hidden;
  774 + height: 210px;
  775 + width: 490px;
  776 +}
  777 +
  778 +.blog-main-content #image-container img {
  779 + height: auto;
  780 + width: 490px;
  781 +}
  782 +
  783 +.blog-main-content #description {
  784 + font-size: 15px;
  785 + margin-top: 11px;
  786 + line-height: 21px;
  787 + letter-spacing: 0.1px;
  788 + padding-left: 3px;
  789 +}
  790 +
  791 +.blog-event-list {
  792 + margin-top: 24px;
  793 +}
  794 +
  795 +.blog-event-item{
  796 + position: relative;
  797 + float: left;
  798 + width: 500px;
  799 + border-top: 1px solid #D3D6DE;
  800 + padding-top: 25px;
  801 + margin-bottom: 25px;
  802 + display: table;
  803 + overflow: hidden;
  804 +}
  805 +
  806 +.blog-event-item .blog-event-information .date {
  807 + font-size: 12px;
  808 + margin-top: -1px;
  809 + text-transform: uppercase;
  810 +}
  811 +
  812 +.blog-event-item .blog-event-information .event-title {
  813 + max-height: 40px;
  814 + padding-right: 0px;
  815 + font-weight: 700;
  816 + font-size: 15px;
  817 + margin-top: 6px;
  818 + letter-spacing: 0.5px;
  819 +}
  820 +
  821 +.blog-event-item .blog-event-information .description {
  822 + font-size: 14px;
  823 + margin-top: 5px;
  824 + letter-spacing: -0.2px;
  825 + max-height: 57px;
  826 + overflow: hidden;
  827 +}
  828 +
  829 +.blog-event-item .blog-event-information {
  830 + display: table-cell;
  831 + width: 100%;
  832 +}
  833 +
  834 +.blog-event-item .item-image {
  835 + display: table-cell;
  836 + vertical-align: top;
  837 + padding-right: 20px;
  838 +}
  839 +
  840 +.blog-event-item img {
  841 + width: 106px;
  842 + height: 63px;
  843 + border-radius: 5px;
  844 + padding-left: 4px;
  845 +}
  846 +
  847 +.community-content-footer {
  848 + position: relative;
  849 + float: left;
  850 + padding-left: 2px;
  851 + width: 100%;
  852 + border-top: 1px solid #D3D6DE;
  853 + padding-top: 37px;
  854 + padding-bottom: 56px;
  855 +}
  856 +
  857 +.community-content-footer ul li {
  858 + display: inline;
  859 + border: 1px solid #D3D6DE;
  860 +}
  861 +
  862 +.community-content-footer ul .default-index {
  863 + padding: 7px 11px 7px 11px;
  864 + border-radius: 4px;
  865 + margin-right: 4px;
  866 + font-family: Arial;
  867 + font-weight: 700;
  868 + font-size: 16px;
  869 +}
  870 +
  871 +.community-content-footer ul #previous {
  872 + padding: 7px 11px 7px 11px;
  873 + border-radius: 4px;
  874 + margin-right: 38px;
  875 + font-family: Arial;
  876 + font-size: 14px;
  877 + padding-left: 35px;
  878 +}
  879 +
  880 +.community-content-footer ul #next {
  881 + padding: 7px 11px 7px 11px;
  882 + border-radius: 4px;
  883 + margin-left: 30px;
  884 + padding-left: 14px;
  885 + padding-right: 32px;
  886 + font-family: Arial;
  887 + font-size: 14px;
  888 + letter-spacing: 0.6px;
  889 +}
  890 +
  891 +.community-content-footer #indexes li a {
  892 + color: #172738;
  893 +}
  894 +
  895 +.community-content-footer #indexes .active-index {
  896 + background-color: #ECEDF1;
  897 + padding: 7px 11px 7px 11px;
  898 + border-radius: 4px;
  899 + margin-right: 4px;
  900 + font-family: Arial;
  901 + font-weight: 700;
  902 + font-size: 16px;
  903 +}
  904 +
  905 +.community-content-footer #indexes #previous #left-arrow {
  906 + position: absolute;
  907 + content: url('images/left-arrow-black.png');
  908 + margin-left: -25px;
  909 + margin-top: 3px;
  910 +}
  911 +
  912 +.community-content-footer #indexes #next #right-arrow {
  913 + position: absolute;
  914 + content: url('images/right-arrow-black.png');
  915 + margin-left: 18px;
  916 + margin-top: 3px;
  917 +}
  918 +
  919 +
449 920 /***********Secundaria - Wiki**************/
450   -#secundary-page-wiki {
  921 +/*#secundary-page-wiki {
451 922 background-image: url("secundaria-wiki.png");
452 923 background-repeat: no-repeat;
453 924 width:90%;
454   -}
  925 +}*/
455 926  
456 927 #secundary-page-wiki h1 {
457 928 border-bottom:1px solid #D3D6DE;
... ... @@ -482,12 +953,6 @@ text-align: right;
482 953 }
483 954  
484 955 /*********Secundaria de Discussoes***********/
485   -#secundary-page-discussion{
486   - /*background-image: url("discussoes.png");
487   - background-repeat: no-repeat;
488   - /*padding-top:10px;*/
489   -}
490   -
491 956 #secundary-page-discussion .tidings{
492 957 padding:0px;
493 958 }
... ... @@ -546,11 +1011,6 @@ text-align: right;
546 1011 background:#ECEDF1;
547 1012 border:1px solid #D3D6DE;
548 1013 border-radius:4px;
549   - /*background-image: url("filtro.png");
550   - background-repeat: no-repeat;*/
551   - /* width: 40%;
552   - height: 50%;*/
553   -
554 1014 }
555 1015  
556 1016 #filter-discussion-block h3{
... ... @@ -628,4 +1088,4 @@ color: #fff;*/
628 1088 /**********************pagina secundaria de membros**************************/
629 1089  
630 1090  
631   -/*****************************************************/
632 1091 \ No newline at end of file
  1092 +/*****************************************************/
... ...
pagina_software.css
  Diff comments   View file @db2bf07
... ... @@ -166,7 +166,7 @@ border: none;
166 166  
167 167 #download_spb-2 h3{
168 168 margin:6px 0px 2px 10px;
169   - font-size: 20px;
  169 + font-size: 18px;
170 170 }
171 171  
172 172 #download-info-1,
... ... @@ -201,8 +201,8 @@ border: none;
201 201 #image-download{
202 202 background-color: #2c66ce;/*#5E82C6;*/
203 203 border:1px solid #2c66ce;/*#5E82C6;*/
204   - border-top-right-radius:8px;
205   - border-top-left-radius: 8px;
  204 + /*border-top-right-radius:8px;
  205 + border-top-left-radius: 8px;*/
206 206 background-image: url("images/download-icon.png");
207 207 background-repeat: no-repeat;
208 208 background-position: center; /*15px;*/
... ... @@ -211,6 +211,10 @@ border: none;
211 211 /*width: 45px;*/
212 212 /*height: 25px;*/
213 213 display:block;
  214 +
  215 + /* FIX ME */
  216 + height: 18px;
  217 + border-radius: 8px;
214 218 }
215 219  
216 220 #size-download{
... ... @@ -221,7 +225,7 @@ border: none;
221 225 border:1px solid #1a397d;
222 226 border-bottom-right-radius: 8px;
223 227 border-bottom-left-radius: 8px;
224   - display:block;
  228 + display: none; /* FIX ME */
225 229 /*padding: 0px 10px 3px 6px; /*3px 22px;*/
226 230 /* width: 45px;
227 231 height: 17px;
... ... @@ -240,6 +244,22 @@ border: none;
240 244 margin-right: 20px;
241 245  
242 246 }*/
  247 +.item-icon a {
  248 + display: none;
  249 +}
  250 +
  251 +.item-icon {
  252 + background-color: #2C66CE;
  253 + background-image: url("images/download-icon.png");
  254 + background-position: center center;
  255 + background-repeat: no-repeat;
  256 + border: 1px solid #2C66CE;
  257 + border-radius: 6px;
  258 + display: block;
  259 + padding: 45px 45px 5px 10px;
  260 + float: left;
  261 + margin-right: 20px;
  262 +}
243 263  
244 264 #info-software-download{
245 265 font-size: 16px;
... ... @@ -488,13 +508,15 @@ border:
488 508 }
489 509  
490 510 #bt_repositorio::after{
491   - content:'>';
492   - position:absolute;
493   - padding-left:2px;
494   - margin-top:-2px;
495   - right:10px;
496   - width:18px;
497   - height:20px;
  511 + content: url('images/right-arrow.png');
  512 + position: absolute;
  513 + padding-left: 2px;
  514 + padding-top: 4px;
  515 + padding-bottom: 4px;
  516 + margin-top: -2px;
  517 + right: 10px;
  518 + width: 18px;
  519 + /* height: 20px; */
498 520 color:#FFF;
499 521 background:#2C66CE;
500 522 border-radius: 4px;
... ...
redes_sociais.css
  Diff comments   View file @db2bf07
1 1 .ui-widget-header
2 2 {
3   - background: none;
4   - border: 0px solid #aaaaaa;
5   - color: none;
6   - font-weight: bold;
  3 + background: none;
  4 + border: 0px solid #aaaaaa;
  5 + color: none;
  6 + font-weight: bold;
7 7 }
8 8 .ui-tabs .ui-tabs-panel
9 9 {
10   - background-color: #eeeff1;
11   - border-width: 1px;
12   - color: #777;
13   - display: block;
14   - font-size: 13px;
15   - padding: 1em 1.4em;
16   - text-decoration: none;
  10 + background-color: #eeeff1;
  11 + border-width: 1px;
  12 + color: #777;
  13 + display: block;
  14 + font-size: 13px;
  15 + padding: 1em 1.4em;
  16 + text-decoration: none;
17 17 }
18 18 .ui-tabs .ui-tabs-nav
19 19 {
20   - margin: 0;
21   - padding: 0;
  20 + margin: 0;
  21 + padding: 0;
22 22 }
23 23 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
24 24 {
25   - background: #d5d5d5 none;
26   - border: 1px solid #d4d5d7;
27   - color: #555555;
28   - font-weight: normal;
  25 + background: #d5d5d5 none;
  26 + border: 1px solid #d4d5d7;
  27 + color: #555555;
  28 + font-weight: normal;
29 29 }
30 30 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
31 31 {
32   - background: #eeeff1 none;
33   - background-color: #eeeff1;
34   - border: 1px solid #aaaaaa;
35   - color: #212121;
36   - font-weight: normal;
  32 + background: #eeeff1 none;
  33 + background-color: #eeeff1;
  34 + border: 1px solid #aaaaaa;
  35 + color: #212121;
  36 + font-weight: normal;
37 37 }
38 38 .ui-widget-content
39 39 {
40   - border: 0px solid #aaaaaa;
  40 + border: 0px solid #aaaaaa;
41 41 }
42 42  
43 43 /********Novas abas - pagina de comunidade*********/
44 44 #block-community-tabs{
45   - font-family:arial;
  45 + font-family:arial;
46 46 }
47 47  
48 48 #block-community-tabs .ui-widget-header{
49   - background:#ECEDF1;
50   - border-radius:0px;
51   - border:none;
52   - border-bottom: 3px solid #D3D6DE;
53   - color: none;
54   - font-weight: bold;
  49 + background:#ECEDF1;
  50 + border-radius:0px;
  51 + border:none;
  52 + border-bottom: 3px solid #D3D6DE;
  53 + color: none;
  54 + font-weight: bold;
55 55 }
56 56  
  57 +.information-repository-activ {
  58 + height: 117px !important;
  59 +}
57 60  
58 61 #block-community-tabs .ui-tabs .ui-tabs-panel{
59 62 background-color: #ffffff;
... ... @@ -64,44 +67,75 @@
64 67 padding: 0px; /*padding: 1em 1.4em;*/
65 68 text-decoration: none;
66 69 }
  70 +
  71 +#block-community-tabs .ui-tabs .ui-tabs-panel {
  72 + padding: 0px;
  73 +}
  74 +
67 75 #block-community-tabs .ui-tabs .ui-tabs-nav{
68   - margin: 0;
69   - padding: 0;
  76 + margin: 0px;
  77 + padding: 0px;
70 78 }
71 79  
72 80 #block-community-tabs .ui-state-default,#block-community-tabs .ui-widget-content .ui-state-default,#block-community-tabs .ui-widget-header .ui-state-default{
73   - /*background: #d5d5d5 none;
74   - border: 1px solid #d4d5d7;
75   - color: #555555;*/
76   - font-weight: normal;
  81 + /*background: #d5d5d5 none;
  82 + border: 1px solid #d4d5d7;
  83 + color: #555555;*/
  84 + font-weight: normal;
77 85 }
78 86 #block-community-tabs .ui-state-active,#block-community-tabs .ui-widget-content .ui-state-active,#block-community-tabs .ui-widget-header .ui-state-active{
79   - /*background: #eeeff1 none;
80   - background-color: #eeeff1;
81   - border: 1px solid #aaaaaa;
82   - color: #212121;*/
83   - font-weight: normal;
  87 + /*background: #eeeff1 none;
  88 + background-color: #eeeff1;
  89 + border: 1px solid #aaaaaa;
  90 + color: #212121;*/
  91 + font-weight: normal;
84 92 }
85 93  
86 94 #block-community-tabs .ui-widget-content{
87   - border: 0px solid #aaaaaa;
  95 + border: 0px solid #aaaaaa;
88 96 }
89 97  
90 98 #block-community-tabs .ui-state-default,#block-community-tabs .ui-widget-content .ui-state-default,#block-community-tabs .ui-widget-header .ui-state-default {
91   - border: none;
92   - background:#ECEDF1 ;
93   - font-weight: normal;
94   - color: #172738;
  99 + border: none;
  100 + background:#ECEDF1 ;
  101 + font-weight: normal;
  102 + color: #172738;
95 103 }
96 104  
97   -#block-community-tabs .ui-state-default a:hover,
98   -#block-community-tabs .ui-state-default a:link,
99   -#block-community-tabs .ui-state-default a:active{
100   - color:#172738;
  105 +#block-community-tabs .ui-state-default a{
  106 + color: #172738;
  107 +}
  108 +
  109 +#block-community-tabs .ui-tabs .ui-tabs-nav {
  110 + font-size: 15px;
101 111 }
102 112  
103 113 #block-community-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active {
104   -margin-bottom: -3px;
105   -padding-bottom: 1px;
106   -border-bottom: 3px solid #FF0366;
  114 + margin-bottom: -3px;
  115 + padding-bottom: 1px;
  116 + border-bottom: 3px solid #FF0366;
  117 + font-weight: 700;
  118 +
  119 +}
  120 +
  121 +#block-community-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active a{
  122 + color: #FF0366;
  123 +}
  124 +
  125 +#block-community-tabs .ui-tabs .ui-tabs-nav li .triangle {
  126 + position: absolute;
  127 + margin-top: 38px;
  128 + margin-left: 45%;
  129 + width: 0;
  130 + height: 0;
  131 + border-left: 5px solid transparent;
  132 + border-right: 5px solid transparent;
  133 + border-top: 5px solid #FF0366;
  134 + font-size: 0;
  135 + line-height: 0;
  136 + display: none;
  137 +}
  138 +
  139 +#block-community-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active .triangle {
  140 + display: block;
107 141 }
... ...
style.css
  Diff comments   View file @db2bf07
... ... @@ -17,6 +17,9 @@
17 17 /****************** Recent content ********************/
18 18 @import url(recent-content.css);
19 19  
  20 +/****************** bootstrap tooltips ********************/
  21 +@import url(tooltip.css);
  22 +
20 23 /****************** FIM cabecalho azul ****************/
21 24  
22 25 /****************** Block Agenda ********************/
... ... @@ -40,7 +43,7 @@
40 43  
41 44 @import url(../../icons/tango/style.css);
42 45  
43   -/****************** Font awesome ****s****************/
  46 +/****************** Font awesome ******************/
44 47 @import url(font-awesome.min.css);
45 48  
46 49 /* - css/main.css - */
... ... @@ -145,14 +148,14 @@ vertical-align: baseline;
145 148 /* */
146 149 /* */
147 150 body {
148   - background-color: #fff;
149   - color: #172938;
150   - font-size: 12px;
151   - font-family: "open_sansregular", Arial, Helvetica, sans-serif;
  151 + background-color: #fff;
  152 + color: #172938;
  153 + font-size: 12px;
  154 + font-family: "open_sansregular", Arial, Helvetica, sans-serif;
152 155 }
153 156 h1, h2, h3, h4, h5, h6 {
154   - font-family: "open_sansbold", Arial, Helvetica, sans-serif;
155   - font-weight: normal;
  157 + font-family: "open_sansbold", Arial, Helvetica, sans-serif;
  158 + font-weight: normal;
156 159 }
157 160  
158 161 /*
... ... @@ -498,19 +501,19 @@ p {
498 501 }
499 502  
500 503 #content .box .read-more a::after {
501   - content:'>';
502   - padding-left: 8px;
503   - padding-right: 5px;
504   - margin-left: 7px;
505   - border-radius: 4px;
506   - font-size: 16px;
507   - line-height: 20px;
508   - text-align: center;
509   - font-family: "open_sansbold", Arial, Helvetica, sans-serif;
  504 + content: url('images/right-arrow.png');
  505 + padding-left: 8px;
  506 + padding-right: 5px;
  507 + margin-left: 7px;
  508 + border-radius: 4px;
  509 + font-size: 16px;
  510 + line-height: 20px;
  511 + text-align: center;
  512 + font-family: "open_sansbold", Arial, Helvetica, sans-serif;
510 513 }
511 514  
512 515 #content .box .article-block .read-more a::after {
513   - font-size: 14px;
  516 + font-size: 14px;
514 517 }
515 518  
516 519  
... ... @@ -650,7 +653,7 @@ p {
650 653 /* Menu List footer */
651 654 /*
652 655 #content .box-3 .block-title{
653   - margin:0;
  656 + margin:0;
654 657 }
655 658  
656 659  
... ... @@ -797,9 +800,9 @@ p {
797 800 font-size: 16px;
798 801 font-style: normal;
799 802 font-weight: bold;
800   - line-height: 1em;
  803 + line-height: 1.3em;
801 804 padding: 0;
802   - color: #000;
  805 + color: #172738 !important ;
803 806 }
804 807  
805 808 #content .main-block h1,
... ... @@ -819,6 +822,7 @@ p {
819 822 .article-body ul {
820 823 list-style-position: inside;
821 824 list-style-type: disc;
  825 + background-repeat: no-repeat;
822 826 }
823 827  
824 828 .article-body ol {
... ... @@ -880,8 +884,8 @@ p {
880 884  
881 885 /* nao mostrar seta neste tipo de box */
882 886 #content .blog-post .short-post .read-more a::after {
883   - content: none;
884   - }
  887 + content: none;
  888 + }
885 889  
886 890 .comment-info {
887 891 line-height: 1em;
... ... @@ -974,57 +978,6 @@ p {
974 978  
975 979 /* fim de comentário*/
976 980  
977   -/*paginação*/
978   -
979   -.pagination {
980   -}
981   -
982   -#content .pagination a {
983   - background-image: url("images/bg-paginacao.png");
984   - background-repeat: no-repeat;
985   - border-bottom: 0 none;
986   - color: white;
987   - display: inline-block;
988   - font-size: 16px;
989   - font-weight: bold;
990   - height: 35px;
991   - padding-top: 4px;
992   - text-decoration: none;
993   - width: 35px;
994   -}
995   -
996   -.pagination .current {
997   - background: url("images/bg-paginacao-preto.png") no-repeat center top transparent;
998   - background-repeat: no-repeat;
999   - border-bottom: 0 none;
1000   - color: white;
1001   - display: inline-block;
1002   - font-size: 16px;
1003   - font-weight: bold;
1004   - height: 35px;
1005   - padding-top: 4px;
1006   - text-decoration: none;
1007   - width: 35px;
1008   -}
1009   -
1010   -#content .pagination a.prev_page,
1011   -#content .pagination a.next_page{
1012   - background-image: none;
1013   - color: #888888;
1014   - font-size: 14px;
1015   - width: auto;
1016   -}
1017   -
1018   -
1019   -#content #article .pagination .next_page,
1020   -#content #article .pagination .prev_page{
1021   - background-image: none;
1022   - color: #ccc;
1023   - width: auto;
1024   - font-size: 16px;
1025   -}
1026   -
1027   -/*fim paginação*/
1028 981  
1029 982 /*borda dos wrappers*/
1030 983 /**/
... ... @@ -1079,10 +1032,10 @@ ul.profile-list .common-profile-list-block {
1079 1032 }
1080 1033  
1081 1034 .common-profile-list-block .profile-image {
1082   - display: block;
  1035 + display: table-cell;
1083 1036 height: 56px;
1084 1037 max-height: 100%;
1085   - width: 100%;
  1038 + text-align: center;
1086 1039 }
1087 1040  
1088 1041 /*.box-2 .common-profile-list-block .vcard a.profile_link,
... ... @@ -1216,18 +1169,16 @@ div#article-parent {
1216 1169  
1217 1170 #article-tags a:link {
1218 1171 clear: both;
1219   - display: inline-block;
  1172 + float: left;
  1173 + display: block;
  1174 + font-size: 12px;
1220 1175 margin-bottom: 1.5em;
1221   - color: white;
1222   - padding: 3px 5px;
1223   -}
1224   -
1225   -#article-tags a:hover {
1226   - background-color: #000;
1227   - color: white;
  1176 + color: #3E67B1;
  1177 + background-color: #ECEDF1;
  1178 + border: 1px solid #D3D6DE;
  1179 + padding: 3px 10px;
1228 1180 }
1229 1181  
1230   -
1231 1182 /* fim Content*/
1232 1183  
1233 1184 /*busca*/
... ... @@ -1241,17 +1192,84 @@ div#article-parent {
1241 1192 /*paginação*/
1242 1193  
1243 1194 .pagination {
  1195 + margin-bottom: 30px;
  1196 + border-top: 0 none;
  1197 + margin-top: 48px;
  1198 + font-family: "open_sansregular", Arial, Helvetica, sans-serif;
  1199 +}
1244 1200  
  1201 +#content .pagination a,
  1202 +#content .pagination em{
  1203 + padding: 7px 11px 7px 11px;
  1204 + border-radius: 4px;
  1205 + margin-right: 4px;
  1206 + letter-spacing: 0.6px;
  1207 + font-size: 15px;
  1208 + border: 1px solid #D3D6DE;
  1209 + color: #172738;
  1210 + font-weight: 700;
  1211 + text-decoration: none;
1245 1212 }
1246   -.pagination {
1247   - font-size: 120%;
  1213 +
  1214 +.pagination .current {
  1215 + background-color: #ECEDF1;
  1216 + font-style: normal;
1248 1217 }
1249 1218  
1250   -.pagination .prev_page{margin-right: 0.5em; font-weight: bold;}
1251   -.pagination .next_page{margin-left: 0.5em; font-weight: bold;}
  1219 +#content .pagination .next_page.disabled,
  1220 +#content .pagination .previous_page.disabled,
  1221 +#content .pagination a.previous_page,
  1222 +#content .pagination a.next_page{
  1223 + border-radius: 4px;
  1224 + margin-top: -9px;
  1225 + letter-spacing: 0.6px;
  1226 + border: 1px solid #D3D6DE;
  1227 + color: #172738;
  1228 + background-image: none;
  1229 + font-size: 15px;
  1230 + width: auto;
  1231 + font-weight: 500;
  1232 + position: relative;
  1233 +}
  1234 +
  1235 +#content .pagination .previous_page{
  1236 + float: left;
  1237 + padding: 7px 11px 7px 30px;
  1238 +}
  1239 +
  1240 +#content .pagination .next_page{
  1241 + float: right;
  1242 + padding: 7px 30px 7px 11px;
  1243 +}
  1244 +
  1245 +#content .pagination .next_page.disabled,
  1246 +#content .pagination .previous_page.disabled{
  1247 + opacity: 0.5;
  1248 +}
  1249 +
  1250 +#content .pagination .previous_page.disabled::before,
  1251 +#content .pagination a.previous_page::before {
  1252 + display: none;
  1253 + position: absolute;
  1254 + content: url('images/left-arrow-black.png');
  1255 + left: 8px;
  1256 + top: 11px;
  1257 +}
  1258 +
  1259 +#content .pagination .next_page.disabled::before,
  1260 +#content .pagination a.next_page::before {
  1261 + display: none;
  1262 + position: absolute;
  1263 + content: url('images/right-arrow-black.png');
  1264 + left: 97px;
  1265 + top: 11px;
  1266 +}
  1267 +
  1268 +/*fim paginação*/
  1269 +
1252 1270  
1253 1271 #profile-header {
1254   - position: absolute; /* Corrige link de login */
  1272 + position: absolute; /* Corrige link de login */
1255 1273 }
1256 1274  
1257 1275 #public-profile-search, #profile-search-results form, .profile-search-block form {
... ... @@ -1315,6 +1333,11 @@ input.button.with-text {
1315 1333 max-height: 28px;
1316 1334 }
1317 1335  
  1336 +#content .button.with-text span{
  1337 + font-family: "open_sansregular", Arial, Helvetica, sans-serif;
  1338 + padding-right: 0;
  1339 +}
  1340 +
1318 1341 #content input.button, #content a.button {
1319 1342 background-color: #EEEEEE;
1320 1343 background-repeat: no-repeat;
... ... @@ -2337,14 +2360,14 @@ body.contraste.action-home-index #content .tags-block .block-inner-2, body.contr
2337 2360 }
2338 2361  
2339 2362 body.contraste.action-home-index #content .box-1 .block-title span, body.contraste.action-environment_design-index #content .box-1 .block-title span {
2340   - background-color: #000;
2341   - color: #FFF !important;
  2363 + background-color: #000;
  2364 + color: #FFF !important;
2342 2365 }
2343 2366  
2344 2367 body.contraste #logo #portal-title {
2345 2368 background-image: url("images/logotipo_spb_beta_ac.svg");
2346   - background-repeat: no-repeat;
2347   - background-size: 374px 78px;
  2369 + background-repeat: no-repeat;
  2370 + background-size: 374px 78px;
2348 2371 }
2349 2372  
2350 2373 body.contraste #accessibility span {
... ... @@ -2454,30 +2477,30 @@ body.contraste #portal-siteactions {
2454 2477 }
2455 2478  
2456 2479 body.contraste #complete_registration {
2457   - background-color: transparent;
  2480 + background-color: transparent;
2458 2481 }
2459 2482  
2460 2483 body.contraste tr:hover td {
2461   - background-color: #333;
  2484 + background-color: #333;
2462 2485 }
2463 2486  
2464 2487 body.contraste .action-friends-index .profile-list li:hover,
2465 2488 body.contraste .common-profile-list-block .vcard:hover {
2466   - border: 1px solid #CCC;
2467   - background: #333;
2468   - text-decoration: none;
  2489 + border: 1px solid #CCC;
  2490 + background: #333;
  2491 + text-decoration: none;
2469 2492 }
2470 2493  
2471 2494 body.contraste .menu-submenu-content {
2472   - border: 1px solid #CCC;
2473   - background: none #333 ;
  2495 + border: 1px solid #CCC;
  2496 + background: none #333 ;
2474 2497  
2475 2498 }
2476 2499  
2477 2500 body.contraste #user .logged-in {
2478   - background: none #333 ;
2479   - /* background: url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE; */
2480   - color: #fff;
  2501 + background: none #333 ;
  2502 + /* background: url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE; */
  2503 + color: #fff;
2481 2504 }
2482 2505  
2483 2506 body.contraste #social-icons #sb_face {
... ... @@ -2509,87 +2532,87 @@ body.contraste #social-icons #sb_flickr:hover {
2509 2532 }
2510 2533  
2511 2534 body.contraste .no-boxes-inner-2 {
2512   - background-color: #000!important;
2513   - color: #fff;
  2535 + background-color: #000!important;
  2536 + color: #fff;
2514 2537 }
2515 2538  
2516 2539 body.contraste #signup-form {
2517   - color: #fff;
  2540 + color: #fff;
2518 2541 }
2519 2542  
2520 2543 body.contraste #portal-searchbox {
2521   - border-color: #FFF;
2522   - background-color: #000;
  2544 + border-color: #FFF;
  2545 + background-color: #000;
2523 2546 }
2524 2547  
2525 2548 body.contraste #portal-searchbox .searchField {
2526   - background-color: #000;
2527   - color: #FFF !important;
  2549 + background-color: #000;
  2550 + color: #FFF !important;
2528 2551 }
2529 2552  
2530 2553 body.contraste #header input.searchButton {
2531   - background-color: #000;
2532   - background-position: 0px 2px;
  2554 + background-color: #000;
  2555 + background-position: 0px 2px;
2533 2556 }
2534 2557  
2535 2558 body.contraste #menucontainer {
2536   - background: #333;
2537   - color: #FFF !important;
  2559 + background: #333;
  2560 + color: #FFF !important;
2538 2561 }
2539 2562  
2540 2563 body.contraste #menucontainer ul li.parent_menu a {
2541   - color: #FFF !important;
  2564 + color: #FFF !important;
2542 2565 }
2543 2566  
2544 2567 body.contraste #content .no-boxes h1 {
2545   - color: #FFF !important;
  2568 + color: #FFF !important;
2546 2569 }
2547 2570  
2548 2571 body.contraste #signup-form .formfieldline,
2549 2572 body.contraste #signup-formfield-group,
2550 2573 body.contraste #signup-form .required-field label,
2551 2574 body.contraste #signup-form .formlabel {
2552   - background-color: #000;
2553   - color: #FFF !important;
  2575 + background-color: #000;
  2576 + color: #FFF !important;
2554 2577 }
2555 2578  
2556 2579 body.contraste .pseudoformlabel,
2557 2580 body.contraste .formlabel {
2558   - color: #FFF;
  2581 + color: #FFF;
2559 2582 }
2560 2583  
2561 2584 body.contraste #signup-form {
2562   - border-color: #FFF;
2563   - background-color: #000;
  2585 + border-color: #FFF;
  2586 + background-color: #000;
2564 2587 }
2565 2588  
2566 2589 body.contraste #signup-form .formfield input,
2567 2590 body.contraste #signup-form .formfield textarea {
2568   - background-color: #000;
2569   - color: #FFF !important;
  2591 + background-color: #000;
  2592 + color: #FFF !important;
2570 2593 }
2571 2594  
2572 2595 body.contraste #signup-domain {
2573   - border-color: #FFF;
2574   - background-color: #000;
2575   - color: #FFF !important;
  2596 + border-color: #FFF;
  2597 + background-color: #000;
  2598 + color: #FFF !important;
2576 2599 }
2577 2600  
2578 2601 body.contraste .ui-state-default,
2579 2602 body.contraste .ui-widget-content .ui-state-default,
2580 2603 body.contraste .ui-widget-header .ui-state-default {
2581   - border: 1px solid #FFF;
2582   - background-color: #000;
2583   - color: #FFF !important;
  2604 + border: 1px solid #FFF;
  2605 + background-color: #000;
  2606 + color: #FFF !important;
2584 2607 }
2585 2608  
2586 2609 body.contraste .agenda-tile .title {
2587   - border-bottom: 1px solid #FFF;
2588   - color: #FFF;
  2610 + border-bottom: 1px solid #FFF;
  2611 + color: #FFF;
2589 2612 }
2590 2613  
2591 2614 body.contraste .agenda-tile .period {
2592   - color: #FFF;
  2615 + color: #FFF;
2593 2616 }
2594 2617  
2595 2618 /*botão rss*/
... ... @@ -2881,3 +2904,644 @@ body.action-embed-index {
2881 2904 padding-right: 150px;
2882 2905 }
2883 2906  
  2907 +div.software-step-info div.current-step h3 {
  2908 + color: #F50054;
  2909 +}
  2910 +
  2911 +#content .main-block div.software-step-info div.another-step h3 {
  2912 + font-size: 12px !important;
  2913 +}
  2914 +
  2915 +/************************* MAIN PAGE REVIEW *******************************/
  2916 +
  2917 +#content ul li.news-call .title {
  2918 + font-weight: 700;
  2919 + padding-right: 0px;
  2920 +}
  2921 +
  2922 +/** Blog temporary adjusts**/
  2923 +
  2924 +#content .blog-posts{
  2925 + margin-top: 0;
  2926 +}
  2927 +
  2928 +#content .blog-post{
  2929 + background: none;
  2930 +}
  2931 +
  2932 +#content .blog-post h1.title {
  2933 + margin-top: 0 !important;
  2934 +}
  2935 +
  2936 +#content .blog-post .publishing-info{
  2937 + border-top: 1px solid #D7D7D7;
  2938 + padding-top: 25px;
  2939 + margin-top: 25px;
  2940 + font-size: 12px;
  2941 + color: #2C66CE;
  2942 + font-family: arial;
  2943 +}
  2944 +
  2945 +#content .main-block .publishing-info a{
  2946 + color: #2C66CE;
  2947 + font-family: arial;
  2948 +}
  2949 +
  2950 +#content .main-content {
  2951 + border: none;
  2952 + box-shadow: none;
  2953 +}
  2954 +
  2955 +/** Software pages - temporary adjusts **/
  2956 +
  2957 +.controller-content_viewer.profile-homepage #article hr{
  2958 + display: none;
  2959 +}
  2960 +
  2961 +#content .main-block #article .folder-content .item-info {
  2962 + border-top: none;
  2963 + border-bottom: 1px solid #ccc;
  2964 + margin-bottom: -1px;
  2965 +}
  2966 +
  2967 +#content .main-block #article .folder-content .item-icon {
  2968 + background-image: url("images/download-mini_icon.png");
  2969 + border-radius: 4px;
  2970 + margin-right: 0px;
  2971 + margin-top: 2px;
  2972 + padding: 45px 40px 4px 10px;
  2973 +}
  2974 +
  2975 +#content .main-block #article .folder-content .item-info {
  2976 + padding: 30px 20px 32px 0px;
  2977 +}
  2978 +
  2979 +#content .main-block #article .folder-content .item-info a {
  2980 + font-size: 18px;
  2981 + font-family: Arial;
  2982 + font-weight: 700;
  2983 + color: #172938;
  2984 + /* letter-spacing: -0.1px; */
  2985 +}
  2986 +
  2987 +#content .main-block #article .folder-content .item-description {
  2988 + padding-left: 0px;
  2989 + margin-left: 65px;
  2990 +}
  2991 +
  2992 +#content .main-block #article .folder-content .item-date {
  2993 + padding-left: 0px;
  2994 + margin-left: 65px;
  2995 +}
  2996 +
  2997 +.action-cms-upload_files #content .main-block .button-bar .icon-add {
  2998 + color: #fff;
  2999 +}
  3000 +
  3001 +.action-cms-upload_files #content .main-block .icon-add:before{
  3002 + display: none;
  3003 +}
  3004 +
  3005 +#content .main-block #article .pagination {
  3006 + margin-top: 50px;
  3007 + padding-top: 35px;
  3008 + border-top: 3px solid #2C4B6B;
  3009 +}
  3010 +
  3011 +li.folder-item:first-child {
  3012 + border-top: 1px solid #ccc;
  3013 +}
  3014 +
  3015 +/***** Estilização do aviso de campos obrigatórios na página de edição da página de ajuda *****/
  3016 +
  3017 +.text-editor-sidebar {
  3018 + top: 0px;
  3019 + margin-top: 30px;
  3020 + margin-left: 650px;
  3021 + max-height: 45px;
  3022 + overflow: hidden;
  3023 +}
  3024 +
  3025 +#content .main-content form p .required-field .pseudoformlabel {
  3026 + color: #FF0366;
  3027 + font-weight: 500;
  3028 +}
  3029 +
  3030 +#content .main-content form p .required-field {
  3031 + max-width: 520px;
  3032 + padding: 15px 20px;
  3033 + margin: 20px 0 30px 0;
  3034 + border: 1px dotted #ccc;
  3035 + border-left: 5px solid #FF0366;
  3036 + border-radius: 3px;
  3037 + display: block;
  3038 + background: #fff;
  3039 + line-height: 20px;
  3040 + font-size: 13px;
  3041 +}
  3042 +
  3043 +.main-block form {
  3044 + font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  3045 + font-size: 14px;
  3046 +}
  3047 +
  3048 +#content .main-content form label.formlabel,
  3049 +#content .main-content form .article-translation-field {
  3050 + font-size: 14px;
  3051 + margin-bottom: 5px;
  3052 + color: #231f20;
  3053 +}
  3054 +
  3055 +#content .main-content form .article-translation-field {
  3056 + margin-top: 25px;
  3057 + margin-bottom: 15px;
  3058 +}
  3059 +
  3060 +#content .main-content form .required-field .formlabel:after {
  3061 + color: #FF0366;
  3062 + font-weight: 500;
  3063 +}
  3064 +
  3065 +#content .article-translation-field #article_language {
  3066 + margin-top: 10px;
  3067 +}
  3068 +
  3069 +#content #article_image_builder_uploaded_data {
  3070 + text-indent: 2px;
  3071 + font-size: 12px;
  3072 + height: 21px;
  3073 +}
  3074 +
  3075 +#content #edit-article-options div div {
  3076 + margin-top: 13px;
  3077 + margin-bottom: 13px;
  3078 +}
  3079 +
  3080 +#content #edit-article-options h4 {
  3081 + font-family: "open_sansbold", Arial, Helvetica, sans-serif;
  3082 +}
  3083 +
  3084 +#content .formfield input,
  3085 +#content #edit-article-options .token-input-list li {
  3086 + border: 1px solid #ccc;
  3087 + border-radius: 4px;
  3088 + height: 19px;
  3089 + padding: 6px;
  3090 +}
  3091 +
  3092 +#content #edit-article-options .token-input-list {
  3093 + border: none;
  3094 + margin-top: 10px;
  3095 +}
  3096 +
  3097 +#content #edit-article-options .token-input-list li input:first-child {
  3098 + height: 10px;
  3099 + padding-right: 0px;
  3100 +}
  3101 +
  3102 +#content #edit-article-options label{
  3103 + margin-left: 5px;
  3104 +}
  3105 +
  3106 +#content #edit-article-options input{
  3107 + margin-right: 0;
  3108 +}
  3109 +
  3110 +#content #content-inner #boxes #fetch-external-feed {
  3111 + padding-left: 20px;
  3112 +}
  3113 +
  3114 +#content #content-inner #boxes #fetch-external-feed > input {
  3115 + height: 13px;
  3116 + margin: 8px 8px 8px 0px;
  3117 + vertical-align: middle;
  3118 + width: 13px;
  3119 +}
  3120 +
  3121 +#boxes #fetch-external-feed #external-feed-options #external-feed-options-only-once input {
  3122 + margin-right: 3px;
  3123 + width: 13px;
  3124 + vertical-align: middle;
  3125 +}
  3126 +
  3127 +#boxes #fetch-external-feed #external-feed-options #external-feed-options-only-once label {
  3128 + margin-right: 250px;
  3129 +}
  3130 +
  3131 +#content #article-formitem #article_slug {
  3132 + width: 20%;
  3133 +}
  3134 +
  3135 +.main-content form small {
  3136 + padding-left: 5px;
  3137 +}
  3138 +
  3139 +input[type=checkbox] {
  3140 + margin-left: 0px;
  3141 +}
  3142 +
  3143 +#content #content-inner .button.icon-add.with-text.lead-button {
  3144 + border: 1px solid #CCCCCC;
  3145 + background: url(/assets/designs/icons/tango/Tango/16x16/actions/add.png) no-repeat;
  3146 + color: #555;
  3147 + background-position: 5px;
  3148 +}
  3149 +
  3150 +#content #content-inner .button.icon-add.with-text.lead-button:hover {
  3151 + background-color: #fff;
  3152 +}
  3153 +
  3154 +#content #content-inner .button.icon-add.with-text.lead-button:before{
  3155 + content:"";
  3156 +}
  3157 +
  3158 +/******************** RELATO DE USO - AVALIAÇÃO DO USUÁRIO **********************/
  3159 +
  3160 +/*.main-content {
  3161 + background-image: url('images/tela_listagem_relato_uso_v3.jpg');
  3162 + background-repeat: no-repeat;
  3163 + padding: 0px;
  3164 +}*/
  3165 +
  3166 +#content .main-content .star-page-title .title {
  3167 + font-size: 34px !important;
  3168 +}
  3169 +
  3170 +#content .main-content .star-rate-data {
  3171 + border-top: 1px solid #D3D6DE !important;
  3172 + color: #172738;
  3173 + margin-top: 16px;
  3174 + padding-top: 29px;
  3175 +}
  3176 +
  3177 +#content .main-content .star-rate-data .star-rate-form .star-rate-text,
  3178 +#content .main-content .star-rate-data .star-rate-form .star-container {
  3179 + display: inline;
  3180 + float: left;
  3181 +}
  3182 +
  3183 +#content .main-content .star-rate-data .star-rate-form .star-container {
  3184 + width: inherit;
  3185 + height: 30px;
  3186 + padding-left: 6px;
  3187 +}
  3188 +
  3189 +#content .main-content .star-rate-data .star-rate-form {
  3190 + padding-left: 37px;
  3191 + letter-spacing: 0.1px;
  3192 + width: 100%;
  3193 +}
  3194 +
  3195 +#content .main-content .star-rate-data .star-rate-form .star-rate-text {
  3196 + font-size: 14px;
  3197 + padding-top: 4px;
  3198 +}
  3199 +
  3200 +#content .main-content .star-rate-data .star-profile-information {
  3201 + padding-left: 15px;
  3202 + width: 79px;
  3203 +}
  3204 +
  3205 +#content .main-content .star-rate-data .star-profile-information .star-profile-image {
  3206 + padding-top: 1px;
  3207 +}
  3208 +
  3209 +#content .main-content .star-rate-data .star-profile-information .star-profile-image img {
  3210 + border-radius: 4px;
  3211 + height: 60px;
  3212 + width: 60px;
  3213 +}
  3214 +
  3215 +#content .main-content .star-rate-data .star-rate-form .star-container .star-positive {
  3216 + background-image: url('images/star-positive-big.png');
  3217 +}
  3218 +
  3219 +#content .main-content .star-rate-data .star-rate-form .star-container .star-negative {
  3220 + background-image: url('images/star-negative-big.png');
  3221 +}
  3222 +
  3223 +#content .main-content .star-rate-data .star-rate-form .star-container .star-positive,
  3224 +#content .main-content .star-rate-data .star-rate-form .star-container .star-negative {
  3225 + display: table-cell;
  3226 + margin-right: 0px;
  3227 + height: 30px;
  3228 + width: 28px;
  3229 +}
  3230 +
  3231 +#content .main-content .star-rate-data .star-rate-form .star-comment-container {
  3232 + padding-top: 23px;
  3233 +}
  3234 +
  3235 +#content .main-content .star-rate-data .star-rate-form .star-comment-container .formlabel {
  3236 + letter-spacing: -0.2px;
  3237 + margin-bottom: 2px;
  3238 +}
  3239 +
  3240 +#content .main-content .star-rate-data .star-rate-form .star-comment-container #comments_body {
  3241 + border-radius: 4px;
  3242 + height: 91px;
  3243 +}
  3244 +
  3245 +#content .main-content .star-rate-data .star-rate-form .star-comment-container .button-bar input {
  3246 + background-color: #3E67B1 !important;
  3247 + font-weight: 700;
  3248 + height: 31px;
  3249 + margin-top: 10px;
  3250 + text-transform: uppercase;
  3251 +}
  3252 +
  3253 +#content .main-content .star-rate-data .star-rate-form .star-comment-container .button-bar a {
  3254 + display: none;
  3255 +}
  3256 +
  3257 +#content .main-content .star-rate-data .star-rate-form .star-comment-container .button-bar {
  3258 + margin-top: 0px;
  3259 + padding-bottom: 50px;
  3260 + padding-top: 10px;
  3261 +}
  3262 +
  3263 +#content .main-content .star-rate-data .star-rate-form .star-notice {
  3264 + float: left;
  3265 + margin-top: 10px;
  3266 + margin-left: 10px;
  3267 +}
  3268 +
  3269 +#content .star-rate-form .star-comment-container .comments-software-extra-fields {
  3270 + overflow: auto;
  3271 +}
  3272 +
  3273 +#content .star-rate-form .star-comment-container .comments-software-extra-fields #input_institution_comments {
  3274 + margin-bottom: 19px;
  3275 + margin-top: 16px;
  3276 +}
  3277 +
  3278 +#content .star-rate-form .star-comment-container .comments-software-extra-fields #input_institution_comments label {
  3279 + font-size: 12px;
  3280 +}
  3281 +
  3282 +#content .star-rate-form .star-comment-container .comments-software-extra-fields #input_institution_comments input {
  3283 + margin-top: 3px;
  3284 + padding: 4px 3px 3px 3px;
  3285 + width: 366px;
  3286 +}
  3287 +
  3288 +#content .star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-people-benefited,
  3289 +#content .star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-saved-values {
  3290 + font-size: 12px;
  3291 + float: left;
  3292 + padding-right: 20px;
  3293 +}
  3294 +
  3295 +#content .star-rate-form .star-comment-container form .formfieldline {
  3296 + margin-bottom: 17px;
  3297 +}
  3298 +
  3299 +#content .star-rate-form .star-comment-container .comments-display-fields {
  3300 + border-bottom: 1px dotted #D3D6DE;
  3301 + overflow: auto;
  3302 +}
  3303 +
  3304 +#content .star-rate-form .star-comment-container .comments-display-fields span#comments-additional-information {
  3305 + color: #172738;
  3306 + display: block;
  3307 + float: left;
  3308 + font-size: 14px;
  3309 + font-weight: 700;
  3310 + padding-bottom: 4px;
  3311 +}
  3312 +
  3313 +#content .star-rate-form .star-comment-container .comments-display-fields span.comments-arrow-up {
  3314 + content: url('images/top-arrow-black.png');
  3315 + float: right;
  3316 + padding-top: 7px;
  3317 + padding-right: 6px;
  3318 +}
  3319 +
  3320 +#content .star-rate-form .star-comment-container .comments-display-fields span.comments-arrow-down {
  3321 + content: url('images/bottom-arrow-black.png');
  3322 + float: right;
  3323 + padding-top: 7px;
  3324 + padding-right: 6px;
  3325 +}
  3326 +
  3327 +#content .star-rate-form .star-comment-container .comments-software-extra-fields #comments_people_benefited,
  3328 +#content .star-rate-form .star-comment-container .comments-software-extra-fields #comments_saved_value {
  3329 + width: 167px;
  3330 + padding: 4px;
  3331 + margin-top: 4px;
  3332 +}
  3333 +
  3334 +#content .star-rate-form .star-comment-container .star-tooltip {
  3335 + content: '?';
  3336 + border-radius: 90%;
  3337 + font-size: 12px;
  3338 + font-weight: 700;
  3339 + background: #3867b7;
  3340 + color: #fff;
  3341 + margin-left: 4px;
  3342 + padding: 0px 6px;
  3343 +}
  3344 +
  3345 +/* IMAGEM DE REFERÊNCIA
  3346 +.star-rate-data {
  3347 + background-image: url('images/validacao_frontend_relato_de_uso.jpg');
  3348 + background-repeat: no-repeat;
  3349 +}
  3350 +*/
  3351 +.ratings-list {
  3352 + /*background-image: url('images/tela_listagem_relato_uso_v4_fechado.jpg');*/
  3353 + /*background-image: url('images/print_listagem.jpg');*/
  3354 + background-repeat: no-repeat;
  3355 +}
  3356 +
  3357 +.ratings-list {
  3358 + color: #172738;
  3359 + font-family: Arial, Helvetica, "open_sansregular", sans-serif;
  3360 +}
  3361 +
  3362 +.ratings-list .user-rating-block {
  3363 + padding-bottom: 23px;
  3364 + padding-top: 32px;
  3365 + margin-top: 10px;
  3366 +}
  3367 +
  3368 +.ratings-list .star-profile-information {
  3369 + padding-right: 15px;
  3370 + padding-top: 1px;
  3371 + width: 99px;
  3372 +}
  3373 +
  3374 +.ratings-list .user-rating-block .star-profile-information .star-profile-name {
  3375 + line-height: 16px;
  3376 + width: 70px;
  3377 +}
  3378 +
  3379 +.ratings-list .star-profile-information .star-profile-image img {
  3380 + border-radius: 4px;
  3381 + height: 60px;
  3382 +}
  3383 +
  3384 +.ratings-list .user-rating-block .user-testimony-container .user-testimony {
  3385 + font-size: 16px;
  3386 + line-height: 20px;
  3387 + margin-top: 12px;
  3388 +}
  3389 +
  3390 +.star-rate-data .star-rate-form .star-comment-container .formfield textarea {
  3391 + width: 100%;
  3392 +}
  3393 +
  3394 +.ratings-list .user-rating-block .user-testimony-container .testimony-rate-date {
  3395 + padding-right: 198px;
  3396 +}
  3397 +
  3398 +.ratings-list .star-container {
  3399 + margin-top: 4px;
  3400 +}
  3401 +
  3402 +.ratings-list .star-container .small-star-positive,
  3403 +.ratings-list .star-container .small-star-negative {
  3404 + margin-right: 3px;
  3405 +}
  3406 +
  3407 +.ratings-list .user-rating-block .user-testimony-container .testimony-rate-date {
  3408 + display: block;
  3409 + float: left;
  3410 + margin-top: 2px;
  3411 +}
  3412 +
  3413 +.ratings-list .user-rating-block .user-testimony-container .aditional-informations {
  3414 + margin-top: 10px;
  3415 +}
  3416 +
  3417 +#content .ratings-title .block-title {
  3418 + background: none;
  3419 + border-top: none;
  3420 + color: #172738;
  3421 + font-size: 20px;
  3422 + font-weight: 700;
  3423 + letter-spacing: 1.8px;
  3424 + padding: 0px 0px 0px 4px;
  3425 +}
  3426 +
  3427 +.ratings-list .make-report-block {
  3428 + /*background-image: url('images/test.jpg');*/
  3429 + background-repeat: no-repeat;
  3430 + padding-top: 32px;
  3431 +}
  3432 +
  3433 +.make-report-block .star-profile-information {
  3434 + padding-right: 13px;
  3435 +}
  3436 +
  3437 +.make-report-block .star-profile-information .star-profile-name {
  3438 + margin-top: 8px;
  3439 + width: 70px;
  3440 +}
  3441 +
  3442 +.ratings-list .make-report-block .make-report-container {
  3443 + padding-top: 2px;
  3444 +}
  3445 +
  3446 +.ratings-list .make-report-block .make-report-container .make-report-message {
  3447 + font-size: 18px;
  3448 +}
  3449 +
  3450 +.ratings-list .make-report-block .make-report-container .button-bar {
  3451 + padding-top: 6px;
  3452 +}
  3453 +
  3454 +.ratings-list .make-report-block .make-report-container .alert {
  3455 + margin-top: 37px;
  3456 + padding-left: 1px;
  3457 +}
  3458 +
  3459 +.ratings-list .make-report-block .make-report-container .button-bar a {
  3460 + background-color: #3E67B1 !important;
  3461 + background-image: none;
  3462 + color: #fff !important;
  3463 + font-weight: 700;
  3464 + font-size: 14px;
  3465 + height: 31px;
  3466 + padding: 0px 7px 0px 7px;
  3467 + text-transform: uppercase;
  3468 +}
  3469 +
  3470 +.ratings-list a.icon-arrow-right-p {
  3471 + background: none;
  3472 + /*background-image: url('images/teste2.jpg');*/
  3473 + color: #172738 !important;
  3474 + font-family: 'Open Sans';
  3475 + font-size: 11px;
  3476 + float: none;
  3477 + margin-top: 0px;
  3478 + padding-right: 0px;
  3479 + padding-top: 22px;
  3480 + padding-bottom: 20px;
  3481 + text-align: right;
  3482 + text-transform: uppercase;
  3483 +}
  3484 +
  3485 +.ratings-list a.icon-arrow-right-p:after {
  3486 + background-color: #3E67B1 !important;
  3487 + border-radius: 4px;
  3488 + content: url('images/right-arrow.png');
  3489 + font-size: 15px;
  3490 + line-height: 20px;
  3491 + margin-left: 9px;
  3492 + padding-left: 8px;
  3493 + padding-right: 5px;
  3494 + text-align: center;
  3495 +}
  3496 +
  3497 +/*********************** PÁGINA DE AJUDA ***********************/
  3498 +
  3499 +#content .main-content .tiny-mce-article .article-body-tiny-mce-article ul.help-list li {
  3500 + list-style-type: none;
  3501 + padding-bottom: 5px;
  3502 +}
  3503 +
  3504 +#content .main-content .tiny-mce-article .article-body-tiny-mce-article ul.help-list li a[href="#faq"]:before {
  3505 + content: url('images/arrow-globe-icon.png');
  3506 + vertical-align: middle;
  3507 + padding-right: 5px;
  3508 +}
  3509 +
  3510 +#content .main-content .tiny-mce-article .article-body-tiny-mce-article ul.help-list li a[href="#lista-discussao"]:before {
  3511 + content: url('images/balloon-icon.png');
  3512 + vertical-align: middle;
  3513 + padding-left: 3px;
  3514 + padding-right: 6px;
  3515 +}
  3516 +
  3517 +#content .main-content .tiny-mce-article .article-body-tiny-mce-article ul.help-list li a {
  3518 + color: #2c66ce;
  3519 + font-size: 15px;
  3520 +}
  3521 +
  3522 +#content .main-content .tiny-mce-article .article-body-tiny-mce-article ul.help-list {
  3523 + border-top: 1px solid #D3D6DE;
  3524 + padding-top: 21px;
  3525 +}
  3526 +
  3527 +#content .main-content .tiny-mce-article .article-body-tiny-mce-article {
  3528 + /*background-image: url('images/ajuda_teste_2.png');*/
  3529 +}
  3530 +
  3531 +#content .main-content .tiny-mce-article .article-body-tiny-mce-article p {
  3532 + margin-bottom: 28px;
  3533 +}
  3534 +
  3535 +#content .main-content .tiny-mce-article .article-body-tiny-mce-article .article-header h1.help-page-title {
  3536 + border-top: none !important;
  3537 + font-size: 26px !important;
  3538 + letter-spacing: -0.1px;
  3539 + line-height: 30px !important;
  3540 + margin-top: 0px !important;
  3541 + padding-top: 0px !important;
  3542 + margin-bottom: 30px !important;
  3543 +}
  3544 +
  3545 +#content .main-content .tiny-mce-article .article-body-tiny-mce-article p a {
  3546 + color: #2c66ce;
  3547 +}
... ...
theme.js
  Diff comments   View file @db2bf07
... ... @@ -118,10 +118,108 @@ $(&#39;#link-buscar&#39;).click(function(e) {
118 118 });
119 119 }
120 120  
  121 + function insert_notice_div(){
  122 + var notice = $('.display-content-block').find('li');
  123 + notice.each(function(){
  124 + var $set = $(this).children();
  125 + for(var i=1, len = $set.length; i < len; i+=5){
  126 + $set.slice(i, i+5).wrapAll('<div class="notice-item"/>');
  127 + }
  128 + for(var i=2, len = $set.length; i < len; i+=3){
  129 + $set.slice(i, i+3).wrapAll('<div class="notice-info"/>');
  130 + }
  131 + //$('<div class="notice-item"></div>').wrap($(this).find( '.image', '.title', '.lead', '.read_more'));
  132 + });
  133 +
  134 +
  135 + }
  136 +
  137 + /* Finds all uploaded files from manuals page and sets its names on the right format */
  138 + function set_uploaded_files_names() {
  139 + try {
  140 + var article = document.getElementById('article');
  141 + var folderList = article.getElementsByClassName('folder-content')[0];
  142 + var folderItens = folderList.getElementsByClassName('item-description');
  143 +
  144 + for(var i = 0; i < folderItens.length; i++) {
  145 + split_file_extension(folderItens[i].getElementsByTagName('a')[0]);
  146 + }
  147 + } catch(e) {
  148 +
  149 + }
  150 + }
  151 +
  152 + /* Splits a file name from its extension. Example: example.pdf becomes example - PDF */
  153 + function split_file_extension(element) {
  154 + var tokens = element.innerHTML.split('.');
  155 + if(tokens.length == 2) {
  156 + var fileName = tokens[0];
  157 + var fileExtension = tokens[1].toUpperCase();
  158 + element.innerHTML = fileName + " - " + fileExtension;
  159 + }
  160 + }
  161 +
  162 + function set_tooltip_content() {
  163 + $('.star-tooltip').html("?");
  164 + }
  165 +
  166 + function set_arrow_direction() {
  167 + var additional_data_bar = $('#comments-additional-information');
  168 + var arrow = $('.comments-arrow-down');
  169 + var state = 0;
  170 +
  171 + additional_data_bar.on('click', function() {
  172 + if(state === 0) {
  173 + arrow.attr('class', "comments-arrow-up")
  174 + state = 1;
  175 + } else {
  176 + state = 0;
  177 + arrow.attr('class', "comments-arrow-down");
  178 + }
  179 + });
  180 + }
  181 +
  182 + function set_use_report_content() {
  183 + $('.make-report-block .make-report-container .button-bar a span').html('avaliar o software');
  184 + $('.make-report-block .make-report-container .make-report-message').html('Relate sua experiência ou do órgão/empresa com relação ao software.');
  185 + $('.ratings-list .see-more a.icon-arrow-right-p').html('veja todos os relatos');
  186 + $('.main-content .star-rate-data .star-rate-form .star-comment-container .button-bar input').attr('value', 'enviar relato');
  187 + }
  188 +
  189 + function add_top_tooltips(){
  190 + $('#content span[title]').attr("data-toggle","tooltip");
  191 +
  192 + $('[data-toggle="tooltip"]').tooltip({
  193 + position: {
  194 + my: "center bottom-13",
  195 + at: "center top"
  196 + },
  197 + tooltipClass: "ui-tooltip-top"
  198 + });
  199 + }
  200 +
  201 + function add_bottom_tooltips(){
  202 + $('#content span[title]').attr("data-toggle","tooltip");
  203 +
  204 + $('[data-toggle="tooltip"]').tooltip({
  205 + position: {
  206 + my: "center top+13",
  207 + at: "center bottom"
  208 + },
  209 + tooltipClass: "ui-tooltip-bottom"
  210 + });
  211 + }
  212 +
121 213 $(document).ready(function(){
  214 + add_top_tooltips();
122 215 set_events();
123 216 move_article_buttons();
124 217 add_link_to_article_div();
  218 + insert_notice_div();
  219 + set_uploaded_files_names();
  220 + set_tooltip_content();
  221 + set_arrow_direction();
  222 + set_use_report_content();
125 223 });
126 224 })(jQuery);
127 225  
... ...
token-input.css 0 → 100644
  Diff comments   View file @db2bf07
... ... @@ -0,0 +1,116 @@
  1 +/* Example tokeninput style #1: Token vertical list*/
  2 +ul.token-input-list {
  3 + overflow: hidden;
  4 + height: auto !important;
  5 + height: 1%;
  6 + width: 400px;
  7 + border: 1px solid #999;
  8 + cursor: text;
  9 + font-size: 12px;
  10 + font-family: Verdana;
  11 + z-index: 999;
  12 + margin: 0;
  13 + padding: 0;
  14 + background-color: #fff;
  15 + list-style-type: none;
  16 + clear: left;
  17 +}
  18 +
  19 +ul.token-input-list li {
  20 + list-style-type: none;
  21 +}
  22 +
  23 +ul.token-input-list li input {
  24 + border: 0;
  25 + width: 350px;
  26 + padding: 3px 8px;
  27 + background-color: white;
  28 + -webkit-appearance: caret;
  29 +}
  30 +
  31 +li.token-input-token {
  32 + overflow: hidden;
  33 + height: auto !important;
  34 + height: 1%;
  35 + margin: 3px;
  36 + padding: 3px 5px;
  37 + background-color: #d0efa0;
  38 + color: #000;
  39 + font-weight: bold;
  40 + cursor: default;
  41 + display: block;
  42 +}
  43 +
  44 +li.token-input-token p {
  45 + float: left;
  46 + padding: 0;
  47 + margin: 0;
  48 +}
  49 +
  50 +li.token-input-token span {
  51 + float: right;
  52 + color: #777;
  53 + cursor: pointer;
  54 +}
  55 +
  56 +li.token-input-selected-token {
  57 + background-color: #08844e;
  58 + color: #fff;
  59 +}
  60 +
  61 +li.token-input-selected-token span {
  62 + color: #bbb;
  63 +}
  64 +
  65 +div.token-input-dropdown {
  66 + position: absolute;
  67 + width: 400px;
  68 + background-color: #fff;
  69 + overflow: auto;
  70 + border-left: 1px solid #ccc;
  71 + border-right: 1px solid #ccc;
  72 + border-bottom: 1px solid #ccc;
  73 + cursor: default;
  74 + font-size: 12px;
  75 + font-family: Verdana;
  76 + z-index: 1;
  77 +}
  78 +
  79 +div.token-input-dropdown p {
  80 + margin: 0;
  81 + padding: 5px;
  82 + font-weight: bold;
  83 + color: #777;
  84 +}
  85 +
  86 +div.token-input-dropdown ul {
  87 + margin: 0;
  88 + padding: 0;
  89 +}
  90 +
  91 +div.token-input-dropdown ul li {
  92 + background-color: #fff;
  93 + padding: 3px;
  94 + list-style-type: none;
  95 +}
  96 +
  97 +div.token-input-dropdown ul li.token-input-dropdown-item {
  98 + background-color: #fafafa;
  99 +}
  100 +
  101 +div.token-input-dropdown ul li.token-input-dropdown-item2 {
  102 + background-color: #fff;
  103 +}
  104 +
  105 +div.token-input-dropdown ul li em {
  106 + font-weight: bold;
  107 + font-style: normal;
  108 +}
  109 +
  110 +div.token-input-dropdown ul li.token-input-selected-dropdown-item {
  111 + background-color: #d0efa0;
  112 +}
  113 +.token-input-blur-text {
  114 + font-style: italic;
  115 + color: #AAA;
  116 +}
... ...
tooltip.css 0 → 100644
  Diff comments   View file @db2bf07
... ... @@ -0,0 +1,40 @@
  1 +.ui-tooltip {
  2 + position: relative;
  3 + z-index: 1070;
  4 + font-family: Arial, sans-serif;
  5 + font-size: 13px;
  6 + background: #172638;
  7 + color: white;
  8 + padding: 15px 10px 15px 20px;
  9 + border: 0px !important;
  10 + width: -moz-fit-content;
  11 + width: -webkit-fit-content;
  12 + width: fit-content;
  13 + max-width:280px;
  14 +}
  15 +
  16 +.ui-tooltip-bottom:after {
  17 + bottom: 100%;
  18 + left: 50%;
  19 + border: solid transparent;
  20 + content: " ";
  21 + height: 0;
  22 + width: 0;
  23 + position: absolute;
  24 + border-bottom-color: #172638;
  25 + border-width: 6px;
  26 + margin-left: -6px;
  27 +}
  28 +
  29 +.ui-tooltip-top:after {
  30 + top: 100%;
  31 + left: 50%;
  32 + border: solid transparent;
  33 + content: " ";
  34 + height: 0;
  35 + width: 0;
  36 + position: absolute;
  37 + border-top-color: #172638;
  38 + border-width: 6px;
  39 + margin-left: -6px;
  40 +}
... ...