posted Jul 10, 2018 14:52:27 GMT -6 in colorful and free
[nospaces][googlefont=Montserrat:700|Roboto:700]
[newclass=.CaFBorder] border:10px solid #efefef; outline:1px solid #ddd; width:452px; margin:1px; [/newclass]
[newclass=.CaFBody] border:1px solid #ddd; background-color:#fefefe; [/newclass]
[newclass=.CaFHeader] display:flex; justify-content:space-between; align-items:center; background-color:#fafafa; border-bottom:1px solid #ddd; padding:20px; [/newclass]
[newclass=.CaFIcon] padding:10px; width:100px; height:100px; border:2px solid #ddd; display:flex; align-items:center; justify-content:center; border-radius:100%; [/newclass]
[newclass=.CaFAni] border:2px solid transparent; border-right:2px solid #B84244; height:120px; width:120px; border-radius:100%; position:absolute; -ms-animation: spinner 2.5s linear infinite; -moz-animation: spinner 2.5s linear infinite; -webkit-animation: spinner 2.5s linear infinite; -o-animation: spinner 2.5s linear infinite; animation: spinner 2.5s linear infinite; z-index:1; } @keyframes spinner { 0% { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -ms-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg); } }[/newclass]
[newclass=.CaFLyric] display:flex; flex-direction:column; cursor:default [/newclass]
[newclass=.CaFLyric1] font:700 31px/100% Montserrat; color:#ddd; text-transform:uppercase; text-align:right; [/newclass]
[newclass=.CaFLyric2] font:800 24px Signerica_Fat; color:#88C26D; line-height:24px; text-shadow: #FAFAFA 1px 1px, #FAFAFA -1px 1px, #FAFAFA 1px -1px, #FAFAFA -1px -1px; margin-top:-10px; } @font-face { font-family:Signerica_Fat; src:url(//dl.dropbox.com/s/o5tlpkcxt7qwgj1/Signerica_Fat.ttf) format('truetype'); [/newclass]
[newclass=.CaFPost] font:11px roboto; color:#7a7a7a; padding:50px; text-align:justify; [/newclass]
[newclass=.CaFPost b] color:#57ADBD; font:700 11px Montserrat; [/newclass]
[newclass=.CaFFooter] display:flex; height:40px; [/newclass]
[newclass=.CaFTag] width:33%; font:9px roboto; text-transform:uppercase; padding:10px; border-top:1px solid #DDDDDD; background-color:#FAFAFA; color:#7a7a7a; display:flex; align-items:center; justify-content:center; [/newclass]
[newclass=.CaFTag a] font:9px roboto!important; [/newclass]
[newclass=.CaFNotes] font:9px roboto; text-transform:uppercase; background-color:#C391CC; color:#FEFEFE; width:66%; padding:10px 10px; height:20px; overflow:hidden; display:flex; text-align:left; justify-content:center; align-items:center; [/newclass]
[newclass=.CaFCredit] font:700 7px roboto; width:50px; margin-left:400px; [/newclass]
[newclass=.CaFCredit a] font:700 7px roboto; [/newclass]
[attr="class","CaFBorder"]
[attr="class","CaFBody"]
[attr="class","CaFHeader"]
[attr="class","CaFIcon"]
[attr="class","CaFAni"]
[attr="class","CaFLyric"]
[attr="class","CaFLyric1"]why can't i see
[attr="class","CaFLyric1"]all the colors
[attr="class","CaFLyric2"]that you see
[attr="class","CaFPost"]
lorem ipsum dolor sit amet, consectetur adipiscing elit. vivamus nec orci aliquam, sodales nibh at, interdum ante. integer luctus elementum libero quis aliquet. cras non diam ut diam porttitor bibendum. sed eu risus vitae urna viverra pulvinar vel eget ipsum. mauris et maximus tortor, sit amet tristique purus. ut mattis non dolor ut pharetra. aliquam erat volutpat. donec id neque arcu. sed metus diam, iaculis at efficitur ac, maximus quis lacus. aenean luctus, nibh at euismod aliquet, leo ex lobortis orci, et consectetur ex nibh volutpat sem. suspendisse in purus lacus. curabitur posuere ipsum et placerat euismod. praesent tincidunt nibh orci, nec gravida leo consequat a. cras mattis tincidunt mi, non maximus orci mattis in. nunc in lacus non sapien hendrerit venenatis interdum vitae dui. [break][break]
orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. proin pellentesque est ac arcu commodo, vel commodo turpis egestas. mauris in lectus vitae metus convallis feugiat. donec porta lorem a fringilla convallis. donec eleifend tellus sed magna tempus pellentesque. curabitur tempor diam sed nibh condimentum, sed hendrerit purus molestie. proin at malesuada dui. maecenas auctor porta nisl, dictum faucibus dolor egestas eu. sed scelerisque ligula et purus fermentum, et molestie velit rutrum. [break][break]
interdum et malesuada fames ac ante ipsum primis in faucibus. donec varius consequat tortor, vitae lobortis eros bibendum in. suspendisse potenti. duis eu ex eros. aliquam erat volutpat. cras mattis nulla mollis varius lobortis. donec pellentesque elit lorem, eget aliquet leo volutpat nec. proin ultricies tincidunt condimentum. nullam bibendum neque a mattis tempus. quisque ac purus placerat augue ornare imperdiet eget eget turpis. nunc diam nisi, tincidunt non mattis vel, pharetra eget libero. donec nunc dui, bibendum consequat convallis vel, rhoncus vel est. curabitur volutpat cursus augue et imperdiet.
lorem ipsum dolor sit amet, consectetur adipiscing elit. vivamus nec orci aliquam, sodales nibh at, interdum ante. integer luctus elementum libero quis aliquet. cras non diam ut diam porttitor bibendum. sed eu risus vitae urna viverra pulvinar vel eget ipsum. mauris et maximus tortor, sit amet tristique purus. ut mattis non dolor ut pharetra. aliquam erat volutpat. donec id neque arcu. sed metus diam, iaculis at efficitur ac, maximus quis lacus. aenean luctus, nibh at euismod aliquet, leo ex lobortis orci, et consectetur ex nibh volutpat sem. suspendisse in purus lacus. curabitur posuere ipsum et placerat euismod. praesent tincidunt nibh orci, nec gravida leo consequat a. cras mattis tincidunt mi, non maximus orci mattis in. nunc in lacus non sapien hendrerit venenatis interdum vitae dui. [break][break]
orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. proin pellentesque est ac arcu commodo, vel commodo turpis egestas. mauris in lectus vitae metus convallis feugiat. donec porta lorem a fringilla convallis. donec eleifend tellus sed magna tempus pellentesque. curabitur tempor diam sed nibh condimentum, sed hendrerit purus molestie. proin at malesuada dui. maecenas auctor porta nisl, dictum faucibus dolor egestas eu. sed scelerisque ligula et purus fermentum, et molestie velit rutrum. [break][break]
interdum et malesuada fames ac ante ipsum primis in faucibus. donec varius consequat tortor, vitae lobortis eros bibendum in. suspendisse potenti. duis eu ex eros. aliquam erat volutpat. cras mattis nulla mollis varius lobortis. donec pellentesque elit lorem, eget aliquet leo volutpat nec. proin ultricies tincidunt condimentum. nullam bibendum neque a mattis tempus. quisque ac purus placerat augue ornare imperdiet eget eget turpis. nunc diam nisi, tincidunt non mattis vel, pharetra eget libero. donec nunc dui, bibendum consequat convallis vel, rhoncus vel est. curabitur volutpat cursus augue et imperdiet.
[attr="class","CaFFooter"]
[attr="class","CaFNotes"]
put your notes here!
put your notes here!
[attr="class","CaFTag"]
@tagged
@tagged
[attr="class","CaFCredit"]SELKIE
[newclass=.CaFBorder] border:10px solid #efefef; outline:1px solid #ddd; width:452px; margin:1px; [/newclass]
[newclass=.CaFBody] border:1px solid #ddd; background-color:#fefefe; [/newclass]
[newclass=.CaFHeader] display:flex; justify-content:space-between; align-items:center; background-color:#fafafa; border-bottom:1px solid #ddd; padding:20px; [/newclass]
[newclass=.CaFIcon] padding:10px; width:100px; height:100px; border:2px solid #ddd; display:flex; align-items:center; justify-content:center; border-radius:100%; [/newclass]
[newclass=.CaFAni] border:2px solid transparent; border-right:2px solid #B84244; height:120px; width:120px; border-radius:100%; position:absolute; -ms-animation: spinner 2.5s linear infinite; -moz-animation: spinner 2.5s linear infinite; -webkit-animation: spinner 2.5s linear infinite; -o-animation: spinner 2.5s linear infinite; animation: spinner 2.5s linear infinite; z-index:1; } @keyframes spinner { 0% { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -ms-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg); } }[/newclass]
[newclass=.CaFLyric] display:flex; flex-direction:column; cursor:default [/newclass]
[newclass=.CaFLyric1] font:700 31px/100% Montserrat; color:#ddd; text-transform:uppercase; text-align:right; [/newclass]
[newclass=.CaFLyric2] font:800 24px Signerica_Fat; color:#88C26D; line-height:24px; text-shadow: #FAFAFA 1px 1px, #FAFAFA -1px 1px, #FAFAFA 1px -1px, #FAFAFA -1px -1px; margin-top:-10px; } @font-face { font-family:Signerica_Fat; src:url(//dl.dropbox.com/s/o5tlpkcxt7qwgj1/Signerica_Fat.ttf) format('truetype'); [/newclass]
[newclass=.CaFPost] font:11px roboto; color:#7a7a7a; padding:50px; text-align:justify; [/newclass]
[newclass=.CaFPost b] color:#57ADBD; font:700 11px Montserrat; [/newclass]
[newclass=.CaFFooter] display:flex; height:40px; [/newclass]
[newclass=.CaFTag] width:33%; font:9px roboto; text-transform:uppercase; padding:10px; border-top:1px solid #DDDDDD; background-color:#FAFAFA; color:#7a7a7a; display:flex; align-items:center; justify-content:center; [/newclass]
[newclass=.CaFTag a] font:9px roboto!important; [/newclass]
[newclass=.CaFNotes] font:9px roboto; text-transform:uppercase; background-color:#C391CC; color:#FEFEFE; width:66%; padding:10px 10px; height:20px; overflow:hidden; display:flex; text-align:left; justify-content:center; align-items:center; [/newclass]
[newclass=.CaFCredit] font:700 7px roboto; width:50px; margin-left:400px; [/newclass]
[newclass=.CaFCredit a] font:700 7px roboto; [/newclass]