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 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   Edit   View file @dde6aa9
... ... @@ -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*/
... ... @@ -602,7 +606,8 @@ body #content .main-block h1 {
602 606  
603 607 .main-block form {
604 608 font-size: 14px;
605   - color: #172738;
  609 + color: #231f20;
  610 + font-family: 'Open Sans', Arial, Helvetica, sans-serif;
606 611 }
607 612  
608 613 .main-block form p .required-field,
... ... @@ -637,18 +642,19 @@ body #content .main-block h1 {
637 642 display: inline-block;
638 643 max-width: 100%;
639 644 margin-bottom: 5px;
640   - color: #172738;
  645 + color: #231f20;
641 646 }
642 647  
643 648 .main-block form input[type="text"] {
644 649 display: block;
645   - height: 34px;
  650 + height: 19px;
646 651 padding: 6px;
647 652 border: 1px solid #ccc;
648 653 border-radius: 4px;
649   - width: auto;
  654 + width: 384px;
650 655 font-size: 15px;
651 656 font-family: arial, helvetica;
  657 + color: #585858;
652 658 }
653 659  
654 660 .main-block form .formfield input[type="file"] {
... ... @@ -658,6 +664,11 @@ body #content .main-block h1 {
658 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 673 .main-block form #community-join-before div,
663 674 .main-block form #community-join-after div {
... ... @@ -685,6 +696,98 @@ body #content .main-block form .button-bar a.button{
685 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 791 body #content .main-block form .button-bar .icon-back {
689 792 width: 150px !important;
690 793 }
... ... @@ -696,6 +799,7 @@ body #content .main-block form .button-bar .icon-back {
696 799 background: #2C66CE;
697 800 }
698 801  
  802 +body #content .main-block form .icon-add:hover,
699 803 body #content .main-block form .button-bar input:hover {
700 804 background: #5E82C6;
701 805 }
... ... @@ -740,7 +844,8 @@ body #content .main-block #delete-profile a {
740 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 849 font-family: FontAwesome;
745 850 font-style: normal;
746 851 font-weight: normal;
... ...
html-cms/blog.html
  Diff comments   Edit   View file @dde6aa9
... ... @@ -21,7 +21,7 @@
21 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 22 <div class="blog-event-information">
23 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 25 <div class="description" >Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit.</div>
26 26 </div>
27 27 </div>
... ... @@ -29,7 +29,7 @@
29 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 30 <div class="blog-event-information">
31 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 33 <div class="description" >Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit.</div>
34 34 </div>
35 35 </div>
... ... @@ -37,7 +37,7 @@
37 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 38 <div class="blog-event-information">
39 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 41 <div class="description" >Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit.</div>
42 42 </div>
43 43 </div>
... ... @@ -83,4 +83,4 @@
83 83 <p>CACIC - Configurador Automático e Coletor de Informações Computacionais</p>
84 84 </div>
85 85 </div>
86   -</div>
87 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 @@
  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   Edit   View file @dde6aa9
... ... @@ -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
... ...
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 3 #catalog-filter{
4 4 display: none;
... ... @@ -21,6 +21,19 @@
21 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 37 .action-search-software_infos .map-or-list-search-results{
25 38 margin-top:20px;
26 39 }
... ... @@ -52,15 +65,15 @@
52 65 .controller-search #content form input.button.submit {
53 66 height: 30px;
54 67 max-height: 30px;
55   - width: 87px;
56   - margin-bottom: 14px;
  68 + width: 104px;
  69 + margin-bottom: 22px;
57 70 margin-left: 32px;
58 71 text-transform: uppercase;
59 72 font-weight: bold;
60 73 /*border: 1px solid #4562b1;*/
61 74 /*padding:0px;*/
62   - /*color:#ffffff;*/
63   - /*background-color:#4562b1;*/
  75 + color:#ffffff;
  76 + background-color:#4562b1;
64 77 }
65 78  
66 79 .controller-search .search-results-type-empty div{
... ... @@ -138,6 +151,11 @@
138 151 margin-left: 130px;
139 152 /*text-align: justify;*/
140 153 }
  154 +
  155 +#content .search-results-box .vcard {
  156 + display: table;
  157 +}
  158 +
141 159 #content .vcard a:hover{
142 160 color:#2C66CE;
143 161 }
... ...
page-inicial.css
  Diff comments   Edit   View file @dde6aa9
... ... @@ -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{
... ... @@ -370,12 +372,11 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
370 372 }
371 373  
372 374 .block.display-content-block .image {
373   - width: 150px;
374   - height: 90px;
375   - position: absolute;
376   - margin-top: 35px;
377 375 border: 0px solid #c0c1c1;
378 376 border-radius: 8px;
  377 + display: table-cell;
  378 + padding-right: 25px;
  379 + width: 150px;
379 380 }
380 381  
381 382 .block.display-content-block .image img {
... ... @@ -391,10 +392,10 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
391 392 }
392 393  
393 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 397 overflow: hidden;
  398 + margin-bottom: 4px !important;
398 399 }
399 400  
400 401 .block.display-content-block .title a {
... ... @@ -405,16 +406,15 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
405 406 }
406 407  
407 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 413 .block.display-content-block .lead a {
414 414 font-size: 15px;
415 415 font-family: Arial;
416 416 line-height: 1.3em;
417   - color: #000000;
  417 + color: #000000;
418 418 }
419 419  
420 420 .block.display-content-block .read_more, .block.display-content-block .tags {
... ... @@ -422,7 +422,12 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
422 422 }
423 423  
424 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 433 /* Tela de Noticias Antigas */
... ... @@ -506,7 +511,7 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
506 511  
507 512 .block.display-last-news-block .lead {
508 513 padding-left: 0px;
509   - padding-right: 0px;
  514 + padding-right: 0px;
510 515 max-height: 23px;
511 516 overflow: hidden;
512 517 }
... ... @@ -515,30 +520,54 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
515 520 font-size: 15px;
516 521 font-family: Arial;
517 522 line-height: 1.3em;
518   - color: #172738;
  523 + color: #172738;
519 524 }
520 525  
521 526 .block.display-last-news-block .read_more, .block.display-last-news-block .tags {
522 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 533 .block.display-last-news-block a,
529 534 .block.display-last-news-block dl.portlet a:visited {
530 535 color: #172738;
531 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 542 #content .block.display-last-news-block a {
538 543 color: #172738;
539 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 572 .menu-submenu down{
544 573  
... ...
pagina-artigos.css
  Diff comments   Edit   View file @dde6aa9
... ... @@ -126,7 +126,7 @@ hr {
126 126 }
127 127  
128 128 ol li {
129   - margin-bottom: 5px;
  129 + margin-bottom: 5px;
130 130 }
131 131  
132 132 .voltar-ao-topo {
... ... @@ -139,7 +139,7 @@ ol li {
139 139 padding-left: 20px;
140 140 background: url(images/voltar-topo.png) no-repeat left center !important;
141 141 color: #777 !important;
142   - font-size: 15px;
  142 + font-size: 15px;
143 143 }
144 144  
145 145 .ancor {
... ... @@ -255,7 +255,7 @@ ol li {
255 255 padding-bottom: 25px;
256 256 padding-left: 1px;
257 257 font-family:"open_sansregular", Arial;
258   -
  258 +
259 259 }
260 260  
261 261 .news_principal_block {
... ... @@ -393,3 +393,59 @@ color: #F91461;
393 393 color: #172938;
394 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 828 border-top: 1px solid #D3D6DE;
829 829 padding-top: 25px;
830 830 margin-bottom: 25px;
  831 + display: table;
  832 + overflow: hidden;
831 833 }
832 834  
833 835 .blog-event-item .blog-event-information .date {
... ... @@ -836,8 +838,10 @@ ul#itens-legend-grafic{
836 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 845 font-size: 15px;
842 846 margin-top: 6px;
843 847 letter-spacing: 0.5px;
... ... @@ -847,17 +851,19 @@ ul#itens-legend-grafic{
847 851 font-size: 14px;
848 852 margin-top: 5px;
849 853 letter-spacing: -0.2px;
  854 + max-height: 57px;
  855 + overflow: hidden;
850 856 }
851 857  
852 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 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 869 .blog-event-item img {
... ...
pagina_software.css
  Diff comments   Edit   View file @dde6aa9
... ... @@ -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;
... ...
style.css
  Diff comments   Edit   View file @dde6aa9
... ... @@ -480,6 +480,7 @@ p {
480 480 text-transform: uppercase;
481 481 font-family: "open_sans", Arial, Helvetica, sans-serif;
482 482 font-variant: normal;
  483 + display: none;
483 484 }
484 485  
485 486 #content .read-more a {
... ... @@ -498,7 +499,7 @@ p {
498 499 }
499 500  
500 501 #content .box .read-more a::after {
501   - content:'>';
  502 + content: url('images/right-arrow.png');
502 503 padding-left: 8px;
503 504 padding-right: 5px;
504 505 margin-left: 7px;
... ... @@ -753,7 +754,6 @@ p {
753 754 }
754 755  
755 756 .block-outer {
756   - float: left;
757 757 margin-bottom: 45px;
758 758 clear: both;
759 759 }
... ... @@ -798,9 +798,9 @@ p {
798 798 font-size: 16px;
799 799 font-style: normal;
800 800 font-weight: bold;
801   - line-height: 1em;
  801 + line-height: 1.3em;
802 802 padding: 0;
803   - color: #000;
  803 + color: #172738 !important ;
804 804 }
805 805  
806 806 #content .main-block h1,
... ... @@ -820,6 +820,7 @@ p {
820 820 .article-body ul {
821 821 list-style-position: inside;
822 822 list-style-type: disc;
  823 + background-repeat: no-repeat;
823 824 }
824 825  
825 826 .article-body ol {
... ... @@ -975,57 +976,6 @@ p {
975 976  
976 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 980 /*borda dos wrappers*/
1031 981 /**/
... ... @@ -1080,10 +1030,10 @@ ul.profile-list .common-profile-list-block {
1080 1030 }
1081 1031  
1082 1032 .common-profile-list-block .profile-image {
1083   - display: block;
  1033 + display: table-cell;
1084 1034 height: 56px;
1085 1035 max-height: 100%;
1086   - width: 100%;
  1036 + text-align: center;
1087 1037 }
1088 1038  
1089 1039 /*.box-2 .common-profile-list-block .vcard a.profile_link,
... ... @@ -1242,14 +1192,86 @@ div#article-parent {
1242 1192 /*paginação*/
1243 1193  
1244 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 1276 #profile-header {
1255 1277 position: absolute; /* Corrige link de login */
... ... @@ -2359,7 +2381,6 @@ body.contraste #content .box .block-title {
2359 2381  
2360 2382 body.contraste.action-home-index .container-block-plugin_container-block .container-block-plugin_container-block,
2361 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 2384 body.contraste.action-environment_design-index #content .box .block-title,
2364 2385 body.contraste .container-block-plugin_container-block .block .block-inner-2,
2365 2386 body.contraste #footer-content {
... ... @@ -2889,3 +2910,213 @@ div.software-step-info div.current-step h3 {
2889 2910 #content .main-block div.software-step-info div.another-step h3 {
2890 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 +}
... ...
theme.js
  Diff comments   Edit   View file @dde6aa9
... ... @@ -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 137 $(document).ready(function(){
122 138 set_events();
123 139 move_article_buttons();
124 140 add_link_to_article_div();
  141 + insert_notice_div();
125 142 });
126 143 })(jQuery);
... ...
token-input.css 0 → 100644
  Diff comments   Edit   View file @dde6aa9
... ... @@ -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 +}
... ...