Stopka posta z boku

W kodzie wszystko wyjaśniłam, tłumaczenia właściwości napisałam tylko przy pierwszym selektorze, ale potem większość się powtarza. Właściwie prawie wszystko można zmienić i w zależności czy chcemy ustawić całość po lewej stronie, prawej, jaką mamy szerokość postu itd., to wszystko może sprawić, że całe ustawienie się rozwali, więc samodzielna edycja będzie i tak konieczne, jednak mam nadzieję, że dacie radę, a jak coś to zawsze pytajcie w komentarzach.

Najważniejsze elementy, które muszą zostać tak jak są zaznaczyłam kursywą, a te co swobodnie możecie zmienić pogrubiłam.

.post-author {

position: absolute;

width: 180px !important; /*szerokość ramki*/

height: 12px; /*wysokość ramki*/

top: 5px; /*przeniesienie do góry, może być na minusie*/

left: 560px; /*przeniesienie w bok, może być na minusie */

padding: 2px; /*marginesy*/

padding-left: 10px; /*marginesy z lewej strony*/

color: #fff; /*kolor czcionki*/

background: #301735 !important; /*kolor tła*/

margin-bottom: 10px !important;

font: 10px calibri, serif !important; /*wysokość I rodzaj czcionki*/

text-align: left; /*przyleganie tekstu do lewej strony ramki*/

letter-spacing: 1px !important; /*przerwa między literami*/

text-transform: uppercase; /*drukowane litery*/

padding-bottom: 3px; /*marginesy od dołu*/

transtion: all 0.7s; /*płynny powrót*/

-moz-transition: all 0.7s;

-webkit-transition: all 0.7s;

-o-transition: all 0.7s;

}

.comment-link {

position: absolute !important;

width: 155px !important;

height: 12px !important;

top: 49px;

left: 560px;

padding: 2px;

padding-left: 10px !important;

color: #fff !important;

background: #301735 !important;

font: 10px calibri, serif !important;

text-align: left;

letter-spacing: 1px !important;

text-transform: uppercase;

text-decoration: none; /*brak podkreślenia linka*/

font-weight: none !important; /*brak pogrubienia czcionki*/

padding-left: 2px;

transtion: all 0.7s;

-moz-transition: all 0.7s;

-webkit-transition: all 0.7s;

-o-transition: all 0.7s;

}

h2.date-header span {

position: absolute !important;

width: 170px;

hight: 10px !important;

top: 38px !important;

left: 575px;

padding: 1.9px 0px !important;

padding-left: 10px !important;;

color: #fff !important;

background-color: #301735 !important;

font: 10px calibri, serif !important;

text-align: left;

letter-spacing: 1px !important;

text-transform: uppercase !important;

 text-decoration: none;

transtion: all 0.7s;

-moz-transition: all 0.7s;

-webkit-transition: all 0.7s;

-o-transition: all 0.7s;

}

h2.date-header span:hover, .comment-link a:hover, .comment-link:hover, .post-author a:hover, .post-author:hover {

text-decoration: none;

background: #fff !important;

color: #140919 !important;

transtion: all 0.7s;

-moz-transition: all 0.7s;

-webkit-transition: all 0.7s;

-o-transition: all 0.7s;

}