Difference between revisions of "MediaWiki:Monobook.css"

MyWikiBiz, Author Your Legacy — Saturday April 27, 2024
Jump to navigationJump to search
Line 1: Line 1:
 
/* CSS placed here will affect users of the Monobook skin */
 
/* CSS placed here will affect users of the Monobook skin */
 +
 +
/* replace the book in the background with something else */
 +
body {
 +
    background: Purple;
 +
}
 +
 +
/* make a few corners round, only supported by moz/firefox/other gecko browsers for now */
 +
#p-cactions ul li, #p-cactions ul li a { 
 +
  -moz-border-radius-topleft: 1em;
 +
  -moz-border-radius-topright: 1em;
 +
}
 +
#content {
 +
  -moz-border-radius-topleft: 1em;
 +
  -moz-border-radius-bottomleft: 1em;
 +
}
 +
div.pBody {
 +
  -moz-border-radius-topright: 1em;
 +
  -moz-border-radius-bottomright: 1em;
 +
}
 +
 +
/* same following the css3 draft specs, any browsers supporting this? */
 +
#p-cactions ul li, #p-cactions ul li a { 
 +
  border-radius-topleft: 1em;
 +
  border-radius-topright: 1em;
 +
}
 +
#content {
 +
  border-radius-topleft: 1em;
 +
  border-radius-bottomleft: 1em;
 +
}
 +
div.pBody {
 +
  border-radius-topright: 1em;
 +
  border-radius-bottomright: 1em;
 +
}
 +
  
 
/* the tagline */
 
/* the tagline */

Revision as of 08:59, 5 December 2006

/* CSS placed here will affect users of the Monobook skin */

/* replace the book in the background with something else */
body {
     background: Purple;
 }

/* make a few corners round, only supported by moz/firefox/other gecko browsers for now */
#p-cactions ul li, #p-cactions ul li a {  
  -moz-border-radius-topleft: 1em;
  -moz-border-radius-topright: 1em;
}
#content { 
  -moz-border-radius-topleft: 1em; 
  -moz-border-radius-bottomleft: 1em;
}
div.pBody {
  -moz-border-radius-topright: 1em;
  -moz-border-radius-bottomright: 1em;
}

/* same following the css3 draft specs, any browsers supporting this? */
#p-cactions ul li, #p-cactions ul li a {  
  border-radius-topleft: 1em;
  border-radius-topright: 1em;
}
#content { 
  border-radius-topleft: 1em;
  border-radius-bottomleft: 1em;
}
div.pBody {
  border-radius-topright: 1em;
  border-radius-bottomright: 1em;
}


/* the tagline */
#siteSub { 
    display: inline;
    font-size: 100%;
    font-weight: bold;
    color: #01459A;
    border-bottom-style: none;
}

#siteNotice {
    margin-top:5px;
    padding-left: 4px;
    font-style: italic;
    text-align: right;
}

/****************************/
/* BEGIN LIGHT BLUE SECTION */
/****************************/
/* Make all non-namespace pages have a light blue content area. This is done by
   setting the background color for all #content areas to light blue and then
   overriding it for any #content enclosed in a .ns-0 or .ns-100 (main & directory namespaces). I then
   do the same for the "tab" background colors. --Lupo */

#content {
    background: #F8FCFF; /* a light blue */
}

#content div.thumb {
    border-color: #F8FCFF;
}

.ns-0 * #content {
    background: white;
}

.ns-110 * #content {
    background: white;
}

#mytabs li {
    background: #F8FCFF;
}

.ns-0 * #mytabs li {
    background: white;
}

.ns-110 * #mytabs li {
    background: white;
}

#mytabs li a {
    background-color: #F8FCFF;
}

.ns-0 * #mytabs li a {
    background-color: white;
}

.ns-110 * #mytabs li a {
    background-color: white;
}

#p-cactions li a, #p-cactions li a:hover, #p-cactions li.selected a {
    background-color: #F8FCFF;
}

.ns-0 * #p-cactions li a {
    background-color: #fbfbfb;
}

.ns-110 * #p-cactions li a {
    background-color: #fbfbfb;
}

.ns-0 * #p-cactions li.selected a, .ns-0 * #p-cactions li a:hover {
    background-color: white;
}

.ns-110 * #p-cactions li.selected a, .ns-0 * #p-cactions li a:hover {
    background-color: white;
}

.ns-0 * #content div.thumb {
    border-color: white;
}

.ns-110 * #content div.thumb {
    border-color: white;
}

/**************************/
/* END LIGHT BLUE SECTION */
/**************************/