/*
// EXAMPLE USAGE of [class.weller.mud.php] and [class.weller.mud.render.php]
// usage: Just RUN THIS FILE after generating a mud directory with [class.load.rom.area.php] or similar area to [weller mud area format] script
Related:
PHP Class :: MUDs :: Multi User Dungeons :: Multi User Dimensions :: MMORPG :: Internet Games :: RPG :: Role Playing Game
Simulation :: Game Development :: World :: Universe
find this and other classes by this author at:
http://www.phpclasses.org/browse/author/144301.html
you can find [class.load.rom.area.php] here:
http://www.phpclasses.org/package/8282-PHP-Load-ROM-MUD-area-map-files-into-arrays.html
*/
body, html {
background-color:white;
position:relative;
margin:0;
padding:0;
}
.menubar {
position:fixed;
width:100%;
bottom:0px;
background-color:#000;
padding:5px;
}
.menubar .menu-item {
display:inline;
}
.menubar .dropdown {
font-family:verdana;
font-weight:bold;
text-shadow: 0px 1px 5px #444;
background: rgb(246,230,180); /* Old browsers */
background: -moz-linear-gradient(top, rgba(246,230,180,1) 0%, rgba(237,144,23,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,230,180,1)), color-stop(100%,rgba(237,144,23,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(246,230,180,1) 0%,rgba(237,144,23,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(246,230,180,1) 0%,rgba(237,144,23,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(246,230,180,1) 0%,rgba(237,144,23,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(246,230,180,1) 0%,rgba(237,144,23,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#ed9017',GradientType=0 ); /* IE6-9 */
border:none;
outline:none;
display: inline-block;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
cursor:pointer;
padding:2px;
padding-left:4px;
padding-top:5px;
padding-bottom:5px;
}
.menubar .dropdown:hover {
background: rgb(178,225,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(178,225,255,1) 0%, rgba(102,182,252,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(178,225,255,1)), color-stop(100%,rgba(102,182,252,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e1ff', endColorstr='#66b6fc',GradientType=0 ); /* IE6-9 */
background: rgb(246,248,249); /* Old browsers */
background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
}
.menubar .myAreaList option {
background-color:white;
}
.rooms {
position:absolute;
top:0px;
}
.rooms .room {
font-family:arial;
position:absolute;
border:1px solid #ccc;
margin-bottom:4px;
background-color:#ccc;
width:600px;
top:0px;
left:-600px;
margin-left:-600px
}
.rooms .room.edit {
position:fixed;
background-color:black;
color:white;
top:50%;
left:50%;
margin-left:-300px;
margin-top:-200px;
-webkit-box-shadow: 3px 3px 27px rgba(50, 50, 50, 0.59);
-moz-box-shadow: 3px 3px 27px rgba(50, 50, 50, 0.59);
box-shadow: 3px 3px 27px rgba(50, 50, 50, 0.59);
padding:5px;
padding-left:10px;
padding-right:10px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 0px;
border-top-right-radius: 10px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 10px;
}
.rooms .room.edit .vnum {
font-family:impact;
font-size:24px;
font-weight:bold;
color:#777;
}
.rooms .room.edit .name {
text-shadow: 0 0 5px #aaa, 0 0 10px #aaa, 0 0 15px #aaa,
0 0 20px #ff0000,
0 0 30px #ff0000,
0 0 40px #ff0000,
0 0 50px #ff0000,
0 0 75px #ff0000;
color:#fff;
font-size:18px;
}
.room .exits {
margin-top:15px;
}
.room .exits .label {
display:inline;
margin-left:10px;
font-weight:bold;
}
.room .exits .exit {
display:inline;
cursor:pointer;
margin-right:5px;
margin-left:10px;
}
.room .exits .exit:hover {
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #952dff, 0 0 30px #952dff, 0 0 40px #952dff, 0 0 50px #952dff, 0 0 75px #952dff;
display:inline;
}
.room .exits .exit.change-area {
color:grey;
}
.room .exits .exit.change-area:hover {
color:white;
}
.rooms .room.edit .desc {
margin-top:15px;
margin-bottom:4px;
border:1px solid #555;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 0px;
border-top-right-radius: 5px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 5px;
text-indent:25px;
padding:10px;
background-color:black;
font-style:italic;
background: rgb(48,50,53); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(48,50,53,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(48,50,53,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(48,50,53,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(48,50,53,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(48,50,53,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(48,50,53,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303235', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
letter-spacing:0.1em;
}
.navigate .n {
position:fixed;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 25px solid black;
left:50%;
top:20px;
margin-left:-15px;
cursor:pointer;
}
.navigate .s {
position:fixed;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 25px solid black;
bottom:60px;
left:50%;
margin-left:-15px;
cursor:pointer;
}
.navigate .e {
position:fixed;
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 25px solid black;
top:50%;
right:20px;
margin-top:-35px;
cursor:pointer;
}
.navigate .w {
position:fixed;
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-right:25px solid black;
top:50%;
left:20px;
margin-top:-35px;
cursor:pointer;
}
.mobs {
margin-top:15px;
margin-bottom:10px;
cursor:pointer;
}
.mobs .mob {
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff2d95, 0 0 30px #ff2d95, 0 0 40px #ff2d95, 0 0 50px #ff2d95, 0 0 75px #ff2d95;
padding:5px;
margin-top:5px;
}
.objs {
margin-top:15px;
margin-bottom:10px;
cursor:pointer;
}
.objs .obj {
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff,
0 0 20px #0000ff,
0 0 30px #0000ff,
0 0 40px #0000ff,
0 0 50px #0000ff,
0 0 75px #0000ff;
padding:5px;
margin-top:5px;
}
.exit-data {
display:none;
}
.mob-editor {
display:block;
position:absolute;
width:500px;
height:100% auto;
border:1px solid #ccc;
top:-15px;
right:0px;
min-height:1000px;
background-color:#000;
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
color:white;
padding-bottom:60px;
margin-bottom:20px;
}
.mob-editor .title {
display:block;
padding:10px;
font-family:arial;
color:white;
letter-spacing:0.04em;
font-size:22px;
margin-bottom:-20px;
margin-left:10px;
margin-top:2px;
}
.mob-editor .content {
padding:5px;
}
.mob-editor .stats ,
.obj-editor .stats {
margin-left:20px;
}
.mob-editor .stat .label, .stat .value ,
.obj-editor .stat .label, .stat .value {
font-family:verdana;
display:inline;
}
.mob-editor .stat .label ,
.obj-editor .stat .label {
display:inline-block;
width:140px;
font-weight:bold;
}
.mob-editor .info ,
.obj-editor .info {
margin-left:20px;
}
.mob-editor .info .label, .info .value ,
.obj-editor .info .label, .info .value {
font-family:verdana;
display:inline;
}
.mob-editor .info .label ,
.obj-editor .info .label {
display:inline-block;
width:140px;
font-weight:bold;
}
.descs {
margin-bottom:15px;
}
.desc .label {
font-family:verdana;
font-weight:bold;
margin-left:5px;
margin-top:5px;
font-size:12px;
}
.desc .value {
border:1px solid #ccc;
padding-left:10px;
margin-left:5px;
margin-right:5px;
}
.mob-editor .close {
font-family:verdana;
position:absolute;
top:15px;left:-35px;
width:25px;
height:20px;
text-align:center;
padding:0px;
margin:0px;
padding-top:2px;
font-weight:bold;
cursor:pointer;
color:#ff0000;
border:2px solid #aaa;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background-color:white;
color:#eee;
background: rgb(184,225,252); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(184,225,252,1) 0%, rgba(169,210,243,1) 10%, rgba(144,186,228,1) 25%, rgba(144,188,234,1) 37%, rgba(144,191,240,1) 50%, rgba(107,168,229,1) 51%, rgba(162,218,245,1) 83%, rgba(189,243,253,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(184,225,252,1)), color-stop(10%,rgba(169,210,243,1)), color-stop(25%,rgba(144,186,228,1)), color-stop(37%,rgba(144,188,234,1)), color-stop(50%,rgba(144,191,240,1)), color-stop(51%,rgba(107,168,229,1)), color-stop(83%,rgba(162,218,245,1)), color-stop(100%,rgba(189,243,253,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.mob-editor .close:hover {
color:#fff;
color:#000;
background: rgb(246,248,249); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C */
}
.mob-editor.hide {
right:-500px;
}
.mob-editor .flags,
.obj-editor .flags
{
margin-top:10px;
margin-left:20px;
}
.mob-editor .flags .label,
.mob-editor .flags .array,
.obj-editor .flags .label,
.obj-editor .flags .array
{
font-family:verdana;
display:inline;
}
.mob-editor .flags .label ,
.obj-editor .flags .label {
font-weight:bold;
color:#dea76f;
}
.mob-editor .flags .array ,
.obj-editor .flags .array {
position:relative;
left:50px;
}
.mob-editor .flags .flag-value,
.obj-editor .flags .flag-value {
display:block;
color:#6f98dd;
}
.mob-editor .sub ,
.obj-editor .sub {
position:relative;
margin-left:144px;
top:-19px;
}
.mob-editor .sub .sublabel,
.mob-editor .sub .subvalue,
.obj-editor .sub .sublabel,
.obj-editor .sub .subvalue
{
display:inline;
}
.mob-editor .sub .sublabel ,
.obj-editor .sub .sublabel {
display:inline-block;
width:80px;
}
.mob-editor .dice_min ,
.obj-editor .dice_min {
margin-left:10px;
display:inline-block;
width:60px;
color:red;
}
.mob-editor .dice_max ,
.obj-editor .dice_max {
display:inline-block;
width:60px;
color:green;
}
.mob-editor .dice ,
.obj-editor .dice {
display:inline-block;
width:100px;
background-color:black;
color:#6f98dd;
}
.diceMinMaxLabel {
font-size:12px;
margin-left:10px;
color:#9E9e62;
}
.diceMinMax {
font-size:12px;
color:#dea76f;
}
.mob-editor .desc .label,
.obj-editor .desc .label
{
position:relative;
left:40px;
top:30px;
color:black;
z-index:100;
}
.mob-editor .desc .value,
.obj-editor .desc .value
{
position: relative;
width: 80%;
background: #ddd;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 2em 1.5em;
color: rgba(0,0,0, .8);
text-shadow: 0 1px 0 #fff;
line-height: 1.5;
margin: 0px auto;
margin-right:20px;
}
.obj-editor {
display:block;
position:absolute;
width:500px;
height:100% auto;
border:1px solid #ccc;
top:-15px;
left:0px;
min-height:1000px;
background-color:#000;
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
color:white;
padding-bottom:60px;
margin-bottom:20px;
}
.obj-editor .title {
display:block;
padding:10px;
font-family:arial;
color:white;
letter-spacing:0.04em;
font-size:22px;
margin-bottom:-20px;
margin-left:10px;
margin-top:2px;
}
.obj-editor .content {
padding:5px;
}
.obj-editor .close {
font-family:verdana;
position:absolute;
top:15px;right:-35px;
width:25px;
height:20px;
text-align:center;
padding:0px;
margin:0px;
padding-top:2px;
font-weight:bold;
cursor:pointer;
color:#ff0000;
border:2px solid #aaa;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background-color:white;
color:#eee;
background: rgb(184,225,252); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(184,225,252,1) 0%, rgba(169,210,243,1) 10%, rgba(144,186,228,1) 25%, rgba(144,188,234,1) 37%, rgba(144,191,240,1) 50%, rgba(107,168,229,1) 51%, rgba(162,218,245,1) 83%, rgba(189,243,253,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(184,225,252,1)), color-stop(10%,rgba(169,210,243,1)), color-stop(25%,rgba(144,186,228,1)), color-stop(37%,rgba(144,188,234,1)), color-stop(50%,rgba(144,191,240,1)), color-stop(51%,rgba(107,168,229,1)), color-stop(83%,rgba(162,218,245,1)), color-stop(100%,rgba(189,243,253,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.obj-editor .close:hover {
color:#fff;
color:#000;
background: rgb(246,248,249); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C */
}
.obj-editor.hide {
left:-500px;
}
.obj-editor .spells .label
{
font-weight:bold;
color:#dea76f;
}
.obj-editor .spells .subvalue
{
position:relative;
left:50px;
display:block;
color:#6f98dd;
}
|
Download
