Календарь " Shut up!" ‡хорошо забытое старое
Страница: 1
Сообщений 1 страница 5 из 5
Поделиться22015-03-01 02:39:31
Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Raleway:100|Stint+Ultra+Expanded' rel='stylesheet' type='text/css' /> <style type="text/css"> .strawberryswiqw { position:relative; width:400px; height:400px; background-color:#feed65; overflow:hidden; webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .strawberryswiqw-first-letters { height:10px; font-size:20px; line-height:20px; overflow:hidden; font-family:Stint Ultra Expanded; color:#fff; } .strawberryswiqw-last-letters { padding-top:0px; height:10px; font-size:20px; line-height:0px; overflow:hidden; font-family:Stint Ultra Expanded; color:#fff; } .strawberryswiqw-first { position:absolute; top:0px; width:400px; height:10px; padding-top:190px; webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .strawberryswiqw-mid { position:absolute; top:25px; left:25px; width:350px; height:350px; background-color:#fff; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .strawberryswiqw-last { position:absolute; top:200px; width:400px; height:200px; webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .strawberryswiqw:hover { background-color:#a1acaa ; webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .strawberryswiqw:hover .strawberryswiqw-first { top:-180px; webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .strawberryswiqw:hover .strawberryswiqw-last { top:380px; webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .strawberryswiqw:hover .strawberryswiqw-mid { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } </style><center> <div style='width:400px; height:400px; padding:25px; background-image:url(http://funkyimg.com/i/21BT6.png); border:1px solid #efefef;'><div class='strawberryswiqw'> <div class='strawberryswiqw-first'><div class='strawberryswiqw-first-letters'>MARCH</div></div> <div class='strawberryswiqw-mid' style='background-image:url(http://funkyimg.com/i/21BT7.png)'><div style='width:310px; height:310px; color:#000; background-color:#fff; opacity:.8; padding:20px; font-family:garamond; font-size:12px; text-align:justify; line-height:100%; letter-spacing:1px;'> <center><br><br><br><br><br><br><br><br> <b>1 марта</b> - День кошек<br> <b>3 марта</b> -День писателей<br> <b>8 марта</b> - Международный женский день<br> <b>9 марта</b> - Всемирный день ди-джеев<br> <b>17 марта</b> - День Св. Патрика<br> <b>20 марта</b> - Международный день счастья<br> <b>23 марта</b> - День метеорологии <br> <b>27 марта</b> - Всемирный день театра<br> <b>30 марта</b> - День защиты Земли<br> </center> </div></div> <div class='strawberryswiqw-last'><div class='strawberryswiqw-last-letters'>MARCH</div></div> </div></div><div style='margin-top:8px; width:450px; text-align:center; font-family:calibri; font-size:8px; color:#777; line-height:100%; letter-spacing:4px;'></div></center>
Поделиться32015-04-03 23:03:28
Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Raleway:100|Stint+Ultra+Expanded' rel='stylesheet' type='text/css' /> <style type="text/css"> .strawberryswirt { position:relative; width:400px; height:400px; background-color:#feed65; overflow:hidden; webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .strawberryswirt-first-letters { height:10px; font-size:20px; line-height:20px; overflow:hidden; font-family:Stint Ultra Expanded; color:#fff; } .strawberryswirt-last-letters { padding-top:0px; height:10px; font-size:20px; line-height:0px; overflow:hidden; font-family:Stint Ultra Expanded; color:#fff; } .strawberryswirt-first { position:absolute; top:0px; width:400px; height:10px; padding-top:190px; webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .strawberryswirt-mid { position:absolute; top:25px; left:25px; width:350px; height:350px; background-color:#fff; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .strawberryswirt-last { position:absolute; top:200px; width:400px; height:200px; webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .strawberryswirt:hover { background-color:#dc5b84 ; webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .strawberryswirt:hover .strawberryswirt-first { top:-180px; webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .strawberryswirt:hover .strawberryswirt-last { top:380px; webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .strawberryswirt:hover .strawberryswirt-mid { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } </style><center> <div style='width:400px; height:400px; padding:25px; background-image:url(http://funkyimg.com/i/21BSe.png); border:1px solid #efefef;'><div class='strawberryswirt'> <div class='strawberryswirt-first'><div class='strawberryswirt-first-letters'>APRIL</div></div> <div class='strawberryswirt-mid' style='background-image:url(http://funkyimg.com/i/21BSi.png)'><div style='width:310px; height:310px; color:#000; background-color:#fff; opacity:.8; padding:20px; font-family:garamond; font-size:12px; text-align:justify; line-height:100%; letter-spacing:1px;'> <center><br><br><br><br><br><br><br> <b>1 апреля</b> - День смеха<br> <b>7 апреля</b> - Всемирный день здоровья<br> <b>11 апреля</b> - День супергероя<br> <b>12 апреля</b> - Пасха<br> <b>12 апреля</b> - День космонавтики<br> <b>13 апреля</b> - День рок-н-ролла<br> <b>14 апреля</b> - День птиц <br> <b>18 апреля</b> - Всемирный день радиолюбителя <br> <b>19 апреля</b> - День подснежника<br> <b>20 апреля</b> - Национальный день донора в России<br> <b>22 апреля</b> - Международный день Земли<br> <b>29 апреля</b> - Всемирный день танца<br> <b>30 апреля</b> - День пожарной охраны в России<br> </center> </div></div> <div class='strawberryswirt-last'><div class='strawberryswirt-last-letters'>APRIL</div></div> </div></div><div style='margin-top:8px; width:450px; text-align:center; font-family:calibri; font-size:8px; color:#777; line-height:100%; letter-spacing:4px;'></div></center>
Поделиться42015-05-04 01:25:02
Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Raleway:100|Stint+Ultra+Expanded' rel='stylesheet' type='text/css' /> <style type="text/css"> .strawberryswing { position:relative; width:400px; height:400px; background-color:#feed65; overflow:hidden; webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .strawberryswing-first-letters { height:10px; font-size:20px; line-height:20px; overflow:hidden; font-family:Stint Ultra Expanded; color:#fff; } .strawberryswing-last-letters { padding-top:0px; height:10px; font-size:20px; line-height:0px; overflow:hidden; font-family:Stint Ultra Expanded; color:#fff; } .strawberryswing-first { position:absolute; top:0px; width:400px; height:10px; padding-top:190px; webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .strawberryswing-mid { position:absolute; top:25px; left:25px; width:350px; height:350px; background-color:#fff; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .strawberryswing-last { position:absolute; top:200px; width:400px; height:200px; webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .strawberryswing:hover { background-color:#78B2BF; webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .strawberryswing:hover .strawberryswing-first { top:-180px; webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .strawberryswing:hover .strawberryswing-last { top:380px; webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .strawberryswing:hover .strawberryswing-mid { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } </style><center> <div style='width:400px; height:400px; padding:25px; background-image:url(http://funkyimg.com/i/21BRf.png); border:1px solid #efefef;'><div class='strawberryswing'> <div class='strawberryswing-first'><div class='strawberryswing-first-letters'>MAY</div></div> <div class='strawberryswing-mid' style='background-image:url(http://funkyimg.com/i/21BRh.png)'><div style='width:310px; height:310px; color:#000; background-color:#fff; opacity:.8; padding:20px; font-family:garamond; font-size:12px; text-align:justify; line-height:100%; letter-spacing:1px;'> <center><br><br><br><br><br><br><br> <b>1 мая</b> - Первомай<br> <b>3 мая</b> - Всемирный день солнца<br> <b>7 мая</b> - День радио<br> <b>9 мая</b> - День победы является в России, бывших советских республиках и многих странах Европы одним из самых важных, трогательных и славных праздников<br> <b>12 мая</b> - Международный день медицинской сестры<br> <b>12 мая</b> - День экологического образования <br> <b>18 мая</b> - Международный день музеев <br> <b>31 мая</b> - Всемирный день блондинок<br></center> </div></div> <div class='strawberryswing-last'><div class='strawberryswing-last-letters'>MAY</div></div> </div></div><div style='margin-top:8px; width:450px; text-align:center; font-family:calibri; font-size:8px; color:#777; line-height:100%; letter-spacing:4px;'></div></center>
Поделиться52015-08-31 20:15:52
Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Raleway:100|Stint+Ultra+Expanded' rel='stylesheet' type='text/css' /> <style type="text/css"> .strawberryswign { position:relative; width:400px; height:400px; background-color:#f74e30; overflow:hidden; webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .strawberryswign-first-letters { height:10px; font-size:20px; line-height:20px; overflow:hidden; font-family:Stint Ultra Expanded; color:#fff; } .strawberryswign-last-letters { padding-top:0px; height:10px; font-size:20px; line-height:0px; overflow:hidden; font-family:Stint Ultra Expanded; color:#fff; } .strawberryswign-first { position:absolute; top:0px; width:400px; height:10px; padding-top:190px; webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .strawberryswign-mid { position:absolute; top:25px; left:25px; width:350px; height:350px; background-color:#fff; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .strawberryswign-last { position:absolute; top:200px; width:400px; height:200px; webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .strawberryswign:hover { background-color:#B3D01C; webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .strawberryswign:hover .strawberryswign-first { top:-180px; webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .strawberryswign:hover .strawberryswign-last { top:380px; webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .strawberryswign:hover .strawberryswign-mid { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } </style><center> <div style='width:400px; height:400px; padding:25px; background-image:url(http://funkyimg.com/i/21BLs.jpg); border:1px solid #efefef;'><div class='strawberryswign'> <div class='strawberryswign-first'><div class='strawberryswign-first-letters'>SEPTEMBER</div></div> <div class='strawberryswign-mid' style='background-image:url(http://funkyimg.com/i/21BKX.jpg)'><div style='width:310px; height:310px; color:#000; background-color:#fff; opacity:.8; padding:20px; font-family:garamond; font-size:12px; text-align:justify; line-height:100%; letter-spacing:1px;'> <center><br><br><br><br><br> <b>1 сентября</b> - День знаний<br> <b>9 сентября</b> - Международный день красоты<br> <b>9 сентября</b> - День дизайнера-графика в России<br> <b>11 сентября</b> - Всероссийский День Трезвости<br> <b>12 сентября</b> - Всемирный день оказания первой медицинской помощи<br> <b>13 сентября</b> - День программиста в России <br> <b>13 сентября</b> - День парикмахера в России <br> <b>13 сентября</b> - Всемирный день журавля<br> <b>19 сентября</b> - День рождения «Смайлика»<br> <b>21 сентября</b> - Международный день мира<br> <b>22 сентября</b> - Всемирный день без автомобиля<br> <b>24 сентября</b> - Всемирный день моря<br> <b>25 сентября</b> - Национальный день комиксов в США <br> <b>29 сентября</b> - Всемирный день сердца<br> <b>30 сентября</b> - День интернета в России<br></center> </div></div> <div class='strawberryswign-last'><div class='strawberryswign-last-letters'>SEPTEMBER</div></div> </div></div><div style='margin-top:8px; width:450px; text-align:center; font-family:calibri; font-size:8px; color:#777; line-height:100%; letter-spacing:4px;'></div></center>
Страница: 1