СПИСОК ПРОФЕССИЙ |
Код:
<!--HTML-->
<style>
/* GALLERY */
.gallinks { color: #231511; font: 10px/100% arial; padding: 10px; text-align: justify; text-transform: lowercase; }
.gallinks b { color: #231511; font: bold 10px/100% georgia; }
.gallinks a { font: 9px/100% lekton; text-transform: uppercase; }
.ac-container{ width: 400px; }
.ac-container label{ border-bottom: 1px solid #231511; color: #231511; display: inline-block; font: italic 20px/100% average; letter-spacing: -1px; padding: 5px 5px 1px 5px; text-align: left; text-transform: lowercase; }
.ac-container label:hover{ border-bottom: 1px solid #ad9a59; }
.ac-container input:checked + label,
.ac-container input:checked + label:hover{ border-bottom: 1px solid #231511; color: #000; display: inline-block; font: italic 20px/100% average; letter-spacing: -1px; padding: 5px 5px 1px 5px; text-align: left; text-transform: lowercase; }
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after { content: ''; position: absolute; }
.ac-container input { display: none; }
.ac-container article { background: url(--); margin-top: -1px; overflow: hidden; height: 0px; position: relative; z-index: 10; -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; transition: height 0.3s ease-in-out, box-shadow 0.6s linear; }
.ac-container input:checked ~ article{ -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; transition: height 0.5s ease-in-out, box-shadow 0.1s linear; }
.ac-container input:checked ~ article.ac-small { height: 300px; overflow: auto; }
.ac-small::-webkit-scrollbar { background: url(--); width: 6px; }
.ac-small::-webkit-scrollbar-thumb { background: #231511; }
</style>
<center>
<div id="wyattsgallery">
<div class="leftgallery">
<section class="ac-container">
<div><input id="ac-1" name="accordion-1" type="radio" checked />
<label for="ac-1">ГОРОДСКИЕ СЛУЖБЫ</label>
<article class="ac-small">
<div class="gallinks">
<i><center><i>Aspen Valley Hospital [больница]</i><br>
<b><a href="http://youraspen.rusff.me/profile.php?id=3">marcy may</a> - детский психолог</b><br>
<b><a href="http://youraspen.rusff.me/profile.php?id=13">isabelle rosen</a> - интерн, отделение онкологии</b><br>
<b><a href="http://youraspen.rusff.me/profile.php?id=17">fleur barnett</a> - медсестра</b><br>
<b><a href="http://youraspen.rusff.me/profile.php?id=53">richard bain</a> - хирург-травматолог</b> (до 2015, далее безработный)<br>
<br>
<i>Aspen Police Department [полиция]</i><br>
<br>
<i>The Pitkin County Sheriff's Department [департамент шерифа Питкина]</i><br>
<b><a href="http://youraspen.rusff.me/profile.php?id=10">Erik Hunt</a> - шериф</b><br>
<br>
<i>Aspen Fire Department [пожарные]</i><br>
<br>
<i>Aspen City Mayor [мэрия в Аспене]</i><br>
<br>
<i>Aspen Municipal Court [городской суд]</i><br>
<br>
<i>Community Banks of Colorado [банк]</i><br>
<br>
<i>Aspen Public Radio [радио]</i><br>
<b><a href="http://youraspen.rusff.me/profile.php?id=12">ian barclay</a> - RJ</b><br>
<br>
<i>Pitkin County Jail [тюрьма]</i><br>
<br>
<i>The Aspen Times [газетное издательство]</i><br>
<b><a href="http://youraspen.rusff.me/profile.php?id=29">drummond j. dayton</a> - корректор в газете, писатель</b><br>
<b><a href="http://youraspen.rusff.me/profile.php?id=52">ida mertens</a> - дизайнер полиграфии</b><br></center>
</div>
</article></div>
<div><input id="ac-2" name="accordion-1" type="radio" checked />
<label for="ac-2">ОБРАЗОВАНИЕ</label>
<article class="ac-small">
<div class="gallinks">
<center><i>High School [старшая школа]</i><br>
<br>
<i>Aspen Elementary School [начальная школа]</i><br>
<br>
наставник скаутского отряда - ma soul<br>
<b><a href="http://youraspen.rusff.me/profile.php?id=23">phyllis ewing</a> - преподаватель английского и литературы</b><br>
<br>
<i>Aspen Country Day School [частная школа]</i><br>
<br>
<i>Aspen Music Festival & School [музыкальная школа]</i><br>
<br>
<i>Ski School [лыжная школа]</i><br></center>
</div>
</article></div>
<div><input id="ac-3" name="accordion-1" type="radio" checked />
<label for="ac-3">СПОРТ</label>
<article class="ac-small">
<div class="gallinks">
<center><i>Aspen Golf & Tennis Club [теннисный корт]</i><br>
<br>
<i>Aspen Golf Club [гольф клуб]</i><br>
<br>
<i>Aspen Shakti Shala [студия йоги]</i><br>
<br>
<i>Aspen Gymnastics [гимнастический центр]</i><br>
<b><a href="http://youraspen.rusff.me/profile.php?id=41">Christin Black</a> - тренер в спорт.комплексе</b><br></center>
</div>
</article></div>
<div><input id="ac-4" name="accordion-1" type="radio" checked />
<label for="ac-4">ОБЩЕПИТ</label>
<article class="ac-small">
<div class="gallinks">
<center><i>47-й элемент [кафе-бар]</i><br>
<br>
<i>Zane's Tavern [бар]</i><br>
<br>
<i>Jimmy's [ресторан американской кухни]</i><br>
<b><a href="http://youraspen.rusff.me/profile.php?id=16">susan holiday</a> - официантка</b><br>
<br>
<i>Hooch Craft Cocktail Bar [бар]</i><br>
<br>
<i>Ellina [ресторан новой американской кухни]</i><br></center>
</div>
</article></div>
<div><input id="ac-5" name="accordion-1" type="radio" checked />
<label for="ac-5">УСЛУГИ</label>
<article class="ac-small">
<div class="gallinks">
<center><i>Aspen Colorado Travel - Ski Lodging Deals & Vacation Packages [туристический центр]</i><br>
<b><a href="http://youraspen.rusff.me/profile.php?id=9">abel fields</a> - тренер по сноуборду</b><br>
<b><a href="http://youraspen.rusff.me/profile.php?id=5">josh gallagher</a> - инструктор по скалолазанию</b><br>
<br>
<i>Aspen Whitewater Rafting [снаряжение для рафтинга]</i><br>
<br>
<i>Aspen Property Management [ремонтно-эксплуатационное управление]</i><br>
<br>
<i>Carl's Pharmacy [аптека]</i><br>
<br>
<i>Aspen's Veterinary "Red Panda" [ветеринарная клиника "Красная Панда"]</i><br>
<br>
<i>Palladium Properties [агенство недвижимости]</i><br>
<br>
<i>Dancing Bear Aspen [компания-застройщик]</i><br>
<br>
<i>Aspen Limo Services [прокат лимузинов]</i><br>
<br>
<i>Mom's Day Off [агентство по уходу за ребенком]</i><br>
<br>
<i>Millennium Pack & Ship [служба доставки]</i><br>
<br>
<i>Full Circle Aspen [салон красоты]</i><br>
<br>
<i>Aspen Bike Tours & Rentals [прокат велосипедов]</i><br>
<br>
<i>Hot Jobs [агентство по временному трудоустройству]</i><br>
<br>
<i>Heaven on Earth [спа-салон]</i><br>
<br>
<i>Polished Salon Aspen [салон красоты]</i><br>
<br>
<i>The Inn at Aspen [бассейн]</i><br>
<br>
<i>Conundrum Catering Co [кейтеринг]</i><br>
<br>
<i>Aspen Caterers and Aspen Party Rentals [организация праздников]</i><br>
<br>
<i>Aspen Alps Health Spa & Fitness Center [оздоровительный центр]</i><br>
<br>
<i>Aspen Heli Charter [вертолетное экскурсионное агентство]</i><br>
<br>
<i>D & D Auto Repair [автомастерская]</i><br>
<b><a href="http://youraspen.rusff.me/profile.php?id=8">matilda onk</a> - механик</b><br></center>
</div>
</article></div>
<div><input id="ac-6" name="accordion-1" type="radio" checked />
<label for="ac-6">МАГАЗИНЫ</label>
<article class="ac-small">
<div class="gallinks">
<center><i>Ajax: The Ski Shop [лыжный магазин]</i><br>
<br>
<i>Alderfer's Antiques of Aspen [антикварный магазин]</i><br>
<br>
<i>Jewelry Store [ювелирный магазин]</i><br>
<b><a href="http://youraspen.rusff.me/profile.php?id=26">Edward Köster</a> - Ювелир (оценщик), путешественник</b><br>
<br>
<i>Sugar Sweet Clothing [магазин одежды]</i><br>
<br>
<i>Aspen Sports - Gondola Plaza [магазин туристического снаряжения]</i><br>
<br>
<i>The Sports Center [магазин спорттоваров]</i><br>
<br>
<i>Taylor Creek Fly Shops Inc [магазин рыболовных товаров]</i><br>
<br>
<i>Green Dragon Cannabis [магазин марихуаны]</i><br>
<br>
<i>Rocky Mountain Pet Shop [зоомагазин]</i><br>
<br>
<i>Sashae Floral Arts & Gifts [цветочный магазин]</i><br>
<br>
<i>Up Snowboard Rentals [магазин сноубордов]</i><br></center>
</div>
</article></div>
<div><input id="ac-7" name="accordion-1" type="radio" checked />
<label for="ac-7">ОТЕЛИ</label>
<article class="ac-small">
<div class="gallinks">
<center><i>Hotel Aspen [3 звезды]</i><br>
<br>
<i>Mountain Chalet Aspen [3 звезды]</i><br>
<br>
<i>Hyatt Grand Aspen, A Hyatt Residence Club [4 звезды]</i><br>
<br>
<i>Limelight Hotel [4 звезды]</i><br>
<br>
<i>The Innsbruck [4 звезды]</i><br>
<br>
<i>The Little Nell [5 звезд]</i><br>
<b><a href="http://youraspen.rusff.me/profile.php?id=4">Алекс Граймс (Макс)</a> - владелец</b><br>
<br>
<i>The St. Regis Aspen Resort [5 звезд]</i><br></center>
</div>
</article></div>
</section>
</div>
<div>
</center>Код:
<b><a href="ссылка_на_профиль">имя</a> - должность</b><br>
