Download as
Browse Code »

Commit 8707d76147a5dc8c51a0b41e9c7cd26965eb0740

Authored by Gustavo Cruz
1 parent 45dfb18d
Exists in master and in 3 other branches fix_track_card_list_second_page, production, staging

updating theme

Showing 4 changed files with 235 additions and 44 deletions   Show diff stats
cabecalho-amarelo-theme.css
  Diff comments   View file @8707d76
... ... @@ -5,7 +5,7 @@
5 5 #theme-header{}
6 6  
7 7 #header {
8   - padding: 40px 0 0 0;
  8 + padding: 45px 0 0 0;
9 9 background-color: #fcdd4e;/*(amarelo-claro)*/
10 10 /* Old browsers */
11 11 background-color: #f9c404; /*(amarelo-escuro)*/
... ... @@ -48,7 +48,7 @@ background-color: #fcdd4e;/*(amarelo-claro)*/
48 48  
49 49 #accessibility {
50 50 display: block !important;
51   - font-size: 0.8em;
  51 + font-size: 7pt;
52 52 width: 50%;
53 53 float: left;
54 54 }
... ... @@ -59,9 +59,9 @@ background-color: #fcdd4e;/*(amarelo-claro)*/
59 59 }
60 60  
61 61 #accessibility span {
62   - background: #9ed5ab;
63   - color: #00500f;
64   - padding: 0 4px;
  62 + background: none repeat scroll 0 0 #497B16;
  63 + color: #FFFFFF;
  64 + padding: 0 4px;
65 65 }
66 66  
67 67  
... ... @@ -91,7 +91,7 @@ background-color: #fcdd4e;/*(amarelo-claro)*/
91 91 #logo #portal-title {
92 92 margin: 30px 0px 46px 0px;
93 93 color: #03316f;
94   - font-size: 3.35em;
  94 + font-size: 4em;
95 95 font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif;
96 96 font-weight: normal;
97 97 line-height: 1em;
... ...
images/button-read-more-vazio-contraste.png 0 → 100755
View file @8707d76

648 Bytes
images/cabecalho_pairwise.png 0 → 100755
View file @8707d76

52 KB
style.css
  Diff comments   View file @8707d76
... ... @@ -245,6 +245,8 @@ p {
245 245  
246 246 /*****************/
247 247  
  248 +/*Container Block - Bloco de Blocos*/
  249 +
248 250 .container-block-plugin_container-block,
249 251 .container-block-plugin_container-block .block-inner-2{
250 252 background-color: transparent;
... ... @@ -284,6 +286,11 @@ p {
284 286 margin-right: 20px;
285 287 margin-top: 0;
286 288 }
  289 +.action-home-index .block-outer .block .block-outer{
  290 + margin-right: 0px;
  291 +}
  292 +
  293 +/****Display Content - Bloco de artigo****/
287 294  
288 295 .display-content-block .lead {
289 296 overflow: hidden;
... ... @@ -317,6 +324,131 @@ p {
317 324  
318 325 }
319 326  
  327 +
  328 +/*Display Content na página inicial*/
  329 +
  330 +.action-home-index #content .display-content-block .block-inner-2,
  331 +.action-environment_design-index #content .display-content-block .block-inner-2{
  332 + display: inline-block;
  333 +}
  334 +.action-home-index #content .display-content-block .title,
  335 +.action-environment_design-index #content .display-content-block .title{
  336 + float: right;
  337 + width: 50%;
  338 + padding-right: 0;
  339 +}
  340 +.action-home-index #content .display-content-block .image,
  341 +.action-environment_design-index #content .display-content-block .image{
  342 + float: left;
  343 + width: 450px;
  344 +}
  345 +.action-home-index #content .display-content-block .image img,
  346 +.action-environment_design-index #content .display-content-block .image img{
  347 + max-width: 450px;
  348 + max-height: 300px;
  349 +}
  350 +.action-home-index #content .display-content-block .image a,
  351 +.action-environment_design-index #content .display-content-block .image a{
  352 +}
  353 +.action-home-index #content .display-content-block .lead,
  354 +.action-environment_design-index #content .display-content-block .lead{
  355 + float: right;
  356 + width: 50%;
  357 + clear: right;
  358 +}
  359 +.action-home-index #content .display-content-block .lead .img,
  360 +.action-environment_design-index #content .display-content-block .lead .img{
  361 +}
  362 +.action-home-index #content .display-content-block .tags,
  363 +.action-environment_design-index #content .display-content-block .tags{
  364 + float: right;
  365 + width: 50%;
  366 + clear: right;
  367 +}
  368 +.action-home-index #content .display-content-block .published-at,
  369 +.action-environment_design-index #content .display-content-block .published-at{
  370 + float: right;
  371 + width: 50%;
  372 +}
  373 +.action-home-index #content .display-content-block .read_more,
  374 +.action-environment_design-index #content .display-content-block .read_more{
  375 + float: right;
  376 + width: 50%;
  377 + clear: right;
  378 +}
  379 +
  380 +/*Display Content em container na página inicial*/
  381 +
  382 +.action-home-index .container-block-plugin_container-block .container-block-plugin_container-block,
  383 +.action-environment_design-index .container-block-plugin_container-block .container-block-plugin_container-block{
  384 + width: 630px !important;
  385 + background-color: white;
  386 +}
  387 +
  388 +.action-home-index #wrap-2 .block-outer .container-block-plugin_container-block div.display-content-block,
  389 +.action-environment_design-index #wrap-2 .block-outer .container-block-plugin_container-block div.display-content-block {
  390 + margin-right: 24px;
  391 + width: 270px !important;
  392 +}
  393 +
  394 +.action-home-index .people-block,
  395 +.action-environment_design-index .people-block {
  396 + /* overflow: hidden;*/
  397 + width: 314px !important;
  398 +}
  399 +
  400 +.action-home-index #content .container-block-plugin_container-block .display-content-block .block-inner-2,
  401 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .block-inner-2{
  402 + overflow: hidden;
  403 +}
  404 +.action-home-index #content .container-block-plugin_container-block .display-content-block .title,
  405 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .title{
  406 + float: none;
  407 + width: 100%;
  408 + padding-right: 0;
  409 +}
  410 +.action-home-index #content .container-block-plugin_container-block .display-content-block .image,
  411 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .image{
  412 + float: none;
  413 + width: 100%;
  414 + text-align: center;
  415 + margin-bottom: 1em;
  416 +}
  417 +.action-home-index #content .container-block-plugin_container-block .display-content-block .image img,
  418 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .image img{
  419 + max-width: 258px;
  420 + max-height: 265px;
  421 +}
  422 +.action-home-index #content .container-block-plugin_container-block .display-content-block .image a,
  423 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .image a{
  424 +}
  425 +.action-home-index #content .container-block-plugin_container-block .display-content-block .lead,
  426 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .lead{
  427 + float: none;
  428 + width: 100%;
  429 + clear: right;
  430 +}
  431 +.action-home-index #content .container-block-plugin_container-block .display-content-block .lead .img,
  432 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .lead .img{
  433 +}
  434 +.action-home-index #content .container-block-plugin_container-block .display-content-block .tags,
  435 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .tags{
  436 + float: none;
  437 + width: 100%;
  438 + clear: right;
  439 +}
  440 +.action-home-index #content .container-block-plugin_container-block .display-content-block .published-at,
  441 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .published-at{
  442 + float: none;
  443 + width: 100%;
  444 +}
  445 +.action-home-index #content .container-block-plugin_container-block .display-content-block .read_more,
  446 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .read_more{
  447 + float: none;
  448 + width: 100%;
  449 + clear: right;
  450 +}
  451 +
320 452 /*borda dos wrappers*/
321 453 /**/
322 454 #main-content-wrapper-1,
... ... @@ -713,19 +845,20 @@ input.button.with-text {
713 845  
714 846 .community-track-plugin_track-card-list-block .track_list{
715 847 text-align: center;
  848 + padding: 0 0px;
716 849 }
717 850  
718 851 .track_list .item_card {
719 852 background-color: #FFFAFA;
720 853 border: 1px solid #DDDDDD;
721 854 display: inline-block;
722   - float: none;
723   - height: 100%;
724   - margin: 10px 15px;
725   - max-width: 190px;
726   - min-height: 335px;
  855 + float: left;
  856 + clear: right;
  857 + margin: 10px 9px;
  858 + max-width: 214px;
  859 + height: 390px;
727 860 padding: 0;
728   - width: 190px;
  861 + width: 214px;
729 862 }
730 863  
731 864 .track_list .item_card a{
... ... @@ -746,26 +879,27 @@ input.button.with-text {
746 879 /**/
747 880  
748 881 #content .track_list .item_card .track_content{
749   - height: 335px;
  882 + height: 355px;
750 883 overflow: hidden;
751 884 }
752 885  
753 886 #content .track_list .item_card .track_content .title{
754 887 color: white;
  888 + font-family: Arial,sans-serif;
755 889 font-size: small;
756   - font-weight: normal;
  890 + font-weight: bold;
  891 + min-height: 15px;
757 892 padding: 5px 0;
758 893 text-align: center;
759   - min-height: 16px;
760 894 }
761 895  
762 896  
763 897 #content .track_list .item_card .track_content .image{
764 898 border: 1px solid #ddd;
765   - width: 175px;
766   - height: 122px;
  899 + width: 196px;
  900 + height: 146px;
767 901 overflow: hidden;
768   - margin: 0.5em;
  902 + margin: 8px;
769 903 }
770 904  
771 905 #content .track_list .item_card .track_content .name {
... ... @@ -773,14 +907,15 @@ input.button.with-text {
773 907 font-weight: normal;
774 908 padding: 5px 0;
775 909 text-align: left;
776   - margin: 0 0.5em;
  910 + margin: 0 8px;
  911 + color: #444;
777 912 }
778 913  
779 914  
780 915 #content .track_list .item_card .track_content .lead {
781 916 font-weight: normal;
782 917 padding: 5px 0;
783   - margin: 0 0.5em;
  918 + margin: 0 8px;
784 919 text-align: left;
785 920 color: black;
786 921 }
... ... @@ -833,7 +968,7 @@ input.button.with-text {
833 968 }
834 969  
835 970 .track_list .item_card .track_stats {
836   - padding: 0 5px;
  971 + padding: 5px 5px 0;
837 972 height: 25px;
838 973 }
839 974 .track_list .item_card .track_stats .counter {
... ... @@ -842,11 +977,14 @@ input.button.with-text {
842 977 text-align: left;
843 978 font-size: 10pt;
844 979 display: block;
  980 + color: #444;
845 981 }
846 982 .track_list .item_card .track_stats .hits .label,
847 983 .track_list .item_card .track_stats .comments .label {
848 984 font-size: 7pt;
849 985 float: right;
  986 + color: #444;
  987 + visibility: hidden;
850 988 }
851 989 /**/
852 990  
... ... @@ -1066,10 +1204,10 @@ input.button.with-text {
1066 1204 text-align: left;
1067 1205 }
1068 1206  
1069   -.more_button .view_all a,
1070   -.read_more a{
  1207 +#content .more_button .view_all a,
  1208 +#content .read_more a{
1071 1209 background: url("images/button-read-more-vazio.png") no-repeat scroll left 50% transparent;
1072   - color: #000000;
  1210 + color: #333;
1073 1211 display: inline-block;
1074 1212 font-weight: bold;
1075 1213 padding: 10px 20px 10px 50px;
... ... @@ -1081,7 +1219,7 @@ input.button.with-text {
1081 1219 }
1082 1220  
1083 1221 .community-track-plugin_track-card-list-block .more_button .view_all a{
1084   - margin-right: 35px;
  1222 + margin-right: 12px;
1085 1223 }
1086 1224  
1087 1225 /*área do rodapé do bloco onde fica o botão ver todos*/
... ... @@ -1094,7 +1232,7 @@ input.button.with-text {
1094 1232 margin-right: 8px;
1095 1233 }
1096 1234  
1097   -#content .tags-block .block-footer-content a, #content .people-block .block-footer-content a, #content .profile-list-block .block-footer-content a, #content .enterprises-block .block-footer-content a, #content .members-block .block-footer-content a, #content .communities-block .block-footer-content a, #content .friends-block .block-footer-content a {
  1235 +/*#content .tags-block .block-footer-content a, */#content .people-block .block-footer-content a, #content .profile-list-block .block-footer-content a, #content .enterprises-block .block-footer-content a, #content .members-block .block-footer-content a, #content .communities-block .block-footer-content a, #content .friends-block .block-footer-content a {
1098 1236 background: url("images/button-read-more-vazio.png") no-repeat scroll left 50% transparent;
1099 1237 color: #000000;
1100 1238 display: inline-block;
... ... @@ -1162,11 +1300,27 @@ input.button.with-text {
1162 1300 text-align: left;
1163 1301 }
1164 1302  
  1303 +.action-home-index #content .display-content-block:first-of-type .block-title span,
  1304 +.action-environment_design-index #content .display-content-block:first-of-type .block-title span {
  1305 + background-color: #f7b905;
  1306 + color: #0a4d06;
  1307 + font-size: 14px;
  1308 + font-variant: normal;
  1309 + padding: 0.5em 1em;
  1310 + text-align: left;
  1311 +}
  1312 +
1165 1313 .action-home-index .block .block-inner-2,
1166 1314 .action-environment_design-index .block .block-inner-2 {
1167 1315 background-color: white;
1168 1316 padding: 1em;
1169   - margin: -10px -8px -8px;
  1317 + /*margin: -10px -8px -8px;*/
  1318 + margin: 0;
  1319 +}
  1320 +
  1321 +.action-home-index .community-track-plugin_track-card-list-block .block-inner-2,
  1322 +.action-environment_design-index .community-track-plugin_track-card-list-block .block-inner-2 {
  1323 + background: url("images/bg-pessoas.jpg") no-repeat scroll center top transparent;
1170 1324 }
1171 1325  
1172 1326 /**/
... ... @@ -1186,8 +1340,8 @@ input.button.with-text {
1186 1340  
1187 1341 .action-home-index .people-block .common-profile-list-block .profile_link,
1188 1342 .action-environment_design-index .people-block .common-profile-list-block .profile_link{
1189   - height: 50px;
1190   - width: 50px;
  1343 + height: 56px;
  1344 + width: 56px;
1191 1345 margin: -1px -2px;
1192 1346 padding: 0;
1193 1347 border: 1px solid white !important;
... ... @@ -1201,9 +1355,9 @@ input.button.with-text {
1201 1355 color: #fff;
1202 1356 font-size: medium;
1203 1357 font-weight: bold;
1204   - height: 50px;
1205   - line-height: 50px;
1206   - width: 99px;
  1358 + height: 56px;
  1359 + line-height: 56px;
  1360 + width: 112px;
1207 1361 }
1208 1362  
1209 1363 .action-home-index .vcard .menu-submenu,
... ... @@ -1211,14 +1365,7 @@ input.button.with-text {
1211 1365 bottom: 100%;
1212 1366 }
1213 1367  
1214   -.action-home-index #content .tags-block {
1215   - bottom: -21px;
1216   - left: 25%;
1217   - margin-left: -50%;
1218   - position: absolute;
1219   - width: 1440px;
1220   -}
1221   -
  1368 +.action-home-index #content .tags-block,
1222 1369 .action-environment_design-index #content .tags-block {
1223 1370 bottom: -21px;
1224 1371 left: 25%;
... ... @@ -1238,6 +1385,11 @@ input.button.with-text {
1238 1385 font-weight: bold;
1239 1386 }
1240 1387  
  1388 +.action-home-index #content .tags-block .block-footer-content,
  1389 +.action-environment_design-index .tags-block .block-footer-content{
  1390 + display: none;
  1391 +}
  1392 +
1241 1393 .action-home-index #content .tags-block .block-title,
1242 1394 .action-environment_design-index #content .tags-block .block-title {
1243 1395 display: none;
... ... @@ -1270,7 +1422,7 @@ input.button.with-text {
1270 1422  
1271 1423 .action-home-index .box-1 .common-profile-list-block span.banner-span,
1272 1424 .action-environment_design-index .box-1 .common-profile-list-block span.banner-span{
1273   - width: 99px;
  1425 + width: 111px;
1274 1426 }
1275 1427  
1276 1428 .action-home-index .common-profile-list-block .profile-image,
... ... @@ -1283,6 +1435,35 @@ input.button.with-text {
1283 1435 }
1284 1436  
1285 1437  
  1438 +/*Container na página inicial*/
  1439 +/*Container Block - Bloco de Blocos*/
  1440 +
  1441 +.action-home-index .container-block-plugin_container-block,
  1442 +.action-home-index .container-block-plugin_container-block .block-inner-2,
  1443 +.action-environment_design-index .container-block-plugin_container-block,
  1444 +.action-environment_design-index .container-block-plugin_container-block .block-inner-2{
  1445 + background-color: transparent;
  1446 +
  1447 +}
  1448 +
  1449 +.action-home-index .container-block-plugin_container-block .block .block-inner-2,
  1450 +.action-environment_design-index .container-block-plugin_container-block .block .block-inner-2{
  1451 + background-color: white;
  1452 +}
  1453 +
  1454 +
  1455 +.action-home-index .people-block .block-inner-2,
  1456 +.action-environment_design-index .people-block .block-inner-2{
  1457 + margin-left: 14px;
  1458 +}
  1459 +
  1460 +.action-home-index .container-block-plugin_container-block .container-block-plugin_container-block .block-inner-2,
  1461 +.action-environment_design-index .container-block-plugin_container-block .container-block-plugin_container-block .block-inner-2 {
  1462 + background-color: white;
  1463 +}
  1464 +
  1465 +/***************************************/
  1466 +
1286 1467 /* Bloco Estatistica na página inicial*/
1287 1468  
1288 1469 .action-home-index .block.statistics-block .block-inner-2,
... ... @@ -1346,8 +1527,8 @@ input.button.with-text {
1346 1527 /* Fim Bloco Estatistica */
1347 1528  
1348 1529  
1349   -/*Acessibilidade*/
1350   -/* Contraste */
  1530 +/*:::::::::::Acessibilidade:::::::::::*/
  1531 +/************* Contraste *************/
1351 1532  
1352 1533 body.contraste,
1353 1534 body.contraste #wrap-2,
... ... @@ -1377,8 +1558,11 @@ body.contraste #content .enterprises-block .block-footer-content a,
1377 1558 body.contraste #content .members-block .block-footer-content a,
1378 1559 body.contraste #content .communities-block .block-footer-content a,
1379 1560 body.contraste #content .friends-block .block-footer-content a,
  1561 +body.contraste #content .more_button .view_all a,
  1562 +body.contraste #content .read_more a,
1380 1563 body.contraste .more_button .view_all a,
1381   -body.contraste .read_more a {
  1564 +body.contraste .read_more a
  1565 +{
1382 1566 background: url("images/button-read-more-vazio-contraste.png") no-repeat scroll left 50% transparent;
1383 1567 }
1384 1568  
... ... @@ -1441,9 +1625,12 @@ body.action-environment_design-index #content .box .block-title {
1441 1625 }
1442 1626  
1443 1627 body.contraste #content .link-list-block li a {
  1628 + background-color: #EEEFFF; {
1444 1629 background-color: #000;
1445 1630 color: white;
1446 1631 }
  1632 +
  1633 +body.contraste #content .link-list-block li a.link-this-page,
1447 1634 body.contraste #content .link-list-block li a:hover {
1448 1635 background-color: #333;
1449 1636 color: #ffff00;
... ... @@ -1480,4 +1667,8 @@ body.contraste .ui-widget-header .ui-state-active {
1480 1667 background-color: #000;
1481 1668 }
1482 1669  
  1670 +body.contraste #footer-logos {
  1671 + background-color: #000;
  1672 +}
  1673 +
1483 1674  
... ...