Commit 8cb871b2f01f3db6ba731de96dafa2cffdcc8608
0 parents
Exists in
master
Add home and article page of event template
Showing
31 changed files
with
423 additions
and
0 deletions
Show diff stats
| 1 | +++ a/_article.sass | |
| ... | ... | @@ -0,0 +1,31 @@ |
| 1 | +#article | |
| 2 | + color: #69677A | |
| 3 | + #article-parent | |
| 4 | + font-family: 'Ubuntu' | |
| 5 | + background: url("images/dots.png") repeat-x left center | |
| 6 | + border-left: 10px solid #575959 | |
| 7 | + text-align: left | |
| 8 | + a | |
| 9 | + background: #FFF | |
| 10 | + border: none | |
| 11 | + color: #69677A | |
| 12 | + font-size: 15px | |
| 13 | + font-style: normal | |
| 14 | + padding-left: 10px | |
| 15 | + &:hover | |
| 16 | + color: #69677A | |
| 17 | + font-weight: bold | |
| 18 | + #article-header | |
| 19 | + .publishing-info | |
| 20 | + .author, .comments | |
| 21 | + display: none | |
| 22 | + .title | |
| 23 | + font-family: 'Ubuntu' | |
| 24 | + font-weight: bold | |
| 25 | + font-size: 20px | |
| 26 | + font-variant: normal | |
| 27 | + border-bottom: none | |
| 28 | + .article-body | |
| 29 | + border-bottom: 1px dotted #69677A | |
| 30 | + line-height: 1.5 | |
| 31 | + font-size: 14px | ... | ... |
| 1 | +++ a/_blocks.sass | |
| ... | ... | @@ -0,0 +1,74 @@ |
| 1 | +#content | |
| 2 | + .link-list-block | |
| 3 | + background-color: #696778 | |
| 4 | + border-radius: 5px | |
| 5 | + padding: 0px | |
| 6 | + li | |
| 7 | + border-bottom: 1px dotted #9A9996 | |
| 8 | + margin: 0px | |
| 9 | + padding: 20px | |
| 10 | + background-color: transparent | |
| 11 | + a | |
| 12 | + background: url('images/arrow.png') left center no-repeat | |
| 13 | + color: #FFF | |
| 14 | + font-size: 15px | |
| 15 | + padding-left: 40px | |
| 16 | + &:hover | |
| 17 | + background-color: transparent | |
| 18 | + font-weight: bold | |
| 19 | + .block-outer:last-child .link-list-block | |
| 20 | + color: #69677A | |
| 21 | + border: 1px solid #69677A | |
| 22 | + .block-title | |
| 23 | + background-image: url('images/centralconteudos.png') | |
| 24 | + background-size: auto | |
| 25 | + color: #E4E5CC | |
| 26 | + margin: 0px | |
| 27 | + margin-left: 10px | |
| 28 | + padding: 20px 0px 20px 35px | |
| 29 | + text-transform: none | |
| 30 | + ul | |
| 31 | + background-color: #FFF | |
| 32 | + li | |
| 33 | + border-bottom: none | |
| 34 | + a | |
| 35 | + background: none | |
| 36 | + color: #69677A | |
| 37 | + font-weight: bold | |
| 38 | + padding-left: 15px | |
| 39 | + .highlights-block | |
| 40 | + font-family: 'Ubuntu Mediun' | |
| 41 | + height: auto | |
| 42 | + .block-title | |
| 43 | + font-family: 'Ubuntu Mediun' | |
| 44 | + color: #FFF | |
| 45 | + position: absolute | |
| 46 | + margin: 20px 0px 0px 15px | |
| 47 | + z-index: 10 | |
| 48 | + .highlights-container | |
| 49 | + height: 350px !important | |
| 50 | + border: transparent | |
| 51 | + .highlights-image-link | |
| 52 | + background-color: #3F3D49 | |
| 53 | + height: 350px !important | |
| 54 | + .highlights-label | |
| 55 | + background: transparent url('images/more.png') 98% center no-repeat | |
| 56 | + font-size: 16px | |
| 57 | + color: #E4E5C9 | |
| 58 | + div | |
| 59 | + margin: 0px 40px 0px 15px | |
| 60 | + .highlights-block-pager | |
| 61 | + width: 99% | |
| 62 | + padding: 0px | |
| 63 | + background: #3F3D49 url('images/slide-bg.png') center repeat-x | |
| 64 | + a | |
| 65 | + display: inline-block | |
| 66 | + color: transparent | |
| 67 | + width: 100px | |
| 68 | + font-size: 1px | |
| 69 | + margin: 0px | |
| 70 | + padding: 10px 0px | |
| 71 | + &.activeSlide | |
| 72 | + background: url('images/activeslide-bg.png') center repeat-x | |
| 73 | + .highlights-block-footer | |
| 74 | + display: none | ... | ... |
| 1 | +++ a/_home.sass | |
| ... | ... | @@ -0,0 +1,96 @@ |
| 1 | +#content | |
| 2 | + #article.blog #article-header h1.title | |
| 3 | + background: url('images/arrow.png') no-repeat left center | |
| 4 | + font-family: 'Ubuntu' | |
| 5 | + color: #686679 | |
| 6 | + font-variant: normal | |
| 7 | + font-size: 18px | |
| 8 | + padding: 2px 0px 2px 35px | |
| 9 | + border: none | |
| 10 | + #article | |
| 11 | + .blog-posts | |
| 12 | + .blog-post | |
| 13 | + background: none | |
| 14 | + .publishing-info | |
| 15 | + display: none | |
| 16 | + .title | |
| 17 | + font-family: 'Ubuntu' | |
| 18 | + margin-left: 30% | |
| 19 | + border-bottom: none | |
| 20 | + a | |
| 21 | + text-decoration: none | |
| 22 | + color: #6E6E6E | |
| 23 | + font-size: 16px | |
| 24 | + font-variant: normal | |
| 25 | + font-weight: bold | |
| 26 | + .article-compact-image | |
| 27 | + margin-top: -35px | |
| 28 | + .article-compact-abstract-with-image | |
| 29 | + display: none | |
| 30 | + .read-more-link | |
| 31 | + margin: 20px 0px 0px 20px | |
| 32 | + display: inline-block | |
| 33 | + background: url('images/dark-more.png') no-repeat left center | |
| 34 | + padding: 8px 0px | |
| 35 | + text-decoration: none | |
| 36 | + span | |
| 37 | + padding-left: 50px | |
| 38 | + font-family: 'Ubuntu' | |
| 39 | + font-size: 16px | |
| 40 | + font-weight: bold | |
| 41 | + hr.sep-posts | |
| 42 | + display: block | |
| 43 | + margin-top: 15px | |
| 44 | + .pagination | |
| 45 | + display: none | |
| 46 | + .container-block-plugin_container-block | |
| 47 | + .block-outer | |
| 48 | + width: 49% | |
| 49 | + height: 270px | |
| 50 | + border: 1px solid #69677A | |
| 51 | + border-radius: 5px | |
| 52 | + .block-title | |
| 53 | + margin: 0px | |
| 54 | + padding: 20px 50px | |
| 55 | + color: #E4E5CC | |
| 56 | + background: #69677A url('images/video-bg.png') no-repeat 10px center | |
| 57 | + text-transform: capitalize | |
| 58 | + &:first-child | |
| 59 | + color: #696776 | |
| 60 | + margin-right: 10px | |
| 61 | + border-color: #DAE1C4 | |
| 62 | + .block-title | |
| 63 | + background-image: url('images/oquee.png') | |
| 64 | + background-color: #DAE1C4 | |
| 65 | + color: #696776 | |
| 66 | + .display-content-block | |
| 67 | + ul | |
| 68 | + margin: 0px | |
| 69 | + .lead | |
| 70 | + font-family: 'Ubuntu' | |
| 71 | + font-size: 14px | |
| 72 | + line-height: 1.5 | |
| 73 | + height: 125px | |
| 74 | + overflow: hidden | |
| 75 | + padding: 10px | |
| 76 | + .read_more | |
| 77 | + padding: 5px 0px | |
| 78 | + margin-left: 10px | |
| 79 | + margin-top: 20px | |
| 80 | + background: url('images/more.png') no-repeat left center | |
| 81 | + a | |
| 82 | + font-family: 'Ubuntu' | |
| 83 | + font-weight: bold | |
| 84 | + font-size: 14px | |
| 85 | + padding-left: 40px | |
| 86 | + text-transform: lowercase | |
| 87 | + text-decoration: none | |
| 88 | + .video-block | |
| 89 | + margin: 0px | |
| 90 | + .video-block-data | |
| 91 | + padding: 10px 5px | |
| 92 | + iframe | |
| 93 | + height: 188px !important | |
| 94 | + width: 335px !important | |
| 95 | + border-radius: 5px | |
| 96 | + | ... | ... |
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
| 1 | +++ a/header.html.erb | |
| ... | ... | @@ -0,0 +1,101 @@ |
| 1 | +<div id="barra-brasil"> | |
| 2 | + <a href="http://brasil.gov.br" style="background:#7F7F7F; height: 20px; padding:4px 0 4px 10px; display: block; font-family:sans,sans-serif; text-decoration:none; color:white; ">Portal do Governo Brasileiro</a> | |
| 3 | +</div> | |
| 4 | + | |
| 5 | + | |
| 6 | +<div class="header-content"> | |
| 7 | + <div role="banner" id="header"> | |
| 8 | + <div> | |
| 9 | + <ul id="accessibility"> | |
| 10 | + <li> | |
| 11 | + <a id="link-conteudo" href="#content" accesskey="1"> | |
| 12 | + Ir para o conteúdo | |
| 13 | + <span>1</span> | |
| 14 | + </a> | |
| 15 | + </li> | |
| 16 | + <li> | |
| 17 | + <a id="link-navegacao" href="#barra-psocial" accesskey="2"> | |
| 18 | + Ir para o menu | |
| 19 | + <span>2</span> | |
| 20 | + </a> | |
| 21 | + </li> | |
| 22 | + <li> | |
| 23 | + <a id="link-buscar" href="#portal-searchbox" accesskey="3"> | |
| 24 | + Ir para a busca | |
| 25 | + <span>3</span> | |
| 26 | + </a> | |
| 27 | + </li> | |
| 28 | + <li> | |
| 29 | + <a id="link-rodape" href="#theme-footer" accesskey="4"> | |
| 30 | + Ir para o rodapé | |
| 31 | + <span>4</span> | |
| 32 | + </a> | |
| 33 | + </li> | |
| 34 | + </ul> | |
| 35 | + <ul id="portal-siteactions"> | |
| 36 | + <li id="siteaction-accessibility"> | |
| 37 | + <a href="#">Acessibilidade</a> | |
| 38 | + </li> | |
| 39 | + <li id="siteaction-contraste"> | |
| 40 | + <a href="#">Alto Contraste</a> | |
| 41 | + </li> | |
| 42 | + <li id="siteaction-mapadosite"> | |
| 43 | + <a href="/search">Mapa do Site</a> | |
| 44 | + </li> | |
| 45 | + </ul> | |
| 46 | + | |
| 47 | + <div id="logo"> | |
| 48 | + <a title="Participa.br" href="/"> | |
| 49 | + <span id="portal-title">Participa.br</span> | |
| 50 | + </a> | |
| 51 | + </div> | |
| 52 | + | |
| 53 | + <div role="search" id="portal-searchbox"> | |
| 54 | + <form action="/search/articles"> | |
| 55 | + <input type="text" autocomplete="off" name="query" size="18" title="Buscar no Site" placeholder="Buscar no Site" accesskey="3" class="searchField" id="searchGadget"> | |
| 56 | + <input type="submit" class="searchButton" value="Buscar"></form> | |
| 57 | + </div> | |
| 58 | + | |
| 59 | + <div id="social-icons"> | |
| 60 | + <ul> | |
| 61 | + <li> | |
| 62 | + <a id="sb_flickr" title="Flickr" href="https://www.flickr.com/photos/110745331@N02/"><span>Flickr</span></a> | |
| 63 | + </li> | |
| 64 | + <li> | |
| 65 | + <a id="sb_face" title="Facebook" href="http://facebook.com/participabr"><span>Facebook</span></a> | |
| 66 | + </li> | |
| 67 | + <li> | |
| 68 | + <a id="sb_youtb" title="Youtube" href="https://www.youtube.com/participabrasil"><span>Youtube</span></a> | |
| 69 | + </li> | |
| 70 | + <li> | |
| 71 | + <a id="sb_tweet" title="Twitter" href="http://twitter.com/participabr"><span>Twitter</span></a> | |
| 72 | + </li> | |
| 73 | + </ul> | |
| 74 | + </div> | |
| 75 | + </div> | |
| 76 | + | |
| 77 | + <div id="sobre"> | |
| 78 | + <ul> | |
| 79 | + <li id="link-faq"> | |
| 80 | + <a href="/ajuda/ajuda/duvidas-frequentes">Perguntas frequentes</a> | |
| 81 | + </li> | |
| 82 | + <li id="link-contact"> | |
| 83 | + <a href="/contact/portal/new">Contato</a> | |
| 84 | + </li> | |
| 85 | + </ul> | |
| 86 | + </div> | |
| 87 | + </div> | |
| 88 | +</div> | |
| 89 | + | |
| 90 | +<div id="barra-psocial"> | |
| 91 | + <span id="custom-menu"> | |
| 92 | + <a href="http://biblioteca.participa.br/" target="_blank"><img src="/designs/themes/participa-theme/images/biblioteca_digital.png" title="Biblioteca Digital"></a> | |
| 93 | + </span> | |
| 94 | + <div id="categories_menu"> | |
| 95 | + <%= theme_include 'categories' %> | |
| 96 | + </div> | |
| 97 | + <div id="participa-languages"> | |
| 98 | + <a href="?lang=pt" class="flag-pt" title="Português"><span>Português</span></a> | |
| 99 | + <a href="?lang=en" class="flag-en" title="English"><span>English</span></a> | |
| 100 | + </div> | |
| 101 | +</div> | ... | ... |
136 Bytes
981 Bytes
1.07 KB
562 Bytes
142 Bytes
672 Bytes
1.04 KB
135 Bytes
1.26 KB
| 1 | +++ a/style.sass | |
| ... | ... | @@ -0,0 +1,77 @@ |
| 1 | +@import url(../profile-base/style.css) | |
| 2 | + | |
| 3 | +@font-face | |
| 4 | + font-family: 'Ubuntu' | |
| 5 | + font-weight: 300 | |
| 6 | + font-style: normal | |
| 7 | + src: url('fonts/Ubuntu-R.ttf') | |
| 8 | + | |
| 9 | +@font-face | |
| 10 | + font-family: 'Ubuntu Mediun' | |
| 11 | + font-weight: 300 | |
| 12 | + font-style: normal | |
| 13 | + src: url('fonts/Ubuntu-M.ttf') | |
| 14 | + | |
| 15 | +@font-face | |
| 16 | + font-family: 'Ubuntu' | |
| 17 | + font-weight: 300 | |
| 18 | + font-style: italic | |
| 19 | + src: url('fonts/Ubuntu-RI.ttf') | |
| 20 | + | |
| 21 | +body | |
| 22 | + background: #fff | |
| 23 | + | |
| 24 | +#barra-brasil | |
| 25 | + border-bottom: 1px solid #eee | |
| 26 | + width: 100% | |
| 27 | + z-index: 99 | |
| 28 | + div#wrapper-barra-brasil | |
| 29 | + font-family: Arial, Helvetica, sans-serif !important | |
| 30 | + width: 960px | |
| 31 | + | |
| 32 | +#theme-header, #site-title | |
| 33 | + display: none | |
| 34 | + | |
| 35 | +#wrap-2 | |
| 36 | + border: none | |
| 37 | + margin: 0 | |
| 38 | + padding: 0 | |
| 39 | + #user | |
| 40 | + display: none | |
| 41 | + | |
| 42 | +@import profileheader | |
| 43 | + | |
| 44 | +#boxes | |
| 45 | + margin-top: 15px | |
| 46 | + | |
| 47 | +.box-1 | |
| 48 | + margin-left: 253px | |
| 49 | + | |
| 50 | +.box-2 | |
| 51 | + width: 225px | |
| 52 | + | |
| 53 | +@import blocks | |
| 54 | + | |
| 55 | +@import home | |
| 56 | + | |
| 57 | +.main-content | |
| 58 | + border: none | |
| 59 | + box-shadow: none | |
| 60 | + | |
| 61 | +#content | |
| 62 | + .block-title | |
| 63 | + border: none | |
| 64 | + color: #000 | |
| 65 | + font-size: 18px | |
| 66 | + font-variant: normal | |
| 67 | + font-weight: normal | |
| 68 | + margin-bottom: 30px | |
| 69 | + text-transform: uppercase | |
| 70 | + background: url('images/arrow.png') no-repeat left center | |
| 71 | + background-size: contain | |
| 72 | + padding: 2px 0px 2px 25px | |
| 73 | + span | |
| 74 | + height: 30px | |
| 75 | + | |
| 76 | +#content | |
| 77 | + @import article | ... | ... |
| 1 | +++ a/theme.js | |
| ... | ... | @@ -0,0 +1,32 @@ |
| 1 | +(function($){ | |
| 2 | + function setBreadcrumbs(){ | |
| 3 | + $('div.breadcrumbs-plugin_content-breadcrumbs-block .separator').text(' / '); | |
| 4 | + $('<span id="breadcrumbs-you-are-here">Você está aqui / </span>').insertBefore($('.breadcrumbs-plugin_content-breadcrumbs-block .block-inner-2').children().first()); | |
| 5 | + } | |
| 6 | + | |
| 7 | + function changeHighlighsBlock() { | |
| 8 | + //Move HighlightsBlock title | |
| 9 | + var title = $('.highlights-block .block-title'); | |
| 10 | + $(title).prependTo('.highlights-block .highlights-border'); | |
| 11 | + | |
| 12 | + //Add span around HighlightsBlock label | |
| 13 | + $('.highlights-block .highlights-label').each(function() { | |
| 14 | + var label = $(this); | |
| 15 | + label.html('<div>'+label.text()+'</div>'); | |
| 16 | + }); | |
| 17 | + } | |
| 18 | + | |
| 19 | + function addReadMoreLink() { | |
| 20 | + $('#article.blog .blog-post').each(function() { | |
| 21 | + var link = $(this).find('.title a'); | |
| 22 | + var div = '<a class="read-more-link" href="'+link.attr('href')+'"><span>leia mais</span></a>'; | |
| 23 | + $(div).insertAfter($(this).find('.article-compact-image')); | |
| 24 | + }); | |
| 25 | + } | |
| 26 | + | |
| 27 | + $(document).ready(function(){ | |
| 28 | + setBreadcrumbs(); | |
| 29 | + changeHighlighsBlock(); | |
| 30 | + addReadMoreLink(); | |
| 31 | + }); | |
| 32 | +})(jQuery); | ... | ... |