Download as
Browse Code »

Commit 60f522631951cea9674303e6a8846acde2c7becb

Authored by Juliana
1 parent 9184ae9a
Exists in master and in 79 other branches add_sisp_to_chef, add_super_archives_plugin, api_for_colab, automates_core_packing, backup_not_prod, changes_in_buttons_on_content_panel, colab_automated_login, colab_spb_plugin_recipe, colab_widgets_settings, design_validation, dev_env_minimal, disable_email_dev, fix_breadcrumbs_position, fix_categories_software_link, fix_edit_institution, fix_edit_software_with_another_license, fix_get_license_info, fix_gitlab_assets_permission, fix_list_style_inside_article, fix_list_style_on_folder_elements, fix_members_pagination, fix_merge_request_url, fix_models_translations, fix_no_license, fix_software_api, fix_software_block_migration, fix_software_communities_translations, fix_software_communities_unit_test, fix_style_create_institution_admin_panel, fix_superarchives_imports, fix_sym_links_noosfero, focus_search_field_theme, gov-user-refactoring, gov-user-refactoring-rails4, header_fix, institution_modal_on_rating, kalibro-conf-refactoring, kalibro-processor-package, lxc_settings, margin_fix, mezuro_cookbook, prezento, refactor_download_block, refactor_software_communities, refactor_software_for_sisp, register_page, release-process, release-process-v2, remove-unused-images, remove_broken_theme, remove_secondary_email_from_user, remove_sisp_buttons, removing_super_archives_email, review_message, scope2method, signals_user_noosfero, sisp_catalog_header, sisp_colab_config, sisp_dev, sisp_dev_master, sisp_simple_version, software_as_organization, software_catalog_style_fix, software_communities_html_refactor, software_infos_api, spb_minimal_env, spb_to_rails4, spec_refactor, stable-4.1, stable-4.2, stable-4.x, temp_soft_comm_refactoring, theme_header, theme_javascript_refactory, thread_dropdown, thread_page, update_search_by_categories, update_software_api, update_softwares_boxes

Organization tab blog with structure "short + pic"

Showing 1 changed file with 57 additions and 57 deletions   Show diff stats
css/community-pages.css
  Diff comments   View file @60f5226
... ... @@ -316,88 +316,88 @@
316 316 }
317 317  
318 318 #content #blog-tab .blog .blog-post{
319   - padding:0px 20px 5px 20px;
320 319 background:none;
321 320 border-bottom: 1px solid #ECEDF1;
322   - padding:20px 0px 30px 0px;
  321 + padding:30px 0px 0px 0px;
323 322 }
324 323  
325 324 #content #blog-tab .blog .blog-post h1{
326   - margin: 0px 0px 6px 0px;
327   - text-align: left;
328   -}
329   -
330   -#blog-tab #article.blog .article-body h1{
331   - padding-top:0px;
332   - border-top:none;
333   - width: 70%;
334   - padding-left:130px;
  325 + margin: 0px 0px 10px 0px;
  326 + padding: 0px 0px 0px 0px;
  327 + max-width: 555px;
  328 + max-height: 40px;
  329 + border: none;
  330 + font: normal normal bold 16px/20px arial;
  331 + overflow: hidden;
  332 + display: inline-block;
335 333 }
336 334  
337   -/*#content #blog-tab .blog .blog-post.position-1 h1{
338   - line-height: 37px;
339   - font-size: 34px;
340   - color: #172738;
341   - padding-left:0px;
342   -}
343   -#content #blog-tab .blog .blog-post.position-1 .date{
344   - padding-left:0px;
  335 +#content #blog-tab .blog .blog-post .post-pic{
  336 + margin:0 20px 5px 0px;
  337 + border-radius: 4px;
  338 + height: 60px;
  339 + width: 20%;
  340 + background: center/cover no-repeat;
  341 + float: left;
345 342 }
346   -#content #blog-tab .blog .blog-post.position-1 .article-compact-image{
347   - position:relative;
348   - padding-right: 0px;
349   - margin-top: 0px; *temporary*
  343 +#content #blog-tab .blog .blog-post .publishing-info {
  344 + border-top: none;
  345 + color: #172838;
  346 + font: 13px/21px arial;
350 347 }
351 348  
352   -#content #blog-tab .blog .blog-post.position-1 .article-compact-abstract-with-image{
353   - width: 100%;
354   - margin-left: 0px;
  349 +#content #blog-tab .blog .publishing-info{
  350 + display:inline;
  351 + text-align: left;
355 352 }
356   -
357   -#blog-tab .blog .blog-post.position-1{
358   - padding-right: 0px;
359   -
360   -}*/
361   -
362   -#content #blog-tab .blog .publishing-info .date{
363   - width: 70%;
364   - padding-left:130px;
  353 +#content #blog-tab .blog .blog-post .publishing-info .date {
  354 + margin: 0px 0px 5px 0px;
  355 + display: table-cell;
365 356 }
366   -
367   -#content #blog-tab .blog .publishing-info .author{
  357 +#content #blog-tab .blog .blog-post .author {
368 358 display: none;
369 359 }
370 360  
371   -#content #blog-tab .blog .publishing-info .comments{
  361 +#content #blog-tab .blog .blog-post .comments{
372 362 display: none;
373 363 }
374   -#content #blog-tab .blog .blog-post .article-compact-image{
375   - position:absolute;
376   - margin-top:-51px; /* temporary */
377   - text-align: left;
378   -}
379 364  
380   -#content #blog-tab .blog .blog-post .article-compact-image img{
381   - border-radius: 4px;
382   - width: 110px;
383   - max-height: auto;
  365 +#content #blog-tab .blog .blog-post .short-post {
  366 + max-height: 35px;
  367 + text-align: justify;
  368 + text-overflow: ellipsis;
  369 + overflow: hidden;
384 370 }
385 371  
386   -#content #blog-tab .blog .blog-post .zoomable-image{
387   - width: 200px !important;
388   - height: auto !important;
  372 +#content #blog-tab .blog .article-body p {
  373 + margin: 0px 0px 5px 0px;
  374 + max-height: 25px;
  375 + color: #172738;
  376 + text-align: left;
  377 + text-overflow: ellipsis;
  378 + font: 14px/21px arial;
  379 + overflow: hidden;
389 380 }
390 381  
391   -#content #blog-tab .blog .blog-post .zoomable-image:hover .zoomify-image{
392   - display: none;
  382 +/*Post Position-1*/
  383 +#content #blog-tab .blog .blog-post.position-1 h1{
  384 + line-height: 37px;
  385 + font-size: 34px;
  386 + color: #172738;
  387 + padding-left:0px;
  388 + text-align: left;
393 389 }
394   -
395   -#content #blog-tab .blog .blog-post .zoomify-text{
396   - display:none;
  390 +#content #blog-tab .blog .blog-post.position-1 .date{
  391 + padding-left:0px;
397 392 }
398 393  
399   -#content #blog-tab .blog .blog-post .article-compact-abstract-with-image{
400   - margin-left: 130px;
  394 +#content #blog-tab .blog .blog-post.position-1 .post-pic {
  395 +margin: 0 20px 5px 0px;
  396 +border-radius: 4px;
  397 +height: 220px;
  398 +width: 100%;
  399 +background: center/cover no-repeat;
  400 +float: left;
401 401 }
402 402  
403 403 /* Read more button*/
... ...