Commit 0ebc4fcb authored by revolutionary-bench's avatar revolutionary-bench
Browse files

Remove hard-coded CSS flair content

Instead I made the flair text actual text, to be contents inside
the `<span class="flair">`, allowing users to edit that text, and
conforming to expectations about how flair text would be used (for
better styling and flexibility).
parent 84f89ba4
......@@ -454,8 +454,14 @@ div.commentarea div.RES-keyNav-activeElement .md{background-color:transparent!im
.sheets .btn.right{background-color:transparent;border:0;box-shadow:none;padding:0}
#images{padding:16px;background-color:#fff;border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,0.16);height:560px}
#images #image-upload{margin:0 0 4em}
.link .flair{font-size:12px}
.flair:before{margin-right:3px;height:auto;content:"- ";margin-left:4px}
.link .flair {
font-size: 12px;
}
.flair:before{
margin-right: 3px;
height: auto;
margin-left: 4px;
}
.side .flair:before{margin-left:0}
.listing-page .comment{background-color:#fff;margin-left:0;border-bottom:1px solid #f2f2f2;padding:12px}
.listing-page .comment .midcol{width:36px;margin-right:2px;margin-top:4px;overflow:visible}
......@@ -602,6 +608,7 @@ body:before{background-repeat:repeat-x!important}
font-weight: 400;
background-color: transparent;
margin-right: inherit;
margin-left: 0.5rem;
width: auto;
height: 16px;
position: relative;
......@@ -622,125 +629,76 @@ body:before{background-repeat:repeat-x!important}
}
.flairoptionpane{max-height:40em!important}
.flairselector .flairoptionpane ul li{margin:0}
.flairselector{width:75em!important;top:2%!important;left:25%!important}
.flairselector {
width: 75em !important;
top: 2% !important;
left: 25% !important;
z-index: 1000; /* make it overlay the .usertext-edit textarea (for adding a comment) */
}
.flairselector .customizer input{width:16em!important}
.flair-black, .flair-just-black-star, .flair-blackawa, .flair-anarchodash, .flair-anarchablack, .flair-individualist, .flair-egoist, .flair-nihilist, .flair-postleft, .flair-postanarchist, .flair-philosophical {
background: url(%%flair-spritesheet%%) no-repeat;
background-position:0 -0px;
}
.flair-black:before{content:" anarchist"!important}
.flair-blackawa:before{content:" anarchist without adjectives"!important}
.flair-anarchodash:before{content:" anarcho-"!important}
.flair-anarchablack:before{content:" anarcha-"!important}
.flair-individualist:before{content:" individualist anarchist"!important}
.flair-egoist:before{content:" egoist anarchist"!important}
.flair-nihilist:before{content:" nihilist anarchist"!important}
.flair-postleft:before{content:" post left anarchist"!important}
.flair-postanarchist:before{content:" post anarchist"!important}
.flair-philosophical:before{content:" philosophical anarchist"!important}
.flair-redblack,.flair-redblack3{background:url(%%flair-spritesheet%%) no-repeat;background-position:0 -16px}
.flair-redblack:before{content:" anarcho-communist"!important}
.flair-redblack3:before{content:" anarcho-collectivist"!important}
.flair-purpleblack,.flair-greenblack,.flair-red,.flair-red2,.flair-redblack2,.flair-magentablack,.flair-discordian,.flair-blueblack,.flair-orangeblack,.flair-whiteblack,.flair-sadtroll,.flair-greyblack,.flair-primitivist,.flair-red-fist,.flair-black-fist,.flair-purple-fist,.flair-squatter,.flair-socvol,.flair-marketsocialist,.flair-digianarchist,.flair-muslim,.flair-rainbowblack,.flair-tranarchist,.flair-LeninistMarxist,.flair-GrouchoMarxist,.flair-christiancommie,.flair-mutualism-classic,.flair-molotov,.flair-antifa,.flair-vegan,.flair-individualist,.flair-egoist,.flair-stirnerist,.flair-nihilist,.flair-platformist,.flair-postleft,.flair-postanarchist,.flair-philosophical,.flair-snowflake,.flair-communalist,.flair-lifestylist,.flair-zabalaza,.flair-zapatista,.flair-pawn,.flair-dearleader{
background: url(%%flair-spritesheet%%) no-repeat
}
.flair-purpleblack{background-position:0 -64px}
.flair-purpleblack:before{content:" anarcha-feminist"!important}
.flair-greenblack{background-position:0 -112px}
.flair-greenblack:before{content:" green anarchist"!important}
.flair-red{background-position:0 -320px}
.flair-red:before{content:" socialist"!important}
.flair-red2{background-position:0 -336px}
.flair-red2:before{content:" communist"!important}
.flair-redblack2{background-position:0 -48px}
.flair-redblack2:before{content:" anarcho-syndicalist"!important}
.flair-magentablack{background-position:0 -144px}
.flair-magentablack:before{content:" queer anarchist"!important}
.flair-discordian{background-position:0 -288px}
.flair-discordian:before{content:" discordian"!important}
.flair-blueblack{background-position:0 -176px}
.flair-blueblack:before{content:" anarcho-transhumanist"!important}
.flair-orangeblack{background-position:0 -32px}
.flair-orangeblack:before{content:" mutualist"!important}
.flair-whiteblack{background-position:0 -384px}
.flair-whiteblack:before{content:" anarcho-pacifist"!important}
.flair-sadtroll{background-position:0 -528px}
.flair-sadtroll:before{content:" trolling without a cause"!important}
.flair-greyblack{background-position:0 -544px}
.flair-greyblack:before{content:" agorist"!important}
.flair-primitivist{background-position:0 -128px}
.flair-primitivist:before{content:" anarcho-primitivist"!important}
.flair-red-fist{background-position:0 -208px}
.flair-red-fist:before{content:" autonomist"!important}
.flair-black-fist{background-position:0 -192px}
.flair-black-fist:before{content:" person of colour"!important}
.flair-purple-fist{background-position:0 -80px}
.flair-purple-fist:before{content:" feminist"!important}
.flair-squatter{background-position:0 -224px}
.flair-squatter:before{content:" squatter"!important}
.flair-socvol{background-position:0 -432px}
.flair-socvol:before{content:" socialist voluntarist"!important}
.flair-marketsocialist{background-position:0 -448px}
.flair-marketsocialist:before{content:" market socialist"!important}
.flair-digianarchist{background-position:0 -464px}
.flair-digianarchist:before{content:" digital anarchist"!important}
.flair-muslim{background-position:0 -112px}
.flair-muslim:before{content:" muslim anarchist"!important}
.flair-rainbowblack{background-position:0 -160px}
.flair-rainbowblack:before{content:" LGBT/GSM anarchist"!important}
.flair-tranarchist{background-position:0 -592px}
.flair-tranarchist:before{content:"tranarchist"!important}
.flair-LeninistMarxist{background-position:0 -352px}
.flair-LeninistMarxist:before{content:" Leninist-Marxist"!important}
.flair-GrouchoMarxist{background-position:0 -272px}
.flair-GrouchoMarxist:before{content:" Groucho-Marxist"!important}
.flair-christiancommie{background-position:0 -368px}
.flair-christiancommie:before{content:" christian communist"!important}
.flair-mutualism-classic{background-position:0 -304px}
.flair-mutualism-classic:before{content:" Mutualism Classic℠"!important}
.flair-molotov{background-position:0 -256px}
.flair-molotov:before{content:" Insurrectionist"!important}
.flair-antifa{background-position:0 -240px}
.flair-antifa:before{content:" Anti-fascist"!important}
.flair-vegan{background-position:0 -96px}
.flair-vegan:before{content:" vegan anarchist"!important}
.flair-stirnerist{background-position:0 -400px}
.flair-stirnerist:before{content:" Stirnerist anarchist"!important}
.flair-platformist{background-position:0 -576px}
.flair-platformist:before{content:" platformist anarchist"!important}
.flair-snowflake{background-position:0 -416px}
.flair-snowflake:before{content:" my beliefs are far too special."!important}
.flair-communalist{background-position:0 -608px}
.flair-communalist:before{content:" communalist"!important}
.flair-lifestylist{background-position:0 -624px}
.flair-lifestylist:before{content:" lifestylist"!important}
.flair-zabalaza{background-position:0 -640px}
.flair-zabalaza:before{content:" Zabalaza"!important}
.flair-zapatista{background-position:0 -656px}
.flair-zapatista:before{content:" Zapatista"!important}
.flair-pawn:before{content:" Follower of Dear Leader"!important}
.flair-pawn{background-position:0 -672px}
.flair-dearleader:before{content:" Dear Leader"!important}
.flair-dearleader{background-position:0 -688px}
.flair-christian, .flair-jewish, .flair-buddhist, .flair-taoist{
background: url(%%flair-spritesheet%%) no-repeat;
background-position:0 -384px
}
.flair-christian:before{content:" christian anarchist"!important}
.flair-jewish:before{content:" jewish anarchist"!important}
.flair-buddhist:before{content:" buddhist anarchist"!important}
.flair-taoist:before{content:" taoist anarchist"!important}
.flair-gold,.flair-goldblack {
.flair-gold {
background: url(%%flair-spritesheet%%) no-repeat;
background-position: 0 -512px;
}
.flair-goldblack {
background: url(%%flair-spritesheet%%) no-repeat;
background-position:0 -512px;
background-position: 0 -561px;
}
.flair-gold:before{content:" liberal"!important}
.flair-goldblack:before{content:" neoliberal/'ancap'"!important}
.flair-contract {
background: url(%%flair-spritesheet%%) no-repeat;
background-position:0 -496px;
}
.flair-contract:before{content:" capitalist voluntarist"!important}
.flair.flair-tranarchistshadow {
padding-left: 3px!important;
font-weight: bold;
......@@ -749,7 +707,6 @@ body:before{background-repeat:repeat-x!important}
padding-right:4px !important;
text-shadow:-1px -1px 0 #f5a9b8,-2px -2px 0 #f5a9b8,-4px -4px 0 #5bcefa,-3px -3px 0 #5bcefa,1px 1px 0 #f5a9b8,2px 2px 0 #f5a9b8,3px 3px 0 #5bcefa,4px 4px 0 #5bcefa;
}
.flair.flair-tranarchistshadow:before{content:""!important}
.flair.flair-tranarchistshadow:hover{padding-left:3px!important}
.flair-Marxist,.flair-typoflair {
background:url(%%flair-spritesheet%%) no-repeat;
......@@ -759,9 +716,6 @@ body:before{background-repeat:repeat-x!important}
background-position: 0 -853px;
padding-left: 21px;
}
.flair-Marxist:before {
content:" Marxist";
}
.flair-typoflair,.flair-typoflair:hover {
background-position: 0 -831px;
padding-left: 16px;
......@@ -769,23 +723,17 @@ body:before{background-repeat:repeat-x!important}
.flair-whatever {
background: no-repeat;
}
.flair-whatever:before{
content:" whatever";
}
.flair-other{background:no-repeat}
.flair-other:before{content:" Other: "!important}
.flair-textonly{background:no-repeat;padding-left:6px!important}
.flair-textonly:before{content:""!important;margin:0!important}
.flair-textonly:before{
margin: 0;
}
.flair-textonly:hover{padding-left:6px!important}
.flair-libsocflair{
background: url(%%flair-spritesheet%%) no-repeat;
background-position: 0 -819px;
width: 20px;
height: 12px;
}
.flair-libsocflair:before{
content:"";
}
.flair-black-witch-hat,.flair-red-witch-hat{
background: url(%%flair-spritesheet%%) no-repeat;
}
......@@ -804,14 +752,12 @@ body:before{background-repeat:repeat-x!important}
}
.flair-democratic-socialist-hand-rose {
background-position: 0 -704px;
width: 23px;
height:30px;
padding: 10px 0 10px 27px;
}
.flair-iron-front {
background-position: 0 -734px;
width: 22px;
height: 22px;
padding: 5px 0 5px 27px;
}
......@@ -819,7 +765,6 @@ body:before{background-repeat:repeat-x!important}
.flair-social-democrat-rose {
background-position: 0 -756px;
height: 19px;
width: 19px;
padding: 5px 0 5px 27px;
}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment