http://mashal.rusff.me/ high hopes ru-ru Wed, 16 Aug 2023 22:38:18 +0300 MyBB/mybb.ru http://mashal.rusff.me/viewtopic.php?pid=16#p16 <p>[html]&lt;center&gt;&lt;div id=&quot;circe&quot;&gt;&lt;div class=&quot;left&quot;&gt;&lt;img src=&quot;http://via.placeholder.com/100&quot; class=&quot;img&quot;&gt;&lt;div class=&quot;icon&quot;&gt;&lt;span class=&quot;th th-blossom&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;maintittle&quot;&gt;nobody&lt;/div&gt;&lt;div class=&quot;minitext&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut volutpat sed neque in commodo. Sed risus neque, egestas a elementum at, ullamcorper nec orci.&lt;/div&gt;&lt;div class=&quot;about&quot;&gt;&lt;div class=&quot;dato&quot;&gt;&lt;span class=&quot;number&quot;&gt;.001&lt;/span&gt; marcian&lt;/div&gt;&lt;div class=&quot;dato&quot;&gt;&lt;span class=&quot;number&quot;&gt;.002&lt;/span&gt; adventurer&lt;/div&gt;&lt;div class=&quot;dato&quot;&gt;&lt;span class=&quot;number&quot;&gt;.003&lt;/span&gt; 18.800 years old&lt;/div&gt;&lt;div class=&quot;dato&quot;&gt;&lt;span class=&quot;number&quot;&gt;.004&lt;/span&gt; salty&lt;/div&gt;&lt;div class=&quot;dato&quot;&gt;&lt;span class=&quot;number&quot;&gt;.005&lt;/span&gt; rocksexual&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;right&quot;&gt;&lt;div class=&quot;information&quot;&gt;&lt;div class=&quot;borderdiag&quot;&gt;&lt;/div&gt;&lt;div class=&quot;contentinfo&quot;&gt;&lt;div class=&quot;text&quot;&gt;&lt;div class=&quot;textittle&quot;&gt;psychology&lt;/div&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut volutpat sed neque in commodo.&lt;br&gt;&lt;br&gt; &lt;div class=&quot;textittle2&quot;&gt;story&lt;/div&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut volutpat sed neque in commodo.&lt;br&gt;&lt;br&gt;&lt;div class=&quot;textittle&quot;&gt;extras&lt;/div&gt;&lt;span class=&quot;number&quot;&gt;»&lt;/span&gt; Ut volutpat sed neque in commodo.&lt;br&gt;&lt;span class=&quot;number&quot;&gt;»&lt;/span&gt; Ut volutpat sed neque in commodo.&lt;br&gt;&lt;span class=&quot;number&quot;&gt;»&lt;/span&gt; Ut volutpat sed neque in commodo.&lt;br&gt;&lt;span class=&quot;number&quot;&gt;»&lt;/span&gt; Ut volutpat sed neque in commodo.&lt;br&gt;&lt;span class=&quot;number&quot;&gt;»&lt;/span&gt; Ut volutpat sed neque in commodo.&lt;br&gt;&lt;br&gt;&lt;div class=&quot;textittle2&quot;&gt;likes&lt;/div&gt;&lt;span class=&quot;number&quot;&gt;»&lt;/span&gt; Ut volutpat sed neque in commodo.&lt;br&gt;&lt;span class=&quot;number&quot;&gt;»&lt;/span&gt; Ut volutpat sed neque in commodo.&lt;br&gt;&lt;span class=&quot;number&quot;&gt;»&lt;/span&gt; Ut volutpat sed neque in commodo.&lt;br&gt;&lt;span class=&quot;number&quot;&gt;»&lt;/span&gt; Ut volutpat sed neque in commodo.&lt;br&gt;&lt;span class=&quot;number&quot;&gt;»&lt;/span&gt; Ut volutpat sed neque in commodo.&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;div class=&quot;textittle&quot;&gt;dislikes&lt;/div&gt;&lt;span class=&quot;number&quot;&gt;»&lt;/span&gt; Ut volutpat sed neque in commodo.&lt;br&gt;&lt;span class=&quot;number&quot;&gt;»&lt;/span&gt; Ut volutpat sed neque in commodo.&lt;br&gt;&lt;span class=&quot;number&quot;&gt;»&lt;/span&gt; Ut volutpat sed neque in commodo.&lt;br&gt;&lt;span class=&quot;number&quot;&gt;»&lt;/span&gt; Ut volutpat sed neque in commodo.&lt;br&gt;&lt;span class=&quot;number&quot;&gt;»&lt;/span&gt; Ut volutpat sed neque in commodo.&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;a href=&quot;http://evassmat.com/a9ue&quot; class=&quot;cactuscodes&quot;&gt;cactus&lt;/a&gt;&lt;/center&gt;&lt;style&gt;#circe{width: 530px;height: 530px;background-color:rgba(255, 255, 255, 0.5);cursor: context-menu;font-family: nunito;color: #c4c1ce;}#circe .left{width: 210px;height: 460px;background-color: #fff;position: relative;display: inline-block;top: 35px;left: 2px;overflow:hidden;}#circe .img{width: 100px;height: 100px;border-radius: 50%;position: relative;top: 50px;}#circe .maintittle{font-weight: 900;text-transform: uppercase;text-align:center;position: relative;top: 30px;letter-spacing: 2px;font-size: 13px;color: #dfdbe1;}#circe .icon{font-size: 39px;color: #fcfcfc;font-weight: 600;position: relative;top: -18px;}#circe .minitext{width: 150px;height: 70px;overflow:hidden;line-height: 90%;font-size:10px;text-align: justify;letter-spacing: 0.03em;position: relative;top: 45px;text-transform:lowercase;}#circe .about{width: 150px;height: 150px;position: relative;top: 50px;overflow: hidden;}#circe .dato{font-size: 10px;display: flex;width: 100%;justify-content: center;align-items: center;text-align: center;transition:0.5s linear;margin-top: 5px;text-transform:lowercase;}#circe .number{color: #dfdbe1;font-weight: 800;margin-right: 5px;letter-spacing: 0px;}#circe .dato:after{content: '';border-top: 1px solid #eaeaec;margin: 0 0 0 10px;flex: 1 0 10px;}#circe .dato:hover{letter-spacing: 1px;transition:0.5s linear;}#circe .right{width: 240px;height: 460px;position: relative;display: inline-block;top: 35px;right: 2px;overflow:hidden;background-image:url('http://via.placeholder.com/240x460');background-size:cover;overflow:hidden;}#circe .information{overflow:hidden;display:block;margin-top:460px;transition:1s linear;}#circe:hover .information{margin-top:140px;transition:1s linear;}#circe .borderdiag{width: 0;height: 0;border-style: solid;border-width: 0 390px 90px 0;position:relative;right: 15px;border-color: transparent transparent #FFFFFF transparent;opacity: 0.95;}#circe .contentinfo{background-color:rgba(255, 255, 255, 0.95);height: 300px;width: 240px;position:relative;top: 0px;}#circe .text{width: 180px;height: 210px;font-size: 10px;text-align:justify;position: relative;top: -15px;overflow:auto;line-height: 110%;}#circe .text::-webkit-scrollbar {width: 0px !important;}#circe .text::-webkit-scrollbar-track {width: 0px !important;}#circe .text::-webkit-scrollbar-thumb {width: 0px !important;}#circe .textittle{display: flex;width: 100%;justify-content: center;align-items: center;text-align: center;transition:0.5s linear;font-weight: 900;text-transform: uppercase;letter-spacing: 1px;font-size: 12px;color: #e6e5e8;margin-bottom: 15px;background: url(<a href="http://via.placeholder.com/240x460" rel="nofollow" target="_blank">http://via.placeholder.com/240x460</a>) -20px -20px fixed;-webkit-text-fill-color: transparent;-webkit-background-clip: text;}#circe .textittle:after{content: '';border-top: 1px solid #eaeaec;margin: 0 0 0 10px;flex: 1 0 10px;}#circe .textittle:hover{transition:1s linear;letter-spacing: 2px;}#circe .textittle2{display: flex;width: 100%;justify-content: center;align-items: center;text-align: center;transition:0.5s linear;font-weight: 900;text-transform: uppercase;letter-spacing: 1px;font-size: 12px;color: #c3c1cd;margin-bottom: 15px;transition:1s linear;background: url(<a href="http://via.placeholder.com/240x460" rel="nofollow" target="_blank">http://via.placeholder.com/240x460</a>) -20px -20px fixed;-webkit-text-fill-color: transparent;-webkit-background-clip: text;}#circe .textittle2:before{content: '';border-top: 1px solid #eaeaec;margin: 0 10px 0 0;flex: 1 0 10px;}#circe .textittle2:hover{transition:1s linear;letter-spacing: 2px;}#circe .icon2{color: #c3c1cd;}.cactuscodes{color: #ccc;text-decoration: none;font-family:georgia;font-size: 9px;text-transform: uppercase;font-weight:100;}&lt;/style&gt;&lt;link href=&quot;https://fonts.googleapis.com/css?family=Nunito:400,800,900&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;&lt;link href=&quot;//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css&quot; rel=&quot;stylesheet&quot;&gt;[/html]</p> mybb@mybb.ru (maraflex) Wed, 16 Aug 2023 22:38:18 +0300 http://mashal.rusff.me/viewtopic.php?pid=16#p16