Improve Internet Archive with GitHub-inspired userstyle that enhances layout, colors, and fonts, for easier navigation and visual appeal.
Modernish Internet Archive by ninja_speed
Details
Authorninja_speed
LicenseNo License
Categoryarchive.org
Created
Updated
Size4.7 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Dark Mode
Source code
/* ==UserStyle==
@name ? - Nov 2023
@version 20231123.12.26
@namespace ?
==/UserStyle== */
@-moz-document domain("archive.org") {
body {
background-color: #0d1117;
font-family: 'proxima-nova', sans-serif;
margin: 0;
padding: 0;
}
/* Import Fira Code font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Fira+Code&display=swap');
/* Apply Fira Code font to all text in the body */
body {
font-family: 'Fira Code', monospace;
}
* {
box-sizing: border-box;
border-radius: 6px;
padding: 7px;
margin: 0;
color: #e1e1e3 ;
}
button,
input[type="submit"],
input[type="button"] {
box-shadow: 0 0 10px #161b22;
background-color: #161b22;
}
a {
color: #66c2ff;
}
.top-bar {
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
}
.top-bar a {
margin: 0 10px;
}
.top-bar button {
margin-left: auto;
}
nav.primary-nav,
.media-slider {
background-color: #0d1117;
padding: 10px;
}
.media-slider {
background-color: #161b22;
}
.container.container-ia.width-max.relative-row-wrap.info-top > .container.container-ia {
background-color: #161b22;
padding: 10px;
}
.topinblock.favorite-btn,
#flag-button {
background-color: #161b22;
padding: 10px;
}
.center {
display: flex;
justify-content: center;
align-items: center;
}
.center-text {
text-align: center;
}
.center-image {
display: block;
margin-left: auto;
margin-right: auto;
}
div.container.container-ia.width-max.relative-row-wrap:nth-of-type(5) > .container.container-ia > .relative-row.row > .col-sm-8.thats-left.item-details-metadata {
color: #000;
/* Replace 'red' with the color you want */
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: bold;
}
#theatre-ia-wrap {
width: auto;
height: auto;
border-radius: 10px;
}
.overflow-clip.closed.style-scope.media-slider {
visibility: hidden;
}
.media-slider-container.style-scope.media-slider {
visibility: hidden;
}
.boxy.white-bg.collection-list {
background-color: #161b22 !important;
/* Yellow background color */
border: 1px solid #161b22 !important;
/* Yellow border color */
}
.boxy.item-download-options {
background-color: #161b22 !important;
/* Yellow background color */
border: 1px solid #161b22 !important;
/* Yellow border color */
}
.boxy.white-bg.item-upload-info {
background-color: #161b22 !important;
/* Yellow background color */
border: 1px solid #161b22 !important;
/* Yellow border color */
}
.media-menu-inner.style-scope.media-menu {
padding: 0px;
}
nav.style-scope.primary-nav * {
padding: 0px;
background-color: #161b22
}
#topnav * {
padding: 0px:
}
.button.js-manage-toggle_list_status {
background-color: #161b22;
}
#nav-search {
padding: 0px
}
dt {
font-weight: bold
}
.menu-item.images.style-scope.media-button {
padding: 0px
}
.overflow-clip.style-scope.media-menu * {
padding: 1px
}
.ia-banners {
display: none;
}
.col-xs-12.tilebars {
background-color: #161b22;
}
div.results > .item-ia > .statbar,
div.results > .item-ia > .statbar * {
padding: 0;
}
.menu-group.style-scope.media-menu * {
padding: 0px
}
.topnav.style-scope.ia-topnav * {
padding: 0px;
}
div.branding.style-scope.primary-nav {
padding: 10px:
}
section.boxy:nth-child(1) {
background-color: #161b22
}
.item-details-metadata.thats-left.col-sm-8 {
background-color: #161b22
}
textarea {
background-color: #161b22;
border: #39434d;
padding: 8px;
}
.container-ia.container input {
background-color: #161b22;
border: #39434d;
padding: 8px;
}
.js-playset.width-max.container-ia.container * {
background-color: #161b22 !important;
border: #39434d;
}
div.search-menu-inner.tx-slide.style-scope.search-menu {
background-color: #161b22 !important;
border: #39434d;
}
home-page-hero-block {
background-color: #161b22 !important;
border: #39434d;
}
right-column.column * {
background-color: #161b22 !important;
border: #39434d;
}
.user-menu-1.x-scope.ia-topnav.style-scope {
display: none;
}
.desktop-subnav.style-scope {
background-color: #161b22 !important;
border: #161b22;
border-radius: 0px
}
.nav-search.style-scope.highlight {
padding: 0px;
border-radius: 0px
}
.nav-search.style-scope.fill-color {
padding: 0px;
border-radius: 0px
}
}