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

Материал из ПокеВики
Перейти к: навигация, поиск
(Отмена правки 73457, сделанной Mootagen (обсуждение))
Строка 1: Строка 1:
.sc {
+
/** Размещённый здесь CSS будет применяться ко всем темам оформления */
    font-variant: small-caps
 
}
 
  
.l {
+
/* [[wikipedia:ru:MediaWiki:Common.css|Википедия:Оформление таблиц]] */
    text-align: left
+
.sc { font-variant: small-caps }
}
 
  
.c {
+
.l { text-align: left; }
    text-align: center
+
.c { text-align: center; }
}
+
.r { text-align: right; }
  
.r {
+
.bluetable .bg1, .blueinfobox .bg1, .lightbluebg { background: #f8f8ff; }
    text-align: right
+
.graytable .bg1, .grayinfobox .bg1, .lightgraybg { background: #f8f8f8; }
}
+
.blueborder { border: 1px solid #88a; }
 +
.grayborder { border: 1px solid #999; }
  
.bluetable .bg1,.blueinfobox .bg1,.lightbluebg {
+
.bluetable .bg2, .blueinfobox .bg2 { background: #eef; }
    background: #f8f8ff
+
.bluetable .bg3, .blueinfobox .bg3 { background: #ddf; }
}
+
.bluetable .bg4, .blueinfobox .bg4 { background: #ccf; }
  
.graytable .bg1,.grayinfobox .bg1,.lightgraybg {
+
.graytable .bg2, .grayinfobox .bg2 { background: #f0f0f0; }
    background: #f8f8f8
+
.graytable .bg3, .grayinfobox .bg3 { background: #e1e1e1; }
}
+
.graytable .bg4, .grayinfobox .bg4 { background: #d2d2d2; }
  
.blueborder {
+
.bluetable, .graytable, .blueinfobox, .grayinfobox {
    border: 1px solid #88a
+
  border-collapse: collapse;
 
}
 
}
  
.grayborder {
+
.blueinfobox, .grayinfobox {
    border: 1px solid #999
+
  float: right;
 +
  clear: right;
 +
  margin: 0 0 0.5em 0.5em;
 
}
 
}
  
.bluetable .bg2,.blueinfobox .bg2 {
+
.blueinfobox { background: #f8f8ff; }
    background: #eef
+
.grayinfobox { background: #f8f8f8; }
}
 
  
.bluetable .bg3,.blueinfobox .bg3 {
+
.bluetable, .blueinfobox { border: 1px solid #88a; }
    background: #ddf
+
.graytable, .grayinfobox { border: 1px solid #999; }
}
 
  
.bluetable .bg4,.blueinfobox .bg4 {
+
.bluetable td, .bluetable th, .blueinfobox td, .blueinfobox th { border: 1px solid #88a; }
    background: #ccf
+
.graytable td, .graytable th, .graytable td, .graytable th { border: 1px solid #999; }
}
 
  
.graytable .bg2,.grayinfobox .bg2 {
+
.bluetable td, .bluetable th, .graytable td, .graytable th,
    background: #f0f0f0
+
.blueinfobox td, .blueinfobox th, .graytable td, .graytable th {
 +
  padding: 2px;
 
}
 
}
  
.graytable .bg3,.grayinfobox .bg3 {
+
.bluetable td, .bluetable th, .blueinfobox td, .blueinfobox th { border: 1px solid #88a; }
    background: #e1e1e1
+
.graytable td, .graytable th, .grayinfobox td, .grayinfobox th { border: 1px solid #999; }
}
 
  
.graytable .bg4,.grayinfobox .bg4 {
+
.bluetable th { background: #ccf; }
    background: #d2d2d2
+
.graytable th { background: #d2d2d2; }
}
 
  
.bluetable,.graytable,.blueinfobox,.grayinfobox {
+
.bluetable th:first-child, .graytable th:first-child, .blueinfobox th, .grayinfobox th {
    border-collapse: collapse
+
  text-align: right;
 
}
 
}
  
.blueinfobox,.grayinfobox {
+
.bluetable .divider, .blueinfobox .divider, .bluetable .header, .blueinfobox .header,
    float: right;
+
.graytable .divider, .grayinfobox .divider, .graytable .header, .grayinfobox .header {
    clear: right;
+
  text-align: center !important;
    margin: 0 0 0.5em 0.5em
 
 
}
 
}
  
.blueinfobox {
+
.bluetable .header, .bluetable .divider, .blueinfobox .header { background: #ccf; }
    background: #f8f8ff
+
.graytable .header, .graytable .divider, .grayinfobox .header { background: #d2d2d2; }
}
+
.blueinfobox .divider { background: #eef; }
 +
.grayinfobox .divider { background: #f0f0f0; }
  
.grayinfobox {
+
.normalbg { background: rgb(183,173,150); color: white; }
    background: #f8f8f8
+
.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; }
  
.bluetable,.blueinfobox {
+
/* Реализация шаблона Roundy */
    border: 1px solid #88a
+
table.roundy, td.roundy
 +
{
 +
-moz-border-radius:10px;
 +
-webkit-border-radius:10px;
 +
border-radius:10px;
 
}
 
}
  
.graytable,.grayinfobox {
+
table.center, td.center
    border: 1px solid #999
+
{
 +
text-align:center;
 
}
 
}
  
.bluetable td,.bluetable th,.blueinfobox td,.blueinfobox th {
+
span.versiondata, span.wordvariant { display:none; }
    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 {
+
body
     padding: 2px
+
{
 +
     background-color:transparent !important;
 
}
 
}
 
+
div#content, #p-cactions li a, #footer
.bluetable td,.bluetable th,.blueinfobox td,.blueinfobox th {
+
{
     border: 1px solid #88a
+
     background-color:rgba(255,255,255,0.5) !important;
 
}
 
}
 
+
div#content
.graytable td,.graytable th,.grayinfobox td,.grayinfobox th {
+
{
     border: 1px solid #999
+
    float:none;
 +
    margin-top:54px;
 +
     border:1px solid black;
 +
    margin-left:0px;
 
}
 
}
  
.bluetable th {
+
h1, h2, h3, h4, h5, h6
     background: #ccf
+
{
 +
     border-color: black;
 
}
 
}
  
.graytable th {
+
#p-logo, #pt-logout
     background: #d2d2d2
+
{
 +
     display: none !important;
 
}
 
}
 
+
#column-one
.bluetable th:first-child,.graytable th:first-child,.blueinfobox th,.grayinfobox th {
+
{
     text-align: right
+
    position:absolute;
 +
    width:100%;
 +
    height:200px;
 +
    top:0px;
 +
    left:0px;
 +
    padding:0px !important;
 +
     margin:0px;
 
}
 
}
 
+
.generated-sidebar, #p-search, #p-tb, #p-navigation
.bluetable .divider,.blueinfobox .divider,.bluetable .header,.blueinfobox .header,.graytable .divider,.grayinfobox .divider,.graytable .header,.grayinfobox .header {
+
{
     text-align: center !important
+
     position:relative;
 +
    display:inline;
 +
    padding:0px;
 +
    margin:0px;
 +
    z-index:10;
 
}
 
}
 
+
.generated-sidebar h5, #p-search h5, #p-tb h5, #p-navigation h5
.bluetable .header,.bluetable .divider,.blueinfobox .header {
+
{
    background: #ccf
+
font-weight:bold;
}
+
font-family:Helvetica, tahoma;
 
 
.graytable .header,.graytable .divider,.grayinfobox .header {
 
    background: #d2d2d2
 
 
}
 
}
 
+
.pBody
.blueinfobox .divider {
+
{
     background: #eef
+
     width:130px;
 +
    position:absolute;
 +
    top:14px;
 +
    left:0px;
 +
    z-index:100;
 +
    display:none;
 
}
 
}
 
+
#p-search .pBody
.grayinfobox .divider {
+
{
     background: #f0f0f0
+
     width:200px !important;
 +
    text-align:left;
 
}
 
}
 
+
#p-search .pBody #searchInput
.normalbg {
+
{
     background: rgb(183,173,150);
+
     display:block;
     color: white
+
    width:100%;
 +
     margin-left:auto;
 +
    margin-right:auto;
 
}
 
}
 
+
.generated-sidebar:hover .pBody, #p-search:hover .pBody, #p-tb:hover .pBody
.fightingbg {
+
{
    background: rgb(192,48,40);
+
    display:block;
    color: white
 
 
}
 
}
 
+
#p-personal .pBody
.flyingbg {
+
{
    background: rgb(168,144,240);
+
     display:block;
    color: white
+
     position:static;
}
+
     padding-top:15px;
 
+
     text-align:right;
.poisonbg {
+
     width:60%;
    background: rgb(160,64,160);
+
     margin-left:auto;
    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
 
}
 
 
 
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
 
 
}
 
}
 
+
#p-cactions .pBody
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
 
}
 
 
 
div#searchBody {
 
 
     display:block;
 
     display:block;
     position: absolute;
+
     padding:0px;
     margin-left: -280px;
+
     margin-top:20px;
     padding-left: 5px;
+
     text-align:left;
    margin-top: -5px;
+
     background-color:transparent;
     padding: 0; border: 0; outline: none; background-color: transparent;
+
     width:100%;
    z-index: 0;
+
     position:static;
}
 
 
 
#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
#p-cactions .pBody {
+
{
     display: block;
+
     left:10px;
    padding: 0px;
 
    margin-top: 20px;
 
    text-align: left;
 
    background-color: transparent;
 
    width: 100%;
 
    position: static
 
 
}
 
}
 
+
#p-cactions li
#p-cactions {
+
{
     left: 10px
+
     border-top-color:black;
 +
    border-right-color:black;
 +
    border-left-color:black;
 +
    padding-bottom:3px;
 
}
 
}
 
+
#p-cactions li.selected
#p-cactions li {
+
{
     border-top-color: black;
+
     border-top-color:gray;
     border-right-color: black;
+
     border-right-color:gray;
     border-left-color: black;
+
     border-left-color:gray;
    padding-bottom: 3px
 
 
}
 
}
  
#p-cactions li.selected {
+
.pBody a
    border-top-color: gray;
+
{
    border-right-color: gray;
+
     color:black !important;
    border-left-color: gray
 
}
 
 
 
.pBody a {
 
     color: black !important
 
 
}
 
}
  
 +
/* Автоматически округленная таблица */
 
.roundtable {
 
.roundtable {
    border-collapse: separate;
+
  border-collapse: separate;
    border-radius: 10px;
+
  border-radius: 10px;
    padding-bottom: 4px
+
  padding-bottom: 4px;
 
}
 
}
  
 
.roundtable td {
 
.roundtable td {
    background-color: white
+
  background-color: white;
 
}
 
}
  
 
.roundtable tr:first-child th:first-child {
 
.roundtable tr:first-child th:first-child {
    border-top-left-radius: 5px
+
  border-top-left-radius: 5px;
 
}
 
}
  
 
.roundtable tr:first-child th:last-child {
 
.roundtable tr:first-child th:last-child {
    border-top-right-radius: 5px
+
  border-top-right-radius: 5px;
 
}
 
}
  
.blacklinks a,.blacklinks a:link,.blacklinks a:visited,.blacklinks a:hover,.blacklinks a:active,.blacklinks a span {
+
/* Link color override */
    color: black !important
+
.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 {
+
.whitelinks a, .whitelinks a:link, .whitelinks a:visited, .whitelinks a:hover, .whitelinks a:active, .whitelinks a span {
    color: white !important
+
  color: white !important;
 
}
 
}
  
 +
/* cutting down on the usage of Template:Roundy with div and table classes for use in larger pages. */
 
.roundy {
 
.roundy {
    border-radius: 10px;
+
border-radius: 10px;
    -moz-border-radius: 10px;
+
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
+
-webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
+
-khtml-border-radius: 10px;
    -icab-border-radius: 10px;
+
-icab-border-radius: 10px;
    -o-border-radius: 10px
+
-o-border-radius: 10px;
 
}
 
}
  
 
.roundytl {
 
.roundytl {
    border-top-left-radius: 10px;
+
border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
+
-moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
+
-webkit-border-top-left-radius: 10px;
    -khtml-border-top-left-radius: 10px;
+
-khtml-border-top-left-radius: 10px;
    -icab-border-top-left-radius: 10px;
+
-icab-border-top-left-radius: 10px;
    -o-border-top-left-radius: 10px
+
-o-border-top-left-radius: 10px;
 
}
 
}
  
 
.roundytr {
 
.roundytr {
    border-top-right-radius: 10px;
+
border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
+
-moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
+
-webkit-border-top-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
+
-khtml-border-top-right-radius: 10px;
    -icab-border-top-right-radius: 10px;
+
-icab-border-top-right-radius: 10px;
    -o-border-top-right-radius: 10px
+
-o-border-top-right-radius: 10px;
 
}
 
}
  
 
.roundybl {
 
.roundybl {
    border-bottom-left-radius: 10px;
+
border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
+
-moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
+
-webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
+
-khtml-border-bottom-left-radius: 10px;
    -icab-border-bottom-left-radius: 10px;
+
-icab-border-bottom-left-radius: 10px;
    -o-border-bottom-left-radius: 10px
+
-o-border-bottom-left-radius: 10px;
 
}
 
}
  
 
.roundybr {
 
.roundybr {
    border-bottom-right-radius: 10px;
+
border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
+
-moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
+
-webkit-border-bottom-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
+
-khtml-border-bottom-right-radius: 10px;
    -icab-border-bottom-right-radius: 10px;
+
-icab-border-bottom-right-radius: 10px;
    -o-border-bottom-right-radius: 10px
+
-o-border-bottom-right-radius: 10px;
 
}
 
}
  
 
.roundybottom {
 
.roundybottom {
    border-bottom-left-radius: 10px;
+
border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
+
border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
+
-moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
+
-moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-left-radius: 10px;
+
-webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
+
-webkit-border-bottom-right-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
+
-khtml-border-bottom-left-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
+
-khtml-border-bottom-right-radius: 10px;
    -icab-border-bottom-left-radius: 10px;
+
-icab-border-bottom-left-radius: 10px;
    -icab-border-bottom-right-radius: 10px;
+
-icab-border-bottom-right-radius: 10px;
    -o-border-bottom-left-radius: 10px;
+
-o-border-bottom-left-radius: 10px;
    -o-border-bottom-right-radius: 10px
+
-o-border-bottom-right-radius: 10px;
 
}
 
}
  
 
.roundytop {
 
.roundytop {
    border-top-left-radius: 10px;
+
border-top-left-radius: 10px;
    border-top-right-radius: 10px;
+
border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
+
-moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
+
-moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius: 10px;
+
-webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
+
-webkit-border-top-right-radius: 10px;
    -khtml-border-top-left-radius: 10px;
+
-khtml-border-top-left-radius: 10px;
    -khtml-border-top-right-radius: 10px;
+
-khtml-border-top-right-radius: 10px;
    -icab-border-top-left-radius: 10px;
+
-icab-border-top-left-radius: 10px;
    -icab-border-top-right-radius: 10px;
+
-icab-border-top-right-radius: 10px;
    -o-border-top-left-radius: 10px;
+
-o-border-top-left-radius: 10px;
    -o-border-top-right-radius: 10px
+
-o-border-top-right-radius: 10px;
 
}
 
}
  
 
.roundyleft {
 
.roundyleft {
    border-top-left-radius: 10px;
+
border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
+
border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
+
-moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
+
-moz-border-radius-bottomleft: 10px;
    -webkit-border-top-left-radius: 10px;
+
-webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
+
-webkit-border-bottom-left-radius: 10px;
    -khtml-border-top-left-radius: 10px;
+
-khtml-border-top-left-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
+
-khtml-border-bottom-left-radius: 10px;
    -icab-border-top-left-radius: 10px;
+
-icab-border-top-left-radius: 10px;
    -icab-border-bottom-left-radius: 10px;
+
-icab-border-bottom-left-radius: 10px;
    -o-border-top-left-radius: 10px;
+
-o-border-top-left-radius: 10px;
    -o-border-bottom-left-radius: 10px
+
-o-border-bottom-left-radius: 10px;
 
}
 
}
  
 
.roundyright {
 
.roundyright {
    border-bottom-right-radius: 10px;
+
border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
+
border-top-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
+
-moz-border-radius-bottomright: 10px;
    -moz-border-radius-topright: 10px;
+
-moz-border-radius-topright: 10px;
    -webkit-border-bottom-right-radius: 10px;
+
-webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
+
-webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
+
-khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
+
-khtml-border-top-right-radius: 10px;
    -icab-border-bottom-right-radius: 10px;
+
-icab-border-bottom-right-radius: 10px;
    -icab-border-top-right-radius: 10px;
+
-icab-border-top-right-radius: 10px;
    -o-border-bottom-right-radius: 10px;
+
-o-border-bottom-right-radius: 10px;
    -o-border-top-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 {
 
.hoverexpand {
    height: 18px;
+
height: 18px;
    padding: 2px;
+
padding: 2px;
    overflow: hidden;
+
overflow: hidden;
    *overflow: visible;
+
*overflow: visible;
    _overflow: visible
+
_overflow: visible;
 
}
 
}
  
 
.hoverexpand:hover {
 
.hoverexpand:hover {
    height: 100% !important;
+
height: 100% !important;
    overflow: visible
+
overflow: visible;
}
 
 
 
#footer-poweredbyico {
 
    display: none
 
 
}
 
}
  
.usermessage {
+
/* Футер */
    background: repeat-x scroll left top;
+
#footer-poweredbyico { display: none; }
    color: #FFFFFF;
 
    font-weight: bold;
 
    margin: 2em 0em 1em 0em;
 
    padding: 0.5em 1em 0.5em 1em;
 
    vertical-align: middle
 
}
 
 
 
body {
 
    background: #FFFFE0
 
}
 
 
 
#p-lang {
 
    display: none
 
}
 
 
 
#p-navigation .pBody {
 
    -moz-border-radius: 0.75em
 
}
 
 
 
#p-interaction .pBody {
 
    -moz-border-radius: 0.75em
 
}
 
 
 
#p-tb .pBody {
 
    -moz-border-radius: 0.75em
 
}
 
 
 
input[type="radio"],input[type="checkbox"] {
 
    border: none
 
}
 
 
 
input[type="text"],input[type="submit"],textarea {
 
    -moz-border-radius: 0.25em;
 
    input[type="text"],input[type="submit"],textarea,pre,#toc {
 
        -moz-border-radius: 2px;
 
        #p-cactions li {
 
            -moz-border-radius-topleft: 12px;
 
            -moz-border-radius-topright: 12px;
 
            background-color: DarkKhaki
 
        }
 
 
 
        #p-cactions li a {
 
            background: #FFFFE0 !important;
 
            padding-bottom: 1px
 
        }
 
 
 
        #p-cactions #ca-editfirst a {
 
            padding-left: .4em;
 
            padding-right: .4em
 
        }
 
 
 
        #footer {
 
            margin-left: 13.6em;
 
            -moz-border-radius-bottomleft: 12px;
 
            -moz-border-radius-bottomright: 12px
 
        }
 
 
 
        .pBody {
 
            -moz-border-radius-topright: 12px;
 
            -moz-border-radius-bottomright: 12px;
 
            border-left: none 0 !important
 
        }
 

Версия 23:58, 20 августа 2021

/** Размещённый здесь 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;
    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:100%;
    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;
}

/* Автоматически округленная таблица */
.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; }