From 43a7e8fe885c31e5527a3590d30e79c124c77a12 Mon Sep 17 00:00:00 2001 From: Irina Date: Tue, 15 Nov 2016 01:13:27 +0500 Subject: [PATCH 1/2] com1 --- index.css | 119 ++++++++++++++++++++++++++++++++++++++++ index.html | 158 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 277 insertions(+) diff --git a/index.css b/index.css index e69de29..a8fbe78 100644 --- a/index.css +++ b/index.css @@ -0,0 +1,119 @@ +body +{ + background: #CCFF99; +} + +header +{ + text-align: center; + font-size: 2em; + font-family: 'Lobster', cursive; +} + +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; +} + +.exit +{ + position: fixed; + display: none; + font-size: 40px; + transition: 1; + color: #fff; + top: 10px; + left: 20px; + z-index: 1; +} +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; +} \ No newline at end of file diff --git a/index.html b/index.html index d810ba7..4ab2b0c 100644 --- a/index.html +++ b/index.html @@ -2,7 +2,165 @@ + slide show + + + +
+

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

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

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

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

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

+
+
+ розы +

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

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

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

+
+
+
+
+ малина +

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

+
+
+ СЛИВА +

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

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

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

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

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

+
+
+
+
+ морковь +

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

+
+
+ свекла +

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

+
+
+ кабачок +

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

+
+
+ огурцы +

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

+
+
+ x +
From 9162f28f92979d541ef138bea8d31cee0f0dda7c Mon Sep 17 00:00:00 2001 From: Irina Date: Tue, 15 Nov 2016 02:05:36 +0500 Subject: [PATCH 2/2] fix --- index.css | 134 +++++++++++++++++++++++++++-------------------------- index.html | 15 +++--- 2 files changed, 78 insertions(+), 71 deletions(-) diff --git a/index.css b/index.css index a8fbe78..1aceb4b 100644 --- a/index.css +++ b/index.css @@ -1,119 +1,123 @@ body { - background: #CCFF99; + background: #cf9; } header { text-align: center; - font-size: 2em; + 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; + 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%; + width: 22.5%; + vertical-align: top; + display: inline-block; + margin: 1%; } + .section2, .section3, p { - display: none; + display: none; } .page-2:checked ~ .section2 { - display: block; + display: block; } .page-2:checked ~ .section1, .page-2:checked ~ .section3 { - display: none; + display: none; } .page-3:checked ~ .section3 { - display: block; + display: block; } .page-3:checked ~ .section1, .page-3:checked ~ .section2 { - display: none; + display: none; } div:hover p { - display: block; + display: block; } + section:target ~ .exit { display: block; } -.exit + +img[tabindex='0'] +{ + cursor: zoom-in; +} + +img[tabindex='0']:focus { position: fixed; - display: none; - font-size: 40px; - transition: 1; - color: #fff; - top: 10px; - left: 20px; - z-index: 1; + 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); } -section:target ~ .exit + +img[tabindex='0']:focus, { - display: block; - + pointer-events: none; + cursor: zoom-out; } -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; -} \ No newline at end of file diff --git a/index.html b/index.html index 4ab2b0c..dd9b3af 100644 --- a/index.html +++ b/index.html @@ -5,6 +5,7 @@ slide show + @@ -14,14 +15,13 @@

+

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

-
- -

+

Цветы

арка в цветах @@ -69,6 +69,7 @@

+

Ягоды

малина @@ -115,14 +116,17 @@

+

Овощи

морковь

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

+ ка­тель­ный внеш­ний вид и все пи­та­тель­ные и по­лез­ + ные ве­ще­ства.

­еда­ния.

- x