Merge Request #3

← To merge requests From portal-fga:news_page_css into softwarepublico:news_page_css
Merged
softwarepublico/noosfero-spb-theme!3
Created by Eduardo Vital

News page css

Improved news style.

Assignee: None
Milestone: Implementar design das páginas de notícia e blog

Merged by Melissa Wen

Commits (27)
3 participants
priority normal
Showing 18 changed files   Show diff stats
cabecalho-cinza-theme.css
  Diff comments   Edit   View file @dde6aa9
1 @import url(http://fonts.googleapis.com/css?family=Open+Sans); 1 @import url(http://fonts.googleapis.com/css?family=Open+Sans);
2 2
3 a:link, #content a:link, dl.portlet a:link { 3 a:link, #content a:link, dl.portlet a:link {
4 - color: #2c67cd; 4 + color: #172738;
5 /*border-bottom: none;*/ 5 /*border-bottom: none;*/
6 } 6 }
7 7
@@ -24,7 +24,7 @@ tr:hover td { @@ -24,7 +24,7 @@ tr:hover td {
24 24
25 #theme-header{} 25 #theme-header{}
26 26
27 -#header { 27 +#theme-header #header {
28 padding: 15px 0 0 0; /*13px 0 0 0;*/ 28 padding: 15px 0 0 0; /*13px 0 0 0;*/
29 color: #000; 29 color: #000;
30 background-color:#f0f2f1; /*rgb(236,237,241);*/ 30 background-color:#f0f2f1; /*rgb(236,237,241);*/
@@ -32,19 +32,19 @@ tr:hover td { @@ -32,19 +32,19 @@ tr:hover td {
32 background-image: -webkit-radial-gradient(center, ellipse cover, #f0f2f1 1%, #ecedf1 100%) 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 max-width: 960px; 36 max-width: 960px;
37 min-width: 960px; 37 min-width: 960px;
38 margin: 0 auto; 38 margin: 0 auto;
39 } 39 }
40 40
41 -.header-content * { 41 +#theme-header .header-content * {
42 margin: 0; 42 margin: 0;
43 padding: 0; 43 padding: 0;
44 list-style: none; 44 list-style: none;
45 vertical-align: baseline; 45 vertical-align: baseline;
46 } 46 }
47 -.header-content li { display: inline; } 47 +#theme-header .header-content li { display: inline; }
48 48
49 #brasilgov { 49 #brasilgov {
50 background: #00510f; 50 background: #00510f;
@@ -53,7 +53,7 @@ tr:hover td { @@ -53,7 +53,7 @@ tr:hover td {
53 color: #03316f; 53 color: #03316f;
54 } 54 }
55 55
56 -#accessibility { 56 +#theme-header #accessibility {
57 display: block !important; 57 display: block !important;
58 float: left; 58 float: left;
59 font-family: arial; 59 font-family: arial;
@@ -61,15 +61,15 @@ tr:hover td { @@ -61,15 +61,15 @@ tr:hover td {
61 width: 50%; 61 width: 50%;
62 } 62 }
63 63
64 -#accessibility a { 64 +#theme-header #accessibility a {
65 /*color:# ;rgb(96,96,96);*//*#FFF; */ 65 /*color:# ;rgb(96,96,96);*//*#FFF; */
66 margin-right: 8px; 66 margin-right: 8px;
67 } 67 }
68 -#accessibility a:hover { 68 +#theme-header #accessibility a:hover {
69 /*color:/*#969696;*/ /*#d0d9ff;*/ 69 /*color:/*#969696;*/ /*#d0d9ff;*/
70 } 70 }
71 71
72 -#accessibility span { 72 +#theme-header #accessibility span {
73 background: none repeat scroll 0 0 #2c66ce; /*rgb(96,96,96);*/ 73 background: none repeat scroll 0 0 #2c66ce; /*rgb(96,96,96);*/
74 color: #FFFFFF; 74 color: #FFFFFF;
75 padding: 0 3px; 75 padding: 0 3px;
@@ -87,28 +87,28 @@ background-repeat: no-repeat; @@ -87,28 +87,28 @@ background-repeat: no-repeat;
87 }*/ 87 }*/
88 88
89 /* logo */ 89 /* logo */
90 -#logo { 90 +#theme-header #logo {
91 padding: 0; 91 padding: 0;
92 float: left; 92 float: left;
93 width: 50%; /*70%;*/ 93 width: 50%; /*70%;*/
94 } 94 }
95 95
96 -#logo span { 96 +#theme-header #logo span {
97 display: block; 97 display: block;
98 } 98 }
99 99
100 -#logo a { 100 +#theme-header #logo a {
101 display: block; 101 display: block;
102 width: 100%; 102 width: 100%;
103 color: #03316f !important; 103 color: #03316f !important;
104 margin: 1em 0px; 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 color: #03316f; 108 color: #03316f;
109 } 109 }
110 110
111 -#logo #portal-title { 111 +#theme-header #logo #portal-title {
112 background-image: url("images/logotipo_spb_beta.svg"); 112 background-image: url("images/logotipo_spb_beta.svg");
113 background-repeat: no-repeat; 113 background-repeat: no-repeat;
114 background-size: 370px; /*374px 56px;*/ 114 background-size: 370px; /*374px 56px;*/
@@ -124,19 +124,19 @@ background-repeat: no-repeat; @@ -124,19 +124,19 @@ background-repeat: no-repeat;
124 letter-spacing: -0.05em;*/ 124 letter-spacing: -0.05em;*/
125 } 125 }
126 126
127 -#logo .luongo { 127 +#theme-header #logo .luongo {
128 font-size: 3em !important; 128 font-size: 3em !important;
129 line-height: 1.1em; 129 line-height: 1.1em;
130 margin-bottom: 0.2em; 130 margin-bottom: 0.2em;
131 } 131 }
132 132
133 -#logo #portal-description { 133 +#theme-header #logo #portal-description {
134 font-size: 1.2em; 134 font-size: 1.2em;
135 text-transform: uppercase; 135 text-transform: uppercase;
136 } 136 }
137 137
138 /* Site Actions */ 138 /* Site Actions */
139 -#portal-siteactions { 139 +#theme-header #portal-siteactions {
140 display: block; 140 display: block;
141 float: right; 141 float: right;
142 clear: left; 142 clear: left;
@@ -146,7 +146,7 @@ background-repeat: no-repeat; @@ -146,7 +146,7 @@ background-repeat: no-repeat;
146 text-align: center; 146 text-align: center;
147 } 147 }
148 148
149 -#portal-siteactions a { 149 +#theme-header #portal-siteactions a {
150 color:#2c66ce; /*rgb(96,96,96);*/ /*#FFF;*/ 150 color:#2c66ce; /*rgb(96,96,96);*/ /*#FFF;*/
151 text-decoration: none; 151 text-decoration: none;
152 padding: 4px 0 4px 10px; 152 padding: 4px 0 4px 10px;
@@ -154,11 +154,11 @@ background-repeat: no-repeat; @@ -154,11 +154,11 @@ background-repeat: no-repeat;
154 font-family: 'open_sansregular', Arial, Helvetica, sans-serif; 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 color: #03316f; 158 color: #03316f;
159 } 159 }
160 160
161 -#portal-siteactions li { 161 +#theme-header #portal-siteactions li {
162 display: inline; 162 display: inline;
163 margin: 0 5px 0 0; 163 margin: 0 5px 0 0;
164 border-bottom: 1px dotted #2c66ce;; /*#d0d9ff;*/ 164 border-bottom: 1px dotted #2c66ce;; /*#d0d9ff;*/
@@ -167,7 +167,7 @@ background-repeat: no-repeat; @@ -167,7 +167,7 @@ background-repeat: no-repeat;
167 #portal-siteactions li a:hover { 167 #portal-siteactions li a:hover {
168 color: #969696; /*#d0d9ff; 168 color: #969696; /*#d0d9ff;
169 }*/ 169 }*/
170 -#portal-siteactions li a { 170 +#theme-header #portal-siteactions li a {
171 padding: 4px 0px; 171 padding: 4px 0px;
172 } 172 }
173 173
@@ -218,7 +218,7 @@ li#siteaction-mapadosite { @@ -218,7 +218,7 @@ li#siteaction-mapadosite {
218 /* */ 218 /* */
219 219
220 /* Sobre o brasil */ 220 /* Sobre o brasil */
221 -#sobre, #navbar { 221 +#theme-header #sobre, #theme-header #navbar {
222 clear: both; 222 clear: both;
223 max-width: 100% !important; 223 max-width: 100% !important;
224 margin: 0; 224 margin: 0;
@@ -227,38 +227,38 @@ li#siteaction-mapadosite { @@ -227,38 +227,38 @@ li#siteaction-mapadosite {
227 padding: 5px 0; 227 padding: 5px 0;
228 } 228 }
229 229
230 -#sobre,#navbar ul { 230 +#theme-header #sobre, #theme-header #navbar ul {
231 max-width: 960px; 231 max-width: 960px;
232 margin: 0px auto; 232 margin: 0px auto;
233 text-align: right; 233 text-align: right;
234 padding:10px; 234 padding:10px;
235 } 235 }
236 236
237 -#sobre a { 237 +#theme-header #sobre a {
238 color: #2c66ce; /*rgb(96,96,96);*/ 238 color: #2c66ce; /*rgb(96,96,96);*/
239 font-family: 'Open Sans', Arial, Helvetica, sans-serif; 239 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
240 } 240 }
241 -#navbar a{ 241 +#theme-header #navbar a{
242 color: rgb(96,96,96); 242 color: rgb(96,96,96);
243 font-family: 'Open Sans', Arial, Helvetica, sans-serif; 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 padding: 0 10px; 247 padding: 0 10px;
248 border-right: 1px solid #03316f; 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 padding: 0 0 0 10px; 252 padding: 0 0 0 10px;
253 border-right: none; 253 border-right: none;
254 } 254 }
255 255
256 -#navbar:houver{ 256 +#theme-header #navbar:houver{
257 color:#000000; 257 color:#000000;
258 258
259 } 259 }
260 260
261 -#links-rapidos{ 261 +#theme-header #links-rapidos{
262 width: 960px; 262 width: 960px;
263 margin: 0 auto; 263 margin: 0 auto;
264 font-color:#fff; 264 font-color:#fff;
@@ -273,11 +273,11 @@ li#siteaction-mapadosite { @@ -273,11 +273,11 @@ li#siteaction-mapadosite {
273 border: none; 273 border: none;
274 } 274 }
275 275
276 -input.searchField { 276 +#theme-header input.searchField {
277 -moz-appearance: none; 277 -moz-appearance: none;
278 } 278 }
279 279
280 -#portal-searchbox { 280 +#theme-header #portal-searchbox {
281 clear: right; 281 clear: right;
282 float: right; 282 float: right;
283 font-size: 80%; 283 font-size: 80%;
@@ -292,26 +292,26 @@ input.searchField { @@ -292,26 +292,26 @@ input.searchField {
292 padding: 2px; 292 padding: 2px;
293 } 293 }
294 294
295 -#portal-searchbox .searchField { 295 +#theme-header #portal-searchbox .searchField {
296 padding: 0.45em; 296 padding: 0.45em;
297 border-right: none; 297 border-right: none;
298 border: none; 298 border: none;
299 width: 171px; /*210px;170px;*/ 299 width: 171px; /*210px;170px;*/
300 } 300 }
301 301
302 -#portal-searchbox form { 302 +#theme-header #portal-searchbox form {
303 white-space: nowrap; 303 white-space: nowrap;
304 } 304 }
305 305
306 -#portal-searchbox label { 306 +#theme-header #portal-searchbox label {
307 font-weight: normal; 307 font-weight: normal;
308 } 308 }
309 309
310 -#searchGadget { 310 +#theme-header #searchGadget {
311 width: 13em; 311 width: 13em;
312 } 312 }
313 313
314 -#header input.searchButton { 314 +#theme-header #header input.searchButton {
315 padding: 0.3em; 315 padding: 0.3em;
316 background: transparent; 316 background: transparent;
317 text-indent: -2000px; 317 text-indent: -2000px;
@@ -328,7 +328,7 @@ input.searchField { @@ -328,7 +328,7 @@ input.searchField {
328 -moz-appearance: searchfield; 328 -moz-appearance: searchfield;
329 }*/ 329 }*/
330 330
331 -#header input.searchButton { 331 +#theme-header #header input.searchButton {
332 background-image: url("images/search-button.png"); 332 background-image: url("images/search-button.png");
333 background-position: 8px 2px; 333 background-position: 8px 2px;
334 background-repeat: no-repeat; 334 background-repeat: no-repeat;
@@ -342,7 +342,7 @@ input.searchField { @@ -342,7 +342,7 @@ input.searchField {
342 342
343 343
344 /* Search Button */ 344 /* Search Button */
345 -#search-button a { 345 +#theme-header #search-button a {
346 display: inline-block; 346 display: inline-block;
347 width: 29px; 347 width: 29px;
348 height: 25px; 348 height: 25px;
@@ -350,16 +350,16 @@ input.searchField { @@ -350,16 +350,16 @@ input.searchField {
350 margin-top: 10px; 350 margin-top: 10px;
351 } 351 }
352 352
353 -#search-button a:hover { 353 +#theme-header #search-button a:hover {
354 opacity: 0.6; 354 opacity: 0.6;
355 } 355 }
356 356
357 -#search-button #sb_search { 357 +#theme-header #search-button #sb_search {
358 background-image: url(images/search.png); 358 background-image: url(images/search.png);
359 background-size: 100% 100%; 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 /* */
@@ -15,6 +15,10 @@ @@ -15,6 +15,10 @@
15 width:90% !important; 15 width:90% !important;
16 } 16 }
17 17
  18 +body #content .main-block form .icon-add{
  19 + background-color: #2C66CE;
  20 +}
  21 +
18 #signup-form .formfieldline, 22 #signup-form .formfieldline,
19 #signup-formfield-group { 23 #signup-formfield-group {
20 /*background-color:#E7E7E7;*/ /*colorir linhas especificas*/ 24 /*background-color:#E7E7E7;*/ /*colorir linhas especificas*/
@@ -602,7 +606,8 @@ body #content .main-block h1 { @@ -602,7 +606,8 @@ body #content .main-block h1 {
602 606
603 .main-block form { 607 .main-block form {
604 font-size: 14px; 608 font-size: 14px;
605 - color: #172738; 609 + color: #231f20;
  610 + font-family: 'Open Sans', Arial, Helvetica, sans-serif;
606 } 611 }
607 612
608 .main-block form p .required-field, 613 .main-block form p .required-field,
@@ -637,18 +642,19 @@ body #content .main-block h1 { @@ -637,18 +642,19 @@ body #content .main-block h1 {
637 display: inline-block; 642 display: inline-block;
638 max-width: 100%; 643 max-width: 100%;
639 margin-bottom: 5px; 644 margin-bottom: 5px;
640 - color: #172738; 645 + color: #231f20;
641 } 646 }
642 647
643 .main-block form input[type="text"] { 648 .main-block form input[type="text"] {
644 display: block; 649 display: block;
645 - height: 34px; 650 + height: 19px;
646 padding: 6px; 651 padding: 6px;
647 border: 1px solid #ccc; 652 border: 1px solid #ccc;
648 border-radius: 4px; 653 border-radius: 4px;
649 - width: auto; 654 + width: 384px;
650 font-size: 15px; 655 font-size: 15px;
651 font-family: arial, helvetica; 656 font-family: arial, helvetica;
  657 + color: #585858;
652 } 658 }
653 659
654 .main-block form .formfield input[type="file"] { 660 .main-block form .formfield input[type="file"] {
@@ -658,6 +664,11 @@ body #content .main-block h1 { @@ -658,6 +664,11 @@ body #content .main-block h1 {
658 font-size: 14px; 664 font-size: 14px;
659 } 665 }
660 666
  667 +#software_categories_fields label input{
  668 + display: block;
  669 + padding-top: 10px;
  670 + vertical-align: middle;
  671 +}
661 672
662 .main-block form #community-join-before div, 673 .main-block form #community-join-before div,
663 .main-block form #community-join-after div { 674 .main-block form #community-join-after div {
@@ -685,6 +696,98 @@ body #content .main-block form .button-bar a.button{ @@ -685,6 +696,98 @@ body #content .main-block form .button-bar a.button{
685 text-align: center; 696 text-align: center;
686 } 697 }
687 698
  699 +body #content .main-block form .icon-add{
  700 + background-image: none;
  701 + border: 0;
  702 + padding: 0 10px 0 20px;
  703 + display: inline-block;
  704 + text-align: center;
  705 + color: #fff;
  706 + position: relative;
  707 +}
  708 +
  709 +body #content .main-block form .icon-add:before {
  710 + left: 6px;
  711 + vertical-align: middle;
  712 + font-size: 12px;
  713 + content: "\f067";
  714 + color: #fff;
  715 + width: 10px;
  716 + height: 10px;
  717 + text-align: center;
  718 +}
  719 +
  720 +.dynamic-table{
  721 + border: none;
  722 + font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  723 +}
  724 +
  725 +.dynamic-table td{
  726 + padding: 10px 0 0 0;
  727 + vertical-align: middle;
  728 + font-size: 14px;
  729 +}
  730 +
  731 +#operating_system_fields{
  732 + width: 50%;
  733 +}
  734 +
  735 +.formfieldline label:first-child{
  736 + font-weight: 500;
  737 + padding-right: 10px;
  738 +}
  739 +
  740 +.formfield{
  741 + font-weight: 500;
  742 + padding-right: 10px;
  743 +}
  744 +
  745 +.formlabel{
  746 + padding: 10px 0 5px 0;
  747 +}
  748 +
  749 +.formfieldline .type-file .type-file .formlabel {
  750 + display: none;
  751 +}
  752 +
  753 +.formfieldline h4{
  754 + font-weight: 500;
  755 +}
  756 +
  757 +.formfieldline .formfieldline textarea{
  758 + border: 1px solid #ccc;
  759 + color: #585858;
  760 + font-family: arial, helvetica;
  761 + font-size: 15px;
  762 + padding: 6px;
  763 +}
  764 +
  765 +#libraries_fields{
  766 + padding-top: 20px;
  767 +}
  768 +
  769 +#software_categories_fields{
  770 + padding-top: 20px;
  771 +}
  772 +
  773 +#software_categories_fields label{
  774 + line-height: 30px;
  775 + vertical-align: middle;
  776 + padding-left: 2px;
  777 +}
  778 +
  779 +#software_categories_fields input{
  780 + vertical-align: middle;
  781 +}
  782 +
  783 +#database__database_description_id,
  784 +#language__programming_language_id,
  785 +#license_info_version,
  786 +#operating_system__operating_system_name_id{
  787 + padding: 5px 5px 5px 5px;
  788 +}
  789 +
  790 +
688 body #content .main-block form .button-bar .icon-back { 791 body #content .main-block form .button-bar .icon-back {
689 width: 150px !important; 792 width: 150px !important;
690 } 793 }
@@ -696,6 +799,7 @@ body #content .main-block form .button-bar .icon-back { @@ -696,6 +799,7 @@ body #content .main-block form .button-bar .icon-back {
696 background: #2C66CE; 799 background: #2C66CE;
697 } 800 }
698 801
  802 +body #content .main-block form .icon-add:hover,
699 body #content .main-block form .button-bar input:hover { 803 body #content .main-block form .button-bar input:hover {
700 background: #5E82C6; 804 background: #5E82C6;
701 } 805 }
@@ -740,7 +844,8 @@ body #content .main-block #delete-profile a { @@ -740,7 +844,8 @@ body #content .main-block #delete-profile a {
740 color: #172738; 844 color: #172738;
741 } 845 }
742 846
743 -#content .main-block .errorExplanation:before { 847 +#content .main-block .errorExplanation:before,
  848 +body #content .main-block form .icon-add:before {
744 font-family: FontAwesome; 849 font-family: FontAwesome;
745 font-style: normal; 850 font-style: normal;
746 font-weight: normal; 851 font-weight: normal;
html-cms/blog.html
  Diff comments   Edit   View file @dde6aa9
@@ -21,7 +21,7 @@ @@ -21,7 +21,7 @@
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> 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"> 22 <div class="blog-event-information">
23 <div class="date">Ontem</div> 23 <div class="date">Ontem</div>
24 - <div class="title">Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit</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> 25 <div class="description" >Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit.</div>
26 </div> 26 </div>
27 </div> 27 </div>
@@ -29,7 +29,7 @@ @@ -29,7 +29,7 @@
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> 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"> 30 <div class="blog-event-information">
31 <div class="date">Ontem</div> 31 <div class="date">Ontem</div>
32 - <div class="title">Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit</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> 33 <div class="description" >Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit.</div>
34 </div> 34 </div>
35 </div> 35 </div>
@@ -37,7 +37,7 @@ @@ -37,7 +37,7 @@
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> 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"> 38 <div class="blog-event-information">
39 <div class="date">Ontem</div> 39 <div class="date">Ontem</div>
40 - <div class="title">Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit</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> 41 <div class="description" >Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit.</div>
42 </div> 42 </div>
43 </div> 43 </div>
@@ -83,4 +83,4 @@ @@ -83,4 +83,4 @@
83 <p>CACIC - Configurador Automático e Coletor de Informações Computacionais</p> 83 <p>CACIC - Configurador Automático e Coletor de Informações Computacionais</p>
84 </div> 84 </div>
85 </div> 85 </div>
86 -</div>  
87 \ No newline at end of file 86 \ No newline at end of file
  87 +</div>
html-cms/list-item-initial-page.html 0 → 100644
  Diff comments   Edit   View file @dde6aa9
@@ -0,0 +1,21 @@ @@ -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 \ No newline at end of file 22 \ No newline at end of file
html-cms/notifications_bar.html 0 → 100644
  Diff comments   Edit   View file @dde6aa9
@@ -0,0 +1,57 @@ @@ -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 \ No newline at end of file 58 \ No newline at end of file
images/download-mini_icon.png 0 → 100644
Edit   View file @dde6aa9

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

464 Bytes
images/left-arrow-black.png 0 → 100644
Edit   View file @dde6aa9

298 Bytes
images/right-arrow-black.png 0 → 100644
Edit   View file @dde6aa9

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

249 Bytes
page-catalog-software.css
  Diff comments   Edit   View file @dde6aa9
1 -/*controller-search action-search-software_infos template-default webkit*/ 1 + /*controller-search action-search-software_infos template-default webkit*/
2 2
3 #catalog-filter{ 3 #catalog-filter{
4 display: none; 4 display: none;
@@ -21,6 +21,19 @@ @@ -21,6 +21,19 @@
21 background-color: #eee; /*#f1f1f1;*/ 21 background-color: #eee; /*#f1f1f1;*/
22 } 22 }
23 23
  24 +.search-form{
  25 + background: #ecedf1;
  26 + border-radius: 4px;
  27 +}
  28 +
  29 +.search-form #search-subheader{
  30 + padding-left: 14px;
  31 +}
  32 +.search-form #search-header #search-filters{
  33 + float: left !important;
  34 + padding-left: 14px;
  35 +}
  36 +
24 .action-search-software_infos .map-or-list-search-results{ 37 .action-search-software_infos .map-or-list-search-results{
25 margin-top:20px; 38 margin-top:20px;
26 } 39 }
@@ -52,15 +65,15 @@ @@ -52,15 +65,15 @@
52 .controller-search #content form input.button.submit { 65 .controller-search #content form input.button.submit {
53 height: 30px; 66 height: 30px;
54 max-height: 30px; 67 max-height: 30px;
55 - width: 87px;  
56 - margin-bottom: 14px; 68 + width: 104px;
  69 + margin-bottom: 22px;
57 margin-left: 32px; 70 margin-left: 32px;
58 text-transform: uppercase; 71 text-transform: uppercase;
59 font-weight: bold; 72 font-weight: bold;
60 /*border: 1px solid #4562b1;*/ 73 /*border: 1px solid #4562b1;*/
61 /*padding:0px;*/ 74 /*padding:0px;*/
62 - /*color:#ffffff;*/  
63 - /*background-color:#4562b1;*/ 75 + color:#ffffff;
  76 + background-color:#4562b1;
64 } 77 }
65 78
66 .controller-search .search-results-type-empty div{ 79 .controller-search .search-results-type-empty div{
@@ -138,6 +151,11 @@ @@ -138,6 +151,11 @@
138 margin-left: 130px; 151 margin-left: 130px;
139 /*text-align: justify;*/ 152 /*text-align: justify;*/
140 } 153 }
  154 +
  155 +#content .search-results-box .vcard {
  156 + display: table;
  157 +}
  158 +
141 #content .vcard a:hover{ 159 #content .vcard a:hover{
142 color:#2C66CE; 160 color:#2C66CE;
143 } 161 }
page-inicial.css
  Diff comments   Edit   View file @dde6aa9
@@ -50,7 +50,7 @@ @@ -50,7 +50,7 @@
50 } 50 }
51 51
52 #bt_catalog-search::after { 52 #bt_catalog-search::after {
53 - content:'>'; 53 + content: url('images/right-arrow-black.png');
54 padding-left: 7px; 54 padding-left: 7px;
55 padding-right: 4px; 55 padding-right: 4px;
56 color: #172857; 56 color: #172857;
@@ -195,6 +195,8 @@ @@ -195,6 +195,8 @@
195 border-bottom: solid 1px #D7D7D7; 195 border-bottom: solid 1px #D7D7D7;
196 margin: 0 0 7px 0; 196 margin: 0 0 7px 0;
197 text-transform: none; 197 text-transform: none;
  198 + color: #172738;
  199 + font-size: 12px;
198 } 200 }
199 201
200 #content .software-block-finality a, 202 #content .software-block-finality a,
@@ -212,7 +214,7 @@ @@ -212,7 +214,7 @@
212 } 214 }
213 215
214 .software-block-finality::after { 216 .software-block-finality::after {
215 - content:'>'; 217 + content: url('images/right-arrow.png');
216 padding-left: 7px; 218 padding-left: 7px;
217 padding-right: 4px; 219 padding-right: 4px;
218 color: #FFF; 220 color: #FFF;
@@ -236,16 +238,16 @@ @@ -236,16 +238,16 @@
236 height: auto; 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 .box-1 .software-block-title h3 { 252 .box-1 .software-block-title h3 {
251 font-weight: normal !important; 253 font-weight: normal !important;
@@ -258,7 +260,7 @@ @@ -258,7 +260,7 @@
258 } 260 }
259 261
260 .box-1 .softwares-block .common-profile-list-block .vcard { 262 .box-1 .softwares-block .common-profile-list-block .vcard {
261 - border: none; 263 + border: none;
262 } 264 }
263 265
264 .box-1 .softwares-block .common-profile-list-block .vcard:hover .menu-submenu-trigger{ 266 .box-1 .softwares-block .common-profile-list-block .vcard:hover .menu-submenu-trigger{
@@ -370,12 +372,11 @@ margin: -10px 0px 10px 20px; /*-20px 20px; @@ -370,12 +372,11 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
370 } 372 }
371 373
372 .block.display-content-block .image { 374 .block.display-content-block .image {
373 - width: 150px;  
374 - height: 90px;  
375 - position: absolute;  
376 - margin-top: 35px;  
377 border: 0px solid #c0c1c1; 375 border: 0px solid #c0c1c1;
378 border-radius: 8px; 376 border-radius: 8px;
  377 + display: table-cell;
  378 + padding-right: 25px;
  379 + width: 150px;
379 } 380 }
380 381
381 .block.display-content-block .image img { 382 .block.display-content-block .image img {
@@ -391,10 +392,10 @@ margin: -10px 0px 10px 20px; /*-20px 20px; @@ -391,10 +392,10 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
391 } 392 }
392 393
393 .block.display-content-block .title { 394 .block.display-content-block .title {
394 - padding-left: 160px;  
395 - padding-right: 0px;  
396 - max-height: 33px; 395 + padding-right: 0px !important;
  396 + max-height: 40px;
397 overflow: hidden; 397 overflow: hidden;
  398 + margin-bottom: 4px !important;
398 } 399 }
399 400
400 .block.display-content-block .title a { 401 .block.display-content-block .title a {
@@ -405,16 +406,15 @@ margin: -10px 0px 10px 20px; /*-20px 20px; @@ -405,16 +406,15 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
405 } 406 }
406 407
407 .block.display-content-block .lead { 408 .block.display-content-block .lead {
408 - padding-left: 160px;  
409 - padding-right: 0px;  
410 - max-height: 60px; 409 + padding-right: 0px;
  410 + max-height: 56px;
411 } 411 }
412 412
413 .block.display-content-block .lead a { 413 .block.display-content-block .lead a {
414 font-size: 15px; 414 font-size: 15px;
415 font-family: Arial; 415 font-family: Arial;
416 line-height: 1.3em; 416 line-height: 1.3em;
417 - color: #000000; 417 + color: #000000;
418 } 418 }
419 419
420 .block.display-content-block .read_more, .block.display-content-block .tags { 420 .block.display-content-block .read_more, .block.display-content-block .tags {
@@ -422,7 +422,12 @@ margin: -10px 0px 10px 20px; /*-20px 20px; @@ -422,7 +422,12 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
422 } 422 }
423 423
424 .lead a:visited, #content .lead a:visited, .lead dl.portlet a:visited { 424 .lead a:visited, #content .lead a:visited, .lead dl.portlet a:visited {
425 - color: #000000; 425 + color: #172738;
  426 +}
  427 +
  428 +.notice-info {
  429 + display: table-cell;
  430 + vertical-align: top;
426 } 431 }
427 432
428 /* Tela de Noticias Antigas */ 433 /* Tela de Noticias Antigas */
@@ -506,7 +511,7 @@ margin: -10px 0px 10px 20px; /*-20px 20px; @@ -506,7 +511,7 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
506 511
507 .block.display-last-news-block .lead { 512 .block.display-last-news-block .lead {
508 padding-left: 0px; 513 padding-left: 0px;
509 - padding-right: 0px; 514 + padding-right: 0px;
510 max-height: 23px; 515 max-height: 23px;
511 overflow: hidden; 516 overflow: hidden;
512 } 517 }
@@ -515,30 +520,54 @@ margin: -10px 0px 10px 20px; /*-20px 20px; @@ -515,30 +520,54 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
515 font-size: 15px; 520 font-size: 15px;
516 font-family: Arial; 521 font-family: Arial;
517 line-height: 1.3em; 522 line-height: 1.3em;
518 - color: #172738; 523 + color: #172738;
519 } 524 }
520 525
521 .block.display-last-news-block .read_more, .block.display-last-news-block .tags { 526 .block.display-last-news-block .read_more, .block.display-last-news-block .tags {
522 display: none; 527 display: none;
523 } 528 }
524 529
525 -.block.display-last-news-block a:visited,  
526 -.block.display-last-news-block a:link,  
527 -.block.display-last-news-block a:hover, 530 +.block.display-last-news-block a:visited,
  531 +.block.display-last-news-block a:link,
  532 +.block.display-last-news-block a:hover,
528 .block.display-last-news-block a, 533 .block.display-last-news-block a,
529 .block.display-last-news-block dl.portlet a:visited { 534 .block.display-last-news-block dl.portlet a:visited {
530 color: #172738; 535 color: #172738;
531 text-decoration: none; 536 text-decoration: none;
532 } 537 }
533 538
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, 539 +#content .block.display-last-news-block a:visited,
  540 +#content .block.display-last-news-block a:link,
  541 +#content .block.display-last-news-block a:hover,
537 #content .block.display-last-news-block a { 542 #content .block.display-last-news-block a {
538 color: #172738; 543 color: #172738;
539 text-decoration: none; 544 text-decoration: none;
540 } 545 }
541 546
  547 +.statistics-block-data ul li.users span {
  548 + font-size: 14px;
  549 +}
  550 +
  551 +.statistics-block-data ul {
  552 + margin-top: 10px;
  553 +}
  554 +
  555 +/* Alinhamento das estatísticas */
  556 +.statistics-block-data ul li {
  557 + margin-left: 18px;
  558 + margin-top: 6px;
  559 + line-height: 17px;
  560 +}
  561 +
  562 +span.amount {
  563 + font-size: 14px;
  564 + font-weight: 700;
  565 +}
  566 +
  567 +span.label {
  568 + font-size: 14px;
  569 +}
  570 +
542 /* 571 /*
543 .menu-submenu down{ 572 .menu-submenu down{
544 573
pagina-artigos.css
  Diff comments   Edit   View file @dde6aa9
@@ -126,7 +126,7 @@ hr { @@ -126,7 +126,7 @@ hr {
126 } 126 }
127 127
128 ol li { 128 ol li {
129 - margin-bottom: 5px; 129 + margin-bottom: 5px;
130 } 130 }
131 131
132 .voltar-ao-topo { 132 .voltar-ao-topo {
@@ -139,7 +139,7 @@ ol li { @@ -139,7 +139,7 @@ ol li {
139 padding-left: 20px; 139 padding-left: 20px;
140 background: url(images/voltar-topo.png) no-repeat left center !important; 140 background: url(images/voltar-topo.png) no-repeat left center !important;
141 color: #777 !important; 141 color: #777 !important;
142 - font-size: 15px; 142 + font-size: 15px;
143 } 143 }
144 144
145 .ancor { 145 .ancor {
@@ -255,7 +255,7 @@ ol li { @@ -255,7 +255,7 @@ ol li {
255 padding-bottom: 25px; 255 padding-bottom: 25px;
256 padding-left: 1px; 256 padding-left: 1px;
257 font-family:"open_sansregular", Arial; 257 font-family:"open_sansregular", Arial;
258 - 258 +
259 } 259 }
260 260
261 .news_principal_block { 261 .news_principal_block {
@@ -393,3 +393,59 @@ color: #F91461; @@ -393,3 +393,59 @@ color: #F91461;
393 color: #172938; 393 color: #172938;
394 text-decoration: none; 394 text-decoration: none;
395 } 395 }
  396 +
  397 +/* Events */
  398 +
  399 +.event-card {
  400 + border-top: 1px dotted #D3D6D3;
  401 + background-repeat: no-repeat;
  402 + width: 494px;
  403 + height: 116px;
  404 + margin-bottom: 30px;
  405 +}
  406 +
  407 +.event-image {
  408 + border-right: 1px dotted #D3D6DE;
  409 +}
  410 +
  411 +.about-event > span {
  412 + font-family: arial;
  413 + line-height: 13px;
  414 +}
  415 +
  416 +.about-event .event-date {
  417 + font-weight: bold;
  418 + letter-spacing: 0.49px;
  419 +}
  420 +
  421 +.about-event .event-address {
  422 + margin-top: 19px;
  423 +}
  424 +
  425 +.about-event .event-address span {
  426 + margin-top: 4.4px;
  427 + line-height: 14px;
  428 + letter-spacing: 0.5px;
  429 +}
  430 +
  431 +.event-link {
  432 + letter-spacing: 0.48px;
  433 +}
  434 +
  435 +.event-link a {
  436 + text-decoration: underline;
  437 +}
  438 +
  439 +.article .article-body .event-body .event-lead p {
  440 + font-size: 16px;
  441 + font-family: Arial;
  442 + font-weight: bold;
  443 + letter-spacing: -0.4px;
  444 + line-height: 21px;
  445 +}
  446 +
  447 +.event-body .event-content p {
  448 + font-size: 15px;
  449 + font-family: Arial;
  450 + line-height: 22px;
  451 +}
pagina_comunidade.css
  Diff comments   Edit   View file @dde6aa9
@@ -828,6 +828,8 @@ ul#itens-legend-grafic{ @@ -828,6 +828,8 @@ ul#itens-legend-grafic{
828 border-top: 1px solid #D3D6DE; 828 border-top: 1px solid #D3D6DE;
829 padding-top: 25px; 829 padding-top: 25px;
830 margin-bottom: 25px; 830 margin-bottom: 25px;
  831 + display: table;
  832 + overflow: hidden;
831 } 833 }
832 834
833 .blog-event-item .blog-event-information .date { 835 .blog-event-item .blog-event-information .date {
@@ -836,8 +838,10 @@ ul#itens-legend-grafic{ @@ -836,8 +838,10 @@ ul#itens-legend-grafic{
836 text-transform: uppercase; 838 text-transform: uppercase;
837 } 839 }
838 840
839 -.blog-event-item .blog-event-information .title {  
840 - font-weight: 700 !important; 841 +.blog-event-item .blog-event-information .event-title {
  842 + max-height: 40px;
  843 + padding-right: 0px;
  844 + font-weight: 700;
841 font-size: 15px; 845 font-size: 15px;
842 margin-top: 6px; 846 margin-top: 6px;
843 letter-spacing: 0.5px; 847 letter-spacing: 0.5px;
@@ -847,17 +851,19 @@ ul#itens-legend-grafic{ @@ -847,17 +851,19 @@ ul#itens-legend-grafic{
847 font-size: 14px; 851 font-size: 14px;
848 margin-top: 5px; 852 margin-top: 5px;
849 letter-spacing: -0.2px; 853 letter-spacing: -0.2px;
  854 + max-height: 57px;
  855 + overflow: hidden;
850 } 856 }
851 857
852 .blog-event-item .blog-event-information { 858 .blog-event-item .blog-event-information {
853 - float: left;  
854 - width: 370px; 859 + display: table-cell;
  860 + width: 100%;
855 } 861 }
856 862
857 .blog-event-item .item-image { 863 .blog-event-item .item-image {
858 - float: left;  
859 - height: 100%;  
860 - margin-right: 20px; 864 + display: table-cell;
  865 + vertical-align: top;
  866 + padding-right: 20px;
861 } 867 }
862 868
863 .blog-event-item img { 869 .blog-event-item img {
pagina_software.css
  Diff comments   Edit   View file @dde6aa9
@@ -166,7 +166,7 @@ border: none; @@ -166,7 +166,7 @@ border: none;
166 166
167 #download_spb-2 h3{ 167 #download_spb-2 h3{
168 margin:6px 0px 2px 10px; 168 margin:6px 0px 2px 10px;
169 - font-size: 20px; 169 + font-size: 18px;
170 } 170 }
171 171
172 #download-info-1, 172 #download-info-1,
@@ -201,8 +201,8 @@ border: none; @@ -201,8 +201,8 @@ border: none;
201 #image-download{ 201 #image-download{
202 background-color: #2c66ce;/*#5E82C6;*/ 202 background-color: #2c66ce;/*#5E82C6;*/
203 border:1px solid #2c66ce;/*#5E82C6;*/ 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 background-image: url("images/download-icon.png"); 206 background-image: url("images/download-icon.png");
207 background-repeat: no-repeat; 207 background-repeat: no-repeat;
208 background-position: center; /*15px;*/ 208 background-position: center; /*15px;*/
@@ -211,6 +211,10 @@ border: none; @@ -211,6 +211,10 @@ border: none;
211 /*width: 45px;*/ 211 /*width: 45px;*/
212 /*height: 25px;*/ 212 /*height: 25px;*/
213 display:block; 213 display:block;
  214 +
  215 + /* FIX ME */
  216 + height: 18px;
  217 + border-radius: 8px;
214 } 218 }
215 219
216 #size-download{ 220 #size-download{
@@ -221,7 +225,7 @@ border: none; @@ -221,7 +225,7 @@ border: none;
221 border:1px solid #1a397d; 225 border:1px solid #1a397d;
222 border-bottom-right-radius: 8px; 226 border-bottom-right-radius: 8px;
223 border-bottom-left-radius: 8px; 227 border-bottom-left-radius: 8px;
224 - display:block; 228 + display: none; /* FIX ME */
225 /*padding: 0px 10px 3px 6px; /*3px 22px;*/ 229 /*padding: 0px 10px 3px 6px; /*3px 22px;*/
226 /* width: 45px; 230 /* width: 45px;
227 height: 17px; 231 height: 17px;
@@ -240,6 +244,22 @@ border: none; @@ -240,6 +244,22 @@ border: none;
240 margin-right: 20px; 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 #info-software-download{ 264 #info-software-download{
245 font-size: 16px; 265 font-size: 16px;
@@ -488,13 +508,15 @@ border: @@ -488,13 +508,15 @@ border:
488 } 508 }
489 509
490 #bt_repositorio::after{ 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 color:#FFF; 520 color:#FFF;
499 background:#2C66CE; 521 background:#2C66CE;
500 border-radius: 4px; 522 border-radius: 4px;
@@ -480,6 +480,7 @@ p { @@ -480,6 +480,7 @@ p {
480 text-transform: uppercase; 480 text-transform: uppercase;
481 font-family: "open_sans", Arial, Helvetica, sans-serif; 481 font-family: "open_sans", Arial, Helvetica, sans-serif;
482 font-variant: normal; 482 font-variant: normal;
  483 + display: none;
483 } 484 }
484 485
485 #content .read-more a { 486 #content .read-more a {
@@ -498,7 +499,7 @@ p { @@ -498,7 +499,7 @@ p {
498 } 499 }
499 500
500 #content .box .read-more a::after { 501 #content .box .read-more a::after {
501 - content:'>'; 502 + content: url('images/right-arrow.png');
502 padding-left: 8px; 503 padding-left: 8px;
503 padding-right: 5px; 504 padding-right: 5px;
504 margin-left: 7px; 505 margin-left: 7px;
@@ -753,7 +754,6 @@ p { @@ -753,7 +754,6 @@ p {
753 } 754 }
754 755
755 .block-outer { 756 .block-outer {
756 - float: left;  
757 margin-bottom: 45px; 757 margin-bottom: 45px;
758 clear: both; 758 clear: both;
759 } 759 }
@@ -798,9 +798,9 @@ p { @@ -798,9 +798,9 @@ p {
798 font-size: 16px; 798 font-size: 16px;
799 font-style: normal; 799 font-style: normal;
800 font-weight: bold; 800 font-weight: bold;
801 - line-height: 1em; 801 + line-height: 1.3em;
802 padding: 0; 802 padding: 0;
803 - color: #000; 803 + color: #172738 !important ;
804 } 804 }
805 805
806 #content .main-block h1, 806 #content .main-block h1,
@@ -820,6 +820,7 @@ p { @@ -820,6 +820,7 @@ p {
820 .article-body ul { 820 .article-body ul {
821 list-style-position: inside; 821 list-style-position: inside;
822 list-style-type: disc; 822 list-style-type: disc;
  823 + background-repeat: no-repeat;
823 } 824 }
824 825
825 .article-body ol { 826 .article-body ol {
@@ -975,57 +976,6 @@ p { @@ -975,57 +976,6 @@ p {
975 976
976 /* fim de comentário*/ 977 /* fim de comentário*/
977 978
978 -/*paginação*/  
979 -  
980 -.pagination {  
981 -}  
982 -  
983 -#content .pagination a {  
984 - background-image: url("images/bg-paginacao.png");  
985 - background-repeat: no-repeat;  
986 - border-bottom: 0 none;  
987 - color: white;  
988 - display: inline-block;  
989 - font-size: 16px;  
990 - font-weight: bold;  
991 - height: 35px;  
992 - padding-top: 4px;  
993 - text-decoration: none;  
994 - width: 35px;  
995 -}  
996 -  
997 -.pagination .current {  
998 - background: url("images/bg-paginacao-preto.png") no-repeat center top transparent;  
999 - background-repeat: no-repeat;  
1000 - border-bottom: 0 none;  
1001 - color: white;  
1002 - display: inline-block;  
1003 - font-size: 16px;  
1004 - font-weight: bold;  
1005 - height: 35px;  
1006 - padding-top: 4px;  
1007 - text-decoration: none;  
1008 - width: 35px;  
1009 -}  
1010 -  
1011 -#content .pagination a.prev_page,  
1012 -#content .pagination a.next_page{  
1013 - background-image: none;  
1014 - color: #888888;  
1015 - font-size: 14px;  
1016 - width: auto;  
1017 -}  
1018 -  
1019 -  
1020 -#content #article .pagination .next_page,  
1021 -#content #article .pagination .prev_page{  
1022 - background-image: none;  
1023 - color: #ccc;  
1024 - width: auto;  
1025 - font-size: 16px;  
1026 -}  
1027 -  
1028 -/*fim paginação*/  
1029 979
1030 /*borda dos wrappers*/ 980 /*borda dos wrappers*/
1031 /**/ 981 /**/
@@ -1080,10 +1030,10 @@ ul.profile-list .common-profile-list-block { @@ -1080,10 +1030,10 @@ ul.profile-list .common-profile-list-block {
1080 } 1030 }
1081 1031
1082 .common-profile-list-block .profile-image { 1032 .common-profile-list-block .profile-image {
1083 - display: block; 1033 + display: table-cell;
1084 height: 56px; 1034 height: 56px;
1085 max-height: 100%; 1035 max-height: 100%;
1086 - width: 100%; 1036 + text-align: center;
1087 } 1037 }
1088 1038
1089 /*.box-2 .common-profile-list-block .vcard a.profile_link, 1039 /*.box-2 .common-profile-list-block .vcard a.profile_link,
@@ -1242,14 +1192,86 @@ div#article-parent { @@ -1242,14 +1192,86 @@ div#article-parent {
1242 /*paginação*/ 1192 /*paginação*/
1243 1193
1244 .pagination { 1194 .pagination {
  1195 + margin-bottom: 30px;
  1196 + border-top: 0 none;
  1197 + margin-top: 48px;
  1198 + font-family: Arial;
  1199 +}
1245 1200
  1201 +#content .pagination a {
  1202 + text-decoration: none;
  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;
1246 } 1211 }
1247 -.pagination {  
1248 - font-size: 120%; 1212 +
  1213 +.pagination .current {
  1214 + background-color: #ECEDF1;
  1215 + padding: 7px 11px 7px 11px;
  1216 + border-radius: 4px;
  1217 + margin-right: 4px;
  1218 + font-weight: 700;
  1219 + font-size: 15px;
  1220 + border: 1px solid #D3D6DE;
  1221 + font-style: normal;
1249 } 1222 }
1250 1223
1251 -.pagination .prev_page{margin-right: 0.5em; font-weight: bold;}  
1252 -.pagination .next_page{margin-left: 0.5em; font-weight: bold;} 1224 +#content .pagination .next_page.disabled,
  1225 +#content .pagination .previous_page.disabled,
  1226 +#content .pagination a.previous_page,
  1227 +#content .pagination a.next_page{
  1228 + border-radius: 4px;
  1229 + margin-top: -9px;
  1230 + letter-spacing: 0.6px;
  1231 + border: 1px solid #D3D6DE;
  1232 + color: #172738;
  1233 + background-image: none;
  1234 + font-size: 15px;
  1235 + width: auto;
  1236 + font-weight: 500;
  1237 + position: relative;
  1238 +}
  1239 +
  1240 +#content .pagination .previous_page{
  1241 + float: left;
  1242 + padding: 7px 11px 7px 30px;
  1243 +}
  1244 +
  1245 +#content .pagination .next_page.disabled,
  1246 +#content .pagination .previous_page.disabled{
  1247 + opacity: 0.5;
  1248 +}
  1249 +
  1250 +#content .pagination .next_page{
  1251 + float: right;
  1252 + padding: 7px 30px 7px 11px;
  1253 +}
  1254 +
  1255 +#content .pagination .previous_page.disabled::before,
  1256 +#content .pagination a.previous_page::before {
  1257 + display: none;
  1258 + position: absolute;
  1259 + content: url('images/left-arrow-black.png');
  1260 + left: 8px;
  1261 + top: 11px;
  1262 +}
  1263 +
  1264 +#content .pagination .next_page.disabled::before,
  1265 +#content .pagination a.next_page::before {
  1266 + display: none;
  1267 + position: absolute;
  1268 + content: url('images/right-arrow-black.png');
  1269 + left: 97px;
  1270 + top: 11px;
  1271 +}
  1272 +
  1273 +/*fim paginação*/
  1274 +
1253 1275
1254 #profile-header { 1276 #profile-header {
1255 position: absolute; /* Corrige link de login */ 1277 position: absolute; /* Corrige link de login */
@@ -2359,7 +2381,6 @@ body.contraste #content .box .block-title { @@ -2359,7 +2381,6 @@ body.contraste #content .box .block-title {
2359 2381
2360 body.contraste.action-home-index .container-block-plugin_container-block .container-block-plugin_container-block, 2382 body.contraste.action-home-index .container-block-plugin_container-block .container-block-plugin_container-block,
2361 body.contraste.action-environment_design-index .container-block-plugin_container-block .container-block-plugin_container-block, 2383 body.contraste.action-environment_design-index .container-block-plugin_container-block .container-block-plugin_container-block,
2362 -body.contraste.action-home-index #content .box .block-title,  
2363 body.contraste.action-environment_design-index #content .box .block-title, 2384 body.contraste.action-environment_design-index #content .box .block-title,
2364 body.contraste .container-block-plugin_container-block .block .block-inner-2, 2385 body.contraste .container-block-plugin_container-block .block .block-inner-2,
2365 body.contraste #footer-content { 2386 body.contraste #footer-content {
@@ -2889,3 +2910,213 @@ div.software-step-info div.current-step h3 { @@ -2889,3 +2910,213 @@ div.software-step-info div.current-step h3 {
2889 #content .main-block div.software-step-info div.another-step h3 { 2910 #content .main-block div.software-step-info div.another-step h3 {
2890 font-size: 12px !important; 2911 font-size: 12px !important;
2891 } 2912 }
  2913 +
  2914 +/************************* MAIN PAGE REVIEW *******************************/
  2915 +
  2916 +#content ul li.news-call .title {
  2917 + font-weight: 700;
  2918 + padding-right: 0px;
  2919 +}
  2920 +
  2921 +/** Blog temporary adjusts**/
  2922 +
  2923 +#content .blog-posts{
  2924 + margin-top: 0;
  2925 +}
  2926 +
  2927 +#content .blog-post{
  2928 + background: none;
  2929 + border-bottom: 1px solid #ccc;
  2930 + padding-top: 25px;
  2931 +}
  2932 +
  2933 +#content .blog-post h1.title {
  2934 + padding-top: 0 !important;
  2935 + border-top: none !important;
  2936 + margin-top: 0px !important;
  2937 + margin-bottom: 0px !important;
  2938 +}
  2939 +
  2940 +#content .blog-post .publishing-info{
  2941 + /*border-top: 1px solid #D7D7D7;*/
  2942 + padding-top: 0px;
  2943 + margin-top: 0px;
  2944 + font-size: 12px;
  2945 + color: #172838;
  2946 + font-family: arial;
  2947 + margin-bottom: 0px;
  2948 +}
  2949 +
  2950 +#content .main-block .publishing-info a{
  2951 + color: #2C66CE;
  2952 + font-family: arial;
  2953 +}
  2954 +
  2955 +#content .main-content {
  2956 + border: none;
  2957 + box-shadow: none;
  2958 +}
  2959 +
  2960 +#content .main-block .blog-post p {
  2961 + text-align: justify;
  2962 +}
  2963 +
  2964 +/** Software pages - temporary adjusts **/
  2965 +
  2966 +.controller-content_viewer.profile-homepage #article hr{
  2967 + display: none;
  2968 +}
  2969 +
  2970 +#content .main-block #article p{
  2971 + text-align: justify;
  2972 + max-height: 65px;
  2973 + text-overflow: ellipsis;
  2974 + overflow: hidden;
  2975 +}
  2976 +
  2977 +#content .main-block #article .folder-content .item-info {
  2978 + border-top: none;
  2979 + border-bottom: 1px solid #ccc;
  2980 + margin-bottom: -1px;
  2981 +}
  2982 +
  2983 +#content .main-block #article .folder-content .item-icon {
  2984 + background-image: url("images/download-mini_icon.png");
  2985 + border-radius: 4px;
  2986 + margin-right: 0px;
  2987 + margin-top: 2px;
  2988 + padding: 45px 40px 4px 10px;
  2989 +}
  2990 +
  2991 +#content .main-block #article .folder-content .item-info {
  2992 + padding: 30px 20px 32px 0px;
  2993 +}
  2994 +
  2995 +#content .main-block #article .folder-content .item-info a {
  2996 + font-size: 18px;
  2997 + font-family: Arial;
  2998 + font-weight: 700;
  2999 + color: #172938;
  3000 + letter-spacing: -0.1px;
  3001 +}
  3002 +
  3003 +#content .main-block #article .folder-content .item-description {
  3004 + padding-left: 0px;
  3005 + margin-left: 65px;
  3006 +}
  3007 +
  3008 +#content .main-block #article .folder-content .item-date {
  3009 + padding-left: 0px;
  3010 + margin-left: 65px;
  3011 +}
  3012 +
  3013 +.action-cms-upload_files #content .main-block .button-bar .icon-add {
  3014 + color: #fff;
  3015 +}
  3016 +
  3017 +.action-cms-upload_files #content .main-block .icon-add:before{
  3018 + display: none;
  3019 +}
  3020 +
  3021 +#content .main-block #article .pagination {
  3022 + margin-top: 50px;
  3023 + padding-top: 35px;
  3024 + border-top: 3px solid #2C4B6B;
  3025 +}
  3026 +
  3027 +li.folder-item:first-child {
  3028 + border-top: 1px solid #ccc;
  3029 +}
  3030 +
  3031 +/******************** New layout of blog. ********************/
  3032 +
  3033 +/***** Default behavior to blog posts *****/
  3034 +
  3035 +.blog-post .author {
  3036 + display: none;
  3037 +}
  3038 +
  3039 +.blog-post h1.title {
  3040 + padding-left: 25px;
  3041 + margin-bottom: 0px;
  3042 +}
  3043 +
  3044 +.blog-post .title a {
  3045 + font-size: 16px;
  3046 + font-family: arial;
  3047 +}
  3048 +
  3049 +.blog-post .post-pic {
  3050 + border-radius: 8px;
  3051 + width: 150px;
  3052 + height: 100px;
  3053 + float: left;
  3054 + margin-right: 10px;
  3055 + margin-bottom: 5px;
  3056 + background-size: 100% 100%;
  3057 +}
  3058 +
  3059 +.blog-post .short-post {
  3060 + text-align: justify;
  3061 + max-height: 25px;
  3062 + text-overflow: ellipsis;
  3063 + overflow: hidden;
  3064 +}
  3065 +
  3066 +.blog-post .short-post p {
  3067 + margin-bottom: -5px;
  3068 +}
  3069 +
  3070 +/***** Behavior to special posts *****/
  3071 +
  3072 +/* Featured post */
  3073 +
  3074 +.page-1 .position-1 .post-pic {
  3075 + width: 100%;
  3076 + height: 315px;
  3077 + max-height: 315px;
  3078 +}
  3079 +
  3080 +.page-1 .position-1 .title a {
  3081 + font-size: 32px;
  3082 +}
  3083 +
  3084 +/* Secondary posts */
  3085 +
  3086 +.page-1 .position-2 .short-post,
  3087 +.page-1 .position-3 .short-post,
  3088 +.page-1 .position-4 .short-post {
  3089 + text-align: justify;
  3090 + max-height: 45px;
  3091 + text-overflow: ellipsis;
  3092 + overflow: hidden;
  3093 +}
  3094 +
  3095 +.page-1 .position-2 .post-pic,
  3096 +.page-1 .position-3 .post-pic,
  3097 +.page-1 .position-4 .post-pic {
  3098 + width: 100%;
  3099 + top: 10px;
  3100 + margin-top: 5px;
  3101 +}
  3102 +
  3103 +.page-1 .position-2 {
  3104 + display: table-cell;
  3105 + width: 222px;
  3106 + padding-left: 0px;
  3107 + padding-right: 20px;
  3108 +}
  3109 +
  3110 +.page-1 .position-3 {
  3111 + display: table-cell;
  3112 + width: 232px;
  3113 + padding-left: 10px;
  3114 + padding-right: 10px;
  3115 +}
  3116 +
  3117 +.page-1 .position-4 {
  3118 + display: table-cell;
  3119 + width: 222px;
  3120 + padding-left: 20px;
  3121 + padding-right: 0px;
  3122 +}
@@ -118,9 +118,26 @@ $(&#39;#link-buscar&#39;).click(function(e) { @@ -118,9 +118,26 @@ $(&#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 +
121 $(document).ready(function(){ 137 $(document).ready(function(){
122 set_events(); 138 set_events();
123 move_article_buttons(); 139 move_article_buttons();
124 add_link_to_article_div(); 140 add_link_to_article_div();
  141 + insert_notice_div();
125 }); 142 });
126 })(jQuery); 143 })(jQuery);
token-input.css 0 → 100644
  Diff comments   Edit   View file @dde6aa9
@@ -0,0 +1,116 @@ @@ -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 +}