.
Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css'> <style type="text/css"> .scroll::-webkit-scrollbar { background: #494949; width: 10px; } .scroll::-webkit-scrollbar-thumb { background: #1b3e32; width: 10px } .scroll::-webkit-scrollbar-corner { background: #494949; } </style> <style type="text/css">#cappy4 {width: 100px; height: 100px; border: 2px dashed #232221; position: relative; overflow: hidden;} #cappy4 .page { transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute; left: 0px; bottom: 0px; width: 100px; height: 100px;} #cappy4:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; left: -100px;}</style> <style type="text/css">#cappy3 {width: 100px; height: 100px; border: 2px dashed #232221; position: relative; overflow: hidden;} #cappy3 .page { transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute; left: 0px; bottom: 0px; width: 100px; height: 100px;} #cappy3:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; left: -100px;}</style> <style type="text/css">#cappy1 {width: 100px; height: 100px; border: 2px dashed #232221; position: relative; overflow: hidden;} #cappy1 .page { transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute; right: 0px; bottom: 0px; width: 100px; height: 100px;} #cappy1:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; right: -100px;}</style> <style type="text/css">#cappy2 {width: 100px; height: 100px; border: 2px dashed #232221; position: relative; overflow: hidden;} #cappy2 .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute; left: 0px; bottom: 0px; width: 100px; height: 100px;} #cappy2:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; left: -100px;}</style> <center> <div style="width: 500px; height: 210px; background-color: #ECE5CE; background-image: url(http://i.imgur.com/OLIoi12.png); background-repeat: repeat; border: solid 10px #9c3d3d; padding: 25px;"><div style="width: 500px; height: 210px; background-color: #ECE5CE;"> <div style="width: 300px; height: 45px; text-align: center; font-family: Euphoria Script; font-size: 50px; color: #590808; padding-bottom: 5px;"> <b>We say goodbye</b> </div> <div style="width: 500px; height: 20px; background-color: #9c3d3d; padding-bottom: 5px; font-family: AA Bebas Neue; font-size: 18px; color: white; text-transform: uppercase; text-align: center; padding-top: 2px; padding-bottom: 2px;"> ЗДЕСЬ МЫ ПРОЩАЕМСЯ С ИГРОКАМИ, КОТОРЫЕ ПОКИНУЛИ НАС! </div> <div style="width: 500px; height: 130px; background-color: #fff; font-family: georgia; font-size: 14px; line-height: 12px; color: #353535; text-align: center; padding: 0px; overflow: auto;" class="scroll"> <br> <br> <b> • </b> Это самая грустная тема форума, но, увы, без неё никак не обойтись. Здесь, к сожалению, мы прощаемся с игроками, которые покинули нас либо по собственному желанию, либо человека долго не было в списке активных пользователей.<br> <b> • </b> Обязательно отслеживайте данную тему, так как здесь вы можете не только узнать список должников, но и список освобождённых внешностей.<br> </div> </td> </tr></table><br> </div> </div></div> </center>