MediaWiki:Monobook.css

From Sinz Family Wiki

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

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

Next diff →
Line 60: Line 60:
-moz-border-radius-bottomleft: 1em; -moz-border-radius-bottomleft: 1em;
*/ */
 +}
 +
 +/* Transform the user toolbar into a sidebox */
 +#p-personal {
 + position:relative;
 + z-index:3;
 + width: 11.6em;
 +}
 +
 +#p-personal .pBody {
 + width: 10.7em;
 + border: none;
 + margin: 0 0 0.1em 0em;
 + float: none;
 + overflow: hidden;
 + font-size: 95%;
 + background: White;
 + border-collapse: collapse;
 + border: 1px solid #aaaaaa;
 + padding: 0 0.8em 0.3em .5em;
 +}
 +
 +#p-personal ul {
 + line-height: 1.5em;
 + list-style-type: square;
 + list-style-image: url("/style/monobook/bullet.gif");
 +
 + font-size:95%;
 + margin: 0 0 0 1.5em;
 + padding:0;
 + text-align:left;
 + text-transform: none;
 +}
 +
 +#p-personal li {
 + display: list-item;
 + padding:0;
 + margin: 0 0 0 0;
 + margin-bottom: 0.1em;
} }

Revision as of 03:53, 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; 
  • /

}

/* Transform the user toolbar into a sidebox */

  1. p-personal {
   position:relative;
   z-index:3;
   width: 11.6em;

}

  1. p-personal .pBody {
   width: 10.7em;
   border: none;
   margin: 0 0 0.1em 0em;
   float: none;
   overflow: hidden;
   font-size: 95%;
   background: White;
   border-collapse: collapse;
   border: 1px solid #aaaaaa;
   padding: 0 0.8em 0.3em .5em;

}

  1. p-personal ul {
   line-height: 1.5em;
   list-style-type: square;
   list-style-image: url("/style/monobook/bullet.gif");
   font-size:95%;
   margin: 0 0 0 1.5em;
   padding:0;
   text-align:left;
   text-transform: none;

}

  1. p-personal li {
   display: list-item;
   padding:0;
   margin: 0 0 0 0;
   margin-bottom: 0.1em;

}

Personal tools