Adjust the width of TechCrunch articles for easier reading on your computer.
TechCrunch to easy-to-read width by menndouyukkuri
Details
Authormenndouyukkuri
LicenseCC0
Categorytechcrunch.com
Created
Updated
Size1.7 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 TechCrunch to easy-to-read width
@namespace github.com/openstyles/stylus
@version 1.0.0
@description Adjust the width of TechCrunch articles for easier reading on your computer.
@author menndouyukkuri
==/UserStyle== */
@-moz-document domain("techcrunch.com") {
.piano-ribbon-container {
display: none;
}
.no-js.wf-aktivgrotesk-n4-active.wf-aktivgrotesk-i4-active.wf-aktivgrotesk-n7-active.wf-aktivgrotesk-i7-active.wf-aktivgrotesk-n3-active.wf-aktivgrotesk-i3-active.wf-aktivgrotesk-n8-active.wf-aktivgrotesk-i8-active.wf-active.idc0_350 body div#root div div.container--tc-magazine div#tc-main-content div.content {
width: calc(100vw - 300px) !important;
max-width: 1000px !important;
margin-left: 250px;
}
.article-container {
padding-left: 5%;
}
@media (max-width: 1100px) {
.no-js.wf-aktivgrotesk-n4-active.wf-aktivgrotesk-i4-active.wf-aktivgrotesk-n7-active.wf-aktivgrotesk-i7-active.wf-aktivgrotesk-n3-active.wf-aktivgrotesk-i3-active.wf-aktivgrotesk-n8-active.wf-aktivgrotesk-i8-active.wf-active.idc0_350 body div#root div div.container--tc-magazine div#tc-main-content div.content {
width: calc(100vw - 10vw) !important;
margin-left: 5% !important;
}
.wrap {
width: 100vw
}
}
@media (min-width: 1100px) {
.article-container {
padding-left: 0;
}
.site-footer .wrap {
margin-left: 250px;
}
}
@media (max-width: 1440px) {
.sidebar {
display: none;
}
}
}