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; }