Код:
<!--HTML--> <style type="text/css">
.need_bb {
position: relative;
width: 537px;
height: 532px;
margin-left: 15px!important;
padding-top: 5px;
background-color: rgb(234, 234, 234);
border: 1px solid #dedede;
box-shadow: inset 0px 0px 6px #f1f1f1;
}
.need_background {
position: relative;
width: 525px;
height: 523px;
margin-left: 5px;
background-color: rgb(214, 214, 214);
border: 1px solid #bbbbbbd4;
box-shadow: inset 0px 0px 6px #f1f1f1;
}
#need_name {
font-size: 17px;
position: absolute;
width: 524px;
max-height: 50px;
text-transform: uppercase;
letter-spacing: 1px;
border: 1px solid #8698af;
box-shadow: inset 0px 0px 8px #b6c7dc;
text-shadow: 0 0 3px white;
background: linear-gradient(#8796a9, #5b6f88);
padding: 2px 0px 2px 0px;
}
#need_name2 {
font-size: 17px;
position: absolute;
width: 524px;
max-height: 50px;
text-transform: uppercase;
letter-spacing: 1px;
border: 1px solid #8698af;
box-shadow: inset 0px 0px 8px #b6c7dc;
text-shadow: 0 0 3px white;
background: linear-gradient(#8796a9, #5b6f88);
padding: 2px 0px 2px 0px;
margin-top: 5px;
}
.needtext_decoration {
font-weight: normal;
text-align: center;
color: white;
opacity: 1;
font-family: bebasneueregular;
}
#need_h {
margin-top: 30px;
margin-left: 7px;
width: 500px;
height: 165px;
padding: 4px 7px 4px 4px;
background-color: rgb(234, 234, 234);
border: 1px solid #c1c1c1;
box-shadow: inset 0px 0px 6px #f1f1f1;
}
#n_f {
font-family: bebasneueregular;
font-size: 75px;
margin-top: -41px;
margin-left: 291px;
font-style: italic;
color: rgb(133, 148, 169);
}
#need_o {
width: 262px;
font-family: myriad pro;
font-size: 11px;
margin: 17px;
padding: 10px;
background-color: rgb(203, 211, 222);
border: 1px solid #d0d6de;
box-shadow: inset 0px 0px 6px #f1f1f1;
min-width: 294px!important;
max-width: 294px!important;
min-height: 39px!important;
max-height: 39px!important;
}
#need_n {
background-color: #dedede;
width: 320px;
margin-left: 50px;
height: 30px;
margin-top: -47px;
font-family: bebasneueregular;
font-size: 20px;
padding-top: 6px;
padding-left: 11px;
}
#need_f {
background-color: #c5c5c5ba;
width: 320px;
margin-left: 50px;
height: 16px;
margin-top: 5px;
font-family: bebasneueregular;
font-size: 12px;
padding-left: 11px;
padding-top: 4px;
}
#need_story {
font-family: sans-serif;
font-size: 11px;
overflow-y: auto;
text-align: justify;
width: 476px;
height: 244px;
padding: 13px 18px 24px 17px;
background-color: rgb(234, 234, 234);
border: 1px solid #c1c1c1;
box-shadow: inset 0px 0px 6px #f1f1f1;
margin-left: 7px;
margin-top: 7px;
line-height: 130%;
}
#need_story::-webkit-scrollbar {
width: 4px;
}
#need_story::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
#need_story::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 20px #a2a2a2;
}
#imaage_space {
position:absolute;
}
#imaage_space img {
height: 150px;
width: 150px;
margin: 5px 0px 0px 344px;
object-fit: cover;
border: 2px solid #ffffff;
box-shadow: 0 0 5px #00000066;
}
</style>
</head>
<body>
<div class="need_bb">
<div class="need_background">
<div id="need_name" class="needtext_decoration">
не могу жить без моей пуговки <img src="http://forumstatic.ru/files/0012/63/de/97442.png"> <img src="http://forumstatic.ru/files/0012/63/de/64128.png">
</div>
<div id="need_h">
<div id="imaage_space">
<img src="http://via.placeholder.com/150x150" >
</div><div id="need_o">it amet, habeo nullam verear ei eos, at veri semper mei, ut probatus intellegam sit. </div><div id="n_f">"</div>
<div id="need_n">alicya hooger, 30</div>
<div id="need_f">halsey halsey</div>
</div>
<div id="need_story">
Lorem ipsum dolor sit amet, habeo nullam verear ei eos, at veri semper mei, ut probatus intellegam sit. Eum nisl suscipit liberavisse ex, everti vocent an mei, molestie argumentum theophrastus usu no. Nam ut elit viris, an essent appetere menandri per, modus debitis officiis an usu. Fugit salutandi qualisque ius no, dicta meliore mea eu. No est tamquam fierent intellegam, ius et tale veri instructior. Vel sonet virtute voluptua ei, nam ad splendide definitiones.
Ne quot postea fierent per. At alii quidam his. Ad rebum prompta facilis vel. Offendit forensibus qui ea, falli honestatis ei sit. Ceteros perfecto per an.
Qui nibh meis te, graecis corrumpit mel no, tamquam invenire id mei. Has commune tacimates euripidis ut, no vis scribentur liberavisse conclusionemque. Prima inimicus mea ad, cu usu probo graeci consetetur. Mucius debitis abhorreant nec at, has ut eros melius interesset, cu affert utinam tritani his. An fugit utamur euismod usu, ea tritani vulputate mea.
Dicam tritani bonorum eu qui. Eum quod singulis in, ne eius bonorum delicata qui. Ad noluisse ponderum pro, cu mea vidit principes. Possit alienum copiosae mea id, in falli nominavi sensibus eos. Te sed audire impetus molestiae, te pro zril doctus intellegat, vel vivendum reprimique te. In duis suscipit pri, minimum placerat ex sed.
In duis summo omnes his. Dicunt eirmod adversarium in nam. Cu duo habeo maluisset elaboraret, adhuc vidisse eloquentiam mea ut, usu viderer persequeris cu. Eam tation possim praesent ex, ei ius affert ponderum oportere. Reque graeci prodesset vim no. Nibh mandamus definitionem ius an, malorum recteque intellegam ex nam. Ei debitis epicurei adversarium qui.
In duis summo omnes his. Dicunt eirmod adversarium in nam. Cu duo habeo maluisset elaboraret, adhuc vidisse eloquentiam mea ut, usu viderer persequeris cu. Eam tation possim praesent ex, ei ius affert ponderum oportere. Reque graeci prodesset vim no. Nibh mandamus definitionem ius an, malorum recteque intellegam ex nam. Ei debitis epicurei adversarium qui.
</div>
<div id="need_name2" class="needtext_decoration">
• • • • • • • • • • • • • • • • • •
</div>
</div> </div>
