operation: mindcrime

[attr="class","abc-selk-jc-rules"]

[attr="class","abc-selk-jc-body"]

[attr="class","abc-selk-jc-text"] picking between operation: mindcrime & revolution calling to use for this challenge was so hard, y'all. but idk what else i would've used for O, so here we areeeee.

the accent color you need to edit is, as always, at the top of the template.

[attr="class","abc-selk-jc-hash"] [HASH]jcink [HASH]jcinktracking [HASH]dohtml

[attr="class","abc-selk-jc-colorpickers"]

[attr="class","abc-selk-jc-color"]

#E4844C

[attr="class","abc-selk-jc-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(--oprmindAccent1) 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!

[dohtml]
<style>
.oprmindTracker { --oprmindAccent1:#E4844C; }
</style>

<div align="center">
<div class="oprmindTracker">
<div class="oprmindSidebar">
<i class="ra ra-queen-crown"></i>

<img src="https://image.ibb.co/d0m4Un/26.png">

<h1>

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

</h1>
</div>
<div class="oprmindThreads">
<div>
<h2>ONGOING</h2>

<a href="LINK_TO_THREAD">i remember now</a>
<a href="LINK_TO_THREAD">anarchy x</a>
<a href="LINK_TO_THREAD">revolution calling</a>
<a href="LINK_TO_THREAD">operation: mindcrime</a>
<a href="LINK_TO_THREAD">speak</a>

</div>

<div>
<h2>COMPLETE</h2>

<a href="LINK_TO_THREAD">spreading the disease</a>
<a href="LINK_TO_THREAD">the mission</a>
<a href="LINK_TO_THREAD">suite sister mary</a>
<a href="LINK_TO_THREAD">the needle lies</a>
<a href="LINK_TO_THREAD">electric requium</a>

</div>

<div>
<h2>INACTIVE</h2>

<a href="LINK_TO_THREAD">breaking the silence</a>
<a href="LINK_TO_THREAD">i don't believe in love</a>
<a href="LINK_TO_THREAD">waiting for 22</a>
<a href="LINK_TO_THREAD">my empty room</a>
<a href="LINK_TO_THREAD">eyes of a stranger</a>

</div>

</div>
</div>
<div class="oprmindCredit"><a href="http://pixel-perfect.boards.net/user/15">SELKIE</a></div>
</div>


<head>
<link href="https://fonts.googleapis.com/css?family=Montserrat+Alternates:700|Maven+Pro:700|Open+Sans:700" rel="stylesheet">
</head>
<style>
.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; }
.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; }
.oprmindSidebar img { width:100px; height:100px; border-radius:100%; padding:7px; background-color: #2a2a2a; position:absolute; }
.oprmindSidebar i { position:absolute; top:calc(140px - 20px); font-size:6em; line-height:60px; color:#2a2a2a; }
.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; }
.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%); }
.oprmindThreads { width:auto; height:500px; text-align:left; display:flex; flex-flow:column wrap; overflow:auto; }
.oprmindThreads::-webkit-scrollbar { height:10px; }
.oprmindThreads::-webkit-scrollbar-thumb { background-color:var(--oprmindAccent1); border:1px solid #2a2a2a; }
.oprmindThreads::-webkit-scrollbar-track { background-color:#2a2a2a; }
.oprmindThreads div { border:25px solid transparent; width:315px; height:450px; overflow:auto; padding-right:10px; }
.oprmindThreads div::-webkit-scrollbar { width:0px; }
.oprmindThreads h2 { margin:10px 0px; font:700 36px Montserrat Alternates; color:#2a2a2a; border-bottom:1px solid var(--oprmindAccent1); }
.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; }
.oprmindCredit { font:bold 7px roboto; margin-left:500px; }
.oprmindCredit a { font:bold 7px roboto!important; }

.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 }
.ra-queen-crown:before { content:""; font-family: RPGAwesome; font-style:normal; }
</style>[/dohtml]

[attr="class","abc-selk-jc-link"] [attr="class","lnr lnr-link"]

[newclass=.selk-jc-operation-mindcrime .abc-selk-jc-contain h1, .selk-jc-operation-mindcrime .abc-selk-jc-hash a, .selk-jc-operation-mindcrime .abc-selk-jc-rules h2]color:#E4844C!important;[/newclass] [newclass=.selk-jc-operation-mindcrime .abc-selk-jc-link]background-color:#E4844C!important;[/newclass] [newclass=.abc-selk-jc-contain, .selk-code] --abc-selk-jc-accent:#CCCCCC; [/newclass] [newclass=.abc-selk-jc-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-reverse wrap; justify-content:space-between; position:relative; overflow:hidden; [/newclass] [newclass=.abc-selk-jc-contain h1] margin:0px; width:100%; display:flex; flex-flow:row wrap; align-items:center; font:200 32px/32px Raleway; color:var(--abc-selk-jc-accent); [/newclass] [newclass=.abc-selk-jc-contain h1:before] content:''; width:10px; height:1px; background-color:#ccc; flex-grow:2; margin-right:25px; [/newclass] [newclass=.abc-selk-jc-contain h1:after] content:'-Y-Z'; color:#ccc; [/newclass] [newclass=.abc-selk-jc-body] width:350px; border-radius:5px; color:#aaa; font:400 11px roboto; text-align:justify; margin-top:25px; [/newclass] [newclass=.abc-selk-jc-text] background-color:#fafafa; padding:25px; border-radius:5px; [/newclass] [newclass=.abc-selk-jc-hash] margin:25px 0px; text-align:left; [/newclass] [newclass=.abc-selk-jc-hash a] display:inline-block; height:10px; padding:5px 7px; margin:0px 3px 5px 0px; color:var(--abc-selk-jc-accent); background-color:#ddd; border-radius:2px; text-transform:uppercase; font:600 10px/10px roboto; [/newclass] [newclass=.abc-selk-jc-colorpickers] width:350px; display:flex; flex-flow:row-reverse wrap; align-items:flex-start; [/newclass] [newclass=.abc-selk-jc-color] display:flex; flex-flow:row-reverse nowrap; width:350px; [/newclass] [newclass=.abc-selk-jc-color div] height:10px; display:inline-block; margin-left:41px; background-color:#ccc; [/newclass] [newclass=.abc-selk-jc-color span] height:10px; width:0px; display:flex; font:600 9px/10px Roboto; color:#ccc; [/newclass] [newclass=.abc-selk-jc-var] width:340px; font:400 10px/13px roboto; margin-top:25px; padding-right:10px; height:25px; overflow:auto; [/newclass] [newclass=.abc-selk-jc-var::-webkit-scrollbar] width:5px; border:0px; [/newclass] [newclass=.abc-selk-jc-var::-webkit-scrollbar-thumb] background-color:#999; border:0px; [/newclass] [newclass=.abc-selk-jc-var::-webkit-scrollbar-track] background-color:#ddd; border:0px; [/newclass] [newclass=.abc-selk-jc-rules] margin:25px 0px 0px 0px; text-align:left; width:125px; display:flex; justify-content:flex-start; align-self:stretch; align-items:flex-end; flex-flow:column nowrap; border-left:1px solid #ddd; [/newclass] [newclass=.abc-selk-jc-rules h2] margin:0px; display:block; width:50px; height:50px; background-color:var(--abc-selk-jc-accent); border-radius:5px; [/newclass] [newclass=.abc-selk-jc-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-jc-link] position:absolute; bottom:0px; left:0px; height:45px; width:45px!important; background-color:var(--abc-selk-jc-accent); display:flex!important; align-items:center!important; justify-content:center!important; border-radius:0px; [/newclass] [newclass=.abc-selk-jc-link i] font-size:20px; color:#fafafa; [/newclass]

[googlefont=Montserrat+Alternates:700|Maven+Pro:700|Open+Sans:700] [newclass=.oprmindTracker] --oprmindAccent1:#E4844C; [/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

i remember now anarchy x revolution calling operation: mindcrime speak

COMPLETE

spreading the disease the mission suite sister mary the needle lies electric requium

INACTIVE

breaking the silence i don't believe in love waiting for 22 my empty room eyes of a stranger

[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]