posted Oct 14, 2018 16:45:21 GMT -6 in [ABC's] tracker
[nospaces][googlefont=Raleway:100,200,300|Roboto:400,700|Open+Sans+Condensed:700|Open+Sans:400]
[newclass=.sel-abc-tr-contain] --sel-abc-tr-accent:#346CA4; width:600px; height:calc(943px + 75px); background-color:#f0f0f0; border-radius:5px; position:relative; [/newclass]
[newclass=.sel-abc-tr-contain h1] margin:0px 0px 0px 0px; padding:25px 25px 0px; display:flex; height:32px; align-items:center; flex-grow:1; font:100 34px raleway; color:#aaa; position:relative; z-index:1; text-shadow: -1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; text-transform:lowercase; [/newclass]
[newclass=.sel-abc-tr-contain h1:after] content:''; flex-grow:2; height:1px; border:1px solid #fafafa; background-color:#ccc; margin:0px 0px 0px 25px; position:relative; z-index:1; [/newclass]
[newclass=.sel-abc-tr-body] padding:50px; margin:25px; background-color:#f9f9f9; font:400 12px roboto; text-align:justify; color:#aaa; border-radius:5px; position:relative; z-index:1; [/newclass]
[newclass=.sel-abc-tr-body b]font:700 12px roboto; color:#777;[/newclass]
[newclass=.sel-abc-tr-list] width:calc(600px - 20px); height:400px; padding:0px 25px 25px 25px; display:flex; flex-flow:row wrap; position:relative; z-index:1; [/newclass]
[newclass=.sel-abc-tr-list div] width:calc(33% - 25px); height:40px; margin:0px 25px 25px 0px; display:flex; flex-flow:column nowrap; justify-content:center; position:relative; text-align:left; color:#aaa; text-shadow: -1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.sel-abc-tr-list div h2] margin:0px; font:700 15px/15px open sans condensed; text-transform:uppercase; [/newclass]
[newclass=.sel-abc-tr-list div h3] margin:0px; font:400 11px/11px open sans; color:#bbb; [/newclass]
[newclass=.sel-abc-tr-list div a] position:absolute; top:0px; right:0px; color:#ccc!important; [/newclass]
[newclass=.sel-abc-tr-list div a:before] content:'\e2a7'; font-family:'Honeybee'; font-size:39px; [/newclass]
[newclass=.sel-abc-tr-contain:after] content:''; background:url(https://image.ibb.co/h5t3vf/pixel-pattern.png); position:absolute; width:100%; height:100%; top:0px; left:0px; opacity:.05; [/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]
[attr="class","sel-abc-tr-contain"]
a(dvent calendar)-b-c's of code
[attr="class","sel-abc-tr-body"]
okay, so after *checks watch* six hundred thousand years of letting all of this stuff gather dust, i'm finally going to get this show on the road O:< this was probably one of the most ambitious creative projects i've ever attempted, but i had a lot of fun with it & i think it helped me make a lot of stylistic improvements! (it also forced me to finally fukin' learn toggles & ptabs, so that alone was worth it tbfh.) [break][break]
anyways (and more importantly) i've decided to only upload one template from this challenge per day between today, november 30th and december 25th, because a) i'd rather not nuke the recent posts tab, b) i put a lot of work into every code & it'd make me sad if any of them got lost in the floodyes i'm vain sue me and, c) doing so almost perfectly lines up with the advent calendar! so instead of getting candy each day (or, uh, whatever is actually in an advent calendar) y'all will get a new code. i know it's a very drawn-out way to upload everything, but i hope everyone will enjoy it regardless! happy holidays, pixel <3
okay, so after *checks watch* six hundred thousand years of letting all of this stuff gather dust, i'm finally going to get this show on the road O:< this was probably one of the most ambitious creative projects i've ever attempted, but i had a lot of fun with it & i think it helped me make a lot of stylistic improvements! (it also forced me to finally fukin' learn toggles & ptabs, so that alone was worth it tbfh.) [break][break]
anyways (and more importantly) i've decided to only upload one template from this challenge per day between today, november 30th and december 25th, because a) i'd rather not nuke the recent posts tab, b) i put a lot of work into every code & it'd make me sad if any of them got lost in the flood
[attr="class","sel-abc-tr-list"]
[newclass=.sel-abc-tr-contain] --sel-abc-tr-accent:#346CA4; width:600px; height:calc(943px + 75px); background-color:#f0f0f0; border-radius:5px; position:relative; [/newclass]
[newclass=.sel-abc-tr-contain h1] margin:0px 0px 0px 0px; padding:25px 25px 0px; display:flex; height:32px; align-items:center; flex-grow:1; font:100 34px raleway; color:#aaa; position:relative; z-index:1; text-shadow: -1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; text-transform:lowercase; [/newclass]
[newclass=.sel-abc-tr-contain h1:after] content:''; flex-grow:2; height:1px; border:1px solid #fafafa; background-color:#ccc; margin:0px 0px 0px 25px; position:relative; z-index:1; [/newclass]
[newclass=.sel-abc-tr-body] padding:50px; margin:25px; background-color:#f9f9f9; font:400 12px roboto; text-align:justify; color:#aaa; border-radius:5px; position:relative; z-index:1; [/newclass]
[newclass=.sel-abc-tr-body b]font:700 12px roboto; color:#777;[/newclass]
[newclass=.sel-abc-tr-list] width:calc(600px - 20px); height:400px; padding:0px 25px 25px 25px; display:flex; flex-flow:row wrap; position:relative; z-index:1; [/newclass]
[newclass=.sel-abc-tr-list div] width:calc(33% - 25px); height:40px; margin:0px 25px 25px 0px; display:flex; flex-flow:column nowrap; justify-content:center; position:relative; text-align:left; color:#aaa; text-shadow: -1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.sel-abc-tr-list div h2] margin:0px; font:700 15px/15px open sans condensed; text-transform:uppercase; [/newclass]
[newclass=.sel-abc-tr-list div h3] margin:0px; font:400 11px/11px open sans; color:#bbb; [/newclass]
[newclass=.sel-abc-tr-list div a] position:absolute; top:0px; right:0px; color:#ccc!important; [/newclass]
[newclass=.sel-abc-tr-list div a:before] content:'\e2a7'; font-family:'Honeybee'; font-size:39px; [/newclass]
[newclass=.sel-abc-tr-contain:after] content:''; background:url(https://image.ibb.co/h5t3vf/pixel-pattern.png); position:absolute; width:100%; height:100%; top:0px; left:0px; opacity:.05; [/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]