<div id="megaweb_su_book">
<!--CSS3 книга с эффектом перелистывания страниц -->
<div class="ebook" onclick="this.className=this.className">
<input type="checkbox" name="book" id="p1">
<input type="checkbox" name="book" id="p2">
<input type="checkbox" name="book" id="p3">
<input type="checkbox" name="book" id="p4">
<input type="checkbox" name="book" id="p5">
<input type="checkbox" name="book" id="p6">
<input type="checkbox" name="book" id="p7">
<input type="checkbox" name="book" id="p8">
<input type="checkbox" name="book" id="p9">
<input type="checkbox" name="book" id="p10">
<input type="checkbox" name="book" id="p11">
<div class="cover"></div>
<div class="book">
<div class="p0 lp">
<div class="p0p lpi"><b></b>
<div class="text">
<p>Книга на CSS3<br>
Демонстрация поворота страницы<br>
от <a href="http://786.rusff.me/" title="feisar" style="text-decoration:none; color:#000">feisar</a></p>
</div>
</div>
</div>
<div class="p1 rp">
<div class="p1p rpi">
<div class="text">
<label for="p1"><img src="http://megaweb.su/demo/css3_book/img/vpered.png" alt=""></label>
<p>Лучшие Афоризмы<br>
на<br>
<a href="http://786.rusff.me/" title="feisar" style="text-decoration:none; color:#000">feisar</a><br>
<br>
<img src="img/megaweb.png" alt=""> </p>
<span>- 1 -</span> </div>
</div>
</div>
<div class="p2 lp">
<div class="p2p lpi"><b></b>
<div class="text">
<label for="p1"><img src="http://megaweb.su/demo/css3_book/img/nazad.png" alt=""></label>
<p>Уважайте текущий час и сегодняшний день!.. Уважайте каждую отдельную минуту, ибо умрет она и никогда не повторится... </p>
<span>- 2 -</span> </div>
</div>
</div>
<div class="p3 rp">
<div class="p3p rpi">
<div class="text">
<label for="p2"><img src="http://megaweb.su/demo/css3_book/img/vpered.png" alt=""></label>
<p> Ваше время ограничено, не тратьте его, живя другой жизнью. Не попадайтесь на крючок вероучения, которое существует на мышлении других людей. Не позволяйте взглядам других заглушать свой собственный внутренний голос. И очень важно иметь мужество следовать своему сердцу и интуиции. Они, так или иначе, уже знают, что вы действительно хотите сделать. Все остальное - второстепенно. </p>
<span>- 3 -</span> </div>
</div>
</div>
<div class="p4 lp">
<div class="p5p lpi"><b></b>
<div class="text">
<label for="p2"><img src="http://megaweb.su/demo/css3_book/img/nazad.png" alt=""></label>
<p> У старости есть свои удовольствия, не меньшие, чем удовольствия молодости. Старость находит удовлетворение в собственной совершенности. Она сбросила путы эгоизма. Душа, наконец-то ставшая свободной, радуется быстротечному мгновению, но не молит его помедлить. </p>
<span>- 4 -</span> </div>
</div>
</div>
<div class="p5 rp">
<div class="p5p rpi">
<div class="text">
<label for="p3"><img src="http://megaweb.su/demo/css3_book/img/vpered.png" alt=""></label>
<p> Если в присутствии юноши или даже при одной мысли о нем у тебя ускоренно забилось сердце, если тебе захочется, чтобы юноша смотрел на тебя с удивлением и восхищением, считая тебя единственной в мире, - это означает: в тебе пробудилась Женщина, пробудилась Мать - творец новой жизни. С этой минуты началась для тебя новая жизнь. </p>
<span>- 5 -</span> </div>
</div>
</div>
<div class="p6 lp">
<div class="p6p lpi"><b></b>
<div class="text">
<label for="p3"><img src="http://megaweb.su/demo/css3_book/img/nazad.png" alt=""></label>
<p> Мы живем в эпоху, когда расстояние от самых безумных фантазий до совершенно реальной действительности сокращается с невероятной быстротой. </p>
<span>- 6 -</span> </div>
</div>
</div>
<div class="p7 rp">
<div class="p7p rpi">
<div class="text">
<label for="p4"><img src="http://megaweb.su/demo/css3_book/img/vpered.png" alt=""></label>
<p> Вспоминать о смерти - значит жить без мысли о ней. О смерти нужно не вспоминать, а спокойно, радостно жить с сознанием ее постоянного приближения. <span>- 7 -</span> </p>
</div>
</div>
</div>
<div class="p8 lp">
<div class="p8p lpi"><b></b>
<div class="text">
<label for="p4"><img src="http://megaweb.su/demo/css3_book/img/nazad.png" alt=""></label>
<p> ...Но что же мне делать, если я наверное знаю, что в основании всех человеческих добродетелей лежит глубочайший эгоизм. И чем добродетельнее дело - тем более тут эгоизм. Люби самого себя - вот одно правило, которое я признаю. Жизнь - коммерческая сделка... <span>- 8 -</span> </p>
</div>
</div>
</div>
<div class="p9 rp">
<div class="p9p rpi">
<div class="text">
<label for="p5"><img src="http://megaweb.su/demo/css3_book/img/vpered.png" alt=""></label>
<p> И почему это именно в старости человек следит за своими ощущениями и критикует свои поступки? Отчего бы в молодости ему не заниматься этим? Старость и без того невыносима... В молодости вся жизнь проходит бесследно, едва зацепляя сознание, в старости же каждое малейшее ощущение гвоздем сидит в голове и поднимает уйму вопросов. </p>
<span>- 9 -</span> </div>
</div>
</div>
<div class="p10 lp">
<div class="p10p lpi"><b></b>
<div class="text">
<label for="p5"><img src="http://megaweb.su/demo/css3_book/img/nazad.png" alt=""></label>
<p> Мы твердо верим в то, что наступит, наконец, такое время, когда стыдно будет умирать человеку ранее ста лет. </p>
<span>- 10 -</span> </div>
</div>
</div>
<div class="p11 rp">
<div class="p11p rpi">
<div class="text">
<label for="p6"><img src="http://megaweb.su/demo/css3_book/img/vpered.png" alt=""></label>
<p> Время, которое так быстротечно, время, уходящее безвозвратно, - вот драгоценнейшее достояние человека, и выбрасывать его на ветер есть самая изощренная форма расточительности. </p>
<span>- 11 -</span> </div>
</div>
</div>
<div class="p12 lp">
<div class="p12p lpi"><b></b>
<div class="text">
<label for="p6"><img src="http://megaweb.su/demo/css3_book/img/nazad.png" alt=""></label>
<p> Книга - она вещь мертвая, ее как хочешь бери, рви, ломай - она не закричит... А жизнь, чуть ты по ней неверно шагнул, неправильно место в ней себе занял, - тысячью голосов заорет на тебя, да еще и ударит, с ног собьет. </p>
<span>- 12 -</span> </div>
</div>
</div>
<div class="p13 rp">
<div class="p13p rpi">
<div class="text">
<label for="p7"><img src="http://megaweb.su/demo/css3_book/img/vpered.png" alt=""></label>
<p> В молодости все силы направлены на будущее, и будущее это принимает такие разнообразные, живые и обворожительные формы под влиянием надежды, основанной не на опытности прошедшего, а на воображаемой возможности счастия, что одни понятые и разделенные мечты о будущем счастии составляют уже истинное счастие этого возраста. </p>
<span>- 13 -</span> </div>
</div>
</div>
<div class="p14 lp">
<div class="p14p lpi"><b></b>
<div class="text">
<label for="p7"><img src="http://megaweb.su/demo/css3_book/img/nazad.png" alt=""></label>
<p> История человеческого труда и творчества гораздо интереснее и значительнее истории человека, - человек умирает, не прожив и сотни лет, а дело его живет века. </p>
<span>- 14 -</span> </div>
</div>
</div>
<div class="p15 rp">
<div class="p15p rpi">
<div class="text">
<label for="p8"><img src="http://megaweb.su/demo/css3_book/img/vpered.png" alt=""></label>
<p> Бывает так, что на горизонте мелькнут журавли, слабый ветер донесет их жалобный крик, а через минуту, с какой жадностью ни вглядывайся в синюю даль, не увидишь ни точки, ни услышишь ни звука - так точно люди с их лицами и речами мелькают в жизни и утопают в нашем прошлом, оставляя ничего больше, кроме ничтожных следов памяти. </p>
<span>- 15 -</span> </div>
</div>
</div>
<div class="p16 lp">
<div class="p16p lpi"><b></b>
<div class="text">
<label for="p8"><img src="http://megaweb.su/demo/css3_book/img/nazad.png" alt=""></label>
<p> Жизнь коротка, путь искусства долог, удобный случай скоропреходящ, опыт обманчив, суждение трудно. Поэтому не только сам врач должен употреблять в дело все, что необходимо, но и больной, и окружающие, и все внешние обстоятельства должны способствовать врачу в его деятельности. </p>
<span>- 16 -</span> </div>
</div>
</div>
<div class="p17 rp">
<div class="p17p rpi">
<div class="text">
<label for="p9"><img src="http://megaweb.su/demo/css3_book/img/vpered.png" alt=""></label>
<p> Когда яркое пламя любви перестает мерцать, веселее горит огонек привязанности; его-то легко поддерживать изо дня в день и даже усиливать по мере того, как приближается холодная смерть. </p>
<span>- 17 -</span> </div>
</div>
</div>
<div class="p18 lp">
<div class="p18p lpi"><b></b>
<div class="text">
<label for="p9"><img src="http://megaweb.su/demo/css3_book/img/nazad.png" alt=""></label>
<p> Гимнастика, физические упражнения, ходьба должны прочно войти в повседневный быт каждого, кто хочет сохранить работоспособность, здоровье, полноценную и радостную жизнь. </p>
<span>- 18 -</span> </div>
</div>
</div>
<div class="p19 rp ">
<div class="p19p rpi">
<div class="text">
<label for="p10"><img src="http://megaweb.su/demo/css3_book/img/vpered.png" alt=""></label>
<p> Я верю в жизнь, которая непрестанно отсекает отмершие органы и, возрождая материю, заживляет раны, верю в жизнь, которая, невзирая ни на что, среди разложения и смерти стремится к всеобщему здоровью и к непрерывному обновлению. </p>
<span>- 19 -</span> </div>
</div>
</div>
<div class="p20 lp">
<div class="p20p lpi"><b></b>
<div class="text">
<label for="p10"><img src="http://megaweb.su/demo/css3_book/img/nazad.png" alt=""></label>
<p> От наших родителей мы получили величайший и бесценный дар - жизнь. Они вскормили и взрастили нас, не жалея ни сил, ни любви. И теперь, когда они стары и больны, наш долг - вылечить и выходить их! </p>
<span>- 20 -</span> </div>
</div>
</div>
<div class="p21 rp">
<div class="p21p rpi">
<div class="text">
<label for="p11"><img src="http://megaweb.su/demo/css3_book/img/vpered.png" alt=""></label>
<p> Праздность и ничегонеделание влекут за собой порочность и нездоровье - напротив того, устремление ума к чему-либо приносит за собой бодрость, вечно направленную к укреплению жизни. </p>
<span>- 21 -</span> </div>
</div>
</div>
<div class="p22 lp">
<div class="p22p lpi"><b></b>
<div class="text">
<label for="p11"><img src="http://megaweb.su/demo/css3_book/img/nazad.png" alt=""></label>
<p> Есть прекрасные деревья, которые до самых морозов сохраняют листву и после морозов до снежных метелей стоят зеленые. Они чудесны. Так и люди есть, перенесли все на свете, а сами становятся до самой смерти все лучше. </p>
<span>- 22 -</span> </div>
</div>
</div>
<div class="p23 rp">
<div class="p23p rpi"><b></b>
<div class="text">
<p> <a href="http://786.rusff.me/" title="feisar" style="text-decoration:none; color:#000">feisar</a> </p>
</div>
</div>
</div>
</div>
</div>
<!--CSS3 книга с эффектом перелистывания страниц-->
</div>
<style>/*CSS3 книга с эффектом перелистывания страниц*/
.ebook { width: 780px; height: 580px; position: relative; margin: 20px 0 20px 20px; }
.ebook input { position: absolute; left: -9999px; }
.cover { width: 700px; height: 500px; padding: 40px; background: url(http://megaweb.su/demo/css3_book/img/cover-fon.png) center center no-repeat; position: absolute; left: -40px; top: -35px; }
.book { width: 700px; height: 550px; position: relative; z-index: 100; background: transparent; overflow: hidden; font-family: georgia, serif; }
.rp { width: 535px; height: 600px; position: absolute; right: 350px; top: 0px; background: transparent; overflow: hidden; -webkit-transform-origin: 350px -900px; -webkit-transform: rotate(-20.6deg); -webkit-transition: 1s; -webkit-transform-style: preserve-3d; -moz-transform-origin: 350px -900px; -moz-transform: rotate(-20.6deg); -moz-transition: 1s; -moz-transform-style: preserve-3d; -ms-transform-origin: 350px -900px; -ms-transform: rotate(-20.6deg); -ms-transition: 1s; -ms-transform-style: preserve-3d; -o-transform-origin: 350px -900px; -o-transform: rotate(-20.6deg); -o-transition: 1s; -o-transform-style: preserve-3d; transform-origin: 350px -900px; transform: rotate(-20.6deg); transition: 1s; transform-style: preserve-3d; }
.rpi { width: 348px; height: 498px; position: absolute; right: -315px; top: 188px; background: #C5A15D; border: 1px solid #C5A15D; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 50px, rgba(0, 0, 0, 0) 100%); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 50px, rgba(0, 0, 0, 0) 100%); background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 50px, rgba(0, 0, 0, 0) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 50px, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 50px, rgba(0, 0, 0, 0) 100%); -webkit-transform-origin: 350px -900px; -webkit-transform: rotate(20.6deg); -webkit-transition: 1s; -webkit-transform-style: preserve-3d; -moz-transform-origin: 350px -900px; -moz-transform: rotate(20.6deg); -moz-transition: 1s; -moz-transform-style: preserve-3d; -ms-transform-origin: 350px -900px; -ms-transform: rotate(20.6deg); -ms-transition: 1s; -ms-transform-style: preserve-3d; -o-transform-origin: 350px -900px; -o-transform: rotate(20.6deg); -o-transition: 1s; -o-transform-style: preserve-3d; transform-origin: 350px -900px; transform: rotate(20.6deg); transition: 1s; transform-style: preserve-3d; }
.lp { width: 535px; height: 0px; position: absolute; right: 350px; top: 0px; background: transparent; overflow: hidden; -webkit-transform-origin: 350px -900px; -webkit-transform: rotate(-20.6deg); -webkit-transition: -webkit-transform 1s, height 0s 1s; -webkit-transform-style: preserve-3d; -moz-transform-origin: 350px -900px; -moz-transform: rotate(-20.6deg); -moz-transition: -moz-transform 1s, height 0s 1s; -moz-transform-style: preserve-3d; -ms-transform-origin: 350px -900px; -ms-transform: rotate(-20.6deg); -ms-transition: -ms-transform 1s, height 0s 1s; -ms-transform-style: preserve-3d; -o-transform-origin: 350px -900px; -o-transform: rotate(-20.6deg); -o-transition: -o-transform 1s, height 0s 1s; -o-transform-style: preserve-3d; transform-origin: 350px -900px; transform: rotate(-20.6deg); transition: transform 1s, height 0s 1s; transform-style: preserve-3d; }
.lpi { width: 348px; height: 498px; position: absolute; right: 0px; top: 65px; background: #C5A15D; border: 1px solid #C5A15D; overflow: hidden; -webkit-transform-origin: 350px -900px; -webkit-transform: rotate(-21.2deg); -webkit-transition: 1s; -webkit-transform-style: preserve-3d; -moz-transform-origin: 350px -900px; -moz-transform: rotate(-21.2deg); -moz-transition: 1s; -moz-transform-style: preserve-3d; -ms-transform-origin: 350px -900px; -ms-transform: rotate(-21.2deg); -ms-transition: 1s; -ms-transform-style: preserve-3d; -o-transform-origin: 350px -900px; -o-transform: rotate(-21.2deg); -o-transition: 1s; -o-transform-style: preserve-3d; transform-origin: 350px -900px; transform: rotate(-21.2deg); transition: 1s; transform-style: preserve-3d; }
.book .p0 { z-index: 99; }
.book .p1 { z-index: 99; }
.book .p2 { z-index: 100; }
.book .p3 { z-index: 98; }
.book .p4 { z-index: 101; }
.book .p5 { z-index: 97; }
.book .p6 { z-index: 102; }
.book .p7 { z-index: 96; }
.book .p8 { z-index: 103; }
.book .p9 { z-index: 95; }
.book .p10 { z-index: 104; }
.book .p11 { z-index: 94; }
.book .p12 { z-index: 105; }
.book .p13 { z-index: 93; }
.book .p14 { z-index: 106; }
.book .p15 { z-index: 92; }
.book .p16 { z-index: 107; }
.book .p17 { z-index: 91; }
.book .p18 { z-index: 108; }
.book .p19 { z-index: 90; }
.book .p20 { z-index: 109; }
.book .p21 { z-index: 89; }
.book .p22 { z-index: 110; }
.book .p23 { z-index: 88; }
#p1:checked ~ .book .p1, #p2:checked ~ .book .p3, #p3:checked ~ .book .p5, #p4:checked ~ .book .p7, #p5:checked ~ .book .p9, #p6:checked ~ .book .p11, #p7:checked ~ .book .p13, #p8:checked ~ .book .p15, #p9:checked ~ .book .p17, #p10:checked ~ .book .p19, #p11:checked ~ .book .p21 { -webkit-transform: rotate(0deg); -webkit-transform-style: preserve-3d; -moz-transform: rotate(0deg); -moz-transform-style: preserve-3d; -ms-transform: rotate(0deg); -ms-transform-style: preserve-3d; -o-transform: rotate(0deg); -o-transform-style: preserve-3d; transform: rotate(0deg); transform-style: preserve-3d; }
#p1:checked ~ .book .p1 .rpi, #p2:checked ~ .book .p3 .rpi, #p3:checked ~ .book .p5 .rpi, #p4:checked ~ .book .p7 .rpi, #p5:checked ~ .book .p9 .rpi, #p6:checked ~ .book .p11 .rpi, #p7:checked ~ .book .p13 .rpi, #p8:checked ~ .book .p15 .rpi, #p9:checked ~ .book .p17 .rpi, #p10:checked ~ .book .p19 .rpi, #p11:checked ~ .book .p21 .rpi { right: -350px; top: 0px; -webkit-transform: rotate(0deg); -webkit-transform-style: preserve-3d; -moz-transform: rotate(0deg); -moz-transform-style: preserve-3d; -ms-transform: rotate(0deg); -ms-transform-style: preserve-3d; -o-transform: rotate(0deg); -o-transform-style: preserve-3d; transform: rotate(0deg); transform-style: preserve-3d; }
.book .p0, #p1:checked ~ .book .p2, #p2:checked ~ .book .p4, #p3:checked ~ .book .p6, #p4:checked ~ .book .p8, #p5:checked ~ .book .p10, #p6:checked ~ .book .p12, #p7:checked ~ .book .p14, #p8:checked ~ .book .p16, #p9:checked ~ .book .p18, #p10:checked ~ .book .p20, #p11:checked ~ .book .p22 { height: 600px; -webkit-transition: -webkit-transform 1s, height 0s 0s; -webkit-transform: rotate(0deg); -webkit-transform-style: preserve-3d; -moz-transition: -moz-transform 1s, height 0s 0s; -moz-transform: rotate(0deg); -moz-transform-style: preserve-3d; -ms-transition: -ms-transform 1s, height 0s 0s; -ms-transform: rotate(0deg); -ms-transform-style: preserve-3d; -o-transition: -o-transform 1s, height 0s 0s; -o-transform: rotate(0deg); -o-transform-style: preserve-3d; transition: transform 1s, height 0s 0s; transform: rotate(0deg); transform-style: preserve-3d; }
.book .p0 .lpi, #p1:checked ~ .book .p2 .lpi, #p2:checked ~ .book .p4 .lpi, #p3:checked ~ .book .p6 .lpi, #p4:checked ~ .book .p8 .lpi, #p5:checked ~ .book .p10 .lpi, #p6:checked ~ .book .p12 .lpi, #p7:checked ~ .book .p14 .lpi, #p8:checked ~ .book .p16 .lpi, #p9:checked ~ .book .p18 .lpi, #p10:checked ~ .book .p20 .lpi, #p11:checked ~ .book .p22 .lpi { top: 0px; -webkit-transform: rotate(0deg); -webkit-transform-style: preserve-3d; -moz-transform: rotate(0deg); -moz-transform-style: preserve-3d; -ms-transform: rotate(0deg); -ms-transform-style: preserve-3d; -o-transform: rotate(0deg); -o-transform-style: preserve-3d; transform: rotate(0deg); transform-style: preserve-3d; }
#megaweb_su_book { width: 780px; padding: 0; margin: 0 auto; }
#megaweb_su_book .book p { padding: 0; margin: 0; width: 250px; display: table-cell; vertical-align: middle; padding: 0 50px; font: normal 16px/24px georgia, serif; color: #000; }
#megaweb_su_book .book span { display: block; width: 250px; width: 350px; position: absolute; bottom: 20px; left: 0; text-align: center; font-size: 11px; }
.book .lpi b { display: block; width: 50px; height: 550px; background: #C5A15D; position: absolute; right: 0; top: 0; box-shadow: 5px 0 5px rgba(0,0,0,0.5); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)); background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)); background-image: linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)); -webkit-transform-origin: 50px -900px; -webkit-transform: rotate(21.2deg); -webkit-transition: 1s; -webkit-transform-style: preserve-3d; -moz-transform-origin: 50px -900px; -moz-transform: rotate(21.2deg); -moz-transition: 1s; -moz-transform-style: preserve-3d; -ms-transform-origin: 50px -900px; -ms-transform: rotate(21.2deg); -ms-transition: 1s; -ms-transform-style: preserve-3d; -o-transform-origin: 50px -900px; -o-transform: rotate(21.2deg); -o-transition: 1s; -o-transform-style: preserve-3d; transform-origin: 50px -900px; transform: rotate(21.2deg); transition: 1s; transform-style: preserve-3d; }
.book .p0 .lpi b, #p1:checked ~ .book .p2 .lpi b, #p2:checked ~ .book .p4 .lpi b, #p3:checked ~ .book .p6 .lpi b, #p4:checked ~ .book .p8 .lpi b, #p5:checked ~ .book .p10 .lpi b, #p6:checked ~ .book .p12 .lpi b, #p7:checked ~ .book .p14 .lpi b, #p8:checked ~ .book .p16 .lpi b, #p9:checked ~ .book .p18 .lpi b, #p10:checked ~ .book .p20 .lpi b, #p11:checked ~ .book .p22 .lpi b { top: 0px; -webkit-transform: rotate(0deg); -webkit-transform-style: preserve-3d; -moz-transform: rotate(0deg); -moz-transform-style: preserve-3d; -ms-transform: rotate(0deg); -ms-transform-style: preserve-3d; -o-transform: rotate(0deg); -o-transform-style: preserve-3d; transform: rotate(0deg); transform-style: preserve-3d; }
.book .text { height: 498px; display: table; vertical-align: middle; text-shadow: 0px 0.5px 1px #F2F2F2; }
.book label { visibility:hidden; width: 50px; height: 50px; position: absolute; top: 0; cursor: pointer; }
.book .rpi:hover label { visibility:visible; }
.book .lpi:hover label { visibility:visible; }
.book .rpi label { right: -1px; }
.book .lpi label { left: 0; }
#megaweb_su_book .book .p1p p { font-size: 22px; text-align: center; }
#megaweb_su_book .book .p23p p { font-size: 22px; text-align: center; }
#megaweb_su_book .book .p0 .text { font-size: 18px; text-align: center; }
/*CSS3 книга с эффектом перелистывания страниц*/
#p144 .post-author {
display:none;
}
#p144 .post-body {
margin-left:0!important;
}
#pp144 .post-sig {
display:none;
}
#pp144 .pl-email {
display:none;
}
</style>
