MediaWiki:Common.css: различия между версиями

Материал из Ботвапедии
Перейти к: навигация, поиск
(Содержимое страницы заменено на «@import url("/InvisibleCSS/morro.css"); @import url("/InvisibleCSS/star.css"); @import url("/InvisibleCSS/scroll.css"); @import url("...»)
Строка 1: Строка 1:
@import url("/InvisibleCSS/morro.css");
+
@import url("/InvisibleCSS/morro.css");  
 
@import url("/InvisibleCSS/star.css");
 
@import url("/InvisibleCSS/star.css");
 
@import url("/InvisibleCSS/scroll.css");
 
@import url("/InvisibleCSS/scroll.css");
Строка 8: Строка 8:
 
  url(https://wiki.botva.ru/DS_Coptic.ttf);  
 
  url(https://wiki.botva.ru/DS_Coptic.ttf);  
 
  }
 
  }
.item_box1 {
 
  background-position: -400px 0;
 
  display: block;
 
}
 
.rover_mods1 {
 
background-image: url(https://i.botva.ru/images/m/house/mods.png);
 
  width: 80px;
 
  height: 80px;}
 
 
/*Update 23.02/2015
 
#content {
 
    margin-right: 160px;
 
border: 1px solid #CDAA80;
 
}
 
 
#right-navigation {
 
float: right;
 
margin-top: 4.5em;
 
margin-right: 160px;
 
}
 
 
#mw-page-base {
 
height: 7em;
 
background-color: #F9EACD;
 
background-image: url(images/page-fade.png);
 
background-position: bottom left;
 
background-repeat: repeat-x;
 
}
 
 
#footer {
 
background-image: url(https://i.botva.ru/i/inside/inside.png);
 
background-position: 0 -120px;
 
height: 47px;
 
padding: 15px 1px;
 
margin: 0 auto 20px;
 
width: 574px;
 
}
 
 
body.ltr #footer #footer-places {
 
float: right;
 
}
 
#footer #footer-icons {
 
float: left;
 
overflow: hidden;
 
}
 
 
#footer ul li {
 
margin: 0;
 
padding: 0;
 
color: #333333;
 
font-size: 0.7em;
 
margin-left: 230px;
 
}
 
*/
 
 
/*прыгаем вверх*/
 
 
 
 
 
/*Инпуты*/
 
 
input[type="button"], input[type="submit"] {
 
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
 
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
 
box-shadow:inset 0px 1px 0px 0px #ffffff;
 
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F4DDB3), color-stop(1, #F4DDB3) ); \\  (светлый - #FFF3D3) (темный - #F4DDB3)
 
background:-moz-linear-gradient( center top, #F4DDB3 5%, #F4DDB3 100% );
 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4DDB3', endColorstr='#F4DDB3');
 
background-color:#F4DDB3;
 
-webkit-border-top-left-radius:10px;
 
-moz-border-radius-topleft:10px;
 
border-top-left-radius:10px;
 
-webkit-border-top-right-radius:10px;
 
-moz-border-radius-topright:10px;
 
border-top-right-radius:10px;
 
-webkit-border-bottom-right-radius:10px;
 
-moz-border-radius-bottomright:10px;
 
border-bottom-right-radius:10px;
 
-webkit-border-bottom-left-radius:10px;
 
-moz-border-radius-bottomleft:10px;
 
border-bottom-left-radius:10px;
 
text-indent:0px;
 
border:1px solid #825229;
 
display:inline-block;
 
color:#666666;
 
min-height:25px;
 
width:90px;
 
font-family:Arial;
 
font-size:12px;
 
font-style:normal;
 
text-decoration:none;
 
text-align:center;
 
text-shadow:1px 1px 0px #CDAA80;
 
}
 
input[type="button"], input[type="submit"]:hover {
 
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FFF3D3), color-stop(1, #FFF3D3) );
 
background:-moz-linear-gradient( center top, #FFF3D3 5%, #FFF3D3 100% );
 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF3D3', endColorstr='#FFF3D3');
 
background-color:#e9e9e9;
 
}
 
input[type="button"], input[type="submit"]:active {
 
position:relative;
 
top:1px;
 
}
 
 
 
 
input[type="text"], input[type="search"] {
 
border: 1px solid #cebb9e !important;
 
border-radius:3px;
 
    -moz-border-radius: 3px;
 
    -khtml-border-radius: 3px;
 
    -webkit-border-radius: 3px;
 
font-size: 12px;
 
padding: 4px !important;
 
background: url(https://wiki.botva.ru/images/9/95/Search.png) no-repeat 4px 3px;
 
background-color: white;
 
text-indent:20px;
 
}
 
 
input[type="text"], input[type="search"]:hover {
 
color: #8D673A;
 
}
 
 
.Palatino {font-family: Palatino Linotype; font-size: 1.3em;}
 
 
/*Снежные войны*/
 
 
 
 
 
 
/*ПРОЦЕНТЫ !!!!!!!!!!*/
 
 
.pr {background-position: -120px -660px;width: 20px;height: 20px;}
 
 
 
a:hover  {
 
text-decoration: none; /* Отменяем подчеркивание у ссылки */
 
color: #EC223A;
 
  }
 
 
 
.catlinks {
 
border-radius: 10px;
 
background-color: rgb(244, 221, 179);
 
border: 1px solid #8D673A;
 
}
 
 
.mw-search-formheader {
 
border-radius: 10px;
 
background-color: rgb(244, 221, 179);
 
border: 1px solid #8D673A;
 
}
 
 
 
.toc {
 
border-radius: 10px;
 
background-color: rgb(244, 221, 179);
 
border: 1px solid #8D673A;
 
}
 
 
.test_lvl div:first-child {
 
height: 25px;
 
top: 0px;
 
left: 0px;
 
position: relative;
 
background: url(https://i.botva.ru/images/m/profile/bars.png) repeat 0 -75px;
 
z-index: 4;
 
float: left;
 
}
 
 
.test_lvl .value1 {
 
position: absolute;
 
text-shadow: none;
 
display: block;
 
text-align: center;
 
font-size: 11px;
 
width: 23px;
 
}
 
 
 
 
.test_lvl .value1 span {
 
display: inline-block;
 
padding: 0 2px;
 
border-radius: 3px;
 
position: relative;
 
margin: 5px 0px;
 
}
 
 
 
 
 
/*test style */
 
 
.title {
 
color: #836b50;
 
background-color: #f5ebd3;
 
}
 
 
.thankyou {
 
background-position: -300px -900px;
 
}
 
 
.top-2 {
 
top: -2px;
 
}
 
 
.relative {
 
position: relative !important;
 
}
 
 
.inlineb {
 
display: inline-block;
 
}
 
 
.ico_clan_level {
 
background-position: -280px -660px;
 
width: 17px;
 
height: 20px;
 
width: 20px;
 
height: 20px;
 
}
 
 
 
.icon, .iconsp, .gray_popup {
 
width: 20px;
 
height: 20px;
 
}
 
 
.icon, .iconsp, .icon_post, .icon_pack *, .icon12, .icon2, .iconsp20, .blue_popup, .gray_popup, .reload, .ico_bonus_pet .b_bonus, .server_1, .server_2, .server_3, .server_4, .server_t, .ico_bday_letter, .slide_down_button, .pandora .up div, .pandora .down div, .arrow-left, .arrow-right, .player_avatar .rating > b.icon, .prof_levelup, .mine_dec div, .mine_inc div, .new_slider .smith_min, .new_slider .smith_max, .slide_block_click .slide_block_icon, .controls .prev, .controls .next, .refer_add, .t_log, .box_x_button {
 
display: inline-block;
 
background-image: url(https://i.botva.ru/i/ico.png);
 
background-repeat: no-repeat;
 
vertical-align: middle;
 
background-color: transparent;
 
}
 
 
.profile_hud {
 
margin: 1px 5px 1px 28px;
 
height: 10px;
 
text-align: center;
 
background: #e9dcc9;
 
background: #EADEC9;
 
position: relative;
 
border: 1px solid #9C8164;
 
border: 1px solid #904928;
 
border-radius: 2px;
 
}
 
 
.w200 {
 
width: 200px !important;
 
}
 
 
.mr-2 {
 
margin-right: -2px !important;
 
}
 
 
.ml3 {
 
margin-left: 3px !important;
 
}
 
.mb-2 {
 
margin-bottom: -2px !important;
 
}
 
.inlineb {
 
display: inline-block;
 
}
 
 
.profile_hud div:first-child {
 
height: 10px;
 
top: 0px;
 
left: 0px;
 
position: relative;
 
background: url(https://i.botva.ru/images/m/profile/bars.png) repeat 0 -110px;
 
z-index: 4;
 
float: left;
 
}
 
 
.profile_hud .value1 {
 
position: absolute;
 
left: 0;
 
right: 0;
 
top: 0;
 
bottom: 0;
 
opacity: 0.7;
 
color: #000;
 
text-shadow: none;
 
display: block;
 
text-align: center;
 
}
 
 
.profile_hud div + div {
 
top: 0;
 
bottom: 0;
 
left: 0;
 
right: 0;
 
font-size: 10px;
 
line-height: 100%;
 
position: absolute;
 
z-index: 5;
 
color: #fff;
 
text-shadow: 0px 0px 3px #000;
 
}
 
 
.profile_hud .value1 span {
 
background: #fff;
 
background: rgba(255,255,255,0.7);
 
display: inline-block;
 
padding: 0 3px;
 
border-radius: 3px;
 
position: relative;
 
}
 
 
 
/* CSS @Invisible_man*/
 
 
 
table.collapsed tr.collapsible {
 
display: none;
 
}
 
 
.collapseButton {
 
cursor: pointer;
 
}
 
 
h1 { /* Заголовок 1 */
 
color: #8D673A; /*Цвет*/
 
text-shadow: 0 0 5px #CDAA80, 0 0 10px #CDAA80,
 
    0 0 20px #CDAA80, 0 0 30px #CDAA80,
 
    0 0 40px #CDAA80; /* Расплывающаяся тень */
 
font-family: "DsCoptic";
 
}
 
 
h2 {
 
color: #8D673A;
 
text-shadow: 0 0 2px #CDAA80, 0 0 5px #CDAA80,
 
    0 0 10px #CDAA80, 0 0 15px #CDAA80,
 
    0 0 20px #CDAA80;
 
font-family: "DsCoptic";
 
}
 
 
 
 
h3 {
 
color: #8D673A;
 
text-shadow: 0 0 1px #CDAA80, 0 0 2px #CDAA80,
 
    0 0 5px #CDAA80, 0 0 7px #CDAA80,
 
    0 0 10px #CDAA80;
 
font-family: "DsCoptic";
 
}
 
 
h4 {
 
color: #8D673A;
 
text-shadow: 0 0 1px #CDAA80, 0 0 1px #CDAA80,
 
    0 0 2px #CDAA80, 0 0 3px #CDAA80,
 
    0 0 5px #CDAA80;
 
font-family: "DsCoptic";
 
}
 
 
h5 {
 
color: #8D673A;
 
text-shadow: 0 0 1px #CDAA80, 0 0 1px #CDAA80,
 
    0 0 1px #CDAA80, 0 0 2px #CDAA80,
 
    0 0 3px #CDAA80;
 
}
 
 
 
/* Верхрнее меню */
 
 
/*Внимание!!!!!*/
 
 
.warning-box
 
{
 
background-image: url(https://wiki.botva.ru/images/9/91/Cmd_foul1.png); /* Путь к фоновому изображению */
 
        background-color: rgb(244, 221, 179); /* Цвет фона */
 
    background-position: 15px 1px;
 
    background-repeat: no-repeat;
 
border: 1px #CDAA80 solid;
 
padding: 6px;
 
text-align: left;
 
      -moz-border-radius: 9px;
 
      -webkit-border-radius: 9px;
 
      border-radius: 9px;
 
}
 
 
.warning-box h3 {
 
color: #AB230D;
 
text-shadow: 0 0 1px #CDAA80, 0 0 2px #CDAA80, 0 0 5px #CDAA80, 0 0 7px #CDAA80, 0 0 10px #CDAA80;
 
padding-left: 50px;
 
}
 
 
.warning-box p
 
{
 
padding: 0px;
 
margin: 0px;
 
margin-left: 5px;
 
}
 
/////////////////////////////////////////////////////////////////////sdfgsdfg
 
 
 
 
 
/** Вещи */
 
TD.item, IMG.item{ width: 180px; height:180px;border-radius: 3px;}
 
TD.item2, IMG.item2{ width: 60px; height:60px;border-radius: 3px;}
 
 
 
 
/** ховеры */
 
.hover_menu{
 
width:100px;
 
height:75px;
 
display:block;
 
}
 
.hover_active,
 
.hover_menu:hover{
 
background-position:-100px 0px;
 
}
 
 
/** Внутренние меню */
 
.in_menu {
 
width:100px;
 
height:75px;
 
display:block;
 
}
 
 
TABLE.popup_item{ width: 100%; border-collapse: collapse; }
 
TABLE.popup_item TD {padding: 10px 10px 10px 5px;}
 
TABLE.popup_item TD.image{ width: 60px;vertical-align:top; padding: 10px 7px 10px 10px;}
 
 
TABLE.popup_item TH{ border-bottom: 0px solid #a89777; background: #d4c19d; border-radius: 3px 3px 0 0;}
 
 
 
 
 
 
DIV#moreGifts{
 
/* margin-left:10px; */
 
text-align:left !important;
 
}
 
DIV#moreGifts CENTER{
 
padding:5px;
 
}
 
DIV#moreGifts IMG,
 
DIV#moreGifts B{
 
float:left;
 
}
 
 
DIV#moreGifts P{
 
padding-right:25px;
 
}
 
 
DIV#moreGifts I{
 
clear:both;
 
display:block;
 
}
 
 
 
/** Листовое меню - деревня и тп */
 
.list_menu .img{width:100px; }
 
.list_menu .link{width:120px; text-align:Center; font-weight:bold;}
 
.list_menu .text{font-size:10px;color:black; }
 
 
.list_menu2 .img{width:100px; }
 
.list_menu2 .link{text-align:Center; font-weight:bold;}
 
 
.list_menu3 .img{width:100px; height:100px}
 
.list_menu3 .link{text-align:Center; font-weight:bold;}
 
.list_menu3 .hover_menu{height:85px;}
 
 
 
 
 
 
 
/** Рейтинг */
 
TR.place_1 TD{background:#f9c62d;}
 
TR.place_2 TD{background:#c4c4c4;}
 
TR.place_3 TD{background:#efba86;}
 
 
TR.place_me TD{background:#8bcc5b;}
 
/*TR.place_odd TD{background:url(/images/k10.png);}*/
 
 
TR.place_clan TD{background:#a6ce78;}
 
TR.place_war TD{background:#ed8a77;}
 
TR.place_union TD{background:#caabbe;}
 
 
 
 
/** Вещи - инфо */
 
.itemimg_info {
 
position:absolute;
 
width: 54px;
 
display:block;
 
text-align:right;
 
padding:3px;
 
}
 
.itemimg_info B.level{
 
color: #fff98f;
 
display:block;
 
}
 
.itemimg_info B.magic{
 
color: #a3ff6a;
 
 
position:absolute;
 
width:54px;
 
margin-top:40px;
 
text-align:right;
 
display:block;
 
}
 
 
.itemimg_info_sells_free{
 
display:block;
 
margin:0px;
 
margin-left: 1px;
 
width: 56px; height:3px;
 
border:1px solid #e8e0cb;
 
background-color: #dfccac;
 
 
}
 
 
 
.itemimg_info_sells{
 
display:block;
 
margin:0;
 
width: 58px; height:3px;
 
border:1px solid #4f301c;
 
 
}
 
.itemimg_info_sells *{
 
background:#399202;
 
line-height:1px;
 
height:3px;
 
display:block;
 
}
 
 
.itemimg_info_sells .sells_1,
 
.itemimg_info_sells .sells_2,
 
.itemimg_info_sells .sells_3 { background:#d00700}
 
 
.itemimg_info_sells .sells_4,
 
.itemimg_info_sells .sells_5,
 
.itemimg_info_sells .sells_7,
 
.itemimg_info_sells .sells_6 { background:#ffd221}
 
 
 
.itemimg_info.large {
 
margin-top:5px;
 
width:164px;
 
font-size:12px;
 
}
 
.itemimg_info.large B.magic{
 
width:164px;
 
margin-top:150px;
 
}
 
 
.itemimg_info_sells.large{
 
width:178px;
 
}
 
 
.count_sells{
 
position:absolute;
 
color:white;
 
font-weight:bold;
 
width: 56px;
 
height:18px;
 
display:block;
 
margin-left:1px;
 
margin-top:41px;
 
padding:0px;
 
text-align:right;
 
}
 
.count_sells.large{ width:154px; margin-top:141px; }
 
 
 
.count_amount{
 
position:absolute;
 
color:white;
 
font-weight:bold;
 
width: 56px;
 
height:18px;
 
display:block;
 
margin-left:5px;
 
margin-top:5px;
 
padding:0px;
 
text-align:left;
 
}
 
 
.count_black {
 
color: black;
 
}
 
 
.count_brown {
 
color: #542F1B;
 
}
 
 
 
.premia, .premia2 {
 
display:block;
 
width: 190px !important;
 
height: 130px !important;
 
position:absolute;
 
margin-top:50px;
 
 
}
 
.premia:hover, .premia2:hover {
 
background-position:0 -130px;
 
}
 
 
/** Премия */
 
 
DIV#premia{
 
width: 100%;
 
background: url(/i/global/premia-c1.png);
 
text-align:right;
 
height: 25px;
 
}
 
DIV#premia DIV{
 
width: 50%;
 
 
background: url(/i/global/premia-c2.png);
 
height: 25px;
 
float:right;
 
 
}
 
DIV#premia3{position:absolute; width:100%;text-align:center;}
 
DIV#premia3 * {padding:0 !important;}
 
DIV#premia3 TABLE{
 
margin: 0 auto 0;
 
width: 985px;
 
background: url(/i/global/premia-bg.png) repeat-y;
 
height: 25px;
 
border-collapse:collapse;
 
}
 
DIV#premia3 TD A, DIV#premia3 TD {color:white;;text-align:Center;}
 
DIV#premia3  #b {background: url(/i/global/premia-1.png) 0px no-repeat; width: 230px;font-weight:bold}
 
DIV#premia3  #e {width: 230px;font-weight:bold}
 
DIV#premia3  #c span{color: #f8e7bb;font-weight:bold;}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/*Размеры*/
 
 
.w30 {width: 30px;}
 
 
 
/* Иконки */
 
.ny_toy {background-position: -320px -1000px;}
 
.ice_crystal {
 
background-position: -320px -1020px;
 
margin: -4px 0;
 
}
 
.snow2 {
 
background-position: -300px -1020px;
 
width: 20px;
 
height: 20px;
 
margin: -4px 0;
 
}
 
 
.icon2,
 
.iconsp20,
 
.blue_popup,
 
.reload,
 
.ico_bonus_pet .b_bonus,
 
.server_1,
 
.server_2,
 
.server_3,
 
.server_4,
 
.server_t,
 
.prof_levelup,
 
.controls .next,
 
.controls .prev,
 
.t_log,
 
.ico_bday_letter {width: 20px;height: 20px}
 
.icon,
 
.iconsp,
 
.gray_popup {width: 20px;height: 20px}
 
.icon16,
 
.icon_post,
 
.slide_down_button,
 
.pandora .up div,
 
.pandora .down div,
 
.arrow-left,
 
.arrow-right,
 
.mine_dec div,
 
.mine_inc div,
 
.new_slider .smith_min,
 
.new_slider .smith_max,
 
.slide_block_click .slide_block_icon,
 
.refer_add,
 
.box_x_button {width: 16px;height: 16px}
 
.icon12 {width: 12px;height: 12px}
 
 
.icon3{
 
width: 30px;
 
height: 30px;
 
display:inline-block;
 
background: url(ico_guilds_bonus.jpg?v=20110407) no-repeat;
 
vertical-align:middle;
 
}
 
 
.icon3a {
 
width: 30px;
 
height: 30px;
 
display:inline-block;
 
background: url(ico_guilds_bonus.jpg?v=20110407) no-repeat;
 
vertical-align:middle;
 
background: url(/images/m/class/circle/circle_icon.png?v=20110407) no-repeat;
 
}
 
 
.ico_bonus_pet {
 
background: url(/images/packs/fpet_mods.jpg) no-repeat;
 
display:inline-block;
 
vertical-align:middle;
 
width: 60px;
 
height: 60px;
 
position: relative;
 
}
 
 
.icon10{
 
width: 10px;
 
height: 10px;
 
}
 
 
.ico_talants{
 
width: 20px;
 
height: 20px;
 
display:inline-block;
 
background: url(ico_talants.png?v=20110516) no-repeat;
 
vertical-align:middle;
 
}
 
 
.ico_mine{
 
width: 110px;
 
height: 110px;
 
background: url(/images/m/battleground/shafts_medium.png?v=20120528) no-repeat;
 
cursor:pointer;
 
}
 
 
.ico_arena {
 
background-position: -120px -720px;
 
}
 
 
.race11 { background-position:-20px 0px; width: 20px; height: 20px}
 
.race12 { background-position:0px 0px; width: 20px; height: 20px}
 
.race21 { background-position:-60px 0px; width: 20px; height: 20px}
 
.race22 { background-position:-40px 0px; width: 20px; height: 20px}
 
 
.race111 { background-position:-20px -480px; width: 20px; height: 20px}
 
.race121 { background-position:-0px -480px; width: 20px; height: 20px}
 
.race211 { background-position:-60px -480px; width: 20px; height: 20px}
 
.race221 { background-position:-40px -480px; width: 20px; height: 20px}
 
 
.race112 { background-position:-100px -480px; width: 20px; height: 20px}
 
.race122 { background-position:-80px -480px; width: 20px; height: 20px}
 
.race212 { background-position:-140px -480px; width: 20px; height: 20px}
 
.race222 { background-position:-120px -480px; width: 20px; height: 20px}
 
 
.race1 { background-position:-80px 0px; width: 20px; height: 20px}
 
.race2 { background-position:-100px 0px; width: 20px; height: 20px}
 
.ico_arena_coins {background-position: -140px -720px;}
 
 
/*Up 22.02.2015*/
 
 
.ico_exp {
 
background-position: -80px -120px;
 
}
 
.piastr {
 
background-position: -360px -80px;
 
margin: -4px 0;
 
}
 
 
.item_farm_1 {  background-position: -280px -320px;}
 
.item_mine_7 {  background-position: -260px -320px;}
 
.item_smith_3 {background-position: -40px -920px;}
 
.item_smith_6 {background-position: -100px -920px;}
 
.ico_trade1 {background-position: -160px -100px;}
 
.ico_points {  background-position: -280px -120px;}
 
.ico_glory {  background-position: -60px -120px;}
 
.item_smith_4 {  background-position: -60px -920px;}
 
.money1 { background-position:  0px -20px; }
 
.money2 { background-position:-20px -20px; }
 
.money3 { background-position:-40px -20px; }
 
.fishes { background-position:-60px -20px; }
 
.slaves { background-position:-80px -20px; }
 
.medallions { background-position:-100px -20px; }
 
.ico_ticket1 { background-position:-120px -20px; }
 
.ico_ticket2 { background-position:-140px -20px; }
 
.relics { background-position:-160px -20px; height: 20px}
 
.atlant { background-position:-40px -520px; width: 20px; height: 20px}
 
.cheese { background-position: -160px -540px; width: 20px; height: 20px}
 
.red_cheese { background-position: 0 -680px; width: 20px; height: 20px}
 
.energy { background-position: -300px -360px; margin: -3px 0;}
 
 
/*клановые иконки*/
 
 
.clanshrine_icons {width: 30px; height: 30px; display: inline-block; vertical-align: middle; background-image: url(https://i.botva.ru/images/m/cla
 

Версия 01:49, 18 сентября 2015

@import url("/InvisibleCSS/morro.css"); 
@import url("/InvisibleCSS/star.css");
@import url("/InvisibleCSS/scroll.css");
@import url("/InvisibleCSS/menu.css");
@import url("/InvisibleCSS/snow_wars.css");
@font-face {font-family: DsCoptic;
 src: local("DsCoptic"), 
 url(https://wiki.botva.ru/DS_Coptic.ttf); 
 }