[icon]https://forumupload.ru/uploads/001b/a3/ee/11/940130.jpg[/icon]
[html]<link href="https://fonts.googleapis.com/css?family=Pacifico|Source+Sans+Pro:400,400i,900" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
<style>
#sophistcontainer {
margin:0 auto;
width: 600px;
height:550px;
background:#d8dfe2;
border:1px solid #f4f2f4;
overflow:hidden;
position:relative;
z-index:0;
}
.sophisttop {
width:700px;
height: 130px;
background:#b3cad3;
transform:rotate(-15deg);
position:absolute;
top:-70px;
left:-50px;
border-bottom:7px solid #ffffff;
box-shadow:0px 5px #9dc6d6;
}
.sophistmid {
width:450px;
height:280px;
padding-bottom:10px;
margin:70px;
color:#555555;
position:relative;
top:110px;
column-count:2;
-moz-column-count:2;
-webkit-columb-count:2;
overflow:auto;
}
.sophistmid::-webkit-scrollbar {height:3px;}
.sophistmid::-webkit-scrollbar-thumb {background:#eeeeee;}
.sophistmid::-webkit-scrollbar-track { background:#ffffff;}
.sophisttext {
font:13px 'Source sans pro', sans-serif;
text-align:justify;
}
.sophisttext:first-letter {
float:left;
font:35px/40px 'Pacifico', cursive;
padding:0px 14px 0px 0px;
color:#ce9e5c;
text-shadow:2px 2px 2px #666666;
}
.sophistbottom1 {
width:700px;
height:130px;
background:url(https://www.maxpixel.net/static/photo/2 … 584457.jpg);
transform:rotate(10deg);
position:absolute;
bottom:-85px;
left:-30px;
z-index:1;
}
.sophistnotes {
font:11px 'Source sans Pro',sans-serif;
letter-spacing:1px;
text-transform:uppercase;
text-align:left;
color:#333333;
position:relative;
left:40px;
top:-20px;
}
.sophistbottom2 {
width:450px;
height:200px;
background:#222222;
transform:rotate(-40deg);
position:absolute;
left:300px;
bottom:-50px;
z-index:2;
border-top:5px solid #ffd8d3;
box-shadow:0px -10px #333333;
}
.sophisttag {
color:#ffd8d3;
width:450px;
font:900 15px 'Source sans Pro',sans-serif;
text-transform:uppercase;
letter-spacing:2px;
text-align:center;
}
#foxcredit {
margin:0 auto;
width:50px;
padding-top:5px;
font:normal 8px arial;
text-transform:uppercase;
letter-spacing:2px;
position:relative;
}
#foxcredit a {text-decoration:none;}
</style>
<div id="sophistcontainer">
<div class="sophisttop"></div>
<div class="sophistmid">
<div class="sophisttext">
Этот <b>день, когда ты недавно переехал,</b><em> осознал что пришельцы существуют... </em>...и нашёл незнакомую кошкодевочку в комнате.
<P></P>
Он просто шел в свою комнату, в СВОЮ, в надежде переварить этот день в тишине и покое. Обычный человек, в не совсем обычной школе.
<P></P>
Ему повезло (?) ведь кошки где попало не спят.
<P></P>
А она что? Кошки не спят там, где им не нравится. Они не ходят туда, где нет ничего инетерсного. Это была не первая комната, хозяйкой которой она не являлась, однако одна из первых, где та уснула.
<P>
Можешь гордиться собой, человек, это заинетресовало ее. А вот повезло ли тебе....дело совсем другое.
</div>
</div>
<div class="sophistbottom2">
<div class="sophisttag">Комната №23.
<P>
Общежитие
</div>
</div>
<div class="sophistbottom1">
<div class="sophistnotes"><b>Эмма</b> # <b>Кришнадас</b> в закрытом эпизоде</div>
</div>
</div>[/html]
Отредактировано Emma Kozato (2022-08-21 22:50:02)
- Подпись автора
