Login   Register  
PHP Classes
elePHPant
Icontem

File: area_edit.css

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  Classes of JImmy Bo  >  Weller MUD Area Loader  >  area_edit.css  >  Download  
File: area_edit.css
Role: Auxiliary data
Content type: text/plain
Description: Example Area Editor :: CSS
Class: Weller MUD Area Loader
Parse and manipulate Weller MUD map area files
Author: By
Last change: Object Editor added
Date: 1 year ago
Size: 22,453 bytes
 

Contents

Class file image Download
/*

	// 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;
			}