476 lines
9.1 KiB
CSS
476 lines
9.1 KiB
CSS
* {
|
|
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;
|
|
} |