battles/static/styles/main-css.css

/* main css */
html, body {
	/*width:100%;
	height:100%;
	margin:0;
	padding:0;*/
	/*overflow: hidden;*/
	/*
	font-size: 10pt;
	font-family:Verdana, Arial, Helvetica, Tahoma, sans-serif;
	
	font-size: 13px;
	font-family: Tahoma, Verdana, Helvetica, Times;
	
	font-size: 10pt;
	font-family: Tahoma, Verdana, Helvetica, Times;
	*/	
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
	line-height: 11pt;
}

input {
	outline: none;
}

.dhline {
	height:1px; width:100%; background-color:#999999; margin-top:10px; margin-bottom:10px;
}

hr {
	border-top:1px solid #9a9a9a;
	border-bottom:1px solid #eeeeee;
	border-left:0;
	border-right:0;
}

*[onselectstart="return false"] {  
	-moz-user-select: none;  
	-o-user-select:none;  
	-khtml-user-select: none;  
	-webkit-user-select: none;  
	-ms-user-select: none;  
	user-select: none; 
}

.pH3 { COLOR: #8f0000;  FONT-FAMILY: Arial;  FONT-SIZE: 12pt;  FONT-WEIGHT: bold; }

.alink {
	color:#3b3936;
	FONT-WEIGHT: bold;
	white-space: nowrap;
	display:inline-block;
}

.alink:hover {
	color:#76727b;
}

.rtxt {
	color:#F00;
}

a {
	FONT-WEIGHT: bold; COLOR: #003388; TEXT-DECORATION: none
}

a:visited {
	FONT-WEIGHT: bold; COLOR: #003388; TEXT-DECORATION: none
}

a:active {
	COLOR: #6f0000
}

a:hover {
	COLOR: #0066ff
}

.dn {
	display:none;
}

.db {
	display:block;
}

.dib {
	display:inline-block;
}

.fl {
	float:left;
}

.fr {
	float:right;
}

.nb {
	border:0px;
}

.cp {
	cursor:pointer;
	cursor:hand;
}

.cd {
	cursor:default;
}

.pa {
	position:absolute;
}

.ps {
	position:static;
}

.pr {
	position:relative;
}

.w100p {
	width:100%;
}

.imgb {
	vertical-align:middle;
	display:inline-block;
}

button	{
	background-color:#f0f0f0;
	border: solid 1px #B0B0B0;
	font-family: MS Sans Serif;
	font-size: 11px;
	color: #191970;
	margin-right:2px;
	padding:2px 7px 2px 7px;
	outline:none;
}

button:active {
	padding:2px 6px 2px 8px;
}

.btn2 {
	background-color:#a9afc0;
	border: solid 1pt #B0B0B0;
	font-family: MS Sans Serif;
	font-size: 11px;
	color: #191970;
	padding:2px 7px 2px 7px;
}

.btn1 {
	border: solid 1pt #B0B0B0;
	font-family: MS Sans Serif;
	font-size: 10px;
	color: #191970;
	padding:2px 7px 2px 7px;
}

/* Игровые стили */
.infuser {
	display:inline-block;
	background-image:url(../i/inf.gif);
	background-repeat:no-repeat;
	width:12px;
	height:11px;
	vertical-align:bottom;
	padding-bottom:3px;
}

.hplnmp {
	background-image:url('../i/undrhpmp.jpg');
}
.hmpsee {
	background-image:url('../i/hp.jpg');
	height:10px;
}

.greenhp { 
	background: url('../i/hp.jpg')  0px -30px repeat-x;
}
.redhp { 
	background: url('../i/hp.jpg')  0px -10px repeat-x;
}
.yellowhp { 
	background: url('../i/hp.jpg')  0px -20px repeat-x;
}
.greyhp { 
	background: url('../i/hp.jpg')  0px 0px repeat-x;
}
.mananp { 
	background: url('../i/hp.jpg')  0px -40px repeat-x;
}

.hmplup {
	position:relative;
	width:120px;
	height:10px;
}
.hp_line {
	height:10px;
	width:100%;
}
.mp_line {
	height:10px;
	width:100%;
}
.hpline {
	position:absolute;
	top:0;
	left:0;
	color: #F4F4F4;	line-height: 7px;	font-size: 9px;	font-weight: bold;	padding-top: 1px;	margin-left: 3px;	padding-left:3px;
}
.mpline {
	position:absolute;
	top:0;
	left:0;
	color: #00FFFF;	line-height: 7px;	font-size: 9px;	font-weight: bold;	padding-top: 1px;	margin-left: 3px;	padding-left:3px;
}

.usr_inf_border {
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;
	margin:2px;
	padding:2px;
}
.usr_inf_blocked {
	text-align: center;
	color: red;
	font-weight: bold;
	padding:2px;
	background-color:#EFEFEF;
}

/* Главные стили */

.btn	{
	background-color:#504F4C;
	border: 1px double #9a9996;
	font-family: MS Sans Serif;
	font-size: 11px;
	color: #dfdfdf;
	margin-right:2px;
	padding:2px 7px 2px 7px;
	outline:none;
}

.btn:hover {
	color: #CECECE;
	background-color:#393937;
}

.iblue {
	background:url(../images/blink.gif);
}
.ired {
	background:url(../images/glow_pink.gif);
}
.iblued4d4d4 {
	background:url(../images/apxb_d4d4d4.gif);
}
.ibluec8c8c8 {
	background:url(../images/apxb_c8c8c8.gif);
}
.iredd4d4d4 {
	background:url(../images/apxr_d4d4d4.gif);
}
.iredc8c8c8 {
	background:url(../images/apxr_c8c8c8.gif);
}

.btn:active {
	padding:2px 6px 2px 8px;
}

.date {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #007000; FONT-FAMILY: Courier; TEXT-DECORATION: none
}

.date2 {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #007000; FONT-FAMILY: Courier; BACKGROUND-COLOR: #00ffaa; TEXT-DECORATION: none
}

.bred {
	color: red;
	font-weight: bold;
}

.sysdate {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #b00000; FONT-FAMILY: Courier; TEXT-DECORATION: none
}

.private {
	FONT-WEIGHT: bold; COLOR: red; BACKGROUND-COLOR: #fae0e0
}

.private A {
    cursor: pointer;
	FONT-WEIGHT: bold; COLOR: red; BACKGROUND-COLOR: #fae0e0;
}

.private A:hover {
    FONT-WEIGHT: bold; COLOR: red; BACKGROUND-COLOR: #fae0e0;

}

.private A:visited {
	FONT-WEIGHT: bold; COLOR: red; BACKGROUND-COLOR: #fae0e0
}

.private A:active {
	FONT-WEIGHT: bold; COLOR: red; BACKGROUND-COLOR: #fae0e0
}

.number {
	FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #6f0000
}

.dsc {
	FONT-WEIGHT: normal; COLOR: #606060
}

#context_menu {
	top:0px;
	left:0px;
	background-color:#cccccc;
	border:1px solid #666666;
	z-index:100000;
	color: #003388;
    font-family: MS Sans Serif, Arial, Tahoma,sans-serif;
    font-size: 8pt;
    font-weight: bolder;
    text-decoration: none;
	white-space: nowrap;
}

#context_menu div {
  border: 0px solid #000000;
  padding: 2px 12px 2px 8px;
}

#context_menu div:hover {
  background-color: #a2a2a2;
  color: #0066FF;
}

.context_menudivhover {
  background-color: #a2a2a2;
  color: #0066FF;
}

#context_menu_global {
	top:0px;
	left:0px;
	min-width:150px;
	background-color:#ffffff;
	border:1px solid #bababa;
	z-index:100000;
	color: #000000;
    font-size: 10pt;
    text-decoration: none;
	white-space: nowrap;
		
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3); /* Для Firefox */
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3); /* Для Safari и Chrome */
    box-shadow: 2px 2px 3px rgba(0,0,0,0.3); /* Параметры тени */
}

#context_menu_global hr {
	background-color:#e9e9e9;
	border:0;
	height:1px;
	padding:0;
	margin:1px;
	/*border-top:1px solid #e9e9e9;*/
}

#context_menu_global div {
  border: 0px solid #000000;
  padding:3px 21px 3px 21px;
}

#context_menu_global div:hover {
  background-color: #efefef;
}

hr {
	padding:0;
	margin:5px 0 5px 0;
	border-top:1px solid #B6B6B6;
}

.btn1 {
	color:#191992;
	background-color:#dddddd;	
}

.btn2 {
	color:#191992;
	background-color:#a9afc0;
}