MediaWiki:Common.css

Материал из ПокеВики
Перейти к: навигация, поиск
/** Размещённый здесь 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
}

/* Реализация шаблона 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;
}

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