Difference between revisions of "MediaWiki:Monobook.css"

no edit summary
 
(14 intermediate revisions by the same user not shown)
Line 5: Line 5:
}
}


.mw-body{
body.skin--responsive .mw-body{
background:#FFFFFF;
background:#FFFFFF;
border:none;
border:none;
padding:2em;
padding:2em;
box-shadow:0 0 8px -4px #000000;
box-shadow:0 0 8px -4px #000000;
}
@media (prefers-color-scheme: dark){
body.skin--responsive .mw-body {
background: #282828;
color: #DEDEDE;
}
}
}


@media screen and (min-width: 551px){
@media screen and (min-width: 551px){
.mw-body{
body.skin--responsive .mw-body{
margin:3.8em 0 0 13.7em;
margin:3.8em 0 0 13.7em;
}
}
Line 25: Line 32:


@media screen and (min-width: 551px){
@media screen and (min-width: 551px){
#p-cactions {
body.skin--responsive #p-cactions {
left:13.5em;
left:13.5em;
top:2.3em;
top:2.3em;
Line 38: Line 45:


@media screen and (min-width: 551px){
@media screen and (min-width: 551px){
#p-cactions li.selected {
body.skin--responsive #p-cactions li.selected {
    box-shadow: 0 -2px 8px -4px #000000;
    box-shadow: 0 -2px 8px -4px #000000;
    border-top: #CC0000 3px solid;
    border-top: #CC0000 3px solid;
Line 44: Line 51:
}
}


#p-cactions li.selected a{
@media (prefers-color-scheme: dark){
body.skin--responsive #p-cactions li.selected {
background: #282828;
color: #FFFFFF;
}
}
 
body.skin--responsive #p-cactions li.selected a{
border:none;
border:none;
background:#FFFFFF;
background:#FFFFFF;
color:#181818;
}
}


#p-cactions li {
@media (prefers-color-scheme: dark){
body.skin--responsive #p-cactions li.selected a {
background: #282828;
color: #FFFFFF;
}
}
 
body.skin--responsive #p-cactions li {
     border: none;
     border: none;
     border-bottom: none;
     border-bottom: none;
Line 56: Line 78:
}
}


#p-cactions li:hover{
@media (prefers-color-scheme: dark){
body.skin--responsive #p-cactions li {
background: #505050;
}
}
 
body.skin--responsive #p-cactions li:hover{
border-top:2px #CC0000 solid;
border-top:2px #CC0000 solid;
box-shadow: 0 -2px 8px -4px #000000;
box-shadow: 0 -2px 8px -4px #000000;
}
}


#p-cactions li a{
body.skin--responsive #p-cactions li a{
position:relative;
position:relative;
font-weight:bold;
}
}


#p-cactions li a, #p-cactions li a:hover{
body.skin--responsive #p-cactions li a, body.skin--responsive #p-cactions li a:hover{
color:#EDEDED;
color:#EDEDED;
background:none;
background:none;
Line 78: Line 107:
**********************************************/
**********************************************/


#p-personal .pBody ul {
body.skin--responsive #p-personal .pBody ul a{
color:#47B9EA;
}
 
body.skin--responsive #p-personal .pBody ul {
height:unset;
height:unset;
     background: #444444;
     background: #444444;
Line 101: Line 134:
**********************************************/
**********************************************/
@media screen and (min-width: 551px){
@media screen and (min-width: 551px){
.portlet {
body.skin--responsive .portlet {
    border: 0;
    border: 0;
    margin: 0 0.5em;
    margin: 0 0.5em;
    width: 12.6em;
}
}
}
}


#sidebar .pBody {
body.skin--responsive #sidebar .pBody {
     box-shadow: 0 0 8px -4px #000000;
     box-shadow: 0 0 8px -4px #000000;
     margin: 0.5em 0.2em;
     margin: 0.5em 0.2em;
}
body.skin--responsive #sidebar .pBody a{
color:#47B9EA;
}
}


@media screen and (min-width: 551px){
@media screen and (min-width: 551px){
.pBody {
body.skin--responsive .pBody {
    background-color: #181818;
    background-color: #444444;
    padding: .5em;
    padding: .5em;
}
body.skin--responsive #p-logo a, body.skin--responsive #p-logo a:hover{
background-size: contain;
}
}
}
}


/**********************************************
/**********************************************
**
**
** ARTICLES
** FOOTER
**
**
**********************************************/
**********************************************/
h1#firstHeading {
    display: inline-block;
    clear: both;
    border-bottom: none;
    margin: .5em 0;
    text-transform: uppercase;
}
h1#firstHeading::after {
    margin-top: 0.1em;
    content: '';
    background: #CC0000;
    width: 100%;
    height: 0.1em;
    display: block;
}


div#footer {
div#footer {
Line 148: Line 173:
     color: #C0C0C0;
     color: #C0C0C0;
     box-shadow: 0 0 4px -1px #000000;
     box-shadow: 0 0 4px -1px #000000;
}
div#footer ul a{
color:#47B9EA;
}
}