[frabjous]

OK, I've finished a first attempt at vivaldirules's theme. Here's the basic look:



Ok, so the llamas aren't exactly random. Here's when they'll appear in one way or another.

• When the mouse cursor is over the avatar of anyone who has (so far) posted in this thread. (Only when the mouse cursor is over their avatar; it's like a secret club.)
• When the mouse cursor sweeps over italics or bold used by a poster.
• As a replacement for the dancing panda emoticon, wherever it appears.

Here's the CSS:

@-moz-document domain('mobileread.com') {


/* Sets background image -- it would be better to download this and link locally using file:// .. , attaching it makes it not scroll, delete if you'd rather it scrolled */
body
{
    background: url('http://upload.wikimedia.org/wikipedia/commons/d/d2/All_Saints_Chapel--L.C._Tiffany.JPG')   !important;
    background-attachment: fixed !important;


/* Set background and border of table holding main content */
}
.tborder
{
    background: transparent !important;
    border: none !important;
}

/* The menu at the very top of the page */
.top_menu_left a
{
    color: MediumSpringGreen !important;
    font-family: 'URW Palladio', Garamond, serif !important;
    font-size: 120% !important;
    text-shadow: 3px 3px 3px black, -3px -3px 3px pink;
}
.top_menu_left a:hover
{
    color: Orange !important;

}

/* The MR logo replacement -- please download and use locally */
#logo_image {
	height: 0 !important;
	width: 0 !important;
	/* these numbers match the new image's dimensions */
	padding-left: 929px !important;
        padding-right: 0px !important;
	padding-top: 95px !important;
	background: url('http://people.umass.edu/phil335/vrlogo.png') no-repeat !important;
margin-left: 100px !important;
}

/* The menu right under the logo */

.vbmenu_control
{
   opacity: .7;
   font-family: 'URW Palladio', Garamond, serif !important;
   font-size: 120% !important;
   text-shadow: 1px 1px black, -1px -1px black, -1px 1px black, 1px -1px black;
   background: none !important;
   background-color: transparent !important;

}


/* Such a menu item with cursor over it */
.vbmenu_control:hover
{
    opacity: 1 !important;
    color: PaleGreen !important;
    -moz-box-shadow: 5px 5px 5px white, -5px -5px 5px white;

}

.vbmenu_control a:hover
{
    color: PaleGreen !important;

}

/* The page under the menu */
.page
{
    background: transparent !important;
}

/* Roughly half the menu items */
.alt1
{
    font-family: Helvetica, 'Nimbus Sans L', Arial, sans-serif !important;
    background-color: NavajoWhite !important;
    color: FireBrick !important;
    opacity: 0.85;
}

/* with a cursor over it */
.alt1:hover
{
    -moz-box-shadow: 5px 5px salmon, -5px -5px salmon, 5px -5px salmon, -5px 5px salmon;
    opacity: 1 !important;
}

/* The other half */
.alt2
{
   font-family: Helvetica, 'Nimbus Sans L', Arial, sans-serif !important;
   background-color: #CFF3CF !important;
   color: OliveDrab !important;
   opacity: 0.8;
}

/* ...with cursor over them */
.alt2:hover
{
 -moz-box-shadow: 5px 5px white, -5px -5px white, 5px -5px white, -5px 5px white;
    opacity: 1 !important;
}
.alt2 a:hover
{
  color: green !important;
}
.tcat
{
   background: transparent !important;
   color: Salmon !important;
   text-shadow: 0px 0px 10px yellow, 1px 1px black !important;
}
/* time stamps */
.time
{
  color: purple !important;
}
/* Emphasized text */
strong
{
   font-family: Helvetica, 'Nimbus Sans L', Arial, sans-serif !important;
   font-size: 120% !important;
}

/* Small text */
.smallfont
{
   font-family: Helvetica, 'Nimbus Sans L', Arial, sans-serif !important;
   font-size: 100% !important;
   color: OliveDrab !important;
   font-weight: bold !important;
}

/* Subheadings */
h3
{
   font-family: 'URW Palladio', Garamond, serif !important;
   color: white !important;
   font-size: 140% !important;
   text-shadow: 1px 1px black;
}

/* News item on homepage */
.entry
{
   background-color: SeaShell !important;
   opacity: .8 !important;
   color: black !important;
   font-family: Helvetica, 'Nimbus Sans L', Arial, sans-serif !important;
}

/* Paragraphs in news items */
.entry p
{
   font-family: Helvetica, 'Nimbus Sans L', Arial, sans-serif !important;

}

/* links in news items */
.entry a
{
   font-family: Helvetica, 'Nimbus Sans L', Arial, sans-serif !important;
   color: yellow !important;
}

/* News link with cursor over them */
.entry a:hover
{
  color: DarkRed !important;
  background-color: white !important;
}

/* Quote within news item */
.entry blockquote p
{
   color: #76244A !important;
}

/* Comment count under news item */
.foot
{
    background-color: transparent !important;
    opacity: 0.90 !important;
}

/* link in comment count */
.foot a
{
   color: red !important;
   background-color: white !important;
}

/* link in comment count with cursor */
.foot a:hover
{
    color: purple !important;
    text-decoration: underline !important;
}
.tfoot
{
  background: none !important;
}
/* Category heading on forum list */
.tcat
{
    font-family: 'URW Palladio', Garamond, serif !important;
    font-size: 120% !important;
    text-shadow: 1px 1px 1px black;
}

/* Forum name box in forum list */
.alt1Active
{
  background-color: SeaShell !important;
  opacity: .8 !important;
}

/* Forum name box with cursor over */
.alt1Active:hover
{
  opacity: 1 !important;
  -moz-box-shadow: 5px 5px #E9FAB1, -5px -5px #E9FAB1, 5px -5px #E9FAB1, -5px 5px #E9FAB1}

/* Links in forum name boxes */
.alt1Active a
{
   font-family: Helvetica, 'Nimbus Sans L', Arial, sans-serif !important;
}

/* Column heading in tables */
.thead
{
   font-family: Helvetica, 'Nimbus Sans L', Arial, sans-serif !important;
   font-size: 90% !important;
    text-shadow: 1px 1px 1px white;
}

/* Subforum links */
li a
{
   font-family: Helvetica, 'Nimbus Sans L', Arial, sans-serif !important;
}

/* Keeps chat window opaque */
#collapseobj_forumhome_chat tr td.alt1
{
   opacity: 1 !important;
}

/* Navigator bar at top of particular forum */
.navbar a
{
    font-family: Helvetica, 'Nimbus Sans L', Arial, sans-serif !important;
    font-size: 110% !important;
}

/* Actual forum posts */
.vb_postbit
{
   font-family: Helvetica, 'Nimbus Sans L', Arial, sans-serif !important;
   font-size: 110% !important;
}

/* Lists */
ul li
{
   font-family: Helvetica, 'Nimbus Sans L', Arial, sans-serif !important;
   font-size: 110% !important;
}

/* links */
.vb_postbit a
{
   font-family: Helvetica, 'Nimbus Sans L', Arial, sans-serif !important;
    color: #660033 !important;
    text-shadow: 1px 1px white;
   font-size: 100% !important;
}

.vb_postbit a:hover
{
   color: #FF0033 !important;
}

/* Quotations within posts */
.vb_postbit div
{
   background-color: Gray !important;
   color: white !important;
   font-size: 90% !important;
   text-shadow: 1px 1px black;
}

/* Option lists, etc., near input boxes */
legend
{
   font-family: Helvetica, 'Nimbus Sans L', Arial, sans-serif !important;
}
label
{
   font-family: Helvetica, 'Nimbus Sans L', Arial, sans-serif !important;
}


/* New post input box */
textarea
{
   font-family: Helvetica, 'Nimbus Sans L', Arial, sans-serif !important;
}


/* Buttons and drop-down lists */
input
{
   font-family: Helvetica, 'Nimbus Sans L', Arial, sans-serif !important;
}
select
{
   font-family: Helvetica, 'Nimbus Sans L', Arial, sans-serif !important;
}

/* Panel wrapper on post submit page */
.panelsurround
{
   background: transparent !important;
}

/* Post submit panel */
.panel
{
   opacity: .90 !important;
}

/* Options underneath, etc. */
fieldset div
{
   font-family: Helvetica, 'Nimbus Sans L', Arial, sans-serif !important;
}

/* Various stuff on other pages */
fieldset table tr td
{
   font-family: Helvetica, 'Nimbus Sans L', Arial, sans-serif !important;
}
#group_description
{
    font-family: Helvetica, 'Nimbus Sans L', Arial, sans-serif !important;
}

/* code boxes */
pre.alt2
{
  text-shadow: none !important;
  font-family: monospace !important;
}

/* Llama Stuff */
img[alt="vivaldirules's Avatar"]:hover,
img[alt="GeoffC's Avatar"]:hover,
img[alt="pshrynk's Avatar"]:hover,
img[alt="Donnageddon's Avatar"]:hover,
img[alt="GraceKrispy's Avatar"]:hover,
img[alt="montsnmags's Avatar"]:hover,
img[alt="Sweetpea's Avatar"]:hover,
img[alt="frabjous's Avatar"]:hover,
img[alt="Gaurnim's Avatar"]:hover,
img[alt="kindlekitten's Avatar"]:hover,
img[alt="zelda_pinwheel's Avatar"]:hover,
img[alt="Slite's Avatar"]:hover,
img[alt="YGG-'s Avatar"]:hover,
img[alt="Wetdogeared's Avatar"]:hover,
img[title="Panda Lol"]
{
	height: 0 !important;
	width: 0 !important;
	padding-left: 176px !important;
        padding-right: 0px !important;
	padding-top: 200px !important;
	background: url('http://loopable.files.wordpress.com/2006/11/lama_big.gif') no-repeat !important;}

i:hover,b:hover
{
	padding-right: 176px !important;
	padding-bottom: 200px !important;
	background: url('http://loopable.files.wordpress.com/2006/11/lama_big.gif') no-repeat !important;}

}


/* The stuff below covers the live chat window on bottom of forums page */
@-moz-document url-prefix('https://www.mobileread.com/forums/chat.php') {
body
{
   background: white !important;
   color: black !important;
}
.time
{
   color: purple !important;
}
span[style="font-weight: normal;"]
{
   color: red !important;
}
}

Originally Posted by pshrynk

Sorry to rain on this parade, but all this redecorating may not survive the software update that is going to happen some time after the first of the year. Then you'll have to re-do. But it will give you something to do to stay away from boredom.

Sounds like an excuse for even more fun!