Код:
<!--HTML-->
<style type="text/css">
.ldr-young a {
margin: 270px 380px;
padding: 18px 20px;
text-align:center;
background-color:#cccccc;
color:#fcfcfc;
}
.ldr-young a::before, .ldr-young a::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: #fff;
content:'';
opacity: 0.2;
-webkit-transition: opacity 0.3s, height 0.3s;
-moz-transition: opacity 0.3s, height 0.3s;
transition: opacity 0.3s, height 0.3s;
}
.ldr-young a::after {
top: 100%;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.ldr-young a span:first-child {
z-index: 2;
display: block;
font-weight: 300;
color:#fcfcfc;
}
.ldr-young a span:last-child {
z-index: 1;
display: block;
padding: 2px 0 0 0;
color: rgba(0, 0, 0, 0.4);
text-shadow: none;
text-align:center;
text-transform: none;
font-style: italic;
font-size: 0.75em;
font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%);
}
.ldr-young a:hover::before, .ldr-young a:focus::before {
height: 6px;
}
.ldr-young a:hover::before, .ldr-young a:hover::after, .ldr-young a:focus::before, .ldr-young a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
.ldr-young a:hover span:last-child, .ldr-young a:focus span:last-child {
opacity: 1;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
transform: translateY(0%);
}
.ldr-beautiful:hover .ldr-and {opacity:1}
nav a {
position: relative;
display: inline-block;
margin: 0px 2px;
outline: none;
color: #fff;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 400;
text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
font-size: 1.35em;
}
nav a:hover, nav a:focus {
outline: none;
}
.ldr-and {
height:650px;
width:330px;
background-color:rgb(255,255,255,0.8);
background-color:rgba(255,255,255,0.8);
float:left;
margin-top:-600px;
margin-left:10px;
border-bottom:1px solid #cccccc;
padding:5px; text-align:justify;
font-family: calibri;
font-size:12px;
line-height:97%;
opacity:0; -moz-transition: all 0.9s ease-in-out;
-webkit-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
text-indent:20px;
overflow:auto;
}
.ldr-beautiful {
width:500px;
height:700px;
background-color:#191919;
background-image:url(http://i9.pixs.ru/storage/0/7/9/tumblrmy2o_8135033_22457079.gif);
}
.ldr-and ::-webkit-scrollbar {
width: 5px;
}
/* Track */
.ldr-and ::-webkit-scrollbar-track {
background-color:#cccccc;
}
/* Handle */
.ldr-and ::-webkit-scrollbar-thumb {
background-color:#fcfcfc;
}
.codesbymerc {
font-family:calibri;
font-size:8px;
color:#191919;
}
.codesbymerc a {
color:#191919;
font-style:italic;
text-decoration:none;
}
</style>
<center>
<div class="ldr-beautiful">
<nav class="ldr-young" id="ldr-young">
<a href="#ldr-young">
<span>Jobs</span>
<span>personnel department</span></a>
</nav>
<div class="ldr-and">
Мэр города (1) - <br>
Заместитель мэра - <br>
Член городского совета - <br>
Сенатор - <br><br>
Лидер организованной преступной группировки -<br>
Член организованной преступной группировки -<br>
Наркобароны - <a href="https://garland.rusff.me/profile.php?id=17">Kory Dixon</a><br>
Контрабандисты -<br>
Наркодилеры - <a href="https://garland.rusff.me/profile.php?id=35"> James Hardman</a>, <a href="https://garland.rusff.me/profile.php?id=8"> Orrin Bezzard</a>, <a href="https://garland.rusff.me/profile.php?id=13">Robert Hardman</a><br>
Воры -<br>
Торговцы оружием -<br>
Киллеры - <br>
Наемные убийцы - <a href="https://garland.rusff.me/profile.php?id=26"> David Weather </a>, <a href="https://garland.rusff.me/profile.php?id=10"> Charles Bargeman </a><br>
Чистильщик -<br>
Байкеры - <br><br>
Владелец клуба -<br>
Бармены -<a href="https://garland.rusff.me/profile.php?id=34"> David Dawenport</a>, <a href="https://garland.rusff.me/profile.php?id=16">Chad Dalton </a>, <a href="https://garland.rusff.me/profile.php?id=22">Grace Newman</a><br>
Официанты - <a href="https://garland.rusff.me/profile.php?id=18"> Lily Baker </a><br>
Охрана -<br>
Модели - <br>
Фотографы -<br>
Писатели -<a href="https://garland.rusff.me/profile.php?id=37"> Daniel Aldridge </a><br>
Журналисты - <a href="https://garland.rusff.me/profile.php?id=11"> Rashel Maren </a>, <a href="https://garland.rusff.me/profile.php?id=43"> Julie Reeves </a>
<br>
Продавцы - <br>
Военнослужащие -<br><br>
Ректор - <br>
Помощник ректора - <br>
Проректор - <br>
Деканы - <br>
Зам. декана - <br>
Преподаватели - <a href="https://garland.rusff.me/profile.php?id=37"> Daniel Aldridge </a><br>
Персонал - <br>
Студенты - <a href="https://garland.rusff.me/profile.php?id=32"> Christopher Allford </a>, <a href="https://garland.rusff.me/profile.php?id=25">Irma Butler</a>,<a href="https://garland.rusff.me/profile.php?id=13">Robert Hardman</a>
<br>
Директор - <br>
Завуч -<br>
Учителя -<br>
Ученики -<br>
Библиотекарь - <a href="https://garland.rusff.me/profile.php?id=25">Irma Butler</a><br><br>
Городской судья -<br>
Окружной прокурор -<br>
Помощники прокурора -<br>
Адвокаты -<br>
Судебные приставы -<br>
Глава департамента -<br>
Начальники подразделений -<br>
Капитаны - <br>
Лейтенанты -<br>
Сержанты - <a href="https://garland.rusff.me/profile.php?id=36"> Toby Hardman </a><br>
Детективы -<br>
Офицеры -<br>
Эксперты -<br>
Криминалисты -<br>
Инспектор -<br>
Шеф -<br>
Шеф полиции -<br>
Помощник комиссара -<br>
Комиссар -<br><br>
Главный врач - <br>
Заместитель главного врача - <br>
Главный хирург - <br>
Хирурги -<br>
Неонатолог -<br>
Нейрохирург -<br>
Кардиохирург -<br>
Травматолог -<br>
Невролог -<br>
Анестезиолог -<br>
Реаниматолог -<br>
Онколог - <a href="https://garland.rusff.me/profile.php?id=19">Maryl Evans</a><br>
Кардиолог - <br>
Стоматолог - <br>
Психотерапевт - <br>
Психиатр - <br>
Патологоанатом -<br>
Гинеколог -<br>
Терапевты - <br>
Лаборанты - <br>
Психолог - <br>
Венеролог - <br>
Медсестры - <br>
Интерны - <br>
Ординаторы - <br>
Инфекционист - <br>
Врач отделения скорой помощи- <br>
Детский хирург -<br>
</div>
</center>Код:
Your Job | <a href="profile link"> your name </a>
$2")
}}
