
MediaWiki:Common.css: различия между версиями
| Строка 15: | Строка 15: | ||
text-align: right; | text-align: right; | ||
width: auto; | width: auto; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* demo page styles */ | ||
| + | body { | ||
| + | background:#eee; | ||
| + | margin:0; | ||
| + | padding:0; | ||
| + | } | ||
| + | .example { | ||
| + | background:#fff url(../images/tech.jpg); | ||
| + | width:770px; | ||
| + | height:570px; | ||
| + | border:1px #000 solid; | ||
| + | margin:20px auto; | ||
| + | padding:15px; | ||
| + | border-radius:3px; | ||
| + | -moz-border-radius:3px; | ||
| + | -webkit-border-radius:3px; | ||
| + | } | ||
| + | |||
| + | /* main menu styles */ | ||
| + | #nav,#nav ul { | ||
| + | background-image:url(../images/tr75.png); | ||
| + | list-style:none; | ||
| + | margin:0; | ||
| + | padding:0; | ||
| + | } | ||
| + | #nav { | ||
| + | height:41px; | ||
| + | padding-left:5px; | ||
| + | padding-top:5px; | ||
| + | position:relative; | ||
| + | z-index:2; | ||
| + | } | ||
| + | #nav ul { | ||
| + | left:-9999px; | ||
| + | position:absolute; | ||
| + | top:37px; | ||
| + | width:auto; | ||
| + | } | ||
| + | #nav ul ul { | ||
| + | left:-9999px; | ||
| + | position:absolute; | ||
| + | top:0; | ||
| + | width:auto; | ||
| + | } | ||
| + | #nav li { | ||
| + | float:left; | ||
| + | margin-right:5px; | ||
| + | position:relative; | ||
| + | } | ||
| + | #nav li a { | ||
| + | background:#c1c1bf; | ||
| + | color:#000; | ||
| + | display:block; | ||
| + | float:left; | ||
| + | font-size:16px; | ||
| + | padding:8px 10px; | ||
| + | text-decoration:none; | ||
| + | } | ||
| + | #nav > li > a { | ||
| + | -moz-border-radius:6px; | ||
| + | -webkit-border-radius:6px; | ||
| + | -o-border-radius:6px; | ||
| + | border-radius:6px; | ||
| + | |||
| + | overflow:hidden; | ||
| + | } | ||
| + | #nav li a.fly { | ||
| + | background:#c1c1bf url(../images/arrow.gif) no-repeat right center; | ||
| + | padding-right:15px; | ||
| + | } | ||
| + | #nav ul li { | ||
| + | margin:0; | ||
| + | } | ||
| + | #nav ul li a { | ||
| + | width:120px; | ||
| + | } | ||
| + | #nav ul li a.fly { | ||
| + | padding-right:10px; | ||
| + | } | ||
| + | |||
| + | /*hover styles*/ | ||
| + | #nav li:hover > a { | ||
| + | background-color:#858180; | ||
| + | color:#fff; | ||
| + | } | ||
| + | |||
| + | /*focus styles*/ | ||
| + | #nav li a:focus { | ||
| + | outline-width:0; | ||
| + | } | ||
| + | |||
| + | /*popups*/ | ||
| + | #nav li a:active + ul.dd,#nav li a:focus + ul.dd,#nav li ul.dd:hover { | ||
| + | left:0; | ||
| + | } | ||
| + | #nav ul.dd li a:active + ul,#nav ul.dd li a:focus + ul,#nav ul.dd li ul:hover { | ||
| + | left:140px; | ||
} | } | ||
Версия 10:34, 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;
}
/* demo page styles */
body {
background:#eee;
margin:0;
padding:0;
}
.example {
background:#fff url(../images/tech.jpg);
width:770px;
height:570px;
border:1px #000 solid;
margin:20px auto;
padding:15px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
/* main menu styles */
#nav,#nav ul {
background-image:url(../images/tr75.png);
list-style:none;
margin:0;
padding:0;
}
#nav {
height:41px;
padding-left:5px;
padding-top:5px;
position:relative;
z-index:2;
}
#nav ul {
left:-9999px;
position:absolute;
top:37px;
width:auto;
}
#nav ul ul {
left:-9999px;
position:absolute;
top:0;
width:auto;
}
#nav li {
float:left;
margin-right:5px;
position:relative;
}
#nav li a {
background:#c1c1bf;
color:#000;
display:block;
float:left;
font-size:16px;
padding:8px 10px;
text-decoration:none;
}
#nav > li > a {
-moz-border-radius:6px;
-webkit-border-radius:6px;
-o-border-radius:6px;
border-radius:6px;
overflow:hidden;
}
#nav li a.fly {
background:#c1c1bf url(../images/arrow.gif) no-repeat right center;
padding-right:15px;
}
#nav ul li {
margin:0;
}
#nav ul li a {
width:120px;
}
#nav ul li a.fly {
padding-right:10px;
}
/*hover styles*/
#nav li:hover > a {
background-color:#858180;
color:#fff;
}
/*focus styles*/
#nav li a:focus {
outline-width:0;
}
/*popups*/
#nav li a:active + ul.dd,#nav li a:focus + ul.dd,#nav li ul.dd:hover {
left:0;
}
#nav ul.dd li a:active + ul,#nav ul.dd li a:focus + ul,#nav ul.dd li ul:hover {
left:140px;
}