Skip to content

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

Cleans up the pages on stackoverflow, such as removing uncessary sidebar content and extending the text area.

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

Reviews

No reviews yet.