Код:
<!--HTML--> <link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" type="text/css"> <link href="http://fonts.googleapis.com/css?family=Archivo+Narrow" rel="stylesheet" type="text/css"> <style type="text/css">/*<br /> TABELLE<br /> */ .winkelgasse { box-sizing: border-box; margin: 0 auto; padding: 5px; width: 500px; background: #f8f6ef; } /*<br /> */ .winkelgasseinnen { box-sizing: border-box; margin: 0 auto; width: 450px; } /*<br /> */ .winkelgasseoben { box-sizing: border-box; margin: 0 auto; padding: 20px; width: 500px; background:url('http://funkyimg.com/i/2f9e7.png'); text-align: center; } /*<br /> */ .winkelgasseunten { box-sizing: border-box; margin: 0 auto; padding: 20px; width: 500px; height: 20px; background:url('http://funkyimg.com/i/2f9e7.png'); } /*<br /> <br /> ÜBERSCHRIFT<br /> */ h1w { margin: 0 auto; font-family: 'Dancing Script', cursive; text-align: center; font-size: 45px; color:#f1ebe6; text-transform: lowercase; text-shadow: 0.9px 0.9px 0.1px #0f2e2f; } /*<br /> */ h1w span { margin: 0 auto; text-align: justify; display: block; width: 300px; padding: 4px; background: #8b2822; font-size: 8px; letter-spacing: 2px; font-family: 'Archivo Narrow', sans-serif; text-transform: uppercase; text-shadow: 0 0 0; } /*<br /> */ h2w { display: block; font-family: 'Archivo Narrow', sans-serif; background: #dbd2d3; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; text-align: center; color: #0f2e2f; } /*<br /> <br /> TEXT<br /> */ .winkelgassetext { box-sizing: border-box; margin-top: 5px; width: 250px; font-family: Helvetica; max-height: 150px; overflow-y: auto; padding: 5px; text-align: justify; font-size: 11px; color: #000000; } /*<br /> */ .winkelgassetext.links { float: left; background: #efe8e9; } /*<br /> */ .winkelgassetext.rechts { float: right; background: #efe8e9; } /*<br /> */ .winkelgassetext::-webkit-scrollbar { width: 4px; } /*<br /> */ .winkelgassetext::-webkit-scrollbar-track { background-color: #ddd3d5; } /*<br /> */ .winkelgassetext::-webkit-scrollbar-thumb { background-color: #ac0b22; } /*<br /> <br /> */<br /> </style><br> <br> <div class="winkelgasseoben"> <h1w>Be the Leader: <span>Данная тема предназначена исключительно для председателей соседств. Здесь они могут обсуждать планируемые нововведения совместно или без представителей администрации, договариваться о сотрудничестве и обсуждать последние новости.<br> Председатель выбирается путем голосования в личной теме соседства после того, как в нем наберется 10 жильцов. Голосование инициирует член АМС, который торжественно вручает председателю ключ от дома после завершения голосования. <br><br> председатели: имя, имя, имя, имя</span></h1w></div> <div class="winkelgasse"> <div class="winkelgasseinnen"> <div class="winkelgassetext links"><h2w>обязанности председателя</h2w> ✪ Регулярно просматривать заявки пользователей на вступление в соседство и принимать новых участников;<br> ✪ Приветствовать новоселов и следить за тем, чтобы новички влились в общий коллектив;<br> ✪ Держать АМС в курсе событий, происходящих внутри сообщества [сообщать о проблемах, просить о необходимой помощи в вопросах, не лежащих в его компетенции];<br> ✪ Просить АМС отредактировать информационное (первое) сообщение в теме соседства [например, исправить повестку дня];<br> ✪ Убирать квартиру после того, как былой жилец ее покинул [сообщать АМС о наличии «мертвых душ», тем самым освобождая место для нового соседа];<br> ✪ Выносить на голосование среди жильцов вопрос о покупках, которые повысят стоимость объекта; </div><img src="http://funkyimg.com/i/2f9f3.png" style="margin-top:5px;"><br> <div class="winkelgassetext rechts"><h2w>председатель имеет право:</h2w> ✪ Покинуть должность по собственному желанию [новый председатель выбирается в порядке голосования];<br> ✪ Принимать окончательное решение в спорах;<br> ✪ Устанавливать в соседстве так называемые правила хорошего тона [например, ввести желательное правило, согласно которому каждый новичок должен в течение недели приобрести для своего соседства новый предмет и т.д.], определять порядок обсуждений в своем соседстве;<br> ✪ Просить АМС рассмотреть вопрос о выселении жильца по причине отсутствия активности в жизни соседства;<br> ✪ Просить у АМС о предоставлении кредита на нужды соседства;<br> </div><img src="http://funkyimg.com/i/2f9f4.png" style="margin-top:5px;"><br> </div> </div> <div class="winkelgasseunten"></div> <br> <span style="font-size: xx-small;"><span style="font-weight: bold;"></span></span><br> <!--<br /> <br /> <br /><br /> <br /> --> <br> <link href="https://fonts.googleapis.com/css?family=Nova+Mono" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Titillium+Web" rel="stylesheet" type="text/css"> <style type="text/css">/*<br /> <br /> ÄUSSERE BOX<br /> */ #rahmentcwf { box-sizing: border-box; width: 450px; margin: 0 auto; background: #ffffff; } /*<br /> <br /> ÜBERSCHRIFT<br /> */ #rahmentcwf .headlinetcwf { display: block; margin: 0 auto 5px auto; padding: 5px ; background: #BAD9D1; color: #FFFFFF; font-family: 'Nova Mono'; font-size: 30px; font-weight: normal; line-height: 35px; text-align: center; text-shadow: 1px 1px #FFC4B5; text-transform: lowercase; } /*<br /> <br /> DATUM<br /> */ #rahmentcwf .datumtcwf { margin: 3px 6px 3px 3px; padding: 5px; background: #f6f6f6; text-align: center; float: left; } /*<br /> */ #rahmentcwf .datumtcwf .datumtcwf1 { color: #FFC4B5; font-family: 'Nova Mono'; font-size: 30px; text-shadow: 0.9px 0.9px 0.1px #c2958a; } /*<br /> */ #rahmentcwf .datumtcwf .datumtcwf2 { color: #BAD9D1; text-transform: lowercase; font-size: 11px; text-shadow: 0.9px 0.9px 0.1px #ffffff; } /*<br /> */ #rahmentcwf .datumtcwf .datumtcwf3 { display: block; color: #9DC5CC; text-transform: uppercase; font-size: 9px; text-shadow: 0.9px 0.9px 0.1px #ffffff; } /*<br /> <br /> TITEL & UNTERTITEL<br /> */ #rahmentcwf .titeltcwf { width: 374px; display: inline-block; background-color:#FFC4B5; color: #ffffff; font-family: 'Titillium Web', sans-serif; letter-spacing: 1px; text-align: center; font-size: 15px; text-transform: lowercase; text-shadow: 1px 1px 0.1px #c2958a; } /*<br /> */ #rahmentcwf .titeltcwf span { display: block; padding: 2px; background-color: #BAD9D1; color: #ffffff; font-family: Helvetica; letter-spacing: 1px; text-align: left; font-size: 8px; text-transform: uppercase; text-shadow: 0 0 0 } /*<br /> <br /> TEXTBOX & I / U / B FORMATIERUNG<br /> */ #rahmentcwf .texttcwf { padding: 5px; background: #fbfbfb; color: #8c8878; font-size: 11px; text-align: justify; } /*<br /> <br /> /*<br /> </style><br> <br>