https://gouttelette.dreamwidth.org/ Claudia the Vampire - Dreamwidth Studios Mon, 24 Nov 2025 02:34:50 GMT LiveJournal / Dreamwidth Studios gouttelette personal https://v2.dreamwidth.org/17820458/4225472 https://gouttelette.dreamwidth.org/ 100 100 https://gouttelette.dreamwidth.org/1195.html Mon, 24 Nov 2025 02:34:50 GMT https://gouttelette.dreamwidth.org/1195.html <div style="display:flex; flex-flow:row wrap; justify-content:center; gap:10px;"> <div style="display:flex; flex-flow:column nowrap; width:100%; max-width:400px; padding:5px; font:14px/1.25; font-family:sans-serif; color:#fff; border-radius:16px; overflow:hidden; background:#999;&lt;!--- GRADIENT BEGINS ---&gt;background: hsla(213, 77%, 14%, 1);background: linear-gradient(90deg, hsla(213, 77%, 14%, 1) 0%, hsla(202, 27%, 45%, 1) 100%);background: -moz-linear-gradient(90deg, hsla(213, 77%, 14%, 1) 0%, hsla(202, 27%, 45%, 1) 100%);background: -webkit-linear-gradient(90deg, hsla(213, 77%, 14%, 1) 0%, hsla(202, 27%, 45%, 1) 100%);"> <div style="display:grid; grid-template-columns:5% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 5%; grid-template-rows:80px 50px 1fr 1fr; background:linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.8)); border-radius:11px; overflow:hidden;"> <div style="grid-column:1/10; grid-row:1/3; background:#00000024 url(&#39;https://i.imgur.com/KhnzwO6.jpeg&#39;) no-repeat center; background-size:cover;"></div> <div style="grid-column:1/10; grid-row:3/5; padding:70px 5% 15px;"> <div style="padding:15px; background:rgba(0,0,0,0.3); border-radius:11px; font-size:12px;"> <div style="font-size:21px; font-weight:600; text-transform:uppercase; font-family:Georgia;"> Claudia </div> <div style="font-size:13px; opacity:0.75;"> livres </div> <hr style="border-top:1px solid rgba(355,355,355,0.3);" /> <div style="font-weight:600; text-transform:uppercase;">COURT</div> <p style="opacity:0.75;"> DARK </p> <div style="font-weight:600; text-transform:uppercase;">DORM</div> <p style="opacity:0.75;"> pending. </p> <div style="padding:10px; border:1px solid rgba(355,355,355,0.3); border-radius:4px; opacity:0.75;"> Message @livres </div> </div> </div> <div style="align-self:auto; grid-column:2; grid-row:2; aspect-ratio:1; width:100px; background:transparent url(&#39;https://v2.dreamwidth.org/17820460/4225472&#39;) center no-repeat; background-size:cover; border-radius:99rem; box-shadow:0 0 6px rgba(0,0,0);"></div> </div> </div> </div> <div style="max-width:400px;width:100%;margin:0 auto;text-align:right;font-size:10px;"><a title="code credit!" href="https://lucavi.dreamwidth.org/3051.html" style="text-decoration:none;color:#ddd;">©</a></div> <br /><br /><img src="https://www.dreamwidth.org/tools/commentcount?user=gouttelette&ditemid=1195" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/> comments https://gouttelette.dreamwidth.org/1195.html ic pixieled public 118