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 | +} | ... | ... |