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

Материал из Ботвапедии
Перейти к: навигация, поиск
(Шаблон сущности коня)
 
(не показаны 732 промежуточные версии 3 участников)
Строка 1: Строка 1:
−
/** Collapsible tables *********************************************************
+
@import url("/InvisibleCSS/morro.css");
−
*
+
@import url("/InvisibleCSS/may_2016.css");
−
*  Description: Allows tables to be collapsed, showing only the header. See
+
@import url("/InvisibleCSS/icon.css");
−
*                        http://www.mediawiki.org/wiki/Manual:Collapsible_tables.
+
@import url("/InvisibleCSS/star.css");
−
*  Maintainers: [[en:User:R. Koot]]
+
@import url("/InvisibleCSS/all.css");
−
*/
+
@import url("/InvisibleCSS/scroll.css");
−
+
@import url("/InvisibleCSS/menu.css");
−
table.collapsed tr.collapsible {
+
@import url("/InvisibleCSS/snow_wars.css");
−
        display: none;
+
@font-face {font-family: DsCoptic;
−
}
+
src: local("DsCoptic"),
−
+
url(https://wiki.botva.ru/DS_Coptic.ttf);  
−
.collapseButton {              /* 'show'/'hide' buttons created dynamically by the            */
+
}
−
        float: right;          /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
 
−
        font-weight: normal;   /* are styled here so they can be customised.            */
 
−
        text-align: right;
 
−
        width: auto;
 
−
}
 
  
−
/* == 10. Horizontal menu Background == */
+
/* ВОТ ТАК ДОЛЖЕН ВЫГЛЯДЕТЬ РАЙ ПЕРФЕКЦИОНИСТА */
  
−
/*====================
 
−
Color Scheme Begin
 
−
=====================================================================
 
−
====================================================================*/
 
  
−
/* Menu bar background color */
+
.item_1660 {background-position: -500px -940px;} /* Кулон летуновода */
−
#navigation,
+
.item_1404 {background-position: -460px -460px;}  /* Стеклянный глаз */
−
#nav li ul li,
+
.item_1405 {background-position: -460px -480px;} /* Тыквовин */
−
#nav li ul li a{
+
.item_1287 {background-position: -440px -20px;}  /* Щитовик */
−
background: #000;  
+
.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;} /* Шутовской щитомеч */
  
−
/* Menu Item text color */
+
.item_king_1 {background-position: -320px 0; width:27px; height:20px;} /* кристальная корона царя горы */
−
#nav li a,
+
.item_king_2 {background-position: -320px -20px; width:27px; height:20px;} /* бронзовая корона царя горы */
−
#nav li a:hover,
+
.item_king_3 {background-position: -320px -40px; width:27px; height:20px;} /* золотая корона царя горы */
−
#nav li ul li,
 
−
#nav li ul li a,
 
−
#nav li ul li a:hover  {
 
−
color: #fff;  
 
−
}
 
  
−
/* Menu Item background color on hover */
+
/*Сущности мишек*/
−
#nav li a:hover,
+
.morro_ability43{background-position:-120px -240px}
−
#nav li ul li a:hover  {
+
.morro_ability44{background-position:-180px -240px}
−
background: #FF8C00;
+
.morro_ability45{background-position:-240px -240px}
−
}
+
.morro_ability46{background-position:-300px -240px} /*Сущность гоноконя*/
−
 
 
−
/* Text Shadow */
 
−
#nav li a,
 
−
#nav li a:hover,
 
−
#nav li ul li a:hover  {
 
−
text-shadow: 0 1px 1px #333;
 
−
}
 
−
 
 
−
/* Search form colors */
 
−
.searchform input, .searchform input:not(:focus){
 
−
color:#B1B1B1; /*search form text color default*/
 
−
background: #fff; /*search form background color default*/
 
−
}
 
−
.searchfield:focus{
 
−
color: #000; /* search form text color after click */
 
−
}
 
−
 
 
−
/*=====================================================================
 
−
=======================================================================
 
−
Color Scheme End
 
−
====================*/
 
−
 
 
−
#menu_div{
 
−
clear: both;
 
−
position: relative;
 
−
top: 0;
 
−
left: 0;
 
−
} /* Free space to top specialy for menu */
 
−
 
 
−
#navigation {
 
−
position: fixed;
 
−
}
 
−
 
 
−
#navigation, #menu_div {
 
−
width: 100%;
 
−
margin: 0 !important;
 
−
padding: 0 !important;
 
−
}
 
−
 
 
−
#menu_div, #navigation, #menu, #nav{
 
−
height: 45px; /* menu height */
 
−
}
 
−
 
 
−
#menu_div:hover,
 
−
#navigation:hover,
 
−
#nav li a:hover, #nav li ul a
 
−
{
 
−
opacity: 0.95;/* Menu transparency on mouse hover*/
 
−
}
 
−
 
 
−
#menu_div,
 
−
#navigation,
 
−
#nav li a,
 
−
#menu_div:not(:hover),
 
−
#navigation:not(:hover)
 
−
{
 
−
opacity: 0.8;/* Menu transparency on mouse out */
 
−
}
 
−
 
 
−
 
 
−
#menu {
 
−
width: 960px;
 
−
margin:0 auto; /*center the menu*/
 
−
padding:0;
 
−
position: relative;
 
−
}
 
−
 
 
−
#nav{
 
−
width: 960px;
 
−
margin:0;
 
−
padding:0;
 
−
position: relative;
 
−
font-family: 'Arial', Helvetica, sans-serif;
 
−
}
 
−
 
 
−
#nav li a,#nav li {
 
−
float:left;
 
−
}
 
−
 
 
−
#nav li {
 
−
list-style:none;
 
−
position:relative;
 
−
}
 
−
 
 
−
#nav li a {
 
−
line-height: 45px;
 
−
padding:0 15px;
 
−
text-decoration:none;
 
−
margin:0;
 
−
font-size:12px;
 
−
font-weight:700;
 
−
text-transform:uppercase;
 
−
}
 
−
 
 
−
/*====================
 
−
Submenu
 
−
=====================*/
 
−
#nav li ul {
 
−
display:none;
 
−
position:absolute;
 
−
left:0;
 
−
top:100%;
 
−
padding:0;
 
−
margin:0;
 
−
} /* hide submenu */
 
−
 
 
−
#nav li:hover > ul {
 
−
display:block;
 
−
} /* show submenu on hover */
 
−
 
 
−
#nav li ul li,#nav li ul li a {
 
−
float:none;
 
−
height: 35px; /* submenu item height */
 
−
min-width: 150px; /* submenu item minimal width */
 
−
line-height: 35px;
 
−
border-right: 0;
 
−
text-shadow: none;
 
−
display:block;
 
−
font-size:13px;
 
−
font-weight:400;
 
−
text-transform:inherit;
 
−
} /* Submenu item */
 
−
 
 
−
#nav li ul li {
 
−
_display:inline; /* for IE */
 
−
}
 
−
 
 
−
/* == 12. Sub-Sub Menu == */
 
−
#nav li ul li ul {
 
−
display:none;
 
−
}
 
−
 
 
−
#nav li ul li:hover ul {
 
−
left:100%;
 
−
top:0;
 
−
}
 
−
 
 
−
/*====================
 
−
Search form
 
−
====================*/
 
−
 
 
−
.searchform {
 
−
position: absolute;
 
−
right: 15px;
 
−
top: 6px;
 
−
display: inline-block;
 
−
zoom: 1;
 
−
*display: inline;
 
−
border: 0;
 
−
padding: 0;
 
−
}
 
−
.searchform input {
 
−
font: normal 12px/100% Arial, Helvetica, sans-serif;
 
−
}
 
−
.searchform .searchfield {
 
−
height: 27px;
 
−
line-height: 27px;
 
−
padding-left: 10px;
 
−
padding-right: 10px;
 
−
width: 150px;
 
−
border: 2px solid #333;
 
−
outline: none;
 
−
-webkit-border-radius: 2em;
 
−
-moz-border-radius: 2em;
 
−
border-radius: 2em;
 
−
-moz-box-shadow: inset 1px 1px 2px #A1A1A1;
 
−
-webkit-box-shadow: inset 1px 1px 2px #A1A1A1;
 
−
box-shadow: inner 1px 1px 2px #A1A1A1;
 
−
}
 
−
 
 
−
.searchfield:focus{
 
−
font-weight: 700;
 
−
width: 220px;
 
−
}
 
−
 
 
−
.searchfield:not(:focus){
 
−
width: 150px;
 
−
}
 
−
 
 
−
 
 
−
/*========================
 
−
Transitions
 
−
========================*/
 
−
 
 
−
#nav li a:hover,
 
−
#nav li ul li a:hover  {
 
−
-webkit-transition-property:color, background;
 
−
-webkit-transition-duration: 0.5s, 0.5s;
 
−
-webkit-transition-timing-function: linear, ease-out;
 
−
}
 
−
 
 
−
.searchfield:focus,
 
−
.searchfield:not(:focus){
 
−
-webkit-transition-property:width;
 
−
-webkit-transition-duration: 0.5s, 0.5s;
 
−
-webkit-transition-timing-function: linear, ease-out;
 
−
}
 
−
 
 
−
#menu_div:hover,
 
−
#navigation:hover,
 
−
#nav li ul a,
 
−
#menu_div,
 
−
#navigation,
 
−
#nav li a,
 
−
#menu_div:not(:hover),
 
−
#navigation:not(:hover)
 
−
{
 
−
-webkit-transition-property:opacity;
 
−
-webkit-transition-duration: 0.5s, 0.5s; /* duration in seconds */
 
−
-webkit-transition-timing-function: linear, ease-out;
 
−
} /* Menu transparency animation */
 

Текущая версия на 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} /*Сущность гоноконя*/
Источник — https://wiki.botva.ru/index.php?title=MediaWiki:Common.css&oldid=14776