MediaWiki:Monobook.css

From Sinz Family Wiki

(Difference between revisions)
Revision as of 03:49, 2 April 2006
Mks (Talk | contribs)

← Previous diff
Revision as of 03:52, 2 April 2006
Mks (Talk | contribs)

Next diff →
Line 33: Line 33:
/* needed if not already in place */ /* needed if not already in place */
li#pt-userpage { background: none } li#pt-userpage { background: none }
 +
 +/* Fix the sidebar's position while you scroll */
 +
 +div[id=column-one] { /* Using the attribute selector hides this from IE */
 + position: fixed;
 + height: 100%; /* If you shrink the browser too small, the side column will */
 + overflow: auto; /* become scrollable, so stuff is always accessible, albeit ugly */
 + z-index: 2;
 +}
 +
 +#p-lang .pBody ul{ /* Sets the language box to a fixed height and scrollable if too long to fit */
 + height: 10em;
 + overflow: auto;
 +}
 +
 +body { /* Fix the background image, too, so it looks nice as you scroll */
 + background-attachment: fixed;
 +}
 +
 +#footer { /* Fix the footer so it looks nice and doesn't overlap the sidebar */
 + margin-left: 13.6em;
 + border-left: solid 1px rgb(250, 189, 35);
 + /* Uncomment this if you use rounded edges: */
 +/*
 + -moz-border-radius-topleft: 1em;
 + -moz-border-radius-bottomleft: 1em;
 +*/
 +}

Revision as of 03:52, 2 April 2006

/* edit this file to customize the monobook skin for the entire site */


/* make a few corners round, only supported by moz/firefox/other gecko browsers for now */

  1. p-cactions ul li, #p-cactions ul li a {
 -moz-border-radius-topleft: 1em;
 -moz-border-radius-topright: 1em;

}

  1. content, #footer {
 -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? */

  1. p-cactions ul li, #p-cactions ul li a {
 border-radius-topleft: 1em;
 border-radius-topright: 1em;

}

  1. content {
 border-radius-topleft: 1em;
 border-radius-bottomleft: 1em;

} div.pBody {

 border-radius-topright: 1em;
 border-radius-bottomright: 1em;

}

/* suppress the person icon by your username */ /* needed if not already in place */ li#pt-userpage { background: none }

/* Fix the sidebar's position while you scroll */

div[id=column-one] { /* Using the attribute selector hides this from IE */

   position: fixed;
   height: 100%;     /* If you shrink the browser too small, the side column will */
   overflow: auto; /*   become scrollable, so stuff is always accessible, albeit ugly */
   z-index: 2;

}

  1. p-lang .pBody ul{ /* Sets the language box to a fixed height and scrollable if too long to fit */
   height: 10em;
   overflow: auto;

}

body { /* Fix the background image, too, so it looks nice as you scroll */

   background-attachment: fixed;

}

  1. footer { /* Fix the footer so it looks nice and doesn't overlap the sidebar */
   margin-left: 13.6em;
   border-left: solid 1px rgb(250, 189, 35);
   /* Uncomment this if you use rounded edges: */

/*

   -moz-border-radius-topleft: 1em; 
   -moz-border-radius-bottomleft: 1em; 
  • /

}

Personal tools