MediaWiki:Common.css — различия между версиями

Материал из ПокеВики
Перейти к: навигация, поиск
(Отмена правки 73411, сделанной Mootagen (обсуждение))
м (Откат правок Mootagen (обсуждение) к версии EvilCat)
Строка 2: Строка 2:
  
 
/* [[wikipedia:ru:MediaWiki:Common.css|Википедия:Оформление таблиц]] */
 
/* [[wikipedia:ru:MediaWiki:Common.css|Википедия:Оформление таблиц]] */
.sc { font-variant: small-caps }
+
table.standard, table.wide
 +
{border:2px solid #A82; border-collapse: collapse}
 +
table.standard th, table.wide th, table.wikitable th
 +
{border:1px solid #AAAAAA; padding-left:0.2em; padding-right:0.2em; background-color:#FEA}
 +
table.standard td, table.wide td
 +
{border: 1px solid #AAAAAA; padding-left:0.2em; padding-right:0.2em}
 +
table.standard caption, table.wide caption, table.tiles caption
 +
{font-weight:bold; padding-top: 0.2em; padding-bottom:0.2em}
 +
table.wide {width: 100%}
 +
 +
table.simple {border-color:#AAAAAA; border-collapse:collapse}
 +
table.simple th, table.simple td {border-color:#AAAAAA; padding-left:0.2em; padding-right:0.2em}
 +
 +
table.tiles {border-collapse:separate; border-spacing:2px}
 +
table.tiles th {padding-left:0.2em; padding-right:0.2em; background-color: #EEEEFF}
 +
table.tiles td {padding-left:0.2em; padding-right:0.2em; background-color: #F0F0F0}
 +
 +
table.graytable {background:#f0f0f0; padding:1em; width: 100%}
 +
table.graytable caption {padding:0.5em 0 0 0; background:#f0f0f0; font-size:100%; font-weight:bold}
 +
table.graytable caption span.subcaption {font-size:80%; font-weight:normal}
 +
table.graytable th, table.graytable td {font-size:80%}
 +
 +
table.wikitable, table.prettytable
 +
{margin:1em 1em 1em 0; background:#F9F9F9; border:1px solid #AAAAAA; border-collapse:collapse}
 +
table.wikitable th, table.wikitable td,
 +
table.prettytable th, table.prettytable td
 +
{border:1px solid #AAAAAA; padding:0.2em}
 +
table.wikitable caption, table.prettytable caption
 +
{margin-left:inherit; margin-right:inherit; font-size:larger; font-weight:bold}
 +
table.prettytable th
 +
{background:#f2f2f2}
 +
 +
tr.highlight th {background-color: #EEEEFF}
 +
tr.highlight td {background-color: #FFFFEE}
 +
tr.bright th  {background-color: #CCCCFF}
 +
tr.bright td  {background-color: #FFEECC}
 +
tr.shadow th, tr.shadow td  {background-color: #F0F0F0}
 +
tr.dark th, tr.dark td  {background-color: #CCCCCC}
 +
table th.highlight  {background-color: #EEEEFF}
 +
table td.highlight  {background-color: #FFFFEE}
 +
table th.bright  {background-color: #CCCCFF}
 +
table td.bright  {background-color: #FFEECC}
 +
table th.shadow, table td.shadow  {background-color: #F0F0F0}
 +
table th.dark, table td.dark  {background-color: #CCCCCC}
 +
table th.transparent, table td.transparent, .transparent {background-color: transparent}
 +
 +
table.toccolours th {background-color: #ccccff}
  
.l { text-align: left; }
+
#userSummaryButtonsA a {
.c { text-align: center; }
+
  white-space:nowrap;
.r { text-align: right; }
+
  background: white;
 +
  border: 2px solid gray;
 +
  padding: 0px 2px;
 +
  margin: 2px;
 +
  cursor: pointer;
 +
  font-size: 80%;
 +
  line-height: 17px;
 +
  font-weight:normal;
 +
}
 +
#userSummaryButtonsA a:hover {
 +
  background: #AAAA00;
 +
  border: 2px solid gold;
 +
  text-decoration: none
 +
}
  
.bluetable .bg1, .blueinfobox .bg1, .lightbluebg { background: #f8f8ff; }
+
/* Infobox template style */
.graytable .bg1, .grayinfobox .bg1, .lightgraybg { background: #f8f8f8; }
+
.infobox {
.blueborder { border: 1px solid #88a; }
+
    border: 1px solid #aaa;
.grayborder { border: 1px solid #999; }
+
    background-color: #f9f9f9;
 
+
    color: black;
.bluetable .bg2, .blueinfobox .bg2 { background: #eef; }
+
    margin: 0.5em 0 0.5em 1em;
.bluetable .bg3, .blueinfobox .bg3 { background: #ddf; }
+
    padding: 0.2em;
.bluetable .bg4, .blueinfobox .bg4 { background: #ccf; }
+
    float: right;
 
+
    clear: right;
.graytable .bg2, .grayinfobox .bg2 { background: #f0f0f0; }
+
}
.graytable .bg3, .grayinfobox .bg3 { background: #e1e1e1; }
+
.infobox td,
.graytable .bg4, .grayinfobox .bg4 { background: #d2d2d2; }
+
.infobox th {
 
+
    vertical-align: top;
.bluetable, .graytable, .blueinfobox, .grayinfobox {
+
}
  border-collapse: collapse;
+
.infobox caption {
 +
    font-size: larger;
 +
}
 +
.infobox.bordered {
 +
    border-collapse: collapse;
 +
}
 +
.infobox.bordered td,
 +
.infobox.bordered th {
 +
    border: 1px solid #aaa;
 +
}
 +
.infobox.bordered .borderless td,
 +
.infobox.bordered .borderless th {
 +
    border: 0;
 +
}
 +
 +
.infobox.sisterproject {
 +
    width: 20em;
 +
    font-size: 90%;
 
}
 
}
 
+
.blueinfobox, .grayinfobox {
+
.infobox.standard-talk {
  float: right;
+
    border: 1px solid #c0c090;
  clear: right;
+
    background-color: #f8eaba;
  margin: 0 0 0.5em 0.5em;
 
 
}
 
}
 
+
.infobox.standard-talk.bordered td,
.blueinfobox { background: #f8f8ff; }
+
.infobox.standard-talk.bordered th {
.grayinfobox { background: #f8f8f8; }
+
    border: 1px solid #c0c090;
 
 
.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; }
+
/* styles for bordered infobox with merged rows */
.graytable td, .graytable th, .grayinfobox td, .grayinfobox th { border: 1px solid #999; }
+
.infobox.bordered .mergedtoprow td,
 
+
.infobox.bordered .mergedtoprow th {
.bluetable th { background: #ccf; }
+
    border: 0;
.graytable th { background: #d2d2d2; }
+
    border-top: 1px solid #aaa;
 
+
    border-right: 1px solid #aaa;
.bluetable th:first-child, .graytable th:first-child, .blueinfobox th, .grayinfobox th {
 
  text-align: right;
 
 
}
 
}
 
+
.bluetable .divider, .blueinfobox .divider, .bluetable .header, .blueinfobox .header,
+
.infobox.bordered .mergedrow td,
.graytable .divider, .grayinfobox .divider, .graytable .header, .grayinfobox .header {
+
.infobox.bordered .mergedrow th {
  text-align: center !important;
+
    border: 0;
 +
    border-right: 1px solid #aaa;
 
}
 
}
 
.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 */
 
/* Реализация шаблона Roundy */
Строка 156: Строка 197:
 
     display:none;
 
     display:none;
 
}
 
}
#p-search class="static"
+
#p-search .pBody
 
{
 
{
 
     width:200px !important;
 
     width:200px !important;
 
     text-align:left;
 
     text-align:left;
 
}
 
}
#p-search class="static" #searchInput
+
#p-search .pBody #searchInput
 
{
 
{
 
     display:block;
 
     display:block;
     width:100%;
+
     width:95%;
 
     margin-left:auto;
 
     margin-left:auto;
 
     margin-right:auto;
 
     margin-right:auto;
Строка 213: Строка 254:
 
     color:black !important;
 
     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; }
 

Версия 23:44, 18 августа 2021

/** Размещённый здесь CSS будет применяться ко всем темам оформления */

/* [[wikipedia:ru:MediaWiki:Common.css|Википедия:Оформление таблиц]] */
table.standard, table.wide
 {border:2px solid #A82; border-collapse: collapse}
table.standard th, table.wide th, table.wikitable th
 {border:1px solid #AAAAAA; padding-left:0.2em; padding-right:0.2em; background-color:#FEA}
table.standard td, table.wide td
 {border: 1px solid #AAAAAA; padding-left:0.2em; padding-right:0.2em}
table.standard caption, table.wide caption, table.tiles caption
 {font-weight:bold; padding-top: 0.2em; padding-bottom:0.2em}
table.wide {width: 100%}
 
table.simple {border-color:#AAAAAA; border-collapse:collapse}
table.simple th, table.simple td {border-color:#AAAAAA; padding-left:0.2em; padding-right:0.2em}
 
table.tiles {border-collapse:separate; border-spacing:2px}
table.tiles th {padding-left:0.2em; padding-right:0.2em; background-color: #EEEEFF}
table.tiles td {padding-left:0.2em; padding-right:0.2em; background-color: #F0F0F0}
 
table.graytable {background:#f0f0f0; padding:1em; width: 100%}
table.graytable caption {padding:0.5em 0 0 0; background:#f0f0f0; font-size:100%; font-weight:bold}
table.graytable caption span.subcaption {font-size:80%; font-weight:normal}
table.graytable th, table.graytable td {font-size:80%}
 
table.wikitable, table.prettytable 
 {margin:1em 1em 1em 0; background:#F9F9F9; border:1px solid #AAAAAA; border-collapse:collapse}
table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td 
 {border:1px solid #AAAAAA; padding:0.2em}
table.wikitable caption, table.prettytable caption 
 {margin-left:inherit; margin-right:inherit; font-size:larger; font-weight:bold}
table.prettytable th 
 {background:#f2f2f2}
 
tr.highlight th {background-color: #EEEEFF}
tr.highlight td {background-color: #FFFFEE}
tr.bright th   {background-color: #CCCCFF}
tr.bright td   {background-color: #FFEECC}
tr.shadow th, tr.shadow td  {background-color: #F0F0F0}
tr.dark th, tr.dark td  {background-color: #CCCCCC}
table th.highlight  {background-color: #EEEEFF}
table td.highlight  {background-color: #FFFFEE}
table th.bright  {background-color: #CCCCFF}
table td.bright  {background-color: #FFEECC}
table th.shadow, table td.shadow  {background-color: #F0F0F0}
table th.dark, table td.dark  {background-color: #CCCCCC}
table th.transparent, table td.transparent, .transparent {background-color: transparent}
 
table.toccolours th {background-color: #ccccff}

#userSummaryButtonsA a {
  white-space:nowrap;
  background: white;
  border: 2px solid gray;
  padding: 0px 2px;
  margin: 2px;
  cursor: pointer;
  font-size: 80%;
  line-height: 17px;
  font-weight:normal;
}
#userSummaryButtonsA a:hover {
  background: #AAAA00;
  border: 2px solid gold;
  text-decoration: none
}

/* Infobox template style */
.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    float: right;
    clear: right;
}
.infobox td,
.infobox th {
    vertical-align: top;
}
.infobox caption {
    font-size: larger;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}
 
.infobox.sisterproject {
    width: 20em;
    font-size: 90%;
}
 
.infobox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
    border: 1px solid #c0c090;
}
 
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
 
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    border-right: 1px solid #aaa;
}

/* Реализация шаблона 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;
    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;
}
#p-search .pBody
{
    width:200px !important;
    text-align:left;
}
#p-search .pBody #searchInput
{
    display:block;
    width:95%;
    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;
    padding-top:15px;
    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;
}