Файл: pesn_voini/peseni_vojni/instalscript/main/style.css
Строк: 320
body{
margin:0
auto;
max-width:400px;
color:#b48002;
background:#1d222c;
}
.ohh{
float:left;
padding:
0 4px 0
0;
margin:0;
vertical-align:middle;
}
a{
color:#a9f940;
text-decoration:none;
}
img{
max-width:100%;
vertical-align:middle;
}
table{
width:100%;
}
h3{
font-size:100%;
}
.ma{
margin:0
auto;
}
.blck{
display:block;
}
.is{
color:#b48002;
padding:
8px;
background:
url(img/block/is/lt.png) no-repeat 0
0,
url(img/block/is/lb.png) no-repeat 100% 0,
url(img/block/is/lb.png)
no-repeat 0 100%,
url(img/block/is/rb.png) no-repeat 100%
100%,
url(img/block/is/t.png) repeat-x 0 0,
url(img/block/is/b.png)
repeat-x 0 100%,
url(img/block/is/lp.png) repeat-y 0
0,
url(img/block/is/rp.png) repeat-y 100%
0,
url(img/block/is/bg.png)
;
background-color:#0a0603;
}
.lft{
text-align:left;
}
.cntr{
text-align:center;
}
.rht{
text-align:right;
}
.mtn{
text-transform:
uppercase;
color: #56ad07;
font-size: 70%;
font-weight: bold;
margin: 0
auto;
display: block;
cursor: pointer;
padding: 12px;
transition:
0.5s;
background: url(img/bgbot.png) repeat-x;
}
.link{
text-transform:
uppercase;
color: #f7b10a;
font-size: 70%;
font-weight: bold;
margin: 0
auto;
display: block;
cursor: pointer;
background: #03170b;
border: 1px
solid #252222;
padding: 7px;
}
input[type="submit"
i],.btn{
cursor: pointer;
display: inline-block;
color:
#ffed10;
text-decoration: none;
padding: 6px 11px;
outline:
none;
border-width: 2px 0;
border-style: solid none;
border-color:
#fdbe3354 #d0171733 #d7720633;
border-radius: 6px;
background:
linear-gradient(#f3ae0f33, #e3891633) #e3891633;
background-color:
#0a0604;
transition: 0.2s;
width:
35%;
}
.btn:hover{
background-color:#2d220c;
}
.btn-red{
background-color:
#5f0307;
}
.btn-red:hover{
background-color:#88070d;
}
.btn-blue{
background-color:
#0b0b50;
}
.btn-blue:hover{
background-color:
#101080;
}
input{
width: 30%;
padding: 5px;
display: block;
margin:
10px auto;
border: 1px solid #272202;
background-color: #0e0704;
color:
#c5c3a9;
}
.text{
background: #080d21;
color: #ccc;
padding:
5px;
border: 1px solid #777777;
border-radius:3px;
max-width:
80%;
margin: 0 auto;
}
.is-indx{
display: block;
background:
#130e0c;
padding: 20px;
}
.online{
text-align:
center;
text-transform: uppercase;
color: #f7b10a;
padding:
15px;
}
.hr{
display:block;
height: 3px;
background:
url(img/hr.png);
}
.foot{
background: url(img/bgbot.png)
repeat-x;
margin: 0
auto;
height:132px;
}
.g-logo{
display:block;
width:
100%;
}
.g-name{
padding: 10px 20px 10px 40px;
font-family: "Amazing
Grotesk", Helvetica, Arial, sans-serif;
font-size: 14px;
display:
block;
position: relative;
color: #cf7106;
font-weight:
600;
background: #0a0c18;
max-width: 80%;
margin: 7px auto;
background:
#1d1f2a;
border-radius: 4px;
}
.g-text{
border: 1px solid
#272202;
font-size: 13px;
text-align: center;
padding: 10px;
margin:
20px;
background:url(img/block/text/bg.png);
}
.bg-alliance{
background:url(img/side/alliance.jpg);
}
.bg-horde{
background:url(img/side/horde.jpg);
}
.ma{
margin:0
auto;
}
.w1px{
width:1px;
}
.w30{
width:30%;
}
.w35{
width:35%;
}
.w50{
width:50%;
}
.text-alliance,.text-horde{
padding:
15px;
font-size:
80%;
}
.white{
color:white;
}
.blue{
color:#c4c4ff;
}
.red{
color:#ffb8b8;
}
.class{
width:
0px;
height: 0px;
padding: 40px;
margin: -30px auto;
position:
relative;
bottom:
25px;
}
.mage{
background:url(img/user/class/_mage.png);
}
.warrior{
background:url(img/user/class/_warrior.png);
}
.monk{
background:url(img/user/class/_monk.png);
}
.err,.msg{
display:
block;
padding: 8px;
}
.err{
color: #d01a1a;
background:
#420404;
border: 1px solid #500505;
}
.msg{
color: #1ad030;
background:
#092d02;
border: 1px solid
#065005;
}
.title{
background:
url(img/block/title/lt.png) no-repeat 0
0 ,
url(img/block/title/rt.png) no-repeat 100%
0,
url(img/block/title/t.png) repeat-x;
padding: 29px;
font-size:
21px;
}
.title-text{
position:relative;
bottom: 20px;
color:
#b5b5b5;
}
.city{
display: block;
background-size:
100%;
background-position: 100% 0;
background-repeat:
no-repeat;
min-height:
450px;
}
.barrier_of_the_winds{
background:url(img/city/alliance/barrier_of_the_winds.png);
}
.orgrimmar{
background:
url(img/city/horde/orgrimmar.png);
}
.inf-foot{
background:
url(img/block/is/bg.png);
background-color: #0a0603;
border-left: 1px
solid;
border-right: 1px solid;
border-color: #2d2d2d;
padding:
11px;
}
.lnk{
display: block;
color: #adc1ff;
background:
#211411;
max-width: 35%;
padding: 10px;
border: 1px solid
#393d48;
}
.lnk:hover{
background-color: #2f0900;
}
.lnk{
display:
block;
padding: 8px;
border: 1px solid #121d2a;
text-decoration:
none;
font-size: 75%;
color: #b9d4d0;
background:
linear-gradient(to
right,rgba(255,255,255,0.07) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,0)
99%,rgba(255,255,255,0.07) 100%),
linear-gradient(to
bottom,rgba(255,255,255,0.07) 0%,rgba(255,255,255,0) 4%,rgba(255,255,255,0)
96%,rgba(255,255,255,0.07) 100%),
linear-gradient(to
bottom,rgba(255,255,255,0.07) 0%,rgba(255,255,255,0.07)
49%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%);
background-color:
#211411;
border-radius: 3px;
}
.lnk-city{
padding:
16px;
}
.lnk-news{
background-color:
#033806;
}
.lnk-news:hover{
background-color:
#0d5d19;
}
.u-foot{
}
.u-ft{
text-align:center;
max-width:
100%;
}
.u-ft-icon{
max-width: 35%;
display: block;
margin: 0
auto;
}
textarea{
resize: vertical;
vertical-align: bottom;
padding:
3px;
color: #9a630f;
min-height: 36px;
min-width: 98%;
max-width:
98%;
background: #0c0905;
border: 1px solid #402b0b;
display:
block;
}
.sm{
width: 50px;
vertical-align: top;
}
.submit{
cursor:
pointer;
height: 35px;
width: 35px;
border: 1px solid
#121d2a;
text-decoration: none;
font-size: 12px;
color:
#b9d4d0;
background: url(img/city/icons/send.png) 50% 50%
no-repeat,
linear-gradient(to right,rgba(255,255,255,0.07)
0%,rgba(255,255,255,0) 1%,rgba(255,255,255,0) 99%,rgba(255,255,255,0.07)
100%),
linear-gradient(to bottom,rgba(255,255,255,0.07)
0%,rgba(255,255,255,0) 4%,rgba(255,255,255,0) 96%,rgba(255,255,255,0.07)
100%),
linear-gradient(to bottom,rgba(255,255,255,0.07)
0%,rgba(255,255,255,0.07) 49%,rgba(255,255,255,0) 50%,rgba(255,255,255,0)
100%);
background-color: #11710e;
border-radius:
3px;
}
.submit:hover{
background-color: #168612;
}
.message{
margin:
5px;
background-color: #151311;
padding: 7px;
font-size:
13px;
border-bottom: 1px solid #2f281f;
}
.time{
font-size:
11px;
color: #524a43;
display: block;
text-align: right;
position:
relative;
}
.page-panel{
text-align: center;
}
.pages{
padding:
13px;
text-align: center;
}
.page{
padding: 8px 12px;
font-size:
12px;
color: #e2e2e2;
background-image:
radial-gradient(1px 60% at 0%
50%, rgba(255,255,255,.3), transparent),
radial-gradient(1px 60% at 100%
50%, rgba(255,255,255,.3), transparent),
linear-gradient(rgb(49, 37, 34),
rgb(33, 20, 17))
}
.page:hover{
background-image:
radial-gradient(1px
60% at 0% 50%, rgba(255,255,255,.3), transparent),
radial-gradient(1px 60%
at 100% 50%, rgba(255,255,255,.3), transparent),
linear-gradient(rgb(80,
63, 59), rgb(35, 21, 17))
}
.page-current {
padding: 8px
12px;
font-size: 12px;
background-image:
linear-gradient(rgb(54, 125,
20), rgb(36, 23, 20));
color: #85ff66;
}
.spell-view{
position:
relative;
z-index:
0;
}
.spell-icons{
background-image:url(img/user/border/def.png);
zoom:
0.8;
display: inline-block;
position: relative;
margin: 2%;
width:
68px;
height: 68px;
}
.spell-user-lvl{
position: absolute;
top:
60%;
left: 70%;
background-image: url(img/user/spell/lvl.png);
width:
31px;
height: 31px;
text-align: center;
line-height: 33px;
color:
#18ff09;
font-size: 80%;
}
.spell{
background-repeat:
no-repeat;
height: 56px;
width: 56px;
top: 3px;
left: 3px;
display:
block;
position: relative;
z-index: -1;
}
.spell-link{
top: 3px;
left:
3px;
width: 62px;
height: 62px;
cursor: pointer;
position:
absolute;
}
.spell-link:hover{
background:
url(img/user/border/default.png) no-repeat 62px 0;
background-position: 0
0;
}
.spell-color-green{
color:#1eff00;
font-weight:
bold;
}
.spell-color-orange{
color:#ff8000;
font-weight:
bold;
}
.spell-color-purple{
color:#a335ee;
font-weight:
bold;
}
.spell-text{
color:#9a7844;
}
.money{
vertical-align:
text-top;
}
.items-list{
position: relative;
z-index:
0;
}
.items-icons{
background-image:url(img/user/items/default_item.png);
zoom:1;
display:
inline-block;
position: relative;
width: 44px;
height:
44px;
}
.items-icons:hover{
background:
url(img/user/items/default_item_b.png) no-repeat 44px
0;
background-position: 3px 3px;
}
.items-icons-view{
background-repeat:
no-repeat;
height: 36px;
width: 36px;
top: 5px;
left: 5px;
display:
block;
position: relative;
z-index: -1;
}
.items-link{
}