— 100 зубковКод:
[theloop]
<style>
div#mainTown{
background: url() rgba(0, 0, 0, 0.1);
width: 90%;
margin: 39px auto 0 auto;
height: 620px;
}
div#mainTown p.main{
text-align: center;
/* line-height: 0.5em; */
margin: 6px auto 0px auto;
}
div#mainTown p.main a{
font-weight: normal;
font-size: 11pt;
color: #850000;
font-family: inherit;
letter-spacing: 1px;
}
div#mainTown p.main a:hover{
font-weight: normal;
font-size: 11pt;
color: #850000;
font-family: inherit;
letter-spacing: 1px;
text-decoration: underline;
}
div#mainTown hr#twohrTown{
/* background: url() rgba(0, 0, 0, 0.1); */
width: 95%;
height: 3px;
background-color: #850000;
margin: 0 auto;
border-left: none;
border-right: none;
border-color: #000;
border-top: none;
border-width: 1px;
}
div#textTown hr#onehrTown{
width: 473px;
height: 3px;
background-color: #850000;
margin: 0 auto;
border-left: none;
border-right: none;
border-color: #000;
border-bottom: none;
border-width: 1px;
margin-bottom: 5px;}
div#textTown {
position: relative;
/* width: 80%; */
margin: 0 auto;
padding: 20px 30px 10px 120px;
}
div#txtTown {
position: relative;
height: 400px;
overflow-y: auto;
overflow-x: hidden;
padding: 10px 15px 10px 10px !important;
border-style: solid;
border-color: rgb(111, 111, 111);
border-width: 1px;
background: rgba(198, 199, 201, 0.57);
width: 424px;
}
div#textTown h3{
font-size: 20pt;
color: #850000;
font-family: fantasy;
letter-spacing: 1px;
margin-bottom: 5px;
padding: 0px;
}
div#GerbTown{
position: absolute;
width: 127px;
height: 122px;
background: transparent url(http://s6.uploads.ru/jDChg.png) no-repeat;
background-size: 127px;
margin: -25px;
}
div#faqTown {
position: relative;
margin: 0 auto;
padding: 10px 0px 5px 3px;
}
div#faqTown p{
text-align: left;
line-height: 0.5em;
}
div#faqTown span{
font-weight: bold;
}
</style>
<div id="mainTown">
<div id="GerbTown"></div>
<div id="textTown">
<hr id="onehrTown" />
<h3>Кранстон Сити (Потаксет)</h3>
<div id="faqTown">
<p>страна <span>США</span> | штат <span>Род-Айленд</span> | округ <span>Провиденс</span></p>
<p>основан в <span>1754</span> | прежнее название <span>Потаксет</span></p>
<p>проживает: <span>378 выживших</span></p>
<p>мэр: <span>Рэйчел Кранстон</span></p>
</div>
<div id="txtTown">
<p>Потаксет — скрытый за лесами, живописный городок на речном побережье в штате Род-Айленд. В переводе с языка Наррагансеттов, — индейского племени, изначально занимавшего эту землю и контролирующего всю территорию нынешнего Род-Айленда, — <b>Потаскет означает "Небольшие падения"</b> (Little Falls). </p>
<p>В 1636 году, капитан Маркус Кранстон выкупил у племени часть земли вместе с небольшим поселением, располагавшимся прямо у берегов одноименной реки, и основал на этом месте новый порт. В ходе столетий Потаскет развивался и рос, но <b>всегда именно потомки Краснстонов возглавляли его</b>.</p>
<p>Пускай город и <b>расположен в самом маленьком штате США</b>, но зато близкое расположение к столице страны во все времена давало горожанам определенные преимущества. Через леса проходили, ныне заброшенные, железнодорожные пути, а по межштатной автомагистрали I-95 раньше пролегали маршруты многих дальнобойщиков. В конце 19-го века Потаскет из второсортного портового города превратился в <b>центр текстильной промышленности</b> штата, славящийся качеством производимых тканей.</p>
<p>До восстания численность населения Потаксет составляла примерно сто тысяч человек. Консерваторы до мозга костей, <b>потаксецы всегда не любили приезжих</b>, а также людей отличных своим цветом кожи, разрезом глаз или разделяющих иную веру. Так что дружелюбным или гостеприимным этот городок нельзя было называть никогда.</p>
<p><b>После восстания город был переименован в Кранстон</b> — это решение должно было стать символом начала новой эпохи, но оно не нашло положительного отклика у большинства населения. После многочисленных возмущений и добровольной отставки Фредрика Крансотна кресло мэра заняла его дочь. Полностью разделяя взгляды родителя, женщина не пошла на поводу сограждан и только закрепила за городом новое название.</p></div>
</div>
<p class="main"><a href="">карта</a> | <a a href="">законы</a> | <a a href="">работа в городе</a> | <a a href="">охрана</a></p>
</div>
