/* Kodet qė gjenden brenda kėtyre simboleve pra / dhe * mund tė aktivizohen duke i grisur kėto simbole si majtas ashtu edhe djathtas, si dhe njėkohėsisht mos harroni tė grisni dhe komentin. */ body { /* background-color: #E9E9E9; - ngjyra e prapavisė*/ color: #333; /*font-family: ... ; -- mund tė pėrcaktoni, sipas dėshirės, llojin e shkronjave */ font-size: 16px; } a.polaroid { display: block; text-decoration: none; color: #333; padding: 10px 10px 20px 10px; width: 150px; border: 1px solid #BFBFBF; background-color: white; z-index: 2; font-size: 0.7em; -webkit-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3); -moz-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3); box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3); -webkit-transition: -webkit-transform 0.5s ease-in; } a.polaroid:hover, a.polaroid:focus, a.polaroid:active { z-index: 999; border-color: #6A6A6A; -webkit-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3); -moz-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3); box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } .polaroid img { margin: 0 0 15px; width: 150px; height: 150px; } a img { border: none; display: block; } .fjalaime-foto { position: relative; width: 80%; margin: 0 auto; max-width: 70em; height: 450px; margin-top: 5em; min-width: 500px; /* gjerėsia minimale e organizimit tė fotove */ max-width: 700px; /* gjerėsia maksimale */ } .fjalaime-foto .polaroid { position: absolute; } /* Nėse shfrytėzoni
mund tė aktivizoni kėtė kod pėr tė vendosur njė titull mbi grumbullin e fotografive. .fjalaime-foto h1 { position: absolute; z-index: 5; top: 150px; text-align: center; width: 100%; line-height: 1.9; } */ .fjalaime-foto.eVogel { width: 75px; padding: 6px 6px 12px 6px; font-size: 0.6em; } .fjalaime-foto .eVogel img { width: 75px; height: 75px; } .fjalaime-foto .eMesme { width: 200px; padding: 13px 13px 26px 13px; font-size: 0.8em; } .fjalaime-foto .eMesme img { width: 200px; height: 200px; } .fjalaime-foto .eMadhe { width: 300px; padding: 20px 20px 30px 20px; font-size: 1em; } .fjalaime-foto .eMadhe img { width: 300px; height: 300px; } .fjalaime-foto .foto1 { bottom: 10px; right: 365px; -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); transform: rotate(10deg); } .fjalaime-foto .foto2 { top: 50px; right: 20px; -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); transform: rotate(-4deg); } .fjalaime-foto .foto3 { left: 400px; top: 0; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); transform: rotate(-5deg); } .fjalaime-foto .foto4 { top: 10px; left: 335px; -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); transform: rotate(-20deg); } .fjalaime-foto .foto5 { bottom: 0; right: 0; -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); transform: rotate(1deg); } .fjalaime-foto .foto6 { bottom: 10px; right: 156px; -webkit-transform: rotate(6deg); -moz-transform: rotate(6deg); transform: rotate(6deg); } .fjalaime-foto .foto7 { bottom:0; left:400px; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); transform: rotate(-10deg); } .fjalaime-foto .foto8 { bottom: -20px; left: 500px; -webkit-transform: rotate(-8deg); -moz-transform: rotate(-8deg); transform: rotate(-8deg); } .fjalaime-foto .foto9 { bottom: 0; left: 0; -webkit-transform: rotate(-8deg); -moz-transform: rotate(-8deg); transform: rotate(-8deg); } .fjalaime-foto .foto10 { top: 0; left: 20px; -webkit-transform: rotate(8deg); -moz-transform: rotate(8deg); transform: rotate(8deg); } .fjalaime-foto .foto11 { top: 0; right: 0; -webkit-transform: rotate(-8deg); -moz-transform: rotate(-8deg); transform: rotate(-8deg); } .fjalaime-foto .foto12 { top: 0; left: 500px; -webkit-transform: rotate(18deg); -moz-transform: rotate(18deg); transform: rotate(18deg); } .fjalaime-foto .foto13 { bottom: 10; right: 570px; -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); transform: rotate(4deg); } .fjalaime-foto .foto14 { top: 90px; left: 430px; -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); transform: rotate(15deg); } .fjalaime-foto .foto15 { left:176px; top:20px; -webkit-transform: rotate(-8deg); -moz-transform: rotate(-8deg); transform: rotate(-8deg); } a:hover, a:focus { z-index: 5; }