Testna
<!DOCTYPE html> <html> <head> <style> body {
font-family: sans-serif;
}
.sidebar {
height: relative; width: 0; position: fixed; z-index: 1; top: 5; left: 0; background-color: beige; overflow-x: hidden; transition: 0.5s; padding-top: 16px;
}
.sidebar a {
padding-left:120px; /* padding: 8px 8px 8px 32px; */ text-decoration: none; font-size: 20px; color: #818181; display: block; transition: 0.3s;
}
.sidebar .closebtn {
position: static; top: relative; right: 25px; font-size: 20px; margin-left: 32px; padding: 10px 15px;
}
.openbtn {
position: sticky; font-size: 20px; cursor: pointer; background-color: burlywood; color: white; padding: 10px 15px; border: none;
}
- main {
top: 5;
transition: margin-left .5s; padding: 16px; background-color: aliceblue;
}
</style> </head> <body>
<button class="openbtn" onclick="openNav()">☰ Open Sidebar</button>
Collapsed Sidebar
Click on the hamburger menu/bar icon to open the sidebar, and push this content to the right. Ja, u ime oca i Sina i Svetoga Duha. Ja opat Držiha pisah ovo o ledini koju dade Zvonimir, kralj hrvatski u dane svoje svetoj Luciji. Svjedoče mi župan Desimir u Krbavi, Martin u Li- ci, Piribineg u Vinodolu i Jakov na o- toku. Da tko poreče, neka ga prokune i Bog i 12 apostola i 4 e- vanđelista i sveta Lucija. Amen. Neka onaj tko ovdje živi, moli za njih Boga. Ja opat Dobrovit zi- dah crkvu ovu sa svoje dev- etero braće u dane kneza Kosmata koji je vl- adao cijelom Krajinom. I bijaše u te dane Mi- kula u Otočcu sa svetom Lucijom zajedno. Ja, u ime oca i Sina i Svetoga Duha. Ja opat Držiha pisah ovo o ledini koju dade Zvonimir, kralj hrvatski u dane svoje svetoj Luciji. Svjedoče mi župan Desimir u Krbavi, Martin u Li- ci, Piribineg u Vinodolu i Jakov na o- toku. Da tko poreče, neka ga prokune i Bog i 12 apostola i 4 e- vanđelista i sveta Lucija. Amen. Neka onaj tko ovdje živi, moli za njih Boga. Ja opat Dobrovit zi- dah crkvu ovu sa svoje dev- etero braće u dane kneza Kosmata koji je vl- adao cijelom Krajinom. I bijaše u te dane Mi- kula u Otočcu sa svetom Lucijom zajedno. Ja, u ime oca i Sina i Svetoga Duha. Ja opat Držiha pisah ovo o ledini koju dade Zvonimir, kralj hrvatski u dane svoje svetoj Luciji. Svjedoče mi župan Desimir u Krbavi, Martin u Li- ci, Piribineg u Vinodolu i Jakov na o- toku. Da tko poreče, neka ga prokune i Bog i 12 apostola i 4 e- vanđelista i sveta Lucija. Amen. Neka onaj tko ovdje živi, moli za njih Boga. Ja opat Dobrovit zi- dah crkvu ovu sa svoje dev- etero braće u dane kneza Kosmata koji je vl- adao cijelom Krajinom. I bijaše u te dane Mi- kula u Otočcu sa svetom Lucijom zajedno. Ja, u ime oca i Sina i Svetoga Duha. Ja opat Držiha pisah ovo o ledini koju dade Zvonimir, kralj hrvatski u dane svoje svetoj Luciji. Svjedoče mi župan Desimir u Krbavi, Martin u Li- ci, Piribineg u Vinodolu i Jakov na o- toku. Da tko poreče, neka ga prokune i Bog i 12 apostola i 4 e- vanđelista i sveta Lucija. Amen. Neka onaj tko ovdje živi, moli za njih Boga. Ja opat Dobrovit zi- dah crkvu ovu sa svoje dev- etero braće u dane kneza Kosmata koji je vl- adao cijelom Krajinom. I bijaše u te dane Mi- kula u Otočcu sa svetom Lucijom zajedno.
AZЪ [VЪ IME O]TCA I S(I)NA [I S](VE)TAGO DUHA AZЪ OPAT[Ъ] DRŽIHA PISAHЪ SE O LEDI[N]Ě JuŽE DA ZЪVЪNIM[I]RЪ KRALЪ HRЪVATЪSKЪÏ [VЪ] DNI SVOJĘ VЪ SVETUJu LUCIJu I S[VEDO]- MI ŽUPANЪ DESIMRA KRЪ[BA]VĚ MRA[TIN]Ъ VЪ L(I)- CĚ PR(I)BЪNEBŽA [S]Ъ POSL[Ъ] VIN[OD](O)LĚ [ĚK](O)VЪ V(Ъ) O- TOCĚ DA IŽE TO POREČE KLЪNI I BO(G) I BÏ(=12) AP(OSTO)LA I G(=4) E- VA(N)J(E)LISTI I S(VE)TAĚ LUCIĚ AM(E)NЪ DA IŽE SDĚ ŽIVE- TЪ MOLI ZA NE BOGA AZЪ OPATЪ D(O)BROVITЪ ZЪ- DAH CRĚKЪVЪ SIJu I SVOEJu BRATIJu SЪ DEV- ETIJu VЪ DNI KЪNEZA KOSЪMЪTA OBLAD- AJuĆAGO VЪSU KЪRAINU I BĚŠE VЪ TЪ DNI M- IKULA VЪ OTOČЪCI [SЪ S]VETUJu LUCIJu VЪ EDINO .AZЪ [VЪ IME O]TCA I S(I)NA [I S](VE)TAGO DUHA AZЪ OPAT[Ъ] DRŽIHA PISAHЪ SE O LEDI[N]Ě JuŽE DA ZЪVЪNIM[I]RЪ KRALЪ HRЪVATЪSKЪÏ [VЪ] DNI SVOJĘ VЪ SVETUJu LUCIJu I S[VEDO]- MI ŽUPANЪ DESIMRA KRЪ[BA]VĚ MRA[TIN]Ъ VЪ L(I)- CĚ PR(I)BЪNEBŽA [S]Ъ POSL[Ъ] VIN[OD](O)LĚ [ĚK](O)VЪ V(Ъ) O- TOCĚ DA IŽE TO POREČE KLЪNI I BO(G) I BÏ(=12) AP(OSTO)LA I G(=4) E- VA(N)J(E)LISTI I S(VE)TAĚ LUCIĚ AM(E)NЪ DA IŽE SDĚ ŽIVE- TЪ MOLI ZA NE BOGA AZЪ OPATЪ D(O)BROVITЪ ZЪ- DAH CRĚKЪVЪ SIJu I SVOEJu BRATIJu SЪ DEV- ETIJu VЪ DNI KЪNEZA KOSЪMЪTA OBLAD- AJuĆAGO VЪSU KЪRAINU I BĚŠE VЪ TЪ DNI M- IKULA VЪ OTOČЪCI [SЪ S]VETUJu LUCIJu VЪ EDINO
<script> function openNav() {
document.getElementById("mySidebar").style.width = "250px";
document.getElementById("main").style.marginLeft = "250px";
}
function closeNav() {
document.getElementById("mySidebar").style.width = "0";
document.getElementById("main").style.marginLeft= "0";
} </script>
</body> </html>