From 5b64093eba26640ae39c2758c102959c776bece2 Mon Sep 17 00:00:00 2001 From: dwnGnL <32447724+dwnGnL@users.noreply.github.com> Date: Thu, 1 Nov 2018 11:46:44 +0500 Subject: [PATCH 01/14] first commit --- index.html | 136 +++++++++++++++++++++++++++++++++++++++++++++++++---- style.css | 127 +++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 254 insertions(+), 9 deletions(-) create mode 100644 style.css diff --git a/index.html b/index.html index e0daf3e..b4e5e54 100644 --- a/index.html +++ b/index.html @@ -1,9 +1,127 @@ - - - - - Задача «Про котиков» - - - - + + + + + + + + Задача «Про котиков» + + +
+ + + +
+ + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..38ecfd9 --- /dev/null +++ b/style.css @@ -0,0 +1,127 @@ +* +{ + padding: 0px; +} +p +{ + color: gray; +} +body +{ + padding: 20px; +} +#check +{ + visibility: hidden; +} +label img +{ + display: block; + height: 26px; + position: relative; + width: 32px; +} +label img +{ + cursor: pointer; + height: 35px; + left: 0; + position: absolute; + top: 0; + transform: rotate(90deg); + width: 30px; +} +li div +{ + border: 1px solid #d7d7d7; + float: left; + height: 460px; + margin-bottom: 20px; + margin-right: 20px; + width: 370px; +} +div a +{ + color: black; + display: block; + font-size: 24px; + font-weight: bold; + text-decoration: none; +} +.info +{ + overflow: hidden; + visibility: hidden; +} +div a:hover +{ + color: purple; +} +li div:hover +{ + box-shadow: 0 0 10px rgba(0,0,0,0.5); +} +li div img +{ + height: 300px; + width: 370px; +} +div a,p +{ + margin: 10px; +} +li +{ + list-style: none; +} +input[type="checkbox"]:checked + label img +{ + cursor: pointer; + height: 30px; + left: 0; + position: absolute; + top: 0; + transform: rotate(0deg); + width: 35px; +} +div hr +{ + opacity: 0.3; + visibility: hidden; +} +input[type="checkbox"]:checked ~ ul li div +{ + align-content: center; + border: 1px solid #d7d7d7; + border: none; + display: block; + float: none; + height: auto; + margin-bottom: 20px; + margin-right: 20px; + width: 100%; +} +input[type="checkbox"]:checked ~ ul li div img +{ + display: block; + height: 500px; + margin-left: auto; + margin-right: auto; + width: 800px; +} +input[type="checkbox"]:checked ~ ul li div p~p +{ + visibility: hidden; +} +input[type="checkbox"]:checked ~ ul li div .info +{ + visibility: visible; +} +input[type="checkbox"]:checked ~ ul li div hr +{ + visibility: visible; +} +input[type="checkbox"]:checked ~ ul li div:hover +{ + box-shadow: none; +} \ No newline at end of file From fca8246082f3fe665fb9b140fc37f6f53773c7e3 Mon Sep 17 00:00:00 2001 From: dwnGnL <32447724+dwnGnL@users.noreply.github.com> Date: Thu, 1 Nov 2018 11:56:18 +0500 Subject: [PATCH 02/14] Add files via upload --- index.css | 122 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 122 insertions(+) diff --git a/index.css b/index.css index e69de29..fb84f6b 100644 --- a/index.css +++ b/index.css @@ -0,0 +1,122 @@ +p{ + color: gray; +} + +body{ + padding: 20px; +} + +input[type="checkbox"]{ + visibility: hidden; +} + +label img{ + display: block; + height: 26px; + position: relative; + width: 32px; +} + +label img{ + cursor: pointer; + height: 35px; + left: 0; + position: absolute; + top: 0; + transform: rotate(90deg); + width: 30px; +} + +li div{ + border: 1px solid #d7d7d7; + float: left; + height: 460px; + margin-bottom: 20px; + margin-right: 20px; + width: 370px; +} + +div a{ + color: black; + display: block; + font-size: 24px; + font-weight: bold; + text-decoration: none; +} + +.info{ + overflow: hidden; + visibility: hidden; +} + +div a:hover{ + color: purple; +} + +li div:hover{ + box-shadow: 0 0 10px rgba(0,0,0,0.5); +} + +li div img{ + height: 300px; + width: 370px; +} + +div a,p{ + margin: 10px; +} + +li{ + list-style: none; +} + +input[type="checkbox"]:checked + label img{ + cursor: pointer; + height: 30px; + left: 0; + position: absolute; + top: 0; + transform: rotate(0deg); + width: 35px; +} + +div hr{ + opacity: 0.3; + visibility: hidden; +} + +input[type="checkbox"]:checked ~ ul li div{ + align-content: center; + border: 1px solid #d7d7d7; + border: none; + display: block; + float: none; + height: auto; + margin-bottom: 20px; + margin-right: 20px; + width: 100%; +} + +input[type="checkbox"]:checked ~ ul li div img{ + display: block; + height: 500px; + margin-left: auto; + margin-right: auto; + width: 800px; +} + +input[type="checkbox"]:checked ~ ul li div p~p{ + visibility: hidden; +} + +input[type="checkbox"]:checked ~ ul li div .info{ + visibility: visible; +} + +input[type="checkbox"]:checked ~ ul li div hr{ + visibility: visible; +} + +input[type="checkbox"]:checked ~ ul li div:hover{ + box-shadow: none; +} \ No newline at end of file From 46e5b3869d08207f41fadf3e149abd724c7104c5 Mon Sep 17 00:00:00 2001 From: dwnGnL <32447724+dwnGnL@users.noreply.github.com> Date: Thu, 1 Nov 2018 12:00:55 +0500 Subject: [PATCH 03/14] first commit --- index.css | 65 ++++++++++++++++++++++++++++++++++++------------------- 1 file changed, 43 insertions(+), 22 deletions(-) diff --git a/index.css b/index.css index fb84f6b..8bff354 100644 --- a/index.css +++ b/index.css @@ -1,23 +1,28 @@ -p{ +p +{ color: gray; } -body{ +body +{ padding: 20px; } -input[type="checkbox"]{ +input[type="checkbox"] +{ visibility: hidden; } -label img{ +label img +{ display: block; height: 26px; position: relative; width: 32px; } -label img{ +label img +{ cursor: pointer; height: 35px; left: 0; @@ -27,7 +32,8 @@ label img{ width: 30px; } -li div{ +li div +{ border: 1px solid #d7d7d7; float: left; height: 460px; @@ -36,7 +42,8 @@ li div{ width: 370px; } -div a{ +div a +{ color: black; display: block; font-size: 24px; @@ -44,33 +51,40 @@ div a{ text-decoration: none; } -.info{ +.info +{ overflow: hidden; visibility: hidden; } -div a:hover{ +div a:hover +{ color: purple; } -li div:hover{ +li div:hover +{ box-shadow: 0 0 10px rgba(0,0,0,0.5); } -li div img{ +li div img +{ height: 300px; width: 370px; } -div a,p{ +div a,p +{ margin: 10px; } -li{ +li +{ list-style: none; } -input[type="checkbox"]:checked + label img{ +input[type="checkbox"]:checked + label img +{ cursor: pointer; height: 30px; left: 0; @@ -80,12 +94,14 @@ input[type="checkbox"]:checked + label img{ width: 35px; } -div hr{ +div hr +{ opacity: 0.3; visibility: hidden; } -input[type="checkbox"]:checked ~ ul li div{ +input[type="checkbox"]:checked ~ ul li div +{ align-content: center; border: 1px solid #d7d7d7; border: none; @@ -97,7 +113,8 @@ input[type="checkbox"]:checked ~ ul li div{ width: 100%; } -input[type="checkbox"]:checked ~ ul li div img{ +input[type="checkbox"]:checked ~ ul li div img +{ display: block; height: 500px; margin-left: auto; @@ -105,18 +122,22 @@ input[type="checkbox"]:checked ~ ul li div img{ width: 800px; } -input[type="checkbox"]:checked ~ ul li div p~p{ +input[type="checkbox"]:checked ~ ul li div p~p +{ visibility: hidden; } -input[type="checkbox"]:checked ~ ul li div .info{ +input[type="checkbox"]:checked ~ ul li div .info +{ visibility: visible; } -input[type="checkbox"]:checked ~ ul li div hr{ +input[type="checkbox"]:checked ~ ul li div hr +{ visibility: visible; } -input[type="checkbox"]:checked ~ ul li div:hover{ +input[type="checkbox"]:checked ~ ul li div:hover +{ box-shadow: none; -} \ No newline at end of file +} From 90eca3b2e6bd46e874469dfb5c4487790eb394eb Mon Sep 17 00:00:00 2001 From: dwnGnL <32447724+dwnGnL@users.noreply.github.com> Date: Thu, 1 Nov 2018 12:04:11 +0500 Subject: [PATCH 04/14] Update index.html --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index b4e5e54..3e6b57b 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ - + Задача «Про котиков» From 32ed2d679eec5e78a1c57f8d1967ca52acfd24fb Mon Sep 17 00:00:00 2001 From: dwnGnL <32447724+dwnGnL@users.noreply.github.com> Date: Thu, 1 Nov 2018 12:04:26 +0500 Subject: [PATCH 05/14] Delete style.css --- style.css | 127 ------------------------------------------------------ 1 file changed, 127 deletions(-) delete mode 100644 style.css diff --git a/style.css b/style.css deleted file mode 100644 index 38ecfd9..0000000 --- a/style.css +++ /dev/null @@ -1,127 +0,0 @@ -* -{ - padding: 0px; -} -p -{ - color: gray; -} -body -{ - padding: 20px; -} -#check -{ - visibility: hidden; -} -label img -{ - display: block; - height: 26px; - position: relative; - width: 32px; -} -label img -{ - cursor: pointer; - height: 35px; - left: 0; - position: absolute; - top: 0; - transform: rotate(90deg); - width: 30px; -} -li div -{ - border: 1px solid #d7d7d7; - float: left; - height: 460px; - margin-bottom: 20px; - margin-right: 20px; - width: 370px; -} -div a -{ - color: black; - display: block; - font-size: 24px; - font-weight: bold; - text-decoration: none; -} -.info -{ - overflow: hidden; - visibility: hidden; -} -div a:hover -{ - color: purple; -} -li div:hover -{ - box-shadow: 0 0 10px rgba(0,0,0,0.5); -} -li div img -{ - height: 300px; - width: 370px; -} -div a,p -{ - margin: 10px; -} -li -{ - list-style: none; -} -input[type="checkbox"]:checked + label img -{ - cursor: pointer; - height: 30px; - left: 0; - position: absolute; - top: 0; - transform: rotate(0deg); - width: 35px; -} -div hr -{ - opacity: 0.3; - visibility: hidden; -} -input[type="checkbox"]:checked ~ ul li div -{ - align-content: center; - border: 1px solid #d7d7d7; - border: none; - display: block; - float: none; - height: auto; - margin-bottom: 20px; - margin-right: 20px; - width: 100%; -} -input[type="checkbox"]:checked ~ ul li div img -{ - display: block; - height: 500px; - margin-left: auto; - margin-right: auto; - width: 800px; -} -input[type="checkbox"]:checked ~ ul li div p~p -{ - visibility: hidden; -} -input[type="checkbox"]:checked ~ ul li div .info -{ - visibility: visible; -} -input[type="checkbox"]:checked ~ ul li div hr -{ - visibility: visible; -} -input[type="checkbox"]:checked ~ ul li div:hover -{ - box-shadow: none; -} \ No newline at end of file From dac966a42bd1cebd754a05c39d9db0af39404e5f Mon Sep 17 00:00:00 2001 From: dwnGnL <32447724+dwnGnL@users.noreply.github.com> Date: Thu, 1 Nov 2018 12:09:04 +0500 Subject: [PATCH 06/14] Update index.css --- index.css | 187 +++++++++++++++++++++++++----------------------------- 1 file changed, 85 insertions(+), 102 deletions(-) diff --git a/index.css b/index.css index 8bff354..64675f6 100644 --- a/index.css +++ b/index.css @@ -1,143 +1,126 @@ -p -{ - color: gray; + + +p { + color: gray; } -body -{ - padding: 20px; +body { + padding: 20px; } -input[type="checkbox"] -{ - visibility: hidden; +input[type="checkbox"] { + visibility: hidden; } -label img -{ - display: block; - height: 26px; - position: relative; - width: 32px; +label img { + display: block; + height: 26px; + position: relative; + width: 32px; } -label img -{ - cursor: pointer; - height: 35px; - left: 0; - position: absolute; - top: 0; - transform: rotate(90deg); - width: 30px; +label img { + cursor: pointer; + height: 35px; + left: 0; + position: absolute; + top: 0; + transform: rotate(90deg); + width: 30px; } -li div -{ - border: 1px solid #d7d7d7; - float: left; - height: 460px; - margin-bottom: 20px; - margin-right: 20px; - width: 370px; +li div { + border: 1px solid #d7d7d7; + float: left; + height: 460px; + margin-bottom: 20px; + margin-right: 20px; + width: 370px; } -div a -{ - color: black; - display: block; - font-size: 24px; - font-weight: bold; - text-decoration: none; +div a { + color: black; + display: block; + font-size: 24px; + font-weight: bold; + text-decoration: none; } -.info -{ - overflow: hidden; - visibility: hidden; +.info { + overflow: hidden; + visibility: hidden; } -div a:hover -{ - color: purple; +div a:hover { + color: purple; } -li div:hover -{ - box-shadow: 0 0 10px rgba(0,0,0,0.5); +li div:hover { + box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } -li div img -{ - height: 300px; - width: 370px; +li div img { + height: 300px; + width: 370px; } -div a,p -{ - margin: 10px; +div a, +p { + margin: 10px; } -li -{ - list-style: none; +li { + list-style: none; } -input[type="checkbox"]:checked + label img -{ - cursor: pointer; - height: 30px; - left: 0; - position: absolute; - top: 0; - transform: rotate(0deg); - width: 35px; +input[type="checkbox"]:checked+label img { + cursor: pointer; + height: 30px; + left: 0; + position: absolute; + top: 0; + transform: rotate(0deg); + width: 35px; } -div hr -{ - opacity: 0.3; - visibility: hidden; +div hr { + opacity: 0.3; + visibility: hidden; } -input[type="checkbox"]:checked ~ ul li div -{ - align-content: center; - border: 1px solid #d7d7d7; - border: none; - display: block; - float: none; - height: auto; - margin-bottom: 20px; - margin-right: 20px; - width: 100%; +input[type="checkbox"]:checked~ul li div { + align-content: center; + border: 1px solid #d7d7d7; + border: none; + display: block; + float: none; + height: auto; + margin-bottom: 20px; + margin-right: 20px; + width: 100%; } -input[type="checkbox"]:checked ~ ul li div img -{ - display: block; - height: 500px; - margin-left: auto; - margin-right: auto; - width: 800px; +input[type="checkbox"]:checked~ul li div img { + display: block; + height: 500px; + margin-left: auto; + margin-right: auto; + width: 800px; } -input[type="checkbox"]:checked ~ ul li div p~p -{ - visibility: hidden; +input[type="checkbox"]:checked~ul li div p~p { + visibility: hidden; } -input[type="checkbox"]:checked ~ ul li div .info -{ - visibility: visible; +input[type="checkbox"]:checked~ul li div .info { + visibility: visible; } -input[type="checkbox"]:checked ~ ul li div hr -{ - visibility: visible; +input[type="checkbox"]:checked~ul li div hr { + visibility: visible; } -input[type="checkbox"]:checked ~ ul li div:hover -{ - box-shadow: none; +input[type="checkbox"]:checked~ul li div:hover { + box-shadow: none; } + From 9c8165efdc15e8d398b49847a96d07dd87fa1ae4 Mon Sep 17 00:00:00 2001 From: dwnGnL <32447724+dwnGnL@users.noreply.github.com> Date: Thu, 1 Nov 2018 13:02:36 +0500 Subject: [PATCH 07/14] Update index.css --- index.css | 66 +++++++++++++++++++++++++++++++++++-------------------- 1 file changed, 42 insertions(+), 24 deletions(-) diff --git a/index.css b/index.css index 64675f6..d02c0e8 100644 --- a/index.css +++ b/index.css @@ -1,25 +1,28 @@ - - -p { +p +{ color: gray; } -body { +body +{ padding: 20px; } -input[type="checkbox"] { +input[type='checkbox'] +{ visibility: hidden; } -label img { +label img +{ display: block; height: 26px; position: relative; width: 32px; } -label img { +label img +{ cursor: pointer; height: 35px; left: 0; @@ -29,7 +32,8 @@ label img { width: 30px; } -li div { +li div +{ border: 1px solid #d7d7d7; float: left; height: 460px; @@ -38,7 +42,8 @@ li div { width: 370px; } -div a { +div a +{ color: black; display: block; font-size: 24px; @@ -46,34 +51,41 @@ div a { text-decoration: none; } -.info { +.info +{ overflow: hidden; visibility: hidden; } -div a:hover { +div a:hover +{ color: purple; } -li div:hover { +li div:hover +{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } -li div img { +li div img +{ height: 300px; width: 370px; } div a, -p { +p +{ margin: 10px; } -li { +li +{ list-style: none; } -input[type="checkbox"]:checked+label img { +input[type='checkbox']:checked + label img +{ cursor: pointer; height: 30px; left: 0; @@ -83,12 +95,14 @@ input[type="checkbox"]:checked+label img { width: 35px; } -div hr { +div hr +{ opacity: 0.3; visibility: hidden; } -input[type="checkbox"]:checked~ul li div { +input[type='checkbox']:checked ~ ul li div +{ align-content: center; border: 1px solid #d7d7d7; border: none; @@ -100,7 +114,8 @@ input[type="checkbox"]:checked~ul li div { width: 100%; } -input[type="checkbox"]:checked~ul li div img { +input[type='checkbox']:checked ~ ul li div img +{ display: block; height: 500px; margin-left: auto; @@ -108,19 +123,22 @@ input[type="checkbox"]:checked~ul li div img { width: 800px; } -input[type="checkbox"]:checked~ul li div p~p { +input[type='checkbox']:checked ~ ul li div p ~ p +{ visibility: hidden; } -input[type="checkbox"]:checked~ul li div .info { +input[type='checkbox']:checked ~ ul li div .info +{ visibility: visible; } -input[type="checkbox"]:checked~ul li div hr { +input[type='checkbox']:checked ~ ul li div hr +{ visibility: visible; } -input[type="checkbox"]:checked~ul li div:hover { +input[type='checkbox']:checked~ul li div:hover +{ box-shadow: none; } - From 45a510854d5f5a5ff5d62bb91ee753b47ebd125c Mon Sep 17 00:00:00 2001 From: dwnGnL <32447724+dwnGnL@users.noreply.github.com> Date: Thu, 1 Nov 2018 13:07:20 +0500 Subject: [PATCH 08/14] Update index.css --- index.css | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/index.css b/index.css index d02c0e8..dd79eac 100644 --- a/index.css +++ b/index.css @@ -64,7 +64,7 @@ div a:hover li div:hover { - box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); + box-shadow: 0 0 10px rgba(0, 0, 0, .5); } li div img @@ -97,14 +97,13 @@ input[type='checkbox']:checked + label img div hr { - opacity: 0.3; + opacity: .3; visibility: hidden; } input[type='checkbox']:checked ~ ul li div { align-content: center; - border: 1px solid #d7d7d7; border: none; display: block; float: none; @@ -138,7 +137,7 @@ input[type='checkbox']:checked ~ ul li div hr visibility: visible; } -input[type='checkbox']:checked~ul li div:hover +input[type='checkbox']:checked ~ ul li div:hover { box-shadow: none; } From ff42265a0b51263760f931d60b29e2ad9ef448f3 Mon Sep 17 00:00:00 2001 From: dwnGnL <32447724+dwnGnL@users.noreply.github.com> Date: Thu, 1 Nov 2018 13:10:00 +0500 Subject: [PATCH 09/14] Update index.html --- index.html | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index 3e6b57b..3bb4b48 100644 --- a/index.html +++ b/index.html @@ -1,16 +1,14 @@ - - - + Задача «Про котиков»
- +