Post by Oakshade on Nov 22, 2021 17:17:04 GMT -5
[newclass=.selkieCodesBorder] width:325px; border:10px solid #fbfbfb; outline:1px solid #eee;margin-top:1px; [/newclass]
[newclass=.selkieCodes] background-color:#fefefe; border:1px solid #eee; padding:20px; display:flex; flex-wrap:wrap; justify-content:center; [/newclass] [newclass=.selkieCodesIcon] border:1px solid #eee; width:100px; height:100px; padding:10px; [/newclass] [newclass=.selkieCodesTitle] display:flex; width:141px; align-items:center; justify-content:flex-start; text-align:left; font:20px/90% Montserrat; text-transform:uppercase; margin-left:20px; color:#ababab; [/newclass] [newclass=.selkieCodesDivider] height:1px; width:100%; margin-top:20px; margin-bottom:20px; background-color:#eee; [/newclass] [newclass=.selkieCodesBody] font:11px/140% roboto; padding:0px 25px; text-align:justify; color:#a1a1a1; [/newclass] [newclass=.selkieCodesBody b]color: #DF6885;font:12px Montserrat;font-weight:700;text-align:center;[/newclass] [newclass=.selkieCodesNotes] display:flex; flex-wrap:wrap; margin-top:20px; width:283px; justify-content:center; [/newclass] [newclass=.selkieCodesHashtags] width:131px; padding:0px 10px 0px 0px; text-align:left; [/newclass] [newclass=.selkieCodesHash] display:inline-block; background-color:#D67EA4; color:#fff; font:bold 9px roboto; line-height:15px; height:15px; text-transform:uppercase; padding:1px 5px; margin:0px 2px 2px 0px; [/newclass] [newclass=.selkieCodesHash a]font:bold 9px roboto!important;color:#fff!important;[/newclass] [newclass=.selkieNotesDivider] width:1px; background-color:#eee; [/newclass] [newclass=.selkieCodesRules] width:131px; font:bold 9px/130% roboto; letter-spacing:.5px; padding:0px 0px 0px 10px; text-transform:uppercase; text-align:left; color:#aaa; [/newclass][break] [nospaces][googlefont=Raleway:800|Inconsolata] [attr="class","SoGWholeBorder"] [attr="class","SoGWhole"] [attr="class","SoGSidebar"] [attr="class","SoGImg"]  [attr="class","SoGInfo"] [attr="class","SoGInfoBox"] [attr="class","SoGInfoBoxIcon"][attr="class","sf sf-clock-2-o"] [attr="class","SoGInfoBoxText"] 3 Years [attr="class","SoGInfoBox"] [attr="class","SoGInfoBoxIcon"][attr="class","sf sf-constellation-o"] [attr="class","SoGInfoBoxText"] Taurus [attr="class","SoGInfoBox"] [attr="class","SoGInfoBoxIcon"][attr="class","sf sf-circle-o"] [attr="class","SoGInfoBoxText"] He/Him [attr="class","SoGInfoBox"] [attr="class","SoGInfoBoxIcon"][attr="class","sf sf-beating-heart-o"] [attr="class","SoGInfoBoxText"] Demisexual [attr="class","SoGInfoBox"] [attr="class","SoGInfoBoxIcon"][attr="class","sf sf-earth-o"] [attr="class","SoGInfoBoxText"] Sunclan [attr="class","SoGInfoBox"] [attr="class","SoGInfoBoxIcon"][attr="class","sf sf-group-1-o"] [attr="class","SoGInfoBoxText"] Warrior [attr="class","SoGMain"] [attr="class","SoGName"]Oakshade [attr="class","SoGContain"] [attr="class","SoGBody"] lorem ipsum dolor sit ametconsectetur adipiscing elit. Praesent varius lacinia lorem. Suspendisse rutrum quam at mauris egestas lobortis. Nullam a eros suscipit, molestie mi eu, sodales nisl. Curabitur vitae massa non mi euismod ornare. Mauris at felis sed justo mollis hendrerit quis et metus. Sed malesuada justo ac sodales porttitor. Sed dignissim tortor arcu, in maximus metus vestibulum ac. Aliquam cursus condimentum nisl a iaculis. Aenean consectetur vitae tortor vitae fringilla. [break][break]Donec vel velit nec metus malesuada malesuada et quis eros. Aliquam maximus, ligula a luctus aliquam, urna enim tristique mauris, nec vestibulum quam ante a orci. Cras sed dapibus turpis, non tincidunt ligula. Nunc nunc tellus, efficitur vitae erat vel, maximus interdum justo. Nunc fermentum blandit semper. Aenean sed purus felis. Integer sed risus vel metus interdum scelerisque a nec dolor. Mauris malesuada nunc vel eros congue ullamcorper et a ante. Integer tincidunt aliquet massa ut malesuada. Quisque bibendum ultrices fermentum. Curabitur ornare odio interdum, sodales massa in, faucibus risus. Vestibulum eros ex, finibus porta erat a, ornare aliquet purus. Donec a tellus ligula. Curabitur vestibulum imperdiet nulla ac finibus. [break][break] Duis maximus nulla ac elit dictum ornare. Morbi gravida ex diam, at mollis purus vehicula nec. Maecenas dignissim dui erat. Ut malesuada nibh metus, in imperdiet magna fringilla hendrerit. Duis at ullamcorper neque, at tempus elit. Nullam bibendum ante a nunc maximus luctus. Aliquam suscipit risus malesuada vulputate convallis. Suspendisse convallis mattis laoreet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi in consectetur sem. Nullam accumsan nibh nunc, quis tempor dui ullamcorper ac. Vestibulum sit amet aliquam lorem, nec pellentesque ligula. [break][break] Quisque vestibulum turpis a tincidunt consectetur. Phasellus quis commodo ante. Proin molestie luctus augue, in varius metus fermentum ut. Nam non fermentum sem, quis pellentesque velit. Sed volutpat venenatis est, eget finibus risus sodales non. Etiam diam libero, ullamcorper sed ornare eu, pulvinar a risus. Sed eget rhoncus ligula, vitae fringilla justo. Aenean eleifend felis vel efficitur pulvinar. Phasellus egestas augue ac tortor consectetur, ultricies rhoncus felis placerat. Donec vitae rhoncus est, id consectetur augue. Integer gravida lorem eget feugiat blandit. Donec tempus diam odio, et finibus lorem dictum id. Maecenas imperdiet ante et nisl laoreet euismod. Aliquam sed suscipit magna. Nullam venenatis vestibulum dui quis pharetra. Morbi diam nisl, fermentum eu volutpat et, lobortis mollis massa. [break][break] Sed tristique luctus lacus ut volutpat. Suspendisse nec ultrices urna, id sagittis sem. Vivamus tempus fermentum eros nec tempor. In laoreet, nibh at posuere blandit, turpis enim ornare ante, non maximus risus tortor ut nisi. Vestibulum in aliquet felis. Donec sodales pellentesque tellus nec euismod. Cras a augue sem. Cras volutpat nunc libero, ac ullamcorper nunc volutpat vel. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque tincidunt neque vel felis venenatis, ut lobortis justo vehicula. Phasellus lorem erat, ultrices at lorem sit amet, aliquet vehicula dui. Aenean lacinia tellus quis libero accumsan fringilla. Aliquam semper nunc vehicula quam laoreet, eu maximus quam bibendum. Proin urna purus, porttitor eu ex non, semper scelerisque enim. Praesent pretium laoreet mi ut blandit. [attr="class","SoGFooter"] Scorched by the Sun [attr="class","SoGCredit"]SELKIE [newclass=.SoGWholeBorder] width:477px; height:417px; border:1px solid #d1d1d1; background-color:#e2e2e2; padding:5px; [/newclass] [newclass=.SoGWhole] background-color:#f1f1f1; width:425px; height:365px; padding:25px; border:1px solid #d1d1d1; [/newclass] [newclass=.SoGSidebar] float:left; border:1px solid #d1d1d1; height:415px; position:relative; top:-26px; left:-26px; [/newclass] [newclass=.SoGImg] padding:25px; background-color:#e9e9e9; border-bottom:1px solid #d1d1d1; [/newclass] [newclass=.SoGInfo] width:142px; height:209px; background-color:#f4f4f4; padding:15px; [/newclass] [newclass=.SoGInfoBox] height:25px; border:1px solid #d1d1d1; background-color:#fcfcfc; border-radius:5px; overflow:hidden; margin-bottom:10px; [/newclass] [newclass=.SoGInfoBoxIcon] width:24px; height:25px; font-size:32px; float:left; display:flex; align-items:flex-start; justify-content:center; background-color:#fcfcfc; color:#ffc9a1; opacity:.5; [/newclass] [newclass=.SoGInfoBoxText] width:110px; height:25px; float:right; display:flex; align-items:center; padding-left:5px; font:11px Inconsolata; letter-spacing:.25px; text-transform:uppercase; color:#272727; [/newclass] [newclass=.SoGMain] float:left; margin-top:75px; width:249px; height:289px; background-color:#f7f7f7; [/newclass] [newclass=.SoGName] background-color:#ccc;width:304px; height:75px; position:relative; float:left; top:-101px; left:-27px; font:15px Raleway; letter-spacing:.5px; font-weight:700; text-transform:uppercase; color:#fff; display:flex; align-items:center; justify-content:center; [/newclass] [newclass=.SoGContain] line-height:170%; text-align:justify; overflow:hidden; background-color:#FCFCFC; width:302px; height:341px; position:relative; left:-26px; top:-101px; [/newclass] [newclass=.SoGBody] padding-right:5px; margin:25px 25px 25px 25px; height:261px; overflow:auto; font:10px roboto; line-height:130%; color:#2f2f2f; [/newclass] [newclass=.SoGBody h1] font-size:12px; font:800 14px Raleway; color:#ccc; margin-bottom:10px; [/newclass] [newclass=.SoGBody::-webkit-scrollbar]width:5px; [/newclass] [newclass=.SoGBody::-webkit-scrollbar-thumb]background-color:#D1D1D1;border:1px solid #fcfcfc; [/newclass] [newclass=.SoGBody::-webkit-scrollbar-track]background-color:#D1D1D1;border:2px solid #fcfcfc; [/newclass] [newclass=.SoGFooter] background-color:#ffc9a1; height:20px; display:flex; align-items:center; justify-content: flex-end; padding:5px 10px; float:right; width:282px; font:11px Inconsolata; text-transform:uppercase; color:#fcfcfc; [/newclass] [newclass=.SoGCredit]font:bold 7px roboto; clear:both;width:50px; position: relative; top: -20px; left: 200px;[/newclass] [newclass=.SoGCredit a]font:bold 7px roboto!important;[/newclass]
last edited Nov 22, 2021 17:34:22 GMT -5 by Oakshade
|
|
|
|
