User:Thetorpedodog/monobook.css

From Homestar Runner Wiki

Current revision as of 01:28, 18 October 2005

body {
  font-family:sans-serif;
}
/* Sometimes, it doesn't work when you select
   the autojustify in the control panel. */
#content {
  text-align:justify;
}
/* Round the inputs (buttons, input fields, the edit window) */
input {
  -moz-border-radius:.5em;
  border-radius:.5em;
}
textarea {
  -moz-border-radius:.25em;
  border-radius:.25em;
}

#content div {
  -moz-border-radius:.5em;
  border-radius:.5em;
}

/***********This is rounders from [[User Style]]. ******************/

/* 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? */
       /* thetorpedodog sez: oddly enough, not the latest Mozilla...  */
#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;
}

/************** This is a tweak from the intro section ********************/
/*******************THIS_LINE_TESTS_THAT_TWEAK******************************************************************************************************************************************************************************************/

/* put scrollbar on pre sections instead of ugly cutoff/overlap in firefox */
pre { overflow: auto; }

/**********************This is where my part starts***********************/

/* Gets rid of the border on the left of the nav boxes in rounders. Doesn't
look so good in non-roundness. */
div.pBody {
  border-left:none;
}

#p-personal {
  z-index:99;
/*  position:fixed; */
  float:right;
}
/* Make the personal toolbar have roundness */
#p-personal ul {
  /* ooooh transparency */
   opacity:.8;
  -moz-border-radius-bottomleft:1em;
  border-color:rgb(250, 189, 35);
  border-width:1px;
  border-style:solid;
  background:#F8FCFF;
  /* if it weren't for this, that tool bar would stretch itself across the entire screen. */
   float:right;
  padding:0;
  padding-bottom:.3em;
  padding-right:3px;
  border-top:none;
  border-right:none;
  margin:0;
  /* my background code - use your own if you want (16*16px) */
   background-image:url("http://www.hrwiki.org/images/thumb/1/16/Thetorpedodogwiki.png/16px-Thetorpedodogwiki.png");
   background-repeat:no-repeat;
   /* overrides 3px p-r that's above */
    padding-right:20px;
  position:fixed;
  top:0px;
  right:0px;

   background-position:right center;
  
}
#p-personal ul:hover {
  opacity:1 ;
}

#p-personal a:hover {
  background:#FFF;
}

#p-personal a {
  padding:.5em;
  margin:0;
}

#p-personal li {
  margin:0;
  border-right:1px dotted rgb(250, 189, 35);
/*  margin-bottom:-.25em */
}
/*
.portlet a {
  opacity:.8;
}
.portlet a:hover {
  opacity:1;
}

*/