A LILiK chrome extension for the well known 9gag website
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

68 lines
1.1 KiB

10 years ago
  1. .softTransitions{
  2. -webkit-transition: all .7s ease-in-out;
  3. }
  4. header#top-nav a.logo{
  5. -webkit-animation: rotate 15s infinite linear;
  6. border-right: none !important;
  7. }
  8. #container.night{
  9. background-color: white;
  10. -webkit-filter: invert(100%);
  11. }
  12. #container.night img, #container.night video{
  13. -webkit-filter: invert(100%);
  14. }
  15. section.section-header.night{
  16. background-color: white;
  17. -webkit-filter: invert(100%);
  18. }
  19. section.section-header.night img, #container.night video{
  20. -webkit-filter: invert(100%);
  21. }
  22. #sidebar-content-mod{
  23. overflow-y: scroll;
  24. float: left;
  25. position: fixed;
  26. height: 70%;
  27. width: 40%;
  28. right: 0px;
  29. background-color: #333;
  30. z-index: 9999;
  31. padding: 20px;
  32. }
  33. #sidebar-content-mod *{
  34. box-sizing: border-box;
  35. }
  36. #sidebar-content-mod img{
  37. width: 100%;
  38. padding-bottom: 700px;
  39. }
  40. #sidebar-content-mod.closed, .closed{
  41. width: 0px;
  42. background: none;
  43. display: none;
  44. }
  45. /*comments*/
  46. .post-comment.night img{
  47. -webkit-filter: invert(100%);
  48. }
  49. .hidden{
  50. display: none;
  51. }
  52. /* animations */
  53. @-webkit-keyframes rotate {
  54. from {
  55. -webkit-transform: rotate(0deg);
  56. }
  57. to {
  58. -webkit-transform: rotate(360deg);
  59. }
  60. }