Difference between revisions of "MediaWiki:Monobook.css"

1,792 bytes added ,  20:38, 24 November 2022
no edit summary
 
(28 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* CSS placed here will affect users of the Monobook skin */
/* CSS placed here will affect users of the Monobook skin */


/* See also: [[MediaWiki:Common.css]] */
body{
background:#EAEAEA;
}
 
body.skin--responsive .mw-body{
background:#FFFFFF;
border:none;
padding:2em;
box-shadow:0 0 8px -4px #000000;
}
 
@media (prefers-color-scheme: dark){
body.skin--responsive .mw-body {
background: #282828;
color: #DEDEDE;
}
}


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


div.pBody
@media screen and (min-width: 551px){
{
div#column-content {
  background:#444444;
    margin: 0 0 0.6em -14.2em;
}
}
}


#p-cactions ul li, #p-cactions ul li a {
@media screen and (min-width: 551px){
  -moz-border-radius-topleft: 1em;
body.skin--responsive #p-cactions {
  -moz-border-radius-topright: 1em;
left:13.5em;
top:2.3em;
}
}
}


div#content {  
/**********************************************
  -moz-border-radius-topleft: 1em;
**
  -moz-border-radius-bottomleft: 1em;
** ACTION TABS
  border: 4px solid silver;  
**
  background:#D9D9D9;
**********************************************/
 
@media screen and (min-width: 551px){
body.skin--responsive #p-cactions li.selected {
    box-shadow: 0 -2px 8px -4px #000000;
    border-top: #CC0000 3px solid;
}
}
}
div.pBody {
 
  -moz-border-radius-topright: 1em;
@media (prefers-color-scheme: dark){
  -moz-border-radius-bottomright: 1em;
body.skin--responsive #p-cactions li.selected {
  border: 4px ridge silver;  
background: #282828;
color: #FFFFFF;
}
}
}


#p-personal .pBody ul {
body.skin--responsive #p-cactions li.selected a{
background: #C0C0C0;
border:none;
        float: right;
background:#FFFFFF;
padding-left: 5px;
color:#181818;
height: 1.45em;
border-bottom: 2px solid #CC0000;
border-left: 2px solid #CC0000;
border-bottom-left-radius: 0.5em;
        box-shadow: 0px 0px 4px 2px #000000;
}
}


#p-personal li a{
@media (prefers-color-scheme: dark){
        color: #47B9EA;
body.skin--responsive #p-cactions li.selected a {
        font-weight: bold;
background: #282828;
color: #FFFFFF;
}
}
}


.portlet a {
body.skin--responsive #p-cactions li {
color: #47B9EA;
    border: none;
background: none;
    border-bottom: none;
    background: #282828;
    transition:.1s ease-in-out;
}
}


.portlet a:visited {
@media (prefers-color-scheme: dark){
color: #006ECB;
body.skin--responsive #p-cactions li {
background: none;
background: #505050;
}
}
}


div#footer {
body.skin--responsive #p-cactions li:hover{
background-color: #444444;
border-top:2px #CC0000 solid;
border: 2px solid #282828;  
box-shadow: 0 -2px 8px -4px #000000;
color: #C0C0C0;
}
}


/* Page Tabs */
body.skin--responsive #p-cactions li a{
#p-cactions li a{
position:relative;
border: 2px solid #CC0000;
font-weight:bold;
border-bottom: none;
        background: #505050;
        box-shadow: 0px 0px 4px 2px #000000;
        position: static;
        color: #47B9EA;
        font-weight: bold;
}
}


#p-cactions li.selected a{
body.skin--responsive #p-cactions li a, body.skin--responsive #p-cactions li a:hover{
border: 2px solid #282828;
color:#EDEDED;
        background-color: #C0C0C0;
background:none;
        color:#006ECB;
border:none;
box-shadow:none;
}
}
#p-cactions li a:hover {
 
z-index: 3;
/**********************************************
text-decoration: none;
**
background: #282828;
** PERSONAL LINKS
border: 2px solid #CC0000;
**
        color:#47B9EA;
**********************************************/
 
body.skin--responsive #p-personal .pBody ul a{
color:#47B9EA;
}
 
body.skin--responsive #p-personal .pBody ul {
height:unset;
    background: #444444;
    border-bottom: 2px solid #CC0000;
    border-left: none;
    border-bottom-left-radius: 0;
    box-shadow: 0 0 8px 0 #000000;
    padding: .25em 1em;
}
 
@media screen and (min-width: 551px){
li#pt-userpage, li#pt-anonuserpage {
    background-position: center left;
}
}
 
 
/**********************************************
**
** LEFT NAVIGATION
**
**********************************************/
@media screen and (min-width: 551px){
body.skin--responsive .portlet {
    border: 0;
    margin: 0 0.5em;
}
}
 
body.skin--responsive #sidebar .pBody {
    box-shadow: 0 0 8px -4px #000000;
    margin: 0.5em 0.2em;
}
 
body.skin--responsive #sidebar .pBody a{
color:#47B9EA;
}
 
@media screen and (min-width: 551px){
body.skin--responsive .pBody {
    background-color: #444444;
    padding: .5em;
}
body.skin--responsive #p-logo a, body.skin--responsive #p-logo a:hover{
background-size: contain;
}
}
 
 
 
/**********************************************
**
** FOOTER
**
**********************************************/
 
div#footer {
    background-color: #181818;
    border: none;
    color: #C0C0C0;
    box-shadow: 0 0 4px -1px #000000;
}
 
div#footer ul a{
color:#47B9EA;
}
}