Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1 | espaco | 1 | .exception-body { |
| 2 | background-color: #f7f7f7; |
||
| 3 | |||
| 4 | .exception-type { |
||
| 5 | width: 100%; |
||
| 6 | height: 50%; |
||
| 7 | padding: 100px 100px 0 100px; |
||
| 8 | box-sizing: border-box; |
||
| 9 | text-align: center; |
||
| 10 | } |
||
| 11 | |||
| 12 | .exception-panel { |
||
| 13 | text-align: center; |
||
| 14 | width: 350px; |
||
| 15 | padding: 50px 50px; |
||
| 16 | margin: -10% auto 0 auto; |
||
| 17 | z-index: 100; |
||
| 18 | |||
| 19 | i { |
||
| 20 | font-size: 72px; |
||
| 21 | } |
||
| 22 | |||
| 23 | h1 { |
||
| 24 | font-size: 36px; |
||
| 25 | line-height: 36px; |
||
| 26 | color: $textSecondaryColor; |
||
| 27 | } |
||
| 28 | |||
| 29 | .exception-detail { |
||
| 30 | margin: 20px 0px 100px 0px; |
||
| 31 | color: $textSecondaryColor; |
||
| 32 | } |
||
| 33 | } |
||
| 34 | |||
| 35 | &.error-page { |
||
| 36 | .exception-type { |
||
| 37 | background-color: #e62a10; |
||
| 38 | |||
| 39 | img { |
||
| 40 | width: 100%; |
||
| 41 | } |
||
| 42 | } |
||
| 43 | |||
| 44 | .exception-panel { |
||
| 45 | i { |
||
| 46 | color: #f79a84; |
||
| 47 | } |
||
| 48 | } |
||
| 49 | } |
||
| 50 | |||
| 51 | &.notfound-page { |
||
| 52 | .exception-type { |
||
| 53 | background-color: #3f51b5; |
||
| 54 | |||
| 55 | img { |
||
| 56 | width: 54%; |
||
| 57 | } |
||
| 58 | } |
||
| 59 | |||
| 60 | .exception-panel { |
||
| 61 | i { |
||
| 62 | color: #9fa8da; |
||
| 63 | } |
||
| 64 | } |
||
| 65 | } |
||
| 66 | |||
| 67 | &.accessdenied-page { |
||
| 68 | .exception-type { |
||
| 69 | background-color: #e91e63; |
||
| 70 | |||
| 71 | img { |
||
| 72 | width: 50%; |
||
| 73 | } |
||
| 74 | } |
||
| 75 | |||
| 76 | .exception-panel { |
||
| 77 | i { |
||
| 78 | color: #f48fb1; |
||
| 79 | } |
||
| 80 | } |
||
| 81 | } |
||
| 82 | } |
||
| 83 | |||
| 84 | @media (max-width: 1024px) { |
||
| 85 | .exception-body { |
||
| 86 | .exception-panel { |
||
| 87 | margin-top: -50px; |
||
| 88 | } |
||
| 89 | } |
||
| 90 | } |
||
| 91 | |||
| 92 | @media (max-width: 640px) { |
||
| 93 | .exception-body { |
||
| 94 | .exception-panel { |
||
| 95 | width: 250px; |
||
| 96 | margin-top: -15px; |
||
| 97 | } |
||
| 98 | } |
||
| 99 | } |