Lightbox Effect Pure use CSS for Blogger

Make lightbox pure used CSS

by Beben Koben

HTML

<div id="top"></div>
<br/>
<h1>CSS Lightbox in Blogger</h1>
<p>Lorem ipsum vix id kasd adhuc dignissim, eum ad dico audire mediocritatem, te iisque tritani efficiendi has. Ne quo justo docendi. Cum ea quando placerat, eirmod latine erroribus mei ei, quo mazim appetere et. Munere aliquid vis ea. Te congue ullamcorper per. Dicat dolores eu duo. Quas labitur volumus te duo, at per sonet detraxit evertitur. No nonumy percipit voluptatum vel, alii erant mediocritatem sed at. Brute aeque deseruisse mei ex, invidunt constituto usu te, sea te delectus urbanitas interpretaris. Eu ullum ubique eum, id aliquid mediocrem quo. Nam ne eius debitis. Vis porro labitur laboramus an. Utamur electram voluptatum qui cu, nobis efficiendi eloquentiam in quo, scripta euripidis in est. At viris imperdiet vix. Justo assueverit reprehendunt has in, nostrud legendos appellantur eam ea. Eos ex erat errem utinam, eos epicuri philosophia ut, ad eam ubique labore. Eos nibh laboramus ei, ei sumo fugit pro, ut dicat impetus partiendo vim. Ei magna velit eripuit duo, tamquam feugiat molestiae quo an, mea primis putant persequeris et. Nec te utinam adipiscing. His te illum posse. Ne mel detracto splendide referrentur. Ea mel everti concludaturque, ne nam alia reque. Vim apeirian iracundia ea, ea solum oratio oporteat duo, scaevola mandamus eu vel.</p>
<center><div id="lightbox">
<a class="thumb b1" href="#" tabindex="1">
<img alt="beben-koben" src="http://1.bp.blogspot.com/-O1EznkO0KWE/SnyglbNeuMI/AAAAAAAAALk/y-7RH8Y2rFs/beben-koben.png" />
</a>
<a class="thumb b2" href="#" tabindex="2">
<img alt="beben-koben" src="http://1.bp.blogspot.com/-rQxRBAUxsJI/SoiKjfheqyI/AAAAAAAAAQM/C0Lyo6TRw6M/beben-koben.jpg" />
</a>
<a class="thumb b3" href="#" tabindex="3">
<img alt="beben-koben" src="http://1.bp.blogspot.com/-A2-b1ygZnBk/SoiKHzy-hAI/AAAAAAAAAQE/bttHDqHEgvI/koben-beben.png" />
</a>
<a class="thumb b4" href="#" tabindex="4">
<img alt="beben-koben"...

CSS

*{margin:0;padding:0}
article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; }
body{background:#debe94;color:#555;display:block;font:13px/1.3 'Segoe...