MediaWiki:Common.css: различия между версиями
Перейти к навигации
Нет описания правки |
Нет описания правки |
||
Строка 8: | Строка 8: | ||
table.data td {border-top:1px solid grey;} | table.data td {border-top:1px solid grey;} | ||
#nav6 | |||
list-style: none; | { | ||
margin: 0; | background-image: url("../images/menu6-menu-bg.png"); | ||
padding: 0; | border-radius: 5px; | ||
font- | display: block; | ||
font-family: Arial,sans-serif; | |||
font-size: 14px; | |||
li. | height: 45px; | ||
margin: 40px auto; | |||
mo-border-radius: 5px; | |||
ms-border-radius: 5px; | |||
o-border-radius: 5px; | |||
padding: 0 8px; | |||
padding: | webkit-border-radius: 5px; | ||
width: 860px; | |||
color: # | } | ||
border: | #nav6 ul | ||
{ | |||
border- | list-style: none; | ||
margin: 0; | |||
li | padding: 0; | ||
} | |||
#nav6 a | |||
{ | |||
font-size: 15px; | |||
font-weight: bold; | |||
text-decoration: none; | |||
text-transform: uppercase; | |||
} | |||
#nav6 > ul > li | |||
{ | |||
margin: 7px 0 6px; | |||
position: relative; | |||
} | |||
#nav6 > ul > li > a | |||
{ | |||
border-radius: 4px; | |||
color: #404040; | |||
line-height: 32px; | |||
mo-border-radius: 4px; | |||
moz-transition: background-color .1s; | |||
ms-border-radius: 4px; | |||
ms-transition: background-color .1s; | |||
o-border-radius: 4px; | |||
o-transition: background-color .1s; | |||
padding: 7px 15px; | |||
transition: background-color .1s; | |||
webkit-border-radius: 4px; | |||
webkit-transition: background-color .1s; | |||
} | |||
#nav6 > ul > li:hover > a | |||
{ | |||
background-color: #404040; | |||
color: #e0e0e0; | |||
moz-transition: background-color .1s,color .1s; | |||
ms-transition: background-color .1s,color .1s; | |||
o-transition: background-color .1s,color .1s; | |||
transition: background-color .1s,color .1s; | |||
webkit-transition: background-color .1s,color .1s; | |||
} | |||
#nav6 .menu-drop > a | |||
{ | |||
border-radius: 4px 4px 0 0; | |||
mo-border-radius: 4px 4px 0 0; | |||
ms-border-radius: 4px 4px 0 0; | |||
o-border-radius: 4px 4px 0 0; | |||
padding-right: 10px; | |||
webkit-border-radius: 4px 4px 0 0; | |||
} | |||
#nav6 .menu-label | |||
{ | |||
background: url("../images/menu6-drop1.png") no-repeat right; | |||
moz-transition: background .1s; | |||
ms-transition: background .1s; | |||
o-transition: background .1s; | |||
padding-right: 15px; | |||
transition: background .1s; | |||
webkit-transition: background .1s; | |||
} | |||
#nav6 .menu-drop:hover .menu-label | |||
{ | |||
background: url("../images/menu6-drop2.png") no-repeat right; | |||
moz-transition: background .1s; | |||
ms-transition: background .1s; | |||
o-transition: background .1s; | |||
transition: background .1s; | |||
webkit-transition: background .1s; | |||
} | |||
#nav6 .menu-right | |||
{ | |||
float: right; | |||
} | |||
#nav6 #menu-home | |||
{ | |||
background-image: url("../images/menu6-home1.png"); | |||
background-position: center; | |||
background-repeat: no-repeat; | |||
moz-transition: background-image .1s; | |||
ms-transition: background-image .1s; | |||
o-transition: background-image .1s; | |||
padding: 7px 20px; | |||
transition: background-image .1s; | |||
webkit-transition: background-image .1s; | |||
} | |||
#nav6 li:hover #menu-home | |||
{ | |||
background-image: url("../images/menu6-home2.png"); | |||
moz-transition: background-image .1s; | |||
ms-transition: background-image .1s; | |||
o-transition: background-image .1s; | |||
transition: background-image .1s; | |||
webkit-transition: background-image .1s; | |||
} | |||
#nav6 ul ul | |||
{ | |||
background-color: #404040; | |||
border-radius: 0 0 4px 4px; | |||
left: -5000px; | |||
min-width: 100%; | |||
mo-border-radius: 0 0 4px 4px; | |||
ms-border-radius: 0 0 4px 4px; | |||
o-border-radius: 0 0 4px 4px; | |||
opacity: 0; | |||
padding: 4px 0; | |||
position: absolute; | |||
webkit-border-radius-: 0 0 4px 4px; | |||
z-index: 100; | |||
} | |||
#nav6 .menu-right:hover ul | |||
{ | |||
left: auto; | |||
right: 0; | |||
} | |||
#nav6 li:hover ul | |||
{ | |||
left: 0; | |||
moz-transition: opacity .1s; | |||
ms-transition: opacity .1s; | |||
opacity: 1; | |||
o-transition: opacity .1s; | |||
transition: opacity .1s; | |||
webkit-transition: opacity .1s; | |||
} | |||
#nav6 ul ul li | |||
{ | |||
white-space: nowrap; | |||
} | |||
#nav6 ul ul a | |||
{ | |||
color: #e0e0e0; | |||
display: block; | |||
font-size: 14px; | |||
moz-transition: background-color .1s,color .1s; | |||
ms-transition: background-color .1s,color .1s; | |||
o-transition: background-color .1s,color .1s; | |||
padding: 6px 15px; | |||
transition: background-color .1s,color .1s; | |||
webkit-transition: background-color .1s,color .1s; | |||
} | |||
#nav6 ul ul a:hover | |||
{ | |||
background-color: #e0e0e0; | |||
color: #404040; | |||
moz-transition: background-color .1s,color .1s; | |||
ms-transition: background-color .1s,color .1s; | |||
o-transition: background-color .1s,color .1s; | |||
transition: background-color .1s,color .1s; | |||
webkit-transition: background-color .1s,color .1s; | |||
}​ |
Версия от 13:30, 18 января 2013
/** Размещённый здесь CSS будет применяться ко всем темам оформления */ table.struct {margin-left:5%; width:90%; cellpadding:2px; margin-top:10px; backgroud:#feb; border-radius:8px; border:2px solid black; text-align:center;} table.struct th {background:#edb; border-top:1px solid grey; border-right:1px solid grey; padding: 8px 0px 8px 0px;} table.struct td {background:#feb; border-top:1px solid grey;} table.data {backgroud:#feb; border-collapse:collapse; border:1px solid grey;} table.data th {background:#edb; font-size:medium;} table.data td {border-top:1px solid grey;} #nav6 { background-image: url("../images/menu6-menu-bg.png"); border-radius: 5px; display: block; font-family: Arial,sans-serif; font-size: 14px; height: 45px; margin: 40px auto; mo-border-radius: 5px; ms-border-radius: 5px; o-border-radius: 5px; padding: 0 8px; webkit-border-radius: 5px; width: 860px; } #nav6 ul { list-style: none; margin: 0; padding: 0; } #nav6 a { font-size: 15px; font-weight: bold; text-decoration: none; text-transform: uppercase; } #nav6 > ul > li { margin: 7px 0 6px; position: relative; } #nav6 > ul > li > a { border-radius: 4px; color: #404040; line-height: 32px; mo-border-radius: 4px; moz-transition: background-color .1s; ms-border-radius: 4px; ms-transition: background-color .1s; o-border-radius: 4px; o-transition: background-color .1s; padding: 7px 15px; transition: background-color .1s; webkit-border-radius: 4px; webkit-transition: background-color .1s; } #nav6 > ul > li:hover > a { background-color: #404040; color: #e0e0e0; moz-transition: background-color .1s,color .1s; ms-transition: background-color .1s,color .1s; o-transition: background-color .1s,color .1s; transition: background-color .1s,color .1s; webkit-transition: background-color .1s,color .1s; } #nav6 .menu-drop > a { border-radius: 4px 4px 0 0; mo-border-radius: 4px 4px 0 0; ms-border-radius: 4px 4px 0 0; o-border-radius: 4px 4px 0 0; padding-right: 10px; webkit-border-radius: 4px 4px 0 0; } #nav6 .menu-label { background: url("../images/menu6-drop1.png") no-repeat right; moz-transition: background .1s; ms-transition: background .1s; o-transition: background .1s; padding-right: 15px; transition: background .1s; webkit-transition: background .1s; } #nav6 .menu-drop:hover .menu-label { background: url("../images/menu6-drop2.png") no-repeat right; moz-transition: background .1s; ms-transition: background .1s; o-transition: background .1s; transition: background .1s; webkit-transition: background .1s; } #nav6 .menu-right { float: right; } #nav6 #menu-home { background-image: url("../images/menu6-home1.png"); background-position: center; background-repeat: no-repeat; moz-transition: background-image .1s; ms-transition: background-image .1s; o-transition: background-image .1s; padding: 7px 20px; transition: background-image .1s; webkit-transition: background-image .1s; } #nav6 li:hover #menu-home { background-image: url("../images/menu6-home2.png"); moz-transition: background-image .1s; ms-transition: background-image .1s; o-transition: background-image .1s; transition: background-image .1s; webkit-transition: background-image .1s; } #nav6 ul ul { background-color: #404040; border-radius: 0 0 4px 4px; left: -5000px; min-width: 100%; mo-border-radius: 0 0 4px 4px; ms-border-radius: 0 0 4px 4px; o-border-radius: 0 0 4px 4px; opacity: 0; padding: 4px 0; position: absolute; webkit-border-radius-: 0 0 4px 4px; z-index: 100; } #nav6 .menu-right:hover ul { left: auto; right: 0; } #nav6 li:hover ul { left: 0; moz-transition: opacity .1s; ms-transition: opacity .1s; opacity: 1; o-transition: opacity .1s; transition: opacity .1s; webkit-transition: opacity .1s; } #nav6 ul ul li { white-space: nowrap; } #nav6 ul ul a { color: #e0e0e0; display: block; font-size: 14px; moz-transition: background-color .1s,color .1s; ms-transition: background-color .1s,color .1s; o-transition: background-color .1s,color .1s; padding: 6px 15px; transition: background-color .1s,color .1s; webkit-transition: background-color .1s,color .1s; } #nav6 ul ul a:hover { background-color: #e0e0e0; color: #404040; moz-transition: background-color .1s,color .1s; ms-transition: background-color .1s,color .1s; o-transition: background-color .1s,color .1s; transition: background-color .1s,color .1s; webkit-transition: background-color .1s,color .1s; }​