Let's have a "Pimp My MobileRead" competition - Page 3

GeoffC · 11-19-2009, 09:49 AM

pussy cats, really !! ....

frabjous · 11-20-2009, 08:23 AM

Quote:

Originally Posted by GraceKrispy

(I didnʻt understand all those letters in the box though. How can you make this true for the universe of mobileread without me understanding the box?

)

Do you mean my code box? You don't need to understand it. If you install the Stylish plug in (the instructions on the website should be easy enough), then there should be a little S on the bottom right of your browser. Right click and then "Manage Styles". Then click "Write New Style". Give it whatever title you want, and then cut and paste the stuff from my code box into it exactly. Ta da.

Still working on a theme for VR. The weird thing is I'm having trouble getting rid of the blue completely. Incorporating the background and the llamas is no problem, however.

Is anyone interested in making a serious one, though, or am I alone?

vivaldirules · 11-20-2009, 09:59 AM

Quote:

Originally Posted by frabjous

Still working on a theme for VR. The weird thing is I'm having trouble getting rid of the blue completely. Incorporating the background and the llamas is no problem, however.

This is truly scary. But I can't wait to see it, frabjous!

Wetdogeared · 11-20-2009, 10:17 AM

Quote:

Originally Posted by frabjous

Is anyone interested in making a serious one, though, or am I alone?

I know nothing about custom CSS stylesheets but I'm learning something from your posts, so you are not alone. I'm fascinated at seeing what results.

pshrynk · 11-20-2009, 11:03 AM

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.

YGG- · 11-20-2009, 02:42 PM

Quote:

Originally Posted by vivaldirules

I'd love to have all that boring blue stuff replaced by something like this:

And with the occasional dancing llama wandering across the screen randomly:

EDIT: P.S. - Don't you think those colors go together nicely?

I've given you the challenge, now go away, young man, and make it so!

I VOTE FOR THIS ONE!

frabjous · 11-21-2009, 12:32 AM

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:

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://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;
}
}

Quote:

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!

kindlekitten · 11-21-2009, 01:35 AM

wow! that's gorgeous! (the llamas are another story!

)

GraceKrispy · 11-21-2009, 03:25 AM

Quote:

Originally Posted by YGG-

I VOTE FOR THIS ONE!

Yaay-- welcome back!! But, clearly, the penguin theme is way superior!

Wetdogeared · 11-21-2009, 08:27 AM

Wait 'til VR sees this! He's going to faint straight away.

First time I've had my name in CSS as far as a know.

Thanks for showing us what can be done frabjous.

zelda_pinwheel · 11-21-2009, 09:10 AM

Quote:

Originally Posted by 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.

brilliant work frabjous !!! i'm chortling in my glee !!! (especially because you know how i love being a member of secret clubs.

do we have a secret handshake too ?)

Quote:

Originally Posted by Wetdogeared

Wait 'til VR sees this! He's going to faint straight away.

yeah !! where is that dog ? somebody go wake him up !!!

Quote:

First time I've had my name in CSS as far as a know.

you're a star now, wde !

Quote:

Thanks for showing us what can be done frabjous.

yes, thank you, frabjous ! and keep it up, this is really fun !

vivaldirules · 11-21-2009, 09:23 AM

(doggie faints dead away)

zelda_pinwheel · 11-21-2009, 09:23 AM

Quote:

Originally Posted by vivaldirules

(doggie faints dead away)

(up arrow) llamas !!

vivaldirules · 11-21-2009, 10:10 AM

OMG, it works! And even I could figure it out. You are brilliant, frabjous. Eleventy buzillion karma points for you and may you have bacon every day for the rest of your life.

Wetdogeared · 11-21-2009, 11:19 AM

Quote:

Originally Posted by vivaldirules

OMG, it works! And even I could figure it out. You are brilliant, frabjous. Eleventy buzillion karma points for you and may you have bacon every day for the rest of your life.

I had to check this out too so I borrowed your custom stylesheet for a few minutes VR. Cool!

It looks like Alex forgot to mention the dancing llamas in the Week in Review.

11-21-2009, 01:35 AM	#38
kindlekitten Professional Adventuress Posts: 13,368 Karma: 50260224 Join Date: Sep 2009 Location: The Olympic Peninsula on the OTHER Washington! (the big green clean one on the west coast!) Device: Kindle, the original! Times Two! and gifting an International Kindle	wow! that's gorgeous! (the llamas are another story!)

11-21-2009, 10:10 AM	#44
vivaldirules When's Doughnut Day? Posts: 10,059 Karma: 13675475 Join Date: Jul 2007 Location: Houston, TX, US Device: Sony PRS-505, iPad	OMG, it works! And even I could figure it out. You are brilliant, frabjous. Eleventy buzillion karma points for you and may you have bacon every day for the rest of your life. Attached Thumbnails

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Real competition with the jb/jbl... Augen's "The Book"	jblitereader	Ectaco jetBook	6	06-10-2010 03:23 PM
Are you waiting for the "official mobileread verdict" on the Kindle DX before buying?	Roy White	Amazon Kindle	181	11-15-2009 08:20 PM
Pimp My Read, Ep. 2: "Nobody Belongs Here More Than You" by Miranda July	jeremy_ahn	Reading Recommendations	4	10-06-2009 07:14 AM
Pimp My Read, Episode 1: "The Halo Rule" by Teresa Leo (pimped by Jeremy Ahn)	jeremy_ahn	Reading Recommendations	1	10-06-2009 05:06 AM
Mobileread wins "Best Technology Web Site" award	Colin Dunstan	Announcements	3	01-04-2006 10:51 AM

11-19-2009, 09:49 AM	#31
GeoffC Chocolate Grasshopper ... Posts: 27,600 Karma: 20821184 Join Date: Mar 2008 Location: Scotland Device: Muse HD , Cybook Gen3 , Pocketbook 302 (Black) , Nexus 10: wife has PW	pussy cats, really !! ....

11-20-2009, 11:03 AM	#35
pshrynk Beepbeep n beebeep, yeah! Posts: 11,726 Karma: 8255450 Join Date: Apr 2008 Location: La Crosse, Wisconsin, aka America's IceBox Device: iThingie, KmkII, I miss Zelda!	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.

11-21-2009, 08:27 AM	#40
Wetdogeared Storm Surge'n Posts: 5,776 Karma: 8213195 Join Date: Nov 2008 Location: Lobster Capital Device: S0ny PRS-300/350/505/700/T1	Wait 'til VR sees this! He's going to faint straight away. First time I've had my name in CSS as far as a know. Thanks for showing us what can be done frabjous.

11-21-2009, 09:23 AM	#42
vivaldirules When's Doughnut Day? Posts: 10,059 Karma: 13675475 Join Date: Jul 2007 Location: Houston, TX, US Device: Sony PRS-505, iPad	(doggie faints dead away)

Advert

Advert