Файл: styles/style.css
Строк: 521
.btns {
text-decoration: none;
padding: 7px 5px 5px
5px;
border-radius:0px;
min-height: 16px;
border: none;
border-bottom:
2px solid #521a00;
border-style: none none solid;
border-color:
-moz-use-text-color -moz-use-text-color #242d33;
background:
url('images/btn-gold-top.png') repeat-x 0 0,
url('images/0_7618f_822b3d65_XS.jpg') repeat-x 0 0
#703d06;
}
.portrait{margin-right:4px;margin-bottom:2px;}
.big{font-size:1.3em;}
.border{border:1px
solid #00B8FF;}
.noborder{border:1px solid
#2c2c2c;}
.firstLetter{color:#FF8800;}
.heal{color:#3BA925;}
.damage{color:#DF1F1F;}
.log_regen{color:#2BC20D;}
.log_heal{color:#2BC20D;}
.log_damage{color:#FFF;}
.log_enemy_damage{color:#AAA;}
.log_enemy_crit_damage{color:#FFA;}
.log_kill{color:#FF3D00;}
.log_crit{color:#FF0;}
.log_info{color:#2BC20D;}
.log_miss{color:#AAA;}
.reply{color:#155E07}
.admin{color:#ffdc62}
.moderator{color:#d5f1ef}
.banned{color:#777777}
.user,
.guild {color: #40E0D0;}
.bold {font-weight: bold;}
.row-item{display:
inline-block; padding: 2px;}
.item-n{color: #33D300;}
.item-el{color:
#ffff00;}
.item-m{color: #0088FF;}
.item-e{color:
#9A54C9;}
.item-l{color: #FF881A;}
.item-y{color:
#00DD00;}
.item-r{color: #F00;}
.tred{color: #F44;}
.enemy{color:
#FF6C1A;}
.crop {
overflow: visible;
width:
50%;
}
body { color: #FFF5DE; text-align: center;
margin: 20px
auto;
max-width: 320px;
min-width: 128px;
background:
url('images/bg.jpg') no-repeat fixed 50% 0px #000;
font-family:
Arial,Tahoma,Verdana,sans-serif;
font-size: 12px;
}
.title1
{text-align: left;
padding: 15px 10px ;
background:
url('images/bleft.png') repeat-y scroll 0px 0px, url('images/bright.png')
repeat-y scroll 100% 0px, url('images/bbottom.png') repeat-x scroll 0px
100%, url('images/btop.png') repeat-x scroll 0px 0px #242428;
color:
#A8A8A8;
}
.title2 {text-align: left;
font-size:
12px;
font-weight: bold;
text-decoration: none;
color:
#FFF5DE;
background: url('images/title.png') center repeat-x
#4D4634;
border-bottom: 1px solid #343329;
text-shadow: 1px 1px 1px
#000;
padding: 15px 10px ;
}
.btns, .btni, .btniact
{text-align:center;}
.btns, .btnl, .btni, .btnlact, .btniact {
text-decoration: none;
display: inline-block;
text-shadow: 1px
1px 1px black;
margin:1px
0;
}
.fl{float:left;}
.fr{float:right;}
.center, .feedbackPanel,
.confirm, .content{text-align:center;}
.bbb{border:1px solid
#304650;border-radius:4px;padding:4px;background-color:#011c37;}
.relative
{position: relative; }
.abs-cooldown {position: absolute; left: 2px; top:
2px; }
.cb { clear: both; }
.fl { float: left; }
.fr { float: right;
}
.pg{padding:6px 8px;margin:2px 0;}
.nobr{/*white-space:
nowrap;*/}
/*.place{background-color:
#082862;}*/
.place{background-color: #053d4a;}
.pt4 {padding-top:
4px;}
/* CORNERS */
.cltf {background-image:
url("/img/gold-corner-left-up.png"); background-position: left
top; background-repeat: no-repeat; }
.crtf {background-image:
url("/img/gold-corner-right-up.png"); background-position: right
top; background-repeat: no-repeat; }
.clbf {background-image:
url("/img/gold-corner-left-down.png"); background-position: left
bottom; background-repeat: no-repeat; }
.crbf {background-image:
url("/img/gold-corner-right-down.png"); background-position:
right bottom; background-repeat: no-repeat; }
/* FEEDBACK2 */
.fb2 {
background-color: #011c37; text-align: center; font-size: 1em;
margin:2px;}
.fb2 .cntntf { padding:4px; color: #FFFF00;
}
.border{border:1px solid #00B8FF;}
.noborder{border:1px solid
#2c2c2c;}
.iborder {border:1px dashed
#fdc638;}
.modal-index{ color: #FFFF00; font-size:15px;
max-width:240px; float:left; margin:65 -55px 25px -1px; background:
scroll 90px 35px rgba(200, 200, 200, 0.1); border:1px solid #ccc;
border-radius:5px; line-height:26px;}
.modal-index
>div{margin-bottom:-26px; padding:3px 23px 25px 12px;
background:url(/img/index-window.png) 10% 92% no-repeat;}
.modal-index
h4{color:#000}
.modals-indexs{ color: #FFFF00; font-size:15px;
max-width:240px; float:right; margin:0 -1px 15px -1px; background: scroll
90px 35px rgba(200, 200, 200, 0.1); border:1px solid #e0dede;
border-radius:5px; font-size:16px; line-height:26px;}
.modals-indexs
>div{margin-bottom:-26px; padding:3px 23px 25px 12px;
background:url(/img/index-window2.png) 85% 92% no-repeat;}
.modals-indexs
h4{color:#000}
a.gold, .btni {
text-decoration: none;
padding: 7px
5px 5px 5px;
border-radius:0px;
min-height: 16px;
border:
none;
border-bottom: 2px solid #622903;
border-style: none none
solid;
border-color: -moz-use-text-color -moz-use-text-color
#161F25;
background: url('images/btn-gold-top.png') repeat-x 0 0,
url('images/btn-gold-bg.png') repeat-x 0 0 #814d14;
}
img
{border:
0;max-width:100%;vertical-align:middle;font-size:0.5em;}
a.avatar, a.guild
{text-decoration: none;}
li
{list-style:none;}
input,select,textarea{font-size: 100%;border: 1px
solid gray;color:#000000;
background-color:#EEEEEE;max-width:600px;}
textarea {width:100%;}
div
img,h1 img,h2 img,a img,span img,img
{vertical-align:middle;}
div,h1,h2,h3,h4{padding:0;}
a:link{text-decoration:
none;color: #FFDF8C;}
a:visited{text-decoration: underline;color:
#FFDF8C;}
ul,li {list-style:none; margin:0;
padding:0;}
h1{font-size:120%;font-weight:bold;color:#FFFFFF;padding:2px
0;}
h2{font-size: 110%;font-weight:bold;color:#FFFFFF;padding:2px
0;}
em{font-style:normal;}
body {margin: 0 auto;background-color:
#000000;font-size: 14px;}
table {font-size: 14px;}
div.main
{background:rgb(36, 36, 40);border: 1px solid #27383b;padding:
0px;border-radius:0px;}
h1{font-size:120%;font-weight:normal;color:#FFFFFF;padding:0;}
h2{font-size:
105%;font-weight:normal;color:#FFFFFF;}
@media (max-width: 800px) { /*
это будет показано
при разрешении
монитора до 930
пикселей */
body {max-width: 480px;}
}
@media
(min-width: 801px) { /* это будет
показано при
разрешении монитора
до 930 пикселей */
body {max-width:
420px;}
}
table {
border-collapse:collapse;
}
table.bordered td
{
border: 1px solid burlywood;
}
.maps {
font-size: 5pt;
border: 1px outset gray;
border-collapse:
separate;
background-color: gray;
}
.collect img
{
width:50px;
background-image:
url('../images/interface/collect.png');
border: ridge 0px
#27383b;
}
ul.help {
list-style:circle;
}
#but{
width:98%;background:#330000;font-weight:bold;cursor:pointer;color:#ffffff
}
.tit{
color:
#C7C99B;
text-align: center;
margin-top: 2px;
}
ul.help li {
list-style:circle;
margin-left:16px;
}
.small{
font-size:80%;
}
.white {
color:white;
}
.health {
color:#FF9999;
}
.notify {
color:#FFF559;
}
.fonred {
color:#3d1e1e;
}
.energy {
color:#9999FF;
}
.money {
color:#CC9900;
}
.minor {
color:gray;
}
.minor a{
color:#8a8a8a;
}
.major {
color:#DD6666;
}
.info {
color:#6FCD72;
}
img {
vertical-align: middle;
}
h1, h2 {
margin: 0px;
font-size: 16px;
font-weight: normal;
color:
#BFC196;
text-align: center;
}
h2 {
font-size: 14px;
}
hr
{
border: none;
border-bottom: 1px solid #8D673A;
width: 80%;
}
a
{
text-decoration: none;
color: #FFDF8C;
}
h1 {
margin: 0;
padding:
3px;
font-weight: normal;
color: #BFC196;
text-align:
center;
font-size: 14px;
}
.title, .left {text-align: left;
padding:
4px;
font-size: 12px;
font-weight: bold;
text-decoration:
none;
color: #FFF5DE;
background: url('images/title.png') center
repeat-x #4D4634;
border-bottom: 1px solid #343329;
text-shadow: 1px
1px 1px #000;
}
.msmenu1, .footers {text-align: left;
padding:
8px;
font-size: 10px;
font-weight: bold;
text-decoration:
center;
color: #FFF5DE;
background: url('images/title.png') center
repeat-x #4D4634;
border-bottom: 1px solid #343329;
text-shadow: 1px
1px 1px #000;
}
.block, .content, .messages {
padding: 15px 10px
;
background: url('images/bleft.png') repeat-y scroll 0px 0px,
url('images/bright.png') repeat-y scroll 100% 0px,
url('images/bbottom.png') repeat-x scroll 0px 100%, url('images/btop.png')
repeat-x scroll 0px 0px #242428;
color: #A8A8A8;
}
.center
{
text-align: center;
}
.small {
font-size: 10px;
}
.line
{
height: 4px;
background: url('images/linetb.png') top repeat-x
#000;
}
.linetop {
height: 4px;
background: url('images/line.png')
top repeat-x #000;
}
.stone {
height: 12px;
background:
url('images/sep-stone.png') top repeat-x #000;
}
a.btnl{text-align:
left;
text-decoration: none;
display: block;
padding: 7px 5px 5px
5px;
border-radius:0px;
min-height: 16px;
color: #FFFFCC;
border:
none;
border-bottom: 2px solid #161f25;
background:
url('images/btn-top.png') repeat-x 0 0, url('images/btns/btn-bg.png')
repeat-x 0 -1px #27383b;
}
.btnl_center {text-align:
center;
text-decoration: none;
display: block;
padding: 7px 5px 5px
5px;
border-radius:0px;
min-height: 16px;
color: #FFFFCC;
border:
none;
background: url('images/touch.png');
list-style:
none;
border-bottom: #330000 ridge 2px;
}
a.link, .btnl
{text-align: left;
text-decoration: none;
display: block;
padding: 7px
5px 5px 5px;
border-radius:0px;
min-height: 16px;
color:
#FFFFCC;
border: none;
background: url('images/touch.png');
list-style:
none;
border-bottom: #330000 ridge 2px;
}
.btn { text-align:
left;
position: relative;
border: ridge 1px #000000;
color: rgb(198,
222, 221);
background-color: #330000;
margin: 2px;
margin-top:
4px;
color: #ffffff;
padding:
4px;
border-radius:8px;
}
input[type="text"],
input[type="password"] {
background: #ffffff;
padding:
5px;
color: grey;
font-size: 12px;
margin-top: 5px;
margin-bottom:
2px;
border-radius: 5px;
width: 96%;
border: none;
}
textarea
{
background: #ffffff;
padding: 15px;
color: grey;
font-size:
12px;
margin-top: 5px;
margin-bottom: 2px;
border-radius:
5px;
width: 96%;
border: none;
}
select {
background:
#ffffff;
padding: 5px;
color: grey;
font-size: 12px;
margin-top:
5px;
margin-bottom: 2px;
border-radius: 5px;
width: 96%;
border:
none;
}
.oh{
float:left;
padding:01%;
margin:0;
}
.icons
{
width: 16px;
height: 16px;
}
.btn2{text-align:
left;
margin:1px;
background-image:url(images/bg-opa.png);
border:1px
solid
#131313;
color:white;
text-align:center;
text-decoration:none;
display:inline-block;
height:18px;
padding:2px;
padding-left:10px;
padding-right:10px;
border-radius:3px;
font-size:14px;
}
.btn2:hover
{
background-image:url(images/bg-opa.png);
}
a.btn2 {
text-decoration:
none;
font-size: 14px;
}.grey{
color: grey;
}
.green-block
{
padding: 8px 3px ;
background: url('images/green-panel-bg.png')
#242428;
color: #A8A8A8;
}
.grey-block {
padding: 15px 10px
;
background: url('images/grey-panel-bg.png') #242428;
color:
#A8A8A8;
}
.mb10{margin-bottom:10px;}
.item-0{
color:#9b8869;
}
.item-1{
color:#9bcd69;
}
.item-2
{
color:#529ce4;
}
.item-3 {
color:#d67bfc;
}
.item-4
{
color:#f96c27;
}
.item-5{
color:#c91b1b;
}
.item-6{
color:#989898;
}
.block2,
.msmenu {
padding: 10 5;
background: url('images/bleft.png') repeat-y
scroll 0px 0px, url('images/bright.png') repeat-y scroll 100% 0px,
url('images/bbottom.png') repeat-x scroll 0px 100%, url('images/btop.png')
repeat-x scroll 0px 0px #242428;
color: #A8A8A8;
padding: 15px 10px
;
}
.block2 li
{
list-style:none;
border-bottom: black solid
1px;
margin:0;
}
.block2 li:hover
{
background-color:#323232;
}
.block2 li.original:hover
{
background-color:transparent;
}
.block2 li:last-child
{
border:0;
}
.block2 a
{
text-decoration:none;
display:block;
padding:5px;
color:
grey;
}
.block2 a.inline
{
display:inline-block;
text-decoration:none;
padding:0px;
color:
#694d2b;
}
.block2 img {
padding:0 5px 0 0;
}
.block2 p
{
margin:0;
padding:5px 0 5px 5px;
}
.item {
text-align:
left;
padding-left: 4px;
padding-right: 2px;
padding-bottom:
4px;
margin-top: 4px;
}
.item td {
color:
gold;
}
.item table .dopdop img{
margin-right: 4px;
margin-top:
2px;
width: 40px;
background-image:
url('images/interface/itemfon.png');
border: ridge 0px
#27383b;
}
.item td a {
color: #FFDF8C;
text-decoration:
underline;
}
.map { background: url('images/interface/main_fon.jpg')
center top no-repeat;}
.map tr, td {
border: 0px;
}
.map td img
{
width: 24px;
height: 24px;
}
.h1h6 {
font-family:
arial;
color: #c7c99b;
font-size: 16px;
margin: 2px 0 2px
0;
margin-left: 0px;
text-align:
center;
background:none;
}
.submit{padding:2px
10px;}
.exp_in{height:7px;background-image:url(images/separ3.jpg);}
.exp{height:7px;background-image:url(images/separ1.jpg)}
.example3
{
display:inline-block;
position:relative;
}
.example3,
.example_text {
display:block;
position:absolute;
left:0;
bottom:0;
width:100%;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
color:#fff;
padding-bottom: 3px;
padding-top:
3px;
background-color:rgba(0,0,0,.5);
}
.stat_bar {
margin:5px
auto;
border:#000 solid
0px;
background-color:#fff;
max-width:50%;
}
.stat_bar .progress
{
background-color:#FC3;
width:0;
padding-top:2px;
padding-bottom:2px;
}
.stat_bar
.blue {
background-color:#99C;
}
.stat_bar2
{
margin-top:5px;
margin-bottom:5px;
border:#000 solid
0px;
background-color:#fff;
max-width:50%;
}
.stat_bar2 .progress
{
background-color:#FC3;
width:0;
padding-top:2px;
padding-bottom:2px;
}
.stat_bar2
.blue {
background-color:#99C;
}.separ
{
border:0;
max-width:50%;
border-bottom:#3e3d36 solid
1px;
border-top:#1f1f1a solid 1px;
margin:5px
auto;
padding:0;
}
a.link .linkg, .btnl
{
background:rgba(0,0,0,.5);
}
.item-n{color: #33D300;}
.item-el{color:
#ffff00;}
.item-m{color: #0088FF;}
.item-e{color:
#9A54C9;}
.item-l{color: #FF881A;}
.item-y{color:
#00DD00;}
.item-r{color: #F00;}
.tred{color: #F44;}
.enemy{color:
#FF6C1A;}
.thint, .minor, .minor a{color: #5c758e;}
.tdesc {color:
#1a918a;}
.tgreat {color: #2BC20D;}