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

Материал из Ботвапедии
Перейти к: навигация, поиск
(Новая страница: «<ul class="pureCssMenu pureCssMenum0"> <li class="pureCssMenui0"><a class="pureCssMenui0" href="#">PureCSSMenu.com</a></li> <li class="pureCssMenui0"><a class="pur...»)
 
Строка 1: Строка 1:
 +
<style>
 +
#pcm{display:none;}
 +
ul.pureCssMenu ul{display:none}
 +
ul.pureCssMenu li:hover>ul{display:block}
 +
ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
 +
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
 +
ul.pureCssMenu,ul.pureCssMenu ul {
 +
margin:0px;
 +
list-style:none;
 +
padding:0px 2px 2px 0px;
 +
background-color:#fff;
 +
background-repeat:repeat;
 +
border-color:#808080;
 +
border-width:1px;
 +
border-style:solid;
 +
}
 +
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
 +
display:block;
 +
zoom:1;
 +
height:21px;
 +
float: left;
 +
}
 +
ul.pureCssMenu ul{
 +
width:134.4px;
 +
}
 +
ul.pureCssMenu li{
 +
display:block;
 +
margin:2px 0px 0px 2px;
 +
font-size:0px;
 +
}
 +
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
 +
outline-style:none;
 +
}
 +
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
 +
display:block;
 +
vertical-align:middle;
 +
background-color:#FFFFFF;
 +
border-width:1px;
 +
border-color:#fff;
 +
border-style:solid;
 +
text-align:center;
 +
text-decoration:none;
 +
padding:2px 5px 5px 10px;
 +
_padding-left:0;
 +
font:normal 11px Tahoma;
 +
color: #000;
 +
text-decoration:none;
 +
cursor:default;
 +
}
 +
ul.pureCssMenu span{
 +
overflow:hidden;
 +
}
 +
ul.pureCssMenu li {
 +
float:left;
 +
}
 +
ul.pureCssMenu ul li {
 +
float:none;
 +
}
 +
ul.pureCssMenu ul a {
 +
text-align:left;
 +
white-space:nowrap;
 +
}
 +
ul.pureCssMenu li.sep{
 +
text-align:left;
 +
padding:0px;
 +
line-height:0;
 +
height:100%;
 +
}
 +
ul.pureCssMenu li.sep span{
 +
float:none; padding-right:0;
 +
width:3px;
 +
height:100%;
 +
display:inline-block;
 +
background-color:#808080; background-image:none;}
 +
ul.pureCssMenu ul li.sep span{
 +
width:100%;
 +
height:3px;
 +
}
 +
ul.pureCssMenu li:hover{
 +
position:relative;
 +
}
 +
ul.pureCssMenu li:hover>a{
 +
background-color:#DBF0F9;
 +
border-color:#45ADE4;
 +
border-style:solid;
 +
font:normal 11px Tahoma;
 +
color: #444;
 +
text-decoration:none;
 +
}
 +
ul.pureCssMenu li a:hover{
 +
position:relative;
 +
background-color:#DBF0F9;
 +
border-color:#45ADE4;
 +
border-style:solid;
 +
font:normal 11px Tahoma;
 +
color: #444;
 +
text-decoration:none;
 +
}
 +
ul.pureCssMenu li.dis a {
 +
color: #557D4F !important;
 +
}
 +
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:2px;width:16px;
 +
height:16px;
 +
}
 +
ul.pureCssMenu ul img {width:16px;
 +
height:16px;
 +
}
 +
ul.pureCssMenu img.over{display:none}
 +
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
 +
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
 +
ul.pureCssMenu li:hover > a img.def  {display:none}
 +
ul.pureCssMenu li:hover > a img.over {display:inline}
 +
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover a:hover img.over{display:inline}
 +
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover a:hover img.def{display:none}
 +
ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul,ul.pureCssMenu a:hover a:hover a:hover ul{display:block}
 +
ul.pureCssMenu a:hover ul ul,ul.pureCssMenu a:hover a:hover ul ul{display:none}
 +
ul.pureCssMenu span{
 +
display:block;
 +
background-image:url(./images/arrv_white.gif);
 +
background-position:right center;
 +
background-repeat: no-repeat;
 +
  padding-right:9px;}
 +
ul.pureCssMenu ul span{background-image:url(./images/arr_black.gif)}
 +
ul.pureCssMenu ul li:hover > a span{ background-image:url(./images/arr_white.gif);}
 +
ul.pureCssMenu table a:hover span,ul.pureCssMenu table a:hover a:hover span,ul.pureCssMenu table a:hover a:hover a:hover span{background-image:url(./images/arr_white.gif)}
 +
ul.pureCssMenu table a:hover table span,ul.pureCssMenu table a:hover a:hover table span{background-image:url(./images/arr_black.gif)}
 +
ul.pureCssMenu li.pureCssMenui0 {
 +
width:110px;
 +
height:23px;
 +
}
 +
ul.pureCssMenu li a.pureCssMenui0{
 +
height:100%;
 +
background-image:url(./images/btn3.jpg);
 +
border-width:0px;
 +
font:normal 11px Tahoma;
 +
color:#fff;
 +
}
 +
ul.pureCssMenu li a.pureCssMenui0:hover{
 +
background-image:url(./images/btn4.jpg);
 +
font:normal 11px Tahoma;
 +
color:#eee;
 +
}
 +
ul.pureCssMenum0 {
 +
background-color:transparent;
 +
border-width:0px;
 +
padding:0px 0px 0px 0px;
 +
}
 +
ul.pureCssMenum0>li>a {
 +
padding:8px 10px 0px 10px;
 +
}
 +
ul.pureCssMenum0 a {
 +
padding:8px 10px 0px 10px;
 +
}
 +
ul.pureCssMenum0 ul a {
 +
padding:2px 5px 5px 10px;
 +
}
 +
ul.pureCssMenum0>li {
 +
margin:0px 0px 0px 0px;
 +
}
 +
ul.pureCssMenum0 li {
 +
margin:0px 0px 0px 0px;
 +
}
 +
ul.pureCssMenum0 li li {
 +
margin:2px 0px 0px 2px;
 +
}
 +
</style>
 +
 
<ul class="pureCssMenu pureCssMenum0">
 
<ul class="pureCssMenu pureCssMenum0">
 
<li class="pureCssMenui0"><a class="pureCssMenui0" href="#">PureCSSMenu.com</a></li>
 
<li class="pureCssMenui0"><a class="pureCssMenui0" href="#">PureCSSMenu.com</a></li>

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

<style>

  1. pcm{display:none;}

ul.pureCssMenu ul{display:none} ul.pureCssMenu li:hover>ul{display:block} ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;} ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;} ul.pureCssMenu,ul.pureCssMenu ul { margin:0px; list-style:none; padding:0px 2px 2px 0px; background-color:#fff; background-repeat:repeat; border-color:#808080; border-width:1px; border-style:solid; } ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu { display:block; zoom:1; height:21px; float: left; } ul.pureCssMenu ul{ width:134.4px; } ul.pureCssMenu li{ display:block; margin:2px 0px 0px 2px; font-size:0px; } ul.pureCssMenu a:active, ul.pureCssMenu a:focus { outline-style:none; } ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover { display:block; vertical-align:middle; background-color:#FFFFFF; border-width:1px; border-color:#fff; border-style:solid; text-align:center; text-decoration:none; padding:2px 5px 5px 10px; _padding-left:0; font:normal 11px Tahoma; color: #000; text-decoration:none; cursor:default; } ul.pureCssMenu span{ overflow:hidden; } ul.pureCssMenu li { float:left; } ul.pureCssMenu ul li { float:none; } ul.pureCssMenu ul a { text-align:left; white-space:nowrap; } ul.pureCssMenu li.sep{ text-align:left; padding:0px; line-height:0; height:100%; } ul.pureCssMenu li.sep span{ float:none; padding-right:0; width:3px; height:100%; display:inline-block; background-color:#808080; background-image:none;} ul.pureCssMenu ul li.sep span{ width:100%; height:3px; } ul.pureCssMenu li:hover{ position:relative; } ul.pureCssMenu li:hover>a{ background-color:#DBF0F9; border-color:#45ADE4; border-style:solid; font:normal 11px Tahoma; color: #444; text-decoration:none; } ul.pureCssMenu li a:hover{ position:relative; background-color:#DBF0F9; border-color:#45ADE4; border-style:solid; font:normal 11px Tahoma; color: #444; text-decoration:none; } ul.pureCssMenu li.dis a { color: #557D4F !important; } ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:2px;width:16px; height:16px; } ul.pureCssMenu ul img {width:16px; height:16px; } ul.pureCssMenu img.over{display:none} ul.pureCssMenu li.dis a:hover img.over{display:none !important} ul.pureCssMenu li.dis a:hover img.def {display:inline !important} ul.pureCssMenu li:hover > a img.def {display:none} ul.pureCssMenu li:hover > a img.over {display:inline} ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover a:hover img.over{display:inline} ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover a:hover img.def{display:none} ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul,ul.pureCssMenu a:hover a:hover a:hover ul{display:block} ul.pureCssMenu a:hover ul ul,ul.pureCssMenu a:hover a:hover ul ul{display:none} ul.pureCssMenu span{ display:block; background-image:url(./images/arrv_white.gif); background-position:right center; background-repeat: no-repeat; 

  padding-right:9px;}

ul.pureCssMenu ul span{background-image:url(./images/arr_black.gif)} ul.pureCssMenu ul li:hover > a span{ background-image:url(./images/arr_white.gif);} ul.pureCssMenu table a:hover span,ul.pureCssMenu table a:hover a:hover span,ul.pureCssMenu table a:hover a:hover a:hover span{background-image:url(./images/arr_white.gif)} ul.pureCssMenu table a:hover table span,ul.pureCssMenu table a:hover a:hover table span{background-image:url(./images/arr_black.gif)} ul.pureCssMenu li.pureCssMenui0 { width:110px; height:23px; } ul.pureCssMenu li a.pureCssMenui0{ height:100%; background-image:url(./images/btn3.jpg); border-width:0px; font:normal 11px Tahoma; color:#fff; } ul.pureCssMenu li a.pureCssMenui0:hover{ background-image:url(./images/btn4.jpg); font:normal 11px Tahoma; color:#eee; } 

ul.pureCssMenum0 {

background-color:transparent; border-width:0px; padding:0px 0px 0px 0px; } 

ul.pureCssMenum0>li>a {

padding:8px 10px 0px 10px; } 

ul.pureCssMenum0 a {

padding:8px 10px 0px 10px; } 

ul.pureCssMenum0 ul a {

padding:2px 5px 5px 10px; } 

ul.pureCssMenum0>li {

margin:0px 0px 0px 0px; } 

ul.pureCssMenum0 li {

margin:0px 0px 0px 0px; } 

ul.pureCssMenum0 li li {

margin:2px 0px 0px 2px; } </style>

  • <a class="pureCssMenui0" href="#">PureCSSMenu.com</a>
  • <a class="pureCssMenui0" href="#">Product Info</a>
    • <a class="pureCssMenui" href="#">What is New?</a>
    • <a class="pureCssMenui" href="#">Menu Features</a>
      • <a class="pureCssMenui" href="#">Free Online Generator</a>
      • <a class="pureCssMenui" href="#">100% Pure CSS Menu</a>
      • <a class="pureCssMenui" href="#">No Javascript Required</a>
      • <a class="pureCssMenui" href="#">Multi Level Submenus</a>
      • <a class="pureCssMenui" href="#">Search-Engine Friendly</a>
      • <a class="pureCssMenui" href="#">Advanced Styling</a>
      • <a class="pureCssMenui" href="#">Horizontal & Vertical</a>
    • <a class="pureCssMenui" href="#">How To Use</a>
      • <a class="pureCssMenui" href="#">1. Select Template</a>
      • <a class="pureCssMenui" href="#">2. Customize Items</a>
      • <a class="pureCssMenui" href="#">3. Download Zip</a>
    • <a class="pureCssMenui" href="#">Supported Browsers</a>
      • <a class="pureCssMenui" href="#">Windows OS</a>
        • <a class="pureCssMenui" href="#">Internet Explorer</a>
        • <a class="pureCssMenui" href="#">Firefox</a>
        • <a class="pureCssMenui" href="#">Chrome</a>
        • <a class="pureCssMenui" href="#">Safari</a>
        • <a class="pureCssMenui" href="#">Mozilla</a>
        • <a class="pureCssMenui" href="#">Opera</a>
        • <a class="pureCssMenui" href="#">Netscape Navigator</a>
      • <a class="pureCssMenui" href="#">MAC OS</a>
        • <a class="pureCssMenui" href="#">Firefox</a>
        • <a class="pureCssMenui" href="#">Safari</a>
        • <a class="pureCssMenui" href="#">Internet Explorer</a>
      • <a class="pureCssMenui" href="#">Unix/Linux OS</a>
        • <a class="pureCssMenui" href="#">Firefox</a>
        • <a class="pureCssMenui" href="#">Konqueror</a>
  • <a class="pureCssMenui0" href="#">Templates</a>
    • <a class="pureCssMenui" href="#">Template 1</a>
    • <a class="pureCssMenui" href="#">Template 2</a>
    • <a class="pureCssMenui" href="#">Template 3</a>
    • <a class="pureCssMenui" href="#">Template 4</a>
    • <a class="pureCssMenui" href="#">Template 5</a>
    • <a class="pureCssMenui" href="#">Template 6</a>
  • <a class="pureCssMenui0" href="#">FAQ</a>
  • <a class="pureCssMenui0" href="#">Contact Us</a>
Источник — https://wiki.botva.ru/index.php?title=MediaWiki:Sitenotice&oldid=7756