SHOW:
|
|
- or go back to the newest paste.
| 1 | @import url(https://fonts.googleapis.com/css?family=Lato); | |
| 2 | @keyframes pulse {
| |
| 3 | 50% { color: white; }
| |
| 4 | } | |
| 5 | ||
| 6 | ||
| 7 | ||
| 8 | /*///////*/ | |
| 9 | /* Fonts */ | |
| 10 | /*///////*/ | |
| 11 | body | |
| 12 | {
| |
| 13 | font-size: 20px; | |
| 14 | line-height: 100%; | |
| 15 | font-family: Lato, sans-serif; | |
| 16 | color: rgba(255,255,255,0.8); | |
| 17 | box-shadow: 0 0 16px rgba(0, 0, 0, .8); | |
| 18 | } | |
| 19 | ||
| 20 | ||
| 21 | ||
| 22 | /*//////////////////////*/ | |
| 23 | /* Notification button */ | |
| 24 | /*//////////////////////*/ | |
| 25 | .nav__notifications | |
| 26 | {
| |
| 27 | background-color: inherit; | |
| 28 | color: inherit | |
| 29 | } | |
| 30 | ||
| 31 | ||
| 32 | ||
| 33 | /*////////////*/ | |
| 34 | /* List Fonts */ | |
| 35 | /*////////////*/ | |
| 36 | .rtitle | |
| 37 | {
| |
| 38 | color: inherit | |
| 39 | } | |
| 40 | ||
| 41 | ||
| 42 | ||
| 43 | /*////////////*/ | |
| 44 | /* List input */ | |
| 45 | /*////////////*/ | |
| 46 | .list-input section | |
| 47 | {
| |
| 48 | background: #111; | |
| 49 | display: inline-block; | |
| 50 | position: relative; | |
| 51 | width: 25%; | |
| 52 | } | |
| 53 | ||
| 54 | .list-input .notes textarea {
| |
| 55 | background: #1c1c1c; | |
| 56 | border: 0; | |
| 57 | font-family: 'Montserrat',sans-serif; | |
| 58 | min-height: 65px; | |
| 59 | padding: 12px; | |
| 60 | vertical-align: top; | |
| 61 | width: 100%; | |
| 62 | } | |
| 63 | .list-input .input__main input, .list-input .input__main select {
| |
| 64 | background: rgba(0,0,0,0); | |
| 65 | border: 0; | |
| 66 | color: rgba(255,255,255,0.8); | |
| 67 | font-family: inherit; | |
| 68 | font-size: 14px; | |
| 69 | height: 55px; | |
| 70 | padding: 12px; | |
| 71 | padding-left: 13px; | |
| 72 | padding-top: 25px; | |
| 73 | vertical-align: top; | |
| 74 | width: 100%; | |
| 75 | } | |
| 76 | .list-input section b | |
| 77 | {
| |
| 78 | color: #FFF; | |
| 79 | } | |
| 80 | .listNotes-btn | |
| 81 | {
| |
| 82 | background-color: #1c1c1c; | |
| 83 | } | |
| 84 | ||
| 85 | ||
| 86 | ||
| 87 | /*///////*/ | |
| 88 | /* score */ | |
| 89 | /*///////*/ | |
| 90 | .row__score | |
| 91 | {
| |
| 92 | display:none; | |
| 93 | } | |
| 94 | ||
| 95 | tr:nth-of-type(odd) {
| |
| 96 | background-color: #111; | |
| 97 | } | |
| 98 | ||
| 99 | ||
| 100 | ||
| 101 | /*////////////*/ | |
| 102 | /* Background */ | |
| 103 | /*////////////*/ | |
| 104 | body | |
| 105 | {
| |
| 106 | background: #111 | |
| 107 | } | |
| 108 | ||
| 109 | ||
| 110 | ||
| 111 | /*//////*/ | |
| 112 | /* List */ | |
| 113 | /*//////*/ | |
| 114 | .update, table, q | |
| 115 | {
| |
| 116 | background: inherit; | |
| 117 | } | |
| 118 | ||
| 119 | ||
| 120 | ||
| 121 | /*/////////////////*/ | |
| 122 | /* List Background */ | |
| 123 | /*/////////////////*/ | |
| 124 | a | |
| 125 | {
| |
| 126 | background-color: #111; | |
| 127 | } | |
| 128 | ||
| 129 | ||
| 130 | ||
| 131 | /*/////////////*/ | |
| 132 | /* List Tweaks */ | |
| 133 | /*/////////////*/ | |
| 134 | .list_wrapper table | |
| 135 | {
| |
| 136 | box-shadow: none; | |
| 137 | } | |
| 138 | .list__tag | |
| 139 | {
| |
| 140 | display: none; | |
| 141 | } | |
| 142 | ||
| 143 | ||
| 144 | ||
| 145 | /*//////////////////*/ | |
| 146 | /* search font size */ | |
| 147 | /*//////////////////*/ | |
| 148 | input[type=text] | |
| 149 | {
| |
| 150 | font-size: inherit; | |
| 151 | text-transform: uppercase; | |
| 152 | } | |
| 153 | ||
| 154 | ||
| 155 | ||
| 156 | /*////////*/ | |
| 157 | /* Header */ | |
| 158 | /*////////*/ | |
| 159 | #list_header | |
| 160 | {
| |
| 161 | top: 32px; | |
| 162 | background: #e63c3c; | |
| 163 | border-radius: 2px; | |
| 164 | box-shadow: 0 0 16px rgba(0, 0, 0, .8); | |
| 165 | color: rgba(255, 255, 255, .35); | |
| 166 | overflow: hidden; | |
| 167 | position: block; | |
| 168 | padding: 16px; | |
| 169 | height: 50px; | |
| 170 | } | |
| 171 | ||
| 172 | ||
| 173 | ||
| 174 | /*///////////////*/ | |
| 175 | /* Header hiding */ | |
| 176 | /*///////////////*/ | |
| 177 | #list_header .display_name, #list_header a | |
| 178 | {
| |
| 179 | background: #e63c3c; | |
| 180 | } | |
| 181 | ||
| 182 | ||
| 183 | ||
| 184 | /*///////////////*/ | |
| 185 | /* Header avatar */ | |
| 186 | /*///////////////*/ | |
| 187 | #list_header .img_crop | |
| 188 | {
| |
| 189 | height: 50px; | |
| 190 | margin-left: -16px; | |
| 191 | margin-right: 15px; | |
| 192 | margin-top: -16px; | |
| 193 | overflow: hidden; | |
| 194 | width: 50px; | |
| 195 | display: none; | |
| 196 | } | |
| 197 | ||
| 198 | ||
| 199 | ||
| 200 | /*////////////*/ | |
| 201 | /* Search Bar */ | |
| 202 | /*////////////*/ | |
| 203 | input::-webkit-input-placeholder { color: rgba(255, 255, 255, .35); }
| |
| 204 | input:-ms-input-placeholder { color: rgba(255, 255, 255, .35); }
| |
| 205 | input::-moz-placeholder {
| |
| 206 | color: rgba(255, 255, 255, .3); | |
| 207 | opacity: 1; | |
| 208 | } | |
| 209 | ||
| 210 | ||
| 211 | ||
| 212 | /*///////////////////*/ | |
| 213 | /* Search Bar Tweaks */ | |
| 214 | /*///////////////////*/ | |
| 215 | #list_header input | |
| 216 | {
| |
| 217 | float: none; | |
| 218 | padding: 0px; | |
| 219 | width: 47%; | |
| 220 | color: rgba(255,255,255,0.8); | |
| 221 | text-transform: none; | |
| 222 | font-family: Lato, sans-serif; | |
| 223 | } | |
| 224 | ||
| 225 | ||
| 226 | ||
| 227 | /*///////////////////*/ | |
| 228 | /* Search Bar Mobile */ | |
| 229 | /*///////////////////*/ | |
| 230 | @media (max-width: 768px) | |
| 231 | { #list_header input
| |
| 232 | { display: inline-block;
| |
| 233 | width: 40%;} } | |
| 234 | ||
| 235 | ||
| 236 | ||
| 237 | /*////////////*/ | |
| 238 | /* Main Title */ | |
| 239 | /*////////////*/ | |
| 240 | #lists h3, main title | |
| 241 | {
| |
| 242 | color: #fff; | |
| 243 | padding-top: 40px; | |
| 244 | } | |
| 245 | ||
| 246 | ||
| 247 | ||
| 248 | /*/////////*/ | |
| 249 | /* Borders */ | |
| 250 | /*/////////*/ | |
| 251 | th, tr | |
| 252 | {
| |
| 253 | border-bottom: 1px solid #1c1c1c; | |
| 254 | } | |
| 255 | ||
| 256 | ||
| 257 | ||
| 258 | /*//////////////*/ | |
| 259 | /* Navbar color */ | |
| 260 | /*//////////////*/ | |
| 261 | .nav | |
| 262 | {
| |
| 263 | background: #111; | |
| 264 | box-shadow: 0 0 16px rgba(0, 0, 0, .8); | |
| 265 | } | |
| 266 | .nav__links div | |
| 267 | {
| |
| 268 | color: #111; | |
| 269 | } | |
| 270 | ||
| 271 | ||
| 272 | /*////////////////////*/ | |
| 273 | /* Navbar Icons Color */ | |
| 274 | /*////////////////////*/ | |
| 275 | nav a | |
| 276 | {
| |
| 277 | color: inherit; | |
| 278 | } | |
| 279 | ||
| 280 | ||
| 281 | ||
| 282 | /*/////////*/ | |
| 283 | /* padding */ | |
| 284 | /*/////////*/ | |
| 285 | th, td | |
| 286 | {
| |
| 287 | padding: 0px 10px; | |
| 288 | } | |
| 289 | ||
| 290 | ||
| 291 | ||
| 292 | /*////////////////////*/ | |
| 293 | /* Navbar Icons hover */ | |
| 294 | /*////////////////////*/ | |
| 295 | nav a:hover | |
| 296 | {
| |
| 297 | background: inherit; | |
| 298 | } | |
| 299 | ||
| 300 | ||
| 301 | ||
| 302 | /*///////////////*/ | |
| 303 | /* Navbar Mobile */ | |
| 304 | /*///////////////*/ | |
| 305 | .nav-mobile, .nav-draw | |
| 306 | {
| |
| 307 | box-shadow: 0 0 16px rgba(0,0,0,.8); | |
| 308 | } | |
| 309 | .nav-mobile .nav-draw a:nth-of-type(even), .nav-mobile>span | |
| 310 | {
| |
| 311 | background: #111; | |
| 312 | } | |
| 313 | .nav-mobile>span i | |
| 314 | {
| |
| 315 | color: #FFF; | |
| 316 | } | |
| 317 | ||
| 318 | ||
| 319 | ||
| 320 | /*///////////////////////////////*/ | |
| 321 | /* makes things easily clickable */ | |
| 322 | /*///////////////////////////////*/ | |
| 323 | td > * | |
| 324 | {
| |
| 325 | padding: 16px 0; | |
| 326 | } | |
| 327 | ||
| 328 | ||
| 329 | ||
| 330 | /*/////////////////////////////////////////*/ | |
| 331 | /* makes things even more easily clickable */ | |
| 332 | /*/////////////////////////////////////////*/ | |
| 333 | td > a | |
| 334 | {
| |
| 335 | display: block; | |
| 336 | } | |
| 337 | ||
| 338 | ||
| 339 | ||
| 340 | /*///////////////////////////////////*/ | |
| 341 | /* makes airing correctly positioned */ | |
| 342 | /*///////////////////////////////////*/ | |
| 343 | td | |
| 344 | {
| |
| 345 | position:relative; | |
| 346 | } | |
| 347 | .tag_airing | |
| 348 | {
| |
| 349 | position:absolute;right:0; | |
| 350 | top:0; | |
| 351 | text-transform: uppercase; | |
| 352 | } | |
| 353 | ||
| 354 | ||
| 355 | ||
| 356 | /*//////////*/ | |
| 357 | /* Category */ | |
| 358 | /*//////////*/ | |
| 359 | th | |
| 360 | {
| |
| 361 | display:none; | |
| 362 | } | |
| 363 | ||
| 364 | ||
| 365 | ||
| 366 | /*///////////*/ | |
| 367 | /* list font */ | |
| 368 | /*///////////*/ | |
| 369 | th, td | |
| 370 | {
| |
| 371 | font-size: inherit; | |
| 372 | } | |
| 373 | ||
| 374 | ||
| 375 | ||
| 376 | /*////////////*/ | |
| 377 | /* episode/tv */ | |
| 378 | /*////////////*/ | |
| 379 | .sml_col | |
| 380 | {
| |
| 381 | text-align: center; | |
| 382 | width: 64px; | |
| 383 | } | |
| 384 | ||
| 385 | ||
| 386 | ||
| 387 | /*/////////////*/ | |
| 388 | /* Plus Symbol */ | |
| 389 | /*/////////////*/ | |
| 390 | .sml_col .plus | |
| 391 | {
| |
| 392 | display:none; | |
| 393 | } | |
| 394 | ||
| 395 | ||
| 396 | ||
| 397 | /*////////////*/ | |
| 398 | /* Airing Tag */ | |
| 399 | /*////////////*/ | |
| 400 | .tag_airing, .tag_notairing | |
| 401 | {
| |
| 402 | color: #e53232; | |
| 403 | font-size: 0.75rem; | |
| 404 | opacity: 1; | |
| 405 | } | |
| 406 | ||
| 407 | ||
| 408 | ||
| 409 | /*//////////////*/ | |
| 410 | /* Hover Effect */ | |
| 411 | /*//////////////*/ | |
| 412 | a:hover, a:active, a:focus {
| |
| 413 | outline: none; | |
| 414 | animation: pulse .38s infinite; | |
| 415 | color: inherit; | |
| 416 | } | |
| 417 | ||
| 418 | ||
| 419 | ||
| 420 | /*//////////////*/ | |
| 421 | /* Anilist Logo */ | |
| 422 | /*//////////////*/ | |
| 423 | .nav__footer | |
| 424 | {
| |
| 425 | display:none; | |
| 426 | } | |
| 427 | ||
| 428 | ||
| 429 | ||
| 430 | /*//////////////*/ | |
| 431 | /* Notification */ | |
| 432 | /*//////////////*/ | |
| 433 | .noti | |
| 434 | {
| |
| 435 | background: #111; | |
| 436 | color: rgba(255, 255, 255, .5); | |
| 437 | border-bottom: 1px solid rgba(255, 255, 255, .05); | |
| 438 | padding: 16px; | |
| 439 | } | |
| 440 | .nav__links a:hover{
| |
| 441 | background: #111; | |
| 442 | color: rgba(255, 255, 255, .8); | |
| 443 | } | |
| 444 | .nav__links a:hover div {
| |
| 445 | color: rgba(255, 255, 255, .5) !important; | |
| 446 | } | |
| 447 | ||
| 448 | ||
| 449 | /*///////////////////*/ | |
| 450 | /* Notification Name */ | |
| 451 | /*///////////////////*/ | |
| 452 | .noti__link b | |
| 453 | {
| |
| 454 | color: #fff; | |
| 455 | } | |
| 456 | ||
| 457 | ||
| 458 | ||
| 459 | /*/////////////////////*/ | |
| 460 | /* Notification Banner */ | |
| 461 | /*/////////////////////*/ | |
| 462 | .noti .noti_row | |
| 463 | {
| |
| 464 | background: inherit; | |
| 465 | border: inherit; | |
| 466 | } | |
| 467 | ||
| 468 | ||
| 469 | ||
| 470 | /*//////////////////////////*/ | |
| 471 | /* Notification Banner Hover*/ | |
| 472 | /*//////////////////////////*/ | |
| 473 | .noti .noti_row:hover | |
| 474 | {
| |
| 475 | background: inherit; | |
| 476 | color: inherit; | |
| 477 | } | |
| 478 | ||
| 479 | ||
| 480 | ||
| 481 | /*////////////*/ | |
| 482 | /* scroll bar */ | |
| 483 | /*////////////*/ | |
| 484 | ::-webkit-scrollbar-thumb | |
| 485 | {
| |
| 486 | background-color: #1c1c1c; | |
| 487 | } | |
| 488 | ||
| 489 | ||
| 490 | ||
| 491 | /*///////////////////*/ | |
| 492 | /* scroll background */ | |
| 493 | /*///////////////////*/ | |
| 494 | ::-webkit-scrollbar-track-piece | |
| 495 | {
| |
| 496 | background-color: inherit; | |
| 497 | } | |
| 498 | ||
| 499 | ||
| 500 | ||
| 501 | /*//////////////*/ | |
| 502 | /* scroll hover */ | |
| 503 | /*//////////////*/ | |
| 504 | ::-webkit-scrollbar-thumb:hover | |
| 505 | {
| |
| 506 | background-color: #ffffff; | |
| 507 | } |
