Download as
Browse Code »

Commit 6b94fcca64199d742a1a08f5f2547c9efb42dee2

Authored by Juliana
1 parent 82f515dd
Exists in master and in 9 other branches bootstrap_modal, bug_fix_40, code_block, design_41_backup, event_block, master_with_pkg_fixes, pkg_fixes, r4, r5_design

Adjustment measures blog tab

Showing 1 changed file with 70 additions and 18 deletions   Show diff stats
css/tabs.css
  Diff comments   View file @6b94fcc
... ... @@ -289,6 +289,7 @@ top: 2px;
289 289 color:#172738;
290 290 }
291 291 /*************ABA BLOG**************/
  292 +
292 293 #blog-tab .blog .blog-post{
293 294 padding:0px 20px 5px 20px;
294 295 background:none;
... ... @@ -298,16 +299,47 @@ top: 2px;
298 299 text-align: left;
299 300 }
300 301  
  302 +#blog-tab #article.blog .article-body h1{
  303 + padding-top:0px;
  304 + border-top:none;
  305 + width: 70%;
  306 + padding-left:175px;
  307 +}
  308 +
  309 +#blog-tab .odd-post-inner.blog-post-inner,
  310 +#blog-tab .even-post-inner.blog-post-inner{
  311 + border-bottom: 1px solid #ECEDF1;
  312 + padding:15px 0px 10px 0px;
  313 +}
  314 +
301 315 #content #blog-tab .blog .blog-post.position-1 h1{
302 316 line-height: 37px;
303 317 font-size: 34px;
304 318 color: #172738;
  319 + padding-left:0px;
  320 +}
  321 +#content #blog-tab .blog .blog-post.position-1 .date{
  322 + padding-left:0px;
  323 +}
  324 +#content #blog-tab .blog .blog-post.position-1 .article-compact-image{
  325 + position:relative;
  326 + padding-right: 0px;
  327 + margin-top: 0px; /*temporario*/
305 328 }
306 329  
307   -#blog-tab .blog .blog-post.position-1 .zoomable-image{
308   - position:absolute;
309   - display: inline-block;
310   - max-width: 100%
  330 +#content #blog-tab .blog .blog-post.position-1 .article-compact-abstract-with-image{
  331 + width: 100%;
  332 + margin-left: 0px;
  333 +}
  334 +
  335 +#blog-tab .blog .blog-post.position-1{
  336 + padding-right: 0px;
  337 +
  338 +}
  339 +
  340 +#content #blog-tab .blog .publishing-info .date{
  341 + width: 70%;
  342 + padding-left:180px;
311 343 }
312 344  
313 345 #content #blog-tab .blog .publishing-info .author{
... ... @@ -317,27 +349,47 @@ top: 2px;
317 349 #content #blog-tab .blog .publishing-info .comments{
318 350 display: none;
319 351 }
320   -
321 352 #content #blog-tab .blog .blog-post .article-compact-image{
322   - width: initial;
  353 + position:absolute;
  354 + margin-top:-51px; /*provisorio*/
323 355 text-align: left;
324   - float: none;
325 356 }
326 357  
327   -#content #blog-tab .blog .blog-post .article-compact-image img{
328   - margin:0px 0px 3px;
329   - width: 100%;
330   - height: 320px;
  358 +#content #blog-tab .blog .blog-post .zoomable-image{
  359 + width: 200px !important;
  360 + height: auto !important;
331 361 }
332 362  
  363 +#content #blog-tab .blog .blog-post .article-compact-abstract-with-image{
  364 + margin-left: 180px;
333 365  
334   -#content #blog-tab .blog .blog-post .zoomable-image{
335   - float:right;
336   - width: 100% !important;
337   - height: auto !important;
  366 +}
338 367  
  368 +/*leia mais*/
  369 +#content #blog-tab .blog .read-more{
  370 + text-align: right;
  371 + display: block;
  372 + text-transform: uppercase;
  373 + line-height: 21px;
  374 + font-size: 11px;
  375 + margin-top: 15px;
339 376 }
340 377  
341   -#content #blog-tab .blog .blog-post .article-compact-abstract-with-image{
342   - width: 100%;
343   -}
344 378 \ No newline at end of file
  379 +#content #blog-tab .blog .read-more:after{
  380 + content: "\f105";
  381 + font-family: FontAwesome;
  382 + padding-left: 7px;
  383 + padding-right: 4px;
  384 + color: #ffffff;
  385 + background: #3E67B1;
  386 + border-radius: 4px;
  387 + font-size: 18px;
  388 + line-height: 20px;
  389 + text-align: center;
  390 + margin-left: 5px;
  391 + position: relative;
  392 + top: 2px;
  393 +}
  394 +#content #blog-tab .blog .read-more a{
  395 + text-decoration: none;
  396 +}
... ...