Aug 4, 2018 4:58:51 GMT -8
Post by テンテン on Aug 4, 2018 4:58:51 GMT -8
[nospaces][googlefont=Raleway:800|Inconsolata]
[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:#3b6994; 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:#3b6994; 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]
Click this link for the code to the application.
[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"]
age
age
[attr="class","SoGInfoBox"]
[attr="class","SoGInfoBoxIcon"][attr="class","sf sf-constellation-o"]
[attr="class","SoGInfoBoxText"]
rank
rank
[attr="class","SoGInfoBox"]
[attr="class","SoGInfoBoxIcon"][attr="class","sf sf-circle-o"]
[attr="class","SoGInfoBoxText"]
team #
team #
[attr="class","SoGInfoBox"]
[attr="class","SoGInfoBoxIcon"][attr="class","sf sf-beating-heart-o"]
[attr="class","SoGInfoBoxText"]
subject
subject
[attr="class","SoGInfoBox"]
[attr="class","SoGInfoBoxIcon"][attr="class","sf sf-earth-o"]
[attr="class","SoGInfoBoxText"]
w/ who
w/ who
[attr="class","SoGInfoBox"]
[attr="class","SoGInfoBoxIcon"][attr="class","sf sf-group-1-o"]
[attr="class","SoGInfoBoxText"]
link
link
[attr="class","SoGMain"]
[attr="class","SoGName"]firstname lastname
[attr="class","SoGContain"]
[attr="class","SoGBody"]
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]
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.
WHAT DID YOU LEARN?
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]
ANY JUTSU IN DEVELOPEMENT?
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.
[attr="class","SoGFooter"]
FACE CLAIM, SERIES
FACE CLAIM, SERIES
[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:#3b6994; 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:#3b6994; 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]
Click this link for the code to the application.