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

Материал из Ботвапедии
Перейти к: навигация, поиск
(Шаблон сущности коня)
 
(не показаны 303 промежуточные версии 3 участников)
Строка 1: Строка 1:
/*test style */
+
@import url("/InvisibleCSS/morro.css");
 +
@import url("/InvisibleCSS/may_2016.css");
 +
@import url("/InvisibleCSS/icon.css");
 +
@import url("/InvisibleCSS/star.css");
 +
@import url("/InvisibleCSS/all.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);
 +
}
  
.title {
+
/* ВОТ ТАК ДОЛЖЕН ВЫГЛЯДЕТЬ РАЙ ПЕРФЕКЦИОНИСТА */
width: 700px;
 
height: 38px;
 
position: absolute;
 
top: 10px;
 
right: 10px;
 
display: block;
 
text-align: center;
 
color: #836b50;
 
font-weight: bold;
 
font-size: 11px;
 
text-transform: uppercase;
 
line-height: 38px;
 
overflow: hidden;
 
background-color: #f5ebd3;
 
border-radius: 3px 3px 0 0;
 
border-bottom: 1px solid #ddcdb8;
 
}
 
  
.thankyou {
 
background-position: -300px -900px;
 
}
 
  
.top-2 {
+
.item_1660 {background-position: -500px -940px;} /* Кулон летуновода */
top: -2px;
+
.item_1404 {background-position: -460px -460px;}  /* Стеклянный глаз */
}
+
.item_1405 {background-position: -460px -480px;} /* Тыквовин */
 +
.item_1287 {background-position: -440px -20px;}  /* Щитовик */
 +
.item_1288 {background-position: -440px 0;} /* Загребун */
 +
.item_1532 {background-position: -480px -820px;} /* кулон сноходца */
 +
.item_1465 {background-position: -460px -1020px;} /* Компас */
 +
.item_1413 {background-position: -460px -540px;} /* Шутовской молоточек */
 +
.item_1411 {background-position: -460px -560px;} /* Шутовские сапожки */
 +
.item_1412 {background-position: -460px -580px;} /* Шутовской щитомеч */
  
.relative {
+
.item_king_1 {background-position: -320px 0; width:27px; height:20px;} /* кристальная корона царя горы */
position: relative !important;
+
.item_king_2 {background-position: -320px -20px; width:27px; height:20px;} /* бронзовая корона царя горы */
}
+
.item_king_3 {background-position: -320px -40px; width:27px; height:20px;} /* золотая корона царя горы */
  
.inlineb {
+
/*Сущности мишек*/
display: inline-block;
+
.morro_ability43{background-position:-120px -240px}
}
+
.morro_ability44{background-position:-180px -240px}
 
+
.morro_ability45{background-position:-240px -240px}
.ico_clan_level {
+
.morro_ability46{background-position:-300px -240px} /*Сущность гоноконя*/
background-position: -280px -660px;
 
width: 17px;
 
height: 20px;
 
width: 20px;
 
height: 20px;
 
}
 
 
 
 
 
.icon, .iconsp, .gray_popup {
 
width: 18px;
 
height: 18px;
 
}
 
 
 
.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; /* Расплывающаяся тень */
 
}
 
 
 
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;
 
}
 
 
 
 
 
 
 
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;
 
}
 
 
 
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;
 
}
 
 
 
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;
 
}
 
 
 
 
 
/* Верхрнее меню */
 
 
 
.addthis_toolbox {  
 
position: absolute; /*Фиксированно на экране*/
 
z-index: 1000; /*Окошко всегда будет на переднем плане*/
 
top: 2px; /*Отступы*/
 
left: 15%;
 
padding: 5px;
 
width: 600px;
 
height: 90px;
 
opacity: 0.8; /*Прозрачность*/
 
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /*IE 5.5+*/
 
-moz-opacity: 0.8; /* Mozilla 1.6 и ниже */
 
html-opacity: 0.8; /* Konqueror 3.1, Safari 1.1 */
 
background-image: url(https://wiki.botva.ru/images/4/43/Fon_2.png); /*Фон*/
 
background-position: 0px 0px;
 
background-size: 600px;
 
background-repeat: no-repeat;
 
}
 
 
 
.addthis_toolbox .custom_images a {
 
width: 32px;
 
height: 32px;
 
cursor: pointer;
 
}
 
 
 
.addthis_toolbox .custom_images
 
a img {
 
    border: 0;
 
margin: 2px 0;
 
opacity: 0.6;
 
}
 
 
.addthis_toolbox .custom_images
 
a:hover img {
 
margin: 2px 0;
 
opacity: 1.0;
 
}
 
 
 
 
 
/*Меню*/
 
 
 
/*************************** Основные пункты */
 
#mainmenu{
 
    position:relative;
 
    height:47px;
 
    width:100%;
 
    z-index:10;
 
    text-align:left;
 
    color: #8D673A;
 
    text-shadow: 0 0 2px #CDAA80, 0 0 5px #CDAA80,
 
      0 0 10px #CDAA80, 0 0 15px #CDAA80,
 
      0 0 20px #CDAA80;
 
}
 
 
 
#mainmenu ul, /* сбрасываем поля и отступы у списков */
 
#mainmenu ul ul {
 
    color: #8D673A;
 
    list-style:none;
 
    padding:0;
 
    margin:0;
 
    vertical-align:middle;
 
    font-size: 20px;
 
    font-weight: bold;
 
}
 
 
 
#mainmenu ul {   
 
color: #8D673A;
 
    clear:left;
 
    position:relative;
 
    right:50%;
 
    height:20px;
 
    float:right;
 
    text-align:center;
 
    font:16px Arial, Helvetica, sans-serif; 
 
    vertical-align:middle;
 
    font-weight: bold;
 
 
 
}
 
#mainmenu ul li {
 
 
 
    position:relative;
 
    left:50%;
 
    float:left;
 
    height:47px;
 
    padding:0;
 
    margin:0;
 
    vertical-align:middle;
 
    font-weight: bold;
 
    opacity: 1.0;
 
}
 
 
 
#mainmenu ul li:last-child {
 
    border:none;
 
    box-shadow:none;
 
    position: relative;
 
}   
 
#mainmenu ul li a {
 
    display:block;
 
    color: #8D673A;
 
    text-decoration: none;
 
    padding:13px 20px;
 
}
 
#mainmenu ul li a:hover {
 
    opacity: 0.8;
 
    border:0px solid #8D653A;
 
    position:relative;
 
    border-radius: 6px;
 
    -moz-border-radius: 8px;
 
    -o-border-radius: 8px;
 
    -webkit-border-radius: 8px;
 
    -ms-border-radius: 8px;   
 
 
 
 
 
}
 
#mainmenu ul li:hover > ul {
 
    opacity: 1;
 
    visibility: visible;
 
    margin: 0;
 
}
 
 
/*************************** Выпадающие подпункты */
 
#mainmenu ul li ul {
 
    background: #F4DDB3;
 
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
 
    opacity: 0.9;
 
    text-transform:none;
 
    opacity: 0;
 
    visibility: hidden;
 
    position:absolute;
 
    left:0;
 
    top:48px;
 
    font-size:12px;
 
    height:auto;
 
    width:150px;
 
    z-index: 1;
 
}
 
 
 
#mainmenu ul li ul li {
 
    border:none;
 
    position:relative;
 
    left:0;
 
    float:none;
 
    height:auto;
 
    margin:0;
 
    text-align:left !important;
 
}
 
#mainmenu ul li ul li:last-child {
 
    -moz-box-shadow: none;
 
    -webkit-box-shadow: none;
 
    box-shadow: none;
 
}
 
#mainmenu ul li ul li a {
 
    padding:10px 8px;
 
    border:none;
 
}
 
 
/*************************** Выпадающие пункты второго уровня */
 
#mainmenu ul li ul li ul {
 
    top: 0;
 
    left: 150px;
 
    margin: 0 0 0 40px;
 
    _margin: 0; /*IE6 only*/
 
    box-shadow: -1px 0 0 rgba(255,255,255,.3);
 
    -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
 
    -o-box-shadow: -1px 0 0 rgba(255,255,255,.3);
 
    -ms-box-shadow: -1px 0 0 rgba(255,255,255,.3);
 
    -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);   
 
}
 
 
/*********************** Стрелочки на подпунктах */
 
#mainmenu ul ul li:first-child > a {
 
    border-radius: 3px 3px 0 0;
 
    -moz-border-radius: 3px 3px 0 0;
 
    -o-border-radius: 3px 3px 0 0;
 
    -ms-border-radius: 3px 3px 0 0;
 
    -webkit-border-radius: 3px 3px 0 0;   
 
}
 
#mainmenu ul ul li:first-child > a:after {
 
    content: '';
 
    position: absolute;
 
    left: 40px;
 
    top: -6px;
 
    border-left: 6px solid transparent;
 
    border-right: 6px solid transparent;
 
    border-bottom: 6px solid #8D653A;
 
}
 
#mainmenu ul ul ul li:first-child a:after {
 
    left: -6px;
 
    top: 50%;
 
    margin-top: -6px;
 
    border-left: 0;   
 
    border-bottom: 6px solid transparent;
 
    border-top: 6px solid transparent;
 
    border-right: 6px solid #3b3b3b;
 
}
 
#mainmenu ul ul li:first-child a:hover:after {
 
border-bottom-color: #8D653A;
 
}
 
 
#mainmenu ul ul ul li:first-child a:hover:after {
 
    border-right-color: #0299d3;
 
    border-bottom-color: transparent;   
 
}
 
#mainmenu ul ul li:last-child > a {
 
    -moz-border-radius: 0 0 3px 3px;
 
    -webkit-border-radius: 0 0 3px 3px;
 
    border-radius: 0 0 3px 3px;
 
}
 
 
 
 
 
/*Внимание!!!!!*/
 
 
 
.warning-box
 
{
 
background-image: url(https://wiki.botva.ru/images/9/91/Cmd_foul1.png); /* Путь к фоновому изображению */
 
        background-color: rgb(244, 221, 179); /* Цвет фона */
 
    background-position: 15px 5px;
 
    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;
 
 
 
 
 
}
 

Текущая версия на 00:38, 22 января 2019

@import url("/InvisibleCSS/morro.css"); 
@import url("/InvisibleCSS/may_2016.css"); 
@import url("/InvisibleCSS/icon.css");
@import url("/InvisibleCSS/star.css");
@import url("/InvisibleCSS/all.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); 
 }

/* ВОТ ТАК ДОЛЖЕН ВЫГЛЯДЕТЬ РАЙ ПЕРФЕКЦИОНИСТА */


.item_1660 {background-position: -500px -940px;} /* Кулон летуновода */
.item_1404 {background-position: -460px -460px;}  /* Стеклянный глаз */
.item_1405 {background-position: -460px -480px;} /* Тыквовин */
.item_1287 {background-position: -440px -20px;}  /* Щитовик */
.item_1288 {background-position: -440px 0;} /* Загребун */
.item_1532 {background-position: -480px -820px;} /* кулон сноходца */
.item_1465 {background-position: -460px -1020px;} /* Компас */
.item_1413 {background-position: -460px -540px;} /* Шутовской молоточек */
.item_1411 {background-position: -460px -560px;} /* Шутовские сапожки */
.item_1412 {background-position: -460px -580px;} /* Шутовской щитомеч */

.item_king_1 {background-position: -320px 0; width:27px; height:20px;} /* кристальная корона царя горы */
.item_king_2 {background-position: -320px -20px; width:27px; height:20px;} /* бронзовая корона царя горы */
.item_king_3 {background-position: -320px -40px; width:27px; height:20px;} /* золотая корона царя горы */

/*Сущности мишек*/
.morro_ability43{background-position:-120px -240px}
.morro_ability44{background-position:-180px -240px}
.morro_ability45{background-position:-240px -240px}
.morro_ability46{background-position:-300px -240px} /*Сущность гоноконя*/