d2jsp
Log InRegister
d2jsp Forums > d2jsp > General Help > Site Suggestions >
Poll > New Display Style
12342Next
Add Reply New Topic New Poll
  Guests cannot view or vote in polls. Please register or login.
Member
Posts: 20,260
Joined: Dec 31 2008
Gold: 67.15
Feb 17 2015 04:16pm
Suggesting a (neon) Pink/Black display style for d2jsp

http://i.minus.com/ibaiqTNxwUrNXt.jpg
http://i.minus.com/iePk1lsqdSZBN.jpg
http://i.minus.com/ibybrDnrVjDqgg.jpg

Also note that the banner across the top of your profile will be transparent, like the Black/Orange theme, allowing for a more unique profile customization:
http://i.minus.com/iivnf2WUZkFFo.jpg

P.s. I know a lot of you guys probably don't like pink or think it's too bright and you'll be blinded by it, but well, no one's gonna force you to use it
--------------------------------------------------







Code
form{display:inline}
img{vertical-align:middle;border:0}
body,td,th,select,input,button,textarea{font-size:11px;font-family:Tahoma,Arial;color:#FFF}
SELECT,INPUT,BUTTON,TEXTAREA,BODY{background:#0f0f0f}
BODY{margin:10px}
a{text-decoration:underline;color:#ff27d9}
a:hover{color:#fe9cff;text-decoration:underline}

.lM,.lB{position:absolute;left:6px;top:-1px;color:#ff27d9}
.lB{left:7px;top:0;color:#2a2a2a;font-size:20px}
.lD a,.lD a:hover{text-decoration:none;color:#ff27d9;font-size:20px}
.lS{font-size:10px;border-top:1px solid #ff27d9}
.lB .lS{border-top:1px solid #2a2a2a}

.head{min-height:44px;border:1px solid #2a2a2a;padding:0;margin:0}
.fL{float:left;position:relative}
.fR,.barR,.lL{float:right;position:relative}
.lL{margin:6px 5px}
.lL div{position:absolute;margin-top:2px}
.lL a{margin-left:15px}
.lH{position:relative}
.lX{margin-left:150px}

.bar,.news,.pager,.editor a:hover,dd,dt{border:1px solid #774e7c}
.bar,.news,.pager,dd,dt,.ftb TH,.ftbt TH,.foot,.mpll{background:#22171e}

.news{margin-top:5px}
.bar{padding:5px}
.bar a{padding:0 4px;text-decoration:none}
.bar a:hover{text-decoration:underline}
.bar ul{display:block;list-style:none;margin:0;padding:0}
.bar li{display:inline}

.barL a{border-right:1px dotted #774e7c}
.barR a{border-left:1px dotted #774e7c}

.news{text-align:center;padding:5px}

dd,dt{margin:0;padding:0}
dd,dt{position:relative}
dt{z-index:1;display:inline;margin-left:5px;padding:0 10px;border-bottom:0;color:#fff;font-weight:bold}
dd{z-index:0;margin:-1px 0}
dt.ust,.quote1{background:#774e7c}

dl{margin:6px 0;padding:0}

.desc,a.desc,.sig,.edit{font-size:10px;color:#a2a2a2}
.edit{font-style:italic}

dt a{text-decoration:none;color:#ff27d9}
a:hover.desc,dt a:hover{color:#fe9cff;text-decoration:underline}

.in{margin-left:auto;margin-right:auto}

.ftb,.ftbt{border-spacing:0;width:100%;border-collapse:collapse}
.ftb TD,.ftbt TD{border-top:1px dashed #2a2a2a;background:#0f0f0f;padding:2px 3px}
.ftb TD{border-right:1px dashed #2a2a2a}
TD.lc{border-right:0}
.foot{padding:5px}
.bts,.bts TD,.foot{border-top:1px solid #774e7c}

.bc1,.bc1 TD,TD.bc1,.mpl,.inb{background:#160815}

.pager,.ab{line-height:20px}
.pager{display:inline;padding:2px 4px}
.pager b,.pager a{margin-left:1px;padding:0 2px;background:#0f0f0f}

.crt{text-align:center;font-size:9px}

.mpl,.inb{padding:1px 3px;border:1px solid #2a2a2a}
.mpl{font-size:10px;margin-right:1px}
.mpl a{text-decoration:none}

.links a{padding:0 5px;border-left:1px dotted #774e7c}

.quote1,.quote2,.code2{margin-left:8px;padding:1px 4px;border-left:3px solid #774e7c;border-right:1px solid #a0a0a0}
.quote1{font-weight:bold;font-size:10px;margin-top:1px;border-top:1px solid #774e7c}
.quote2,.code2{font-size:11px;margin-bottom:1px;border-bottom:1px solid #a0a0a0}
.code2{font-family:Courier New,Courier;white-space:pre-wrap}

.sig{border-top:1px solid #22171e;padding-top:2px;margin-top:4px}

.editor a{float:left;text-decoration:underline;width:21px;height:21px;text-align:center;border:1px solid #424242;display:block;margin:1px}
.editor a:hover{background:#d4e0ff}

.hs{margin-left:6px}

.p9{padding:9px}
.p3{padding:3px}
.ce{text-align:center}
.c{clear:both}

.st{color:#2459bf}
.re{color:#fff}
.se,.cl,.cl a,.cl td,.cl td a,.cl .desc{color:#707070}
.gr{color:#4db01a}
.ta{color:#FF4444}

.ab input,.ab a,a.ab{white-space:nowrap;text-decoration:none;text-align:center;font-weight:bold;color:#FFF;background:#774e7c;margin:1px;border:1px outset}
.ab a,a.ab{width:1px;padding:1px 10px}
.ab a:hover,a:hover.ab{color:#a0a0a0}
.bR,a.bR,input.bR{background:#FF8080}

.ib img{border:1px solid #fff}

.e1,.e2,.e3,.e4,.e5,.a1,.a2{width:0;line-height:0;font-size:0;display:inline-block}
.e1{border-top:5px solid #9fceff;border-right:7px solid #7faeef;border-bottom:5px solid #774e7c;border-left:7px solid #7faeef}
.e2{border-top:5px solid #bfeeff;border-right:7px solid #9fceff;border-bottom:5px solid #afdeff;border-left:7px solid #9fceff}
.e3{border-top:5px solid #ffae7f;border-right:7px solid #ff8e5f;border-bottom:5px solid #ff9e6f;border-left:7px solid #ff8e5f}
.e4{border-top:5px solid #ffdeaf;border-right:7px solid #ffbe8f;border-bottom:5px solid #ffce9f;border-left:7px solid #ffbe8f}
.e5{border-top:5px solid #dfdfdf;border-right:7px solid #cfcfcf;border-bottom:5px solid #d8d8d8;border-left:7px solid #cfcfcf}
.a1,.a2{border-left:7px solid #22171e}.a1{border-top:7px solid #774e7c}.a2{border-bottom:7px solid #774e7c}
.mL{list-style:none;margin:0;padding:5px 0}.mL li{padding:2px 10px}

.sX{background:url(/images/sX.png) no-repeat top left;height:10px;width:10px;display:inline-block;vertical-align:middle}
.s110,.s115,.s20,.s43,.s52,.s56,.s62,.s68,.s7,.s74,.s80,.s84,.s88,.s92,.s96{width:14px}
.s11,.s116,.s14,.s17,.s24,.s27,.s34,.s37,.s40,.s47,.s50,.s60,.s66,.s72,.s78{width:17px}
.s111,.s117,.s21,.s29,.s32,.s44,.s53,.s57,.s63,.s69,.s75,.s8,.s81,.s85,.s89,.s93,.s97{width:18px}
.s112,.s119,.s22,.s45,.s54,.s58,.s64,.s70,.s76,.s82,.s86,.s9,.s90,.s94,.s98{width:22px}
.s118,.s12,.s15,.s18,.s25,.s28,.s35,.s38,.s41,.s48,.s51,.s61,.s67,.s73,.s79{width:24px}
.s10,.s113,.s120,.s23,.s30,.s33,.s46,.s55,.s59,.s65,.s71,.s77,.s83,.s87,.s91,.s95,.s99{width:26px}
.s1{background-position:0 0}.s10{background-position:-11px 0}.s100{background-position:-38px 0}.s103{background-position:-49px 0}.s104{background-position:-60px 0;width:9px}.s11{background-position:-70px 0}.s110{background-position:-88px 0}.s111{background-position:-103px 0}.s112{background-position:-122px 0}.s113{background-position:-145px 0}.s114{background-position:-172px 0}.s115{background-position:-183px 0}.s116{background-position:-198px 0}.s117{background-position:-216px 0}.s118{background-position:-235px 0}.s119{background-position:-260px 0}.s12{background-position:-283px 0}.s120{background-position:-308px 0}.s13{background-position:-335px 0}.s14{background-position:-346px 0}.s15{background-position:-364px 0}.s16{background-position:-389px 0}.s17{background-position:-400px 0}.s18{background-position:-418px 0}.s19{background-position:-443px 0}.s2{background-position:-454px 0}.s20{background-position:-465px 0}.s21{background-position:-480px 0}.s22{background-position:-499px 0}.s23{background-position:-522px 0}.s24{background-position:-549px 0}.s25{background-position:-567px 0}.s26{background-position:-592px 0}.s27{background-position:-603px 0}.s28{background-position:-621px 0}.s29{background-position:-646px 0}.s3{background-position:-665px 0}.s30{background-position:-676px 0}.s31{background-position:-703px 0}.s32{background-position:-714px 0}.s33{background-position:-733px 0}.s34{background-position:-760px 0}.s35{background-position:-778px 0}.s36{background-position:-803px 0}.s37{background-position:-814px 0}.s38{background-position:-832px 0}.s39{background-position:-857px 0}.s4{background-position:-868px 0}.s40{background-position:-879px 0}.s41{background-position:-897px 0}.s42{background-position:-922px 0}.s43{background-position:-933px 0}.s44{background-position:-948px 0}.s45{background-position:-967px 0}.s46{background-position:-990px 0}.s47{background-position:-1017px 0}.s48{background-position:-1035px 0}.s49{background-position:-1060px 0}.s5{background-position:-1071px 0}.s50{background-position:-1082px 0}.s51{background-position:-1100px 0}.s52{background-position:-1125px 0}.s53{background-position:-1140px 0}.s54{background-position:-1159px 0}.s55{background-position:-1182px 0}.s56{background-position:-1209px 0}.s57{background-position:-1224px 0}.s58{background-position:-1243px 0}.s59{background-position:-1266px 0}.s6{background-position:-1293px 0}.s60{background-position:-1304px 0}.s61{background-position:-1322px 0}.s62{background-position:-1347px 0}.s63{background-position:-1362px 0}.s64{background-position:-1381px 0}.s65{background-position:-1404px 0}.s66{background-position:-1431px 0}.s67{background-position:-1449px 0}.s68{background-position:-1474px 0}.s69{background-position:-1489px 0}.s7{background-position:-1508px 0}.s70{background-position:-1523px 0}.s71{background-position:-1546px 0}.s72{background-position:-1573px 0}.s73{background-position:-1591px 0}.s74{background-position:-1616px 0}.s75{background-position:-1631px 0}.s76{background-position:-1650px 0}.s77{background-position:-1673px 0}.s78{background-position:-1700px 0}.s79{background-position:-1718px 0}.s8{background-position:-1743px 0}.s80{background-position:-1762px 0}.s81{background-position:-1777px 0}.s82{background-position:-1796px 0}.s83{background-position:-1819px 0}.s84{background-position:-1846px 0}.s85{background-position:-1861px 0}.s86{background-position:-1880px 0}.s87{background-position:-1903px 0}.s88{background-position:-1930px 0}.s89{background-position:-1945px 0}.s9{background-position:-1964px 0}.s90{background-position:-1987px 0}.s91{background-position:-2010px 0}.s92{background-position:-2037px 0}.s93{background-position:-2052px 0}.s94{background-position:-2071px 0}.s95{background-position:-2094px 0}.s96{background-position:-2121px 0}.s97{background-position:-2136px 0}.s98{background-position:-2155px 0}.s99{background-position:-2178px 0}
.s0b,.s0e,.s0f,.s0g,.s0h,.s0i{width:11px;height:11px}
.s0a,.s0d{height:12px;width:12px}
.s0a{background-position:-2205px 0}.s0b{background-position:-2218px 0}.s0c{background-position:-2230px 0;width:6px}.s0d{background-position:-2237px 0}.s0e{background-position:-2250px 0}.s0f{background-position:-2262px 0}.s0g{background-position:-2274px 0}.s0h{background-position:-2286px 0}.s0i{background-position:-2298px 0}.s0j{background-position:-2310px 0;width:9px}.s0k{background-position:-2320px 0;width:11px}
@media only screen and (max-width:480px){.lS{width:50px}.lX{margin-left:50px}.bar li{display:block;padding:2px}.bar a{border:0;text-decoration:underline}}
Member
Posts: 27,803
Joined: Mar 13 2006
Gold: 200.69
Trader: Trusted
Feb 17 2015 04:21pm
Wouldn't use it, but not opposed to more styles of course. Yes :)
Retired Moderator
Posts: 47,538
Joined: Oct 23 2007
Gold: 4,734.68
Trader: Trusted
Feb 17 2015 04:39pm
I wouldn't use it, but I don't see any reasons why not adding it, I'm sure some users would use it :)
Member
Posts: 41,293
Joined: Sep 20 2006
Gold: 68.00
Trader: Trusted
Feb 17 2015 04:41pm
Hunter would use this in a heart beat. Yes from me.
Member
Posts: 64,282
Joined: Jul 17 2009
Gold: 111,131.11
Feb 17 2015 04:44pm
I love it and would use it. Yes.
Member
Posts: 20,260
Joined: Dec 31 2008
Gold: 67.15
Feb 18 2015 06:09pm
Thanks for votes :)

Bump
Member
Posts: 72,704
Joined: Apr 11 2007
Gold: 0.69
Trader: Trusted
Feb 18 2015 06:24pm
I don't mind it at all.
The black themes are easy on the eyes.

Might replace the black/red for me.


Voted yes.
Retired Moderator
Posts: 18,271
Joined: Feb 7 2009
Gold: 224,649.14
Trader: Mediator
Feb 19 2015 06:08am
The different lines are:
Dark purple
Grey
Dark purple
Grey

tbh. I would suggest to make the Grey darker almost a black. A tiny bit to bright :)
Other than that looks cool and got my Yes
Member
Posts: 16,009
Joined: Jun 25 2010
Gold: 0.00
Feb 19 2015 06:35am
I wouldnt use it, but i guess it looks good

[X] Y
Trade Moderator
Posts: 26,718
Joined: Dec 20 2005
Gold: 82,000.00
Trader: Trusted
Feb 19 2015 08:58am
If you could change that pink to other one I would use that ^_^
I voted Yes because I want more styles.
Go Back To Site Suggestions Topic List
12342Next
Add Reply New Topic New Poll