Lauren's Templates

[nospaces]
[googlefont=Montserrat:700,700i|Open+Sans:400,400i,700]



[newclass=.angelonfire] --aofAccent:#d884bf; [/newclass]
[newclass=.aofSidebar img] animation-play-state:running!important;[/newclass]

[attr="class","angelonfire"]

[attr="class","aofSidebar"]

Lauren Lionel

[attr="class","aofBody"]

What does lorem ipsum mean even?

dabdabdab

[attr="class","aofCredit"]SELKIE

[newclass=.angelonfire] width:575px; border-radius:5px; background-color:#eee; overflow:hidden; display:flex; flex-flow:row wrap; [/newclass]
[newclass=.aofSidebar] width:200px; background-color:#5a5a5a; background-color:var(--aofAccent); display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; [/newclass]
[newclass=.aofSidebar img] width:100px; height:100px; position:absolute; z-index:1; padding:5px; background-color:#fafafa; border:10px solid #333; border-radius:100%; animation: aofpulse 5s infinite; animation-play-state:paused; } @keyframes aofpulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0.25); box-shadow: 0 0 0 0 rgba(0,0,0, 0.25); } 50% { -moz-box-shadow: 0 0 0 50px rgba(0,0,0, 0); box-shadow: 0 0 0 50px rgba(0,0,0, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0); box-shadow: 0 0 0 0 rgba(0,0,0, 0); }[/newclass]
[newclass=.aofSidebar div:last-child] display:block; width:190px; overflow-wrap: break-word; word-wrap: break-word; text-transform:lowercase; font-style:italic; text-align:left; position:absolute; bottom:-5px; left:5px; [/newclass]
[newclass=.aofSidebar div:last-child a] font:700 30px/25px montserrat; font-style:italic; text-transform:lowercase; color:#fafafa!important; text-shadow:-1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333; [/newclass]
[newclass=.aofSidebar:before] content:''; position:absolute; width:100%; height:500px; bottom:0px; left:0px; background:url(https://image.ibb.co/mZ7zmp/1_by_Cold_Love98_1_copy.png); opacity:.15; [/newclass]
[newclass=.aofBody] width:300px; [/newclass]
[newclass=.aofBody b] font:700 10px montserrat; color:var(--aofAccent); [/newclass]
[newclass=.aofBody i] color:#999; border-bottom:1px solid var(--aofAccent); [/newclass]
[newclass=.aofBody div:first-child] width:272px; min-height:125px; margin:25px 25px 0px 25px; padding:0px 25px; border-left:1px solid #ddd; border-right:1px solid #ddd; font:400 10px open sans; text-align:justify; color:#6a6a6a; [/newclass]
[newclass=.aofBody div:last-child] width:325px; text-align:justify; font:400 10px open sans; color:#aaa; padding:25px; [/newclass]
[newclass=.aofCredit] font:bold 7px roboto; margin-left:500px; [/newclass]
[newclass=.aofCredit a] font:bold 7px roboto!important; [/newclass]