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

Материал из ПокеВики
Перейти к: навигация, поиск
м (Отмена правки 83668, сделанной Mootagen (обсуждение))
 
(не показано 88 промежуточных версий 2 участников)
Строка 110: Строка 110:
 
{
 
{
 
     float:none;
 
     float:none;
     margin-top:54px;
+
     margin-top:53px;
 
     border:1px solid black;
 
     border:1px solid black;
 
     margin-left:0px;
 
     margin-left:0px;
Строка 136: Строка 136:
 
.generated-sidebar, #p-search, #p-tb, #p-navigation
 
.generated-sidebar, #p-search, #p-tb, #p-navigation
 
{
 
{
     position:fixed;
+
     position:relative;
 
     display:inline;
 
     display:inline;
 
     padding:0px;
 
     padding:0px;
 
     margin:0px;
 
     margin:0px;
 +
}
 +
.generated-sidebar, #p-tb, #p-navigation
 +
{
 
     z-index:10;
 
     z-index:10;
 +
}
 +
#p-search
 +
{
 +
    z-index:5;
 
}
 
}
 
.generated-sidebar h5, #p-search h5, #p-tb h5, #p-navigation h5
 
.generated-sidebar h5, #p-search h5, #p-tb h5, #p-navigation h5
Строка 151: Строка 158:
 
     width:130px;
 
     width:130px;
 
     position:absolute;
 
     position:absolute;
     top:14px;
+
     top:12px;
 
     left:0px;
 
     left:0px;
 
     z-index:100;
 
     z-index:100;
 
     display:none;
 
     display:none;
 
}
 
}
#p-search .pBody
+
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"]
 
{
 
{
     width:200px !important;
+
    display:none;
     text-align:left;
+
}
 +
#p-search .pBody {
 +
     width: 250px !important;
 +
     text-align: left
 
}
 
}
#p-search .pBody #searchInput
+
 
{
+
#p-search .pBody #searchInput {
    display:block;
+
     width: 48%;
     width:100%;
+
     margin-left: auto;
     margin-left:auto;
+
     margin-right: auto
     margin-right:auto;
 
 
}
 
}
 
.generated-sidebar:hover .pBody, #p-search:hover .pBody, #p-tb:hover .pBody
 
.generated-sidebar:hover .pBody, #p-search:hover .pBody, #p-tb:hover .pBody
Строка 172: Строка 190:
 
     display:block;
 
     display:block;
 
}
 
}
#p-personal .pBody
+
#p-personal .pBody {
{
+
     display: block;
     display:block;
+
     position: static;
     position:static;
+
     text-align: right;
    padding-top:15px;
+
     width: 60%;
     text-align:right;
+
     margin-left: auto
     width:60%;
 
     margin-left:auto;
 
 
}
 
}
 
#p-cactions .pBody
 
#p-cactions .pBody

Текущая версия на 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; }