Commit 6b94fcca64199d742a1a08f5f2547c9efb42dee2
1 parent
82f515dd
Exists in
master
and in
79 other branches
Adjustment measures blog tab
Showing
1 changed file
with
70 additions
and
18 deletions
Show diff stats
css/tabs.css
... | ... | @@ -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 | +} | ... | ... |