posted Sept 27, 2018 20:37:34 GMT -6 in [ABC's] monster [site necessity]
[nospaces][googlefont=Roboto:400,700|Montserrat:200,400|Montserrat+Alternates:300|Open+Sans:400|Source+Sans+Pro:700]
[newclass=.reolContain] --reolAccent:#7B9AFD; [/newclass]
[newclass=.reolContain] width:500px; background-color:#eee; margin:10px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); position:relative; [/newclass]
[newclass=.reolHeader] display:flex; flex-flow:column nowrap; [/newclass]
[newclass=.reolHeader img:first-child] width:500px; height:250px; filter:grayscale(100%) contrast(250%); [/newclass]
[newclass=.reolHeader:after] content:''; width:500px; height:250px; position:absolute; top:0px; left:0px; background-color: var(--reolAccent); opacity:.75; [/newclass]
[newclass=.reolButton] width:70px; height:70px; background-color:#f8f8f8; margin-top:-35px; position:relative; border-radius:100%; z-index:1; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); display:flex; align-items:center; justify-content:center; [/newclass]
[newclass=.reolButton span] font-size:33px; color:var(--reolAccent); transition:.25s ease; [/newclass]
[newclass=.reolBody] padding:25px 25px 25px 25px; [/newclass]
[newclass=.reolBody h1] margin:0px 0px; height:35px; display:flex; align-items:center; justify-content:center; font:200 35px/35px montserrat; color:var(--reolAccent); text-shadow: -1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.reolBody h1:before] content:''; height:1px; flex-grow:1; margin-right:10px; background-color:var(--reolAccent); border:1px solid #fafafa; [/newclass]
[newclass=.reolBody h1:after] content:''; height:1px; flex-grow:1; margin-left:10px; background-color:var(--reolAccent); border:1px solid #fafafa; [/newclass]
[newclass=.reolBody h2] margin:0px; font:700 8px source sans pro; color:#bbb; text-transform:uppercase; text-align:center; [/newclass]
[newclass=.reolBody h3] margin:10px; height:25px; font:300 25px/25px montserrat alternates; color:#bababa; text-shadow: -1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.reolBody h4] margin:0px 10px 0px 0px; display:block; min-height:45px; font:11px/15px roboto; margin-top:10px; [/newclass]
[newclass=.reolBody h4:before] content:'\e42f'; float:left; width:35px; height:34px; overflow:hidden; display:flex; align-items:flex-start; justify-content:center; font:38px 'Honeybee'; color:var(--reolAccent); margin-right:10px; margin-top:10px; border-bottom:1px solid #ccc; [/newclass]
[newclass=.reolBody div] padding:25px; font:400 11px/15px roboto; color:#7a7a7a; text-align:justify; [/newclass]
[newclass=.reolBody div b] font:700 11px/14px roboto; color:var(--reolAccent); text-shadow: -1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.reolBody div i] color:#aaa; [/newclass]
[newclass=.reolBody div blockquote] margin:0px; padding:0px 25px; [/newclass]
[newclass=.reolBody div a] text-shadow: -1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.reolBody code] display:flex!important; align-items:center; justify-content:center; margin:0px!important; width:328px!important; height:auto!important; border:1px solid #ccc!important; padding:10px!important; font:400 10px open sans!important; color:#7a7a7a; background-color:#ddd!important; margin: 0 auto!important;[/newclass]
[newclass=.reolBody button]display:none!important;[/newclass]
[newclass=.reolCredit] font:bold 7px roboto; margin-left:450px; margin-top:-10px; [/newclass]
[newclass=.reolCredit a] font:bold 7px roboto!important; [/newclass]
[newclass=.th]speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale } @font-face { font-family: "honeybee";src:url("//dl.dropbox.com/s/0l8lnm6qy7vzwn7/honeybee.eot");src:url("//dl.dropbox.com/s/0l8lnm6qy7vzwn7/honeybee.eot?#iefix") format("embedded-opentype"),url("//dl.dropbox.com/s/504hc3yd80hv4ux/honeybee.woff") format("woff"),url("//dl.dropbox.com/s/2f5jbp3v8tjk5hf/honeybee.ttf") format("truetype"),url("//dl.dropbox.com/s/nyfekn9fqo1wid2/honeybee.svg#honeybee") format("svg");font-weight: normal;font-style: normal;[/newclass]
[newclass=.th-bookmark-1-o:before]content: "\3d"; font-family: "honeybee";[/newclass]
[attr="class","reolContain"]
[attr="class","reolHeader"]
[attr="class","reolButton"]
[attr="class","th th-bookmark-1-o"]
[attr="class","th th-bookmark-1-o"]
[attr="class","reolBody"]
Kaze ni sawatta yami wa yurete Kanadeta neiro shizukesa wo mau Ukabu tsuki mitsumeru boku no me wa Naniironanda Furueru kono te wa Ironna mono zenbu Hoshigatteiru nante sa Kokkei daro Sousa bokura mogaki tsuzukete yuku monster Menimieru mono subete nozomunda Tamerau hima nante naikara Soshite sora wo wakatsu tsuki no akari no shita Hane no mo nai no ni tobou to surunda Donna mono mo gisei ni shite
monster
an all-in-one site information template
Kaze ni sawatta yami wa yurete Kanadeta neiro shizukesa wo mau Ukabu tsuki mitsumeru boku no me wa Naniironanda Furueru kono te wa Ironna mono zenbu Hoshigatteiru nante sa Kokkei daro Sousa bokura mogaki tsuzukete yuku monster Menimieru mono subete nozomunda Tamerau hima nante naikara Soshite sora wo wakatsu tsuki no akari no shita Hane no mo nai no ni tobou to surunda Donna mono mo gisei ni shite
they'll be coming
no te wa se Ima mo dokoka de atatakai to Jibun ni iikakaseru kono koe wa Oboeterunda Karada ni koboreta Kage wa iki o haite Hitotoki no suki ni akaku someta Sou sa bokura mogaki tsuzukete yuku monster Fureru subete kowashite shimaunda Furikaeru yochi nante nai kara
Soshite awake yakeru higashi no sora no shita Egaku gensou ni yoishirerunda Mune no oku so kakushite Fuan ni kamitsukareta kono ashi wa Soredemo susumu koto wo yame wa shinai Taiyou to tsuki ga kasanari kage wo otoshite mo
so sa bokura towa
REOL, monster as @selkie [break]
REOL, no title for @tagged until september 21 [break]
SERIES, character as @tagged [break]
SERIES, character as @tagged [break]
SERIES, character as @tagged [break]
[b]SERIES, character[/b] as @tagged[attr="class","reolCredit"]SELKIE
[newclass=.reolContain] --reolAccent:#7B9AFD; [/newclass]
[newclass=.reolContain] width:500px; background-color:#eee; margin:10px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); position:relative; [/newclass]
[newclass=.reolHeader] display:flex; flex-flow:column nowrap; [/newclass]
[newclass=.reolHeader img:first-child] width:500px; height:250px; filter:grayscale(100%) contrast(250%); [/newclass]
[newclass=.reolHeader:after] content:''; width:500px; height:250px; position:absolute; top:0px; left:0px; background-color: var(--reolAccent); opacity:.75; [/newclass]
[newclass=.reolButton] width:70px; height:70px; background-color:#f8f8f8; margin-top:-35px; position:relative; border-radius:100%; z-index:1; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); display:flex; align-items:center; justify-content:center; [/newclass]
[newclass=.reolButton span] font-size:33px; color:var(--reolAccent); transition:.25s ease; [/newclass]
[newclass=.reolBody] padding:25px 25px 25px 25px; [/newclass]
[newclass=.reolBody h1] margin:0px 0px; height:35px; display:flex; align-items:center; justify-content:center; font:200 35px/35px montserrat; color:var(--reolAccent); text-shadow: -1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.reolBody h1:before] content:''; height:1px; flex-grow:1; margin-right:10px; background-color:var(--reolAccent); border:1px solid #fafafa; [/newclass]
[newclass=.reolBody h1:after] content:''; height:1px; flex-grow:1; margin-left:10px; background-color:var(--reolAccent); border:1px solid #fafafa; [/newclass]
[newclass=.reolBody h2] margin:0px; font:700 8px source sans pro; color:#bbb; text-transform:uppercase; text-align:center; [/newclass]
[newclass=.reolBody h3] margin:10px; height:25px; font:300 25px/25px montserrat alternates; color:#bababa; text-shadow: -1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.reolBody h4] margin:0px 10px 0px 0px; display:block; min-height:45px; font:11px/15px roboto; margin-top:10px; [/newclass]
[newclass=.reolBody h4:before] content:'\e42f'; float:left; width:35px; height:34px; overflow:hidden; display:flex; align-items:flex-start; justify-content:center; font:38px 'Honeybee'; color:var(--reolAccent); margin-right:10px; margin-top:10px; border-bottom:1px solid #ccc; [/newclass]
[newclass=.reolBody div] padding:25px; font:400 11px/15px roboto; color:#7a7a7a; text-align:justify; [/newclass]
[newclass=.reolBody div b] font:700 11px/14px roboto; color:var(--reolAccent); text-shadow: -1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.reolBody div i] color:#aaa; [/newclass]
[newclass=.reolBody div blockquote] margin:0px; padding:0px 25px; [/newclass]
[newclass=.reolBody div a] text-shadow: -1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.reolBody code] display:flex!important; align-items:center; justify-content:center; margin:0px!important; width:328px!important; height:auto!important; border:1px solid #ccc!important; padding:10px!important; font:400 10px open sans!important; color:#7a7a7a; background-color:#ddd!important; margin: 0 auto!important;[/newclass]
[newclass=.reolBody button]display:none!important;[/newclass]
[newclass=.reolCredit] font:bold 7px roboto; margin-left:450px; margin-top:-10px; [/newclass]
[newclass=.reolCredit a] font:bold 7px roboto!important; [/newclass]
[newclass=.th]speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale } @font-face { font-family: "honeybee";src:url("//dl.dropbox.com/s/0l8lnm6qy7vzwn7/honeybee.eot");src:url("//dl.dropbox.com/s/0l8lnm6qy7vzwn7/honeybee.eot?#iefix") format("embedded-opentype"),url("//dl.dropbox.com/s/504hc3yd80hv4ux/honeybee.woff") format("woff"),url("//dl.dropbox.com/s/2f5jbp3v8tjk5hf/honeybee.ttf") format("truetype"),url("//dl.dropbox.com/s/nyfekn9fqo1wid2/honeybee.svg#honeybee") format("svg");font-weight: normal;font-style: normal;[/newclass]
[newclass=.th-bookmark-1-o:before]content: "\3d"; font-family: "honeybee";[/newclass]