Cleans up the pages on stackoverflow, such as removing uncessary sidebar content and extending the text area.
Stackoverflow clean by sonho
Details
Authorsonho
Licenseunlicense
Categorystackoverflow.com
Created
Updated
Size3.4 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 Stackoverflow
@namespace stylish
@version 1.0.6
@description Cleans up the pages on stackoverflow, such as removing uncessary sidebar content and extending the text area.
@author Hayden
@license unlicense
@preprocessor uso
==/UserStyle== */
@-moz-document domain("stackoverflow.com") {
/* ====================================== */
/* Pukka */
html:before {
content: "Clean";
position: fixed;
padding: 5px;
bottom: 0;
background: white;
box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px,
rgba(0, 0, 0, 0.1) 0px 2px 4px 0px,
rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
margin: 5px;
border: 2px #5514b4 solid;
color: #5514b4;
font-family: "Comic Sans MS", "Comic Sans", cursive;
z-index: 99999999;
border-radius: 4px;
font-style: italic;
}
html:before {
-webkit-animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
animation-delay: 1.5s;
}
/* ----------------------------------------------
* Generated by Animista on 2020-11-23 23:28:59
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation slide-in-left
* ----------------------------------------
*/
@-webkit-keyframes slide-in-left {
0% {
-webkit-transform: translateX(-1000px);
transform: translateX(-1000px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes slide-in-left {
0% {
-webkit-transform: translateX(-1000px);
transform: translateX(-1000px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
/* ====================================== */
body.question-page .container {
max-width: 2000px;
}
#left-sidebar {
width: 0;
}
#sidebar,
.sidebar {
width: 200px;
position: absolute;
top: 0;
right: 0;
margin-right: 10px;
display: block;
background-color: white;
margin-top: 2em;
}
#sidebar {
opacity: 0.5;
}
#sidebar:hover {
opacity: 1;
}
.s-input__search {
max-width: 40em;
}
.top-bar .list-reset {
display: none;
}
#mainbar,
.mainbar {
width: calc(100% - 24px);
}
.post-text pre,
.wmd-preview pre {
max-width: 1100px;
word-wrap: normal;
width: min-content;
padding: 20px 70px 20px 20px;
margin-left: 20px;
box-shadow: 10px 8px 6px 0px rgba(171, 171, 171, 0.57);
}
.bottom-notice {
display: none;
}
.privacy-policy-agreement {
display: none;
}
#announcement-banner {
display: none;
}
.s-navigation {
display: none;
}
#question-header .s-btn__filled {
display: none;
}
.js-saves-btn,
.js-post-issue {
display: none;
}
.s-anchors__muted.d-flex {
display: none !important;
}
#footer >* {
opacity: 0.5;
}
.new-post-login, #your-answer-header, .form-submit {
opacity: 0.5;
}
@media only screen and (max-width: 1400px) {
#sidebar,
.sidebar {
display: none;
}
}
}