Общая оптимизация вёрстки и файловой системы. Новые кнопки от https://github.com/necolas/css3-github-buttons вместо сломанных старых.
Igor Barkov (iwork)
@ -132,7 +132,7 @@ if (isset($_GET['append'])) {
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<link href="css/main.css" rel="stylesheet"/>
|
<link href="css/main.css" rel="stylesheet"/>
|
||||||
<link href="design/css/fight.css" rel="stylesheet"/>
|
<link href="css/fight.css" rel="stylesheet"/>
|
||||||
</head>
|
</head>
|
||||||
<style>
|
<style>
|
||||||
.hs {
|
.hs {
|
||||||
|
|||||||
@ -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;}
|
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;
|
||||||
|
}
|
||||||
474
css/btn.css
@ -1,107 +1,401 @@
|
|||||||
ul.btn-control.main {
|
/* ------------------------------------------
|
||||||
margin: 0;
|
* CSS3 GITHUB BUTTONS (Nicolas Gallagher)
|
||||||
list-style: none none;
|
* Licensed under Unlicense
|
||||||
padding: 0 10px 0 0;
|
* 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;
|
display: inline-block;
|
||||||
font-family: MS Sans Serif, sans-serif;
|
padding: 0.5em 1em;
|
||||||
font-size: 10px;
|
border: 1px solid #d4d4d4;
|
||||||
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;
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
line-height: 10px;
|
text-decoration: none;
|
||||||
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-align: center;
|
text-align: center;
|
||||||
}
|
text-shadow: 1px 1px 0 #fff;
|
||||||
|
font:11px/normal sans-serif;
|
||||||
.button-mid {
|
color: #333;
|
||||||
padding-top: 4px;
|
white-space: nowrap;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
width: 75px;
|
outline: none;
|
||||||
height: 15px;
|
background-color: #ececec;
|
||||||
font-size: 10px;
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
|
||||||
background: url("/i/buttons/button_mid_Sprite.jpg") no-repeat 0 -19px;
|
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 {
|
.button:hover,
|
||||||
background: url("/i/buttons/button_mid_Sprite.jpg") 0 -38px;
|
.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 {
|
.button:active,
|
||||||
background: url("/i/buttons/button_mid_Sprite.jpg") 0 0;
|
.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 {
|
/* overrides extra padding on button elements in Firefox */
|
||||||
padding-top: 4px;
|
.button::-moz-focus-inner {
|
||||||
cursor: pointer;
|
padding: 0;
|
||||||
width: 75px;
|
border: 0;
|
||||||
height: 15px;
|
|
||||||
font-size: 10px;
|
|
||||||
background: url("/i/buttons/darkButton_mid_Sprite.jpg") no-repeat 0 -19px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.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 {
|
.button.arrowup.icon:before { background-position: 0 0; }
|
||||||
background: url("/i/buttons/darkButton_mid_Sprite.jpg") 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;
|
||||||
}
|
}
|
||||||
483
css/fight.css
Normal file
@ -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;
|
||||||
|
}
|
||||||
@ -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;
|
|
||||||
}
|
|
||||||
@ -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;
|
|
||||||
}
|
|
||||||
BIN
i/btn-icons.png
Normal file
|
After Width: | Height: | Size: 3.9 KiB |
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 8.3 KiB After Width: | Height: | Size: 8.3 KiB |
|
Before Width: | Height: | Size: 8.1 KiB After Width: | Height: | Size: 8.1 KiB |
|
Before Width: | Height: | Size: 7.9 KiB After Width: | Height: | Size: 7.9 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 9.9 KiB After Width: | Height: | Size: 9.9 KiB |
|
Before Width: | Height: | Size: 9.6 KiB After Width: | Height: | Size: 9.6 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 4.0 KiB After Width: | Height: | Size: 4.0 KiB |
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 2.0 KiB After Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 594 B After Width: | Height: | Size: 594 B |
|
Before Width: | Height: | Size: 583 B After Width: | Height: | Size: 583 B |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 574 B After Width: | Height: | Size: 574 B |
|
Before Width: | Height: | Size: 520 B After Width: | Height: | Size: 520 B |
|
Before Width: | Height: | Size: 573 B After Width: | Height: | Size: 573 B |
|
Before Width: | Height: | Size: 571 B After Width: | Height: | Size: 571 B |
|
Before Width: | Height: | Size: 626 B After Width: | Height: | Size: 626 B |
|
Before Width: | Height: | Size: 483 B After Width: | Height: | Size: 483 B |
|
Before Width: | Height: | Size: 663 B After Width: | Height: | Size: 663 B |
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 516 B After Width: | Height: | Size: 516 B |
|
Before Width: | Height: | Size: 974 B After Width: | Height: | Size: 974 B |
|
Before Width: | Height: | Size: 3.8 KiB After Width: | Height: | Size: 3.8 KiB |
|
Before Width: | Height: | Size: 61 KiB After Width: | Height: | Size: 61 KiB |
|
Before Width: | Height: | Size: 588 KiB After Width: | Height: | Size: 588 KiB |
|
Before Width: | Height: | Size: 37 KiB After Width: | Height: | Size: 37 KiB |
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 170 KiB After Width: | Height: | Size: 170 KiB |
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 27 KiB |
|
Before Width: | Height: | Size: 6.5 KiB After Width: | Height: | Size: 6.5 KiB |
|
Before Width: | Height: | Size: 6.5 KiB After Width: | Height: | Size: 6.5 KiB |
|
Before Width: | Height: | Size: 8.3 KiB After Width: | Height: | Size: 8.3 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
20
main.php
@ -870,22 +870,26 @@ try {
|
|||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td valign=top>
|
<td valign=top>
|
||||||
<div align=right class="btn-control inventory"> <!--Меню-кнопки-->
|
<div class="button-container"> <!--Меню-кнопки-->
|
||||||
<FORM METHOD=POST ACTION="?edit=1" name=f1>
|
<FORM METHOD=POST ACTION="?edit=1" name=f1>
|
||||||
<?php if ($user['shadow'] == '0.gif' || $user['admin'] == 1): ?>
|
<?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; ?>
|
<?php endif; ?>
|
||||||
<button class="button-mid btn" onclick="gotohref('zayavka.php')">Поединки</button>
|
<div class="button-group">
|
||||||
<button class="button-mid btn" onclick="gotohref('module_quest.php')">Активные задания</button>
|
<button class="button primary" onclick="gotohref('zayavka.php')">Поединки</button>
|
||||||
<button class="button-mid btn" onclick="gotohref('main.php?edit=1')">Инвентарь</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): ?>
|
<?php if ($user['room'] === 20): ?>
|
||||||
<button class="button-mid btn" onclick="gotohref('main.php?goto=arena')">Войти внутрь
|
<button class="button move" onclick="gotohref('main.php?goto=arena')">Войти внутрь
|
||||||
</button>
|
</button>
|
||||||
<?php else: ?>
|
<?php else: ?>
|
||||||
<button class="button-mid btn" onclick="gotohref('main.php?goto=plo')">Выйти на улицу
|
<button class="button move" onclick="gotohref('main.php?goto=plo')">Выйти на улицу
|
||||||
</button>
|
</button>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
<button class="button-mid btn" onclick="gotohref('main.php')">Обновить страницу</button>
|
<button class="button loop" onclick="gotohref('main.php')">Обновить страницу</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="mZeInventory"> <!--рюкзак-->
|
<div id="mZeInventory"> <!--рюкзак-->
|
||||||
<table BORDER=0 WIDTH=100% CELLSPACING="1" CELLPADDING="2" BGCOLOR="#A5A5A5">
|
<table BORDER=0 WIDTH=100% CELLSPACING="1" CELLPADDING="2" BGCOLOR="#A5A5A5">
|
||||||
|
|||||||