Jak zwięszyć czytelność mpcforum używając dodatku Stylish - gotowy CSS

[Gość Dawid545]

Obecnie mpcforum na moim ekranie jest za wielkie, wszystkie litery jak dla osób z wadą +3D, awatary dziwne kwadratowe ze śmiesznym zaokrągleniem, a ilość dostępnych lajków ucięta. Co zrobić, żeby dało się to czytać? Pamiętaj, że ten poradnik został przygotowany dla przeglądarki firefox, twój schemat w stylish może się trochę różnić, jeśli nie masz ff, to na pewno nie będzie tam czegoś takiego jak "-moz-document", ale ważna jest zawartość tego bloku, zadziała na każdej nowszej przeglądarce.

• Upewniamy się, że mamy dodatek Stylish

• Klikamy jego ikonkę na pasku (mozaika z literą S)
• Wybieramy Napisz nowy styl
• Wybieramy Dla mpcforum.pl...
• Wklejamy w pole tekstowe

• @namespace url(http://www.w3.org/1999/xhtml);
  @-moz-document domain("mpcforum.pl") {
  	html[dir="ltr"] .ipsApp .ipsNotificationCount {
  		right: 20px;
  	}
  	body,
  	.ipsMenu_title,
  	.ipsCommentCount,
  	.ipsFieldRow_desc,
  	a.cEvents_event.cEvents_eventSmall,
  	.cEvents_event.cEvents_eventSmall a,
  	.cEvents_event.cEvents_eventSmall.cEvents_empty span,
  	.cGalleryPatchwork_index .cGalleryPatchwork_item .cGalleryPatchwork_comments,
  	.cNexusOrderBadge,
  	#ipsLayout_footer,
  	#ipsLayout_footer a,
  	#ipsLayout_footer p,
  	#ipsLayout_footer #elCopyright,
  	.ipsWidget .ipsDataItem_title,
  	.ipsTabs.ipsTabs_small .ipsTabs_item {
  		font-size: 1.1rem;
  	}
  	#elUserNav {
  		margin-right: 20px;
  	}
  	.ipsMenu_title {
  		padding: 6px 10px;
  	}
  	.flexColumns {
  		margin: 0 14px;
  	}
  	.ipsType_sectionTitle {
  		padding: 10px;
  		margin-bottom: 14px;
  	}
  	.ipsUserPhoto_tiny img,
  	img.ipsUserPhoto_tiny,
  	.ipsUserPhoto_tiny:after {
  		border-radius: 50%;
  	}
  	.ipsUserPhoto:after {
  		border-radius: 50%;
  	}
  	.ipsResponsive_showDesktop.ipsResponsive_block {
  		margin-left: 14px;
  	}
  	.ipsfocus_social .ipsfocus_sTeamspeak {
  		background: #5d78b1;
  		background-image: linear-gradient(to bottom, #4c6fbb 0%, #43609e 100%);
  	}
  	.ipsBreadcrumb {
  		border-radius: 3px;
  	}
  	.ipsUserPhoto_xxlarge img,
  	img.ipsUserPhoto_xxlarge,
  	.ipsUserPhoto_xxlarge:after {
  		width: 100px;
  		height: 100px;
  		border-radius: 50%;
  	}
  	.ipsUserPhoto_small img,
  	img.ipsUserPhoto_small,
  	.ipsUserPhoto_small:after {
  		border-radius: 50%;
  	}
  	.ipsPageHeader {
  		padding: 10px;
  		margin: 0;
  	}
  	.ipsComment.ipsComment_popular .ipsComment_popularFlag {
  		width: 32px;
  		height: 32px;
  		font-size: 20px;
  		line-height: 32px;
  	}
  	.ipsComment_content .ipsType_richText {
  		line-height: 1.0;
  	}
  }

• Jeśli chcemy ukryć dziwne zielone okienko dodajemy jeszcze przed ostatnia klamerka

  .ipsMessage.ipsMessage_success.ipsMessage_sticky {
  	display: none;
  }

   

• Nazywamy sobie jak chcemy

• Klikamy zapisz

• Gotowe, powinno już działać, jeśli nie, sprawdzmy czy styl jest włączony, znajdziemy go pod ikonką stylisha.

 

Screenshoty przed

 

Screenshoty po

 

Zobacz też