Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1 | espaco | 1 | /* Cubic Bezier Transition */ |
| 2 | /*** |
||
| 3 | Inbox Page |
||
| 4 | ***/ |
||
| 5 | .inbox { |
||
| 6 | margin-bottom: 20px; } |
||
| 7 | .inbox .compose-btn { |
||
| 8 | padding: 8px 14px; } |
||
| 9 | .inbox .inbox-content { |
||
| 10 | min-height: 400px; } |
||
| 11 | .inbox .inbox-nav { |
||
| 12 | margin: 30px 0; |
||
| 13 | padding: 0; |
||
| 14 | list-style: none; } |
||
| 15 | .inbox .inbox-nav > li { |
||
| 16 | padding: 0; |
||
| 17 | margin: 0; } |
||
| 18 | .inbox .inbox-nav > li > a { |
||
| 19 | text-decoration: none !important; |
||
| 20 | display: block; |
||
| 21 | padding: 8px 16px; |
||
| 22 | border-left: 4px solid transparent; } |
||
| 23 | .inbox .inbox-nav > li > a:hover { |
||
| 24 | background: #f1f4f7; } |
||
| 25 | .inbox .inbox-nav > li > a .badge { |
||
| 26 | float: right; |
||
| 27 | margin-top: 1px; } |
||
| 28 | .inbox .inbox-nav > li.active > a { |
||
| 29 | border-left: 4px solid #ed6b75; } |
||
| 30 | .inbox .inbox-nav > li.divider { |
||
| 31 | padding: 0; |
||
| 32 | margin: 4px 16px; |
||
| 33 | border-top: 1px solid #eef1f5; } |
||
| 34 | .inbox .inbox-contacts { |
||
| 35 | margin: 0 0 30px 0; |
||
| 36 | padding: 0; |
||
| 37 | list-style: none; } |
||
| 38 | .inbox .inbox-contacts > li { |
||
| 39 | padding: 0; |
||
| 40 | margin: 0; } |
||
| 41 | .inbox .inbox-contacts > li.divider { |
||
| 42 | padding: 0; |
||
| 43 | margin: 4px 16px; |
||
| 44 | border-top: 1px solid #eef1f5; } |
||
| 45 | .inbox .inbox-contacts > li > a { |
||
| 46 | position: relative; |
||
| 47 | display: block; |
||
| 48 | padding: 8px 16px; |
||
| 49 | color: #3f444a; } |
||
| 50 | .inbox .inbox-contacts > li > a:hover { |
||
| 51 | background: #f1f4f7; |
||
| 52 | text-decoration: none; } |
||
| 53 | .inbox .inbox-contacts > li > a .contact-name { |
||
| 54 | display: inline-block; |
||
| 55 | padding-left: 5px; } |
||
| 56 | .inbox .inbox-contacts > li > a .contact-pic { |
||
| 57 | width: 30px; |
||
| 58 | height: 30px; |
||
| 59 | border-radius: 50% !important; } |
||
| 60 | .inbox .inbox-contacts > li > a .contact-status { |
||
| 61 | position: absolute; |
||
| 62 | width: 10px; |
||
| 63 | height: 10px; |
||
| 64 | border-radius: 50% !important; |
||
| 65 | left: 38px; |
||
| 66 | top: 30px; } |
||
| 67 | .inbox .input-actions .btn { |
||
| 68 | margin-left: 10px; } |
||
| 69 | .inbox .inbox-view-info { |
||
| 70 | color: #666; |
||
| 71 | padding: 5px 0; |
||
| 72 | border-top: solid 1px #eee; |
||
| 73 | border-bottom: solid 1px #eee; } |
||
| 74 | .inbox .inbox-view-info .inbox-author { |
||
| 75 | border-radius: 50% !important; |
||
| 76 | margin-right: 10px; } |
||
| 77 | .inbox .inbox-view-info .inbox-info-btn .btn-group { |
||
| 78 | float: right; |
||
| 79 | margin-top: 5px; } |
||
| 80 | .inbox .inbox-sidebar { |
||
| 81 | padding: 20px; |
||
| 82 | border: 1px solid #e7ecf1; |
||
| 83 | border-radius: 4px; } |
||
| 84 | .inbox .inbox-body { |
||
| 85 | padding: 20px; |
||
| 86 | border: 1px solid #e7ecf1; |
||
| 87 | border-radius: 4px; } |
||
| 88 | .page-container-bg-solid .inbox .inbox-sidebar { |
||
| 89 | background: #ffffff; |
||
| 90 | border: 0; } |
||
| 91 | .page-container-bg-solid .inbox .inbox-body { |
||
| 92 | background: #ffffff; |
||
| 93 | border: 0; } |
||
| 94 | |||
| 95 | .inbox .inbox { |
||
| 96 | margin-bottom: 0px; } |
||
| 97 | |||
| 98 | .inbox .tab-content { |
||
| 99 | overflow: inherit; } |
||
| 100 | |||
| 101 | .inbox .inbox-loading { |
||
| 102 | display: none; |
||
| 103 | font-size: 22px; |
||
| 104 | font-weight: 300; } |
||
| 105 | |||
| 106 | /*Inbox Content*/ |
||
| 107 | .inbox .inbox-header { |
||
| 108 | overflow: hidden; } |
||
| 109 | |||
| 110 | .inbox .inbox-header h1 { |
||
| 111 | margin: 0; |
||
| 112 | color: #666; |
||
| 113 | margin-bottom: 20px; } |
||
| 114 | |||
| 115 | .inbox .pagination-control { |
||
| 116 | text-align: right; } |
||
| 117 | |||
| 118 | .inbox .pagination-control .pagination-info { |
||
| 119 | display: inline-block; |
||
| 120 | padding-right: 10px; |
||
| 121 | font-size: 14px; |
||
| 122 | line-height: 14px; } |
||
| 123 | |||
| 124 | .inbox tr { |
||
| 125 | color: #777; |
||
| 126 | font-size: 13px; } |
||
| 127 | |||
| 128 | .inbox tr label { |
||
| 129 | display: inline-block; } |
||
| 130 | |||
| 131 | .inbox tr.unread td { |
||
| 132 | font-weight: 600; } |
||
| 133 | |||
| 134 | .inbox td i.icon-paper-clip { |
||
| 135 | top: 2px; |
||
| 136 | color: #d8e0e5; |
||
| 137 | font-size: 17px; |
||
| 138 | position: relative; } |
||
| 139 | |||
| 140 | .inbox tr i.icon-star, |
||
| 141 | .inbox tr i.icon-trash { |
||
| 142 | cursor: pointer; } |
||
| 143 | |||
| 144 | .inbox tr i.icon-star { |
||
| 145 | color: #eceef0; } |
||
| 146 | |||
| 147 | .inbox tr i.icon-star:hover { |
||
| 148 | color: #fd7b12; } |
||
| 149 | |||
| 150 | .inbox tr i.inbox-started { |
||
| 151 | color: #fd7b12; } |
||
| 152 | |||
| 153 | .inbox .table th, |
||
| 154 | .inbox .table td { |
||
| 155 | border: none; } |
||
| 156 | |||
| 157 | .inbox .table th { |
||
| 158 | background: #eef4f7; |
||
| 159 | border-bottom: solid 5px #fff; } |
||
| 160 | |||
| 161 | .inbox th.text-right { |
||
| 162 | text-align: right; } |
||
| 163 | |||
| 164 | .inbox th label.inbox-select-all { |
||
| 165 | color: #828f97; |
||
| 166 | font-size: 13px; |
||
| 167 | padding: 1px 4px 0; } |
||
| 168 | |||
| 169 | .inbox td.text-right { |
||
| 170 | width: 100px; |
||
| 171 | text-align: right; } |
||
| 172 | |||
| 173 | .inbox td.inbox-small-cells { |
||
| 174 | width: 10px; } |
||
| 175 | |||
| 176 | .inbox .table-hover tbody tr:hover > td, |
||
| 177 | .inbox .table-hover tbody tr:hover > th, |
||
| 178 | .inbox .table-striped tbody > tr:nth-child(odd) > td, |
||
| 179 | .inbox .table-striped tbody > tr:nth-child(odd) > th { |
||
| 180 | background: #f8fbfd; |
||
| 181 | cursor: pointer; } |
||
| 182 | |||
| 183 | .inbox .table-hover tbody tr:hover > td, |
||
| 184 | .inbox .table-hover tbody tr:hover > th { |
||
| 185 | background: #eef4f7; } |
||
| 186 | |||
| 187 | /*Inbox Drafts*/ |
||
| 188 | .inbox .inbox-drafts { |
||
| 189 | padding: 8px 0; |
||
| 190 | text-align: center; |
||
| 191 | border-top: solid 1px #eee; |
||
| 192 | border-bottom: solid 1px #eee; } |
||
| 193 | |||
| 194 | /*Inbox View*/ |
||
| 195 | .inbox-view-header { |
||
| 196 | margin-bottom: 20px; } |
||
| 197 | |||
| 198 | .inbox-view-header h1 { |
||
| 199 | color: #666; |
||
| 200 | font-size: 22px; |
||
| 201 | line-height: 24px; |
||
| 202 | margin-bottom: 0 !important; } |
||
| 203 | |||
| 204 | .inbox-view-header h1 a { |
||
| 205 | top: -2px; |
||
| 206 | color: #fff; |
||
| 207 | cursor: pointer; |
||
| 208 | font-size: 13px; |
||
| 209 | padding: 2px 7px; |
||
| 210 | line-height: 16px; |
||
| 211 | position: relative; |
||
| 212 | background: #b0bcc4; |
||
| 213 | display: inline-block; } |
||
| 214 | |||
| 215 | .inbox-view-header h1 a:hover { |
||
| 216 | background: #aab5bc; |
||
| 217 | text-decoration: none; } |
||
| 218 | |||
| 219 | .inbox-view-header i.icon-print { |
||
| 220 | color: #94a4ab; |
||
| 221 | cursor: pointer; |
||
| 222 | font-size: 14px; |
||
| 223 | display: inline-block; |
||
| 224 | padding: 6px 8px !important; |
||
| 225 | background: #edf1f4 !important; } |
||
| 226 | |||
| 227 | .inbox-view-header i.icon-print:hover { |
||
| 228 | background: #e7ebef !important; } |
||
| 229 | |||
| 230 | .inbox-view-info strong { |
||
| 231 | color: #666; |
||
| 232 | margin: 0 10px 0 5px; } |
||
| 233 | |||
| 234 | .inbox-view { |
||
| 235 | color: #666; |
||
| 236 | padding: 10px 0 0; } |
||
| 237 | |||
| 238 | .inbox-view a { |
||
| 239 | color: #169ce9; } |
||
| 240 | |||
| 241 | .inbox-attached { |
||
| 242 | line-height: 16px; } |
||
| 243 | |||
| 244 | .inbox-attached a { |
||
| 245 | margin: 0 2px; } |
||
| 246 | |||
| 247 | .inbox-attached img { |
||
| 248 | height: auto; |
||
| 249 | max-width: 250px; |
||
| 250 | margin-bottom: 5px; } |
||
| 251 | |||
| 252 | .inbox-attached span { |
||
| 253 | margin-right: 3px; } |
||
| 254 | |||
| 255 | .inbox-attached strong { |
||
| 256 | color: #555; |
||
| 257 | display: block; |
||
| 258 | font-size: 13px; } |
||
| 259 | |||
| 260 | .inbox-attached .margin-bottom-25 { |
||
| 261 | margin-bottom: 25px; } |
||
| 262 | |||
| 263 | .inbox-attached .margin-bottom-15 { |
||
| 264 | margin-bottom: 15px; } |
||
| 265 | |||
| 266 | /*Inbox Compose*/ |
||
| 267 | .inbox-compose { |
||
| 268 | margin-top: 1px; |
||
| 269 | border: solid 1px #eee; } |
||
| 270 | |||
| 271 | .inbox-compose-btn { |
||
| 272 | padding: 12px 12px; |
||
| 273 | background: #f0f6fa; } |
||
| 274 | |||
| 275 | .inbox-compose-attachment { |
||
| 276 | padding: 8px 8px; } |
||
| 277 | |||
| 278 | .inbox-compose-attachment .btn { |
||
| 279 | padding: 4px 10px; } |
||
| 280 | |||
| 281 | .inbox-compose .inbox-form-group { |
||
| 282 | margin-bottom: 0; |
||
| 283 | position: relative; |
||
| 284 | border-bottom: solid 1px #eee; } |
||
| 285 | |||
| 286 | .inbox-compose .controls { |
||
| 287 | margin-left: 85px; } |
||
| 288 | |||
| 289 | .inbox-compose .inbox-form-group > label { |
||
| 290 | width: 80px; |
||
| 291 | float: left; |
||
| 292 | color: #979797; |
||
| 293 | text-align: right; } |
||
| 294 | |||
| 295 | .inbox-compose .controls > input { |
||
| 296 | border: none !important; } |
||
| 297 | |||
| 298 | .inbox-compose .controls-to { |
||
| 299 | padding-right: 55px; } |
||
| 300 | |||
| 301 | .inbox-compose .controls-cc { |
||
| 302 | padding-right: 20px; } |
||
| 303 | |||
| 304 | .inbox-compose .controls-bcc { |
||
| 305 | padding-right: 20px; } |
||
| 306 | |||
| 307 | .inbox-compose .inbox-form-group a.close { |
||
| 308 | top: 13px; |
||
| 309 | right: 10px; |
||
| 310 | position: absolute; } |
||
| 311 | |||
| 312 | .inbox-compose .mail-to .inbox-cc-bcc { |
||
| 313 | display: inline-block; |
||
| 314 | top: 7px; |
||
| 315 | right: 10px; |
||
| 316 | color: #979797; |
||
| 317 | font-size: 14px; |
||
| 318 | cursor: pointer; |
||
| 319 | position: absolute; } |
||
| 320 | |||
| 321 | .inbox-compose .mail-to .inbox-bcc { |
||
| 322 | margin-left: 5px; } |
||
| 323 | |||
| 324 | .inbox-compose .mail-to inbox-cc:hover, |
||
| 325 | .inbox-compose .mail-to inbox-bcc:hover { |
||
| 326 | color: #777; } |
||
| 327 | |||
| 328 | .inbox-compose .wysihtml5 { |
||
| 329 | padding: 0px !important; |
||
| 330 | margin: 0px !important; |
||
| 331 | border: 0 !important; } |
||
| 332 | |||
| 333 | .inbox-compose .wysihtml5-sandbox { |
||
| 334 | padding: 0px !important; |
||
| 335 | margin: 0px !important; |
||
| 336 | display: block !important; |
||
| 337 | border: 0 !important; |
||
| 338 | margin-top: 5px; |
||
| 339 | width: 100% !important; |
||
| 340 | border-left: none; |
||
| 341 | border-right: none; |
||
| 342 | border-color: #eee; } |
||
| 343 | |||
| 344 | .inbox-compose .wysihtml5-toolbar { |
||
| 345 | border: 0; |
||
| 346 | border-bottom: 1px solid #eee; } |
||
| 347 | |||
| 348 | .inbox-compose .wysihtml5-toolbar > li { |
||
| 349 | height: 34px; |
||
| 350 | margin-right: 0; |
||
| 351 | margin-bottom: 0; } |
||
| 352 | |||
| 353 | .inbox-compose .wysihtml5-toolbar > li > a, |
||
| 354 | .inbox-compose .wysihtml5-toolbar > li > div > a { |
||
| 355 | background: #fff !important; |
||
| 356 | border-color: #fff !important; } |
||
| 357 | .inbox-compose .wysihtml5-toolbar > li > a:hover, |
||
| 358 | .inbox-compose .wysihtml5-toolbar > li > div > a:hover { |
||
| 359 | background: #f1f1f1 !important; |
||
| 360 | border-color: #f1f1f1 !important; |
||
| 361 | border-radius: 0; } |
||
| 362 | |||
| 363 | .inbox-compose .wysihtml5-toolbar .dropdown.open .dropdown-toggle, |
||
| 364 | ul.wysihtml5-toolbar a.btn.wysihtml5-command-active { |
||
| 365 | background: #eee !important; } |
||
| 366 | |||
| 367 | @media (max-width: 480px) { |
||
| 368 | .inbox-compose .inbox-form-group > label { |
||
| 369 | margin-top: 7px; } } |