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

Версия 19:11, 20 января 2014

/* Размещённый здесь CSS будет применяться к теме оформления Новопедии */
body, #mw-page-base {
    background-color: rgb(217, 219, 221);
    background-image: none;
}

ul {
    list-style-image: none;
}

div#mw-panel div.portal {
    border: 1px solid rgb(140, 140, 140);
    background-color: rgb(140, 140, 140);
    padding-bottom: 0.25em;
    padding-top: 0.4em;
    margin-bottom: 0.75em;
}

div#mw-panel div.portal h3 {
    padding: 0px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-size: 1em;
    font-family: wf_SegoeUISemibold;
}

div#mw-panel div.portal div.body {
    background-image: none;
    margin: 0px 0px 0px 0.7em;
    padding-top: 0.15em;
    font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    font-size: 1.1em;
}

div#mw-panel div.portal div.body ul li a {
    color: white;
}

div#mw-panel div.portal div.body ul li a:visited,
div#content a:visited {
    color: rgb(222,222,222);
}

div#content {
    background-color: rgb(140, 140, 140);
    border: none;
    color: white;
    font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
}

#content a {
    color: rgb(149, 222, 255) !important;
    text-decoration: none;
}

#content a.new {
    color: rgb(220, 160, 160) !important;
    text-decoration: none;
}

#mw-content-text a:hover {
    border-bottom: 1px solid color: rgb(160, 240, 160) !important;
}

#mw-content-text a.new:hover {
    border-bottom: 1px solid rgb(225, 50, 50);
}

div#content a.external {
    background:none !important; padding:0 !important;
}

div#content a.external:hover {
    border-bottom: 1px solid rgb(100,100,195);
}

.history-deleted {
    color: rgb(222, 222, 222) !important;
}

div#catlinks a, div#catlinks a.new {
    font-style: normal;
    color: white !important;
}

div#bodyContent {
    line-height: 1.75em;
    font-size: 0.95em;
}

div#footer {
    margin-left: 15em;
}

div#footer ul li {
    font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    color: rgb(125, 125, 125);
    font-size: 0.85em;
    margin-right:2em;
    padding-left:0.45em;
}

div#footer ul li a, div#footer ul li a:visited {
    color: rgb(125, 125, 125);
}

h1, h2, h3, h4, h5, h6 {
    border: none;
    font-family: "wf_SegoeUILight","Segoe UI Light","Segoe Light","Segoe WP Light","Tahoma","Verdana","Arial","sans-serif";
    color: white;
}


h2 {
    font-size:24px;
}

h3 {
    font-size:21px;
    font-weight:normal;
    padding-top: 2px;
}

h4 {
    font-size:18px;
    font-weight:normal;
    padding-top: 7px;
}

#firstHeading {
    font-size: 1.75em;
}

fieldset {
    border: 1px solid rgb(222, 222, 222);
}

legend {
    font-size: 110%;
}

input[type="submit"] {
    background-color: white;
    border: none;
    color: rgb(140, 140, 140);
    font-weight: 100;
    line-height: 10px;
    padding: 2px 6px;
}

#searchInput {
    font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
    color: rgb(33, 33, 33);
    border: 1px solid rgb(186, 186, 186);
    background-color: rgba(255, 255, 255, 0.8);
    padding: 2px 8px;
}

.searchButton {
    padding: 2px 8px;
}

div.vectorTabs ul li {
    background-image: none;
    background-color: transparent;
    margin-left: 0.75em;
    font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
    font-size: 1.15em;
}

div.vectorTabs li {
    border: 1px solid transparent;
}

div.vectorTabs li.selected {
    background-image: none;
    background-color: transparent;
    border: 1px solid rgb(140, 140, 140);
}

div.vectorTabs, div.vectorTabs ul, div.vectorTabs span, div.vectorMenu h3 a {
    background-image: none;
}

div.vectorTabs span a {
    padding-top: 0.75em;
}

#content {
    margin: 0px 2.5em 0px 15.2em !important;
}

#mw-panel {
    margin-left:2em;
}

#left-navigation {
    left: 15.2em;
    top: 0.5em;
}

#right-navigation {
    margin-right: 2.5em;
    margin-top: 0.5em;
}

#pt-userpage, #pt-anonuserpage, #pt-login {
    background: none;
    padding-left: 0px !important;
}

#pt-userpage:before {
    content: "Вы — ";
}

#mw-page-base {
    height: 3em;
}

.catlinks {
    border: none;
    background-color: rgb(180, 180, 180);
    padding: 5px 12px;
}

div.thumbinner, #toc, .toc {
    background-color: transparent;
}

#toc a, .toc a {
    font-style: normal !important;
    color: white !important;
}

.mw-plusminus-pos, .mw-plusminus-neg, .mw-plusminus-null {
    color: white;
}

.navtemplate-table {background-color:rgb(140,140,140); border:1px solid darkgrey; width:100%; margin-top: .8em; line-height: 1.3em; font-size:14px}
.navtemplate-table a {text-decoration: none !important; font-style: normal !important }
.navtemplate-table-header {font-size:108%; font-weight:bold; color:white}
.navtemplate-edit {float:right; margin-right:0.4em}
.navtemplate-header {text-align:center; background-color:rgb(175, 175, 175)}
.navtemplate-group {text-align:center; width:15%; text-weight:bold;background-color:rgb(175, 175, 175);padding: 0.25em 0.5em;}
.navtemplate-text {padding-left: .3em; text-align:left;background-color:rgb(175, 175, 175);padding: 0.25em 0.5em;}

.dynnav-body { margin-top:1.4em }
.dynnav-table { clear:both; width:94%; border: 1px solid rgb(170, 170, 170); background-color: rgb(180, 180, 180); padding: 5px; }
.dynnav-header { text-align:center; background-color:rgb(140, 140, 140) }
.dynnav-header-text { font-size: 115%; font-weight: bold }

.invisible { display:none }
 
.dynnav-button { margin: 0 0.25em 0.2em; font-size: 16px; border: 0 !important; padding:0.15em 0.4em; white-space: nowrap }
.dynnav-button a { text-decoration: underline !important; font-style: normal !important }
.dynnav-button a:hover { text-decoration: none !important; border-bottom: none !important }
.dynnav-button a:visited { color: white !important }
#dynnav-buttons { text-align:center; line-height: 1.8 }
#dynnav-buttons a, #content .navtemplate-table a, #content .navtemplate-table a.new { color: white !important }
.dynnav-button-active { background-color: rgb(140, 140, 140); font-weight: bold }
.dynnav-button-active a, .dynnav-button-active a:hover { text-decoration: none !important }
.dynnav-header .dynnav-button a { text-decoration: none !important }

.addthis_default_style .at300b {
    padding: 0px 3px;
}

html .thumbimage {
    border: none;
}

div.magnify {
    display: none;
}

/* 
 *
 * 
*/
/*
 * Инфобоксы, описание в статье [[Summary]]
 */
 
div#p-summary p, div#p-summary dl,
div.p-summary p, div.p-summary dl {
  margin: 0;
}
 
div#p-summary dl, div.p-summary dl {
  clear: both;
}
 
div#p-summary, div#p-summary dl, div#p-summary dt,
div#p-summary dd, div#p-summary strong, div.p-summary,
div.p-summary dl, div.p-summary dt, div.p-summary dd,
div.p-summary strong, div.summarybox div.p-summary-title {
  line-height: 1;
  font-size: 14px;
}
 
div#p-summary dt, div#p-summary dd, div#p-summary div.p-summary-line,
div.p-summary dt, div.p-summary dd, div.p-summary div.p-summary-line,
div.summarybox div.p-summary-line {
  border-top: 1px solid #ddd;
  padding: 0.25em 0em 0.3em;
  display: block;
  position: relative;
  overflow: hidden;
}
 
div#p-summary, div.p-summary {
  float: right;
  clear: right;
  width: 316px;
  padding-top: 0.2em !important;
}
 
div#p-summary, div.p-summary, div.summarybox {
  padding: 0em 0.5em 0.5em 0.6em;
  margin: 0 0 1em 1em;
  border-left: 2px solid white;
}
 
div#p-summary div.thumbinner, div.p-summary div.thumbinner, div.summarybox div.thumbinner {
  border-color: #ddd;
}
 
div#p-summary img.thumbimage, div.p-summary img.thumbimage, div.summarybox img.thumbimage {
  border: none;
}
 
div#p-summary div.magnify, div.p-summary div.magnify, div.summarybox div.magnify {
  display: none;
}
 
div#p-summary ol, div.p-summary ol, div.summarybox ol {
  margin-left: 2em;
}
 
div#p-summary p br, div.p-summary p br {
  display: none;
}
 
div#p-summary dt, div#p-summary div.p-summary-left, div.p-summary dt,
div.p-summary div.p-summary-left {
  float: left;
  clear: both;
  width: 150px;
  font-weight: normal;
}
 
div#p-summary dd, div#p-summary div.p-summary-right, div.p-summary dd,
div.p-summary div.p-summary-right {
  float: right;
  clear: none;
  margin: 0;
  width: 152px;
}
 
div#p-summary strong, div.p-summary strong {
  display: block; 
  clear: both;
  padding: 0.75em 0;
}
 
div#p-summary strong.p-summary-title, div.p-summary strong.p-summary-title {
  padding: 0 0 0.25em;
  font-size: x-large;
}
 
div#p-summary div.p-summary-line, div.p-summary div.p-summary-line {
  clear: both;
}
 
.p-summary-tools, .p-summary-tools *, .p-summary-tools a, .p-summary-tools a:link,
.p-summary-tools a:active, .p-summary-tools a:hover, .p-summary-tools a:visited,
.p-summary-tools a:focus {
  color: rgb(202, 202, 202);
  list-style-type: none;
  list-style-image: none;
  font-size: 9pt;
  font-weight: normal;
}
 
div.summarybox .p-summary-title a, div.summarybox .p-summary-title a:link,
div.summarybox .p-summary-title a:active, div.summarybox .p-summary-title a:hover,
div.summarybox .p-summary-title a:visited, div.summarybox .p-summary-title a:focus {
  color: inherit;
}
 
.p-summary-tools ul {
  margin-left: 0.5em;
}
 
.p-summary-line .thumbcaption { display: none !important }
.p-summary sup.reference::before { content: " " }
.p-summary sup.reference { vertical-align:middle !important }
.p-summary sup.reference a { color: #006400 !important }

.p-summary .thumbinner {
    padding-bottom: 3px !important;
}

.reference a {
    font-style: normal !important;
}

#pagehistory li {
    border: none;
    padding-left: 0.25em;
}

#pagehistory li.selected {
    background-color: rgb(180, 180, 180);
    border: none;
}

#pagehistory a, ul.special a {
    font-style: normal !important;
}

.editsection a:hover {
    border-bottom: none !important
}

div.vectorTabs ul li {
    background-repeat: no-repeat;
    background-position: center center;
}

div.vectorTabs ul li a {
    color: transparent !important;
}

#ca-nstab-main {
    background-image: url("http://novopedia.net/w/skins/metronov/ns_article.png?1");
}

#ca-nstab-special {
    background-image: url("http://novopedia.net/w/skins/metronov/ns_special.png");
}

#ca-nstab-user {
    background-image: url("http://novopedia.net/w/skins/metronov/ns_user.png");
}

#ca-nstab-project {
    background-image: url("http://novopedia.net/w/skins/metronov/ns_project.png");
}

#ca-nstab-image {
    background-image: url("http://novopedia.net/w/skins/metronov/ns_file.png");
}

#ca-nstab-mediawiki, #ca-nstab-template {
    background-image: url("http://novopedia.net/w/skins/metronov/ns_code.png");
}

#ca-nstab-help {
    background-image: url("http://novopedia.net/w/skins/metronov/ns_page.png");
}

#ca-nstab-category {
    background-image: url("http://novopedia.net/w/skins/metronov/ns_category.png");
}

#ca-talk {
    background-image: url("http://novopedia.net/w/skins/metronov/ns_talk.png?1");
}

#ca-view {
    display: none;
}

#ca-edit {
    background-image: url("http://novopedia.net/w/skins/metronov/action_edit.png");
}

#ca-history {
    background-image: url("http://novopedia.net/w/skins/metronov/action_history.png");
}

#ca-viewsource {
    background-image: url("http://novopedia.net/w/skins/metronov/action_protected.png");
}

#ca-addsection {
    background-image: url("http://novopedia.net/w/skins/metronov/new_talk.png");
}

#p-cactions {
    margin-left: .4em;
}

div.thumbinner {
    padding-bottom: 0px !important;
}

html .thumbcaption {
    padding: 0px 5px 7px !important;
    margin: 0px 2px;
    line-height: 1.1em;
}

.thumbcaption p {
    margin-right: -5px;
    margin-top: -4px;
}

a.image + .thumbcaption {
    padding: 4px 5px 7px !important;
}

div.vectorMenu ul {
    background-color: rgb(217, 219, 221);
}

.ref-container { overflow: hidden; margin-top: 0.5em; margin-left: 0.62em; width: 55ex; padding: 4px 8px;
        background: rgb(210,210,210); position: absolute; display: none; z-index: 800; font-size: 14px }

table.diff {
    background-color: transparent;
}

h1#firstHeading .editsection {
    display:none;
}

td.diff-addedline, td.diff-deletedline { 
     background:#d9dadc; 
     border-color:#d9dadc;
     color: rgb(120,120,120);
}

td.diff-addedline .diffchange, td.diff-deletedline .diffchange {
    background-color: transparent;
    padding: 1px 0px;
    border-radius: 0px;    
}

td.diff-addedline .diffchange {    
    border: 1px solid rgb(100,190,100);
}

td.diff-deletedline .diffchange {
    border: 1px solid rgb(210,100,100);    
}

#preferences {
    background-color: transparent;
}

.autocomment {
    color: white;
    font-weight: bold;
}

code {
    background-color: transparent;
}

div.mw-search-formheader {
    background-color: rgb(180, 180, 180);
}

.mw-search-result-data {
    color: white;
}

blockquote {
    border: 1px solid #AAA;
    padding: 2px 8px;
}