Commit 672d2ffd3af9174c82e05617f142328851925b21
1 parent
ca81492c
Exists in
master
and in
79 other branches
implemented event and blog community secondary pages html and css
Showing
3 changed files
with
141 additions
and
4 deletions
Show diff stats
html-cms/blog.html
... | ... | @@ -62,4 +62,16 @@ |
62 | 62 | <p>CACIC - Configurador Automático e Coletor de Informações Computacionais</p> |
63 | 63 | </div> |
64 | 64 | </div> |
65 | +</div> | |
66 | + | |
67 | +<div class="community-content-footer"> | |
68 | + <ul id="indexes"> | |
69 | + <li id="previous">Anteriores</li> | |
70 | + <li class="index">1</li> | |
71 | + <li class="index">2</li> | |
72 | + <li class="index">3</li> | |
73 | + <li class="index">4</li> | |
74 | + <li class="index">5</li> | |
75 | + <li id="next">Próximos</li> | |
76 | + </ul> | |
65 | 77 | </div> |
66 | 78 | \ No newline at end of file | ... | ... |
... | ... | @@ -0,0 +1,74 @@ |
1 | +<!-- Left SideBox --> | |
2 | +<div class="side-box"> | |
3 | +<div class="box box-2" id="box-2"><div class="blocks"> | |
4 | + | |
5 | + <div class="block-outer"><div class="block link-list-block" help="Este bloco pode ser usado para criar um menu de links. Você pode incluir, remove e atualizar links como quiser." id="block-1906"><div class="block-inner-1"><div class="block-inner-2"><h3 class="block-title empty"><span></span></h3><ul><li><a href="/search/software_infos" class="icon-no-icon" target="_self">Catálogo de Software</a></li></ul></div></div></div></div> | |
6 | + | |
7 | + <div class="block-outer"><div class="block link-list-block" help="Este bloco pode ser usado para criar um menu de links. Você pode incluir, remove e atualizar links como quiser." id="block-1481"><div class="block-inner-1"><div class="block-inner-2"><h3 class="block-title"><span>Software Público</span></h3><ul><li><a href="/admin/environment_design" class="icon-no-icon" target="_self">Entenda o que é</a></li> | |
8 | +<li><a href="/admin/environment_design" class="icon-no-icon" target="_self">Publique seu software</a></li> | |
9 | + | |
10 | +<li><a href="/admin/environment_design" class="icon-no-icon" target="_self">Desenvolvimento colaborativo</a></li> | |
11 | + | |
12 | +<li><a href="/profile/e-sic" class="icon-no-icon" target="_self">Sobre o Portal</a></li><li><a href="/software-publico-brasileiro/publique-seu-software" class="icon-no-icon" target="_self">Prêmio Ação Coletiva</a></li></ul></div></div></div></div> | |
13 | + | |
14 | + <div class="block-outer"><div class="block link-list-block" help="Este bloco pode ser usado para criar um menu de links. Você pode incluir, remove e atualizar links como quiser." id="block-44"><div class="block-inner-1"><div class="block-inner-2"><h3 class="block-title"><span>Colaboração</span></h3><ul><li><a href="/software-publico-brasileiro/sobre-o-portal" class="icon-no-icon" target="_self">Comunidades</a></li><li><a href="/noticias/" class="icon-no-icon" target="_self">Projetos de software</a></li><li><a href="/software-publico-brasileiro/contato" class="icon-no-icon" target="_self">Usuários</a></li></ul></div></div></div></div> | |
15 | +</div></div></div> | |
16 | + | |
17 | +<!-- Main Area --> | |
18 | +<div id="community-page"> | |
19 | + <h1>Título do evento</h1> | |
20 | + <div id="event-card"> | |
21 | + | |
22 | + <div id="event-image"> | |
23 | + </div> | |
24 | + | |
25 | + <div class="about-event"> | |
26 | + <span class="event-date">7 de fevereiro à 18 de março de 2015</span> | |
27 | + <span class="event-link"><a href="ok.com">http://fga.unb.br/unb-gama/contato</a></span> | |
28 | + <span class="event-address"> | |
29 | + <span id="area">Área Especial de Indústria Projeção A</span> | |
30 | + <span id="district">Gama - Setor Leste</span> | |
31 | + <span id="city">Brasília</span> | |
32 | + <span id="cep">CEP: 72.444-240</span> | |
33 | + </span> | |
34 | +</span> | |
35 | + </div> | |
36 | + </div> | |
37 | + | |
38 | +<div class="event-body"> | |
39 | +<h2>Morbi est est, blandit sit amet, sagittis vel, euismod vel, velit. Pellentesque egestas sem.</h2> | |
40 | +<div class="event-content"> | |
41 | +<p>Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.</p> | |
42 | + | |
43 | +<p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.</p> | |
44 | + | |
45 | +<p>Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.</p> | |
46 | +</div> | |
47 | +</div> | |
48 | +</div> | |
49 | + | |
50 | +<!-- Right SideBox --> | |
51 | +<div id="temp"> | |
52 | +<div class="community-side-box"> | |
53 | + <div class="community-logo"> | |
54 | + | |
55 | + </div> | |
56 | + <div class="community-name"> | |
57 | + <p>CACIC - Configurador Automático e Coletor de Informações Computacionais</p> | |
58 | + </div> | |
59 | +</div> | |
60 | + | |
61 | +<div class="community-side-box"> | |
62 | + <table> | |
63 | + <tr> | |
64 | + <th>Outros Eventos</th> | |
65 | + </tr> | |
66 | + <tr> | |
67 | + <td><span class="another-events-date">29/03 - </span><span class="another-event">Encontro dos colaboradores DF</span></td> | |
68 | + </tr> | |
69 | + <tr> | |
70 | + <td><span class="another-events-date">29/03 - </span><span class="another-event">Lançamento da versão 2.0</span></td> | |
71 | + </tr> | |
72 | + </table> | |
73 | +</div> | |
74 | +</div> | |
0 | 75 | \ No newline at end of file | ... | ... |
pagina_comunidade.css
... | ... | @@ -669,7 +669,7 @@ ul#itens-legend-grafic{ |
669 | 669 | font-family: Arial; |
670 | 670 | font-size: 14px; |
671 | 671 | font-weight: 700; |
672 | - padding-top: 13px; | |
672 | + padding: 13px 15px 0px 15px; | |
673 | 673 | text-align: center; |
674 | 674 | height: 100%; |
675 | 675 | background-color: #ECEDF1; |
... | ... | @@ -707,12 +707,12 @@ ul#itens-legend-grafic{ |
707 | 707 | } |
708 | 708 | |
709 | 709 | .another-events-date { |
710 | - color: #4562b1; | |
710 | + color: #2C4B6B; | |
711 | 711 | font-weight: 700; |
712 | 712 | } |
713 | 713 | |
714 | 714 | .another-event { |
715 | - color: #2C66CE; | |
715 | + color: #2C4B6B; | |
716 | 716 | } |
717 | 717 | |
718 | 718 | /************************** PÁGINA BLOG **************************/ |
... | ... | @@ -810,7 +810,7 @@ ul#itens-legend-grafic{ |
810 | 810 | .blog-event-item{ |
811 | 811 | width: 500px; |
812 | 812 | height: 110px; |
813 | - border-top: solid 1px; | |
813 | + border-top: 1px solid #D3D6DE; | |
814 | 814 | padding-top: 25px; |
815 | 815 | } |
816 | 816 | |
... | ... | @@ -846,3 +846,54 @@ ul#itens-legend-grafic{ |
846 | 846 | padding-left: 4px; |
847 | 847 | |
848 | 848 | } |
849 | + | |
850 | +.community-content-footer { | |
851 | + margin-top: 783px; | |
852 | + padding-left: 2px; | |
853 | + width: 100%; | |
854 | + border-top: 1px solid #D3D6DE; | |
855 | + padding-top: 37px; | |
856 | + padding-bottom: 56px; | |
857 | +} | |
858 | + | |
859 | +.community-content-footer ul li { | |
860 | + display: inline; | |
861 | + border: 1px solid #D3D6DE; | |
862 | +} | |
863 | + | |
864 | +.community-content-footer ul .index { | |
865 | + padding: 7px 11px 7px 11px; | |
866 | + border-radius: 4px; | |
867 | + margin-right: 4px; | |
868 | + font-family: Arial; | |
869 | + font-weight: 700; | |
870 | + font-size: 16px; | |
871 | +} | |
872 | + | |
873 | +.community-content-footer ul #previous { | |
874 | + padding: 7px 11px 7px 11px; | |
875 | + border-radius: 4px; | |
876 | + margin-right: 38px; | |
877 | + font-family: Arial; | |
878 | + font-size: 14px; | |
879 | + padding-left: 35px; | |
880 | +} | |
881 | + | |
882 | +.community-content-footer ul #next { | |
883 | + padding: 7px 11px 7px 11px; | |
884 | + border-radius: 4px; | |
885 | + margin-left: 30px; | |
886 | + padding-left: 14px; | |
887 | + padding-right: 32px; | |
888 | + font-family: Arial; | |
889 | + font-size: 14px; | |
890 | + letter-spacing: 0.6px; | |
891 | +} | |
892 | + | |
893 | +.community-content-footer #indexes li a{ | |
894 | + color: black; | |
895 | +} | |
896 | + | |
897 | +.community-content-footer li:active .index { | |
898 | + background-color: #ECEDF1; | |
899 | +} | |
849 | 900 | \ No newline at end of file | ... | ... |