Skip to content

Rule34 Modern by user423123213

Screenshot of Rule34 Modern
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

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 Modern
@version    20240622.11.19
@namespace  ?
==/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: 10px;
    color: #d1d1d1;
    font-weight: initial;
    font-size: 12px;
    background: #252525;
    padding: 12px 0px;
    border-radius: 5px;
    text-align: center;
    left: 74.5vw;
    z-index: 30000;
    width: 300px;
 
}


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

...

Reviews

No reviews yet.