[html]<div class="VDB"><img src="" class="imVDB"><div class="ttVDB"><i>
butterfly effect?</i><b>Japan, Tokyo</b></div><div class="xxVDB">— Возможны ли путешествия во времени?
— Интересный вопрос. У меня собственная теория об этом, основанная на мексиканском блюде — бурито.
— Что за теория?
— Я думаю, что время похоже на бурито. Его слои сворачиваются и накладываются друг на друга, оставляя в центре пустоту, которую можно заполнить чем угодно: воспоминаниями, переживаниями, тригонометрией...</div><div class="pjVDB"><b>we have</b><i>Cast</i></div><div class="jjVDB">
<div class="okVDB"><div style="background: url(https://64.media.tumblr.com/311d3ae240a … fda9af.png);"></div>
<span>Manjiro Sano</span>
<i><b>Status:</b> Alive</i>
<i><b>Position:</b> Bonten</i>
<i><b>Post:</b> Leader</i>
<i><b>money:</b> Ґ 7 300 000 </i>
<i><b>bag:</b> candies, a gun</i></div>

<div class="okVDB"><div style="background: url(https://forumupload.ru/uploads/001b/a5/eb/2/687098.png);"></div>
<span>Hanagaki Takemichi</span>
<i><b>Status:</b> Alive</i>
<i><b>Position:</b> Bonten</i>
<i><b>Post:</b> Deputy Leader</i>
<i><b>money:</b> Ґ 4 640 000</i>
<i><b>bag:</b> cigarettes, chewing gum, driver's license, car keys</i></div>

</div>

<link href="https://fonts.googleapis.com/css?family=BenchNine:300|Montserrat+Alternates|Questrial" rel="stylesheet"><style>.VDB, .VDB * {box-sizing: border-box;} .VDB {width: 420px; margin: auto; background: #1a1d22; color: #FCE6BD;} .imVDB {width: calc(100% - 80px); margin: 40px; box-shadow: 3px 3px 5px #000;} .ttVDB, .pjVDB {background: #30373f; margin: 0px -5px; padding: 20px; letter-spacing: 1px;} .ttVDB i {display: block; font: 10px Questrial; text-transform: uppercase; border-bottom: .1px solid;} .ttVDB b {font: bold 16px Questrial; text-align: right; display: block; text-transform: uppercase;} .xxVDB {margin: 40px; text-align: justify; font: 12px arial; color: #d2c9b8; padding: 20px; box-shadow: inset 0 0 50px 50px #0003, 3px 3px 5px #000;} .pjVDB {text-align: center; position: relative; padding: 13px !important;} .pjVDB b {font: bold 75px/0px BenchNine; vertical-align: middle; color: #1a1d22; text-transform: uppercase; position: absolute; top: calc(50% + 3px); left: 50%; transform: translateX(-50%)translateY(-50%);} .pjVDB i {font: bold 16px Questrial; text-transform: uppercase; position: relative;} .jjVDB br {display: none;} .okVDB {padding: 20px; height: 200px;} .okVDB div {width: 200px; height: 200px; background-size: 200px 200px !important; box-shadow: inset 0 0 45px 50px #1a1d22; position: relative;} .okVDB div:before, .okVDB div:after {content: ""; position: absolute; display: block;} .okVDB div::before {border-bottom: 1px solid; width: 100px; top: 78px;} .okVDB:nth-of-type(odd) div::before {right: -7px; transform: rotate(-30deg);} .okVDB:nth-of-type(even) div::before {left: -7px; transform: rotate(30deg);} .okVDB div::after {border-radius: 50%; border: 5px solid; top: 98px; box-shadow: 0 0 0 10px #FCE6BD66;} .okVDB:nth-of-type(odd) div::after {right: 82px;} .okVDB:nth-of-type(even) div::after {left: 82px;} .okVDB:nth-of-type(odd) div {float: left;} .okVDB:nth-of-type(even) div {float: right;} .okVDB span {font: 12px Questrial; display: block; border-bottom: 1px solid; text-transform: uppercase; letter-spacing: 1px;} .okVDB:nth-of-type(odd) span {margin: 40px 10px 5px 200px; text-align: right;} .okVDB:nth-of-type(even) span{margin: 40px 200px 5px 10px;} .okVDB i {font: 10px Questrial; display: block; letter-spacing: 1px;} .okVDB:nth-of-type(even) i {text-align: right;} .miVDB {font: 10px Questrial; color: #FCE6BD !important; display: block; text-align: center; padding: 10px; transition: .5s;} .miVDB:hover {letter-spacing: 5px;}</style>[/html]

Отредактировано Manjiro Sano (15.08.24 22:06:42)