Ayr's Tracker

[Jinja Okimi]

[nospaces][googlefont=Montserrat+Alternates:700|Maven+Pro:700|Open+Sans:700]



[newclass=.oprmindTracker] --oprmindAccent1:#94c1c0; [/newclass]

[attr="class","oprmindTracker"]

[attr="class","oprmindSidebar"]
[attr="class","ra ra-queen-crown"]

There's a job for you in the system boy with nothing to sign

[attr="class","oprmindThreads"]

ONGOING

BREAK THE MACHINE

COMPLETE

TBD

INACTIVE

TBD

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

[newclass=.oprmindTracker] width:550px; height:500px; display:flex; background-color:#eaeaea; -webkit-border-radius: 10px; -webkit-border-bottom-right-radius: 0; -moz-border-radius: 10px; -moz-border-radius-bottomright: 0; border-radius: 10px; border-bottom-right-radius: 0; overflow:hidden; --oprmindAccent2:#2a2a2a; [/newclass]
[newclass=.oprmindSidebar] width:175px; height:100%; background-color:#ccc; background-color:var(--oprmindAccent1); display:flex; flex-flow:column nowrap; align-items:center; justify-content:center; position:relative; [/newclass]
[newclass=.oprmindSidebar img] width:100px; height:100px; border-radius:100%; padding:7px; background-color: #2a2a2a; position:absolute; [/newclass]
[newclass=.oprmindSidebar i] position:absolute; top:calc(140px - 20px); font-size:6em; line-height:60px; color:#2a2a2a; [/newclass]
[newclass=.oprmindSidebar h1] margin:0px; padding:10px 10px; width:105px; text-align:justify; background-color:#2a2a2a; color:#eee; text-transform:uppercase; font:700 7px open sans; position:absolute; top:calc(316px + 25px); display:flex; justify-content:center; [/newclass]
[newclass=.oprmindSidebar h1:before] content:''; width:15px; height:10px; background-color:#2a2a2a; position:absolute; margin-top:-19px; -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%); clip-path: polygon(50% 0%, 0% 100%, 100% 100%); [/newclass]
[newclass=.oprmindThreads] width:auto; height:500px; text-align:left; display:flex; flex-flow:column wrap; overflow:auto; [/newclass]
[newclass=.oprmindThreads::-webkit-scrollbar] height:10px; [/newclass]
[newclass=.oprmindThreads::-webkit-scrollbar-thumb] background-color:var(--oprmindAccent1); border:1px solid #2a2a2a; [/newclass]
[newclass=.oprmindThreads::-webkit-scrollbar-track] background-color:#2a2a2a; [/newclass]
[newclass=.oprmindThreads div] border:25px solid transparent; width:315px; height:450px; overflow:auto; padding-right:10px; [/newclass]
[newclass=.oprmindThreads div::-webkit-scrollbar] width:0px; [/newclass]
[newclass=.oprmindThreads h2] margin:10px 0px; font:700 36px Montserrat Alternates; color:#2a2a2a; border-bottom:1px solid var(--oprmindAccent1); [/newclass]
[newclass=.oprmindThreads a] display:inline-block; margin:2px 2px; height:25px; background-color:var(--oprmindAccent1); font:700 14px/25px Maven Pro; color:#2a2a2a; text-transform:uppercase; padding:5px 10px; border-radius:5px; [/newclass]
[newclass=.oprmindCredit] font:bold 7px roboto; margin-left:500px; [/newclass]
[newclass=.oprmindCredit a] font:bold 7px roboto!important; [/newclass]

[newclass=.ra]font-family:'RPGAwesome';-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-transform:none } @font-face { font-family: RPGAwesome; src:url("//dl.dropbox.com/s/lkxyjwd1m0rhxem/rpgawesome-webfont.eot");src:url("//dl.dropbox.com/s/lkxyjwd1m0rhxem/rpgawesome-webfont.eot#iefix") format("embedded-opentype"),url("//dl.dropbox.com/s/jtxbnfkl97o44x6/rpgawesome-webfont.woff") format("woff"),url("//dl.dropbox.com/s/chb0aqyctwbi6ja/rpgawesome-webfont.ttf") format("truetype"),url("//dl.dropbox.com/s/zdzugei59fokc95/rpgawesome-webfont.svg") format("svg");font-weight:400;font-style:normal [/newclass]
[newclass=.ra-queen-crown:before] content:""; font-family: RPGAwesome; font-style:normal; [/newclass]