diff --git a/index.css b/index.css index e69de29..1aceb4b 100644 --- a/index.css +++ b/index.css @@ -0,0 +1,123 @@ +body +{ + background: #cf9; +} + +header +{ + text-align: center; + font-size: 1.6em; + font-family: 'Lobster', cursive; +} + +h3 +{ + text-align: center; + font-size: 1.2em; + font-family: 'Poiret One', cursive; +} + +h2 +{ + text-align: center; + font-size: 1.2em; + font-family: 'Lobster', cursive; + margin: 0; + padding: 0; +} + +img +{ + display: inline-block; + margin: 1%; + -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 1), inset 0 2px + 1px rgba(255, 255, 255, .5), inset 0 -9px + 2px rgba(0, 0, 0, .6), inset 0 -12px 2px + rgba(255, 255, 255, .3); + -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 1), inset 0 2px + 1px rgba(255, 255, 255, .5), inset 0 -9px + 2px rgba(0, 0, 0, .6), inset 0 -12px 2px + rgba(255, 255, 255, .3); + box-shadow: inset 0 0 4px rgba(0, 0, 0, 1), inset 0 2px + 1px rgba(255, 255, 255, .5), inset 0 -9px + 2px rgba(0, 0, 0, .6), inset 0 -12px 2px + rgba(255, 255, 255, .3); + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + border-radius: 20px; +} + +div +{ + width: 22.5%; + vertical-align: top; + display: inline-block; + margin: 1%; +} + +.section2, +.section3, +p +{ + display: none; +} + +.page-2:checked ~ .section2 +{ + display: block; +} + +.page-2:checked ~ .section1, +.page-2:checked ~ .section3 +{ + display: none; +} + +.page-3:checked ~ .section3 +{ + display: block; +} + +.page-3:checked ~ .section1, +.page-3:checked ~ .section2 +{ + display: none; +} + +div:hover p +{ + display: block; +} + +section:target ~ .exit +{ + display: block; +} + + +img[tabindex='0'] +{ + cursor: zoom-in; +} + +img[tabindex='0']:focus +{ + position: fixed; + z-index: 10; + top: 0; + left: 0; + bottom: 0; + right: 0; + width: auto; + height: auto; + max-width: 99%; + max-height: 99%; + margin: auto; + box-shadow: 0 0 20px, 0 0 0 1000px rgba(128,128,128,.8); +} + +img[tabindex='0']:focus, +{ + pointer-events: none; + cursor: zoom-out; +} diff --git a/index.html b/index.html index d810ba7..dd9b3af 100644 --- a/index.html +++ b/index.html @@ -2,7 +2,168 @@ + slide show + + + + +
+

+ Бабушкин огородик! +

+
+
+

Добро пожаловать на выстовку от Бабушки Агафьи.

+ + + +
+
+

Цветы

+
+ арка в цветах +

Кам­не­лом­ка цве­ток (Saxifraga) – мно­го­лет­нее + тра­вя­ни­стое рас­те­ние, про­из­рас­та­ю­ + щее в уме­рен­ном и хо­лод + ­ном кли­ма­те Се­вер­но­го по­лу­ша­рия. Весь + уча­сток усы­пан эти­ми + за­ме­ча­тель­ны­ми цве­та­ми. По­смот­ри­ + те как кра­си­во они укра­ + ша­ют ар­ку.

+
+
+ цветы около дома +

Не­при­хот­ли­вый и очень кра­соч­ный цве­ток га­ + ца­ния, ро­ди­ной ко­то­ро­го яв­ля­ет­ся да­ + ле­кий и жар­кий аф­ри­ + кан­ский кон­ти­нент, за­во­е­вал лю­бовь цве­то­ + во­дов и са­до­во­ + дов всей стра­ны и ча­сто встре­ча­ет­ся на клум­бах и в улич + ­ных ва­зо­нах.

+
+
+ розы +

По­жа­луй, ни об од­ном рас­те­нии не су­ще­ству­ + ет столь­ко ми­фов и ле­генд, как о ро­зе – этот цве­ток по­ + явил­ся на зем­ле мно­ + го мил­ли­о­нов лет на­зад и до сих пор поль­зу­ет­ся + по­вы­шен­ной по­пу­ + ляр­но­стью у цве­то­во­дов всех стран ми­ра.

+
+
+ тюльпаны +

Цвет­ки тюль­па­нов жиз­не­ра­дост­ные рас­те­ + ния, по­это­му они ши­ро­ко рас­кры­ва­ют­ся солн­ + цу и пря­чут­ся но­чью и + в пас­мур­ную по­го­ду. Так гла­сит и ле­ген­да, по­ + вест­ву­ю­щая о бу­ + то­не жёл­то­го тюль­па­на, в ко­то­ром бы­ло за­ + ло­же­но сча­стье, до + ко­то­ро­го ни­кто не мог до­брать­ся.

+
+
+
+

Ягоды

+
+ малина +

Пло­ды ма­ли­ны об­ла­да­ют по­то­гон­ным свой­ + ством. Са­ли­ци­ло­вая кис­ло­та, со­дер­жа­ща­ + я­ся в пло­дах, ока­ + зы­ва­ет ан­ти­сеп­ти­че­ское, жа­ро­по­ни­ + жа­ю­щее, по­то­ + гон­ное и про­ти­во­вос­па­ли­тель­ное дей­ствие. + Для ли­стьев и цвет­ков + ма­ли­ны, кро­ме то­го ха­рак­тер­ны кро­во­оста­ + нав­ли­ва­ю­щие и + ан­ти­ток­си­че­ские свой­ства.

+
+
+ СЛИВА +

Сли­ва, ко­то­рая у ме­ня рас­тет, на­зы­ва­ет­ся + «рен­клод кол­хоз­ный». Я са­ма дол­гое вре­мя не зна­ла, + что «рен­клод» — это обо­ + зна­че­ние груп­пы сор­тов до­маш­ней сли­вы. У них круг­ + лые пло­ды, неж­ная, + соч­ная мя­коть и хо­ро­шо от­де­ + ля­е­мая ко­сточ­ка.

+
+
+ облепиха +

Цен­ность мас­ла из ягод об­ле­пи­хи из­вест­на с + дав­них пор, оно при­ме­ня­ет­ся в це­леб­ных це­ + лях Яго­ды об­ле­пи­хи + очень бо­га­ты мас­лом. Его це­леб­ная си­ла из­вест + ­на с дав­них вре­мен.

+
+
+ клубника +

Сорт клуб­ни­ки Маль­ви­на ро­дом из Гер­ма­нии. + Куст рос­лый, с тем­но-зе­ле­ной лист­вой. Яго­ды «ту­гие» + , яр­ко-крас­ные, + слад­кие, со­зре­ва­ют в ав­гу­сте-ок­тяб­ре. + Сорт устой­чив к «клуб­нич­ным» + бо­лез­ням.

+
+
+
+

Овощи

+
+ морковь +

Этот овощ мож­но сме­ло на­звать не­при­хот­ли­вым + рас­те­ни­ем. А со­бран­ный уро­жай мо­жет, при долж­ + ном хра­не­нии, про­ + ле­жать до са­мой вес­ны. В хо­ро­ших усло­ви­ях он со + ­хра­нит и свой при­вле­ + ка­тель­ный внеш­ний вид и все пи­та­тель­ные и по­лез­ + ные ве­ще­ства.

+
+
+ свекла +

Свек­ла нор­ма­ли­зу­ет ра­бо­ту сер­деч­но-со­ + су­ди­стой си­сте­мы, она яв­ля­ет­ся от­лич­ным про + ­фи­лак­ти­че­ским и ле­чеб­ + ным сред­ством при ате­ро­скле­ро­зе и ги­пер­то­нии, + спо­соб­ству­ет сни­ + же­нию ар­те­ри­аль­но­го дав­ле­ния, сти­му­ли + ­ру­ет об­ра­зо­ + ва­ние крас­ных кро­вя­ных те­лец и умень­ша­ет со­дер + ­жа­ние хо­ле­сте­ + ри­на в кро­ви..

+
+
+ кабачок +

Ка­бач­ки по­лез­ны бла­го­да­ря боль­шо­му + со­дер­жа­нию клет­ + чат­ки, ви­та­ми­нов и цен­ных ве­ществ.

+
+
+ огурцы +

Огур­цы об­ла­да­ют от­лич­ны­ми очи­ща­ю­ + щи­ми свой­ства­ми. + Ре­гу­ляр­ное упо­треб­ле­ние их в пи­щу чи­стит поч + ­ки, вы­во­дит лиш­ + нюю во­ду из ор­га­низ­ма, спо­соб­ству­ет устра­не + ­нию оте­ков, пре­ду­ + пре­жда­ет по­яв­ле­ние за­по­ров, об­лег­ча­ + ет пе­ре­ва­ри­ва + ­ние тя­же­лой пи­щи и спо­соб­но убе­речь от пе­ре + ­еда­ния.

+
+
+