[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; align-items:center;[/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); [/newclass]
[newclass=.reolButton span] font-size:33px; width:70px; height:70px; display:flex; align-items:center; justify-content:center; 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: '\eaf7'; float: left; width: 45px; height: 37px; overflow: hidden; display: flex; align-items: flex-start; justify-content: center; font: 40px 'Honeybee'; color: var(--reolAccent); margin-right: 10px; margin-top: 5px; 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=.reolContain .th]font-family: "honeybee" !important;font-style: normal !important;font-weight: normal !important;font-variant: normal !important;text-transform: none !important;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; } @font-face { font-family: "honeybee";src:url("//dl.dropbox.com/s/7v31tyaf53kmcv7/honeybee.eot");src:url("//dl.dropbox.com/s/7v31tyaf53kmcv7/honeybee.eot?#iefix") format("embedded-opentype"),url("//dl.dropbox.com/s/awr1gt01c87aaxi/honeybee.woff") format("woff"),url("//dl.dropbox.com/s/hru9ka6dgfcgjg1/honeybee.ttf") format("truetype"),url("//dl.dropbox.com/s/xylorgamsf6fthx/honeybee.svg#honeybee") format("svg");font-weight: normal;font-style: normal;[/newclass]
[newclass=.th-bookmark-1-o:before]content: "\e91b"; font-family: "honeybee";[/newclass]
[attr="class","reolContain"]
[attr="class","reolButton"]
[attr="class","th th-bookmark-1-o"]
[attr="class","th th-bookmark-1-o"]
[attr="class","reolBody"]
as mentioned in the mechanics thread, tiers are given to players after their characters are approved and assess the level of danger that they pose to not only other people but overall society. players may go up or down in tiers with time as their characters go stronger and become more experienced. these tiers also tend to determine popularity and reliability, though this isn't nearly as locked with a set tier because there are powerful supers who suck at their job and there are powerless beings that are extremely reliable, efficient, and popular.
[break]
06. tiers
the place where you stand
as mentioned in the mechanics thread, tiers are given to players after their characters are approved and assess the level of danger that they pose to not only other people but overall society. players may go up or down in tiers with time as their characters go stronger and become more experienced. these tiers also tend to determine popularity and reliability, though this isn't nearly as locked with a set tier because there are powerful supers who suck at their job and there are powerless beings that are extremely reliable, efficient, and popular.
[break]
F-Tier - a character of this tier isn't exactly much of a threat at all. they are pretty much normal humans and should be left to the local authorities if they get out of hand. nothing a beat cop can't handle, and they also tend to be the least popular or civilians.
[break]D-Tier - these characters are certainly above average and pose more of a threat, and will definitely require another superhero/villain to combat them.
[break]C-Tier - characters of this caliber are more of a considerable threat, and possess enough power to potentially wipe out a small town and are moderately popular and viewed as average supers.
[break]B-Tier - here is where characters begin to reach rather insane levels of strength, b-tier characters being capable of threatening land and populations up to the size of a large mountain.
[break]A-Tier - truly a cut above the rest, a-tier heroes are monsters among men, theorized to possess the power to destroy multiple continents at their utmost, being an international threat.
[break]S-Tier - these are essentially the gods of our time. characters of this tier are considered dangerous enough to threaten the entire galaxy at their very best.
[break]S+-Tier - a peak that's rarely ever reached but monstrous nonetheless. characters of this caliber can possibly destroy multiple galaxies with their full power.
[break][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; align-items:center;[/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); [/newclass]
[newclass=.reolButton span] font-size:33px; width:70px; height:70px; display:flex; align-items:center; justify-content:center; 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: '\eaf7'; float: left; width: 45px; height: 37px; overflow: hidden; display: flex; align-items: flex-start; justify-content: center; font: 40px 'Honeybee'; color: var(--reolAccent); margin-right: 10px; margin-top: 5px; 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=.reolContain .th]font-family: "honeybee" !important;font-style: normal !important;font-weight: normal !important;font-variant: normal !important;text-transform: none !important;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; } @font-face { font-family: "honeybee";src:url("//dl.dropbox.com/s/7v31tyaf53kmcv7/honeybee.eot");src:url("//dl.dropbox.com/s/7v31tyaf53kmcv7/honeybee.eot?#iefix") format("embedded-opentype"),url("//dl.dropbox.com/s/awr1gt01c87aaxi/honeybee.woff") format("woff"),url("//dl.dropbox.com/s/hru9ka6dgfcgjg1/honeybee.ttf") format("truetype"),url("//dl.dropbox.com/s/xylorgamsf6fthx/honeybee.svg#honeybee") format("svg");font-weight: normal;font-style: normal;[/newclass]
[newclass=.th-bookmark-1-o:before]content: "\e91b"; font-family: "honeybee";[/newclass]
