MediaWiki:Common.css — различия между версиями
Материал из ПокеВики
Mootagen (обсуждение | вклад) |
Mootagen (обсуждение | вклад) м |
||
Строка 137: | Строка 137: | ||
{ | { | ||
position:relative; | position:relative; | ||
− | display:inline; | + | display:inline-block; |
padding:0px; | padding:0px; | ||
margin:0px; | margin:0px; |
Версия 18:28, 9 июля 2022
/** Размещённый здесь CSS будет применяться ко всем темам оформления */ /* [[wikipedia:ru:MediaWiki:Common.css|Википедия:Оформление таблиц]] */ .sc { font-variant: small-caps } .l { text-align: left; } .c { text-align: center; } .r { text-align: right; } .bluetable .bg1, .blueinfobox .bg1, .lightbluebg { background: #f8f8ff; } .graytable .bg1, .grayinfobox .bg1, .lightgraybg { background: #f8f8f8; } .blueborder { border: 1px solid #88a; } .grayborder { border: 1px solid #999; } .bluetable .bg2, .blueinfobox .bg2 { background: #eef; } .bluetable .bg3, .blueinfobox .bg3 { background: #ddf; } .bluetable .bg4, .blueinfobox .bg4 { background: #ccf; } .graytable .bg2, .grayinfobox .bg2 { background: #f0f0f0; } .graytable .bg3, .grayinfobox .bg3 { background: #e1e1e1; } .graytable .bg4, .grayinfobox .bg4 { background: #d2d2d2; } .bluetable, .graytable, .blueinfobox, .grayinfobox { border-collapse: collapse; } .blueinfobox, .grayinfobox { float: right; clear: right; margin: 0 0 0.5em 0.5em; } .blueinfobox { background: #f8f8ff; } .grayinfobox { background: #f8f8f8; } .bluetable, .blueinfobox { border: 1px solid #88a; } .graytable, .grayinfobox { border: 1px solid #999; } .bluetable td, .bluetable th, .blueinfobox td, .blueinfobox th { border: 1px solid #88a; } .graytable td, .graytable th, .graytable td, .graytable th { border: 1px solid #999; } .bluetable td, .bluetable th, .graytable td, .graytable th, .blueinfobox td, .blueinfobox th, .graytable td, .graytable th { padding: 2px; } .bluetable td, .bluetable th, .blueinfobox td, .blueinfobox th { border: 1px solid #88a; } .graytable td, .graytable th, .grayinfobox td, .grayinfobox th { border: 1px solid #999; } .bluetable th { background: #ccf; } .graytable th { background: #d2d2d2; } .bluetable th:first-child, .graytable th:first-child, .blueinfobox th, .grayinfobox th { text-align: right; } .bluetable .divider, .blueinfobox .divider, .bluetable .header, .blueinfobox .header, .graytable .divider, .grayinfobox .divider, .graytable .header, .grayinfobox .header { text-align: center !important; } .bluetable .header, .bluetable .divider, .blueinfobox .header { background: #ccf; } .graytable .header, .graytable .divider, .grayinfobox .header { background: #d2d2d2; } .blueinfobox .divider { background: #eef; } .grayinfobox .divider { background: #f0f0f0; } .normalbg { background: rgb(183,173,150); color: white; } .fightingbg { background: rgb(192,48,40); color: white; } .flyingbg { background: rgb(168,144,240); color: white; } .poisonbg { background: rgb(160,64,160); color: white; } .groundbg { background: rgb(214,182,94); color: white; } .rockbg { background: rgb(112,88,72); color: white; } .bugbg { background: rgb(160,184,32); color: white; } .ghostbg { background: rgb(112,88,152); color: white; } .steelbg { background: rgb(184,184,208); color: white; } .grassbg { background: rgb(120,200,80); color: white; } .firebg { background: rgb(240,124,40); color: white; } .waterbg { background: rgb(104,144,240); color: white; } .electricbg { background: rgb(238,194,38); color: white; } .psychicbg { background: rgb(248,88,136); color: white; } .icebg { background: rgb(142,206,206); color: white; } .dragonbg { background: rgb(112,56,248); color: white; } .darkbg { background: rgb(94,80,76); color: white; } /* Реализация шаблона Roundy */ table.roundy, td.roundy { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } table.center, td.center { text-align:center; } span.versiondata, span.wordvariant { display:none; } body { background-color:transparent !important; } div#content, #p-cactions li a, #footer { background-color:rgba(255,255,255,0.5) !important; } div#content { float:none; margin-top:54px; border:1px solid black; margin-left:0px; } h1, h2, h3, h4, h5, h6 { border-color: black; } #p-logo, #pt-logout { display: none !important; } #column-one { position:absolute; width:100%; height:200px; top:0px; left:0px; padding:0px !important; margin:0px; } .generated-sidebar, #p-search, #p-tb, #p-navigation { position:relative; display:inline-block; padding:0px; margin:0px; z-index:10; } .generated-sidebar h5, #p-search h5, #p-tb h5, #p-navigation h5 { font-weight:bold; font-family:Helvetica, tahoma; } .pBody { width: 130px; position: absolute; top: 14px; left: 0px; z-index: 100; display: none } div#searchBody { display:block; position: static; margin-left: auto; padding-left: 5px; margin-top: -5px; padding: 0; border: 0; outline: none; background-color: transparent; z-index: 0; } label[for="searchInput"] { display:none; } #p-search .pBody { width: 250px !important; text-align: left } #p-search .pBody #searchInput { width: 48%; margin-left: auto; margin-right: auto } .generated-sidebar:hover .pBody,#p-search:hover .pBody,#p-tb:hover .pBody { display: block } #p-personal .pBody { display: block; position: static; text-align: right; width: 60%; margin-left: auto } #p-cactions .pBody { display:block; padding:0px; margin-top:20px; text-align:left; background-color:transparent; width:100%; position:static; } #p-cactions { left:10px; } #p-cactions li { border-top-color:black; border-right-color:black; border-left-color:black; padding-bottom:3px; } #p-cactions li.selected { border-top-color:gray; border-right-color:gray; border-left-color:gray; } .pBody a { color:black !important; } /* Автоматически округленная таблица */ .roundtable { border-collapse: separate; border-radius: 10px; padding-bottom: 4px; } .roundtable td { background-color: white; } .roundtable tr:first-child th:first-child { border-top-left-radius: 5px; } .roundtable tr:first-child th:last-child { border-top-right-radius: 5px; } /* Link color override */ .blacklinks a, .blacklinks a:link, .blacklinks a:visited, .blacklinks a:hover, .blacklinks a:active, .blacklinks a span { color: black !important; } .whitelinks a, .whitelinks a:link, .whitelinks a:visited, .whitelinks a:hover, .whitelinks a:active, .whitelinks a span { color: white !important; } /* cutting down on the usage of Template:Roundy with div and table classes for use in larger pages. */ .roundy { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -icab-border-radius: 10px; -o-border-radius: 10px; } .roundytl { border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; -icab-border-top-left-radius: 10px; -o-border-top-left-radius: 10px; } .roundytr { border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-top-right-radius: 10px; } .roundybl { border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; -icab-border-bottom-left-radius: 10px; -o-border-bottom-left-radius: 10px; } .roundybr { border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -icab-border-bottom-right-radius: 10px; -o-border-bottom-right-radius: 10px; } .roundybottom { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-left-radius: 10px; -khtml-border-bottom-right-radius: 10px; -icab-border-bottom-left-radius: 10px; -icab-border-bottom-right-radius: 10px; -o-border-bottom-left-radius: 10px; -o-border-bottom-right-radius: 10px; } .roundytop { border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-left-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-top-left-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-top-left-radius: 10px; -o-border-top-right-radius: 10px; } .roundyleft { border-top-left-radius: 10px; border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-top-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; -icab-border-top-left-radius: 10px; -icab-border-bottom-left-radius: 10px; -o-border-top-left-radius: 10px; -o-border-bottom-left-radius: 10px; } .roundyright { border-bottom-right-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-bottom-right-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-bottom-right-radius: 10px; -o-border-top-right-radius: 10px; } /* creates a div class that can be used to add mouse-over functionality. */ /* hoverexpand will expand to fit the content vertically when hovered-over. Best used within tables or other divs. */ .hoverexpand { height: 18px; padding: 2px; overflow: hidden; *overflow: visible; _overflow: visible; } .hoverexpand:hover { height: 100% !important; overflow: visible; } /* Футер */ #footer-poweredbyico { display: none; }