posted Dec 3, 2018 19:06:37 GMT -6 in monster
[googlefont=Roboto:400,600,700|Raleway:200|Roboto+Condensed:400,700]
[newclass=.selk-monster .abc-selk-contain h1, .selk-monster .abc-selk-hash a, .selk-monster .abc-selk-rules h2]color:#7B9AFD!important;[/newclass]
[newclass=.selk-monster .abc-selk-link]background-color:#7B9AFD!important;[/newclass]
[newclass=.abc-selk-contain, .selk-code] --abc-selk-accent:#CCCCCC; [/newclass]
[newclass=.abc-selk-contain] width:500px; padding:25px; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px; background-color:#eee; display:flex; flex-flow:row wrap; justify-content:space-between; position:relative; overflow:hidden; [/newclass]
[newclass=.abc-selk-contain h1] margin:0px; width:100%; display:flex; flex-flow:row wrap; align-items:center; font:200 32px/32px Raleway; color:var(--abc-selk-accent); [/newclass]
[newclass=.abc-selk-contain h1:after] content:''; width:10px; height:1px; background-color:#ccc; flex-grow:2; margin-left:25px; [/newclass]
[newclass=.abc-selk-contain h1:before] content:'A-B-'; color:#ccc; [/newclass]
[newclass=.abc-selk-body] width:350px; border-radius:5px; color:#aaa; font:400 11px roboto; text-align:justify; margin-top:25px; [/newclass]
[newclass=.abc-selk-text] background-color:#fafafa; padding:25px; border-radius:5px; [/newclass]
[newclass=.abc-selk-hash] margin:25px 0px; text-align:left; [/newclass]
[newclass=.abc-selk-hash a] display:inline-block; height:10px; padding:5px 7px; margin:0px 3px 5px 0px; color:var(--abc-selk-accent); background-color:#ddd; border-radius:2px; text-transform:uppercase; font:600 10px/10px roboto; [/newclass]
[newclass=.abc-selk-colorpickers] width:309px; display:flex; flex-flow:row wrap; align-items:flex-start; [/newclass]
[newclass=.abc-selk-color] display:flex; flex-flow:row nowrap; width:309px; [/newclass]
[newclass=.abc-selk-color div] height:10px; display:inline-block; margin-right:5px; background-color:#ccc; [/newclass]
[newclass=.abc-selk-color span] height:10px; width:0px; display:flex; font:600 9px/10px Roboto; color:#ccc; [/newclass]
[newclass=.abc-selk-var] width:340px; font:400 10px/13px roboto; margin-top:25px; padding-right:10px; height:25px; overflow:auto; [/newclass]
[newclass=.abc-selk-var::-webkit-scrollbar] width:5px; border:0px; [/newclass]
[newclass=.abc-selk-var::-webkit-scrollbar-thumb] background-color:#999; border:0px; [/newclass]
[newclass=.abc-selk-var::-webkit-scrollbar-track] background-color:#ddd; border:0px; [/newclass]
[newclass=.abc-selk-rules] margin:25px 0px 0px 0px; text-align:left; width:125px; display:flex; justify-content:flex-start; align-self:stretch; flex-flow:column nowrap; border-right:1px solid #ddd; [/newclass]
[newclass=.abc-selk-rules img] width:100px; height:100px; border-radius:5px; [/newclass]
[newclass=.selk-code] background-color:#eee; width:500px; padding:25px; -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-top:-25px; position:relative; overflow:hidden; [/newclass]
[newclass=.selk-code div] margin:0px!important; display:flex; flex-flow:row wrap; align-items:center; justify-content:center; [/newclass]
[newclass=.selk-code div span] display:inline-block; font:700 9px roboto; color:#333; text-transform:uppercase; background-color:#ddd; margin:0px 5px 25px 0px; padding:5px 8px; border-radius:3px; [/newclass]
[newclass=.selk-code code] display:block; width:400px!important; height:100px!important;overflow:auto!important; padding:25px!important; text-align:justify; border-radius:5px; font:11px roboto; color:#aaa; background-color:#f7f7f7; border:0px!important; [/newclass]
[newclass=.selk-code .code_tag_toggle]margin-top:25px; border:0px!important; color:#333!important; font:700 9px/9px roboto!important; padding:5px 10px!important; border-radius:3px!important;[/newclass]
[newclass=.abc-selk-link] position:absolute; bottom:0px; right:0px; height:45px; width:45px!important; background-color:var(--abc-selk-accent); display:flex!important; align-items:center!important; justify-content:center!important; border-radius:0px; [/newclass]
[newclass=.abc-selk-link i] font-size:20px; color:#fafafa; [/newclass][break][break]
[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","selk-monster"]
[attr="class","abc-selk-contain"]
monster
[attr="class","abc-selk-rules"]
[attr="class","abc-selk-body"]
[attr="class","abc-selk-text"]
slamming this up before my first final, it really beith. this was inspired a lot by the design of this youtube video of the song, which apparently? is not the official upload? whoops. curse osu! music for leading me astray *shakes fist* [break][break]
the main idea of this code was to have a site necessity that covered (almost) all of your bases, without needing to juggle separate codes for each section -- an all-in-one code, essentially. because of this there's a lot of classes to keep track of, so in a list --[break][break]
[*h1] tags is the main title of the code, [break]
[*h2] tags are small subheadings for additional detail or prettiness, [break]
[*h3] tags are large subheadings, for section titles, [break]
[*h4] tags are font icon bulletpoints for rules and et cetera. [break]
[*blockquote] and [*code] will automatically style within the template.[break][break]
the header image is 500 by 250 pixels and will be overlaid with the accent color automatically. the next post is an optional, but highly recommended, installation guide that will put the css & other needed parts into your site skin, to keep things a little cleaner. [break][break]
also, while there's a credit link built into the template, i'm okay with you removing it as long as you credit selkie of pixel perfect somewhere accessible on the site!
slamming this up before my first final, it really beith. this was inspired a lot by the design of this youtube video of the song, which apparently? is not the official upload? whoops. curse osu! music for leading me astray *shakes fist* [break][break]
the main idea of this code was to have a site necessity that covered (almost) all of your bases, without needing to juggle separate codes for each section -- an all-in-one code, essentially. because of this there's a lot of classes to keep track of, so in a list --[break][break]
[*h1] tags is the main title of the code, [break]
[*h2] tags are small subheadings for additional detail or prettiness, [break]
[*h3] tags are large subheadings, for section titles, [break]
[*h4] tags are font icon bulletpoints for rules and et cetera. [break]
[*blockquote] and [*code] will automatically style within the template.[break][break]
the header image is 500 by 250 pixels and will be overlaid with the accent color automatically. the next post is an optional, but highly recommended, installation guide that will put the css & other needed parts into your site skin, to keep things a little cleaner. [break][break]
also, while there's a credit link built into the template, i'm okay with you removing it as long as you credit selkie of pixel perfect somewhere accessible on the site!
[attr="class","abc-selk-hash"]
[HASH]lightnecessity [HASH]sitenecessity [HASH]singleaccent [HASH]faceclaimlist [HASH]rules [HASH]generaltemplate [HASH]bigimage [HASH]noscroll [HASH]roboto [HASH]montserrat [HASH]opensans [HASH]sourcesanspro [HASH]montserratalternates [HASH]honeybeeicons [HASH]abcsofcode
[HASH]lightnecessity [HASH]sitenecessity [HASH]singleaccent [HASH]faceclaimlist [HASH]rules [HASH]generaltemplate [HASH]bigimage [HASH]noscroll [HASH]roboto [HASH]montserrat [HASH]opensans [HASH]sourcesanspro [HASH]montserratalternates [HASH]honeybeeicons [HASH]abcsofcode
[attr="class","abc-selk-colorpickers"]
[attr="class","abc-selk-color"]
#7B9AFD
#7B9AFD
[attr="class","abc-selk-var"]
this template uses css variables for easier editing and is therefore incompatible with internet explorer. if you need this cross-compatibility, use a search and replace to change var(--reolAccent) to the desired hex code.
this template uses css variables for easier editing and is therefore incompatible with internet explorer. if you need this cross-compatibility, use a search and replace to change var(--reolAccent) to the desired hex code.
[attr="class","selk-code"]
edit as much as you want!
don't touch the credits!
i'd love to see how you use it!
edit as much as you want!
don't touch the credits!
i'd love to see how you use it!
[nospaces][googlefont=Roboto:400,700|Montserrat:200,400|Montserrat+Alternates:300|Open+Sans:400|Source+Sans+Pro:700]
[div align="center"][div][attr="class","reolContain"]
[div][attr="class","reolHeader"]
[img src="https://image.ibb.co/iJXGU9/image.png" style="width:500px;height:250px;"]
[div][attr="class","reolButton"]
[span][attr="class","th th-information-o"][/span]
[/div]
[/div]
[div][attr="class","reolBody"]
[h1]header one[/h1]
[h2]header two is a mini-title for info or prettiness. you can delete it if you hate it[/h2]
[div]
normal text looks like this. also, you can swap out the icon in the span class for each separate page (so a face for face claims, a book for plot, et cetera) if you want, it'll look nice. grab the link to honeybee icons below.
[h3]header 3 is a subtitle[/h3]
[blockquote]
blockquotes do a, well...blockquote. they're designed for lists of canons, faces, et cetera. [break][break]
[b]SERIES, character[/b] as @selkie [break]
[b]SERIES, character[/b] [i]as @tagged. use italics for reservations[/i] [break]
[b]SERIES, character[/b] as @tagged [break]
[b]SERIES, character[/b] as @tagged [break]
[b]SERIES, character[/b] as @tagged [break]
[/blockquote]
[h3]header 3 is a subtitle[/h3]
[h4]header 4 is a bulletpoint. use it for rules, mostly? or anything else you use multi-lines bullet for, i guess. if you want to change the hashtag symbol to something else, change \e42f in [i].reolbody h4:before[/i] to the wanted icon's [b]unicode[/b] found on [a href="https://honeybee.themehive.co/"]honeybee's site[/a].[/h4]
[/div]
[/div][/div]
[div][attr="class","reolCredit"][a href="http://pixel-perfect.boards.net/user/15"]SELKIE[/a][/div]
[/div]
[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","abc-selk-link"]
[attr="class","lnr lnr-lock"]
[attr="class","lnr lnr-lock"]
[newclass=.selk-monster .abc-selk-contain h1, .selk-monster .abc-selk-hash a, .selk-monster .abc-selk-rules h2]color:#7B9AFD!important;[/newclass]
[newclass=.selk-monster .abc-selk-link]background-color:#7B9AFD!important;[/newclass]
[newclass=.abc-selk-contain, .selk-code] --abc-selk-accent:#CCCCCC; [/newclass]
[newclass=.abc-selk-contain] width:500px; padding:25px; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px; background-color:#eee; display:flex; flex-flow:row wrap; justify-content:space-between; position:relative; overflow:hidden; [/newclass]
[newclass=.abc-selk-contain h1] margin:0px; width:100%; display:flex; flex-flow:row wrap; align-items:center; font:200 32px/32px Raleway; color:var(--abc-selk-accent); [/newclass]
[newclass=.abc-selk-contain h1:after] content:''; width:10px; height:1px; background-color:#ccc; flex-grow:2; margin-left:25px; [/newclass]
[newclass=.abc-selk-contain h1:before] content:'A-B-'; color:#ccc; [/newclass]
[newclass=.abc-selk-body] width:350px; border-radius:5px; color:#aaa; font:400 11px roboto; text-align:justify; margin-top:25px; [/newclass]
[newclass=.abc-selk-text] background-color:#fafafa; padding:25px; border-radius:5px; [/newclass]
[newclass=.abc-selk-hash] margin:25px 0px; text-align:left; [/newclass]
[newclass=.abc-selk-hash a] display:inline-block; height:10px; padding:5px 7px; margin:0px 3px 5px 0px; color:var(--abc-selk-accent); background-color:#ddd; border-radius:2px; text-transform:uppercase; font:600 10px/10px roboto; [/newclass]
[newclass=.abc-selk-colorpickers] width:309px; display:flex; flex-flow:row wrap; align-items:flex-start; [/newclass]
[newclass=.abc-selk-color] display:flex; flex-flow:row nowrap; width:309px; [/newclass]
[newclass=.abc-selk-color div] height:10px; display:inline-block; margin-right:5px; background-color:#ccc; [/newclass]
[newclass=.abc-selk-color span] height:10px; width:0px; display:flex; font:600 9px/10px Roboto; color:#ccc; [/newclass]
[newclass=.abc-selk-var] width:340px; font:400 10px/13px roboto; margin-top:25px; padding-right:10px; height:25px; overflow:auto; [/newclass]
[newclass=.abc-selk-var::-webkit-scrollbar] width:5px; border:0px; [/newclass]
[newclass=.abc-selk-var::-webkit-scrollbar-thumb] background-color:#999; border:0px; [/newclass]
[newclass=.abc-selk-var::-webkit-scrollbar-track] background-color:#ddd; border:0px; [/newclass]
[newclass=.abc-selk-rules] margin:25px 0px 0px 0px; text-align:left; width:125px; display:flex; justify-content:flex-start; align-self:stretch; flex-flow:column nowrap; border-right:1px solid #ddd; [/newclass]
[newclass=.abc-selk-rules img] width:100px; height:100px; border-radius:5px; [/newclass]
[newclass=.selk-code] background-color:#eee; width:500px; padding:25px; -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-top:-25px; position:relative; overflow:hidden; [/newclass]
[newclass=.selk-code div] margin:0px!important; display:flex; flex-flow:row wrap; align-items:center; justify-content:center; [/newclass]
[newclass=.selk-code div span] display:inline-block; font:700 9px roboto; color:#333; text-transform:uppercase; background-color:#ddd; margin:0px 5px 25px 0px; padding:5px 8px; border-radius:3px; [/newclass]
[newclass=.selk-code code] display:block; width:400px!important; height:100px!important;overflow:auto!important; padding:25px!important; text-align:justify; border-radius:5px; font:11px roboto; color:#aaa; background-color:#f7f7f7; border:0px!important; [/newclass]
[newclass=.selk-code .code_tag_toggle]margin-top:25px; border:0px!important; color:#333!important; font:700 9px/9px roboto!important; padding:5px 10px!important; border-radius:3px!important;[/newclass]
[newclass=.abc-selk-link] position:absolute; bottom:0px; right:0px; height:45px; width:45px!important; background-color:var(--abc-selk-accent); display:flex!important; align-items:center!important; justify-content:center!important; border-radius:0px; [/newclass]
[newclass=.abc-selk-link i] font-size:20px; color:#fafafa; [/newclass][break][break]
[nospaces][googlefont=Roboto:400,700|Montserrat:200,400|Montserrat+Alternates:300|Open+Sans:400|Source+Sans+Pro:700]
[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]