Αλλάξτε την εμφάνιση του Reader στο Safari.

compass.png
Μπορείτε να αλλάξετε την εμφάνιση του Reader ώστε να ταιριάζει στα γούστα σας. Μπορείτε να αλλάξετε Fonts, χρώμα, διαστάσεις περιθώρια, βασικά τα πάντα. Το αρχείο είναι CSS3, θα πούμε λίγα λόγια παρακάτω για τα CSS tags αλλά για περισσότερες πληροφορίες μπορείτε να επισκεφτείτε το w3schools...
Για να βρείτε το αρχείο, κάντε δεξί κλικ στο Safari επιλέξτε Show Package Contents και πλοηγηθείτε στο Contents/Resourses σε αυτό το φάκελο βρείτε και ανοίξτε το αρχείο "Reader.html". Μέσα στο αρχείο βρείτε το παρακάτω κώδικα:

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


Καλό θα ήταν πριν κάνετε αλλαγές, να κάνετε backup το αρχείο. Οι αλλαγές που μπορούν να γίνουν χωρίς να χαλάσουν εντελώς τον reader είναι οι παρακάτω:
  • width
  • Έχει να κάνει με το πλάτος του object (εδώ το object είναι το άρθρο) και οι τιμές που μπορεί να πάρει είναι:
    auto
    μέγεθος σε px
    μέγεθος σε cm
    μέγεθος % από το block.

  • margin
  • Είναι η περιοχή γύρω από το object και χωρίζεται σε left right top bottom, εδώ βλέπουμε ότι δεν έχει bottom, άρα η τιμή για το τελευταίο θα είναι 0. Όπως και το width έτσι και το margin παίρνει τις αντίστοιχες τιμές:
    auto
    μέγεθος σε px
    μέγεθος σε cm
    μέγεθος % από το block.

  • padding
  • Είναι η περιοχή ανάμεσα στο το object border και το περιεχόμενό του, εδώ θα δούμε οτι έχει 2 τιμές, η πρώτη αφορά τις τιμές για τα top & bottom και η δεύτερη για τα left & right. Μπορείτε να βάλετε και άλλες τιμές, βάζοντας 4 τιμές, ελέγχουμε ξεχωριστά τα top right bottom left με αυτή τη συγκεκριμένη σειρά. Οι τιμές που μπορεί να πάρει είναι :
    μέγεθος σε px
    μέγεθος σε cm
    μέγεθος % από το block.

  • color
  • Είναι το χρώμα των fonts και μπορεί να πάρει τιμές:
    rgb
    hex
    name

  • background
  • Είναι το χρώμα του background και μπορεί να πάρει τιμές:
    rgb
    hex
    name