Skip to content

Modern Rule34 (requires adblocking) by user423123213

Screenshot of Modern Rule34 (requires adblocking)
Write a review Install Get Stylus

Details

Authoruser423123213

LicenseNo License

Categoryrule34.xxx

Created

Updated

Size25 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

An incomplete, design-centred revision of rule34.xxx

Notes

UPDATE LOG

13.10.22

  • Total revision

25.08.22

  • Added media page toolbar

22.08.22

  • Introduced revised table design

21.08.22

  • Revised account settings page

20.08.22

  • Replaced dropdown menus with uniform collapsible sidebar

19.08.22

  • Made searchbar size responsive
  • Fixed sidebar links on media pages
  • Adopted media page sidebar design as new standard
  • Introduced topbar dropdown menus

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         Modern Rule34 (beta; requires full adblocking)
@version      20240417.10.47
@namespace    https://userstyles.world/user/user423123213
@description  An incomplete, design-centred revision of rule34.xxx
@author       user423123213
@license      No License
==/UserStyle== */

@-moz-document domain("rule34.xxx") {
body {
    background: #010708;
    color: #c0c0c0;
    max-width: 100%;
    overflow-x: hidden;
    font-family: N26, sans-serif;
    
}

* {
    text-shadow: none !important;
    outline: none;
    
}

a, a:link {
    color: #b0e0b0;
    font-family: 'Metropolis-Regular', "Segoe UI", Helvetica Neue, Helvetica, sans-serif;
    transition: 0.2s;
    
}

a:hover {
    text-shadow: none !important;
    
}

h5, hr {
    display: none;
}


#links {
    margin: 10px 0px;
     
}



/* GLOBAL SUPRESSORS */

[style="margin-bottom: 1em; float: left; clear: both;"], [style="margin-bottom: 1em;  float: left; clear: both;"], .gdprcontainer, [id="pi"] {
    display: none;
    
}



/* 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 {
    height: 70px !important;
    width: 93vw;
    position: fixed;
    left: 3vw;
    top: 0px;
    border-bottom: 1px solid #2b2b2b;
    background: #010708 !important;
    z-index: 1000;
    
}



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 {
    padding: 0px;
    background: transparent;    
    margin-top: 10px;
    
}


ul#navbar li {
    padding: 0 !important;
    display: inline-block;
    
}



#subnavbar {
    display: none;
    
}




#header a, #navbar li.current-page a  {
    color: #a6a6a6 !important;
    text-shadow: none;
    font-weight: bold;
    font-size: 12px;
    padding: 9px 12px;
    border-radius: 5px;
    display: block;
    margin: 0px 8px;
     
}

#header a:hover, #header #subnavbar li a:hover, #navbar li.current-page a:hover {
    background: rgb(176, 224, 176, 0.2);
    color: rgb(176, 224, 176) !important;
    
}

div#header ul#navbar li.current-page {
    background: transparent;
    
}




ul#navbar li:nth-child(11), ul#navbar li:nth-child(12), ul#navbar li:nth-child(14), ul#navbar li:nth-child(16) {
    display: none;
    
}





ul#navbar li:first-child a {
    border: 1px solid #a6a6a6;
    padding: 10px 20px;
    border-radius: 5px;
    position: absolute;
    right: 0vw; 
    top: 15px;
    transition: none;
    
}

ul#navbar li:first-child a:hover {
    color: #fff !important;
    border-color: #fff !important;
    background: transparent !important;
    border: 2px solid #fff;
    top: 14px;
    right: -1px;
    
}



ul#navbar li:nth-child(2) {
    margin: 0px 20px !important;
     
}

ul#navbar li:nth-child(2) a, ul#navbar li:nth-child(2) a:hover {
    background: url('https://raw.githubusercontent.com/User313123123/rule34/de3efdd1a0c8fdee12558f87e7fc69669f4157ab/Web%201920%20%E2%80%93%2014.svg');
    background-color: transparent !important;
    background-size: contain;
    color: transparent;
    background-repeat: no-repeat;
    display: inline-block; 
    padding: 29px;
    font-size: 0px;
    
} 


ul.flat-list li {
    font-weight: inherit;
    
}


/* 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;
     
}




/* PAGE SELECTOR */

div#paginator a, div#paginator b {
    margin: 0px 3px 5px 3px;
    padding: 13px 17px;
    border-radius: 147px;
    border: none;
    font-size: 11px;
    font-weight: bold;
    font-family: 'Metropolis-Regular', "Segoe UI", Helvetica Neue, Helvetica, sans-serif;
    color: #a6a6a6;
    display: inline-block;

}

div#paginator a:hover {
    background: rgb(176, 224, 176, 0.2);
    color: rgb(176, 224, 176);
    
}

div#paginator b {
    background: rgb(176, 224, 176, 0.2);
    color: rgb(176, 224, 176);
}


.manual-page-chooser>input[type=text], div#paginator input[type=submit] {
    display: none;
    
}



/* MISCELLANY */

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;
    
}




[id="tag-sidebar"] {
   margin-top: 0px;

}
}

@-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.status-notice {
    display: none;
    
}


/* MEDIA CONTAINER */

img, .fluid_video_wrapper {
    height: auto;
    position: fixed;
    left: 50px;
    top: 15vh; 
    transition: 0.3s;
    
}

img {
    max-height: 75vh;
    max-width: 65vw;
    height: auto;
    width: auto;
    
}

.fluid_video_wrapper {
    width: 65vw !important;
    height: 75vh !important;
    
}

.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_download, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_theatre, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_play, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_pause  {
    display: none !important;
    
}

.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_volume, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_mute {
    left: -40px;
    
}

.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_control_volume_container {
    left: 0px;
    
}

.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_fluid_control_duration{
    left: 70px;
    
}



/* COMMENTS */

div#post-comments {
    width: 24vw;
    position: absolute;
    top: 200px;
    right: 4vw;
    padding-bottom: 100px;
    
}

[id="comment-list"] {
    font-size: 0px;
    
}


[id="comment-list"] div {
    font-size: 11px;
    
}

table tr:nth-child(odd) {
    background: initial;
    
}



div#post-comments div#comment-list>div {
    padding: 10px;
    border-bottom: 1px solid #282828;
    margin-bottom: 0px;
    
}

div#post-comments div#comment-list>div>div.col1 {
    margin-top: 10px;
    
}

div#post-comments div#comment-list>div>div.col1 span {
    display: none;
    
}

div#post-comments div#comment-list>div>div.col1 b {
    font-size: 0px;
    display: block;
    float: right;
    margin-top: -15px;
    
}

div#post-comments div#comment-list>div>div.col1 b a:nth-child(1) {
    left: 0px;
    font-size: 10px;
    color: #fff;
    margin-right: 20px;
    border: none !important;
    font-family: N26, sans-serif !important;
    
}

div#post-comments div#comment-list>div>div.col1 b a:nth-child(2) {
    left: 0px;
    font-size: 0px;
    
}

div#post-comments div#comment-list>div>div.col1 b a:nth-child(2):hover::after {
    border: none;
    background: rgb(176, 224, 176, 0.2);
    color: rgb(176, 224, 176);
    
}

div#post-comments div#comment-list>div>div.col1 b a:nth-child(2)::after {
    content: "Upvote";
    font-size: 11px;
    transition: 0.2s;
    padding: 8px 15px;
    border-radius: 3px;
    color: #a6a6a6;
    
}


div#post-comments div#comment-list>div>div.col2 {
    margin: 18px 0px;
    
}


/* SIDERBAR */

div.sidebar {
    background: transparent;
    max-width: none;
    
}

div.tag-search div div, div.tag-search div input, div.sidebar div:last-child ul {
    display: none;
    
}



/* SIDERBAR - TAGS */

[id="tag-sidebar"] {
    position: absolute;
    top: 71px;
    display: initial;
    padding: 30px 20px 50px 20px;
    background: rgba(0, 0, 0, 0.9);
    transition: 0.3s;
    left: -3000px;
    border-right: 1px solid #2b2b2b;
    width: 25vw;
    z-index: 10;
    
}



[id="long-notice"] {
    z-index: 1000;
    position: fixed;
}

[id="long-notice"]::before {
    position: fixed;
    left: 1.5vw;
    top: 3vh;
    display: initial !important;
    content: "";
    padding: 10px;
    background: url(https://raw.githubusercontent.com/User313123123/rule34/de9110989f74425677492d0d1733cef0610eb7f4/Web%201920%20%E2%80%93%2013.svg);
    backgrou...

Reviews

No reviews yet.