<style>/* Главное меню */
#menu{width: 100%;margin: 0;padding: 10px 0 0 0;
list-style: none;
background: #008000;
background: -moz-linear-gradient(#008000, #008000);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #008000),color-stop(1, #008000));
background: -webkit-linear-gradient(#008000, #008000);
background: -o-linear-gradient(#008000, #008000);
background: -ms-linear-gradient(#008000, #008000);
background: linear-gradient(#008000, #008000);
-moz-border-radius: 50px;
border-radius: 50px;
-moz-box-shadow: 0 2px 1px #874006;
-webkit-box-shadow: 0 2px 1px #874006;
box-shadow: 0 2px 1px #874006;}#menu li{float: left;
padding: 0 0 10px 0;
position: relative;}#menu a{float: left;height: 25px;
padding: 0 25px;
color:#000000 ;
text-transform: uppercase;
font: bold 12px/25px Arial, Helvetica;
text-decoration: none;
text-shadow: 0 1px 0 #000;}
#menu li:hover > a{color: #fafafa;}
*html #menu li a:hover /* IE6 */
{color: #fafafa;}
#menu li:hover > ul{display: block;}
/* Подменю */
#menu ul{list-style: none;margin: 0;padding: 0;display: none;
position: absolute;top: 35px;left: 0;z-index: 99999;
background: #00ffff;
background: -moz-linear-gradient(#00ffff, #ffff00);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #783B08),color-stop(1, #ffff00));
background: -webkit-linear-gradient(#00ffff, #ffff00);
background: -o-linear-gradient(#00ffff, #ffff00);
background: -ms-linear-gradient(#00ffff, #ffff00);
background: linear-gradient(#00ffff, #ffff00);
-moz-border-radius: 5px;
border-radius: 5px;}
#menu ul li{float: none;
margin: 0;
padding: 0;
display: block;
-moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
-webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;}
#menu ul li:last-child{-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}#menu ul a{padding: 10px;
height: auto;line-height: 1;display: block;white-space: nowrap;
float: none;text-transform: none;}
*html #menu ul a /* IE6 */
{height: 10px;width: 150px;}
*:first-child+html #menu ul a /* IE7 */{height: 10px;width: 150px;}
#menu ul a:hover{background: #808080;
background: -moz-linear-gradient(#c0c0c0, #808080);
background: -webkit-gradient(linear, left top, left bottom, from(#562F24), to(#808080));
background: -webkit-linear-gradient(#c0c0c0,#808080);
background: -o-linear-gradient(#c0c0c0, #808080);
background: -ms-linear-gradient(#c0c0c0, #808080);
background: linear-gradient(#c0c0c0, #808080);
}
#menu ul li:first-child a
{
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
#menu ul li:first-child a:after
{
content: '';
position: absolute;
left: 30px;
top: -8px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 8px solid #874006;}#menu ul li:first-child a:hover:after{border-bottom-color: #5D2D23;}#menu ul li:last-child a{-moz-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;}#menu:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html #menu { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */
#menu ul li:first-child a:after{content: '';
position: absolute;
left: 30px;
top: -8px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 8px solid #BF6306;}
#menu ul li:first-child a:hover:after{ border-bottom-color: #5D2D23;}
* html #menu { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */
</style><ul id="menu">
<li><a href="http://migasuik.blogspot.com/2015/11/blog-post.html">Головна</a></li><li>
<a href="http://migasuik.blogspot.com/p/blog-page_683.html">Про блог</a><ul>
<li><a href="http://migasuik.blogspot.com/p/toc-outer-colorblackfontnormal-11px14px.html">Карта блогу</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_35.html">Портфоліо</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_69.html">Досвід роботи</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_460.html">Моя педагогічна ідея</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_639.html">Публікації</a></li></ul></li>
<li><a href="#">Скарбничка</a><ul>
<li><a href="http://migasuik.blogspot.com/p/blog-page_96.html">Нормативні документи</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_76.html">Корисна інформація</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_266.html">Національно-патріотичне виховання</a></li>
<li><a href="http://dzurasokal.blogspot.com/">Джура</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_928.html">Навчальні проекти</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_130.html">Пласт</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_565.html">Учитель року - 2016</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_27.html">Тести</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_56.html">Герої Сокальщини</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_29.html">Презентації РРТ</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_479.html">Презентації Prezi</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_63.html">Галерея</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_91.html">Відео</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_85.html">Новини</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_2.html">Наші здобутки</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_16.html">Катер "Сокаль"</a></li></ul></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_208.html">Посилання</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_619.html">Контакти</a></li></ul>
#menu{width: 100%;margin: 0;padding: 10px 0 0 0;
list-style: none;
background: #008000;
background: -moz-linear-gradient(#008000, #008000);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #008000),color-stop(1, #008000));
background: -webkit-linear-gradient(#008000, #008000);
background: -o-linear-gradient(#008000, #008000);
background: -ms-linear-gradient(#008000, #008000);
background: linear-gradient(#008000, #008000);
-moz-border-radius: 50px;
border-radius: 50px;
-moz-box-shadow: 0 2px 1px #874006;
-webkit-box-shadow: 0 2px 1px #874006;
box-shadow: 0 2px 1px #874006;}#menu li{float: left;
padding: 0 0 10px 0;
position: relative;}#menu a{float: left;height: 25px;
padding: 0 25px;
color:#000000 ;
text-transform: uppercase;
font: bold 12px/25px Arial, Helvetica;
text-decoration: none;
text-shadow: 0 1px 0 #000;}
#menu li:hover > a{color: #fafafa;}
*html #menu li a:hover /* IE6 */
{color: #fafafa;}
#menu li:hover > ul{display: block;}
/* Подменю */
#menu ul{list-style: none;margin: 0;padding: 0;display: none;
position: absolute;top: 35px;left: 0;z-index: 99999;
background: #00ffff;
background: -moz-linear-gradient(#00ffff, #ffff00);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #783B08),color-stop(1, #ffff00));
background: -webkit-linear-gradient(#00ffff, #ffff00);
background: -o-linear-gradient(#00ffff, #ffff00);
background: -ms-linear-gradient(#00ffff, #ffff00);
background: linear-gradient(#00ffff, #ffff00);
-moz-border-radius: 5px;
border-radius: 5px;}
#menu ul li{float: none;
margin: 0;
padding: 0;
display: block;
-moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
-webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;}
#menu ul li:last-child{-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}#menu ul a{padding: 10px;
height: auto;line-height: 1;display: block;white-space: nowrap;
float: none;text-transform: none;}
*html #menu ul a /* IE6 */
{height: 10px;width: 150px;}
*:first-child+html #menu ul a /* IE7 */{height: 10px;width: 150px;}
#menu ul a:hover{background: #808080;
background: -moz-linear-gradient(#c0c0c0, #808080);
background: -webkit-gradient(linear, left top, left bottom, from(#562F24), to(#808080));
background: -webkit-linear-gradient(#c0c0c0,#808080);
background: -o-linear-gradient(#c0c0c0, #808080);
background: -ms-linear-gradient(#c0c0c0, #808080);
background: linear-gradient(#c0c0c0, #808080);
}
#menu ul li:first-child a
{
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
#menu ul li:first-child a:after
{
content: '';
position: absolute;
left: 30px;
top: -8px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 8px solid #874006;}#menu ul li:first-child a:hover:after{border-bottom-color: #5D2D23;}#menu ul li:last-child a{-moz-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;}#menu:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html #menu { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */
#menu ul li:first-child a:after{content: '';
position: absolute;
left: 30px;
top: -8px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 8px solid #BF6306;}
#menu ul li:first-child a:hover:after{ border-bottom-color: #5D2D23;}
* html #menu { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */
</style><ul id="menu">
<li><a href="http://migasuik.blogspot.com/2015/11/blog-post.html">Головна</a></li><li>
<a href="http://migasuik.blogspot.com/p/blog-page_683.html">Про блог</a><ul>
<li><a href="http://migasuik.blogspot.com/p/toc-outer-colorblackfontnormal-11px14px.html">Карта блогу</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_35.html">Портфоліо</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_69.html">Досвід роботи</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_460.html">Моя педагогічна ідея</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_639.html">Публікації</a></li></ul></li>
<li><a href="#">Скарбничка</a><ul>
<li><a href="http://migasuik.blogspot.com/p/blog-page_96.html">Нормативні документи</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_76.html">Корисна інформація</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_266.html">Національно-патріотичне виховання</a></li>
<li><a href="http://dzurasokal.blogspot.com/">Джура</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_928.html">Навчальні проекти</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_130.html">Пласт</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_565.html">Учитель року - 2016</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_27.html">Тести</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_56.html">Герої Сокальщини</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_29.html">Презентації РРТ</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_479.html">Презентації Prezi</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_63.html">Галерея</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_91.html">Відео</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_85.html">Новини</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_2.html">Наші здобутки</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_16.html">Катер "Сокаль"</a></li></ul></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_208.html">Посилання</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_619.html">Контакти</a></li></ul>
Немає коментарів:
Дописати коментар