Commit 2be0b4a5e6afd6f336bba2b3e12183d26e74c636
1 parent
6b2e849a
Exists in
master
and in
8 other branches
Fix styles
Showing
2 changed files
with
49 additions
and
42 deletions
Show diff stats
src/app/layout.scss
| ... | ... | @@ -283,67 +283,44 @@ a.link-black { |
| 283 | 283 | color: black; |
| 284 | 284 | } |
| 285 | 285 | |
| 286 | -article.program-content { | |
| 287 | - margin-top: 40px; | |
| 288 | -} | |
| 289 | - | |
| 290 | -article.program-content div.ng-binding div.container div.row { | |
| 291 | - margin-bottom: 40px; | |
| 292 | -} | |
| 293 | - | |
| 294 | -article.program-content h3 { | |
| 295 | - margin-bottom: 15px; | |
| 296 | -} | |
| 297 | - | |
| 298 | 286 | .inline-block { |
| 299 | 287 | display: inline-block; |
| 300 | 288 | } |
| 301 | 289 | |
| 290 | +// Sobreescreve a classe do bootstrap | |
| 291 | +.close { | |
| 292 | + color: white; | |
| 293 | + opacity: 1; | |
| 294 | + font-weight: normal; | |
| 295 | +} | |
| 296 | + | |
| 302 | 297 | blockquote { |
| 303 | - border-left: medium none; | |
| 304 | - font-size: 140%; | |
| 298 | + border-left: none; | |
| 299 | + font-size: 24px; | |
| 300 | + line-height: 28px; | |
| 305 | 301 | padding: 50px 0 0 50px; |
| 306 | 302 | position: relative; |
| 307 | 303 | |
| 304 | + @each $category, $color in $categories { | |
| 305 | + .#{$category} & { | |
| 306 | + color: $color; | |
| 307 | + } | |
| 308 | + } | |
| 309 | + | |
| 308 | 310 | &:before { |
| 309 | 311 | content: "⌜"; |
| 310 | 312 | font-size: 200px; |
| 311 | - left: -2px; | |
| 313 | + line-height: 200px; | |
| 312 | 314 | position: absolute; |
| 313 | - top: -50px; | |
| 315 | + top: -10px; | |
| 316 | + left: -10px; | |
| 314 | 317 | font-weight: bolder; |
| 315 | - left: -17px; | |
| 316 | - top: -68px; | |
| 317 | 318 | @each $category, $color in $categories { |
| 318 | 319 | .#{$category} & { |
| 319 | 320 | color: $color; |
| 320 | 321 | } |
| 321 | 322 | } |
| 322 | 323 | } |
| 323 | - | |
| 324 | -} | |
| 325 | - | |
| 326 | -// .cultura blockquote::before { | |
| 327 | -// color: #cd999b; | |
| 328 | -// } | |
| 329 | - | |
| 330 | -// Sobreescreve a classe do bootstrap | |
| 331 | -.close { | |
| 332 | - color: white; | |
| 333 | - opacity: 1; | |
| 334 | - font-weight: normal; | |
| 335 | -} | |
| 336 | - | |
| 337 | -// .img-responsive { | |
| 338 | -// width: 100%; | |
| 339 | -// } | |
| 340 | - | |
| 341 | -strong { | |
| 342 | - @each $category, $color in $categories { | |
| 343 | - .#{$category} & { | |
| 344 | - color: $color; | |
| 345 | - } | |
| 346 | - } | |
| 347 | 324 | } |
| 348 | 325 | |
| 349 | 326 | .top-border-theme { | ... | ... |
src/app/pages/programas/programas.scss
| ... | ... | @@ -117,9 +117,39 @@ |
| 117 | 117 | line-height: 36px; |
| 118 | 118 | font-weight: bold; |
| 119 | 119 | } |
| 120 | + } | |
| 121 | + | |
| 122 | + .program-content { | |
| 123 | + | |
| 124 | + margin-top: 40px; | |
| 120 | 125 | |
| 121 | 126 | h3 { |
| 127 | + font-size: 22px; | |
| 128 | + line-height: 26px; | |
| 129 | + font-weight: bold; | |
| 130 | + | |
| 122 | 131 | margin-top: 0; |
| 132 | + margin-bottom: 15px; | |
| 133 | + } | |
| 134 | + | |
| 135 | + h4 { | |
| 136 | + font-size: 18px; | |
| 137 | + line-height: 24px; | |
| 138 | + font-weight: bold; | |
| 139 | + } | |
| 140 | + | |
| 141 | + h5 { | |
| 142 | + font-size: 16px; | |
| 143 | + line-height: 22px; | |
| 144 | + } | |
| 145 | + | |
| 146 | + p { | |
| 147 | + font-size: 14px; | |
| 148 | + line-height: 18px; | |
| 149 | + } | |
| 150 | + | |
| 151 | + .container > .row { | |
| 152 | + margin-bottom: 40px; | |
| 123 | 153 | } |
| 124 | 154 | } |
| 125 | 155 | ... | ... |