Просмотр архива Монстры

@import
url('https://fonts.googleapis.com/css?family=Roboto');


@font-face {
 
  font-family: test; /* Имя шрифта */
    src:
url('/core/s/font/TTRounds-Black.ttf'); /* Путь к файлу со
шрифтом */
}
.theme_color {
    color: steelblue;
}

.content
{
    text-align: left;
    max-width: 400px;
    min-height: 100%;
   
background: #000;
    /*margin-left: 10px;*/
    /*margin-right:
10px;*/
    margin: auto;

    font-family: 'Roboto', sans-serif;

 //
  font-family: test;
/
//    font-family: "Arial
Black";
//font-family: monospace;
    font-size: 11px;

//   
text-shadow: 0 0 1px #fff;
    color: #999;
//    border-left: 2px solid
#000;
//  border-right: 2px solid #000;
///box-shadow: 0 0 10px
#000;
}

.bt_black {
    display: block;

    background: #111;
   
padding: 10px;
//    border-radius: 2%;
    margin-bottom: 5px;
   
color: #999;
    border-left: 5px solid steelblue;
}


.bt_color {
  
 display: block;
    background: steelblue;
    padding: 10px;
   
border-radius: 2%;
    margin-bottom: 5px;
    color: #fff;

}

body
{
    margin: 0 auto;
    background: #000;
}

a {
   
text-decoration: none;
    color: steelblue;
//    font-size:
10px;
}

.height {

    width: 100%;
    height: 100%;
    position:
absolute;
}

.padding {
    padding-left: 15px;
    padding-right:
15px;
}

.circle {
    display: inline-block;
    background:
#424c55;
    width: 100px;
    height: 100px;
    -moz-border-radius:
50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
   
cursor: pointer;
}


.circle_text {
    line-height: 100px;
   
font-size: 12px;
    color: #fff;
}

.width_img {
    width: 100%;
  
 border-bottom: 10px solid #000;
}

input, select, textarea {
   
background: #111;
    border: 0;
    padding: 20px;
//    color:
#5a6879;
    color: #999;
    font-family: 'Roboto', sans-serif;
   
font-size: 11px;
    -webkit-appearance: none;
    box-shadow: 0 0 2px
#222;
    margin: 2px;
}

input[type=submit] {
    color: steelblue;

   background: #111;
    border-radius: 0;
    cursor:
pointer;
}

.box1 {
    background: steelblue;
    padding: 10px;
   
color: #000;
    margin-bottom: 10px;
}

.box1 a {
    color:
#fff;
//text-decoration: underline;
}


.quest_box {
    background:
#111;
    margin-top: 2px;
    padding: 20px;
    color: #fff;
   
//border: 1px solid #000;
    //box-shadow: 0 0 100px #000;
    //margin:
15px;
}

.bt_gray {
    background: linear-gradient(to top, #222,
#444);
    color: #999;
    padding: 10px;
    text-align: center;
   
font-size: 12px;
    margin-top: 2px;
}

.title_img {
    width:
100%;
//border-bottom: 1px solid #000;
}

.hp_color {
    color:
#756861;
}

.st_color {
    color: lightsteelblue;
}

.armor_color
{
    color: #777;
}

.bar {
//background: linear-gradient(to top,
#111, #222);
    background: #111;
    color: #999;
    padding-top:
10px;
    padding-bottom: 10px;

    text-align: center;
   
f2ont-size: 12px;
//border-bottom: 1px solid #000;
}

.menuicon_main
{
    width: 100%;
    display: inline-block;
    vertical-align:
top;

}

.menuicon_main_min {
    width: 49%;
    display:
inline-block;
    vertical-align: top;

}

.menuicon_img {

   
width: 100%;
//    border-top: 1px solid #756861;
//  border-bottom: 1px
solid #756861;

    display: inline-block;
}

.menuicon_text_pos {
  
 position: relative;
    top: -70px;
    height: 0;
    text-align:
left;
}

.menuicon_text_pos_min {

    position: relative;
    top:
-45px;
    height: 0;
    text-align: left;

//    text-align:
left;
}

.menuicon_text {

    background: #000;
    display:
inline-block;
    padding: 5px;
    opacity:
0.8;
}

.menuicon_text_min {
//    padding: 1px;
//  background:
#000;
//opacity: 0.8;

    background: #000;
    display:
inline-block;
    padding: 5px;
    opacity:
0.8;

}

.menuicon_text_title {
    font-size: 17px;
    color:
#ccc;
//    text-shadow: 0 0 10px #000;
}

.menuicon_text_about {
   
font-size: 10px;
    color: #999;
//    text-shadow: 0 0 10px
#000;



}


.menuicon_text_title_min {
    font-size: 13px;
   
color: #ccc;
    text-shadow: 0 0 10px
#000;
}

.menuicon_text_about_min {
    font-size: 10px;
    color:
#999;
    text-shadow: 0 0 10px #000;

}

.monster_campaign {
   
width: 200px;
    transform: rotate(-10deg);
    -webkit-transform:
rotate(-10deg);
    border: 3px solid #000;
    border-radius: 10px;
   
box-shadow: 0 0 20px #555;
}

.monster_fig {
    width: 60%;
   
transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
   
border: 3px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 20px
#555;
    margin-top: 30px;
}

.combat_panel {
    text-align:
center;
    background: #222;

    padding-top: 20px;
   
padding-bottom: 10px;
}


.gold_color {
    color:
#ffde85;
}

.silver_color {
    color: silver;
}

.exp_color {
   
color: darkgoldenrod;
}

.icon {
    transform: rotate(-10deg);
   
-webkit-transform: rotate(-10deg);
    width: 70px;
    border: 1px solid
#000;

//    box-shadow: 0 0 50px indianred;
}

.icon_text {
   
color: #eee;
    background: #000;
    opacity: 0.8;
    width: 90px;
 
  position: relative;
    top: -25px;
//    font-size:
1px;
}


.micon_text {
    color: #999;
    font-size:
10px;
}

.error_col {
    color: indianred;
}

.gray {
   
-webkit-filter: grayscale(100%);
    filter:
grayscale(100%);
}


.max_right {
    z-index: 3000;
    position:
fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
   
background: #000;
}

.test {
    position: relative;
}

.back_notify
{
    z-index: 5000;
    position: absolute;
    top: 20px;
    left:
0;
    min-height: 100px;
    width: 100%;
    display: inline-block;
 
  background: #999;
    color: #000;
    padding-top: 10px;
   
padding-bottom: 10px;

    border-top: 1px solid #000;
   
border-bottom: 1px solid #000;
}


::-webkit-scrollbar{
   
width:12px;
}

::-webkit-scrollbar-thumb{
    border-width:1px 1px 1px
2px;
    border-color: #222;
    background-color:
#222;
}

::-webkit-scrollbar-thumb:hover{
    border-width: 1px 1px 1px
2px;
    border-color: #555;
    background-color:
#111;
}

::-webkit-scrollbar-track{
//
border-width:0;
}

::-webkit-scrollbar-track:hover{
}


.npc_img_left
{
    float: left;
    transform: rotate(-10deg);
    -webkit-transform:
rotate(-10deg);

    margin-right: 10px;
    border: 1px solid
#000;
}

.npc_img_right {
    float: right;
    transform:
rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    margin-right:
10px;
    border: 1px solid #000;
}

.npc_right {
    float:
right;
}

.npc_left {
    float: left;
}

.npc_name {
   
max-width: 100px;
    text-align: center;
    transform:
rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    color:
#756861;
    font-size: 9px;
    font-family: 'Roboto',
sans-serif;
}





.error_box11111 {
    background: indianred;
  
 border-left: 10px solid #111;
    border-bottom: 10px solid indianred;
 
  color: #000;
    width: 300px;
    padding: 10px;
    margin-top:
10px;
    margin-bottom: 10px;

}

.error_box11111 a {
    color:
#000;
    font-size: 20px;
}

.error_box, .ok_box {
    background:
#999;
    color: #000;
    padding: 10px;
    margin-top: 10px;
   
margin-bottom: 10px;


}

.error_box a, .ok_box a {
    color:
#000;
    font-size: 20px;
}


.item {
    width: 70px;
   
transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
   
border: 3px solid #000;
//    margin: 10px;
    border-radius: 10px;
   
box-shadow: 0 0 20px #555;

}

.item_text {
    text-align: center;
 
  transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
   
color: #756861;
    font-size: 9px;
    font-family: 'Roboto',
sans-serif;

}

.item_float {
    float: left;
}


.av {
   
border-radius: 2%;
}


hr {
    border: 0;
//    border-bottom: 1px
solid #000;
    width: 100%;
}


.mess_box {
    padding:
5px;
}

.mess {
    color: #ccc;
    word-wrap:
break-word;
}

.mess_to_me {
    color:
mediumseagreen;
}

.private_mess {
    color:
indianred;
}




.item_div {
    width: 50px;
    height: 50px;
  
 display: inline-block;
    vertical-align: top;
    background: #000;
 
  border: 1px solid #222;
}

.item_div_empty {
    width: 50px;
   
height: 50px;
    display: inline-block;
    vertical-align: top;
   
border: 1px solid #111;

}

.item_div_center_empty {
    width:
150px;
    height: 0px;
    display: inline-block;
    vertical-align:
top;

}


.av_transform_text {
    text-align: center;
   
transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
   
color: #756861;
    font-size: 11px;
    font-family: 'Roboto',
sans-serif;
}


.not {
    position: fixed;
    z-index: 10000;

  
 top: 100px;
    left: 0;

    width: 300px;
    background: #000;
   
padding: 20px;
    color: #ccc;
    font-family: 'Roboto', sans-serif;
 
  font-size: 13px;
}

.not .title {
    border: 0;
    font-size:
10px;
    color: steelblue;
    border-bottom: 1px solid #222;
   
margin-bottom: 10px;
}

.boss {
    color: #000;
    padding: 5px;
  
 font-size: 17px;
    background: indianred;
}

.class_icon {
   
border-radius: 20px;
    border: 5px solid #000;
    transform:
rotate(-10deg);
    -webkit-transform: rotate(-10deg);

}

.spec_icon
{
    border-radius: 20px;
    border: 1px solid #000;
    transform:
rotate(-10deg);
    -webkit-transform:
rotate(-10deg);
}

.spec_icon_min {
    border-radius: 10px;
//border:
1px solid #000;
    transform: rotate(-10deg);
    -webkit-transform:
rotate(-10deg);
}

.abiliti {
    transform: rotate(-10deg);
   
-webkit-transform: rotate(-10deg);
    border: 3px solid #000;
   
border-radius: 10px;
    box-shadow: 0 0 20px #555;

}

.bt_black_min
{
    background: #000;
    padding: 15px;
    color:
#999;
}

.div_black {
    padding: 15px;
    background: #000;
   
border-bottom: 1px solid #222;
}

.bt_cooldown_div {
    display:
none;
    background: #000;
    width: 56px;
    height: 56px;
   
opacity: 0.7;
    position: absolute;
    top: 60px;
    z-index:
9999;
    color: #fff;
}

.bt_cooldown_text_div {
    padding-top:
15px;
}

.bt_combat_icon {
    border-radius: 5px;
}

.bt_combat {

   width: 56px;
    height: 56px;
    background: #222;
    display:
inline-block;
    cursor: pointer;

    border-radius: 10px;
   
border: 1px solid #222;
    font-size: 20px;
}

.dungeon_pic {
   
border-top: 5px solid #000;
    border-top: 5px solid
#000;

}

.dungeon_text {
    position: relative;
    top: -100px;
 
  background: #000;
    padding: 20px;
    opacity:
0.8;
}

.skull_color {
    color: #ccc;
}



.op_top_im {
   
border-radius: 50%;
    display: inline-block;
    position:
relative;
}
.op_top_im img {
    display: block;
}
.op_top_im:after
{
    content: "";
    display: block;
    width: 100%;
   
height: 100%;
    background: repeating-radial-gradient(ellipse at top,
rgba(0,0,0,0) 0%,rgba(0,0,0,1) 70%,rgba(0,0,0,1) 100%);
    position:
absolute;
    top: 0; left: 0;
}