行間を詰め、文字を黒くし、ヒーロー画像を狭くし、不要な余白を無くしました。これによりスクロール量と目線の移動が少なくなり、読みやすさを向上させています。
Improve read for wide screen by faketurn
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;
}
}