Skip to content

Improve read for wide screen by faketurn

Screenshot of Improve read for wide screen

Details

Authorfaketurn

LicenseNo License

Categorynimble-needles.com

Created

Updated

Size1.3 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

行間を詰め、文字を黒くし、ヒーロー画像を狭くし、不要な余白を無くしました。これによりスクロール量と目線の移動が少なくなり、読みやすさを向上させています。

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Improve read for wide screen
@version      20230125.05.36
@namespace    userstyles.world/user/faketurn
@description  行間を詰め、文字を黒くし、ヒーロー画像を狭くし、不要な余白を無くしました。これによりスクロール量と目線の移動が少なくなり、読みやすさを向上させています。
@author       faketurn
@license      No License
==/UserStyle== */

@-moz-document domain("nimble-needles.com"), domain("nimble--needles-com.translate.goog") {
* {
    padding-bottom: 0;
}

body {
    line-height: 1.7;
}

a.button:visited,
.footer-widgets a:visited {
    color: hsl(331, 81%, 43%);
}

a.button {
    background-color: hsla(171, 100%, 34%, .93);
    border: 1px solid hsl(171, 100%, 34%);
}

.page-hero {
    padding-top: 3%;
    padding-bottom: 3%;
}

.separate-containers .inside-article, 
.separate-containers .comments-area,
.separate-containers .page-header,
.one-container .container,
.separate-containers .paging-navigation,
.inside-page-header {
    color: #222;
}

#generate-section-15 .generate-sections-inside-container,
#generate-section-12 .generate-sections-inside-container{
    padding-bottom: 0;
}
}

Reviews

No reviews yet.