so this is simply a repost that someone posted in the df that i felt needed some attention.
it's a great, unusual board style that potentially could be added to the site that would give further options for customization (which can never hurt)
now even if you do not like this specific layout, by no means do you have to use it if it actually gets implemented but if you feel like your in for adding more options for making your experience here as awesome as possible, feel free to add your input anyways!
personally, it reminds me of theangeloffury, sew & Juggalo_Mole's board styles but with it's own little twist
all credit goes to
Wycka for creating the board layout & making the actual topic, but seemingly as he is inactive and nothing ever happened with his suggestion, i feel like it doesn't hurt to give it another shot.
therefore i'm now reposting this in hopes of it actually getting some proper attention this time
previous topic:
https://forums.d2jsp.org/topic.php?t=19039454&f=258
Code
form { display: inline }
img { vertical-align: middle; border: 0 }
TABLE, TR, TD, BODY, SELECT, INPUT, BUTTON, TEXTAREA { font: 11px Tahoma; color: #d5ffab }
BODY { background: #000000; margin:10px }
a { text-decoration: underline; color: #68cf00 }
a:hover { color: #68cf00; text-decoration: underline }
.lM, .lB { position:absolute; left:24px; top:12px; color:#68cf00 }
.lB { left:25px; top:13px; color: #244800; font: 20px tahoma }
.lD a, .lD a:hover { text-decoration: none; color:#68cf00; font: 20px tahoma }
.lS { font: 10px tahoma; border-top: 1px solid #68cf00; }
.lB .lS { border-top: 1px solid #244800 }
.head { height:44px; border:1px solid #3a7300; background:#000000; padding:0; margin:0 }
.fL { float:left }
.fR,.barR,.lL { float:right }
.lL { margin:6px 5px; }
.lL img { position:absolute; margin-top:2px; }
.lL a { margin-left:15px }
.bar, .news, fieldset, legend, .pager { border:1px solid #3a7300; background:#000; }
.news {margin-top:5px}
.bar { padding:5px; margin-bottom:10px; }
.bar a {padding:0 4px;text-decoration:none;}
.bar a:hover { text-decoration:underline; }
.barL a { border-right: 1px solid #3a7300; }
.barR a { border-left: 1px solid #3a7300; }
.news {text-align:center;padding:5px;}
fieldset {margin: 7px 0; padding:0px}
legend {border-bottom:0; font-weight:bold; color:#3a7300; padding:0 10px; margin-left:10px}
* html legend{ position:absolute; top: -.5em; left: .5em; margin-left:0}
* html fieldset{ position: relative; margin-top:1em; padding-top:.75em; margin-bottom:14px }
.desc, a.desc, .sig, .edit { font-size:10px; color:#68cf00 }
.edit {font-style:italic}
legend a { text-decoration: none; color: #63c500 }
legend a:hover, a:hover.desc { color: #63c500; text-decoration: underline }
fieldset.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 #3a7300;background: #000000;padding:2px 3px; }
.ftb TD {border-right:1px dashed #3a7300;}
TD.lc {border-right:0}
.bc1, .bc1 TD, TD.bc1 { background: #000000; }
.foot { padding:5px }
.bts, .bts TD, .foot {border-top:1px solid #3a7300}
.cl,.cl a,.cl td,.cl td a,.cl .desc{color:#3a7300}
fieldset, legend, .ftb TH, .ftbt TH, .foot { background:#000000; }
.pager { display:inline; padding:2px 4px; }
.pager b, .pager a { margin-left:1px; padding:0 2px; background: #00000 }
.crt {text-align:center;font-size:8px}
.mpl{ background: #000000; padding: 1px 3px; border: 1px solid #3a7300; }
.mpl{ font: 1px tahoma; margin-right: 1px; }
.mpll{ background: #000000; }
.mpl a { text-decoration: none; }
.links a { padding:0 5px; border-left: 1px dotted #3a7300}
.quote1, .quote2, .code2 { margin-left: 8px; padding: 1px 4px; border-left: 1px solid #3a7300; border-right: 1px solid 3a7300; }
.quote1 { font: bold 10px tahoma; margin-top: 1px; background: #6e8754; border-top: 1px solid #3a7300; }
.quote2, .code2 { font: 11px tahoma; margin-bottom: 1px; border-bottom: 1px solid #3a7300; }
.code2 {font-family: Courier New, Courier;}
.sig { border-top: 1px solid #3a7300; padding-top: 2px; margin-top: 4px }
.editor a { float: left; text-decoration: underline; width: 21px; height: 21px; text-align:center; border: 1px solid #3a7300; display: block; margin: 1px }
.editor a:hover {border:1px solid #3a7300; background: #000000}
.hs { margin-left:6px; }
.p3 { padding:3px }
.ce { text-align:center }
.c { clear:both }
.st { color: #d5ffab; }
.re { color: #d5ffab; }
.se { color: #d5ffab; }
.gr { color: #80ff00; }
.ta { color: #ff0000; }
.ab input, .ab a, a.ab { white-space:nowrap; cursor:hand; text-decoration:none; text-align:center; font-weight:bold; color:#63c500; background:#000000; margin:1px; border:1px outset; }
.ab a, a.ab {width:1px; padding:1px 10px;}
.ab a:hover, a:hover.ab { color:#3a7300 }
.bR, a.bR, input.bR { background: #000000 }
.ib img { border:1px solid #3a7300 }
with some possible tweaks, surely this would be a nice addon to the site & browsing experience? what do you guys think
Guests cannot view or vote in polls. Please register or login.