MediaWiki:Common.css — различия между версиями
Материал из ПокеВики
Mootagen (обсуждение | вклад) |
Mootagen (обсуждение | вклад) м (Отмена правки 83668, сделанной Mootagen (обсуждение)) |
||
| (не показано 107 промежуточных версий 2 участников) | |||
| Строка 83: | Строка 83: | ||
.darkbg { background: rgb(94,80,76); 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:53px; | ||
| + | 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; | |
| − | + | padding:0px; | |
| − | + | margin:0px; | |
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | .generated-sidebar, #p-tb, #p-navigation | |
| − | |||
{ | { | ||
| − | + | z-index:10; | |
} | } | ||
| − | + | #p-search | |
| − | |||
| − | |||
| − | |||
{ | { | ||
| − | + | z-index:5; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | .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:12px; | ||
| + | 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 | + | border-top-left-radius: 5px; |
| − | |||
} | } | ||
| − | + | .roundtable tr:first-child th:last-child { | |
| − | + | border-top-right-radius: 5px; | |
| − | |||
| − | { | ||
| − | border: | ||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | /* 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; | |
| − | |||
} | } | ||
| Строка 384: | Строка 364: | ||
} | } | ||
| − | /* | + | /* 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; } | |
| − | |||
| − | /* | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | # | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | display: none | ||
| − | } | ||
Текущая версия на 11:08, 1 апреля 2024
/** Размещённый здесь 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:53px;
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;
padding:0px;
margin:0px;
}
.generated-sidebar, #p-tb, #p-navigation
{
z-index:10;
}
#p-search
{
z-index:5;
}
.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:12px;
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; }
