Advertisement
Guest User

dark theme for Internet Archive

a guest
Oct 8th, 2022
30
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.42 KB | Source Code | 0 0
  1. /* dark theme for Internet Archive */
  2.  
  3. body, main { background-color: #433; }
  4. html, body { color:white; }
  5. input, textarea, .form-control  { background-color: black; color: white; }
  6. code  { background-color: #200; }
  7.  
  8. /* item details page */
  9. body.ia-module.tiles .item-ia .item-ttl .ttl,
  10. body.ia-module .ikind.stealth.in,
  11. body.ia-module .ikind.stealth,
  12. body.ia-module.tiles .item-ia,
  13. .item-download-options .hover-badge-stealth,
  14. .icon-label, [class*="iconochive"], th, td { color: white; }
  15. body.ia-module.tiles .item-ia,
  16. body.ia-module .columns-items .sortbar,
  17. .action-buttons-section .button,
  18. body.ia-module .boxy,
  19. body.ia-module .boxy.white-bg, .pickr {
  20.  background-color: #333;
  21.  border: unset;
  22. }
  23. .item-parent-ttl { color: white; }
  24.  
  25. .item-download-options .format-group,
  26. body.ia-module .collection-list .collection-item {
  27.  border-bottom: 1px dashed white;
  28. }
  29.  
  30. a, a:link, body.ia-module .boxy a,
  31. body.ia-module .boxy.white-bg a,
  32. body.ia-module .boxy .boxy-ttl,
  33. .item-download-options .format-group a.stealth,
  34. .download-directory-listing .directory-listing-table a { color: #5AF; }
  35. .btn:link { color:#fff; }
  36. body.ia-module #also-found { background-color: #111; }
  37. body.ia-module .search-bar-section { background-color:#444; border:unset; }
  38. body.ia-module.lists div.ikind .results {  border:unset; }
  39. body.ia-module.lists .item-ia,
  40. body.ia-module.lists.showdetails .details-ia { background-color: #444; }
  41. body.ia-module.lists.showdetails .details-ia { color: #eee; }
  42. .well-sm { background-color: #444; } /* forum post */
  43.  
  44. /* "Download options" section and "Add Review" link */
  45. .metadata-list,
  46. .metadata-expandable-list,
  47. body.ia-module .stealth,
  48. body.ia-module .welcome .tabby.in a.stealth { color: #bbb; }
  49.  
  50. /* Converting borders to box shadows to prevent protrusion */
  51. .action-buttons-section .favorite-btn .button:hover { background-color: #220; border:unset; box-shadow: 0 0 0 2px #F0B534; }
  52. .action-buttons-section .share-button .button:hover { background-color: #002; border:unset; box-shadow: 0 0 0 2px #428bca; }
  53. .action-buttons-section .flag-button .button:hover { border: unset; box-shadow: 0 0 0 2px red; }
  54.  
  55. /* Adapting some borders on collection pages */
  56. .well { border: unset; }
  57. body.ia-module.tiles .item-ia {
  58.   border: unset;
  59.   box-shadow: unset;
  60.   border-radius:0.5em;
  61. }
  62.  
  63. body.ia-module.tiles .columns-items {
  64.   border-left: 1px solid #555;
  65. }
  66.  
  67. body.navia .container-ia.nopad {
  68.   border-top: unset;
  69. }
  70.  
  71. body.ia-module .columns-items .sortbar {
  72.   border: unset;
  73. }
  74.  
  75. body.ia-module .columns-facets h1 {
  76.   border-bottom: 1px dashed #555;
  77. }
  78.  
  79. /* "show all" file index page, also known as "/download/" */
  80. pre                 { background-color:#444; color:#bbb; border: unset; }
  81. hr                  { border-top: 1px dashed white; }
  82.  
  83. /* Uploader UI */
  84. #file_info,
  85. #file_info tr,
  86. #file_info td       { color: white; }
  87.  
  88. #file_info, #file_drop, #add_files,
  89. .metadata_row       { background-color: #444; }
  90. .metadata_row:hover { background-color: #555; }
  91. #files th           { background-color: #555; }
  92.  
  93. /* File editor */
  94. .x-tree .x-panel-body { background-color: black; }
  95. .x-tree-node a span, .x-dd-drag-ghost a span { color: white; }
  96. .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar { background:unset; background-color: #333; }
  97. .x-form-text, textarea.x-form-field { background: black; }
  98.  
  99. /* Login and signup */
  100. .signup-form-section .login-header h1,
  101. .login-form-section  .login-header h1,
  102. .signup-form-section .signup-header h1,
  103. .login-form-section  .signup-header h1,
  104. .signup-form-section .signup-form-element label,
  105. .login-form-section  .signup-form-element label,
  106. .signup-form-section .login-form-element label,
  107. .login-form-section  .login-form-element label { color:white; }
  108. .modal-content {
  109.     background-color: black;
  110.     box-shadow: 0 0 5px  white;
  111. }
  112.  
  113. /* Home page */
  114. .home-page-hero-block-1 #outer-container.home-page-hero-block {  background-color: #444; }
  115. .home-page-hero-block-1 #whoweare.home-page-hero-block { color:white; }
  116. .hero-block-announcements-1 #announcements-container.hero-block-announcements ul.hero-block-announcements a.hero-block-announcements { color: #bbb; }
  117. #main-image { filter:invert(1); }
  118.  
  119. /* Upload progress indicator */
  120. #overlay_alert {
  121.   background-color: #333;
  122.   color: white;
  123.   border: 0;
  124.   box-shadow: 0 0 5px white;
  125. }
  126.  
  127. /* ZIP, ISO, TAR archive file viewer (view_archive.php) */
  128. #maincontent, .container-ia { background-color: #433; color:#ccc; }
  129. .container-ia a { color: lightblue; }
  130.  
Tags: CSS archive
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement