http://gidro.ucoz.net/ Блог Thu, 23 Mar 2017 12:26:54 GMT uCoz Web-Service <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/konferencija_v_breste/2017-03-23-108"><img height="" src="http://gidro.ucoz.net/Brest2/krat_opis.jpg" width="500" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:456px; position:relative; margin:100px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-260px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Brest2/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Brest2/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Brest2/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Brest2/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Brest2/5.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/Brest2/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/Brest2/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/Brest2/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/Brest2/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/Brest2/5.jpg" /> </label> </font></form> </div> https://gidro.ucoz.net/blog/konferencija_v_breste/2017-03-23-108 Joystick https://gidro.ucoz.net/blog/konferencija_v_breste/2017-03-23-108 Thu, 23 Mar 2017 12:26:54 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/ehkzamen_po_ehkonomike/2017-03-23-107"><img height="" src="http://gidro.ucoz.net/ekzamenEkonom/krat_opis.jpg" width="500" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:456px; position:relative; margin:100px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-260px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenEkonom/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenEkonom/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenEkonom/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenEkonom/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenEkonom/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenEkonom/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenEkonom/7.jpg" /><input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenEkonom/8.jpg" /><input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenEkonom/9.jpg" /><input id="p10" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenEkonom/10.jpg" /><input id="p11" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenEkonom/11.jpg" /><input id="p12" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenEkonom/12.jpg" /><input id="p13" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenEkonom/13.jpg" /><input id="p14" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenEkonom/13.jpg" /><input id="p15" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenEkonom/15.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/ekzamenEkonom/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/ekzamenEkonom/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/ekzamenEkonom/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/ekzamenEkonom/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/ekzamenEkonom/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/ekzamenEkonom/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/ekzamenEkonom/7.jpg" /> </label><label for="p8"> <img alt="" src="http://gidro.ucoz.net/ekzamenEkonom/8.jpg" /> </label><label for="p9"> <img alt="" src="http://gidro.ucoz.net/ekzamenEkonom/9.jpg" /> </label><label for="p10"> <img alt="" src="http://gidro.ucoz.net/ekzamenEkonom/10.jpg" /> </label><label for="p11"> <img alt="" src="http://gidro.ucoz.net/ekzamenEkonom/11.jpg" /> </label><label for="p12"> <img alt="" src="http://gidro.ucoz.net/ekzamenEkonom/12.jpg" /> </label><label for="p13"> <img alt="" src="http://gidro.ucoz.net/ekzamenEkonom/13.jpg" /> </label><label for="p14"> <img alt="" src="http://gidro.ucoz.net/ekzamenEkonom/14.jpg" /> </label><label for="p15"> <img alt="" src="http://gidro.ucoz.net/ekzamenEkonom/15.jpg" /> </label></font></form> </div> https://gidro.ucoz.net/blog/ehkzamen_po_ehkonomike/2017-03-23-107 Joystick https://gidro.ucoz.net/blog/ehkzamen_po_ehkonomike/2017-03-23-107 Thu, 23 Mar 2017 10:54:09 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/ehkzamen_osp/2017-03-23-106"><img height="" src="http://gidro.ucoz.net/osp/krat_opis.jpg" width="500" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:406px; position:relative; margin:100px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-280px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/osp/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/osp/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/osp/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/osp/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/osp/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/osp/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/osp/7.jpg" /><input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/osp/8.jpg" /><input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/osp/9.jpg" /><input id="p10" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/osp/10.jpg" /><input id="p11" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/osp/11.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/osp/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/osp/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/osp/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/osp/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/osp/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/osp/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/osp/7.jpg" /> </label><label for="p8"> <img alt="" src="http://gidro.ucoz.net/osp/8.jpg" /> </label><label for="p9"> <img alt="" src="http://gidro.ucoz.net/osp/9.jpg" /> </label><label for="p10"> <img alt="" src="http://gidro.ucoz.net/osp/10.jpg" /> </label><label for="p11"> <img alt="" src="http://gidro.ucoz.net/osp/11.jpg" /> </label></font></form> </div> https://gidro.ucoz.net/blog/ehkzamen_osp/2017-03-23-106 Joystick https://gidro.ucoz.net/blog/ehkzamen_osp/2017-03-23-106 Thu, 23 Mar 2017 10:44:04 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/na_ehkonomike/2017-03-23-105"><img height="" src="http://gidro.ucoz.net/ekonomika/krat_opis.jpg" width="500" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:556px; position:relative; margin:100px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-340px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekonomika/1.jpg" style="width: 700px; height: 468px;" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekonomika/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekonomika/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekonomika/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekonomika/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekonomika/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekonomika/7.jpg" /><input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekonomika/8.jpg" /><input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekonomika/9.jpg" /><input id="p10" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekonomika/10.jpg" /><label for="p1"> <img alt="" src="http://gidro.ucoz.net/ekonomika/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/ekonomika/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/ekonomika/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/ekonomika/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/ekonomika/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/ekonomika/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/ekonomika/7.jpg" /> </label><label for="p8"> <img alt="" src="http://gidro.ucoz.net/ekonomika/8.jpg" /> </label><label for="p9"> <img alt="" src="http://gidro.ucoz.net/ekonomika/9.jpg" /> </label><label for="p10"> <img alt="" src="http://gidro.ucoz.net/ekonomika/10.jpg" /> </label></font></form> </div> https://gidro.ucoz.net/blog/na_ehkonomike/2017-03-23-105 Joystick https://gidro.ucoz.net/blog/na_ehkonomike/2017-03-23-105 Thu, 23 Mar 2017 10:26:23 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/fizkultura/2017-03-23-104"><img height="" src="http://gidro.ucoz.net/fizra/krat_opis.jpg" width="500" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:556px; position:relative; margin:100px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-300px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/fizra/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/fizra/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/fizra/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/fizra/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/fizra/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/fizra/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/fizra/7.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/fizra/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/fizra/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/fizra/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/fizra/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/fizra/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/fizra/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/fizra/7.jpg" /> </label></font></form> </div> https://gidro.ucoz.net/blog/fizkultura/2017-03-23-104 Joystick https://gidro.ucoz.net/blog/fizkultura/2017-03-23-104 Thu, 23 Mar 2017 10:22:32 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/prygazhunja_palessja/2017-03-23-103"><img height="" src="http://gidro.ucoz.net/prigajynea/krat_opis.jpg" width="500" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:556px; position:relative; margin:100px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-300px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/prigajynea/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/prigajynea/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/prigajynea/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/prigajynea/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/prigajynea/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/prigajynea/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/prigajynea/7.jpg" /><input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/prigajynea/8.jpg" /><input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/prigajynea/9.jpg" /><input id="p10" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/prigajynea/10.jpg" /><input id="p11" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/prigajynea/11.jpg" /><input id="p12" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/prigajynea/12.jpg" /><input id="p13" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/prigajynea/13.jpg" /><input id="p14" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/prigajynea/13.jpg" /><input id="p15" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/prigajynea/15.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/prigajynea/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/prigajynea/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/prigajynea/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/prigajynea/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/prigajynea/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/prigajynea/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/prigajynea/7.jpg" /> </label><label for="p8"> <img alt="" src="http://gidro.ucoz.net/prigajynea/8.jpg" /> </label><label for="p9"> <img alt="" src="http://gidro.ucoz.net/prigajynea/9.jpg" /> </label><label for="p10"> <img alt="" src="http://gidro.ucoz.net/prigajynea/10.jpg" /> </label><label for="p11"> <img alt="" src="http://gidro.ucoz.net/prigajynea/11.jpg" /> </label><label for="p12"> <img alt="" src="http://gidro.ucoz.net/prigajynea/12.jpg" /> </label><label for="p13"> <img alt="" src="http://gidro.ucoz.net/prigajynea/13.jpg" /> </label><label for="p14"> <img alt="" src="http://gidro.ucoz.net/prigajynea/14.jpg" /> </label><label for="p15"> <img alt="" src="http://gidro.ucoz.net/prigajynea/15.jpg" /> </label></font></form> </div> https://gidro.ucoz.net/blog/prygazhunja_palessja/2017-03-23-103 Joystick https://gidro.ucoz.net/blog/prygazhunja_palessja/2017-03-23-103 Thu, 23 Mar 2017 10:03:38 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/70_letie_kolledzha/2017-03-23-102"><img height="" src="http://gidro.ucoz.net/70let/krat_opis.jpg" width="500" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:556px; position:relative; margin:100px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-340px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/70let/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/70let/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/70let/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/70let/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/70let/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/70let/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/70let/7.jpg" /><input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/70let/8.jpg" /><input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/70let/9.jpg" /><input id="p10" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/70let/10.jpg" /><input id="p11" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/70let/11.jpg" /><input id="p12" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/70let/12.jpg" /><input id="p13" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/70let/13.jpg" /><input id="p14" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/70let/14.jpg" /><input id="p15" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/70let/15.jpg" /> <input id="p16" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/70let/16.jpg" /> <input id="p17" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/70let/17.jpg" /> <input id="p18" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/70let/18.jpg" /> <input id="p19" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/70let/19.jpg" /> <input id="p20" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/70let/20.jpg" /><input id="p21" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/70let/21.jpg" /><input id="p22" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/70let/22.jpg" /><input id="p23" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/70let/23.jpg" /><input id="p24" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/70let/24.jpg" /><input id="p25" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/70let/25.jpg" /><label for="p1"> <img alt="" src="http://gidro.ucoz.net/70let/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/70let/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/70let/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/70let/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/70let/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/70let/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/70let/7.jpg" /> </label><label for="p8"> <img alt="" src="http://gidro.ucoz.net/70let/8.jpg" /> </label><label for="p9"> <img alt="" src="http://gidro.ucoz.net/70let/9.jpg" /> </label><label for="p10"> <img alt="" src="http://gidro.ucoz.net/70let/10.jpg" /> </label><label for="p11"> <img alt="" src="http://gidro.ucoz.net/70let/11.jpg" /> </label><label for="p12"> <img alt="" src="http://gidro.ucoz.net/70let/12.jpg" /> </label><label for="p13"> <img alt="" src="http://gidro.ucoz.net/70let/13.jpg" /> </label> <label for="p14"> <img alt="" src="http://gidro.ucoz.net/70let/14.jpg" /> </label> <label for="p15"> <img alt="" src="http://gidro.ucoz.net/70let/15.jpg" /> </label> <label for="p16"> <img alt="" src="http://gidro.ucoz.net/70let/16.jpg" /> </label> <label for="p17"> <img alt="" src="http://gidro.ucoz.net/70let/17.jpg" /> </label> <label for="p18"> <img alt="" src="http://gidro.ucoz.net/70let/18.jpg" /> </label> <label for="p19"> <img alt="" src="http://gidro.ucoz.net/70let/19.jpg" /> </label> <label for="p20"> <img alt="" src="http://gidro.ucoz.net/70let/20.jpg" /> </label><label for="p21"> <img alt="" src="http://gidro.ucoz.net/70let/21.jpg" /> </label><label for="p22"> <img alt="" src="http://gidro.ucoz.net/70let/22.jpg" /> </label><label for="p23"> <img alt="" src="http://gidro.ucoz.net/70let/23.jpg" /> </label><label for="p24"> <img alt="" src="http://gidro.ucoz.net/70let/24.jpg" /> </label><label for="p25"> <img alt="" src="http://gidro.ucoz.net/70let/25.jpg" /> </label></font></form> </div> https://gidro.ucoz.net/blog/70_letie_kolledzha/2017-03-23-102 Joystick https://gidro.ucoz.net/blog/70_letie_kolledzha/2017-03-23-102 Thu, 23 Mar 2017 09:26:24 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/osennjaja_fotosessija/2016-12-08-100"><img height="271" src="http://gidro.ucoz.net/oceneyaphotos/krat_opis.jpg" width="500" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:556px; position:relative; margin:100px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-300px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/oceneyaphotos/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/oceneyaphotos/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/oceneyaphotos/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/oceneyaphotos/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/oceneyaphotos/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/oceneyaphotos/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/oceneyaphotos/7.jpg" /><input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/oceneyaphotos/8.jpg" /><input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/oceneyaphotos/9.jpg" /><input id="p10" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/oceneyaphotos/10.jpg" /><input id="p11" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/oceneyaphotos/11.jpg" /><input id="p12" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/oceneyaphotos/12.jpg" /><input id="p13" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/oceneyaphotos/13.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/oceneyaphotos/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/oceneyaphotos/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/oceneyaphotos/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/oceneyaphotos/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/oceneyaphotos/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/oceneyaphotos/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/oceneyaphotos/7.jpg" /> </label><label for="p8"> <img alt="" src="http://gidro.ucoz.net/oceneyaphotos/8.jpg" /> </label><label for="p9"> <img alt="" src="http://gidro.ucoz.net/oceneyaphotos/9.jpg" /> </label><label for="p10"> <img alt="" src="http://gidro.ucoz.net/oceneyaphotos/10.jpg" /> </label><label for="p11"> <img alt="" src="http://gidro.ucoz.net/oceneyaphotos/11.jpg" /> </label><label for="p12"> <img alt="" src="http://gidro.ucoz.net/oceneyaphotos/12.jpg" /> </label><label for="p13"> <img alt="" src="http://gidro.ucoz.net/oceneyaphotos/13.jpg" /> </label></font></form> </div> https://gidro.ucoz.net/blog/osennjaja_fotosessija/2016-12-08-100 Joystick https://gidro.ucoz.net/blog/osennjaja_fotosessija/2016-12-08-100 Thu, 08 Dec 2016 13:47:05 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/den_goroda/2016-12-08-99"><img height="" src="http://gidro.ucoz.net/denGORODA/krat_opis.jpg" width="" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:556px; position:relative; margin:100px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-300px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/denGORODA/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/denGORODA/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/denGORODA/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/denGORODA/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/denGORODA/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/denGORODA/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/denGORODA/7.jpg" /><input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/denGORODA/8.jpg" /><input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/denGORODA/9.jpg" /><input id="p10" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/denGORODA/10.jpg" /><input id="p11" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/denGORODA/11.jpg" /> <input id="p12" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/denGORODA/12.jpg" /><input id="p13" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/denGORODA/13.jpg" /><input id="p14" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/denGORODA/14.jpg" /><label for="p1"> <img alt="" src="http://gidro.ucoz.net/denGORODA/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/denGORODA/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/denGORODA/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/denGORODA/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/denGORODA/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/denGORODA/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/denGORODA/7.jpg" /> </label><label for="p8"> <img alt="" src="http://gidro.ucoz.net/denGORODA/8.jpg" /> </label><label for="p9"> <img alt="" src="http://gidro.ucoz.net/denGORODA/9.jpg" /> </label><label for="p10"> <img alt="" src="http://gidro.ucoz.net/denGORODA/10.jpg" /> </label><label for="p11"> <img alt="" src="http://gidro.ucoz.net/denGORODA/11.jpg" /> </label><label for="p12"> <img alt="" src="http://gidro.ucoz.net/denGORODA/12.jpg" /> </label><label for="p13"> <img alt="" src="http://gidro.ucoz.net/denGORODA/13.jpg" /> </label><label for="p14"> <img alt="" src="http://gidro.ucoz.net/denGORODA/14.jpg" /> </label></font></form> </div> https://gidro.ucoz.net/blog/den_goroda/2016-12-08-99 Joystick https://gidro.ucoz.net/blog/den_goroda/2016-12-08-99 Thu, 08 Dec 2016 13:13:52 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/fotosessija_1_sentjabrja/2016-10-14-97"><img height="" src="http://gidro.ucoz.net/1cenPhotoset/krat_opis.jpg" width="" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:556px; position:relative; margin:100px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-300px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1cenPhotoset/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1cenPhotoset/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1cenPhotoset/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1cenPhotoset/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1cenPhotoset/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1cenPhotoset/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1cenPhotoset/7.jpg" /><input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1cenPhotoset/8.jpg" /><input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1cenPhotoset/9.jpg" /><input id="p10" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1cenPhotoset/10.jpg" /><input id="p11" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1cenPhotoset/11.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/1cenPhotoset/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/1cenPhotoset/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/1cenPhotoset/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/1cenPhotoset/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/1cenPhotoset/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/1cenPhotoset/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/1cenPhotoset/7.jpg" /> </label><label for="p8"> <img alt="" src="http://gidro.ucoz.net/1cenPhotoset/8.jpg" /> </label><label for="p9"> <img alt="" src="http://gidro.ucoz.net/1cenPhotoset/9.jpg" /> </label><label for="p10"> <img alt="" src="http://gidro.ucoz.net/1cenPhotoset/10.jpg" /> </label><label for="p11"> <img alt="" src="http://gidro.ucoz.net/1cenPhotoset/11.jpg" /> </label></font></form> </div> https://gidro.ucoz.net/blog/fotosessija_1_sentjabrja/2016-09-14-97 Joystick https://gidro.ucoz.net/blog/fotosessija_1_sentjabrja/2016-09-14-97 Wed, 14 Sep 2016 10:45:30 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/universiada/2016-07-12-96"><img height="" src="http://gidro.ucoz.net/Yniversiada/krat_opis.jpg" width="" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:556px; position:relative; margin:100px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-300px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Yniversiada/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Yniversiada/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Yniversiada/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Yniversiada/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Yniversiada/5.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/Yniversiada/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/Yniversiada/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/Yniversiada/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/Yniversiada/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/Yniversiada/5.jpg" /> </label> </font></form> </div> https://gidro.ucoz.net/blog/universiada/2016-07-12-96 Joystick https://gidro.ucoz.net/blog/universiada/2016-07-12-96 Tue, 12 Jul 2016 12:09:27 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/ehkzamen_po_tsp/2016-07-12-95"><img height="" src="http://gidro.ucoz.net/ekzamenTSP/krat_opis.jpg" width="" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:456px; position:relative; margin:100px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-300px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenTSP/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenTSP/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenTSP/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenTSP/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenTSP/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenTSP/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenTSP/7.jpg" /><input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenTSP/8.jpg" /><input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenTSP/9.jpg" /><input id="p10" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenTSP/10.jpg" /> <input id="p11" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenTSP/11.jpg" /><label for="p1"> <img alt="" src="http://gidro.ucoz.net/ekzamenTSP/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/ekzamenTSP/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/ekzamenTSP/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/ekzamenTSP/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/ekzamenTSP/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/ekzamenTSP/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/ekzamenTSP/7.jpg" /> </label><label for="p8"> <img alt="" src="http://gidro.ucoz.net/ekzamenTSP/8.jpg" /> </label><label for="p9"> <img alt="" src="http://gidro.ucoz.net/ekzamenTSP/9.jpg" /> </label><label for="p10"> <img alt="" src="http://gidro.ucoz.net/ekzamenTSP/10.jpg" /> </label><label for="p11"> <img alt="" src="http://gidro.ucoz.net/ekzamenTSP/11.jpg" /> </label></font></form> </div> https://gidro.ucoz.net/blog/ehkzamen_po_tsp/2016-07-12-95 Joystick https://gidro.ucoz.net/blog/ehkzamen_po_tsp/2016-07-12-95 Tue, 12 Jul 2016 12:00:32 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/ehkzamen_po_stroitelnym_konstrukcijam/2016-07-12-94"><img height="" src="http://gidro.ucoz.net/ekzamenSK/krat_opis.jpg" width="" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:556px; position:relative; margin:100px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-300px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenSK/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenSK/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenSK/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenSK/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenSK/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenSK/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenSK/7.jpg" /><input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenSK/8.jpg" /><input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenSK/9.jpg" /><input id="p10" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenSK/10.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/ekzamenSK/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/ekzamenSK/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/ekzamenSK/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/ekzamenSK/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/ekzamenSK/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/ekzamenSK/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/ekzamenSK/7.jpg" /> </label><label for="p8"> <img alt="" src="http://gidro.ucoz.net/ekzamenSK/8.jpg" /> </label><label for="p9"> <img alt="" src="http://gidro.ucoz.net/ekzamenSK/9.jpg" /> </label><label for="p10"> <img alt="" src="http://gidro.ucoz.net/ekzamenSK/10.jpg" /> </label></font></form> </div> https://gidro.ucoz.net/blog/ehkzamen_po_stroitelnym_konstrukcijam/2016-07-12-94 Joystick https://gidro.ucoz.net/blog/ehkzamen_po_stroitelnym_konstrukcijam/2016-07-12-94 Tue, 12 Jul 2016 11:51:03 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/ehkzamen_po_gpz/2016-05-22-93"><img height="" src="http://gidro.ucoz.net/ekzamenGPZ/krat_opis.jpg" width="" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:556px; position:relative; margin:100px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-300px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenGPZ/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenGPZ/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenGPZ/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenGPZ/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenGPZ/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenGPZ/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenGPZ/7.jpg" /><input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenGPZ/8.jpg" /><input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenGPZ/9.jpg" /><input id="p10" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenGPZ/10.jpg" /><input id="p11" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenGPZ/11.jpg" /><input id="p12" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ekzamenGPZ/12.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/ekzamenGPZ/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/ekzamenGPZ/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/ekzamenGPZ/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/ekzamenGPZ/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/ekzamenGPZ/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/ekzamenGPZ/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/ekzamenGPZ/7.jpg" /> </label><label for="p8"> <img alt="" src="http://gidro.ucoz.net/ekzamenGPZ/8.jpg" /> </label><label for="p9"> <img alt="" src="http://gidro.ucoz.net/ekzamenGPZ/9.jpg" /> </label><label for="p10"> <img alt="" src="http://gidro.ucoz.net/ekzamenGPZ/10.jpg" /> </label><label for="p11"> <img alt="" src="http://gidro.ucoz.net/ekzamenGPZ/11.jpg" /> </label><label for="p12"> <img alt="" src="http://gidro.ucoz.net/ekzamenGPZ/12.jpg" /> </label></font></form> </div> https://gidro.ucoz.net/blog/ehkzamen_po_gpz/2016-05-22-93 Joystick https://gidro.ucoz.net/blog/ehkzamen_po_gpz/2016-05-22-93 Sun, 22 May 2016 14:35:48 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/vesenneafotoset/2016-05-22-92"><img height="" src="http://gidro.ucoz.net/VesenneaFOTOset/krat_opis.jpg" width="" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:556px; position:relative; margin:100px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-300px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/7.jpg" /><input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/8.jpg" /><input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/9.jpg" /><input id="p10" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/10.jpg" /><input id="p11" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/11.jpg" /><input id="p12" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/12.jpg" /> <input id="p13" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/13.jpg" /> <input id="p14" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/14.jpg" /> <input id="p15" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/15.jpg" /> <input id="p16" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/16.jpg" /> <input id="p17" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/17.jpg" /> <input id="p18" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/18.jpg" /><input id="p19" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/19.jpg" /><input id="p20" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/20.jpg" /><input id="p21" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/21.jpg" /><input id="p22" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/22.jpg" /><input id="p23" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/23.jpg" /><input id="p24" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/24.jpg" /><input id="p25" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/25.jpg" /><input id="p26" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/26.jpg" /><label for="p1"> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/1.jpg" /> </label> <label for="p2"><img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/7.jpg" /> </label><label for="p8"> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/8.jpg" /> </label><label for="p9"> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/9.jpg" /> </label><label for="p10"> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/10.jpg" /> </label><label for="p11"> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/11.jpg" /> </label><label for="p12"> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/12.jpg" /> </label><label for="p13"> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/13.jpg" /> </label> <label for="p14"> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/14.jpg" /> </label> <label for="p15"> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/15.jpg" /> </label> <label for="p16"> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/16.jpg" /> </label> <label for="p17"> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/17.jpg" /> </label> <label for="p18"> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/18.jpg" /> </label> <label for="p19"> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/19.jpg" /> </label><label for="p20"> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/20.jpg" /> </label><label for="p21"> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/21.jpg" /> </label><label for="p22"> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/22.jpg" /> </label><label for="p23"> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/23.jpg" /> </label><label for="p24"> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/24.jpg" /> </label><label for="p25"> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/25.jpg" /> </label><label for="p26"> <img alt="" src="http://gidro.ucoz.net/VesenneaFOTOset/26.jpg" /> </label></font></form> </div> https://gidro.ucoz.net/blog/vesenneafotoset/2016-05-22-92 Joystick https://gidro.ucoz.net/blog/vesenneafotoset/2016-05-22-92 Sun, 22 May 2016 14:28:12 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/ehkskursija_v_nesvizh/2016-05-22-91"><img height="" src="http://gidro.ucoz.net/Nesfij/krat_opis.jpg" width="" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:556px; position:relative; margin:100px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-300px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Nesfij/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Nesfij/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Nesfij/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Nesfij/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Nesfij/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Nesfij/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Nesfij/7.jpg" /><input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Nesfij/8.jpg" /><input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Nesfij/9.jpg" /><input id="p10" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Nesfij/10.jpg" /><input id="p11" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Nesfij/11.jpg" /><input id="p12" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Nesfij/12.jpg" /> <input id="p13" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Nesfij/13.jpg" /> <input id="p14" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Nesfij/14.jpg" /> <input id="p15" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Nesfij/15.jpg" /> <input id="p16" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Nesfij/16.jpg" /> <input id="p17" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Nesfij/17.jpg" /> <input id="p18" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Nesfij/18.jpg" /><input id="p19" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Nesfij/19.jpg" /><input id="p20" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Nesfij/20.jpg" /><input id="p21" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Nesfij/21.jpg" /><input id="p22" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Nesfij/22.jpg" /><label for="p1"> <img alt="" src="http://gidro.ucoz.net/Nesfij/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/Nesfij/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/Nesfij/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/Nesfij/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/Nesfij/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/Nesfij/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/Nesfij/7.jpg" /> </label><label for="p8"> <img alt="" src="http://gidro.ucoz.net/Nesfij/8.jpg" /> </label><label for="p9"> <img alt="" src="http://gidro.ucoz.net/Nesfij/9.jpg" /> </label><label for="p10"> <img alt="" src="http://gidro.ucoz.net/Nesfij/10.jpg" /> </label><label for="p11"> <img alt="" src="http://gidro.ucoz.net/Nesfij/11.jpg" /> </label><label for="p12"> <img alt="" src="http://gidro.ucoz.net/Nesfij/12.jpg" /> </label><label for="p13"> <img alt="" src="http://gidro.ucoz.net/Nesfij/13.jpg" /> </label> <label for="p14"> <img alt="" src="http://gidro.ucoz.net/Nesfij/14.jpg" /> </label> <label for="p15"> <img alt="" src="http://gidro.ucoz.net/Nesfij/15.jpg" /> </label> <label for="p16"> <img alt="" src="http://gidro.ucoz.net/Nesfij/16.jpg" /> </label> <label for="p17"> <img alt="" src="http://gidro.ucoz.net/Nesfij/17.jpg" /> </label> <label for="p18"> <img alt="" src="http://gidro.ucoz.net/Nesfij/18.jpg" /> </label> <label for="p19"> <img alt="" src="http://gidro.ucoz.net/Nesfij/19.jpg" /> </label><label for="p20"> <img alt="" src="http://gidro.ucoz.net/Nesfij/20.jpg" /> </label><label for="p21"> <img alt="" src="http://gidro.ucoz.net/Nesfij/21.jpg" /> </label><label for="p22"> <img alt="" src="http://gidro.ucoz.net/Nesfij/22.jpg" /> </label></font></form> </div> https://gidro.ucoz.net/blog/ehkskursija_v_nesvizh/2016-05-22-91 Joystick https://gidro.ucoz.net/blog/ehkskursija_v_nesvizh/2016-05-22-91 Sun, 22 May 2016 14:14:32 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/otkrytyj_kuratorskij/2016-05-22-90"><img height="" src="http://gidro.ucoz.net/otkrKYRATOSKIy/krat_osnov.jpg" width="" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:556px; position:relative; margin:100px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-300px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/otkrKYRATOSKIy/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/otkrKYRATOSKIy/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/otkrKYRATOSKIy/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/otkrKYRATOSKIy/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/otkrKYRATOSKIy/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/otkrKYRATOSKIy/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/otkrKYRATOSKIy/7.jpg" /><input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/otkrKYRATOSKIy/8.jpg" /><input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/otkrKYRATOSKIy/9.jpg" /><input id="p10" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/otkrKYRATOSKIy/10.jpg" /><input id="p11" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/otkrKYRATOSKIy/11.jpg" /><input id="p12" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/otkrKYRATOSKIy/12.jpg" /> <input id="p13" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/otkrKYRATOSKIy/13.jpg" /> <input id="p14" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/otkrKYRATOSKIy/14.jpg" /><label for="p1"> <img alt="" src="http://gidro.ucoz.net/otkrKYRATOSKIy/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/otkrKYRATOSKIy/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/otkrKYRATOSKIy/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/otkrKYRATOSKIy/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/otkrKYRATOSKIy/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/otkrKYRATOSKIy/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/otkrKYRATOSKIy/7.jpg" /> </label><label for="p8"> <img alt="" src="http://gidro.ucoz.net/otkrKYRATOSKIy/8.jpg" /> </label><label for="p9"> <img alt="" src="http://gidro.ucoz.net/otkrKYRATOSKIy/9.jpg" /> </label><label for="p10"> <img alt="" src="http://gidro.ucoz.net/otkrKYRATOSKIy/10.jpg" /> </label><label for="p11"> <img alt="" src="http://gidro.ucoz.net/otkrKYRATOSKIy/11.jpg" /> </label><label for="p12"> <img alt="" src="http://gidro.ucoz.net/otkrKYRATOSKIy/12.jpg" /> </label><label for="p13"> <img alt="" src="http://gidro.ucoz.net/otkrKYRATOSKIy/13.jpg" /> </label> <label for="p14"> <img alt="" src="http://gidro.ucoz.net/otkrKYRATOSKIy/14.jpg" /> </label></font></form> </div> https://gidro.ucoz.net/blog/otkrytyj_kuratorskij/2016-05-22-90 Joystick https://gidro.ucoz.net/blog/otkrytyj_kuratorskij/2016-05-22-90 Sun, 22 May 2016 14:02:26 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/pervoaprelskaja_fotosessija/2016-05-22-89"><img height="332" src="http://gidro.ucoz.net/1aprelea/krat_osnov.jpg" width="500" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:556px; position:relative; margin:100px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-300px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1aprelea/1.jpg" /> <input id="p2" name="book" type="radio" /><img alt="" src="http://gidro.ucoz.net/1aprelea/2.jpg" /> <input id="p3" name="book" type="radio" /><img alt="" src="http://gidro.ucoz.net/1aprelea/3.jpg" /> <input id="p4" name="book" type="radio" /><img alt="" src="http://gidro.ucoz.net/1aprelea/4.jpg" /> <input id="p5" name="book" type="radio" /><img alt="" src="http://gidro.ucoz.net/1aprelea/5.jpg" /> <input id="p6" name="book" type="radio" /><img alt="" src="http://gidro.ucoz.net/1aprelea/6.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/1aprelea/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/1aprelea/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/1aprelea/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/1aprelea/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/1aprelea/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/1aprelea/6.jpg" /> </label> </font></form> </div> https://gidro.ucoz.net/blog/pervoaprelskaja_fotosessija/2016-05-22-89 Joystick https://gidro.ucoz.net/blog/pervoaprelskaja_fotosessija/2016-05-22-89 Sun, 22 May 2016 12:59:50 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/volejbol/2016-04-10-88"><img height="" src="http://gidro.ucoz.net/vleybol/krat_opis.jpg" width="" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:556px; position:relative; margin:100px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-300px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/vleybol/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/vleybol/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/vleybol/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/vleybol/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/vleybol/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/vleybol/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/vleybol/7.jpg" /><input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/vleybol/8.jpg" /><input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/vleybol/9.jpg" /><input id="p10" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/vleybol/10.jpg" /><input id="p11" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/vleybol/11.jpg" /><input id="p12" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/vleybol/12.jpg" /> <input id="p13" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/vleybol/13.jpg" /> <input id="p14" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/vleybol/14.jpg" /> <input id="p15" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/vleybol/15.jpg" /> <input id="p16" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/vleybol/16.jpg" /> <input id="p17" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/vleybol/17.jpg" /> <input id="p18" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/vleybol/18.jpg" /><input id="p19" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/vleybol/19.jpg" /><input id="p20" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/vleybol/20.jpg" /><input id="p21" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/vleybol/21.jpg" /><label for="p1"> <img alt="" src="http://gidro.ucoz.net/vleybol/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/vleybol/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/vleybol/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/vleybol/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/vleybol/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/vleybol/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/vleybol/7.jpg" /> </label><label for="p8"> <img alt="" src="http://gidro.ucoz.net/vleybol/8.jpg" /> </label><label for="p9"> <img alt="" src="http://gidro.ucoz.net/vleybol/9.jpg" /> </label><label for="p10"> <img alt="" src="http://gidro.ucoz.net/vleybol/10.jpg" /> </label><label for="p11"> <img alt="" src="http://gidro.ucoz.net/vleybol/11.jpg" /> </label><label for="p12"> <img alt="" src="http://gidro.ucoz.net/vleybol/12.jpg" /> </label><label for="p13"> <img alt="" src="http://gidro.ucoz.net/vleybol/13.jpg" /> </label> <label for="p14"> <img alt="" src="http://gidro.ucoz.net/vleybol/14.jpg" /> </label> <label for="p15"> <img alt="" src="http://gidro.ucoz.net/vleybol/15.jpg" /> </label> <label for="p16"> <img alt="" src="http://gidro.ucoz.net/vleybol/16.jpg" /> </label> <label for="p17"> <img alt="" src="http://gidro.ucoz.net/vleybol/17.jpg" /> </label> <label for="p18"> <img alt="" src="http://gidro.ucoz.net/vleybol/18.jpg" /> </label> <label for="p19"> <img alt="" src="http://gidro.ucoz.net/vleybol/19.jpg" /> </label><label for="p20"> <img alt="" src="http://gidro.ucoz.net/vleybol/20.jpg" /> </label><label for="p21"> <img alt="" src="http://gidro.ucoz.net/vleybol/21.jpg" /> </label></font></form> </div> https://gidro.ucoz.net/blog/volejbol/2016-04-10-88 Joystick https://gidro.ucoz.net/blog/volejbol/2016-04-10-88 Sun, 10 Apr 2016 19:46:38 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/my_molodye_gordost_strany/2016-04-10-87"><img height="" src="http://gidro.ucoz.net/MuMALADAE/krat_opis.jpg" width="" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:556px; position:relative; margin:100px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-300px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/MuMALADAE/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/MuMALADAE/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/MuMALADAE/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/MuMALADAE/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/MuMALADAE/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/MuMALADAE/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/MuMALADAE/7.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/MuMALADAE/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/MuMALADAE/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/MuMALADAE/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/MuMALADAE/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/MuMALADAE/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/MuMALADAE/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/MuMALADAE/7.jpg" /> </label></font></form> </div> https://gidro.ucoz.net/blog/my_molodye_gordost_strany/2016-04-10-87 Joystick https://gidro.ucoz.net/blog/my_molodye_gordost_strany/2016-04-10-87 Sun, 10 Apr 2016 19:29:38 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/olimpiada_po_tsp/2016-03-21-86"><img height="" src="http://gidro.ucoz.net/olimpTSP/krat_opis.jpg" width="" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:556px; position:relative; margin:100px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-300px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/olimpTSP/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/olimpTSP/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/olimpTSP/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/olimpTSP/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/olimpTSP/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/olimpTSP/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/olimpTSP/7.jpg" /><input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/olimpTSP/8.jpg" /><input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/olimpTSP/9.jpg" /><input id="p10" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/olimpTSP/10.jpg" /><input id="p11" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/olimpTSP/11.jpg" /><input id="p12" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/olimpTSP/12.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/olimpTSP/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/olimpTSP/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/olimpTSP/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/olimpTSP/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/olimpTSP/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/olimpTSP/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/olimpTSP/7.jpg" /> </label><label for="p8"> <img alt="" src="http://gidro.ucoz.net/olimpTSP/8.jpg" /> </label><label for="p9"> <img alt="" src="http://gidro.ucoz.net/olimpTSP/9.jpg" /> </label><label for="p10"> <img alt="" src="http://gidro.ucoz.net/olimpTSP/10.jpg" /> </label><label for="p11"> <img alt="" src="http://gidro.ucoz.net/olimpTSP/11.jpg" /> </label><label for="p12"> <img alt="" src="http://gidro.ucoz.net/olimpTSP/12.jpg" /> </label></font></form> </div> https://gidro.ucoz.net/blog/olimpiada_po_tsp/2016-03-21-86 Joystick https://gidro.ucoz.net/blog/olimpiada_po_tsp/2016-03-21-86 Mon, 21 Mar 2016 20:07:02 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/ikh_mezhdunarodnaja_konferencija/2016-03-21-85"><img height="" src="http://gidro.ucoz.net/konfBrest/krat_opis.jpg" width="" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:506px; position:relative; margin:100px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-300px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/konfBrest/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/konfBrest/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/konfBrest/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/konfBrest/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/konfBrest/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/konfBrest/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/konfBrest/7.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/konfBrest/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/konfBrest/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/konfBrest/4.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/konfBrest/5.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/konfBrest/3.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/konfBrest/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/konfBrest/7.jpg" /> </label></font></form> </div> https://gidro.ucoz.net/blog/ikh_mezhdunarodnaja_konferencija/2016-03-21-85 Joystick https://gidro.ucoz.net/blog/ikh_mezhdunarodnaja_konferencija/2016-03-21-85 Mon, 21 Mar 2016 19:57:31 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/otkrytoe_zanjatie_po_inzhenernym_setjam/2016-03-21-84"><img height="" src="http://gidro.ucoz.net/ingSeti/krat_opis.jpg" width="" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:556px; position:relative; margin:100px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-300px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ingSeti/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ingSeti/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ingSeti/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ingSeti/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ingSeti/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ingSeti/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ingSeti/7.jpg" /> <input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ingSeti/8.jpg" /> <input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ingSeti/9.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/ingSeti/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/ingSeti/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/ingSeti/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/ingSeti/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/ingSeti/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/ingSeti/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/ingSeti/7.jpg" /> </label><label for="p8"> <img alt="" src="http://gidro.ucoz.net/ingSeti/8.jpg" /> </label><label for="p9"> <img alt="" src="http://gidro.ucoz.net/ingSeti/9.jpg" /> </label></font></form> </div> https://gidro.ucoz.net/blog/otkrytoe_zanjatie_po_inzhenernym_setjam/2016-03-21-84 Joystick https://gidro.ucoz.net/blog/otkrytoe_zanjatie_po_inzhenernym_setjam/2016-03-21-84 Mon, 21 Mar 2016 11:56:54 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/8_marta/2016-03-21-83"><img height="" src="http://gidro.ucoz.net/8marta/krat_opis.jpg" width="" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:496px; position:relative; margin:100px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-300px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/8marta/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/8marta/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/8marta/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/8marta/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/8marta/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/8marta/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/8marta/7.jpg" /> <input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/8marta/8.jpg" /> <input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/8marta/9.jpg" /> <input id="p10" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/8marta/10.jpg" /> <input id="p11" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/8marta/11.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/8marta/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/8marta/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/8marta/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/8marta/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/8marta/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/8marta/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/8marta/7.jpg" /> </label><label for="p8"> <img alt="" src="http://gidro.ucoz.net/8marta/8.jpg" /> </label><label for="p9"> <img alt="" src="http://gidro.ucoz.net/8marta/9.jpg" /> </label><label for="p10"> <img alt="" src="http://gidro.ucoz.net/8marta/10.jpg" /></label> <label for="p11"> <img alt="" src="http://gidro.ucoz.net/8marta/11.jpg" /></label> </font></form> </div> https://gidro.ucoz.net/blog/8_marta/2016-03-21-83 Joystick https://gidro.ucoz.net/blog/8_marta/2016-03-21-83 Mon, 21 Mar 2016 11:43:25 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/zimnjaja_fotosessija/2016-03-20-82"><img height="" src="http://gidro.ucoz.net/photoZiMA/krat_opis.jpg" width="" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:496px; position:relative; margin:100px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-300px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoZiMA/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoZiMA/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoZiMA/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoZiMA/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoZiMA/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoZiMA/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoZiMA/7.jpg" /> <input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoZiMA/8.jpg" /> <input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoZiMA/9.jpg" /> <input id="p10" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoZiMA/10.jpg" /> <input id="p11" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoZiMA/11.jpg" /> <input id="p12" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoZiMA/12.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/photoZiMA/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/photoZiMA/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/photoZiMA/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/photoZiMA/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/photoZiMA/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/photoZiMA/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/photoZiMA/7.jpg" /> </label><label for="p8"> <img alt="" src="http://gidro.ucoz.net/photoZiMA/8.jpg" /> </label><label for="p9"> <img alt="" src="http://gidro.ucoz.net/photoZiMA/9.jpg" /> </label><label for="p10"> <img alt="" src="http://gidro.ucoz.net/photoZiMA/10.jpg" /></label> <label for="p11"> <img alt="" src="http://gidro.ucoz.net/photoZiMA/11.jpg" /></label> <label for="p12"> <img alt="" src="http://gidro.ucoz.net/photoZiMA/12.jpg" /></label> </font></form> </div> https://gidro.ucoz.net/blog/zimnjaja_fotosessija/2016-03-20-82 Joystick https://gidro.ucoz.net/blog/zimnjaja_fotosessija/2016-03-20-82 Sun, 20 Mar 2016 20:26:35 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/nauchno_prakticheskaja_konferencija/2016-03-20-81"><img height="" src="http://gidro.ucoz.net/konfVgidro/krat_opis.jpg" width="" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:600px; height:400px; padding-top:506px; position:relative; margin:50px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-310px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/konfVgidro/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/konfVgidro/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/konfVgidro/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/konfVgidro/4.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/konfVgidro/1.jpg" /> </label><label for="p2"> <img alt="" src="http://gidro.ucoz.net/konfVgidro/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/konfVgidro/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/konfVgidro/4.jpg" /> </label> </font></form> </div> https://gidro.ucoz.net/blog/nauchno_prakticheskaja_konferencija/2016-03-20-81 Joystick https://gidro.ucoz.net/blog/nauchno_prakticheskaja_konferencija/2016-03-20-81 Sun, 20 Mar 2016 20:04:44 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/nashi_jolochki/2016-01-27-80"><img height="" src="http://gidro.ucoz.net/Elki/DSC_1048.jpg" width="" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:700px; position:relative; margin:100px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:55%; top:0; z-index:50; margin-left:-200px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form> <p style="text-align: center;"><br /> <font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Elki/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Elki/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Elki/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Elki/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/Elki/5.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/Elki/1.jpg" /> </label><label for="p2"> <img alt="" src="http://gidro.ucoz.net/Elki/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/Elki/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/Elki/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/Elki/5.jpg" /> </label></font></p> </form> </div> https://gidro.ucoz.net/blog/nashi_jolochki/2016-01-27-80 Joystick https://gidro.ucoz.net/blog/nashi_jolochki/2016-01-27-80 Wed, 27 Jan 2016 13:01:17 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/jolka_fehst_2015/2016-01-15-79"><img height="" src="http://gidro.ucoz.net/ELKA2015/krat_opis.jpg" width="" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:526px; position:relative; margin:50px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-300px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ELKA2015/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ELKA2015/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ELKA2015/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ELKA2015/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ELKA2015/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ELKA2015/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ELKA2015/7.jpg" /> <input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ELKA2015/8.jpg" /> <input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ELKA2015/9.jpg" /> <input id="p10" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ELKA2015/10.jpg" /><label for="p1"> <img alt="" src="http://gidro.ucoz.net/ELKA2015/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/ELKA2015/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/ELKA2015/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/ELKA2015/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/ELKA2015/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/ELKA2015/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/ELKA2015/7.jpg" /> </label><label for="p8"> <img alt="" src="http://gidro.ucoz.net/ELKA2015/8.jpg" /> </label><label for="p9"> <img alt="" src="http://gidro.ucoz.net/ELKA2015/9.jpg" /> </label><label for="p10"> <img alt="" src="http://gidro.ucoz.net/ELKA2015/10.jpg" /></label> </font></form> </div> https://gidro.ucoz.net/blog/jolka_fehst_2015/2016-01-15-79 Joystick https://gidro.ucoz.net/blog/jolka_fehst_2015/2016-01-15-79 Fri, 15 Jan 2016 19:59:41 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/koncert_posvjashhennyju_dnju_rabotnikov_selskogo_khozjajstva/2016-01-15-78"><img height="" src="http://gidro.ucoz.net/DenSX/krat_opis.jpg" width="500" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:526px; position:relative; margin:50px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-300px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/DenSX/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/DenSX/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/DenSX/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/DenSX/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/DenSX/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/DenSX/6.jpg" /><input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/DenSX/7.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/DenSX/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/DenSX/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/DenSX/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/DenSX/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/DenSX/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/DenSX/6.jpg" /> </label><label for="p7"> <img alt="" src="http://gidro.ucoz.net/DenSX/7.jpg" /> </label></font></form> </div> https://gidro.ucoz.net/blog/koncert_posvjashhennyju_dnju_rabotnikov_selskogo_khozjajstva/2016-01-15-78 Joystick https://gidro.ucoz.net/blog/koncert_posvjashhennyju_dnju_rabotnikov_selskogo_khozjajstva/2016-01-15-78 Fri, 15 Jan 2016 19:48:34 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/praktika/2016-01-15-77"><img height="" src="http://gidro.ucoz.net/praktika2015/krat_opis.jpg" width="500" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:526px; position:relative; margin:50px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-300px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/praktika2015/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/praktika2015/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/praktika2015/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/praktika2015/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/praktika2015/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/praktika2015/6.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/praktika2015/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/praktika2015/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/praktika2015/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/praktika2015/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/praktika2015/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/praktika2015/6.jpg" /> </label>&#92;</font></form> </div> https://gidro.ucoz.net/blog/praktika/2016-01-15-77 Joystick https://gidro.ucoz.net/blog/praktika/2016-01-15-77 Fri, 15 Jan 2016 19:40:05 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/fotosessija_oktjabr/2016-01-15-76"><img height="332" src="http://gidro.ucoz.net/photoOCT/krat_opis.jpg" width="500" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:526px; position:relative; margin:50px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-300px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoOCT/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoOCT/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoOCT/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoOCT/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoOCT/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoOCT/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoOCT/7.jpg" /> <input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoOCT/8.jpg" /> <input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoOCT/9.jpg" /> <input id="p10" name="book" type="radio" /><img alt="" src="http://gidro.ucoz.net/photoOCT/10.jpg" /><input id="p11" name="book" type="radio" /><img alt="" src="http://gidro.ucoz.net/photoOCT/11.jpg" /><input id="p12" name="book" type="radio" /><img alt="" src="http://gidro.ucoz.net/photoOCT/12.jpg" /> <input id="p13" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoOCT/13.jpg" /> <input id="p14" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoOCT/14.jpg" /> <input id="p15" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoOCT/15.jpg" /> <input id="p16" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoOCT/16.jpg" /> <input id="p17" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoOCT/17.jpg" /> <input id="p18" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoOCT/18.jpg" /> <input id="p19" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoOCT/19.jpg" /> <input id="p20" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoOCT/20.jpg" /> <input id="p21" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoOCT/21.jpg" /> <input id="p22" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoOCT/22.jpg" /> <input id="p23" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoOCT/23.jpg" /><label for="p1"> <img alt="" src="http://gidro.ucoz.net/photoOCT/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/photoOCT/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/photoOCT/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/photoOCT/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/photoOCT/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/photoOCT/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/photoOCT/7.jpg" /> </label><label for="p8"> <img alt="" src="http://gidro.ucoz.net/photoOCT/8.jpg" /> </label><label for="p9"> <img alt="" src="http://gidro.ucoz.net/photoOCT/9.jpg" /> </label><label for="p10"> <img alt="" src="http://gidro.ucoz.net/photoOCT/10.jpg" /> </label><label for="p11"> <img alt="" src="http://gidro.ucoz.net/photoOCT/11.jpg" /> </label><label for="p12"> <img alt="" src="http://gidro.ucoz.net/photoOCT/12.jpg" /> </label><label for="p13"> <img alt="" src="http://gidro.ucoz.net/photoOCT/13.jpg" /> </label><label for="p14"> <img alt="" src="http://gidro.ucoz.net/photoOCT/14.jpg" /> </label><label for="p15"> <img alt="" src="http://gidro.ucoz.net/photoOCT/15.jpg" /> </label><label for="p16"> <img alt="" src="http://gidro.ucoz.net/photoOCT/16.jpg" /> </label><label for="p17"> <img alt="" src="http://gidro.ucoz.net/photoOCT/17.jpg" /> </label><label for="p18"> <img alt="" src="http://gidro.ucoz.net/photoOCT/18.jpg" /> </label><label for="p19"> <img alt="" src="http://gidro.ucoz.net/photoOCT/19.jpg" /> </label><label for="p20"> <img alt="" src="http://gidro.ucoz.net/photoOCT/20.jpg" /> </label><label for="p21"> <img alt="" src="http://gidro.ucoz.net/photoOCT/21.jpg" /> </label><label for="p22"> <img alt="" src="http://gidro.ucoz.net/photoOCT/22.jpg" /> </label><label for="p23"> <img alt="" src="http://gidro.ucoz.net/photoOCT/23.jpg" /> </label></font></form> </div> https://gidro.ucoz.net/blog/fotosessija_oktjabr/2016-01-15-76 Joystick https://gidro.ucoz.net/blog/fotosessija_oktjabr/2016-01-15-76 Fri, 15 Jan 2016 19:28:45 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/veloprobeg_nevest/2016-01-15-75"><img height="332" src="http://gidro.ucoz.net/VeloProbeg/krat_opis.jpg" width="500" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:526px; position:relative; margin:50px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-300px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VeloProbeg/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VeloProbeg/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VeloProbeg/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VeloProbeg/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VeloProbeg/5.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/VeloProbeg/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/VeloProbeg/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/VeloProbeg/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/VeloProbeg/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/VeloProbeg/5.jpg" /> </label></font></form> </div> https://gidro.ucoz.net/blog/veloprobeg_nevest/2016-01-15-75 Joystick https://gidro.ucoz.net/blog/veloprobeg_nevest/2016-01-15-75 Fri, 15 Jan 2016 18:33:49 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/uborka_territorii/2015-12-02-74"><img height="332" src="http://gidro.ucoz.net/YborkaTerr/krat_opis.jpg" width="500" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:526px; position:relative; margin:50px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-300px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/YborkaTerr/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/YborkaTerr/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/YborkaTerr/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/YborkaTerr/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/YborkaTerr/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/YborkaTerr/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/YborkaTerr/7.jpg" /> <input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/YborkaTerr/8.jpg" /> <input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/YborkaTerr/9.jpg" /> <input id="p10" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/YborkaTerr/10.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/YborkaTerr/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/YborkaTerr/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/YborkaTerr/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/YborkaTerr/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/YborkaTerr/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/YborkaTerr/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/YborkaTerr/7.jpg" /> </label><label for="p8"> <img alt="" src="http://gidro.ucoz.net/1sentabrea/8.jpg" /> </label><label for="p9"> <img alt="" src="http://gidro.ucoz.net/YborkaTerr/9.jpg" /> </label><label for="p10"> <img alt="" src="http://gidro.ucoz.net/YborkaTerr/10.jpg" /> </label></font></form> </div> https://gidro.ucoz.net/blog/uborka_territorii/2015-12-02-74 Joystick https://gidro.ucoz.net/blog/uborka_territorii/2015-12-02-74 Tue, 01 Dec 2015 21:52:25 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/1_sentjabrja_2015/2015-10-01-73"><img height="332" src="http://gidro.ucoz.net/photo_glavnoy/DSC_0570-1-2-.jpg" width="500" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:526px; position:relative; margin:50px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-300px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1sentabrea/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1sentabrea/2.jpg" /><input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1sentabrea/3.jpg" /><input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1sentabrea/4.jpg" /><input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1sentabrea/5.jpg" /><input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1sentabrea/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1sentabrea/7.jpg" /><input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1sentabrea/8.jpg" /><input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1sentabrea/9.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/1sentabrea/1.jpg" /> </label> <label for="p2"><img alt="" src="http://gidro.ucoz.net/1sentabrea/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/1sentabrea/3.jpg" /> </label> <label for="p4"><img alt="" src="http://gidro.ucoz.net/1sentabrea/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/1sentabrea/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/1sentabrea/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/1sentabrea/7.jpg" /> </label><label for="p8"> <img alt="" src="http://gidro.ucoz.net/1sentabrea/8.jpg" /> </label><label for="p9"> <img alt="" src="http://gidro.ucoz.net/1sentabrea/9.jpg" /> </label></font></form> </div> https://gidro.ucoz.net/blog/1_sentjabrja_2015/2015-10-01-73 Joystick https://gidro.ucoz.net/blog/1_sentjabrja_2015/2015-10-01-73 Thu, 01 Oct 2015 07:38:50 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/ehkzamen_po_tekhnicheskoj_mekhanike/2015-10-01-72"><img height="" src="http://gidro.ucoz.net/TEXmex/krat_opis.jpg" width="" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:526px; position:relative; margin:50px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-300px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/TEXmex/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/TEXmex/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/TEXmex/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/TEXmex/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/TEXmex/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/TEXmex/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/TEXmex/7.jpg" /><input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/TEXmex/8.jpg" /><input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/TEXmex/9.jpg" /><input id="p10" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/TEXmex/10.jpg" /><input id="p11" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/TEXmex/11.jpg" /> <input id="p12" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/TEXmex/12.jpg" /><input id="p13" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/TEXmex/13.jpg" /><input id="p14" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/TEXmex/14.jpg" /><input id="p15" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/TEXmex/15.jpg" /><input id="p16" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/TEXmex/16.jpg" /><input id="p17" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/TEXmex/17.jpg" /><input id="p18" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/TEXmex/18.jpg" /><input id="p19" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/TEXmex/19.jpg" /><input id="p20" name="book" type="radio" /> <img alt="" for="p1" label="" src="http://gidro.ucoz.net/TEXmex/20.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/unostrannANGL/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/unostrannANGL/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/TEXmex/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/TEXmex/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/TEXmex/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/TEXmex/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/TEXmex/7.jpg" /> </label> <label for="p8"> <img alt="" src="http://gidro.ucoz.net/TEXmex/8.jpg" /> </label> <label for="p9"> <img alt="" src="http://gidro.ucoz.net/TEXmex/9.jpg" /> </label> <label for="p10"> <img alt="" src="http://gidro.ucoz.net/TEXmex/10.jpg" /> </label> <label for="p11"> <img alt="" src="http://gidro.ucoz.net/TEXmex/11.jpg" /> </label> <label for="p12"> <img alt="" src="http://gidro.ucoz.net/TEXmex/12.jpg" /> </label> <label for="p13"> <img alt="" src="http://gidro.ucoz.net/TEXmex/13.jpg" /> </label> <label for="p14"> <img alt="" src="http://gidro.ucoz.net/TEXmex/14.jpg" /> </label> <label for="p15"> <img alt="" src="http://gidro.ucoz.net/TEXmex/15.jpg" /> </label> <label for="p16"> <img alt="" src="http://gidro.ucoz.net/TEXmex/16.jpg" /> </label> <label for="p17"> <img alt="" src="http://gidro.ucoz.net/TEXmex/17.jpg" /> </label> <label for="p18"> <img alt="" src="http://gidro.ucoz.net/TEXmex/18.jpg" /> </label> <label for="p19"> <img alt="" src="http://gidro.ucoz.net/TEXmex/19.jpg" /> </label> </font></form> </div> https://gidro.ucoz.net/blog/ehkzamen_po_tekhnicheskoj_mekhanike/2015-10-01-72 Joystick https://gidro.ucoz.net/blog/ehkzamen_po_tekhnicheskoj_mekhanike/2015-10-01-72 Thu, 01 Oct 2015 07:30:18 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/ehkzamen_po_stroitelnym_materialam_i_izdelijam/2015-10-01-71"><img height="" src="http://gidro.ucoz.net/CtroyMat/krat_opis.jpg" width="" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:526px; position:relative; margin:50px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-300px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/CtroyMat/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/CtroyMat/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/CtroyMat/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/CtroyMat/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/CtroyMat/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/CtroyMat/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/CtroyMat/7.jpg" /><input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/CtroyMat/8.jpg" /><input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/CtroyMat/9.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/CtroyMat/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/CtroyMat/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/CtroyMat/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/CtroyMat/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/CtroyMat/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/CtroyMat/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/CtroyMat/7.jpg" /> </label> <label for="p8"> <img alt="" src="http://gidro.ucoz.net/CtroyMat/8.jpg" /> </label> <label for="p9"> <img alt="" src="http://gidro.ucoz.net/CtroyMat/9.jpg" /> </label> </font></form> </div> https://gidro.ucoz.net/blog/ehkzamen_po_stroitelnym_materialam_i_izdelijam/2015-10-01-71 Joystick https://gidro.ucoz.net/blog/ehkzamen_po_stroitelnym_materialam_i_izdelijam/2015-10-01-71 Thu, 01 Oct 2015 07:10:02 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/ehkzamen_po_inostrannomu_jazyku/2015-10-01-70"><img height="" src="http://gidro.ucoz.net/unostrannANGL/krat_opis.jpg" width="" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:526px; position:relative; margin:50px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-300px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/unostrannANGL/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/unostrannANGL/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/unostrannANGL/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/unostrannANGL/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/unostrannANGL/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/unostrannANGL/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/unostrannANGL/7.jpg" /><input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/unostrannANGL/8.jpg" /><input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/unostrannANGL/9.jpg" /><input id="p10" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/unostrannANGL/10.jpg" /><input id="p11" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/unostrannANGL/11.jpg" /> <input id="p12" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/unostrannANGL/12.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/unostrannANGL/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/unostrannANGL/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/unostrannANGL/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/unostrannANGL/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/unostrannANGL/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/unostrannANGL/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/unostrannANGL/7.jpg" /> </label> <label for="p8"> <img alt="" src="http://gidro.ucoz.net/unostrannANGL/8.jpg" /> </label> <label for="p9"> <img alt="" src="http://gidro.ucoz.net/unostrannANGL/9.jpg" /> </label> <label for="p10"> <img alt="" src="http://gidro.ucoz.net/unostrannANGL/10.jpg" /> </label> <label for="p11"> <img alt="" src="http://gidro.ucoz.net/unostrannANGL/11.jpg" /> </label> <label for="p12"> <img alt="" src="http://gidro.ucoz.net/unostrannANGL/12.jpg" /> </label> </font></form> </div> https://gidro.ucoz.net/blog/ehkzamen_po_inostrannomu_jazyku/2015-10-01-70 Joystick https://gidro.ucoz.net/blog/ehkzamen_po_inostrannomu_jazyku/2015-10-01-70 Thu, 01 Oct 2015 06:56:40 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/ehkzamen_po_geodezii/2015-10-01-69"><img height="" src="http://gidro.ucoz.net/geodezea/krat_opis.jpg" width="" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:526px; position:relative; margin:50px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-300px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/geodezea/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/geodezea/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/geodezea/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/geodezea/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/geodezea/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/geodezea/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/geodezea/7.jpg" /><input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/geodezea/8.jpg" /><input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/geodezea/9.jpg" /><input id="p10" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/geodezea/10.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/geodezea/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/geodezea/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/geodezea/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/geodezea/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/geodezea/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/geodezea/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/geodezea/7.jpg" /> </label><label for="p8"> <img alt="" src="http://gidro.ucoz.net/geodezea/8.jpg" /> </label><label for="p9"> <img alt="" src="http://gidro.ucoz.net/geodezea/9.jpg" /> </label><label for="p10"> <img alt="" src="http://gidro.ucoz.net/geodezea/10.jpg" /> </label></font></form> </div> https://gidro.ucoz.net/blog/ehkzamen_po_geodezii/2015-10-01-69 Joystick https://gidro.ucoz.net/blog/ehkzamen_po_geodezii/2015-10-01-69 Thu, 01 Oct 2015 06:47:22 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/konkurs_prof_masterstva/2015-06-23-68"><img height="" src="http://gidro.ucoz.net/ProfMastera/krat_opis.jpg" width="" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:526px; position:relative; margin:50px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-350px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ProfMastera/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ProfMastera/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ProfMastera/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ProfMastera/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ProfMastera/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ProfMastera/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ProfMastera/7.jpg" /><input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ProfMastera/8.jpg" /><input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ProfMastera/9.jpg" /><input id="p10" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/ProfMastera/10.jpg" />&gt; <label for="p1"> <img alt="" src="http://gidro.ucoz.net/ProfMastera/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/ProfMastera/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/ProfMastera/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/ProfMastera/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/ProfMastera/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/ProfMastera/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/ProfMastera/7.jpg" /> </label><label for="p8"> <img alt="" src="http://gidro.ucoz.net/ProfMastera/8.jpg" /> </label><label for="p9"> <img alt="" src="http://gidro.ucoz.net/ProfMastera/9.jpg" /> </label><label for="p10"> <img alt="" src="http://gidro.ucoz.net/ProfMastera/10.jpg" /> </label>&gt;</font></form> </div> https://gidro.ucoz.net/blog/konkurs_prof_masterstva/2015-06-23-68 Joystick https://gidro.ucoz.net/blog/konkurs_prof_masterstva/2015-06-23-68 Tue, 23 Jun 2015 10:21:06 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/praktika_po_geodezii/2015-06-23-67"><img height="332" src="http://gidro.ucoz.net/PRgeodeziu/krat_opis.jpg" width="500" /></a></p> <p>&nbsp;</p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:776px; position:relative; margin:50px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-189px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/PRgeodeziu/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/PRgeodeziu/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/PRgeodeziu/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/PRgeodeziu/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/PRgeodeziu/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/PRgeodeziu/6.jpg" /><input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/PRgeodeziu/7.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/PRgeodeziu/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/PRgeodeziu/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/PRgeodeziu/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/PRgeodeziu/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/PRgeodeziu/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/PRgeodeziu/6.jpg" /> </label><label for="p7"> <img alt="" src="http://gidro.ucoz.net/PRgeodeziu/7.jpg" /> </label></font></form> </div> https://gidro.ucoz.net/blog/praktika_po_geodezii/2015-06-23-67 Joystick https://gidro.ucoz.net/blog/praktika_po_geodezii/2015-06-23-67 Tue, 23 Jun 2015 09:39:23 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/uchebno_prakticheskaja_konferencija_1_ehtap/2015-06-19-66"><img height="332" src="http://gidro.ucoz.net/konfirenchiau/krat_opis.jpg" width="500" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:576px; position:relative; margin:50px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-350px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/konfirenchiau/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/konfirenchiau/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/konfirenchiau/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/konfirenchiau/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/konfirenchiau/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/konfirenchiau/6.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/konfirenchiau/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/konfirenchiau/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/konfirenchiau/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/konfirenchiau/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/konfirenchiau/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/konfirenchiau/6.jpg" /> </label></font></form> </div> https://gidro.ucoz.net/blog/uchebno_prakticheskaja_konferencija_1_ehtap/2015-06-19-66 Joystick https://gidro.ucoz.net/blog/uchebno_prakticheskaja_konferencija_1_ehtap/2015-06-19-66 Fri, 19 Jun 2015 11:49:37 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/otkrytoe_zanjatie_po_gpz/2015-06-19-65"><img height="" src="http://gidro.ucoz.net/GPZ/krat_opis.jpg" width="" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:576px; position:relative; margin:50px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-350px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/GPZ/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/GPZ/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/GPZ/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/GPZ/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/GPZ/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/GPZ/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/GPZ/7.jpg" /><input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/GPZ/8.jpg" /><input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/GPZ/9.jpg" /><input id="p10" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/GPZ/10.jpg" /><input id="p11" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/GPZ/11.jpg" /><input id="p12" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/GPZ/12.jpg" /><input id="p13" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/GPZ/13.jpg" /><input id="p14" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/GPZ/14.jpg" /> <input id="p15" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/GPZ/15.jpg" /><input id="p16" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/GPZ/16.jpg" /><input id="p17" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/GPZ/17.jpg" /><input id="p18" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/GPZ/18.jpg" /><input id="p19" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/GPZ/19.jpg" /><input id="p20" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/GPZ/20.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/GPZ/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/GPZ/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/GPZ/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/GPZ/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/GPZ/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/GPZ/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/GPZ/7.jpg" /> </label><label for="p8"> <img alt="" src="http://gidro.ucoz.net/GPZ/8.jpg" /> </label><label for="p9"> <img alt="" src="http://gidro.ucoz.net/GPZ/9.jpg" /> </label><label for="p10"> <img alt="" src="http://gidro.ucoz.net/GPZ/10.jpg" /> </label><label for="p11"> <img alt="" src="http://gidro.ucoz.net/GPZ/11.jpg" /> </label><label for="p12"> <img alt="" src="http://gidro.ucoz.net/GPZ/12.jpg" /> </label><label for="p13"> <img alt="" src="http://gidro.ucoz.net/GPZ/13.jpg" /> </label><label for="p14"> <img alt="" src="http://gidro.ucoz.net/GPZ/14.jpg" /> </label><label for="p15"> <img alt="" src="http://gidro.ucoz.net/GPZ/15.jpg" /> </label><label for="p16"> <img alt="" src="http://gidro.ucoz.net/GPZ/16.jpg" /> </label><label for="p17"> <img alt="" src="http://gidro.ucoz.net/GPZ/17.jpg" /> </label><label for="p18"> <img alt="" src="http://gidro.ucoz.net/GPZ/18.jpg" /> </label><label for="p19"> <img alt="" src="http://gidro.ucoz.net/GPZ/19.jpg" /> </label><label for="p20"> <img alt="" src="http://gidro.ucoz.net/GPZ/20.jpg" /> </label></font></form> </div> https://gidro.ucoz.net/blog/otkrytoe_zanjatie_po_gpz/2015-06-19-65 Joystick https://gidro.ucoz.net/blog/otkrytoe_zanjatie_po_gpz/2015-06-19-65 Fri, 19 Jun 2015 11:42:15 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/v_minske_na_linii_stalina_i_v_akvaparke/2015-06-19-64"><img height="" src="http://gidro.ucoz.net/MINSKliniua/krat_opis.jpg" width="" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:556px; position:relative; margin:50px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-350px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/MINSKliniua/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/MINSKliniua/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/MINSKliniua/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/MINSKliniua/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/MINSKliniua/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/MINSKliniua/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/MINSKliniua/7.jpg" /> <input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/MINSKliniua/8.jpg" /> <input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/MINSKliniua/9.jpg" /> <input id="p10" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/MINSKliniua/10.jpg" /> <input id="p11" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/MINSKliniua/11.jpg" /> <input id="p12" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/MINSKliniua/12.jpg" /><input id="p13" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/MINSKliniua/13.jpg" /> <input id="p14" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/MINSKliniua/14.jpg" /> <input id="p15" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/MINSKliniua/15.jpg" /> <input id="p16" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/MINSKliniua/16.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/MINSKliniua/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/MINSKliniua/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/MINSKliniua/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/MINSKliniua/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/MINSKliniua/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/MINSKliniua/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/MINSKliniua/7.jpg" /> </label><label for="p8"> <img alt="" src="http://gidro.ucoz.net/MINSKliniua/8.jpg" /> </label><label for="p9"> <img alt="" src="http://gidro.ucoz.net/MINSKliniua/9.jpg" /> </label><label for="p10"> <img alt="" src="http://gidro.ucoz.net/MINSKliniua/10.jpg" /> </label><label for="p11"> <img alt="" src="http://gidro.ucoz.net/MINSKliniua/11.jpg" /> </label> <label for="p12"> <img alt="" src="http://gidro.ucoz.net/MINSKliniua/12.jpg" /> </label><label for="p13"> <img alt="" src="http://gidro.ucoz.net/MINSKliniua/13.jpg" /> </label><label for="p14"> <img alt="" src="http://gidro.ucoz.net/MINSKliniua/14.jpg" /> </label><label for="p15"> <img alt="" src="http://gidro.ucoz.net/MINSKliniua/15.jpg" /> </label><label for="p16"> <img alt="" src="http://gidro.ucoz.net/MINSKliniua/15.jpg" /> </label></font></form> </div> <p>&nbsp;</p> https://gidro.ucoz.net/blog/v_minske_na_linii_stalina_i_v_akvaparke/2015-06-19-64 Joystick https://gidro.ucoz.net/blog/v_minske_na_linii_stalina_i_v_akvaparke/2015-06-19-64 Fri, 19 Jun 2015 11:20:00 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/koncert_vstrecha_s_veteranami/2015-06-19-63"><img height="" src="http://gidro.ucoz.net/VstrecaSveteran/krat_opis.jpg" width="" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:556px; position:relative; margin:50px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-350px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VstrecaSveteran/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VstrecaSveteran/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VstrecaSveteran/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VstrecaSveteran/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VstrecaSveteran/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VstrecaSveteran/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VstrecaSveteran/7.jpg" /> <input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VstrecaSveteran/8.jpg" /> <input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VstrecaSveteran/9.jpg" /> <input id="p10" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VstrecaSveteran/10.jpg" /> <input id="p11" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VstrecaSveteran/11.jpg" /> <input id="p12" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VstrecaSveteran/12.jpg" /><input id="p13" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VstrecaSveteran/13.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/VstrecaSveteran/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/VstrecaSveteran/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/VstrecaSveteran/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/VstrecaSveteran/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/VstrecaSveteran/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/VstrecaSveteran/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/VstrecaSveteran/7.jpg" /> </label><label for="p8"> <img alt="" src="http://gidro.ucoz.net/VstrecaSveteran/8.jpg" /> </label><label for="p9"> <img alt="" src="http://gidro.ucoz.net/VstrecaSveteran/9.jpg" /> </label><label for="p10"> <img alt="" src="http://gidro.ucoz.net/VstrecaSveteran/10.jpg" /> </label><label for="p11"> <img alt="" src="http://gidro.ucoz.net/VstrecaSveteran/11.jpg" /> </label> <label for="p12"> <img alt="" src="http://gidro.ucoz.net/VstrecaSveteran/12.jpg" /> </label><label for="p13"> <img alt="" src="http://gidro.ucoz.net/VstrecaSveteran/13.jpg" /> </label></font></form> </div> <p>&nbsp;</p> https://gidro.ucoz.net/blog/koncert_vstrecha_s_veteranami/2015-06-19-63 Joystick https://gidro.ucoz.net/blog/koncert_vstrecha_s_veteranami/2015-06-19-63 Fri, 19 Jun 2015 11:14:02 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/miting_posvjashhennyj_zazhzheniju_vechnogo_ognja/2015-06-19-62"><img height="" src="http://gidro.ucoz.net/6mau/krat_opis.jpg" width="" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:556px; position:relative; margin:50px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-350px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/6mau/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/6mau/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/6mau/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/6mau/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/6mau/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/6mau/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/6mau/7.jpg" /> <input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/6mau/8.jpg" /> <input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/6mau/9.jpg" /> <input id="p10" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/6mau/10.jpg" /> <input id="p11" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/6mau/11.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/6mau/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/6mau/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/6mau/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/6mau/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/6mau/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/6mau/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/6mau/7.jpg" /> </label><label for="p8"> <img alt="" src="http://gidro.ucoz.net/6mau/8.jpg" /> </label><label for="p9"> <img alt="" src="http://gidro.ucoz.net/6mau/9.jpg" /> </label><label for="p10"> <img alt="" src="http://gidro.ucoz.net/6mau/10.jpg" /> </label><label for="p11"> <img alt="" src="http://gidro.ucoz.net/6mau/11.jpg" /> </label> &gt;</font></form> </div> <p>&nbsp;</p> https://gidro.ucoz.net/blog/miting_posvjashhennyj_zazhzheniju_vechnogo_ognja/2015-06-19-62 Joystick https://gidro.ucoz.net/blog/miting_posvjashhennyj_zazhzheniju_vechnogo_ognja/2015-06-19-62 Fri, 19 Jun 2015 11:05:56 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/fotosessija/2015-05-23-60"><img height="" src="http://gidro.ucoz.net/photoMAU/krt_opis.jpg" width="" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:476px; position:relative; margin:50px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-350px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoMAU/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoMAU/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoMAU/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoMAU/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoMAU/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoMAU/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoMAU/7.jpg" /> <input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoMAU/8.jpg" /> <input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoMAU/9.jpg" /> <input id="p10" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoMAU/10.jpg" /> <input id="p11" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoMAU/11.jpg" /> <input id="p12" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoMAU/12.jpg" /><input id="p13" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photoMAU/13.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/photoMAU/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/photoMAU/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/photoMAU/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/photoMAU/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/photoMAU/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/photoMAU/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/photoMAU/7.jpg" /> </label><label for="p8"> <img alt="" src="http://gidro.ucoz.net/photoMAU/8.jpg" /> </label><label for="p9"> <img alt="" src="http://gidro.ucoz.net/photoMAU/9.jpg" /> </label><label for="p10"> <img alt="" src="http://gidro.ucoz.net/photoMAU/10.jpg" /> </label><label for="p11"> <img alt="" src="http://gidro.ucoz.net/photoMAU/11.jpg" /> </label> <label for="p12"> <img alt="" src="http://gidro.ucoz.net/photoMAU/12.jpg" /> </label><label for="p13"> <img alt="" src="http://gidro.ucoz.net/photoMAU/13.jpg" /> </label></font></form> </div> <p>&nbsp;</p> https://gidro.ucoz.net/blog/fotosessija/2015-05-23-60 Joystick https://gidro.ucoz.net/blog/fotosessija/2015-05-23-60 Sat, 23 May 2015 08:22:10 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/1_maja/2015-05-23-59"><img height="" src="http://gidro.ucoz.net/1mau/krat_opis.jpg" width="" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:476px; position:relative; margin:50px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-350px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1mau/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1mau/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1mau/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1mau/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1mau/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1mau/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1mau/7.jpg" /> <input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1mau/8.jpg" /> <input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1mau/9.jpg" /> <input id="p10" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1mau/10.jpg" /> <input id="p11" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1mau/11.jpg" /> <input id="p12" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1mau/12.jpg" /><input id="p13" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1mau/13.jpg" /><input id="p14" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/1mau/14.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/1mau/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/1mau/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/1mau/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/1mau/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/1mau/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/1mau/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/1mau/7.jpg" /> </label><label for="p8"> <img alt="" src="http://gidro.ucoz.net/1mau/8.jpg" /> </label><label for="p9"> <img alt="" src="http://gidro.ucoz.net/1mau/9.jpg" /> </label><label for="p10"> <img alt="" src="http://gidro.ucoz.net/1mau/10.jpg" /> </label><label for="p11"> <img alt="" src="http://gidro.ucoz.net/1mau/11.jpg" /> </label> <label for="p12"> <img alt="" src="http://gidro.ucoz.net/1mau/12.jpg" /> </label><label for="p13"> <img alt="" src="http://gidro.ucoz.net/1mau/13.jpg" /> </label> <label for="p14"> <img alt="" src="http://gidro.ucoz.net/1mau/14.jpg" /> </label></font></form> </div> https://gidro.ucoz.net/blog/1_maja/2015-05-23-59 Joystick https://gidro.ucoz.net/blog/1_maja/2015-05-23-59 Sat, 23 May 2015 08:01:35 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/vesennjaja_progulka_po_parku/2015-04-23-58"><img height="" src="http://gidro.ucoz.net/VecnaPHOTO/krat_opis.jpg" width="" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:476px; position:relative; margin:50px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-350px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VecnaPHOTO/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VecnaPHOTO/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VecnaPHOTO/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VecnaPHOTO/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VecnaPHOTO/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VecnaPHOTO/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VecnaPHOTO/7.jpg" /> <input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VecnaPHOTO/8.jpg" /> <input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VecnaPHOTO/9.jpg" /> <input id="p10" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VecnaPHOTO/10.jpg" /> <input id="p11" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VecnaPHOTO/11.jpg" /> <input id="p12" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VecnaPHOTO/12.jpg" /><input id="p13" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/VecnaPHOTO/bez_imeni-13.png" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/VecnaPHOTO/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/VecnaPHOTO/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/VecnaPHOTO/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/VecnaPHOTO/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/VecnaPHOTO/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/VecnaPHOTO/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/VecnaPHOTO/7.jpg" /> </label><label for="p8"> <img alt="" src="http://gidro.ucoz.net/VecnaPHOTO/8.jpg" /> </label><label for="p9"> <img alt="" src="http://gidro.ucoz.net/VecnaPHOTO/9.jpg" /> </label><label for="p10"> <img alt="" src="http://gidro.ucoz.net/VecnaPHOTO/10.jpg" /> </label><label for="p11"> <img alt="" src="http://gidro.ucoz.net/VecnaPHOTO/11.jpg" /> </label> <label for="p12"> <img alt="" src="http://gidro.ucoz.net/VecnaPHOTO/12.jpg" /> </label><label for="p13"> <img alt="" src="http://gidro.ucoz.net/VecnaPHOTO/bez_imeni-13.png" /> </label></font></form> </div> <p>http://gidro.ucoz.net/VecnaPHOTO/bez_imeni-13.png</p> https://gidro.ucoz.net/blog/vesennjaja_progulka_po_parku/2015-04-23-58 Joystick https://gidro.ucoz.net/blog/vesennjaja_progulka_po_parku/2015-04-23-58 Thu, 23 Apr 2015 19:40:57 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/repeticija_flesh_mob/2015-04-23-57"><img height="" src="http://gidro.ucoz.net/fleshMOB/krat_opis.jpg" width="" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:450px; position:relative; margin:50px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-350px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/fleshMOB/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/fleshMOB/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/fleshMOB/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/fleshMOB/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/fleshMOB/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/fleshMOB/6.jpg" /><input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/fleshMOB/7.jpg" /><input id="p8" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/fleshMOB/8.jpg" /><input id="p9" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/fleshMOB/9.jpg" /><input id="p10" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/fleshMOB/10.jpg" /><input id="p11" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/fleshMOB/11.jpg" /><input id="p12" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/fleshMOB/12.jpg" /><label for="p1"> <img alt="" src="http://gidro.ucoz.net/fleshMOB/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/fleshMOB/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/fleshMOB/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/fleshMOB/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/fleshMOB/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/fleshMOB/6.jpg" /> </label><label for="p7"> <img alt="" src="http://gidro.ucoz.net/fleshMOB/7.jpg" /> </label><label for="p8"> <img alt="" src="http://gidro.ucoz.net/fleshMOB/8.jpg" /> </label><label for="p9"> <img alt="" src="http://gidro.ucoz.net/fleshMOB/9.jpg" /> </label><label for="p10"> <img alt="" src="http://gidro.ucoz.net/fleshMOB/10.jpg" /> </label><label for="p11"> <img alt="" src="http://gidro.ucoz.net/fleshMOB/11.jpg" /> </label><label for="p12"> <img alt="" src="http://gidro.ucoz.net/fleshMOB/12.jpg" /> </label> </font></form> </div> https://gidro.ucoz.net/blog/repeticija_flesh_mob/2015-04-23-57 Joystick https://gidro.ucoz.net/blog/repeticija_flesh_mob/2015-04-23-57 Thu, 23 Apr 2015 19:12:43 GMT <p style="text-align: center;"><a href="http://gidro.ucoz.net/blog/fotosessija_mart_2015/2015-03-27-56"><img height="" src="http://gidro.ucoz.net/photo2015mapt/krt5.jpg" width="" /></a></p> <p><font align="CENTER"> <style type="text/css">.gallery { width:700px; height:600px; padding-top:476px; position:relative; margin:50px auto; } .gallery form {padding:0; margin:0;} .gallery input {position:absolute; left:-9999px;} .gallery label { display:block; width:88px; height:66px; float:left; margin:5px; opacity:0.7; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; } .gallery label:hover {opacity:1;} .gallery input + img { position:absolute; left:50%; top:0; z-index:50; margin-left:-350px; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50% -120px; -o-transform-origin:50% 50% -200px; transform-origin:50% 50% -200px; } .gallery label img {width:88px; margin:0;} .gallery input:checked + img { opacity:1; -webkit-animation:spin1 1s forwards linear; z-index:100; -o-animation:spin1 1s forwards linear; z-index:100; animation:spin1 1s forwards linear; z-index:100; } .gallery input:not(:checked) + img { -webkit-animation:spin2 1s forwards linear; -o-animation:spin2 1s forwards linear; animation:spin2 1s forwards linear; } @-webkit-keyframes spin1 { 0% {-webkit-transform: perspective(1200px) rotateY(-90deg);} 100% {-webkit-transform: perspective(1200px) rotateY(0deg);} } @-webkit-keyframes spin2 { 0% {-webkit-transform: perspective(1200px) rotateY(0deg);} 100% {-webkit-transform: perspective(1200px) rotateY(90deg);} } @-o-keyframes spin1 { 0% {-o-transform: perspective(1200px) rotateY(-90deg);} 100% {-o-transform: perspective(1200px) rotateY(0deg);} } @-o-keyframes spin2 { 0% {-o-transform: perspective(1200px) rotateY(0deg);} 100% {-o-transform: perspective(1200px) rotateY(90deg);} } @keyframes spin1 { 0% {transform: perspective(1200px) rotateY(-90deg);} 100% {transform: perspective(1200px) rotateY(0deg);} } @keyframes spin2 { 0% {transform: perspective(1200px) rotateY(0deg);} 100% {transform: perspective(1200px) rotateY(90deg);} } </style> </font></p> <div class="gallery"> <form><font align="CENTER"><input checked="checked" id="p1" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photo2015mapt/1.jpg" /> <input id="p2" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photo2015mapt/2.jpg" /> <input id="p3" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photo2015mapt/3.jpg" /> <input id="p4" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photo2015mapt/4.jpg" /> <input id="p5" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photo2015mapt/5.jpg" /> <input id="p6" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photo2015mapt/6.jpg" /> <input id="p7" name="book" type="radio" /> <img alt="" src="http://gidro.ucoz.net/photo2015mapt/7.jpg" /> <label for="p1"> <img alt="" src="http://gidro.ucoz.net/photo2015mapt/1.jpg" /> </label> <label for="p2"> <img alt="" src="http://gidro.ucoz.net/photo2015mapt/2.jpg" /> </label> <label for="p3"> <img alt="" src="http://gidro.ucoz.net/photo2015mapt/3.jpg" /> </label> <label for="p4"> <img alt="" src="http://gidro.ucoz.net/photo2015mapt/4.jpg" /> </label> <label for="p5"> <img alt="" src="http://gidro.ucoz.net/photo2015mapt/5.jpg" /> </label> <label for="p6"> <img alt="" src="http://gidro.ucoz.net/photo2015mapt/6.jpg" /> </label> <label for="p7"> <img alt="" src="http://gidro.ucoz.net/photo2015mapt/7.jpg" /> </label></font></form> </div> https://gidro.ucoz.net/blog/fotosessija_mart_2015/2015-03-27-56 Joystick https://gidro.ucoz.net/blog/fotosessija_mart_2015/2015-03-27-56 Thu, 26 Mar 2015 22:17:51 GMT