MediaWiki:Monobook.css: Difference between revisions

From Mistipedia
Jump to navigationJump to search
No edit summary
No edit summary
Line 199: Line 199:
         padding: 0;
         padding: 0;
         list-style-image: url(bullet.gif);
         list-style-image: url(bullet.gif);
}
ol {
        line-height: 1.5em;
        margin: .3em 0 0 3.2em;
        padding: 0;
        list-style-image: none;
}
li {
        margin-bottom: .1em;
}
dt {
        font-weight: bold;
        margin-bottom: .1em;
}
dl {
        margin-top: .2em;
        margin-bottom: .5em;
}
dd {
        line-height: 1.5em;
        margin-left: 2em;
        margin-bottom: .1em;
}
fieldset {
        border: 1px solid #2f6fab;
        margin: 1em 0 1em 0;
        padding: 0 1em 1em;
        line-height: 1.5em;
}
fieldset.nested {
        margin: 0 0 0.5em 0;
        padding: 0 0.5em 0.5em;
}
legend {
        padding: .5em;
        font-size: 95%;
}
form {
        border: none;
        margin: 0;
}
textarea {
        width: 100%;
        padding: .1em;
}
input.historysubmit {
        padding: 0 .3em .3em .3em !important;
        font-size: 94%;
        cursor: pointer;
        height: 1.7em !important;
        margin-left: 1.6em;
}
select {
        vertical-align: top;
}
abbr, acronym, .explain {
        border-bottom: 1px dotted white;
        color: white;
        background: none;
        cursor: help;
}
q {
        font-family: Times, "Times New Roman", serif;
        font-style: italic;
}
/* disabled for now
blockquote {
        font-family: Times, "Times New Roman", serif;
        font-style: italic;
}*/
code {
        background-color: #000000;
}
pre {
        padding: 1em;
        border: 1px dashed #2f6fab;
        color: white;
        background-color: #000000;
        line-height: 1.1em;
}
/*
** the main content area
*/
#siteSub {
        display: none;
}
#jump-to-nav {
        display: none;
}
#contentSub, #contentSub2 {
        font-size: 84%;
        line-height: 1.2em;
        margin: 0 0 1.4em 1em;
        color: #7d7d7d;
        width: auto;
}
span.subpages {
        display: block;
}
/* Some space under the headers in the content area */
#bodyContent h1, #bodyContent h2 {
        margin-bottom: .6em;
}
#bodyContent h3, #bodyContent h4, #bodyContent h5 {
        margin-bottom: .3em;
}
#firstHeading {
        margin-bottom: .1em;
        /* These two rules hack around bug 2013 (fix for more limited bug 11325).
          When bug 2013 is fixed properly, they should be removed. */
        line-height: 1.2em;
        padding-bottom: 0;
}
/* user notification thing */
.usermessage {
        background-color: #ffce7b;
        border: 1px solid #ffa500;
        color: white;
        font-weight: bold;
        margin: 2em 0 1em;
        padding: .5em 1em;
        vertical-align: middle;
}
#siteNotice {
        text-align: center;
        font-size: 95%;
        padding: 0 0.9em;
}
#siteNotice p {
        margin: 0;
        padding: 0;
}
.catlinks {
        border: 1px solid #aaa;
        background-color: #000000;
        padding: 5px;
        margin-top: 1em;
        clear: both;
}
/* currently unused, intended to be used by a metadata box
in the bottom-right corner of the content area */
.documentDescription {
        /* The summary text describing the document */
        font-weight: bold;
        display: block;
        margin: 1em 0;
        line-height: 1.5em;
}
.documentByLine {
        text-align: right;
        font-size: 90%;
        clear: both;
        font-weight: normal;
        color: #76797c;
}
/* emulate center */
.center {
        width: 100%;
        text-align: center;
}
*.center * {
        margin-left: auto;
        margin-right: auto;
}
/* small for tables and similar */
.small, .small * {
        font-size: 94%;
}
table.small {
        font-size: 100%;
}
#toc,
.toc,
.mw-warning {
        border: 1px solid #aaa;
        background-color: #000000;
        padding: 5px;
        font-size: 95%;
}
#toc h2,
.toc h2 {
        display: inline;
        border: none;
        padding: 0;
        font-size: 100%;
        font-weight: bold;
}
#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle {
        text-align: center;
}
#toc ul,
.toc ul {
        list-style-type: none;
        list-style-image: none;
        margin-left: 0;
        padding-left: 0;
        text-align: left;
}
#toc ul ul,
.toc ul ul {
        margin: 0 0 0 2em;
}
#toc .toctoggle,
.toc .toctoggle {
        font-size: 94%;
}
.mw-warning {
        margin-left: 50px;
        margin-right: 50px;
        text-align: center;
}
/* images */
div.floatright, table.floatright {
        clear: right;
        float: right;
        position: relative;
        margin: 0 0 .5em .5em;
        border: 0;
/*
        border: .5em solid white;
        border-width: .5em 0 .8em 1.4em;
*/
}
div.floatright p { font-style: italic; }
div.floatleft, table.floatleft {
        float: left;
        clear: left;
        position: relative;
        margin: 0 .5em .5em 0;
        border: 0;
/*
        margin: .3em .5em .5em 0;
        border: .5em solid white;
        border-width: .5em 1.4em .8em 0;
*/
}
div.floatleft p { font-style: italic; }
/* thumbnails */
div.thumb {
        margin-bottom: .5em;
        border-style: solid;
        border-color: black;
        width: auto;
}
div.thumbinner {
        border: 1px solid #ccc;
        padding: 3px !important;
        background-color: #000000;
        font-size: 94%;
        text-align: center;
        overflow: hidden;
}
html .thumbimage {
        border: 1px solid #ccc;
}
html .thumbcaption {
        border: none;
        text-align: left;
        line-height: 1.4em;
        padding: 3px !important;
        font-size: 94%;
}
div.magnify {
        float: right;
        border: none !important;
        background: none !important;
}
div.magnify a, div.magnify img {
        display: block;
        border: none !important;
        background: none !important;
}
div.tright {
        clear: right;
        float: right;
        border-width: .5em 0 .8em 1.4em;
}
div.tleft {
        float: left;
        clear: left;
        margin-right: .5em;
        border-width: .5em 1.4em .8em 0;
}
img.thumbborder {
        border: 1px solid #dddddd;
}
.hiddenStructure {
        display: none;
}
}

Revision as of 15:58, 4 November 2020

/* CSS placed here will affect users of the Monobook skin */
.catlinks ul {
 display: inline;
 margin: 0px;
 list-style: none;
 list-style-type: none;
 list-style-image: none;
 vertical-align: middle !ie;
}

.catlinks li {
 display: inline-block;
 line-height: 1.15em;
 padding: 0 .4em;
 border-left: 1px solid #AAA;
 margin: 0.1em 0;
 zoom: 1;
 display: inline !ie;
}

.catlinks li:first-child {
 padding-left: .2em;
 border-left: none;
}

.errorbox, .successbox { color: #FFF; }


#mw-allmessagestable .allmessages-customised td.am_default {
        background-color: #0c0f04;
}

#mw-allmessagestable tr.allmessages-customised:hover td.am_default {
        background-color: #0a0f00;
}

#mw-allmessagestable td.am_actual {
        background-color: #022f02;
}

#mw-allmessagestable tr.allmessages-customised:hover + tr.allmessages-customised td.am_actual {
        background-color: #013f01;
}

fieldset#mw-searchoptions {
        margin: 0;
        padding: 0.5em 0.75em 0.75em 0.75em !important;
        border: none;
        background-color: #090909;
        border: 1px solid silver !important;
        border-top-width: 0 !important;
}

.mw-search-formheader {
        background-color: #131313;
        margin-top: 1em;
        border: 1px solid silver;
}


.mw-search-interwiki-project {
        font-size: 97%;
        text-align: left;
        padding: 0.15em 0.15em 0.2em 0.2em;
        background-color: #1c1c1c;
        border-top: 1px solid #BBBBBB;
}
table.diff, td.diff-otitle, td.diff-ntitle {
background-color: #222222;
}
td.diff-context {
color: black;
}
td.diff-addedline {
color: gray;
}
td.diff-deletedline {
color: gray;
}

#pagehistory li.selected {
background-color: #333333;
}
#pagehistory li.selected.before {
background-color: #333333;
}
#pagehistory li.selected.after {
background-color: #333333;
}

#column-content {
        width: 100%;
        float: right;
        margin: 0 0 .6em -12.2em;
        padding: 0;
}
#content {
        margin: 2.8em 0 0 12.2em;
        padding: 0 1em 1em 1em;
        position: relative;
        z-index: 2;
}
#column-one {
        padding-top: 160px;
}
#content {
        background: black;
        color: white;
        border: 1px solid #aaa;
        border-right: none;
        line-height: 1.5em;
}
table {
        font-size: 100%;
        color: white;
        /* we don't want the bottom borders of <h2>s to be visible through
           floated tables */
        background-color: black;
}
fieldset table {
        /* but keep table layouts in forms clean... */
        background: none;
}
a {
        text-decoration: none;
        color: #304b88;
        background: none;
}
a:visited {
        color: #6a5666;
}
a:active {
        color: #faa700;
}
a:hover {
        text-decoration: underline;
}
a.stub {
        color: #772233;
}
a.new, #p-personal a.new {
        color: #ba0000;
}
a.new:visited, #p-personal a.new:visited {
        color: #a55858;
}

img {
        border: none;
        vertical-align: middle;
}
p {
        margin: .4em 0 .5em 0;

        line-height: 1.5em;
}
p img {
        margin: 0;
}

hr {
        height: 1px;
        color: #aaa;
        background-color: #aaa;
        border: 0;
        margin: .2em 0 .2em 0;
}

h1, h2, h3, h4, h5, h6 {
        color: white;
        background: none;
        font-weight: normal;
        margin: 0;
        padding-top: .5em;
        padding-bottom: .17em;
        border-bottom: 1px solid #aaa;
}
h1 { font-size: 188%; }
h1 .editsection { font-size: 53%; }
h2 { font-size: 150%; }
h2 .editsection { font-size: 67%; }
h3, h4, h5, h6 {
        border-bottom: none;
        font-weight: bold;
}
h3 { font-size: 132%; }
h3 .editsection { font-size: 76%; font-weight: normal; }
h4 { font-size: 116%; }
h4 .editsection { font-size: 86%; font-weight: normal; }
h5 { font-size: 100%; }
h5 .editsection { font-weight: normal; }
h6 { font-size: 80%;  }
h6 .editsection { font-size: 125%; font-weight: normal; }

ul {
        line-height: 1.5em;
        list-style-type: square;
        margin: .3em 0 0 1.5em;
        padding: 0;
        list-style-image: url(bullet.gif);
}
ol {
        line-height: 1.5em;
        margin: .3em 0 0 3.2em;
        padding: 0;
        list-style-image: none;
}
li {
        margin-bottom: .1em;
}
dt {
        font-weight: bold;
        margin-bottom: .1em;
}
dl {
        margin-top: .2em;
        margin-bottom: .5em;
}
dd {
        line-height: 1.5em;
        margin-left: 2em;
        margin-bottom: .1em;
}

fieldset {
        border: 1px solid #2f6fab;
        margin: 1em 0 1em 0;
        padding: 0 1em 1em;
        line-height: 1.5em;
}
fieldset.nested {
        margin: 0 0 0.5em 0;
        padding: 0 0.5em 0.5em;
}
legend {
        padding: .5em;
        font-size: 95%;
}
form {
        border: none;
        margin: 0;
}

textarea {
        width: 100%;
        padding: .1em;
}

input.historysubmit {
        padding: 0 .3em .3em .3em !important;
        font-size: 94%;
        cursor: pointer;
        height: 1.7em !important;
        margin-left: 1.6em;
}
select {
        vertical-align: top;
}
abbr, acronym, .explain {
        border-bottom: 1px dotted white;
        color: white;
        background: none;
        cursor: help;
}
q {
        font-family: Times, "Times New Roman", serif;
        font-style: italic;
}
/* disabled for now
blockquote {
        font-family: Times, "Times New Roman", serif;
        font-style: italic;
}*/
code {
        background-color: #000000;
}
pre {
        padding: 1em;
        border: 1px dashed #2f6fab;
        color: white;
        background-color: #000000;
        line-height: 1.1em;
}

/*
** the main content area
*/

#siteSub {
        display: none;
}
#jump-to-nav {
        display: none;
}

#contentSub, #contentSub2 {
        font-size: 84%;
        line-height: 1.2em;
        margin: 0 0 1.4em 1em;
        color: #7d7d7d;
        width: auto;
}
span.subpages {
        display: block;
}

/* Some space under the headers in the content area */
#bodyContent h1, #bodyContent h2 {
        margin-bottom: .6em;
}
#bodyContent h3, #bodyContent h4, #bodyContent h5 {
        margin-bottom: .3em;
}
#firstHeading {
        margin-bottom: .1em;
        /* These two rules hack around bug 2013 (fix for more limited bug 11325).
           When bug 2013 is fixed properly, they should be removed. */
        line-height: 1.2em;
        padding-bottom: 0;
}

/* user notification thing */
.usermessage {
        background-color: #ffce7b;
        border: 1px solid #ffa500;
        color: white;
        font-weight: bold;
        margin: 2em 0 1em;
        padding: .5em 1em;
        vertical-align: middle;
}
#siteNotice {
        text-align: center;
        font-size: 95%;
        padding: 0 0.9em;
}
#siteNotice p {
        margin: 0;
        padding: 0;
}

.catlinks {
        border: 1px solid #aaa;
        background-color: #000000;
        padding: 5px;
        margin-top: 1em;
        clear: both;
}
/* currently unused, intended to be used by a metadata box
in the bottom-right corner of the content area */
.documentDescription {
        /* The summary text describing the document */
        font-weight: bold;
        display: block;
        margin: 1em 0;
        line-height: 1.5em;
}
.documentByLine {
        text-align: right;
        font-size: 90%;
        clear: both;
        font-weight: normal;
        color: #76797c;
}

/* emulate center */
.center {
        width: 100%;
        text-align: center;
}
*.center * {
        margin-left: auto;
        margin-right: auto;
}
/* small for tables and similar */
.small, .small * {
        font-size: 94%;
}
table.small {
        font-size: 100%;
}
#toc,
.toc,
.mw-warning {
        border: 1px solid #aaa;
        background-color: #000000;
        padding: 5px;
        font-size: 95%;
}
#toc h2,
.toc h2 {
        display: inline;
        border: none;
        padding: 0;
        font-size: 100%;
        font-weight: bold;
}
#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle {
        text-align: center;
}
#toc ul,
.toc ul {
        list-style-type: none;
        list-style-image: none;
        margin-left: 0;
        padding-left: 0;
        text-align: left;
}
#toc ul ul,
.toc ul ul {
        margin: 0 0 0 2em;
}
#toc .toctoggle,
.toc .toctoggle {
        font-size: 94%;
}

.mw-warning {
        margin-left: 50px;
        margin-right: 50px;
        text-align: center;
}

/* images */
div.floatright, table.floatright {
        clear: right;
        float: right;
        position: relative;
        margin: 0 0 .5em .5em;
        border: 0;
/*
        border: .5em solid white;
        border-width: .5em 0 .8em 1.4em;
*/
}
div.floatright p { font-style: italic; }
div.floatleft, table.floatleft {
        float: left;
        clear: left;
        position: relative;
        margin: 0 .5em .5em 0;
        border: 0;
/*
        margin: .3em .5em .5em 0;
        border: .5em solid white;
        border-width: .5em 1.4em .8em 0;
*/
}
div.floatleft p { font-style: italic; }
/* thumbnails */
div.thumb {
        margin-bottom: .5em;
        border-style: solid;
        border-color: black;
        width: auto;
}
div.thumbinner {
        border: 1px solid #ccc;
        padding: 3px !important;
        background-color: #000000;
        font-size: 94%;
        text-align: center;
        overflow: hidden;
}
html .thumbimage {
        border: 1px solid #ccc;
}
html .thumbcaption {
        border: none;
        text-align: left;
        line-height: 1.4em;
        padding: 3px !important;
        font-size: 94%;
}
div.magnify {
        float: right;
        border: none !important;
        background: none !important;
}
div.magnify a, div.magnify img {
        display: block;
        border: none !important;
        background: none !important;
}
div.tright {
        clear: right;
        float: right;
        border-width: .5em 0 .8em 1.4em;
}
div.tleft {
        float: left;
        clear: left;
        margin-right: .5em;
        border-width: .5em 1.4em .8em 0;
}
img.thumbborder {
        border: 1px solid #dddddd;
}
.hiddenStructure {
        display: none;
}