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

Версия 17:23, 23 сентября 2013

/** Collapsible tables *********************************************************
 *
 *  Description: Allows tables to be collapsed, showing only the header. See
 *                         http://www.mediawiki.org/wiki/Manual:Collapsible_tables.
 *  Maintainers: [[en:User:R. Koot]]
 */
 
table.collapsed tr.collapsible {
        display: none;
}
 
.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;
}

h1 {
text-shadow: 1px 1px 2px black, 0 0 1em #FFF3D3; /* Параметры тени */
    color: #CDAA80; /* Белый цвет текста */
    font-size: 2em; /* Размер надписи */
}

h2 {
text-shadow: 1px 1px 2px black, 0 0 1em #FFF3D3; /* Параметры тени */
    color: #CDAA80; /* Белый цвет текста */
    font-size: 1em; /* Размер надписи */
}

h3 {
text-shadow: 1px 1px 2px black, 0 0 1em #FFF3D3; /* Параметры тени */
    color: #CDAA80; /* Белый цвет текста */
    font-size: 0,5em; /* Размер надписи */
}


/*Менюшка*/

/* Fixed Positioned AddThis Toolbox */ 
.addthis_toolbox { 
position: fixed; z-index: 1000;
top: -10px;
right: 80%;
padding: 5px 5px 4px; 
width: 32px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
border-radius: 4px; 
} 

.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; }

/*Менюшка вторая*/

.vyp-menu, .vyp-menu li, .vyp-menu ul, .vyp-menu a, .vyp-menu:after {
  margin: 0; 
  padding: 0;
  z-index: 200;
  display: block;
}

.vyp-menu:after { /* убираем после меню действие float */ 
  clear: both;
  content: "";}

.vyp-menu > li { float: left; } /* горизонтальное размещение пунктов */

.vyp-menu li {
  white-space: nowrap; /* содержимое на одной строке */ 
  position: relative;
}

.vyp-menu > li > ul > li, .vyp-menu > li > ul > li > ul > li, .vyp-menu > li > ul > li > ul > li > ul > li {
  height: 0px;
  -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s;
  overflow: hidden;}

.vyp-menu > li:hover > ul > li, .vyp-menu > li > ul > li:hover > ul > li, .vyp-menu > li > ul > li > ul > li:hover > ul > li {
  height: 40px;
  overflow: visible;}

.vyp-menu li ul li, .vyp-menu li ul li a { width: 100%; }  /* фон подпунктов равной ширины */

.vyp-menu ul { position: absolute; }

.vyp-menu ul ul { left: 100%; top: 0; } /* третий и четвёртый список позиционируется не вниз, а вправо. Можно часть списков повернуть и влево, но тогда width должен быть задан в px */

.vyp-menu {
  background: #808080;
  background: -webkit-linear-gradient(#fff, #808080);
  background: -moz-linear-gradient(#fff, #808080);
  background: -o-linear-gradient(#fff, #808080);
  background: -ms-linear-gradient(#fff, #808080);
  background: linear-gradient(#fff, #808080);
  border-radius: 5px;
}

.vyp-menu > li:first-child {border-radius: 5px 0 0 5px; border-left: none;}

.vyp-menu > li {border-left: 1px solid #CDAA80;}

.vyp-menu > li:hover {background: #CDAA80;}

.vyp-menu li li {background: #CDAA80 content-box; padding: 1px 1px 0px 0px; border-right: 1px solid #ccc;}

.vyp-menu li li:last-child {border-radius: 0 0 5px 5px;}

.vyp-menu li a {
  line-height: 40px;
  padding: 0 14px;
  text-decoration: none;
}

.strelka:after {
  content: "\2b";
  position: absolute;
  right: 1px; bottom: -4px;
}

.strelka:hover:after {content: "\2d";}