From 4b75b0e90475acbed93bea298dee3e0f4025be37 Mon Sep 17 00:00:00 2001
From: "Igor Barkov (iwork)" <lopar@lopar.us>
Date: Wed, 22 Jul 2020 11:43:14 +0300
Subject: [PATCH] =?UTF-8?q?=D0=9E=D0=B1=D1=89=D0=B0=D1=8F=20=D0=BE=D0=BF?=
 =?UTF-8?q?=D1=82=D0=B8=D0=BC=D0=B8=D0=B7=D0=B0=D1=86=D0=B8=D1=8F=20=D0=B2?=
 =?UTF-8?q?=D1=91=D1=80=D1=81=D1=82=D0=BA=D0=B8=20=D0=B8=20=D1=84=D0=B0?=
 =?UTF-8?q?=D0=B9=D0=BB=D0=BE=D0=B2=D0=BE=D0=B9=20=D1=81=D0=B8=D1=81=D1=82?=
 =?UTF-8?q?=D0=B5=D0=BC=D1=8B.=20=D0=9D=D0=BE=D0=B2=D1=8B=D0=B5=20=D0=BA?=
 =?UTF-8?q?=D0=BD=D0=BE=D0=BF=D0=BA=D0=B8=20=D0=BE=D1=82=20https://github.?=
 =?UTF-8?q?com/necolas/css3-github-buttons=20=D0=B2=D0=BC=D0=B5=D1=81?=
 =?UTF-8?q?=D1=82=D0=BE=20=D1=81=D0=BB=D0=BE=D0=BC=D0=B0=D0=BD=D0=BD=D1=8B?=
 =?UTF-8?q?=D1=85=20=D1=81=D1=82=D0=B0=D1=80=D1=8B=D1=85.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 aren_of_angels.php                            |   2 +-
 css/2/chat.css                                |  43 +-
 css/btn.css                                   | 476 +++++++++++++----
 css/fight.css                                 | 483 ++++++++++++++++++
 design/css/css/fight.css                      | 422 ---------------
 design/css/fight.css                          | 476 -----------------
 i/btn-icons.png                               | Bin 0 -> 3948 bytes
 .../fight}/background-buttons-center.png      | Bin
 .../i => i/fight}/background-buttons-left.png | Bin
 .../fight}/background-buttons-right.png       | Bin
 .../i => i/fight}/background-chat-center.png  | Bin
 .../i => i/fight}/background-chat-hr-left.png | Bin
 .../fight}/background-chat-hr-right.png       | Bin
 .../i => i/fight}/background-chat-left.png    | Bin
 .../i => i/fight}/background-chat-right.png   | Bin
 {design/i => i/fight}/background-left.png     | Bin
 {design/i => i/fight}/background-right.png    | Bin
 .../i => i/fight}/background-top-center.png   | Bin
 {design/i => i/fight}/background-top-left.png | Bin
 .../i => i/fight}/background-top-right.png    | Bin
 {design/i => i/fight}/background-top.png      | Bin
 {design/i => i/fight}/bk-logo-top.png         | Bin
 {design/i => i/fight}/button_refresh_h.png    | Bin
 {design/i => i/fight}/button_refresh_n.png    | Bin
 {design/i => i/fight}/button_refresh_p.png    | Bin
 {design/i => i/fight}/buttons/a___ext.gif     | Bin
 {design/i => i/fight}/buttons/a___inv.gif     | Bin
 {design/i => i/fight}/buttons/a__forum.gif    | Bin
 {design/i => i/fight}/buttons/b___.gif        | Bin
 .../i => i/fight}/buttons/b___filter_off.gif  | Bin
 .../i => i/fight}/buttons/b___slow_off.gif    | Bin
 {design/i => i/fight}/buttons/b___smile.gif   | Bin
 {design/i => i/fight}/buttons/b___sys_off.gif | Bin
 .../fight}/buttons/b___translit_off.gif       | Bin
 {design/i => i/fight}/buttons/erase.gif       | Bin
 {design/i => i/fight}/buttons/otheralign.png  | Bin
 {design/i => i/fight}/buttons/say2.gif        | Bin
 {design/i => i/fight}/buttons/zvuk_off.gif    | Bin
 {design/i => i/fight}/checkbox.png            | Bin
 {design/i => i/fight}/location-frame.png      | Bin
 .../i => i/fight}/location_01/background.png  | Bin
 {design/i => i/fight}/location_01/bigshop.png | Bin
 .../i => i/fight}/location_01/blacksmith.png  | Bin
 {design/i => i/fight}/location_01/castle.png  | Bin
 .../i => i/fight}/location_01/fleamarket.png  | Bin
 {design/i => i/fight}/location_01/loto.png    | Bin
 .../i => i/fight}/location_01/postoffice.png  | Bin
 {design/i => i/fight}/location_01/shop.png    | Bin
 .../i => i/fight}/location_01/signleft.png    | Bin
 .../i => i/fight}/location_01/signright.png   | Bin
 .../i => i/fight}/location_01/signright_1.png | Bin
 {design/i => i/fight}/location_01/statue.png  | Bin
 {design/i => i/fight}/up_left_dec.psd         | Bin
 main.php                                      |  30 +-
 54 files changed, 928 insertions(+), 1004 deletions(-)
 create mode 100644 css/fight.css
 delete mode 100644 design/css/css/fight.css
 delete mode 100644 design/css/fight.css
 create mode 100644 i/btn-icons.png
 rename {design/i => i/fight}/background-buttons-center.png (100%)
 rename {design/i => i/fight}/background-buttons-left.png (100%)
 rename {design/i => i/fight}/background-buttons-right.png (100%)
 rename {design/i => i/fight}/background-chat-center.png (100%)
 rename {design/i => i/fight}/background-chat-hr-left.png (100%)
 rename {design/i => i/fight}/background-chat-hr-right.png (100%)
 rename {design/i => i/fight}/background-chat-left.png (100%)
 rename {design/i => i/fight}/background-chat-right.png (100%)
 rename {design/i => i/fight}/background-left.png (100%)
 rename {design/i => i/fight}/background-right.png (100%)
 rename {design/i => i/fight}/background-top-center.png (100%)
 rename {design/i => i/fight}/background-top-left.png (100%)
 rename {design/i => i/fight}/background-top-right.png (100%)
 rename {design/i => i/fight}/background-top.png (100%)
 rename {design/i => i/fight}/bk-logo-top.png (100%)
 rename {design/i => i/fight}/button_refresh_h.png (100%)
 rename {design/i => i/fight}/button_refresh_n.png (100%)
 rename {design/i => i/fight}/button_refresh_p.png (100%)
 rename {design/i => i/fight}/buttons/a___ext.gif (100%)
 rename {design/i => i/fight}/buttons/a___inv.gif (100%)
 rename {design/i => i/fight}/buttons/a__forum.gif (100%)
 rename {design/i => i/fight}/buttons/b___.gif (100%)
 rename {design/i => i/fight}/buttons/b___filter_off.gif (100%)
 rename {design/i => i/fight}/buttons/b___slow_off.gif (100%)
 rename {design/i => i/fight}/buttons/b___smile.gif (100%)
 rename {design/i => i/fight}/buttons/b___sys_off.gif (100%)
 rename {design/i => i/fight}/buttons/b___translit_off.gif (100%)
 rename {design/i => i/fight}/buttons/erase.gif (100%)
 rename {design/i => i/fight}/buttons/otheralign.png (100%)
 rename {design/i => i/fight}/buttons/say2.gif (100%)
 rename {design/i => i/fight}/buttons/zvuk_off.gif (100%)
 rename {design/i => i/fight}/checkbox.png (100%)
 rename {design/i => i/fight}/location-frame.png (100%)
 rename {design/i => i/fight}/location_01/background.png (100%)
 rename {design/i => i/fight}/location_01/bigshop.png (100%)
 rename {design/i => i/fight}/location_01/blacksmith.png (100%)
 rename {design/i => i/fight}/location_01/castle.png (100%)
 rename {design/i => i/fight}/location_01/fleamarket.png (100%)
 rename {design/i => i/fight}/location_01/loto.png (100%)
 rename {design/i => i/fight}/location_01/postoffice.png (100%)
 rename {design/i => i/fight}/location_01/shop.png (100%)
 rename {design/i => i/fight}/location_01/signleft.png (100%)
 rename {design/i => i/fight}/location_01/signright.png (100%)
 rename {design/i => i/fight}/location_01/signright_1.png (100%)
 rename {design/i => i/fight}/location_01/statue.png (100%)
 rename {design/i => i/fight}/up_left_dec.psd (100%)

diff --git a/aren_of_angels.php b/aren_of_angels.php
index e5efe73..92b92a4 100644
--- a/aren_of_angels.php
+++ b/aren_of_angels.php
@@ -132,7 +132,7 @@ if (isset($_GET['append'])) {
 <head>
     <meta charset="utf-8">
     <link href="css/main.css" rel="stylesheet"/>
-    <link href="design/css/fight.css" rel="stylesheet"/>
+    <link href="css/fight.css" rel="stylesheet"/>
 </head>
 <style>
     .hs {
diff --git a/css/2/chat.css b/css/2/chat.css
index 19b9c76..df1e7c1 100644
--- a/css/2/chat.css
+++ b/css/2/chat.css
@@ -1 +1,42 @@
-html {	width:100%;	height:100%;	padding:0;	margin:0;}body {	width:100%;	height:100%;	padding:0;	margin:0;	overflow:hidden;	/*background-image: url('../i/buttons/chat_bg.gif');*/}select,textarea,input  {	border: solid 1pt #B0B0B0;	font-family: MS Sans Serif;	font-size: 8px;	color: #191970;	MARGIN-BOTTOM: 2px;	MARGIN-TOP: 1px;}img{	border:0;}  .text_msg {	border: 1px solid #CCCCCC;	font-size: 11px;	color: #000000;	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;}  .chatBtn1_1 {	width:30px;	height:30px; 	background: url('../i/buttons/chatBtn1.gif')  0 0 repeat-x;;	cursor:pointer;}  .chatBtn1_2 {	width:30px;	height:30px; 	background: url('../i/buttons/chatBtn1.gif')  0 -30px repeat-x;;	cursor:pointer;}  .chatBtn2_1 {	width:30px;	height:30px; 	background: url('../i/buttons/chatBtn2.gif')  0 0 repeat-x;;	cursor:pointer;}  .chatBtn2_2 {	width:30px;	height:30px; 	background: url('../i/buttons/chatBtn2.gif')  0 -30px repeat-x;;	cursor:pointer;}  .chatBtn4_1 {	width:30px;	height:30px; 	background: url('../i/buttons/chatBtn4.gif')  0 0 repeat-x;;	cursor:pointer;}  .chatBtn4_2 {	width:30px;	height:30px; 	background: url('../i/buttons/chatBtn4.gif')  0 -30px repeat-x;;	cursor:pointer;}  .chatBtn5_1 {	width:30px;	height:30px; 	background: url('../i/buttons/chatBtn5.gif')  0 0 repeat-x;;	cursor:pointer;}  .chatBtn5_2 {	width:30px;	height:30px; 	background: url('../i/buttons/chatBtn5.gif')  0 -30px repeat-x;;	cursor:pointer;}  .chatBtn5_3 {	width:30px;	height:30px; 	background: url('../i/buttons/chatBtn5.gif')  0 -59px repeat-x;;	cursor:pointer;}  .chatBtn6_1 {	width:30px;	height:30px; 	background: url('../i/buttons/chatBtn6.gif')  0 0 repeat-x;;	cursor:pointer;}  .chatBtn6_2 {	width:30px;	height:30px; 	background: url('../i/buttons/chatBtn6.gif')  0 -30px repeat-x;;	cursor:pointer;}  .chatBtn7_1 {	width:30px;	height:30px; 	background: url('../i/buttons/chatBtn7.gif')  0 0 repeat-x;;	cursor:pointer;}  .chatBtn7_2 {	width:30px;	height:30px; 	background: url('../i/buttons/chatBtn7.gif')  0 -30px repeat-x;;	cursor:pointer;}  .chatBtn7_3 {	width:30px;	height:30px; 	background: url('../i/buttons/chatBtn7.gif')  0 -60px repeat-x;;	cursor:pointer;}
\ No newline at end of file
+body {
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    margin: 0;
+    overflow: hidden;
+}
+
+select, textarea, input {
+    border: solid 1pt #B0B0B0;
+    font-family: MS Sans Serif;
+    font-size: 8px;
+    color: #191970;
+    MARGIN-BOTTOM: 2px;
+    MARGIN-TOP: 1px;
+}
+
+.text_msg {
+    border: 1px solid #CCCCCC;
+    font-size: 11px;
+    color: #000000;
+    font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
+}
+
+.chatBtn1_1,
+.chatBtn1_2,
+.chatBtn2_1,
+.chatBtn2_2,
+.chatBtn4_1,
+.chatBtn4_2,
+.chatBtn5_1,
+.chatBtn5_2,
+.chatBtn5_3,
+.chatBtn6_1,
+.chatBtn6_2,
+.chatBtn7_1,
+.chatBtn7_2,
+.chatBtn7_3 {
+    width: 30px;
+    height: 30px;
+    cursor: pointer;
+}
\ No newline at end of file
diff --git a/css/btn.css b/css/btn.css
index caf7347..794485f 100644
--- a/css/btn.css
+++ b/css/btn.css
@@ -1,107 +1,401 @@
-ul.btn-control.main {
-    margin: 0;
-    list-style: none none;
-    padding: 0 10px 0 0;
-}
+/* ------------------------------------------
+ * CSS3 GITHUB BUTTONS (Nicolas Gallagher)
+ * Licensed under Unlicense
+ * http://github.com/necolas/css3-github-buttons
+ * --------------------------------------- */
 
-ul.btn-control.main li {
-    margin-bottom: 4px;
-}
 
-.btn {
+/* =============================================================================
+   Base Button
+   ========================================================================== */
+
+.button {
+    position: relative;
+    overflow: visible;
     display: inline-block;
-    font-family: MS Sans Serif, sans-serif;
-    font-size: 10px;
-    text-align: center;
-    -webkit-touch-callout: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    line-height: 10px \0/;
-}
-
-.btn-control.inventory {
-    padding-right: 10px;
-}
-
-.btn-control.inventory input.btn {
-    margin-bottom: 4px;
-}
-
-input.btn {
-    min-height: 19px;
-    border: 0;
+    padding: 0.5em 1em;
+    border: 1px solid #d4d4d4;
     margin: 0;
-    line-height: 10px;
-    color: black;
-    padding: 1px 0 0;
-}
-
-.button-big {
-    padding-top: 4px;
-    cursor: pointer;
-    width: 180px;
-    height: 15px;
-    font-size: 10px;
-    background: url("/i/frendlist/button_cp_exit_sprite.jpg") 0 -19px;
-}
-
-.button-big.submit {
-    cursor: pointer;
-    width: 180px;
-    height: 16px;
-    font-size: 12px;
-    font-weight: bold;
-    padding-top: 3px;
-}
-
-.button-big:hover {
-    background: url("/i/frendlist/button_cp_exit_sprite.jpg") 0 -38px;
-}
-
-.button-big:active {
-    background: url("/i/frendlist/button_cp_exit_sprite.jpg") 0 0;
-}
-
-.text-head {
-    font-weight: bold;
-    font-size: 12pt;
-    color: #8F0000;
-    font-family: Arial, serif;
+    text-decoration: none;
     text-align: center;
-}
-
-.button-mid {
-    padding-top: 4px;
+    text-shadow: 1px 1px 0 #fff;
+    font:11px/normal sans-serif;
+    color: #333;
+    white-space: nowrap;
     cursor: pointer;
-    width: 75px;
-    height: 15px;
-    font-size: 10px;
-    background: url("/i/buttons/button_mid_Sprite.jpg") no-repeat 0 -19px;
+    outline: none;
+    background-color: #ececec;
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
+    background-image: -moz-linear-gradient(#f4f4f4, #ececec);
+    background-image: -ms-linear-gradient(#f4f4f4, #ececec);
+    background-image: -o-linear-gradient(#f4f4f4, #ececec);
+    background-image: linear-gradient(#f4f4f4, #ececec);
+    -moz-background-clip: padding; /* for Firefox 3.6 */
+    background-clip: padding-box;
+    border-radius: 0.2em;
+    /* IE hacks */
+    zoom: 1;
+    *display: inline;
 }
 
-.button-mid:hover {
-    background: url("/i/buttons/button_mid_Sprite.jpg") 0 -38px;
+.button:hover,
+.button:focus,
+.button:active,
+.button.active {
+    border-color: #3072b3;
+    border-bottom-color: #2a65a0;
+    text-decoration: none;
+    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
+    color: #fff;
+    background-color: #3c8dde;
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3));
+    background-image: -moz-linear-gradient(#599bdc, #3072b3);
+    background-image: -o-linear-gradient(#599bdc, #3072b3);
+    background-image: linear-gradient(#599bdc, #3072b3);
 }
 
-.button-mid:active {
-    background: url("/i/buttons/button_mid_Sprite.jpg") 0 0;
+.button:active,
+.button.active {
+    border-color: #2a65a0;
+    border-bottom-color: #3884cd;
+    background-color: #3072b3;
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3072b3), to(#599bdc));
+    background-image: -moz-linear-gradient(#3072b3, #599bdc);
+    background-image: -ms-linear-gradient(#3072b3, #599bdc);
+    background-image: -o-linear-gradient(#3072b3, #599bdc);
+    background-image: linear-gradient(#3072b3, #599bdc);
 }
 
-.button-dark-mid {
-    padding-top: 4px;
-    cursor: pointer;
-    width: 75px;
-    height: 15px;
-    font-size: 10px;
-    background: url("/i/buttons/darkButton_mid_Sprite.jpg") no-repeat 0 -19px;
+/* overrides extra padding on button elements in Firefox */
+.button::-moz-focus-inner {
+    padding: 0;
+    border: 0;
 }
 
-.button-dark-mid:hover {
-    background: url("/i/buttons/darkButton_mid_Sprite.jpg") 0 -38px;
+
+/* =============================================================================
+   Button icons
+   ========================================================================== */
+
+.button.icon:before {
+    content: "";
+    position: relative;
+    top: 1px;
+    float:left;
+    width: 12px;
+    height: 12px;
+    margin: 0 0.75em 0 -0.25em;
+    background: url(/i/btn-icons.png) 0 99px no-repeat;
 }
 
-.button-dark-mid:active {
-    background: url("/i/buttons/darkButton_mid_Sprite.jpg") 0 0;
-}
\ No newline at end of file
+.button.arrowup.icon:before { background-position: 0 0; }
+.button.arrowup.icon:hover:before,
+.button.arrowup.icon:focus:before,
+.button.arrowup.icon:active:before { background-position: -12px 0; }
+
+.button.arrowdown.icon:before { background-position: 0 -12px; }
+.button.arrowdown.icon:hover:before,
+.button.arrowdown.icon:focus:before,
+.button.arrowdown.icon:active:before { background-position: -12px -12px; }
+
+.button.arrowleft.icon:before { background-position: 0 -24px; }
+.button.arrowleft.icon:hover:before,
+.button.arrowleft.icon:focus:before,
+.button.arrowleft.icon:active:before { background-position: -12px -24px; }
+
+.button.arrowright.icon:before { float:right; margin: 0 -0.25em 0 0.5em; background-position: 0 -36px; }
+.button.arrowright.icon:hover:before,
+.button.arrowright.icon:focus:before,
+.button.arrowright.icon:active:before { background-position: -12px -36px; }
+
+.button.approve.icon:before { background-position: 0 -48px; }
+.button.approve.icon:hover:before,
+.button.approve.icon:focus:before,
+.button.approve.icon:active:before { background-position: -12px -48px; }
+
+.button.add.icon:before { background-position: 0 -288px; }
+.button.add.icon:hover:before,
+.button.add.icon:focus:before,
+.button.add.icon:active:before { background-position: -12px -288px; }
+
+.button.remove.icon:before { background-position: 0 -60px; }
+.button.remove.icon:hover:before,
+.button.remove.icon:focus:before,
+.button.remove.icon:active:before { background-position: -12px -60px; }
+
+.button.log.icon:before { background-position: 0 -72px; }
+.button.log.icon:hover:before,
+.button.log.icon:focus:before,
+.button.log.icon:active:before { background-position: -12px -72px; }
+
+.button.calendar.icon:before { background-position: 0 -84px; }
+.button.calendar.icon:hover:before,
+.button.calendar.icon:focus:before,
+.button.calendar.icon:active:before { background-position: -12px -84px; }
+
+.button.chat.icon:before { background-position: 0 -96px; }
+.button.chat.icon:hover:before,
+.button.chat.icon:focus:before,
+.button.chat.icon:active:before { background-position: -12px -96px; }
+
+.button.clock.icon:before { background-position: 0 -108px; }
+.button.clock.icon:hover:before,
+.button.clock.icon:focus:before,
+.button.clock.icon:active:before { background-position: -12px -108px; }
+
+.button.settings.icon:before { background-position: 0 -120px; }
+.button.settings.icon:hover:before,
+.button.settings.icon:focus:before,
+.button.settings.icon:active:before { background-position: -12px -120px; }
+
+.button.comment.icon:before { background-position: 0 -132px; }
+.button.comment.icon:hover:before,
+.button.comment.icon:focus:before,
+.button.comment.icon:active:before { background-position: -12px -132px; }
+
+.button.fork.icon:before { background-position: 0 -144px; }
+.button.fork.icon:hover:before,
+.button.fork.icon:focus:before,
+.button.fork.icon:active:before { background-position: -12px -144px; }
+
+.button.like.icon:before { background-position: 0 -156px; }
+.button.like.icon:hover:before,
+.button.like.icon:focus:before,
+.button.like.icon:active:before { background-position: -12px -156px; }
+
+.button.favorite.icon:before { background-position: 0 -348px; }
+.button.favorite.icon:hover:before,
+.button.favorite.icon:focus:before,
+.button.favorite.icon:active:before { background-position: -12px -348px; }
+
+.button.home.icon:before { background-position: 0 -168px; }
+.button.home.icon:hover:before,
+.button.home.icon:focus:before,
+.button.home.icon:active:before { background-position: -12px -168px; }
+
+.button.key.icon:before { background-position: 0 -180px; }
+.button.key.icon:hover:before,
+.button.key.icon:focus:before,
+.button.key.icon:active:before { background-position: -12px -180px; }
+
+.button.lock.icon:before { background-position: 0 -192px; }
+.button.lock.icon:hover:before,
+.button.lock.icon:focus:before,
+.button.lock.icon:active:before { background-position: -12px -192px; }
+
+.button.unlock.icon:before { background-position: 0 -204px; }
+.button.unlock.icon:hover:before,
+.button.unlock.icon:focus:before,
+.button.unlock.icon:active:before { background-position: -12px -204px; }
+
+.button.loop.icon:before { background-position: 0 -216px; }
+.button.loop.icon:hover:before,
+.button.loop.icon:focus:before,
+.button.loop.icon:active:before { background-position: -12px -216px; }
+
+.button.search.icon:before { background-position: 0 -228px; }
+.button.search.icon:hover:before,
+.button.search.icon:focus:before,
+.button.search.icon:active:before { background-position: -12px -228px; }
+
+.button.mail.icon:before { background-position: 0 -240px; }
+.button.mail.icon:hover:before,
+.button.mail.icon:focus:before,
+.button.mail.icon:active:before { background-position: -12px -240px; }
+
+.button.move.icon:before { background-position: 0 -252px; }
+.button.move.icon:hover:before,
+.button.move.icon:focus:before,
+.button.move.icon:active:before { background-position: -12px -252px; }
+
+.button.edit.icon:before { background-position: 0 -264px; }
+.button.edit.icon:hover:before,
+.button.edit.icon:focus:before,
+.button.edit.icon:active:before { background-position: -12px -264px; }
+
+.button.pin.icon:before { background-position: 0 -276px; }
+.button.pin.icon:hover:before,
+.button.pin.icon:focus:before,
+.button.pin.icon:active:before { background-position: -12px -276px; }
+
+.button.reload.icon:before { background-position: 0 -300px; }
+.button.reload.icon:hover:before,
+.button.reload.icon:focus:before,
+.button.reload.icon:active:before { background-position: -12px -300px; }
+
+.button.rss.icon:before { background-position: 0 -312px; }
+.button.rss.icon:hover:before,
+.button.rss.icon:focus:before,
+.button.rss.icon:active:before { background-position: -12px -312px; }
+
+.button.tag.icon:before { background-position: 0 -324px; }
+.button.tag.icon:hover:before,
+.button.tag.icon:focus:before,
+.button.tag.icon:active:before { background-position: -12px -324px; }
+
+.button.trash.icon:before { background-position: 0 -336px; }
+.button.trash.icon:hover:before,
+.button.trash.icon:focus:before,
+.button.trash.icon:active:before { background-position: -12px -336px; }
+
+.button.user.icon:before { background-position: 0 -360px; }
+.button.user.icon:hover:before,
+.button.user.icon:focus:before,
+.button.user.icon:active:before { background-position: -12px -360px; }
+
+
+/* =============================================================================
+   Button extensions
+   ========================================================================== */
+
+/* Primary button
+   ========================================================================== */
+
+.button.primary {
+    font-weight: bold;
+}
+
+/* Danger button
+   ========================================================================== */
+
+.button.danger {
+    color: #900;
+}
+
+.button.danger:hover,
+.button.danger:focus,
+.button.danger:active {
+    border-color: #b53f3a;
+    border-bottom-color: #a0302a;
+    color: #fff;
+    background-color: #dc5f59;
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dc5f59), to(#b33630));
+    background-image: -moz-linear-gradient(#dc5f59, #b33630);
+    background-image: -ms-linear-gradient(#dc5f59, #b33630);
+    background-image: -o-linear-gradient(#dc5f59, #b33630);
+    background-image: linear-gradient(#dc5f59, #b33630);
+}
+
+.button.danger:active,
+.button.danger.active {
+    border-color: #a0302a;
+    border-bottom-color: #bf4843;
+    background-color: #b33630;
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b33630), to(#dc5f59));
+    background-image: -moz-linear-gradient(#b33630, #dc5f59);
+    background-image: -ms-linear-gradient(#b33630, #dc5f59);
+    background-image: -o-linear-gradient(#b33630, #dc5f59);
+    background-image: linear-gradient(#b33630, #dc5f59);
+}
+
+/* Pill button
+   ========================================================================== */
+
+.button.pill {
+    border-radius: 50em;
+}
+
+/* Disabled button
+   ========================================================================== */
+
+.button.disable {
+    opacity: 0.5;
+}
+
+/* Big button
+   ========================================================================== */
+
+.button.big {
+    font-size: 14px;
+}
+
+.button.big.icon:before {
+    top: 0;
+}
+
+
+/* =============================================================================
+   Button groups
+   ========================================================================== */
+
+/* Standard group
+   ========================================================================== */
+
+.button-group {
+    display: inline-block;
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    /* IE hacks */
+    zoom: 1;
+    *display: inline;
+}
+
+.button + .button,
+.button + .button-group,
+.button-group + .button,
+.button-group + .button-group {
+    margin-left: 15px;
+}
+
+.button-group li {
+    float: left;
+    padding: 0;
+    margin: 0;
+}
+
+.button-group .button {
+    float: left;
+    margin-left: -1px;
+}
+
+.button-group > .button:not(:first-child):not(:last-child),
+.button-group li:not(:first-child):not(:last-child) .button {
+    border-radius: 0;
+}
+
+.button-group > .button:first-child,
+.button-group li:first-child .button {
+    margin-left: 0;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+}
+
+.button-group > .button:last-child,
+.button-group li:last-child > .button {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+}
+
+/* Minor group
+   ========================================================================== */
+
+.button-group.minor-group .button {
+    border: 1px solid #d4d4d4;
+    text-shadow: none;
+    background-image: none;
+    background-color: #fff;
+}
+
+.button-group.minor-group .button:hover,
+.button-group.minor-group .button:focus {
+    background-color: #599bdc;
+}
+
+.button-group.minor-group .button:active,
+.button-group.minor-group .button.active {
+    background-color: #3072b3;
+}
+
+.button-group.minor-group .button.icon:before {
+    opacity: 0.8;
+}
+
+/* =============================================================================
+   Button container (mixing buttons and groups, e.g., nav bar)
+   ========================================================================== */
+
+.button-container .button,
+.button-container .button-group {
+    vertical-align: top;
+}
diff --git a/css/fight.css b/css/fight.css
new file mode 100644
index 0000000..26cfae9
--- /dev/null
+++ b/css/fight.css
@@ -0,0 +1,483 @@
+* {
+    margin: 0;
+    padding: 0;
+}
+
+a {
+    color: #ffffff;
+    text-decoration: none;
+}
+
+a[class], .ct-bt a {
+    overflow: hidden;
+    line-height: 100000%;
+    white-space: nowrap;
+}
+
+a:hover {
+    color: #ffffff;
+}
+
+a:active, a:focus {
+    outline: none;
+}
+
+img {
+    border: 0;
+}
+
+ul {
+    list-style-type: none;
+}
+
+body {
+    background-color: #d5d5d5;
+}
+
+input[type="checkbox"] {
+    position: absolute;
+    left: -9999px;
+}
+
+input[type="checkbox"] + label:before {
+    content: "";
+    display: inline-block;
+    width: 21px;
+    height: 17px;
+    background: url('../i/fight/checkbox.png') no-repeat;
+}
+
+input[type="checkbox"]:checked + label:before {
+    background-position: 0 -17px;
+}
+
+#bk-body-top {
+    width: auto;
+    height: 128px;
+    margin: auto;
+    background-image: url('../i/fight/background-top-center.png');
+    background-repeat: repeat-x;
+    background-position: top center;
+    z-index: 1;
+}
+
+#bk-body-top-left {
+    width: 128px;
+    height: 128px;
+    background-image: url('../i/fight/background-top-left.png');
+    background-repeat: no-repeat;
+    background-position: top center;
+    position: absolute;
+    left: 0;
+    z-index: 2;
+}
+
+#bk-logo-top {
+    width: 276px;
+    height: 36px;
+    background-image: url('../i/fight/bk-logo-top.png');
+    background-repeat: no-repeat;
+    background-position: top center;
+    position: absolute;
+    left: 0;
+    z-index: 3;
+}
+
+#bk-body-top-right {
+    width: 128px;
+    height: 128px;
+    background-image: url('../i/fight/background-top-right.png');
+    background-repeat: no-repeat;
+    background-position: top center;
+    position: absolute;
+    right: 0;
+    z-index: 2;
+}
+
+#bk-body-menu {
+    width: 500px;
+    height: 15px;
+    position: absolute;
+    right: 10px;
+    z-index: 3;
+
+    top: 5px;
+}
+
+#bk-body-menu-button {
+    background-color: #3f423c;
+    display: block;
+    cursor: pointer;
+    width: 100px;
+    height: 15px;
+    font-size: 8pt;
+    opacity: 0.7;
+    padding-bottom: 3px;
+    text-align: center;
+    font-family: "Myriad Pro Regular", "Myriad Pro", Arial, Helvetica, sans-serif;
+    text-shadow: #1b1f15 1px 1px 0, #1b1f15 -1px -1px 0, #1b1f15 -1px 1px 0, #1b1f15 1px -1px 0;
+}
+
+#bk-body-menu-button:hover {
+    background-color: #bbbca9;
+    opacity: 0.7;
+}
+
+ul.dropdown li {
+    text-align: center;
+    display: table-cell;
+}
+
+ul.dropdown, ul.dropdown-inside {
+    list-style-type: none;
+    padding: 0;
+}
+
+ul.dropdown-inside {
+    position: absolute;
+    min-width: 100px;
+    font-size: 8pt;
+    font-family: "Myriad Pro Regular", "Myriad Pro", Arial, Helvetica, sans-serif;
+    left: -9999px;
+}
+
+ul.dropdown li.dropdown-top {
+    display: inline;
+    float: left;
+}
+
+ul.dropdown li.dropdown-top a {
+    padding: 3px 10px 4px;
+    display: block;
+}
+
+ul.dropdown a.dropdown-top {
+    background: #efefef;
+}
+
+ul.dropdown a.dropdown-top:hover {
+    padding: 2px 10px 5px;
+}
+
+ul.dropdown li.dropdown-top:hover .dropdown-inside {
+    display: block;
+    left: 0;
+}
+
+ul.dropdown .dropdown-inside {
+    background: #c3c0bb;
+    opacity: 0.9;
+}
+
+ul.dropdown .dropdown-inside a:hover {
+    background: #3f423c;
+}
+
+#bk-body-left {
+    width: 128px;
+    height: 100%;
+    margin: auto;
+    background-image: url('../i/fight/background-left.png');
+    background-repeat: repeat-y;
+    background-position: top center;
+    position: absolute;
+    left: 0;
+    z-index: 1;
+}
+
+#bk-body-right {
+    width: 128px;
+    height: 100%;
+    margin: auto;
+    background-image: url('../i/fight/background-right.png');
+    background-repeat: repeat-y;
+    background-position: top center;
+    position: absolute;
+    right: 0;
+    z-index: 1;
+}
+
+#bk-chat-body {
+    width: auto;
+    height: 187px;
+    margin: auto;
+    background-image: url('../i/fight/background-chat-center.png');
+    background-repeat: repeat-x;
+    background-position: top center;
+    position: relative;
+    z-index: 1;
+}
+
+.bk-button-refresh {
+    background-image: url('../i/fight/button_refresh_n.png');
+    background-repeat: no-repeat;
+    position: absolute;
+    display: block;
+    cursor: pointer;
+    width: 31px;
+    height: 31px;
+    margin: 15px 0 0 250px;
+    z-index: 3;
+}
+
+.bk-button-refresh:hover {
+    background-image: url('../i/fight/button_refresh_h.png');
+}
+
+.bk-button-refresh:active {
+    background-image: url('../i/fight/button_refresh_p.png');
+}
+
+.bk-chat-autorefresh {
+    width: auto;
+    height: 17px;
+    position: absolute;
+    margin: 150px 0 0 75px;
+    font-family: "Myriad Pro Regular", "Myriad Pro", Arial, Helvetica, sans-serif;
+    font-size: 12px;
+    font-stretch: ultra-condensed;
+    z-index: 5;
+}
+
+#bk-chat-left {
+    width: 128px;
+    height: 187px;
+    background-image: url('../i/fight/background-chat-left.png');
+    background-repeat: no-repeat;
+    background-position: top center;
+    position: absolute;
+    left: 0;
+    z-index: 2;
+}
+
+#bk-chat-hr-left {
+    width: 40px;
+    height: 187px;
+    background-image: url('../i/fight/background-chat-hr-left.png');
+    background-repeat: no-repeat;
+    background-position: top center;
+    position: absolute;
+    right: 0;
+    z-index: 2;
+}
+
+#bk-chat-hr-right {
+    width: 40px;
+    height: 187px;
+    background-image: url('../i/fight/background-chat-hr-right.png');
+    background-repeat: no-repeat;
+    background-position: top center;
+    position: absolute;
+    left: 0;
+    z-index: 2;
+}
+
+#bk-chat-right {
+    width: 128px;
+    height: 187px;
+    background-image: url('../i/fight/background-chat-right.png');
+    background-repeat: no-repeat;
+    background-position: top center;
+    position: absolute;
+    right: 0;
+    z-index: 2;
+}
+
+#bk-location-frame {
+    width: 973px;
+    height: 348px;
+    margin: auto;
+    background-image: url('../i/fight/location-frame.png');
+    background-repeat: no-repeat;
+    background-position: top center;
+    position: relative;
+    z-index: 1;
+}
+
+.loc_background {
+    width: 973px;
+    height: 348px;
+    margin: auto;
+    background-image: url('../i/fight/location-frame.png');
+    background-repeat: no-repeat;
+    position: relative;
+    top: -13px;
+    z-index: 1;
+}
+
+.city-location-container {
+    width: 950px;
+    /*margin: 0 auto;*/
+    padding-top: 9px;
+    margin: 0 0 0 12px;
+}
+
+.city-location-container .fireworks {
+    position: absolute;
+    left: 4px;
+    right: 0;
+    z-index: 1500;
+    top: 5px;
+}
+
+.city-location-container .fireworks #frvrks {
+    position: relative;
+}
+
+.city-location-container .location-map {
+    position: relative;
+    cursor: pointer;
+    width: 950px;
+    padding-top: 9px;
+    padding-left: 2px
+}
+
+.city-location-container .location {
+    position: absolute;
+    z-index: 90;
+}
+
+.loc {
+    border: none;
+}
+
+.city-location-container .location img:not([onclick]) {
+    border: dashed 1px red;
+}
+
+.city-location-container .location img:hover {
+    -webkit-filter: drop-shadow(0px 0px 2px rgba(255, 255, 255, 1));
+    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#FFF')";
+    filter: drop-shadow(0px 0px 2px rgba(255, 255, 255, 1));
+}
+
+.city-location-container .footnote {
+    border-top: solid 1px #aaa;
+}
+
+.city-location-container .footnote * {
+    font-size: 80%;
+}
+
+#bk-location-text {
+    width: 950px;
+    height: auto;
+    margin: auto;
+    font-family: "Myriad Pro Regular", "Myriad Pro", Arial, Helvetica, sans-serif;
+    font-stretch: ultra-condensed;
+    font-size: 14px;
+    font-weight: normal;
+    text-align: center;
+}
+
+#bk-buttons-center {
+    width: auto;
+    height: 43px;
+    margin: auto;
+    background-repeat: repeat-x;
+    background-position: top center;
+    background-color: rgb(233, 233, 233);
+    z-index: 1;
+    border-left: 6px solid #6D6F5F;
+    border-right: 6px solid #6D6F5F;
+}
+
+#bk-buttons-left {
+    width: 128px;
+    height: 43px;
+    background-image: url('../i/fight/background-buttons-left.png');
+    background-repeat: no-repeat;
+    background-position: top center;
+    position: absolute;
+    left: 0;
+    z-index: 2;
+}
+
+#bk-buttons-right {
+    width: 128px;
+    height: 43px;
+    background-image: url('../i/fight/background-buttons-right.png');
+    background-repeat: no-repeat;
+    background-position: top center;
+    position: absolute;
+    right: 0;
+    z-index: 2;
+}
+
+input {
+    background-color: #37362b;
+    border: 0 none;
+    color: #e5e5e5;
+    margin-top: 16px;
+    margin-left: 20px;
+    font-family: "Myriad Pro Regular", "Myriad Pro", Arial, Helvetica, sans-serif;
+    font-stretch: ultra-condensed;
+    font-size: 14px;
+    font-weight: normal;
+    text-align: left;
+    outline: none;
+}
+
+::-webkit-input-placeholder { /* WebKit browsers */
+    color: #d4f4ed;
+}
+
+:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
+    color: #d4f4ed;
+    opacity: 1;
+}
+
+::-moz-placeholder { /* Mozilla Firefox 19+ */
+    color: #d4f4ed;
+    opacity: 1;
+}
+
+:-ms-input-placeholder { /* Internet Explorer 10+ */
+    color: #d4f4ed;
+}
+
+input {
+    outline: none;
+}
+
+input:-webkit-autofill {
+    -webkit-box-shadow: inset 0 0 0 50px #081524 !important;
+    -webkit-text-fill-color: #d4f4ed !important;
+    color: #d4f4ed !important;
+}
+
+input:focus::-webkit-input-placeholder {
+    color: transparent;
+    text-shadow: none;
+}
+
+#bk-buttons-panel {
+    position: absolute;
+    margin: 10px 0 0 550px;
+}
+
+* a.buttons {
+    display: inline;
+}
+
+#bk-buttons-panel-right {
+    position: absolute;
+    right: 7px; /*0px*/
+    margin-top: 2px; /*10px*/
+    z-index: 3;
+}
+
+.say_ {
+    background-color: #FFF;
+    margin-bottom: 2px;
+    border: solid 1pt #B0B0B0;
+    color: #191970;
+    margin-top: 5px;
+    margin-left: 5px;
+    font-family: MS Sans Serif, sans-serif;
+    font-stretch: ultra-condensed;
+    font-size: 9pt;
+    font-weight: normal;
+    text-align: left;
+    outline: none;
+}
\ No newline at end of file
diff --git a/design/css/css/fight.css b/design/css/css/fight.css
deleted file mode 100644
index 1a4a954..0000000
--- a/design/css/css/fight.css
+++ /dev/null
@@ -1,422 +0,0 @@
-*
-{
-    margin: 0;
-    padding: 0;
-}
-a
-{
-    color: #ffffff;
-    text-decoration: none;
-}
-a[class],
-.ct-bt a
-{
-    overflow: hidden;
-    line-height: 100000%;
-    white-space: nowrap;
-}
-a:hover
-{
-    color: #ffffff;
-}
-a:active,
-a:focus
-{
-    outline: none;
-}
-img
-{
-    /*display: block;*/
-    border: 0;
-}
-ul
-{
-    list-style-type: none;
-}
-body
-{
-	background-color: #d5d5d5;
-}
-input[type="checkbox"] {
-  position: absolute;
-  left: -9999px;
-}
-input[type="checkbox"] + label:before {
-  content: "";
-  display: inline-block;
-  width: 21px;
-  height: 17px;
-  background: url('../i/checkbox.png') no-repeat;
-}
-input[type="checkbox"]:checked + label:before {
-  background-position: 0 -17px;
-}
-#bk-body-top
-{ 
-	width: auto;
-  height: 128px;
-  margin: auto;
-	background-image: url('../i/background-top-center.png');
-	background-repeat: repeat-x;
-	background-position: top center;
-	z-index: 1;
-}
-#bk-body-top-left
-{
-	width: 128px;
-  height: 128px;
-  background-image: url('../i/background-top-left.png');
-	background-repeat: no-repeat;
-	background-position: top center;
-  position: absolute;
-  left: 0;
-  z-index: 2;
-}
-#bk-logo-top
-{
-	width: 276px;
-  height: 36px;
-  background-image: url('../i/bk-logo-top.png');
-	background-repeat: no-repeat;
-	background-position: top center;
-  position: absolute;
-  left: 0;
-  z-index: 3;
-}
-#bk-body-top-right
-{
-	width: 128px;
-  height: 128px;
-  background-image: url('../i/background-top-right.png');
-	background-repeat: no-repeat;
-	background-position: top center;
-  position: absolute;
-  right: 0;
-  z-index: 2;
-}
-#bk-body-menu
-{
-	width: 500px;
-  height: 15px;
-  position: absolute;
-  right: 10px;
-  z-index: 3;
-}
-#bk-body-menu-button {
-	background-color: #3f423c;
-	display:block;
-	cursor:pointer;
-	width: 100px;
-	height: 15px;
-	font-size: 8pt;
-	opacity: 0.7;
-	padding-bottom: 3px;
-	text-align: center;
-	font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Arial, "Helvetica CY";
-	text-shadow: #1b1f15 1px 1px 0, #1b1f15 -1px -1px 0, #1b1f15 -1px 1px 0, #1b1f15 1px -1px 0;
-}
-#bk-body-menu-button:hover {
-	background-color: #bbbca9;
-	opacity: 0.7;
-}
-ul.dropdown li { text-align: center; display: table-cell; }
- ul.dropdown,
- ul.dropdown-inside {
- list-style-type: none;
- padding: 0;
- }
- ul.dropdown-inside {
- position: absolute;
- min-width: 100px;
- font-size: 8pt;
- font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Arial, "Helvetica CY";
- left: -9999px;
- }
- ul.dropdown li.dropdown-top {
- display: inline;
- float: left;
- }
- 
- ul.dropdown li.dropdown-top a {
- padding: 3px 10px 4px;
- display: block;
- }
- ul.dropdown a.dropdown-top { background: #efefef; }
- ul.dropdown a.dropdown-top:hover { padding: 2px 10px 5px; }
- ul.dropdown li.dropdown-top:hover .dropdown-inside {
- display: block;
- left: 0;
- }
- ul.dropdown .dropdown-inside { background: #c3c0bb; opacity: 0.9; }
- ul.dropdown .dropdown-inside a:hover { background: #3f423c; }
- 
-#bk-body-left
-{
-	width: 128px;
-  height: 100%;
-  margin: auto;
-	background-image: url('../i/background-left.png');
-	background-repeat: repeat-y;
-	background-position: top center;
-	position: absolute;
-  left: 0;
-	z-index: 1;
-}
-#bk-body-right
-{
-	width: 128px;
-  height: 100%;
-  margin: auto;
-	background-image: url('../i/background-right.png');
-	background-repeat: repeat-y;
-	background-position: top center;
-	position: absolute;
-  right: 0;
-	z-index: 1;
-}
-#bk-chat-body
-{
-	width: auto;
-  height: 187px;
-  margin: auto;
-  background-image: url('../i/background-chat-center.png');
-	background-repeat: repeat-x;
-	background-position: top center;
-	position: relative;
-	z-index: 1;
-}
-.bk-button-refresh {
-	background-image: url('../i/button_refresh_n.png');
-	background-repeat: no-repeat;
-	position: absolute;
-	display:block;
-	cursor:pointer;
-	width: 31px;
-	height: 31px;
-	margin: 15px 0 0 250px;
-	z-index: 3;
-}
-.bk-button-refresh:hover {
-	background-image: url('../i/button_refresh_h.png');
-}
-.bk-button-refresh:active {
-	background-image: url('../i/button_refresh_p.png');
-}
-.bk-chat-autorefresh
-{
-	width: auto;
-	height: 17px;
-	margin: auto;
-	position: absolute;
-	margin: 150px 0 0 75px;
-	font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Arial, "Helvetica CY";
-	font-size: 12px;
-	font-stretch: ultra-condensed;
-	z-index: 5;
-}
-#bk-chat-left
-{
-	width: 128px;
-  height: 187px;
-	background-image: url('../i/background-chat-left.png');
-	background-repeat: no-repeat;
-	background-position: top center;
-	position: absolute;
-  left: 0;
-	z-index: 2;
-}
-#bk-chat-hr-left
-{
-	width: 40px;
-  height: 187px;
-	background-image: url('../i/background-chat-hr-left.png');
-	background-repeat: no-repeat;
-	background-position: top center;
-  position: absolute;
-  right: 0;
-  z-index: 2;
-}
-#bk-chat-hr-right
-{
-	width: 40px;
-  height: 187px;
-	background-image: url('../i/background-chat-hr-right.png');
-	background-repeat: no-repeat;
-	background-position: top center;
-  position: absolute;
-  left: 0;
-  z-index: 2;
-}
-#bk-chat-right
-{
-	width: 128px;
-  height: 187px;
-	background-image: url('../i/background-chat-right.png');
-	background-repeat: no-repeat;
-	background-position: top center;
-	position: absolute;
-  right: 0;
-	z-index: 2;
-}
-#bk-location-frame
-{
-	width: 973px;
-  height: 348px;
-  margin: auto;
-	background-image: url('../i/location-frame.png');
-	background-repeat: no-repeat;
-	background-position: top center;
-	position: relative;
-	z-index: 1;
-}
-.city-location-container {
-    width: 950px;
-    /*margin: 0 auto;*/
-    padding-top: 9px;
-    margin: 0 0 0 12px;
-}
-
-.city-location-container .fireworks {
-    position: absolute;
-    left: 4px;
-    right: 0;
-    z-index: 1500;
-    top: 5px;
-}
-
-.city-location-container .fireworks #frvrks {
-    position:relative;
-}
-
-.city-location-container .location-map {
-    position:relative;
-    cursor: pointer;
-    width: 950px;
-}
-
-.city-location-container .location {
-    position: absolute;
-    z-index: 90;
-}
-
-.city-location-container .location img:not([title]),
-.city-location-container .location img[title=""] {
-    border: dashed 1px yellow;
-}
-
-.city-location-container .location img:not([onclick]) {
-    border: dashed 1px red;
-}
-
-.city-location-container .location img:hover {
-    -webkit-filter: drop-shadow(0px 0px 2px rgba(255,255,255,1));
-    filter: url(#drop-shadow);
-    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#FFF')";
-    filter: drop-shadow(0px 0px 2px rgba(255,255,255,1));
-}
-
-.city-location-container .footnote {
-    border-top: solid 1px #aaa;
-}
-
-.city-location-container .footnote * {
-    font-size: 80%;
-}
-#bk-location-text
-{
-	width: 950px;
-  height: auto;
-  margin: auto;
-  font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Arial, "Helvetica CY";
-	font-stretch: ultra-condensed;
-	font-size:14px;
-	font-weight: normal;
-	text-align: center;
-}
-#bk-buttons-center
-{ 
-	width: auto;
-  height: 43px;
-  margin: auto;
-	background-image: url('../i/background-buttons-center.png');
-	background-repeat: repeat-x;
-	background-position: top center;
-	z-index: 1;
-}
-#bk-buttons-left
-{
-	width: 128px;
-  height: 43px;
-  background-image: url('../i/background-buttons-left.png');
-	background-repeat: no-repeat;
-	background-position: top center;
-  position: absolute;
-  left: 0;
-  z-index: 2;
-}
-#bk-buttons-right
-{
-	width: 128px;
-  height: 43px;
-  background-image: url('../i/background-buttons-right.png');
-	background-repeat: no-repeat;
-	background-position: top center;
-  position: absolute;
-  right: 0;
-  z-index: 2;
-}
-input
-{
-	background-color: #37362b;
-	border: 0 none;
-	color: #e5e5e5;
-	margin-top: 16px;
-	margin-left: 20px;
-	font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Arial, "Helvetica CY";
-	font-stretch: ultra-condensed;
-	font-size:14px;
-	font-weight: normal;
-	text-align: left;
-	outline: none;
-}
-::-webkit-input-placeholder { /* WebKit browsers */
-    color:    #d4f4ed;
-}
-:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
-   color:    #d4f4ed;
-   opacity:  1;
-}
-::-moz-placeholder { /* Mozilla Firefox 19+ */
-   color:    #d4f4ed;
-   opacity:  1;
-}
-:-ms-input-placeholder { /* Internet Explorer 10+ */
-   color:    #d4f4ed;
-}
-input {outline: none;}
-input:-webkit-autofill {
-    -webkit-box-shadow: inset 0 0 0 50px #081524 !important;
-    -webkit-text-fill-color: #d4f4ed !important;
-    color: #d4f4ed !important;
-}
-input:focus::-webkit-input-placeholder 
-{
-    color: transparent;
-    text-shadow: none;
-}
-#bk-buttons-panel
-{
-	position: absolute;
-	margin: 10px 0 0 550px;
-}
-*a.buttons
-{
-	display: inline;
-}
-#bk-buttons-panel-right
-{
-	position: absolute;
-	right: 0;
-	margin-top: 10px;
-	z-index: 3;
-}
\ No newline at end of file
diff --git a/design/css/fight.css b/design/css/fight.css
deleted file mode 100644
index 1459780..0000000
--- a/design/css/fight.css
+++ /dev/null
@@ -1,476 +0,0 @@
-* {
-  margin: 0;
-  padding: 0;
-}
-
-a {
-  color: #ffffff;
-  text-decoration: none;
-}
-
-a[class], .ct-bt a {
-  overflow: hidden;
-  line-height: 100000%;
-  white-space: nowrap;
-}
-
-a:hover {
-  color: #ffffff;
-}
-
-a:active, a:focus {
-  outline: none;
-}
-
-img {
-  border: 0;
-}
-
-ul {
-  list-style-type: none;
-}
-
-body {
-  background-color: #d5d5d5;
-}
-
-input[type="checkbox"] {
-  position: absolute;
-  left: -9999px;
-}
-
-input[type="checkbox"] + label:before {
-  content: "";
-  display: inline-block;
-  width: 21px;
-  height: 17px;
-  background: url('../i/checkbox.png') no-repeat;
-}
-
-input[type="checkbox"]:checked + label:before {
-  background-position: 0 -17px;
-}
-
-#bk-body-top { 
-  width: auto;
-  height: 128px;
-  margin: auto;
-  background-image: url('../i/background-top-center.png');
-  background-repeat: repeat-x;
-  background-position: top center;
-  z-index: 1;
-}
-
-#bk-body-top-left {
-  width: 128px;
-  height: 128px;
-  background-image: url('../i/background-top-left.png');
-  background-repeat: no-repeat;
-  background-position: top center;
-  position: absolute;
-  left: 0;
-  z-index: 2;
-}
-
-#bk-logo-top {
-  width: 276px;
-  height: 36px;
-  background-image: url('../i/bk-logo-top.png');
-  background-repeat: no-repeat;
-  background-position: top center;
-  position: absolute;
-  left: 0;
-  z-index: 3;
-}
-
-#bk-body-top-right {
-  width: 128px;
-  height: 128px;
-  background-image: url('../i/background-top-right.png');
-  background-repeat: no-repeat;
-  background-position: top center;
-  position: absolute;
-  right: 0;
-  z-index: 2;
-}
-
-#bk-body-menu {
-  width: 500px;
-  height: 15px;
-  position: absolute;
-  right: 10px;
-  z-index: 3;
-  
-  top: 5px;
-}
-
-#bk-body-menu-button {
-	background-color: #3f423c;
-	display:block;
-	cursor:pointer;
-	width: 100px;
-	height: 15px;
-	font-size: 8pt;
-	opacity: 0.7;
-	padding-bottom: 3px;
-	text-align: center;
-	font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Arial, "Helvetica CY";
-	text-shadow: #1b1f15 1px 1px 0, #1b1f15 -1px -1px 0, #1b1f15 -1px 1px 0, #1b1f15 1px -1px 0;
-}
-
-#bk-body-menu-button:hover {
-	background-color: #bbbca9;
-	opacity: 0.7;
-}
-
-ul.dropdown li { text-align: center; display: table-cell; }
-
-ul.dropdown, ul.dropdown-inside {
- list-style-type: none;
- padding: 0;
-}
-
-ul.dropdown-inside {
- position: absolute;
- min-width: 100px;
- font-size: 8pt;
- font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Arial, "Helvetica CY";
- left: -9999px;
-}
-
-ul.dropdown li.dropdown-top {
- display: inline;
- float: left;
-}
- 
-ul.dropdown li.dropdown-top a {
- padding: 3px 10px 4px;
- display: block;
-}
-
-ul.dropdown a.dropdown-top { background: #efefef; }
-ul.dropdown a.dropdown-top:hover { padding: 2px 10px 5px; }
-ul.dropdown li.dropdown-top:hover .dropdown-inside {
- display: block;
- left: 0;
-}
-
-ul.dropdown .dropdown-inside { background: #c3c0bb; opacity: 0.9; }
-ul.dropdown .dropdown-inside a:hover { background: #3f423c; }
- 
-#bk-body-left {
-	width: 128px;
-  height: 100%;
-  margin: auto;
-	background-image: url('../i/background-left.png');
-	background-repeat: repeat-y;
-	background-position: top center;
-	position: absolute;
-  left: 0;
-	z-index: 1;
-}
-
-#bk-body-right
-{
-	width: 128px;
-  height: 100%;
-  margin: auto;
-	background-image: url('../i/background-right.png');
-	background-repeat: repeat-y;
-	background-position: top center;
-	position: absolute;
-  right: 0;
-	z-index: 1;
-}
-
-#bk-chat-body
-{
-	width: auto;
-  height: 187px;
-  margin: auto;
-  background-image: url('../i/background-chat-center.png');
-	background-repeat: repeat-x;
-	background-position: top center;
-	position: relative;
-	z-index: 1;
-}
-
-.bk-button-refresh {
-	background-image: url('../i/button_refresh_n.png');
-	background-repeat: no-repeat;
-	position: absolute;
-	display:block;
-	cursor:pointer;
-	width: 31px;
-	height: 31px;
-	margin: 15px 0 0 250px;
-	z-index: 3;
-}
-
-.bk-button-refresh:hover {
-	background-image: url('../i/button_refresh_h.png');
-}
-
-.bk-button-refresh:active {
-	background-image: url('../i/button_refresh_p.png');
-}
-
-.bk-chat-autorefresh {
-	width: auto;
-	height: 17px;
-	margin: auto;
-	position: absolute;
-	margin: 150px 0 0 75px;
-	font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Arial, "Helvetica CY";
-	font-size: 12px;
-	font-stretch: ultra-condensed;
-	z-index: 5;
-}
-
-#bk-chat-left {
-	width: 128px;
-  height: 187px;
-	background-image: url('../i/background-chat-left.png');
-	background-repeat: no-repeat;
-	background-position: top center;
-	position: absolute;
-  left: 0;
-	z-index: 2;
-}
-
-#bk-chat-hr-left
-{
-	width: 40px;
-  height: 187px;
-	background-image: url('../i/background-chat-hr-left.png');
-	background-repeat: no-repeat;
-	background-position: top center;
-  position: absolute;
-  right: 0;
-  z-index: 2;
-}
-
-#bk-chat-hr-right
-{
-	width: 40px;
-  height: 187px;
-	background-image: url('../i/background-chat-hr-right.png');
-	background-repeat: no-repeat;
-	background-position: top center;
-  position: absolute;
-  left: 0;
-  z-index: 2;
-}
-
-#bk-chat-right
-{
-	width: 128px;
-  height: 187px;
-	background-image: url('../i/background-chat-right.png');
-	background-repeat: no-repeat;
-	background-position: top center;
-	position: absolute;
-  right: 0;
-	z-index: 2;
-}
-
-#bk-location-frame {
-  width: 973px;
-  height: 348px;
-  margin: auto;
-  background-image: url('../i/location-frame.png');
-  background-repeat: no-repeat;
-  background-position: top center;
-  position: relative;
-  z-index: 1;
-}
-
-.loc_background {
-  width: 973px;
-  height: 348px;
-  margin: auto;
-  background-image: url('../i/location-frame.png');
-  background-repeat: no-repeat;
-  position: relative;
-  top: -13px;
-  z-index: 1;
-}
-
-.city-location-container {
-    width: 950px;
-    /*margin: 0 auto;*/
-    padding-top: 9px;
-    margin: 0 0 0 12px;
-}
-
-.city-location-container .fireworks {
-    position: absolute;
-    left: 4px;
-    right: 0;
-    z-index: 1500;
-    top: 5px;
-}
-
-.city-location-container .fireworks #frvrks {
-    position:relative;
-}
-
-.city-location-container .location-map {
-    position:relative;
-    cursor: pointer;
-    width: 950px;
-    padding-top: 9px;
-    padding-left: 2px
-}
-
-.city-location-container .location {
-    position: absolute;
-    z-index: 90;
-}
-
-.city-location-container .location img:not([title]),
-.city-location-container .location img[title=""] {
-    /*border: dashed 1px yellow;*/
-}
-
-.loc {
-  border: none;
-}
-
-.city-location-container .location img:not([onclick]) {
-    border: dashed 1px red;
-}
-
-.city-location-container .location img:hover {
-    -webkit-filter: drop-shadow(0px 0px 2px rgba(255,255,255,1));
-    filter: url(#drop-shadow);
-    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#FFF')";
-    filter: drop-shadow(0px 0px 2px rgba(255,255,255,1));
-}
-
-.city-location-container .footnote {
-    border-top: solid 1px #aaa;
-}
-
-.city-location-container .footnote * {
-    font-size: 80%;
-}
-
-#bk-location-text {
-	width: 950px;
-  height: auto;
-  margin: auto;
-  font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Arial, "Helvetica CY";
-	font-stretch: ultra-condensed;
-	font-size:14px;
-	font-weight: normal;
-	text-align: center;
-}
-
-#bk-buttons-center { 
-  width: auto;
-  height: 43px;
-  margin: auto;
-  background-image: url('http://img.old-combats.com/i/buttons/chat_bg.gif');
-  background-repeat: repeat-x;
-  background-position: top center;
-  background-color: rgb(233, 233, 233);
-  z-index: 1;
-  border-left: 6px solid #6D6F5F;
-  border-right: 6px solid #6D6F5F;
-}
-
-#bk-buttons-left
-{
-	width: 128px;
-  height: 43px;
-  background-image: url('../i/background-buttons-left.png');
-	background-repeat: no-repeat;
-	background-position: top center;
-  position: absolute;
-  left: 0;
-  z-index: 2;
-}
-
-#bk-buttons-right
-{
-	width: 128px;
-  height: 43px;
-  background-image: url('../i/background-buttons-right.png');
-	background-repeat: no-repeat;
-	background-position: top center;
-  position: absolute;
-  right: 0;
-  z-index: 2;
-}
-
-input {
-	background-color: #37362b;
-	border: 0 none;
-	color: #e5e5e5;
-	margin-top: 16px;
-	margin-left: 20px;
-	font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Arial, "Helvetica CY";
-	font-stretch: ultra-condensed;
-	font-size:14px;
-	font-weight: normal;
-	text-align: left;
-	outline: none;
-}
-::-webkit-input-placeholder { /* WebKit browsers */
-    color:    #d4f4ed;
-}
-:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
-   color:    #d4f4ed;
-   opacity:  1;
-}
-::-moz-placeholder { /* Mozilla Firefox 19+ */
-   color:    #d4f4ed;
-   opacity:  1;
-}
-:-ms-input-placeholder { /* Internet Explorer 10+ */
-   color:    #d4f4ed;
-}
-
-input {outline: none;}
-
-input:-webkit-autofill {
-    -webkit-box-shadow: inset 0 0 0 50px #081524 !important;
-    -webkit-text-fill-color: #d4f4ed !important;
-    color: #d4f4ed !important;
-}
-
-input:focus::-webkit-input-placeholder  {
-    color: transparent;
-    text-shadow: none;
-}
-
-#bk-buttons-panel {
-  position: absolute;
-  margin: 10px 0 0 550px;
-}
-
-*a.buttons {
-  display: inline;
-}
-
-#bk-buttons-panel-right {
-	position: absolute;
-	right: 7px; /*0px*/
-	margin-top: 2px; /*10px*/
-	z-index: 3;
-}
-.say_ {
-  background-color: #FFF;
-  margin-bottom: 2px;
-  border: solid 1pt #B0B0B0;
-  color: #191970;
-  margin-top: 5px;
-  margin-left: 5px;
-  font-family: MS Sans Serif;
-  font-stretch: ultra-condensed;
-  font-size: 9pt;
-  font-weight: normal;
-  text-align: left;
-  outline: none;
-}
\ No newline at end of file
diff --git a/i/btn-icons.png b/i/btn-icons.png
new file mode 100644
index 0000000000000000000000000000000000000000..1c76039d948d1e884436b7c5f297cc3cafe99854
GIT binary patch
literal 3948
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
GLSTX(2v3Xv

literal 0
HcmV?d00001

diff --git a/design/i/background-buttons-center.png b/i/fight/background-buttons-center.png
similarity index 100%
rename from design/i/background-buttons-center.png
rename to i/fight/background-buttons-center.png
diff --git a/design/i/background-buttons-left.png b/i/fight/background-buttons-left.png
similarity index 100%
rename from design/i/background-buttons-left.png
rename to i/fight/background-buttons-left.png
diff --git a/design/i/background-buttons-right.png b/i/fight/background-buttons-right.png
similarity index 100%
rename from design/i/background-buttons-right.png
rename to i/fight/background-buttons-right.png
diff --git a/design/i/background-chat-center.png b/i/fight/background-chat-center.png
similarity index 100%
rename from design/i/background-chat-center.png
rename to i/fight/background-chat-center.png
diff --git a/design/i/background-chat-hr-left.png b/i/fight/background-chat-hr-left.png
similarity index 100%
rename from design/i/background-chat-hr-left.png
rename to i/fight/background-chat-hr-left.png
diff --git a/design/i/background-chat-hr-right.png b/i/fight/background-chat-hr-right.png
similarity index 100%
rename from design/i/background-chat-hr-right.png
rename to i/fight/background-chat-hr-right.png
diff --git a/design/i/background-chat-left.png b/i/fight/background-chat-left.png
similarity index 100%
rename from design/i/background-chat-left.png
rename to i/fight/background-chat-left.png
diff --git a/design/i/background-chat-right.png b/i/fight/background-chat-right.png
similarity index 100%
rename from design/i/background-chat-right.png
rename to i/fight/background-chat-right.png
diff --git a/design/i/background-left.png b/i/fight/background-left.png
similarity index 100%
rename from design/i/background-left.png
rename to i/fight/background-left.png
diff --git a/design/i/background-right.png b/i/fight/background-right.png
similarity index 100%
rename from design/i/background-right.png
rename to i/fight/background-right.png
diff --git a/design/i/background-top-center.png b/i/fight/background-top-center.png
similarity index 100%
rename from design/i/background-top-center.png
rename to i/fight/background-top-center.png
diff --git a/design/i/background-top-left.png b/i/fight/background-top-left.png
similarity index 100%
rename from design/i/background-top-left.png
rename to i/fight/background-top-left.png
diff --git a/design/i/background-top-right.png b/i/fight/background-top-right.png
similarity index 100%
rename from design/i/background-top-right.png
rename to i/fight/background-top-right.png
diff --git a/design/i/background-top.png b/i/fight/background-top.png
similarity index 100%
rename from design/i/background-top.png
rename to i/fight/background-top.png
diff --git a/design/i/bk-logo-top.png b/i/fight/bk-logo-top.png
similarity index 100%
rename from design/i/bk-logo-top.png
rename to i/fight/bk-logo-top.png
diff --git a/design/i/button_refresh_h.png b/i/fight/button_refresh_h.png
similarity index 100%
rename from design/i/button_refresh_h.png
rename to i/fight/button_refresh_h.png
diff --git a/design/i/button_refresh_n.png b/i/fight/button_refresh_n.png
similarity index 100%
rename from design/i/button_refresh_n.png
rename to i/fight/button_refresh_n.png
diff --git a/design/i/button_refresh_p.png b/i/fight/button_refresh_p.png
similarity index 100%
rename from design/i/button_refresh_p.png
rename to i/fight/button_refresh_p.png
diff --git a/design/i/buttons/a___ext.gif b/i/fight/buttons/a___ext.gif
similarity index 100%
rename from design/i/buttons/a___ext.gif
rename to i/fight/buttons/a___ext.gif
diff --git a/design/i/buttons/a___inv.gif b/i/fight/buttons/a___inv.gif
similarity index 100%
rename from design/i/buttons/a___inv.gif
rename to i/fight/buttons/a___inv.gif
diff --git a/design/i/buttons/a__forum.gif b/i/fight/buttons/a__forum.gif
similarity index 100%
rename from design/i/buttons/a__forum.gif
rename to i/fight/buttons/a__forum.gif
diff --git a/design/i/buttons/b___.gif b/i/fight/buttons/b___.gif
similarity index 100%
rename from design/i/buttons/b___.gif
rename to i/fight/buttons/b___.gif
diff --git a/design/i/buttons/b___filter_off.gif b/i/fight/buttons/b___filter_off.gif
similarity index 100%
rename from design/i/buttons/b___filter_off.gif
rename to i/fight/buttons/b___filter_off.gif
diff --git a/design/i/buttons/b___slow_off.gif b/i/fight/buttons/b___slow_off.gif
similarity index 100%
rename from design/i/buttons/b___slow_off.gif
rename to i/fight/buttons/b___slow_off.gif
diff --git a/design/i/buttons/b___smile.gif b/i/fight/buttons/b___smile.gif
similarity index 100%
rename from design/i/buttons/b___smile.gif
rename to i/fight/buttons/b___smile.gif
diff --git a/design/i/buttons/b___sys_off.gif b/i/fight/buttons/b___sys_off.gif
similarity index 100%
rename from design/i/buttons/b___sys_off.gif
rename to i/fight/buttons/b___sys_off.gif
diff --git a/design/i/buttons/b___translit_off.gif b/i/fight/buttons/b___translit_off.gif
similarity index 100%
rename from design/i/buttons/b___translit_off.gif
rename to i/fight/buttons/b___translit_off.gif
diff --git a/design/i/buttons/erase.gif b/i/fight/buttons/erase.gif
similarity index 100%
rename from design/i/buttons/erase.gif
rename to i/fight/buttons/erase.gif
diff --git a/design/i/buttons/otheralign.png b/i/fight/buttons/otheralign.png
similarity index 100%
rename from design/i/buttons/otheralign.png
rename to i/fight/buttons/otheralign.png
diff --git a/design/i/buttons/say2.gif b/i/fight/buttons/say2.gif
similarity index 100%
rename from design/i/buttons/say2.gif
rename to i/fight/buttons/say2.gif
diff --git a/design/i/buttons/zvuk_off.gif b/i/fight/buttons/zvuk_off.gif
similarity index 100%
rename from design/i/buttons/zvuk_off.gif
rename to i/fight/buttons/zvuk_off.gif
diff --git a/design/i/checkbox.png b/i/fight/checkbox.png
similarity index 100%
rename from design/i/checkbox.png
rename to i/fight/checkbox.png
diff --git a/design/i/location-frame.png b/i/fight/location-frame.png
similarity index 100%
rename from design/i/location-frame.png
rename to i/fight/location-frame.png
diff --git a/design/i/location_01/background.png b/i/fight/location_01/background.png
similarity index 100%
rename from design/i/location_01/background.png
rename to i/fight/location_01/background.png
diff --git a/design/i/location_01/bigshop.png b/i/fight/location_01/bigshop.png
similarity index 100%
rename from design/i/location_01/bigshop.png
rename to i/fight/location_01/bigshop.png
diff --git a/design/i/location_01/blacksmith.png b/i/fight/location_01/blacksmith.png
similarity index 100%
rename from design/i/location_01/blacksmith.png
rename to i/fight/location_01/blacksmith.png
diff --git a/design/i/location_01/castle.png b/i/fight/location_01/castle.png
similarity index 100%
rename from design/i/location_01/castle.png
rename to i/fight/location_01/castle.png
diff --git a/design/i/location_01/fleamarket.png b/i/fight/location_01/fleamarket.png
similarity index 100%
rename from design/i/location_01/fleamarket.png
rename to i/fight/location_01/fleamarket.png
diff --git a/design/i/location_01/loto.png b/i/fight/location_01/loto.png
similarity index 100%
rename from design/i/location_01/loto.png
rename to i/fight/location_01/loto.png
diff --git a/design/i/location_01/postoffice.png b/i/fight/location_01/postoffice.png
similarity index 100%
rename from design/i/location_01/postoffice.png
rename to i/fight/location_01/postoffice.png
diff --git a/design/i/location_01/shop.png b/i/fight/location_01/shop.png
similarity index 100%
rename from design/i/location_01/shop.png
rename to i/fight/location_01/shop.png
diff --git a/design/i/location_01/signleft.png b/i/fight/location_01/signleft.png
similarity index 100%
rename from design/i/location_01/signleft.png
rename to i/fight/location_01/signleft.png
diff --git a/design/i/location_01/signright.png b/i/fight/location_01/signright.png
similarity index 100%
rename from design/i/location_01/signright.png
rename to i/fight/location_01/signright.png
diff --git a/design/i/location_01/signright_1.png b/i/fight/location_01/signright_1.png
similarity index 100%
rename from design/i/location_01/signright_1.png
rename to i/fight/location_01/signright_1.png
diff --git a/design/i/location_01/statue.png b/i/fight/location_01/statue.png
similarity index 100%
rename from design/i/location_01/statue.png
rename to i/fight/location_01/statue.png
diff --git a/design/i/up_left_dec.psd b/i/fight/up_left_dec.psd
similarity index 100%
rename from design/i/up_left_dec.psd
rename to i/fight/up_left_dec.psd
diff --git a/main.php b/main.php
index 0348b47..b784db5 100644
--- a/main.php
+++ b/main.php
@@ -870,22 +870,26 @@ try {
             </div>
         </td>
         <td valign=top>
-            <div align=right class="btn-control inventory"> <!--Меню-кнопки-->
+            <div class="button-container"> <!--Меню-кнопки-->
                 <FORM METHOD=POST ACTION="?edit=1" name=f1>
                     <?php if ($user['shadow'] == '0.gif' || $user['admin'] == 1): ?>
-                        <INPUT class="button-mid btn" TYPE="submit" name="setshadow" value="Образы" title="Образы">
+                        <INPUT class="button danger" TYPE="submit" name="setshadow" value="Образы" title="Образы">
                     <?php endif; ?>
-                    <button class="button-mid btn" onclick="gotohref('zayavka.php')">Поединки</button>
-                    <button class="button-mid btn" onclick="gotohref('module_quest.php')">Активные задания</button>
-                    <button class="button-mid btn" onclick="gotohref('main.php?edit=1')">Инвентарь</button>
-                    <?php if ($user['room'] === 20): ?>
-                        <button class="button-mid btn" onclick="gotohref('main.php?goto=arena')">Войти внутрь
-                        </button>
-                    <?php else: ?>
-                        <button class="button-mid btn" onclick="gotohref('main.php?goto=plo')">Выйти на улицу
-                        </button>
-                    <?php endif; ?>
-                    <button class="button-mid btn" onclick="gotohref('main.php')">Обновить страницу</button>
+                    <div class="button-group">
+                        <button class="button primary" onclick="gotohref('zayavka.php')">Поединки</button>
+                        <button class="button" onclick="gotohref('module_quest.php')">Активные задания</button>
+                        <button class="button" onclick="gotohref('main.php?edit=1')">Инвентарь</button>
+                    </div>
+                    <div class="button-group minor-group">
+                        <?php if ($user['room'] === 20): ?>
+                            <button class="button move" onclick="gotohref('main.php?goto=arena')">Войти внутрь
+                            </button>
+                        <?php else: ?>
+                            <button class="button move" onclick="gotohref('main.php?goto=plo')">Выйти на улицу
+                            </button>
+                        <?php endif; ?>
+                        <button class="button loop" onclick="gotohref('main.php')">Обновить страницу</button>
+                    </div>
             </div>
             <div id="mZeInventory"> <!--рюкзак-->
                 <table BORDER=0 WIDTH=100% CELLSPACING="1" CELLPADDING="2" BGCOLOR="#A5A5A5">