Файл: impwar.tk/style/dirname/file.css
Строк: 638
@charset "utf-8";
html,
body
{
width:100%;
height:100%;
}
body
{
margin:0;
padding:0;
background:#060606 url(../img/mainbg.jpg)
no-repeat 50% 0 fixed;
font:normal 12px/18px Tahoma, Geneva,
sans-serif;
color:#d2d2d2;
}
form,
fieldset
{
margin:0;
padding:0;
border:0;
}
input,
select,
textarea,
button
{
font-family:Arial, Helvetica,
sans-serif;
color:#333;
font-size:12px;
outline:none;
}
textarea
{
resize:none;
}
img {
border:0;
vertical-align:top;
}
a
{
color:#e4d089;
outline:none;
cursor:pointer;
text-decoration:none;
}
a:hover
{
text-decoration:underline;
}
table
{
border-collapse:collapse;
}
p {
margin:0 0 18px 0;
}
.text p
{
text-indent: 30px;
}
h1
{
font-size:18px;
line-height:20px;
color:#c3c3c3;
margin:0 0 19px
0;
font-weight:normal;
position:relative;
z-index:20;
}
h2
{
font-weight:bold;
font-size:24px;
line-height:26px;
margin:0 0
10px 0;
position:relative;
z-index:20;
}
h3
{
font-weight:bold;
font-size:14px;
margin:0 0 12px
0;
position:relative;
z-index:20;
}
.mainbg2
{
background:#030303;
}
.orange
{
color:#f8b541!important;
}
.white
{
color:#fff!important;
}
.clearfloat
{
clear:both;
height:0;
font-size: 1px;
line-height:
0px;
}
.clearfix {
zoom: 1
}
.clearfix:after {
content: '
';
clear:both;
display: block;
width: 0;
height: 0;
overflow:
hidden;
font-size: 0;
}
.min-h {
}
#wrapper
{
min-width:1000px;
max-width:10000px;
margin:0
auto;
position:relative;
overflow:hidden;
}
#container
{
width:1000px;
margin: 0 auto;
text-align: left;
margin:0
auto;
position:relative;
background:url(../img/content-repeat.jpg)
repeat-y 3px 709px;
}
.header
{
position:relative;
background:url(../img/header.jpg) no-repeat 3px
0;
height:309px;
width:1005px;
margin:0 0 0
-5px;
left:5px;
}
.events_9may
{
position:relative;
background:url(../img/events/georg_lenta.png)
no-repeat 3px
0;
height:200px;
width:200px;
left:800px;
top:40px;
}
.events_fox
{
alpha:
5;
position:relative;
background:url(../img/events/upor_fox3.png)
no-repeat 3px
0;
width:39px;
height:58px;
left:945px;
top:-70px;
}
.small_logo
{
position:relative;
background:url(../img/small_logo.png) no-repeat 0
0;
height:180px;
width:540px;
left:820px;
top:181px;
}
.header
.logo {
position:absolute;
top:4px;
left:-5px;
}
.header .logo a
{
width:356px;
height:142px;
text-align:left;
text-indent:-9999px;
display:block;
overflow:hidden;
}
.top-block
{
background:url(../img/top-line.png)
no-repeat;
height:32px;
padding:0 6px 0
20px;
position:absolute;
top:0;
right:0;
line-height:30px;
}
.top-block
ul {
list-style:none;
margin:0 13px 0
0;
padding:0;
float:left;
}
.top-block ul li
{
float:left;
padding:0 12px 0 11px;
background:url(../img/vline.png)
no-repeat 0 9px;
}
.top-block ul li.first
{
padding-left:0;
background:none;
}
.top-block a
{
color:#c5bc9b;
}
.status {
float:left;
padding:0 23px 0
0;
color:#7c7869;
}
.status.on
{
background:url(../img/status-on.png) no-repeat 100%
50%;
}
.status.off {
background:url(../img/status-off.png) no-repeat
100% 50%;
}
.menu
{
list-style:none;
margin:0;
padding:0;
position:absolute;
top:264px;
left:0;
font:bold
17px/20px Arial, Helvetica, sans-serif;
color:#fff;
text-shadow:0 -2px
0 #000;
width:1100px;
}
.menu li
{
float:left;
text-align:center;
}
.menu .li1
{
width:142px;
}
.menu .li2 {
width:134px;
}
.menu .li3
{
width:143px;
}
.menu .li4 {
width:228px;
}
.menu .li5
{
width:159px;
}
.menu .li6 {
width:225px;
}
.menu a
{
color:#fff;
}
.content
{
zoom:1;
position:relative;
z-index:20;
}
.content:after
{
content: ' ';
clear:both;
display: block;
width: 0;
height:
0;
overflow: hidden;
font-size: 0;
}
.aside
{
float:left;
background:url(../img/aside.png)
no-repeat;
width:256px;
margin:0 0 0
-10px;
position:relative;
left:10px;
min-height:670px;
}
.mainContent
{
float:left;
background:url(../img/content-top.jpg) no-repeat 3px
0;
width:667px;
position:relative;
padding:0 0 0
3px;
z-index:20;
padding:54px 37px 0 45px;
}
.mainContent2
{
padding-top:32px;
}
.content-bg-b
{
background:url(../img/content-bottom.jpg) no-repeat 3px
100%;
zoom:1;
}
.footer-place {
clear:both;
padding:15px 0 0
0;
height:130px;
}
.footer
{
height:109px;
width:932px;
margin:-130px auto 0
auto;
position:relative;
background:url(../img/footer.jpg) no-repeat
4px 0;
overflow:hidden;
padding:21px 0 0 68px;
}
.advert
{
width:
100%;
position:relative;
overflow:hidden;
background-color:
#CCCCCC;
}
.footer .copy
{
white-space:nowrap;
color:#3b4142;
position:absolute;
bottom:24px;
right:0;
width:207px;
}
.b-menu
.fl {
float:left;
width:179px;
}
.b-menu h4
{
font-size:12px;
font-weight:normal;
color:#fff;
margin:0 0 6px
-25px;
padding:0 0 0
25px;
zoom:1;
position:relative;
background:url(../img/bottom-pics.png)
no-repeat 0 -9999px;
}
.b-menu .pic1 {
background-position:7px
5px;
}
.b-menu .pic2 {
background-position:9px -21px;
}
.b-menu
.pic3 {
background-position:0 -56px;
}
.b-menu .pic4
{
background-position:4px -87px;
}
.b-menu .pic5
{
background-position:12px -111px;
}
.b-menu ul
{
list-style:none;
margin:0;
padding:0;
}
.b-menu a
{
color:#afafaf;
}
.content-bg-b
{
background:url(../img/content-bottom.jpg)
no-repeat;
width:746px;
height:321px;
position:absolute;
left:3px;
bottom:0;
}
.content-tl
{
background:url(../img/content-l.png)
no-repeat;
width:65px;
height:1457px;
position:absolute;
top:0;
left:-62px;
}
.mainbg2
.content-tl{
background:url(../img/content-l2.png)
no-repeat;
width:75px;
}
.content-tr
{
background:url(../img/header-r.png) no-repeat;
width:90px;
height:539px;
position:absolute;
top:0;
right:-94px;
}
.content-br {
background:url(../img/content-br.png)
no-repeat;
width:82px;
height:535px;
position:absolute;
bottom:0;
right:170px;
}
.hr
{
background:url(../img/separator.png)
no-repeat;
height:80px;
margin:-32px 0 0
-82px;
top:18px;
position:relative;
left:40px;
}
.article
{
background:url(../img/article.png);
position:relative;
margin:0 0
13px -28px;
position:relative;
left:3px;
zoom:1;
}
.article .bg
{
background:url(../img/article-b.png) no-repeat 0
100%;
zoom:1;
padding:11px 21px 15px 21px;
}
.article .bg:after
{
content: ' ';
clear:both;
display: block;
width: 0;
height:
0;
overflow: hidden;
font-size: 0;
}
.article .photo
{
float:left;
margin:4px 25px 0 0;
}
.article .text
{
height:100%;
overflow:hidden;
}
.article a
{
color:#af8544;
}
.all,
.all a
{
font-weight:normal;
font-size:12px;
color:#c5bc9b;
}
div.all
{
margin:-6px 0 0 -10px;
}
h2 .all {
margin:0 0 0
10px;
}
.article .date {
float:left;
font-size:14px;
margin:0 9px
0 0;
color:#606060;
}
.reg
{
display:block;
text-align:left;
text-indent:-9999px;
background:url(../img/text-reg.png)
no-repeat;
overflow:hidden;
margin:3px 0 5px
-40px;
position:relative;
left:55px;
width:212px;
height:92px;
}
.reg:hover
{
background-position:0 -92px;
}
.tv {
margin:0 0 8px
-3px;
}
.aside .block {
background:url(../img/side-block.png)
no-repeat;
width:173px;
height:270px;
padding:14px 29px 0
39px;
position:relative;
margin:0 0 13px -1px;
}
.aside .block h3
{
font-weight:normal;
line-height:41px;
padding:0 0 0
50px;
margin:0 0 8px
-8px;
position:relative;
zoom:1;
color:#ffefd2;
text-shadow:0 -1px
0 #33331c, 0 0 10px #ffefd2;
}
.pic-top
{
background:url(../img/pic-star.png) no-repeat 10px
4px;
}
.pic-updates {
background:url(../img/pic-updates.png)
no-repeat 10px 3px;
}
.pic-develop
{
background:url(../img/pic-develop.png) no-repeat 10px 3px;
}
.aside
.block .all
{
text-align:center;
position:absolute;
bottom:14px;
width:241px;
left:14px;
}
.aside
.block ul {
list-style:none;
margin:0;
padding:0;
}
.aside .block
ul li {
zoom:1;
position:relative;
}
.aside .block ul li:after
{
content: ' ';
clear:both;
display: block;
width: 0;
height:
0;
overflow: hidden;
font-size: 0;
}
.top
{
color:#ebebeb;
margin-left:-35px!important;
position:relative;
left:35px;
}
.top
.num {
float:left;
text-align:right;
width:25px;
margin:0 7px 0
-8px;
color:#b9b8a5;
}
.top strong
{
float:right;
position:relative;
width:94px;
color:#b9b8a5;
font-weight:normal;
}
.updates
{
color:#b9b8a5;
}
.updates li {
padding:0 0 0 8px;
margin:0 0 0
3px;
background:url(../img/ndash.gif) no-repeat 0 10px;
}
.text
{
zoom:1;
position:relative;
z-index:20;
text-align:
justify;
}
.top-menu {
background:url(../img/grey-menu.png)
no-repeat;
height:64px;
margin:-53px 0 3px
-48px;
width:681px;
left:22px;
padding:26px 15px 0
15px;
position:relative;
font-weight:bold;
line-height:18px;
color:#efdfa9;
text-shadow:0
-2px 0 #1c1c1c;
text-align:center;
}
.top-menu table
{
width:100%;
margin:0;
}
.top-menu table tr td
{
text-align:center;
vertical-align:top;
background:url(../img/vline2.png)
no-repeat;
height:49px;
padding:4px 15px 0 18px;
}
.top-menu table
tr td.first {
padding-left:15px;
background:none;
}
.top-menu a
{
color:#efdfa9;
}
.pers {
background:url(../img/pers.png)
no-repeat;
padding:0 0 24px 40px;
margin:-14px 10px 0
-40px;
zoom:1;
}
.pers:after {
content: '
';
clear:both;
display: block;
width: 0;
height: 0;
overflow:
hidden;
font-size: 0;
}
.pers .left
{
float:left;
width:156px;
margin:0 34px 0 0;
}
.pers .text
{
height:100%;
overflow:hidden;
}
.pers .rounded-pic
{
width:94px;
height:94px;
margin:51px 0 0 36px;
}
.pers
.rounded-pic .cell
{
display:table-cell;
text-align:center;
vertical-align:middle;
width:94px;
height:94px;
}
.pers
h2
{
font-size:18px;
font-weight:bold;
line-height:22px;
color:#ffd68e;
margin:0
0 11px 0;
}
.chars {
zoom:1;
position:relative;
margin:5px 0 0
0;
}
.chars h3 {
font:normal 12px/18px Tahoma, Geneva,
sans-serif;
color:#f8b541;
margin:0 0 8px
-20px;
zoom:1;
position:relative;
left:20px;
}
.chars ul
{
list-style:none;
margin:0;
line-height:23px;
padding:1px 0 0
0;
background:url(../img/hline.png) no-repeat 100% 0;
}
.chars ul li
{
background:url(../img/hline.png) no-repeat 100%
100%;
zoom:1;
padding:0 0 1px 0;
}
.chars ul li strong
{
float:right;
font-weight:normal;
}
.chars .bg {
margin:0 0 0
-7px;
position:relative;
zoom:1;
padding:0 0 0
29px;
overflow:hidden;
background:url(../img/chards.png) no-repeat 0
-9999px;
}
.chars .bg1 {
background-position:0 7px;
}
.chars .bg2
{
background-position:0 -18px;
}
.chars .bg3
{
background-position:0 -41px;
}
.chars .bg4
{
background-position:0 -65px;
}
.chars .bg5
{
background-position:0 -90px;
}
.chars .bg_lvl
{
background-position:0 -113px;
}
.table
{
color:#c4c4c4;
}
.table table
{
width:100%;
margin:0;
border-bottom:1px solid #2b3131;
}
.table
table tr td {
text-align:left;
vertical-align:mid1dle;
padding:5px
9px 6px 9px;
border-bottom:1px solid #2b3131;
}
.table table tr td
a{
color:#af8544;
}
.table table tr th {
padding:7px
13px;
text-align:left;
vertical-align:middle;
font-weight:normal;
background:url(../img/dark75.png);
border-bottom:1px
solid #1a1e1e;
border-top:1px solid
#2b3131;
color:#697979;
}
.table table tr th.first
{
border-left:1px solid #222727;
}
.table table tr th.first_width200
{
border-left:1px solid #222727;
width: 200px;
}
.table table tr
th.last {
border-right:1px solid #222727;
}
.table table tr td.first
{
border-left:1px solid #222727;
}
.table table tr td.last_height
{
border-right:1px solid #222727;
height: 70px;
}
.table table tr
td.last {
border-right:1px solid #222727;
}
.table table tr.sep td
{
padding:0;
background:none;
border:0;
border-top:1px solid
#2b3131;
line-height:0;
height:5px;
}
.table table tr .center
{
text-align:center;
}
.nowrap {
white-space:nowrap;
}
.table
.w0 {
width:0;
white-space:nowrap;
}
.green
{
color:#70c54c!important;
}
.red
{
color:#f83636!important;
}
.table table tr td.c1
{
background:url(../img/light-op.png);
}
.table table tr td.c2
{
background:url(../img/light-op2.png);
text-align:center;
color:#ffd68e;
width:113px;
padding-left:5px;
padding-right:5px;
}
.pers-benefits
table {
border-right:1px solid #2b3131;
}
.pers-benefits table tr th
{
padding-left:13px;
}
.pers-benefits table tr td
{
border:0;
vertical-align:top;
padding-top:2px;
padding-bottom:4px;
}
.pers-benefits
table tr td.c1
{
width:0;
text-align:center;
padding-left:13px;
padding-right:13px;
}
.pers-benefits
table tr td.minus {
width:100%;
}
.pic
{
background:url(../img/pic-bg3.png)
no-repeat;
width:41px;
height:43px;
margin:0
auto;
position:relative;
left:1px;
}
.pic .cell
{
display:table-cell;
text-align:center;
vertical-align:middle;
width:36px;
height:36px;
}
.pic
img {
position:relative;
top:-1px;
left:3px;
}
.table .stars
{
color:#e6a83d;
font-size:11px;
font-family:Arial, Helvetica,
sans-serif;
line-height:9px;
}
.class_desc {
height:
150px;
}
.npc_bg {
background:url(../img/npc/bg01.png)
no-repeat;
width: 190px;
height: 400px;
}
.npc_desc
{
vertical-align: top;
height: 400px;
text-align:
justify;
text-indent: 30px;
}
.npc_img {
margin:
-9px;
}
.button {
float: left;
font-size: 12px;
padding-top:
2px;
color: #dcdcdc;
height: 26px;
font-family:
verdana;
font-weight:bold;
text-shadow:-1px -1px 0
#444444;
margin-left: 10px;
width: 112px;
background:
url(../img/button_01.png) no-repeat;
}
.referal_btn {
padding-left:
8px;
}
.contact_btn {
padding-left: 20px;
}
.button:hover
{
text-decoration: none;
}
.input_field {
float:
left;
background-color: #bbbbbb;
}
.inv_obj_img {
width:
125px;
}
.inv_obj_char {
width: 180px;
}
.inv_obj_desc
{
vertical-align:top;
}
.inv_char_ico1 {
padding-left:
25px;
padding-right: 8px;
margin-top: 2px;
width:
48px;
float:left;
}
.physical {
background:
url(../img/inventory/physical.gif) no-repeat;
}
.thermal
{
background: url(../img/inventory/thermal.gif)
no-repeat;
}
.biological {
background:
url(../img/inventory/biological.gif) no-repeat;
}
.radioactive
{
background: url(../img/inventory/radioactive.gif)
no-repeat;
}
.weight {
background: url(../img/inventory/weight.gif)
no-repeat;
}
.safety {
background: url(../img/inventory/safety.gif)
no-repeat;
}
.coin {
background: url(../img/inventory/coin.gif)
no-repeat;
}
.skill {
background: url(../img/inventory/skill.png)
no-repeat;
}
.dist {
background: url(../img/inventory/dist.gif)
no-repeat;
}
.accuracy {
background:
url(../img/inventory/accuracy.gif) no-repeat;
}
.capacity
{
background: url(../img/inventory/capacity.gif)
no-repeat;
}
.chars_gray {
position:relative;
zoom:1;
padding:0 0
0 26px;
overflow:hidden;
background:url(../img/chards_gray.png)
no-repeat 0 -9999px;
padding-left: 25px;
padding-right:
8px;
margin-top: 2px;
width: 48px;
float:left;
}
.bg_gray1
{
background-position:0 0px;
}
.bg_gray2 {
background-position:0
-14px;
}
.bg_gray3 {
background-position:0 -30px;
}
.bg_gray4
{
background-position:0 -46px;
}
.bg_gray5 {
background-position:0
-62px;
}
.bg_gray_lvl {
background-position:0 -78px;
}
.table
ico1 {
padding: 0 0 0 0;
}
#year18_fixed
{
background:url(../img/18+.png) no-repeat;
width: 88px;
height:
65px;
position: fixed;
z-index: 1001;
margin-left:
1040px;
margin-top: -304px;
}
/* ñîöèàëüíûå
çàêëàäêè */
#share42 {
position: fixed;
z-index: 1000;
margin-left: 95px;
}
#share42 {
width:24px;
padding: 6px 6px 0;
background: #C7C7C7;
border: 1px solid #E9E9E9;
border-radius:
4px;
}
#share42:hover {
background: #F6F6F6;
border: 1px solid
#D4D4D4;
box-shadow: 0 0 5px #DDD;
}
#share42 a {opacity:
0.5}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}