Custom forum theme - Geoffrey's theme

Purple Pineapple

2809
25

Custom forum theme - Geoffrey's theme

« on: June 18, 2010, 01:57:51 »

So, I looked at the custom theme users topic. FiNCK was taken. So was Saira. There are already WaDF and Knytt themes. So I decided that I would make a Geoffrey the Fly theme! Observant people may notice I have not replaced the buttons yet.

Spoiler: Instructions on how to use (click to show/hide)

Spoiler: block o' text (click to show/hide)

Code: [Select]

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("nifflas.lpchip.nl") {

body {
background: none !important;
background-color: #E75F13 !important
}

#wrap {
background-color: #E75F13 !important;
border: 0px !important;
width: 96% !important;
}

.catbg,.catbg2,.catbg3 {
background-color: #E75F13 !important;
border-top: 15px solid #E75F13 !important;
border-bottom: 0px !important;
}

.catbg, .catbg3, tr.catbg3 td  {
background-image: url("http://fintmcwells.com/NiffForum/Themes/GTF/category.jpg") !important;
}

tr.catbg td{
background-image: none !important;
}

div[style*="http://nifflas.lpchip.nl/Themes/Jace/images/brlogo.gif"] {
margin-right: auto !important;
margin-left: auto !important;
height: 0 !important;
width: 0 !important;
padding-left: 765px !important;
padding-top: 131px !important;
background: url("http://fintmcwells.com/NiffForum/Themes/GTF/title.png") !important;
border: 10px solid #E75F13 !important;
border-bottom: 50px solid #8B1700 !important;
}

.windowbg {
background: url("http:fintmcwells.com/NiffForum/Themes/GTF/grass.png") !important;
background-repeat: repeat-x !important;
background-color: #8B1700 !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
}

.windowbg2 {
background: url("http:fintmcwells.com/NiffForum/Themes/GTF/grass.png") !important;
background-repeat: repeat-x !important;
background-color: #8B1700 !important;
border: 0px !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
}

.tborder {
border: 0px !important;
padding: 0px !important;
}

hr {
color: #000000 !important;
background-color: #000000 !important;
}

.titlebg2 {
background-color: #8B1700 !important;
}

input, button, select {
background-color: #E75F13 !important;
color: #000000 !important;
}

textarea {
background-color: #E75F13 !important;
color: #000000 !important;
background-image: url("http:fintmcwells.com/NiffForum/Themes/GTF/grass2.png") !important;
background-position: bottom left !important;
background-repeat: repeat-x !important;
padding-bottom: 8px !important;
border-bottom: 0px !important;
}

.smalltext {
padding-top: 10px !important;
}

.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td {
background-color: #8B1700 !important;
}

.windowbg5 {
background-color: #E75F13 !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
border: 0px !important;
}

.windowbg4 {
background-color: #E75F13 !important;
border: 0px !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
}

.codeheader {
color: #E75F13 !important;
}

.code {
border: 1px solid #000000 !important;
background-color: #E75F13 !important;
color: #000000 !important;
background-image: url("http:fintmcwells.com/NiffForum/Themes/GTF/grass2.png") !important;
background-position: bottom left !important;
background-repeat: repeat-x !important;
padding-bottom: 8px !important;
border-bottom: 0px !important;
}

.spoilerbody {
border: 1px solid #FFFFFF !important;
background-color: #8B1700;
}

.quote {
border: 1px solid #000000 !important;
background-color: #690A00 !important;
padding: 6px 6px 6px 10px !important;
}

#tabs6 a {
background:url("http://fintmcwells.com/NiffForum/Themes/GTF/tableft666.png") no-repeat scroll left top transparent !important;
padding:0 0 0 1px !important;
}

#tabs6 a span {
background:url("http://fintmcwells.com/NiffForum/Themes/GTF/tabright666.png") no-repeat scroll right top transparent !important;
color: #FFFF00 !important;
font-weight: bold;
}

.bbcode_edit_dif {
border: 1px solid #030071 !important;
background: url("http://fintmcwells.com/NiffForum/Themes/GTF/castle.png");
color: #FFFFFF;
padding: 3px 0px 3px 5px
}

.color_red {
color: #FF2222 !important;
}

.color_purple {
color: #EE88EE !important;
}

img[src="http://nifflas.lpchip.nl/Themes/Jace/images/posts_nm.gif"] {
width: 0;
height: 0;
padding-left: 15px;
padding-top: 16px;
background: url("http://fintmcwells.com/NiffForum/Themes/GTF/nm.png")!important;
}

img[src="http://nifflas.lpchip.nl/Themes/Jace/images/posts_nn.gif"] {
width: 0;
height: 0;
padding-left: 15px;
padding-top: 16px;
background: url("http://fintmcwells.com/NiffForum/Themes/GTF/nn.png")!important;
}

img[src="http://nifflas.lpchip.nl/Themes/Jace/images/posts_nc.gif"] {
width: 0;
height: 0;
padding-left: 15px;
padding-top: 16px;
background: url("http://fintmcwells.com/NiffForum/Themes/GTF/nc.png")!important;
}

td[style*="rgb(204, 102, 170)"] {
border-right: 5px solid #CC5500 !important;
}

td[style*="rgb(153, 170, 204)"] {
border-right: 5px solid blue !important;
}

td[style*="rgb(68, 102, 204)"] {
border-right: 5px solid yellow !important;
}

}

Geoffrey's theme is a replacement CSS for the forum. Or rather an update style sheet. What it does is keep all the original forum styles and stuff but add more styles to it. It is possible to use this in any browser, but it requires locating the default CSS in the system files. Instead what you can do is use the add-on Stylish for FireFox. Once you have Stylish, a small S icon should appear in the bottom right of FireFox. Click it, and go to Write New Style > Blank style... This will open up a window. Go into the main input box and copy-pasta the block of text there. Give it a name and click save. Click the stylish icon once again. If there is not a checkmark by the new style, click on it once.

Spoiler: About (click to show/hide)

Spoiler: screenshot, courtesy of Dataflashsabot (click to show/hide)

« Last Edit: June 30, 2010, 22:35:02 by Purple Pineapple »

Logged

Lurk more.

Razzorman

965
4
Contemplating name change.

Re: Custom forum theme - Geoffrey's theme

« Reply #1 on: June 18, 2010, 02:04:06 »

This is perfect. Beautiful.

Logged

My only star:

AClockworkLemon

708
2
-Inactive-

Re: Custom forum theme - Geoffrey's theme

« Reply #2 on: June 18, 2010, 02:19:33 »

Not bad at all

good to see some new themes popping up

Logged

I'm not dead. Not entirely. And yes, I'm embarrassed by most of the posts I made here.

- From Pumpkinbot

Yukabacera

256
3
Tasen Soldier (LL868:ALDK)

Re: Custom forum theme - Geoffrey's theme

« Reply #3 on: June 18, 2010, 11:40:55 »

This is actually pretty cool. Kudos to you, sir!

=|=

Logged

My only one.

Miss Paula

953
30
I demand more of these.

Re: Custom forum theme - Geoffrey's theme

« Reply #4 on: June 18, 2010, 15:41:04 »

check out this post about custom themes please if you like.

Logged

Spoiler: (click to show/hide)

The stickman

156
0
Lol wut?

Re: Custom forum theme - Geoffrey's theme

« Reply #5 on: June 29, 2010, 03:09:01 »

This is great!

is my favorite of Nifflas's pre-WaDF games! The music is so catchy!

... Too bad I use Chrome...

Logged

My Stars:

The blood of the innocent will flow without end, it's Zorc - That's me! - it's Zorc and pals!

PONTO

605
8

Re: Custom forum theme - Geoffrey's theme

« Reply #6 on: June 29, 2010, 14:59:30 »

I don't want to install an addon just for this, but if it is that cool, I think I'd like to have it as an option on the forum settings. (Even though, I'd probably keep on using the beautiful WaDF theme. xD )

Does anyone feel like posting a screenshot, by the way?

Logged

StraightFlame

697
77

Re: Custom forum theme - Geoffrey's theme

« Reply #7 on: June 30, 2010, 12:31:58 »

Quote from: PONTO on June 29, 2010, 14:59:30

Does anyone feel like posting a screenshot?

I wish my brother had Firefox on his computer, but he doesn't like it 'cause it blocks out Roblox.

Anyhoo, i'll describe it in text (or atleast the part i remember...)
GTF theme is kinda orangey, the same as in the screenshot PP posted in here. The darkest kind is used as the foreground thingy, and the lightest, guess what. The fly indicates that there are new posts. Or was it the porcupine? Well, they're both used for something, and... uh...

Does anyone feel like posting a screenshot, by the way?

²

Logged