Discontinued. Better version: https://userstyles.world/style/6160/modern-rule34-major-update-coming-soon.
Rule34 Plain by user423123213
Details
Authoruser423123213
LicenseNo License
Categoryrule34.xxx
Created
Updated
Size20 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name rule34.xxx (discontinued)
@version 20240615.07.05
@namespace https://userstyles.world/user/user423123213
@author user423123213
@license No License
==/UserStyle== */
@-moz-document domain("rule34.xxx") {
body {
background: #010708;
color: #c0c0c0;
max-width: 100%;
overflow-x: hidden;
}
a, a:link {
color: #b0e0b0;
text-shadow: none !important;
}
a:hover {
text-shadow: none !important;
}
h5, hr {
display: none;
}
#links {
margin: 10px 0px;
}
/* GLOBAL INPUTS */
input[type=submit], input[type=button], button {
font-weight: bold;
color: #303a30;
background-color: #b0e0b0;
padding: 9px 38px;
border-radius: 50px;
font-size: 14px;
margin: 10px;
cursor: pointer;
transition: 0.2s;
border: 2px solid #b0e0b0;
}
input[type=submit]:hover, input[type=button]:hover, button:hover {
background-color: transparent;
color: #b0e0b0;
}
input[type=submit]:active, input[type=button]:active, button:active, input[type=submit]:not([disabled]):active, input[type=button]:not([disabled]):active, button:not([disabled]):active {
background-color: #fff;
color: #000;
filter: none;
border-color: #fff;
}
input[type=text], input[type=password], input[type=email], textarea, select {
padding: 10px;
width: 500px;
margin: 10px;
border-radius: 5px;
background: #303030 !important;
border: 1px solid #505a50;
color: #c0c0c0;
}
/* HEADER */
#header {
background: #93b393;
height: 100% !important;
width: 227px;
position: fixed;
z-index: 100;
left: -215px;
transition: 0.2s;
top: 0px;
}
#header:hover {
left: 0px;
}
div#header #site-title {
position: absolute;
background: transparent;
margin: 15px 0px 0px 45px;
padding: 0;
top: 0;
display: none;
}
div#header #site-title a {
color: #fff !important;
font-family: Snell Roundhand, cursive;
font-size: 22px;
margin: 0;
padding: 0;
width: initial;
}
div#header #site-title a:hover {
background: initial;
}
div#header ul#navbar, div#header ul#subnavbar {
display: inline-block;
padding: 0px;
background: transparent;
transition: 0.2s;
}
ul#navbar li, #subnavbar li {
padding: 0 !important;
margin: 0;
}
ul#navbar li:nth-child(10), ul#navbar li:nth-child(12) {
display: none;
}
ul#navbar li:first-child a {
color: #000 !important;
margin: 10px 10px;
text-align: center;
border: 2px solid #000;
border-radius: 50px;
width: 175px;
}
ul#navbar li:first-child a:hover {
color: #fff !important;
}
#header a, #navbar li.current-page a {
color: #000 !important;
text-shadow: none;
font-weight: bold;
font-size: 12px;
padding: 9px 12px;
border-radius: 5px;
display: block;
margin: 0px 10px;
width: 180px;
}
#header a:hover, #header #subnavbar li a:hover, #navbar li.current-page a:hover {
background: #000;
color: #fff !important;
}
#header #navbar li.current-page {
background: #000;
}
/* MAIN PAGE */
div#static-index>div#links>a {
border-radius: 50px;
font-weight: bold;
padding: 7px 15px;
font-size: 11px;
}
div#static-index>div#links>a:hover {
background: #b0e0b0;
color: #000;
}
/* SIDERBAR */
div.sidebar {
width: 195px;
min-width: 195px;
margin-right: 100px;
background: transparent;
border-right: 2px solid #282828;
margin-left: 10px;
}
[id="tag-sidebar"] {
margin-top: 65px;
}
div.tag-search {
width: 75%;
left: 19%;
position: absolute;
top: 20px;
border-bottom: 2px solid #282828;
padding-bottom: 20px;
}
div.tag-search input[type=text] {
padding: 13px;
margin: 10px;
border-radius: 50px;
width: 83%;
background: #303030;
border: 1px solid #505a50;
color: #c0c0c0;
}
div.tag-search input[type=submit] {
width: 150px;
right: 10px;
position: absolute;
margin-top: -50px;
}
.awesomplete ul::before {
display: none;
}
.awesomplete ul {
background: #282828;
padding: 10px;
margin: -9px 0px 0px 30px;
border-bottom-left-radius: 5px;
width: 100px !important;
display: block;
min-width: 80%;
}
.awesomplete ul li {
padding: 7px 10px;
color: #cecece;
}
.awesomplete ul li:hover {
background: #cecece;
color: #000;
}
.awesomplete ul li mark {
background: inherit;
color: inherit;
}
div.sidebar h6 {
width: 100%;
padding: 10px 0px 10px 20px;
margin: 10px 0px 1px -20px;
border-bottom: 2px solid #282828;
}
div.sidebar a {
width: 96%;
display: block;
padding: 8px;
padding-left: 20px;
margin-left: -20px;
color: #b0e0b0;
}
div.sidebar a:hover {
font-weight: bold;
}
div.sidebar a:hover, [class="tags"] a:hover, [class="tag-type-general"] a:hover {
color: #222 !important;
background: #b0e0b0;
}
.tag-type-artist>a {
color: #f0a0a0 !important;
}
.tag-type-artist>a:hover {
background: #f0a0a0 !important;
color: #222 !important;
}
.tag-type-character>a {
color: #f0f0a0 !important;
}
.tag-type-character>a:hover {
background: #f0f0a0 !important;
color: #222 !important;
}
.tag-type-metadata>a {
color: #90d9ed !important;
}
.tag-type-metadata>a:hover {
background: #90d9ed !important;
color: #222 !important;
}
.tag-type-copyright>a {
color: #f0a0f0 !important;
}
.tag-type-copyright>a:hover {
background: #f0a0f0 !important;
color: #222 !important;
}
[class="tag-count"] {
display: none;
}
/* PAGE SELECTOR */
div#paginator {
margin: 30px 0px 50px 0px;
}
div#paginator a {
margin: 0 3px;
padding: 13px 17px;
border-radius: 147px;
border: none;
font-size: 15px;
font-weight: bold;
}
div#paginator a:hover {
color: #000;
background: #93b393;
}
div#paginator b {
padding: 13px 17px;
border-radius: 147px;
border: none;
font-size: 15px;
font-weight: bold;
background: #93b393;
color: #000;
}
.manual-page-chooser>input[type=text], div#paginator input[type=submit] {
display: none;
}
/* BODY */
div#post-comments div#comment-list>div {
padding: 10px;
border-bottom: 2px solid #282828;
margin-bottom: 0px;
}
div#post-comments div#comment-list>div:hover {
background: #282828;
}
div.content a img, div#content a img {
border: 3px solid black;
}
[style="border: 3px solid #0000ff;"] {
border: 3px solid blue !important;
}
div.content a:visited img {
border: 3px solid #4f4f4f !important;
}
div.content a:hover img, div#content a:hover img {
border: 3px solid #fff !important;
}
div.status-notice {
background: transparent;
margin-left: -10px;
}
div#notice {
position: fixed;
bottom: 20px;
color: #d1d1d1;
font-weight: initial;
font-size: 13px;
background: #252525;
padding: 15px 30px;
border-radius: 5px;
width: 500px;
text-align: center;
left: 50%;
margin-left: -250px;
z-index: 30000;
}
div#content, div[style="margin-left: 20px;"], div[style="margin-left: 10px; margin-top: 10px; width: 98%; height: 98%"] {
padding: 100px 0px 0px 130px;
}
input[type="checkbox"] {
border-bottom: 2px solid #b0e0b0;
}
[style="margin-bottom: 1em; float: left; clear: both;"], [style="margin-bottom: 1em; float: left; clear: both;"] {
display: none;
}
[id="tag-sidebar"] {
margin-top: 0px;
}
}
@-moz-document url-prefix("https://rule34.xxx/index.php?page=post&s=list"), url-prefix("https://rule34.xxx/index.php?page=post&s=view") {
ul#subnavbar li:nth-child(2) a, ul#subnavbar li:nth-child(3) a {
color: #000 !important;
margin: 10px 10px;
text-align: center;
border: 2px solid #000;
border-radius: 50px;
width: 175px;
}
ul#subnavbar li:nth-child(2) a, ul#subnavbar li:nth-child(3) a {
position: absolute;
bottom: 0px;
font-size: 11px;
}
ul#subnavbar li:nth-child(2) a {
width: 70px;
}
ul#subnavbar li:nth-child(2) a::after {
content: " Picture";
}
ul#subnavbar li:nth-child(3) a {
width: 70px;
left: 107px;
}
}
@-moz-document url-prefix("https://rule34.xxx/index.php?page=post&s=list") {
div#content {
padding: 0 20px 30px;
}
div.content {
margin: 100px 0px 0px 0px !important;
}
div.sidebar li a {
display: none !important;
}
div.sidebar li a:nth-child(3) {
display: block !important;
}
}
@-moz-document url-prefix("https://rule34.xxx/index.php?page=post&s=view") {
div#content {
padding: 0 20px 30px;
}
div.content {
margin: 70px 0px 0px 0px;
border-top: none;
}
div.tag-search {
display: none;
}
img {
display: block;
max-width: 100%;
max-height: 90vh;
width: auto;
height: auto;
}
table tr:nth-child(odd) {
background: initial;
}
div.content a:hover {
border-bottom: 2px solid #b0e0b0;
}
div.sidebar div:nth-last-child(3) {
back...