posted Jul 6, 2018 19:27:59 GMT -6 in starstrukk [application]
[nospaces]
[googlefont=Montserrat:400,700|Inconsolata|Barlow]
[newclass=.starr] width:525px; background-color:#E1E1E1; padding:5px; border:1px solid #D2D2D2; height:486px; [/newclass]
[newclass=.starrContainer] background-color:#fcfcfc; width:517px; padding:5px 0px 5px 5px; border:1px solid #D2D2D2; height:473px; [/newclass]
[newclass=.starrIconContainer] float:left; background-color:#F1F1F1; width:124px; height:124px; padding:25px; margin:-5px 0px 0px -5px; border-right:1px solid #D2D2D2;border-bottom:1px solid #D2D2D2; [/newclass]
[newclass=.starrIcon] padding:10px; background-color:#FDFDFD; border:1px solid #D2D2D2; height:100px; [/newclass]
[newclass=.starrInfoLine] width:124px; [/newclass]
[newclass=.starrInfoIcon] width:30px; height:30px; background-color:#FEFEFE; float:left; font-size:14px; display: flex; align-items: center; justify-content: center; color:#CC3F64; border-right:1px solid #D2D2D2;border-left:1px solid #D2D2D2;border-bottom:1px solid #D2D2D2;border-top:1px solid #D2D2D2;line-height:14px!important; [/newclass]
[newclass=.starrInfo] float:right; background-color:#F7F7F7; padding:25px; border-top:1px solid #D2D2D2; border-bottom:1px solid #D2D2D2; border-right:1px solid #D2D2D2; margin:5px 5px 0px 0px; width:125px; height:246px; display: flex; justify-content: space-between; flex-direction: column; [/newclass]
[newclass=.starrInfoBox] border-right:1px solid #D2D2D2;border-bottom:1px solid #D2D2D2;border-top:1px solid #D2D2D2; background-color:#FEFEFE; font:10px Barlow; text-align:right; text-transform:uppercase; line-height:20px; height:20px; overflow:auto; padding:5px; [/newclass]
[newclass=.starrInfoText] float:right; [/newclass]
[newclass=.starrName] background-color:#1b1b1b; width:337px; height:56px; color:#f7f7f7; float:right; margin-right:5px; font-family:Montserrat; font-weight:700; font-size:17px; text-transform:uppercase; line-height:56px; [/newclass]
[newclass=.starrTraits] width:97px; height:97px; border:1px solid #D2D2D2; background-color:#F7F7F7; float:left; margin:5px 0px 0px 5px; text-align:left; font-family:Montserrat; font-size:10px; padding:5px; line-height:140%; [/newclass]
[newclass=.starrTraitHd] font:bold 11px Barlow; letter-spacing:-1px; padding:0px 0px 2px 0px; border-bottom:1px solid #CC3F64; color:#1b1b1b; width:50px; margin:auto; margin-bottom:0px; text-align:center; line-height:100%; [/newclass]
[newclass=.starrTraitsScroll] margin-top:1px; height:82px; overflow:auto; [/newclass]
[newclass=.starrBodyBorder] background-color:#FBFBFB; float:left; width:332px; height:286px; padding:5px 0px 5px 0px; margin-left:0px; [/newclass]
[newclass=.starrBody] width:335px; height:296px; background-color:#FEFEFE; padding:0px; border:1px solid #D2D2D2; font-family:verdana; font-size:10px; color:#8b8b8b; line-height:130%; text-align:justify; [/newclass]
[newclass=.starrCredit]font:bold 7px roboto;font: bold 7px roboto; width: 50px; margin-left: 450px;[/newclass]
[newclass=.starrCredit a]font:bold 7px roboto!important;[/newclass]
[newclass=.starrBodyScroll b]font-weight:normal;color:#CC3F64;[/newclass]
[newclass=.starrBodyScroll i]font-style:normal;color:#CC3F64;[/newclass]
[newclass=.starrBodyScroll h1] font-size:12px; font:bold 14px montserrat; color:#ccc; margin-bottom:10px; [/newclass]
[newclass=.starrBodyScroll] margin:25px; height:246px; overflow:auto; padding-right:5px; [/newclass]
[newclass=.starrInfoBox::-webkit-scrollbar] width:2px; [/newclass]
[newclass=.starrInfoBox::-webkit-scrollbar-thumb] background-color:#1b1b1b; [/newclass]
[googlefont=Montserrat:400,700|Inconsolata|Barlow]
[attr="class","starr"]
[attr="class","starrContainer"]
[attr="class","starrIconContainer"]
[attr="class","starrIcon"]
[attr="class","starrName"]
firstname lastname
firstname lastname
[attr="class","starrTraits"]
[attr="class","starrTraitHd"]POSITIVES
[attr="class","starrTraitsScroll"]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
[attr="class","starrTraits"]
[attr="class","starrTraitHd"]NEGATIVES
[attr="class","starrTraitsScroll"]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
[attr="class","starrTraits"]
[attr="class","starrTraitHd"]MISC.
[attr="class","starrTraitsScroll"]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
+ h-hewwo? [break]
[attr="class","starrInfo"]
[attr="class","starrInfoLine"]
[attr="class","starrInfoIcon"][attr="class","sf sf-clock-3-o"]
[attr="class","starrInfoBox"]
age
age
[attr="class","starrInfoLine"]
[attr="class","starrInfoIcon"][attr="class","sf sf-constellation"]
[attr="class","starrInfoBox"]
zodiac
zodiac
[attr="class","starrInfoLine"]
[attr="class","starrInfoIcon"][attr="class","sf sf-beating-heart-o"]
[attr="class","starrInfoBox"]
sexuality
sexuality
[attr="class","starrInfoLine"]
[attr="class","starrInfoIcon"][attr="class","sf sf-book-o"]
[attr="class","starrInfoBox"]
occupation
occupation
[attr="class","starrInfoLine"]
[attr="class","starrInfoIcon"][attr="class","sf sf-earth-o"]
[attr="class","starrInfoBox"]
place of origin
place of origin
[attr="class","starrInfoLine"]
[attr="class","starrInfoIcon"][attr="class","sf sf-user-o"]
[attr="class","starrInfoBox"]
face claim
face claim
[attr="class","starrMain"]
[attr="class","starrBodyBorder"]
[attr="class","starrBody"]
[attr="class","starrBodyScroll"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sodales erat eu urna vulputate, eu aliquet odio sodales. Vestibulum ultrices risus vel risus semper gravida. Morbi id felis et tortor volutpat viverra id nec nisl. Sed eget sagittis neque. Nulla facilisi. Proin fringilla interdum sem sit amet aliquet. Praesent nisi nisi, sodales ac dapibus at, scelerisque pellentesque tellus. Nunc quis nibh venenatis augue lobortis lacinia. Vestibulum id magna nunc. Donec id nisl quis leo tempus pharetra. Praesent tempus scelerisque ex, eget lobortis augue interdum non. Maecenas vulputate vel orci vel pretium. Quisque euismod, nisl at cursus finibus, urna diam aliquet sapien, id rhoncus urna enim eget enim. Fusce bibendum pretium sem, iaculis gravida neque molestie at. Morbi tempus risus vitae volutpat aliquam. Nam in iaculis risus, ut finibus nulla. [break][break]
Nulla ex nisl, accumsan sed elementum non, porttitor ut libero. Cras eleifend turpis sit amet pharetra porta. Etiam eros lorem, sollicitudin eu lectus nec, pretium tristique massa. Etiam gravida vestibulum urna. Quisque id purus rutrum, tristique nisl eget, hendrerit lacus. Aenean convallis elit eget neque sodales ornare. Praesent vulputate blandit eros, porta vestibulum sapien pulvinar eget. Suspendisse venenatis a leo in sodales. Curabitur sed nisi id nisl vestibulum accumsan vel sed libero. Donec urna tortor, fringilla sed feugiat sit amet, condimentum eu erat. [break][break]
Nunc at efficitur turpis, non pharetra metus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed lectus purus, convallis et dolor id, lobortis consequat leo. Nullam tellus ex, placerat a eleifend molestie, mollis eu enim. Fusce a tortor efficitur, tincidunt ex eget, tempor nibh. Duis in sapien ultrices, varius nulla a, consequat mauris. Sed laoreet hendrerit pulvinar. Nam venenatis finibus interdum. Fusce varius odio leo, ut maximus diam laoreet et. Quisque non tempus sapien, sed lobortis nibh. Donec semper sapien nec ante ultricies, in rutrum metus luctus. Nullam sodales consectetur faucibus. Curabitur volutpat libero vitae felis congue ultricies. Curabitur eros magna, maximus ut rutrum sit amet, sollicitudin vitae lectus.
i heard there was a secret chord
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sodales erat eu urna vulputate, eu aliquet odio sodales. Vestibulum ultrices risus vel risus semper gravida. Morbi id felis et tortor volutpat viverra id nec nisl. Sed eget sagittis neque. Nulla facilisi. Proin fringilla interdum sem sit amet aliquet. Praesent nisi nisi, sodales ac dapibus at, scelerisque pellentesque tellus. Nunc quis nibh venenatis augue lobortis lacinia. Vestibulum id magna nunc. Donec id nisl quis leo tempus pharetra. Praesent tempus scelerisque ex, eget lobortis augue interdum non. Maecenas vulputate vel orci vel pretium. Quisque euismod, nisl at cursus finibus, urna diam aliquet sapien, id rhoncus urna enim eget enim. Fusce bibendum pretium sem, iaculis gravida neque molestie at. Morbi tempus risus vitae volutpat aliquam. Nam in iaculis risus, ut finibus nulla. [break][break]
Nulla ex nisl, accumsan sed elementum non, porttitor ut libero. Cras eleifend turpis sit amet pharetra porta. Etiam eros lorem, sollicitudin eu lectus nec, pretium tristique massa. Etiam gravida vestibulum urna. Quisque id purus rutrum, tristique nisl eget, hendrerit lacus. Aenean convallis elit eget neque sodales ornare. Praesent vulputate blandit eros, porta vestibulum sapien pulvinar eget. Suspendisse venenatis a leo in sodales. Curabitur sed nisi id nisl vestibulum accumsan vel sed libero. Donec urna tortor, fringilla sed feugiat sit amet, condimentum eu erat. [break][break]
Nunc at efficitur turpis, non pharetra metus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed lectus purus, convallis et dolor id, lobortis consequat leo. Nullam tellus ex, placerat a eleifend molestie, mollis eu enim. Fusce a tortor efficitur, tincidunt ex eget, tempor nibh. Duis in sapien ultrices, varius nulla a, consequat mauris. Sed laoreet hendrerit pulvinar. Nam venenatis finibus interdum. Fusce varius odio leo, ut maximus diam laoreet et. Quisque non tempus sapien, sed lobortis nibh. Donec semper sapien nec ante ultricies, in rutrum metus luctus. Nullam sodales consectetur faucibus. Curabitur volutpat libero vitae felis congue ultricies. Curabitur eros magna, maximus ut rutrum sit amet, sollicitudin vitae lectus.
[attr="class","starrCredit"]SELKIE
[newclass=.starr] width:525px; background-color:#E1E1E1; padding:5px; border:1px solid #D2D2D2; height:486px; [/newclass]
[newclass=.starrContainer] background-color:#fcfcfc; width:517px; padding:5px 0px 5px 5px; border:1px solid #D2D2D2; height:473px; [/newclass]
[newclass=.starrIconContainer] float:left; background-color:#F1F1F1; width:124px; height:124px; padding:25px; margin:-5px 0px 0px -5px; border-right:1px solid #D2D2D2;border-bottom:1px solid #D2D2D2; [/newclass]
[newclass=.starrIcon] padding:10px; background-color:#FDFDFD; border:1px solid #D2D2D2; height:100px; [/newclass]
[newclass=.starrInfoLine] width:124px; [/newclass]
[newclass=.starrInfoIcon] width:30px; height:30px; background-color:#FEFEFE; float:left; font-size:14px; display: flex; align-items: center; justify-content: center; color:#CC3F64; border-right:1px solid #D2D2D2;border-left:1px solid #D2D2D2;border-bottom:1px solid #D2D2D2;border-top:1px solid #D2D2D2;line-height:14px!important; [/newclass]
[newclass=.starrInfo] float:right; background-color:#F7F7F7; padding:25px; border-top:1px solid #D2D2D2; border-bottom:1px solid #D2D2D2; border-right:1px solid #D2D2D2; margin:5px 5px 0px 0px; width:125px; height:246px; display: flex; justify-content: space-between; flex-direction: column; [/newclass]
[newclass=.starrInfoBox] border-right:1px solid #D2D2D2;border-bottom:1px solid #D2D2D2;border-top:1px solid #D2D2D2; background-color:#FEFEFE; font:10px Barlow; text-align:right; text-transform:uppercase; line-height:20px; height:20px; overflow:auto; padding:5px; [/newclass]
[newclass=.starrInfoText] float:right; [/newclass]
[newclass=.starrName] background-color:#1b1b1b; width:337px; height:56px; color:#f7f7f7; float:right; margin-right:5px; font-family:Montserrat; font-weight:700; font-size:17px; text-transform:uppercase; line-height:56px; [/newclass]
[newclass=.starrTraits] width:97px; height:97px; border:1px solid #D2D2D2; background-color:#F7F7F7; float:left; margin:5px 0px 0px 5px; text-align:left; font-family:Montserrat; font-size:10px; padding:5px; line-height:140%; [/newclass]
[newclass=.starrTraitHd] font:bold 11px Barlow; letter-spacing:-1px; padding:0px 0px 2px 0px; border-bottom:1px solid #CC3F64; color:#1b1b1b; width:50px; margin:auto; margin-bottom:0px; text-align:center; line-height:100%; [/newclass]
[newclass=.starrTraitsScroll] margin-top:1px; height:82px; overflow:auto; [/newclass]
[newclass=.starrBodyBorder] background-color:#FBFBFB; float:left; width:332px; height:286px; padding:5px 0px 5px 0px; margin-left:0px; [/newclass]
[newclass=.starrBody] width:335px; height:296px; background-color:#FEFEFE; padding:0px; border:1px solid #D2D2D2; font-family:verdana; font-size:10px; color:#8b8b8b; line-height:130%; text-align:justify; [/newclass]
[newclass=.starrCredit]font:bold 7px roboto;font: bold 7px roboto; width: 50px; margin-left: 450px;[/newclass]
[newclass=.starrCredit a]font:bold 7px roboto!important;[/newclass]
[newclass=.starrBodyScroll b]font-weight:normal;color:#CC3F64;[/newclass]
[newclass=.starrBodyScroll i]font-style:normal;color:#CC3F64;[/newclass]
[newclass=.starrBodyScroll h1] font-size:12px; font:bold 14px montserrat; color:#ccc; margin-bottom:10px; [/newclass]
[newclass=.starrBodyScroll] margin:25px; height:246px; overflow:auto; padding-right:5px; [/newclass]
[newclass=.starrInfoBox::-webkit-scrollbar] width:2px; [/newclass]
[newclass=.starrInfoBox::-webkit-scrollbar-thumb] background-color:#1b1b1b; [/newclass]