Stylish & fs.to

upd;
Шел 2017 год… FS.to навсегда останется в наших сердцах.
RIP, dear FS!

в 2014 меня посетила идея создать свой набор CSS стилей для популярного ресурса fs.to, на который я перешел после закрытия ex.ua. Собрав необходимый CSS я залил тему в паблик userstyles. Спустя несколько недель в Adobe Photoshop был сделан набросок мануала в формате длиннопоста. Сегодня нашел сорц этого документа. Не стал ничего переделывать. Заливаю как есть, может кому пригодится. 

Ccылки

Stylish расширение для браузера Chrome ▪ Firefox ▪ Opera

CSS

.b-spoiler .right, .l-content-center, .b-tab-item__vote, .l-content-center, .b-item-material-comments__item {
  width: 100% !important;
}
.b-item-material-comments__item-right {
  width: 90%;
}
/*подсвечивание просмотренных материалов*/
a:visited.b-poster-tile__link *, a:visited.b-poster-tile__link {
  color: gray !important;
  border: none !important;
  background: #f8f8e6!important;
  text-shadow: 0 1px 1px white;
}
#contest-banner {
  display: none;
}
iframe[src^='http://ad.admixer'], div[id^='ads'], a[href^='http://ad.admixer'] {
  display: none !important;
}
body, .b-body-branding-hr, .l-body-branding, .l-body-inner {
  background: #1b263a
  url('https://img-fotki.yandex.ru/get/4607/18576996.0/0_c01d9_fc977aca_orig.jpg') no-repeat center fixed !important;
  background-size: cover !important;
}
.m-main {
  background: none !important;
}
.l-footer-top, #center_banner_div, #b-promo-banner, .b-ad-resizable, #mid_banner_div, .h-ad, .b-ad-resizable, .b-body-branding-hr__left, .b-body-branding-hr__right, #adsProxy-zone-section-adsuniversal, .l-content-right, .b-adsuniversal-wrap, #adsProxy-zone-section-glowadswide, #b-seo-text-source, .b-adsuniversal-wrap, .admixer_adv_content, #admixer_async_1479079611, .b-adproxy-horizontal, #staropramen1, #staropramen2 {
  display: none !important;
}
.b-material-new__player-gradient, .b-feedback, .l-fixed, .l-footer, #video_ablock, .b-ad-block-vertical {
  display: none !important;
}
#flash_branding1, #flash_branding2, #brandingBanner {
  display: none;
}
.b-social-icons {
  opacity: .1;
}
.b-social-icons:hover {
  opacity: 1 !important;
}
.current-file-fullname {
  font-family: 'calibri',serif;
}
/*restyle comments*/
.b-item-material-comments__item-review-positive {
  background: #ddf9d1 !important;
}
.b-item-material-comments__item-review-negative {
  background: #fdd !important;
}
.l-content {
  background-color: transparent !important;
}
/* cinema:minimal */
body, .b-body-branding-hr, .l-body-branding, .l-body-inner {
  background: black url('https://img-fotki.yandex.ru/get/5109/18576996.0/0_c0229_cd832f68_orig.png') repeat !important;
}
.b-header, .l-header__bg-l, .l-header__bg-c, .l-header__bg-r {
  height: 30px !important;
  background: black !important;
}
/*floatrx: cinema mode (beta)*/
.l-header, .b-share, .b-material-new__head, .l-header__bg-l {
  display: block !important;
}
.item.m-wide, #player {
  width: 100% !important;
}
li, ul, .b-header-menu-wrap, .l-header-menu, .l-content {
  border: none !important;
  background: black !important;
}
.b-actions {
  min-width: 800px !important;
  height: 28px !important;
}
.b-actions a {
  margin-top: 2px !important;
  border: 1px dashed black !important;
  background: transparent !important;
}
.b-actions a:hover {
  border: 1px dashed white !important;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  background: #043467 !important;
}
/*fix dropdown-menu*/
#adsProxy-zone-video {
  min-height: 100px !important;
}
.m-popup *, .item li a {
  background: transparent !important;
}
.item li a:hover, .item a:hover {
  background: #043467 !important;
}
.m-popup, .b-actions {
  background: transparent !important;
}
.m-popup {
  margin-top: -5px !important;
}
/*customize searchbar*/
#search {
  color: gray !important;
  border: 1px dashed #232323 !important;
}
.b-header-search * {
  color: silver;
  background-color: black !important;
}
.search .button {
  background: transparent url('https://img-fotki.yandex.ru/get/5109/18576996.0/0_c0229_cd832f68_orig.png')no-repeat left 4px !important;
}
/*floatrx: cinema mode -END*/
/*fix: 140214 - back-topnav*/
.current-file-fullname {
  color: #3f3f3f;
}
.b-material-new__head-subcategory, .b-material-new__head-title, .current-file-fullname  a {
  color: gray !important;
  background: black;
}
.current-file-fullname {
  display: none;
}
.l-content-inner {
  padding: 0 !important;
}
.b-material-new__head-player-change a {
  padding: 4px;
  text-decoration: none;
  color: #3f3f3f !important;
}
.b-material-new__head-player-change a:hover {
  color: white !important;
  border-radius: 4px;
  background: #264e9e;
}
.b-header__menu-section-link, .b-header__menu-section {
  color: #3f3f3f !important;
}
.b-header__menu-section-link-active-subsection {
  display: none !important;
}
.b-header__menu-subsections-item-title {
  height: 25px !important;
  padding: 10px 10px 2px 10px !important;
  background: black none !important;
}
.b-header__menu-subsections-item-title:hover {
  border-radius: 4px;
  background: #264e9e !important;
}
.b-header__menu-subsections-item {
  line-height: 1px !important;
  height: 25px;
  padding: 0  !important;
}
.m-header__form-search_state_auth .field, .b-header__form-search * {
  background: black !important;
}
.b-header__user-messages, .b-header__user-favourites, .b-header__user-materials, .b-header__user-exit, .m-button-header__link_type_login, .m-button-header__link_type_register {
  display: none !important;
}
.b-material-new__head {
  height: 0 !important;
}
.l-content-inner {
  margin-top: 15px !important;
}
.b-header__menu-subsections-item {
  height: 25px !important;
}
* {
  transition: all .6s ease;
}
.b-share {
  display: none !important;
}
.b-material-new__head *, .b-actions * {
  font-size: 11px;
  transition: all .7s ease;
  opacity: .2;
  background: transparent !important;

  filter: alpha(opacity=20);
}
.b-material-new__head:hover *, .b-actions:hover * {
  opacity: 1;
  color: silver !important;

  filter: alpha(opacity=100);
}


Длиннопост

stylish_dlinnopost