MediaWiki:Monobook.css

From Sinz Family Wiki

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

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

Next diff →
Line 58: Line 58:
/* Transform the user toolbar into a sidebox */ /* Transform the user toolbar into a sidebox */
-#p-cactions {+#p-personal, #p-cactions {
position:relative; position:relative;
z-index:3; z-index:3;
Line 64: Line 64:
} }
-/* Transform the user toolbar into a sidebox */+#p-personal .pBody, #p-cactions .pBody {
-#p-personal {+
- position:relative;+
- z-index:3;+
- width: 11.6em;+
-}+
- +
-#p-personal .pBody {+
width: 10.7em; width: 10.7em;
border: none; border: none;
Line 84: Line 77:
} }
-#p-personal ul {+#p-personal ul, #p-cactions ul {
line-height: 1.5em; line-height: 1.5em;
list-style-type: square; list-style-type: square;
Line 96: Line 89:
} }
-#p-personal li {+#p-personal li, #p-cactions li {
display: list-item; display: list-item;
padding:0; padding:0;

Revision as of 03:57, 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);

}

/* Transform the user toolbar into a sidebox */

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

}

  1. p-personal .pBody, #p-cactions .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, #p-cactions 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, #p-cactions li {
   display: list-item;
   padding:0;
   margin: 0 0 0 0;
   margin-bottom: 0.1em;

}

Personal tools