All right, I'm still working on a llama-theme for VR (--it may require greasemonkey if you really want the llamas to be
random--) but here's the first start of a Penguin theme for GraceKrispy.
It features four different Penguin backgrounds, a penguin logo, white and black alternating panels, and
best of all, it automatically turns vivaldirules, GeoffC, pshrynk and Donnageddon's avatars into the Abba penguins.
I can tweak it to get the right resolution background if need be.
Here it is:
Code:
@-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://coolwallpapers.org/wallpapers/0/55/March_of_the_Penguins-016.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: White !important;
font-family: Georgia !important;
font-size: 120% !important;
text-shadow: 3px 3px 3px black, -3px -3px 3px yellow;
}
.top_menu_left a:hover
{
color: Cyan !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: 630px !important;
padding-right: 0px !important;
padding-top: 100px !important;
background: url('http://people.umass.edu/phil335/logo-grace.png') no-repeat !important;
}
/* The menu right under the logo */
.vbmenu_control
{
opacity: .7;
font-family: Georgia !important;
font-size: 100% !important;
text-shadow: 1px 1px black, -1px -1px black;
}
/* Such a menu item with cursor over it */
.vbmenu_control:hover
{
opacity: 1 !important;
text-shadow: 1px 1px black;
-moz-box-shadow: 5px 5px 5px white, -5px -5px 5px white;
}
/* The page under the menu */
.page
{
background: transparent !important;
}
/* Roughly half the menu items */
.alt1
{
font-family: 'Trebuchet MS' !important;
background-color: white !important;
opacity: 0.85;
}
/* with a cursor over it */
.alt1:hover
{
-moz-box-shadow: 5px 5px 5px yellow, -5px -5px 5px yellow, 5px -5px 5px yellow, -5px 5px 5px yellow;
opacity: 1 !important;
}
/* The other half */
.alt2
{
font-family: 'Trebuchet MS' !important;
background-color: black !important;
color: white !important;
opacity: 0.65;
}
/* ...with cursor over them */
.alt2:hover
{
-moz-box-shadow:5px 5px 5px white, -5px -5px 5px white, 5px -5px 5px white, -5px 5px 5px white;
opacity: 1 !important;
}
.alt2 a
{
color: LightYellow !important;
}
.tcat
{
background: transparent !important;
color: LightGrey !important;
text-shadow: 6px 6px 8px white, -6px -6px 8px white, 1px 1px black, -1px -1px black, -1px 1px black, 1px -1px black !important;
}
/* time stamps */
.time
{
color: cyan !important;
}
/* Emphasized text */
strong
{
font-family: 'Trebuchet MS' !important;
font-size: 120% !important;
}
/* Small text */
.smallfont
{
font-family: 'Trebuchet MS' !important;
font-size: 100% !important;
}
/* Subheadings */
h3
{
font-family: Georgia !important;
color: white !important;
font-size: 140% !important;
text-shadow: 1px 1px black;
}
/* News item on homepage */
.entry
{
background-color: Grey !important;
opacity: .8 !important;
color: white !important;
font-family: 'Trebuchet MS' !important;
}
/* Paragraphs in news items */
.entry p
{
font-family: 'Trebuchet MS' !important;
text-shadow: 0px 1px 1px black;
}
/* links in news items */
.entry a
{
font-family: 'Trebuchet MS' !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: PaleGreen !important;
}
/* Comment count under news item */
.foot
{
background-color: transparent !important;
opacity: 0.6 !important;
}
/* link in comment count */
.foot a
{
color: red !important;
background-color: Gray !important;
}
/* link in comment count with cursor */
.foot a:hover
{
color: purple !important;
text-decoration: underline !important;
}
/* Category heading on forum list */
.tcat
{
font-family: Georgia !important;
font-size: 120% !important;
text-shadow: 1px 1px 1px black;
}
/* Forum name box in forum list */
.alt1Active
{
opacity: .8 !important;
}
/* Forum name box with cursor over */
.alt1Active:hover
{
opacity: 1 !important;
-moz-box-shadow: 5px 5px 5px blue;
}
/* Links in forum name boxes */
.alt1Active a
{
font-family: 'Trebuchet MS' !important;
}
/* Column heading in tables */
.thead
{
font-family: 'Trebuchet MS' !important;
font-size: 90% !important;
text-shadow: 1px 1px 1px white;
}
/* Subforum links */
li a
{
font-family: 'Trebuchet MS' !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: 'Trebuchet MS' !important;
font-size: 110% !important;
}
/* Actual forum posts */
.vb_postbit
{
font-family: 'Trebuchet MS' !important;
font-size: 110% !important;
}
/* Lists */
ul li
{
font-family: 'Trebuchet MS' !important;
font-size: 110% !important;
}
/* links */
.vb_postbit a
{
font-family: 'Trebuchet MS' !important;
color: LightBlue !important;
text-shadow: 1px 1px black;
font-size: 110% !important;
}
.vb_postbit a:hover
{
color: green !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: 'Trebuchet MS' !important;
}
label
{
font-family: 'Trebuchet MS' !important;
}
/* New post input box */
textarea
{
font-family: 'Trebuchet MS' !important;
}
/* Buttons and drop-down lists */
input
{
font-family: 'Trebuchet MS' !important;
}
select
{
font-family: 'Trebuchet MS' !important;
}
/* Panel wrapper on post submit page */
.panelsurround
{
background: transparent !important;
}
/* Post submit panel */
.panel
{
opacity: .85 !important;
}
/* Options underneath, etc. */
fieldset div
{
font-family: 'Trebuchet MS' !important;
}
/* Various stuff on other pages */
fieldset table tr td
{
font-family: 'Trebuchet MS' !important;
}
#group_description
{
font-family: 'Trebuchet MS' !important;
}
/* code boxes */
pre.alt2
{
text-shadow: none !important;
font-family: monospace !important;
}
/* Avatar swaps */
img[alt="vivaldirules's Avatar"],
img[alt="GeoffC's Avatar"],
img[alt="pshrynk's Avatar"],
img[alt="Donnageddon's Avatar"]
{
height: 0 !important;
width: 0 !important;
padding-left: 121px !important;
padding-right: 0px !important;
padding-top: 150px !important;
background: url('https://www.mobileread.com/forums/picture.php?pictureid=1945&albumid=172&dl=1251587198&thumb=1') 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;
}
}
/* Special background when browsing a forum */
@-moz-document url-prefix('https://www.mobileread.com/forums/forumdisplay.php') {
body
{
background: url('http://coolwallpapers.org/wallpapers/0/55/March_of_the_Penguins-013.jpg') !important;
background-attachment: fixed !important;
}
}
/* Special background when reading a post */
@-moz-document url-prefix('https://www.mobileread.com/forums/showthread.php') {
body
{
background: url('http://coolwallpapers.org/wallpapers/0/55/penguin-10023.jpg') !important;
background-attachment: fixed !important;
}
}
/* Special background when replying to a post */
@-moz-document url-prefix('https://www.mobileread.com/forums/newreply.php') {
body
{
background: url('http://coolwallpapers.org/wallpapers/0/55/Penguin-009.jpg') !important;
background-attachment: fixed !important;
}
}