−•−• • •−•• −••− •−• •−•− −•• −−− −− −••••− −−• −•• • •••− −••• ••−• •−• •− ••• ••• −•− •− −−•• −•−− •−− •− • − ••• •−− −−− ••−− •• ••• − −−− •−• •• ••−−
[html]<div class="drk"><div class="abc2" id="abc"><p><big><big><big>A-B-C </big></big></big></p></div></div>[/html]
| [html]<div><a href="https://neutralcross.ru/profile.php?id=21" class="abc" id="abc">Astarion</a></div><br> |
| [html]<div><a href="https://neutralcross.ru/profile.php?id=66" class="abc" id="abc">Lilith Cashlin</a></div>[/html] |
| [html] |
[html]<div class="drk"><div class="abc2" id="abc"><p><big><big><big>D-E-F </big></big></big></p></div></div>[/html]
| [html] |
[html]<div class="drk"><div class="abc2" id="abc"><p><big><big><big>G-H-I </big></big></big></p></div></div>[/html]
| [html]<div><a href="https://neutralcross.ru/profile.php?id=17" class="abc" id="abc">Jin Sakai</a></div><br> |
| [html]<div><a href="https://neutralcross.ru/profile.php?id=13" class="abc" id="abc">Cole D. Walker</a></div><br> |
[html]<div class="drk"><div class="abc2" id="abc"><p><big><big><big>J-K-L </big></big></big></p></div></div>[/html]
| [html]<div><a href="https://neutralcross.ru/profile.php?id=51" class="abc" id="abc">Caitlyn Kiramman</a></div><br> |
[html]<div class="drk"><div class="abc2" id="abc"><p><big><big><big>M-N-O </big></big></big></p></div></div>[/html]
| [html] |
[html]<div class="drk"><div class="abc2" id="abc"><p><big><big><big>P-Q-R-S </big></big></big></p></div></div>[/html]
| [html]<div><a href="https://neutralcross.ru/profile.php?id=94" class="abc" id="abc">Iris fon Dorn </a></div><br> |
| [html]<div><a href="https://neutralcross.ru/profile.php?id=10" class="abc" id="abc">Kaito Hattori</a></div><br> |
| [html] |
| [html]<div><a href="https://neutralcross.ru/profile.php?id=99" class="abc" id="abc">Ada Wong</a></div><br> |
| [html]<div><a href="https://neutralcross.ru/profile.php?id=67" class="abc" id="abc">Cinder Fall</a></div><br> |
| [html]<div><a href="https://neutralcross.ru/profile.php?id=52" class="abc" id="abc">Jill Jelicko</a></div><br>[/html] |
[html]<div class="drk"><div class="abc2" id="abc"><p><big><big><big>T-U-V </big></big></big></p></div></div>[/html]
| [html] <div><a href="https://neutralcross.ru/profile.php?id=73" class="abc" id="abc">Wednesday Addams</a></div>[/html] |
| [html]<div><a href="https://neutralcross.ru/profile.php?id=92" class="abc" id="abc">Ruby the Dragonborn</a></div><br> |
| [html]<div><a href="https://neutralcross.ru/profile.php?id=43" class="abc" id="abc">Carol Peletier</a></div>[/html] |
| [html]<div><a href="https://neutralcross.ru/profile.php?id=44" class="abc" id="abc">RAM</a></div>[/html] |
[html]<div class="drk"><div class="abc2" id="abc"><p><big><big><big>W-X-Y-Z </big></big></big></p></div></div>[/html]
[html]<style>
.abc a {
position: relative;
transition: .3s ease-in-out;
}
.abc:before {
content: " ";
}
.abc {
text-decoration: none;
padding: 5px 10px;
letter-spacing: 1px;
margin: 0 20px;
font-size: 9px;
font-weight: bold;
color: #34495e;
line-height: 1.2;
position: relative;
padding: 5px 14px;
text-transform: uppercase;
}
.abc:after {
content: "";
height: 100%;
min-width: 4px;
background: #34495e;
position: absolute;
left: 0;
bottom: 0;
transition: .5s;
}
.abc:hover:after {
min-width: 100%;
background: #95a5a6;
opacity: .35;
}
.abc a {
position: relative;
transition: .3s ease-in-out;
}
.abc2 {
text-decoration: none;
letter-spacing: 1px;
margin: 0 20px;
font-size: 14px;
font-family: 'Binaria';
font-weight: bold;
color: #eef3f7;
line-height: 1.2;
position: relative;
padding: 11px 0px 1px 100px;
text-transform: uppercase;
}
.abc2:after {
content: "";
height: 100%;
min-width: 4px;
background: #b4d2f1;
position: absolute;
left: 0;
bottom: 0;
transition: .5s;
}
.abc2:hover:after {
min-width: 100%;
background: #95a5a6;
opacity: .35;
}
.drk {
position:relative;
height:43px;
clip-path: polygon(2% 0, 98% 0, 100% 33%, 100% 66%, 98% 100%, 2% 100%, 0 66%, 0 33%);
background: linear-gradient(277deg, rgba(19,42,99,0.2) 0%, rgba(7,29,40,0.8) 100%);
}
</style>[/html]
