ОБЪЯВЛЕНИЯ ОТ АДМИНИСТРАЦИИ
[html]
<style>
table.episode{
width: 100%;
border-collapse:collapse;
border: 2px solid!important;
border-spacing:0;
height: auto;
background-image:url("https://i.imgur.com/Tpqfnlk.jpg");
background-size: 606px;
}
table.episode,table.episode td, table.episode th {
border: 3px solid #595959;
}
table.episode td,table.episode th {
padding: 3px;
height: 35px;
}
table.episode th {
color: #fff;
font-weight: normal;
}
</style>
[/html]
[html]<style>
.column {
margin: 0px 26px 0;
padding: 0;
}
.column:last-child {
padding-bottom: 1px;
}
.column::after {
content: '';
clear: both;
display: block;
}
.column div {
position: relative;
float: left;
width: 60px;
height: 60px;
margin: 0 0 0 25px;
padding: 0;
}
.column div:first-child {
margin-left: 0;
}
.column div span {
position: absolute;
bottom: -20px;
left: 0;
z-index: -1;
display: block;
margin: 0;
padding: 0;
font-size: 18px;
text-decoration: none;
text-align: center;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
opacity: 0;
}
figure {
width: 60px;
height: 60px;
border: 3px solid;
border-radius: 50%;
border-color: #0a9bb3;
margin: 0;
padding: 0;
overflow: hidden;
}
figure:hover+span {
bottom: -36px;
opacity: 1;
}
.hover14 figure {
position: relative;
}
.hover14 figure::before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.hover14 figure:hover::before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
</style>[/html]
