Zakładam, że mądre z Was mysie i procesu dodawania rozszerzenia opisywać nie muszę, więc lecim z edycją!

Przede wszystkim - nie musisz rozumieć słów występujących w kodzie, znajomość ich znaczeń nie ma wpływu na przebieg edytowania tak długo, jak potrafisz kopiować i wklejać. Nie zraź się bełkotem!

• Znajdźmy magiczne miejsce, w którym leżą nasze rozszerzenia. W Chrome jest to oczywiście zaraz obok paska wyszukiwania, po wejściu w Stylish rozwija nam się zakładka, na której dole wisi Create new style
• Po lewej nazywamy nasz nowy super elegancki motyw i zaznaczamy Enabled - inaczej przy każdej edycji będzie się wyłączał i trzeba będzie go na nowo aktywować, a z tą opcją mamy podgląd na bieżąco. Jeśli u dołu jeszcze tego nie ma, definiujemy, że styl jest tworzony pod URL atelier801.com
• Przechodzimy do konsoli! Jeśli nie wiesz od czego zacząć, w spoilerze czeka przyśpieszony tryb lekcji z tworzenia witryn internetowych, ale tylko ta część o CSS, nie jestem cudotwórcą :-(
  
  
  Spoilerｆａｎｃｙｎａｕｋａ.ｅｘｅ

  
  Każda strona ma zdefiniowane swego rodzaju fragmenty - znaczniki oraz klasy.
  Znaczniki są proste i łatwo je skojarzyć np. z formatowaniem postów na forum A801. Przykładowo znacznik <p> służy do utworzenia paragrafu
  

  1

  <p>tu leży paragraf pogrzebany</p>

  
  Zwykłe napisy to nudziarstwo, więc chcemy sobie taki paragrafik upięknić. Zróbmy go na niebiesko:
  

  1

  <font color="blue"><p>tu leży paragraf pogrzebany</p></font>

  
  W CSS, naszej super konsoli, możemy napisać to samo szybciej i przyjemniej:
  

  1
  2
  3

  p{
  	color: blue;
  }

  
  I gitara siemano kolano luzik arbuzik, co nie?
  No nie.
  Ktoś tam na górze wpadł na pomysł, że on chce dużo takich udekorowanych paragrafów, wszystkie odcienie tego świata, a może i nawet trzy. Żeby się nie cackać z dopisywaniem każdemu atrybutów jak w drugim przykładzie zrobił klasy:
  

  1
  2
  3

  <p class="niebieskie">tekst</p>
  <p class="zielone">tekst</p>
  <p class="skrajnie-brutalne">tekst</p>

  
  Klasa sama sobie nie wpadnie na pomysł co autor miał na myśli tworząc ją, więc w CSS opisane jest jak ma wyglądać:
  

  1
  2
  3
  4
  5
  6
  7
  8
  9
  10
  11

  .niebieskie{
  	color: blue;
  }
  
  .zielone{
  	color: green;
  }
  
  .skrajniebrutalne{
  	color: red;
  }

  
  
  Teraz ta osoba może określić wygląd paragrafu za jednym dopisaniem klasy, zamiast przecierać biedne klawisze i pisać nadprogramowy tekst spod przykładu drugiego. Wracając do samego początku, Stylish to rozszerzenie do pracy w języku CSS, co za tym idzie - pracujemy na stworzonych już przez autorów strony klasach.
  
• Teraz czas na szukanie klas, na których będziemy pracować:
  
  Spoiler

  
  
  I to, co się nam otworzy:
  
  
  1 - cały skrypt strony
  2 - poszczególne znaczniki z nazwanymi klasami
  3 - narzędzie to wskazywania który element chcemy zbadać. To nie taki zwykły kursor, bo przekierowuje nas do odpowiedniej linijki kodu. Nie trzeba się zrażać jeśli w wyświetlonej linijce nie znajdziemy atrybutu, który by nas interesował, bo najmniejszy ruch może zmienić badany obszar ;-)
  4 - tu wyświetlają nam się atrybuty linii, w której siedzimy. W tym przypadku pokazuje wszystkie definicje dotyczące znacznika div, klasy container-fluid oraz menu-secondaire - jej części składowe. Kliknięcie na kwadrat koloru pomoże od razu dobrać odpowiedni kolor, bo siedzi w nim próbnik i superowy kolorowy klocek z prywatnym suwakiem, co to nam barwę określi
  5 - w tym pasku możemy spojrzeć jak głęboko i którym rozgałęzieniu kodu siedzimy, ewentualnie ruszyć tyłek niżej czy wyżej
  
• Znalezione klasy/znaczniki przepisujemy lub kopiujemy do konsoli Stylish'a, dopisujemy co chcemy lub edytujemy istniejące atrybuty.
  Edycja klasy - zawartość początkowa:
  
  1
  2
  3

  .menu-secondaire {
  	    background-color: #55585a;
  }

  
  Przykładowa zmiana:
  
  1
  2
  3
  4

  .menu-secondaire {
  	background-color: #759fbb;
  	border: 1px solid #000000;
  }

  
  W efekcie nasz element jest cudnie błękitny i wszedł w posiadanie rozkosznego obramowania o wysokości 1px, nieprzerywanego, o kolorze czarniutkim jak węgiel
  Zapisujemy nasz Stylish'owy plik i widzimy zmianę!
  
  
• Ważne jest by zapamiętać, że:
  
  Spoiler

  ★ znaczniki (body, hr itp.) pisze się bez początkowej kropki: body { background-color: red; }
  ★ nazwy klas muszą rozpoczynać się od kropki: .menu-secondaire { background-color: red; }
  ★ atrybuty elementu, którego się uczepiliśmy, siedziały w klamerkach: body { background-color: red; }
  ★ po atrybucie wystąpił średnik: body { background-color: red; }
  
  + nazwy elementów możemy zapisywać po przecinku: body, .menu-secondaire { background-color: red; } . Za jednym wystukaniem można zdefiniować dwa tła na raz, bo atrybut zostanie przypisany do wszystkich wypisanych przed klamrą atrybutów
  Ale to nie jest zasada. To poczucie estetyki.
  
  
  

  Z pewnym prawdopodobieństwem Twój element nie działa, bo po prostu walnąłeś się przy którejś gwiazdce. :-)

  
  

body - ogół strony
footer - stopka

.container-fluid - scalony górny pasek nawigacji
.menu-principal - górna połowa
.menu-secondaire - dolna połowa

.navbar-inverse .nav>li>a - przyciski na pasku nawigacji
.navbar-inverse .nav .active>a - wciśnięty
.navbar-inverse .nav .active>a:hover - najechany

.cadre-forum - kadry, np. Atelier801 i Nekodancer w głównej sekcji forum
.table-section - mini-kadr, w którym znajdują się tytuły działów
.line-striped - co drugi pasek powyższego kadru
.table-section-cellule - komórka z tytułem działu i tytułem tematu, autorem, datą
.table-section-cellule-bouton-afficher-masquer - przestrzeń między powyższymi komórkami
.cadre-sujet-postit - przypięte tematy
.cadre-sujet - zwykłe tematy
.cadre-upload-image-utilisateur - obwód przycisku do dodawania zdjęć na Micepix
.cadre-dernieres-images-utilisateurs - obwód zdjęć na Micepix
.contenant-image-utilisateur-grille-sans-marge - pojedyncze zdjęcia
.cadre-pagination input - wpisywanie na którą stronę chcemy iść
.composant-selection-image-utilisateur-upload - przycisk dodawania zdjęć
.composant-selection-image-utilisateur-upload:hover - wciśnięty

.cadre-sujet-titre-sombre - tytuły tematów widziane przed wejściem w działy, z których pochodzą
.lien-blanc - tytuły tematów oraz przycisków stopki stopki
.nombre-messages - liczba postów
.nombre-messages-nouveau - liczba nowych postów
.date-image-utilisateur - data zdjęcia
.cadre-sujet-date - zwykła data
.cadre-repondre - tworzenie wiadomości
.cadre legend - nagłówek powyższego

background-color - kolor tła
background-image: url(źródło grafiki) - obraz tła
color - kolor czcionki
font-family - czcionka
border - obramowanie
background-size - rozmiar grafiki na tle
background-repeat - powtarzanie się tła

Coś jeszcze Twoim zdaniem jest podstawowe i warte poznania? Pisz. ;-)

★ Dobieranie koloru RGBA (pozwala na określenie przezroczystości) -hexcolortool.com

★ Rodzaje atrybutów do używania w CSS (kolory, czcionki, tła itp.) - w3schools.com

★ Grafiki układające się we wzory - freepik.com