De layout van Safari Reader aanpassen

In Safari 5 heeft Apple de Reader feature toegevoegd, deze feature maak het lezen van artikelen een stuk comfortabeler. De Reader feature is eigenlijk niets dan HTML met javacode en embedded CSS code die wordt geactiveerd. Wanneer je een beetje handig bent met CSS dan kan je de weergave van Reader volledig aanpassen naar je eigen wensen.

Ga in OS X Finder naar de programma's map en control+klik op de Safari applicatie, selecteer in het context menu de optie 'Toon pakketinhoud...'. Ga in het nieuwe Finder venster dat verschijnt naar de map Contents ▸ Resources. Maak van het bestand 'Reader.html' een backup en open deze hierna met een teksteditor (BBedit).

.page {
      width: 658px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 10px;
      padding: 45px 70px;
      color: black;
      background: white;
      border: 1px solid #c3c3c3;
      position: relative;
      overflow: hidden;
      -webkit-transition: height .5s ease-out;
      }

Zoals je ziet bevat het HTML bestand naast javascript ook CSS code die de opmaak van Reader voor zijn rekening neemt. Je kan dit aanpassen naar je eigen wensen. Wil je bijvoorbeeld een zwarte achtergrond met witte letters, wijzig dan color: black; in color: white en background: white; in background: black;

Joachim bedankt de tip!