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

Материал из Ботвапедии
Перейти к: навигация, поиск
Строка 64: Строка 64:
  
 
.vyp-menu, .vyp-menu li, .vyp-menu ul, .vyp-menu a, .vyp-menu:after {
 
.vyp-menu, .vyp-menu li, .vyp-menu ul, .vyp-menu a, .vyp-menu:after {
min-width: 1080px;
+
background: #dbcbad;
    max-width: 100%;
+
     color: #542f1b;
    left: 0;
 
    right: 0;
 
     color: #73503a;
 
    background: url(https://i.botva.ru/css/modules/ddestinybar/images/bg_line.png) repeat-x scroll 0 0 transparent;
 
    z-index: 9999;
 
 
}
 
}
  
Строка 100: Строка 95:
  
 
.vyp-menu {
 
.vyp-menu {
  background: #808080;
+
min-width: 1080px;
  background: -webkit-linear-gradient(#fff, #808080);
+
    max-width: 100%;
  background: -moz-linear-gradient(#fff, #808080);
+
    left: 0;
  background: -o-linear-gradient(#fff, #808080);
+
    right: 0;
  background: -ms-linear-gradient(#fff, #808080);
+
    color: #73503a;
  background: linear-gradient(#fff, #808080);
+
    background: url(https://i.botva.ru/css/modules/ddestinybar/images/bg_line.png) repeat-x scroll 0 0 transparent;
  border-radius: 5px;
+
    z-index: 9999;
 
}
 
}
  

Версия 09:23, 24 сентября 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 { 
 cursor: pointer;
 text-shadow: 0.0em 0.0em 0.3em black;
 padding-left: 15px;
 background-image: url(http://forum.theabyss.ru/style_images/6/topic_unselected.gif);
 background-position: left center;
 background-repeat: no-repeat;

}

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 {
background: #dbcbad;
    color: #542f1b;
}

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

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

.vyp-menu li {
 width="300"; /* содержимое на одной строке */ 
  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: 30px;
  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 {
min-width: 1080px;
    max-width: 100%;
    left: 0;
    right: 0;
    color: #73503a;
    background: url(https://i.botva.ru/css/modules/ddestinybar/images/bg_line.png) repeat-x scroll 0 0 transparent;
    z-index: 9999;
}

.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: 20px;
  padding: 0 14px;
  text-decoration: none;
}

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

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