Author Topic: [Stylesheet] V4 (Read 13299 times)

deathwilldie · « **on:** January 10, 2010, 10:59:30 pm »

This is the final theme Revolution X had. Enjoy

View Live Preview: Link

Add To Very Top of Headers

<div class="Agent_Moose">
<div class="Celebrus">

Add To Top of Footers

Code: [Select]

<center><b>V4</b> Created by <b>deathwilldie</b> of <a href="http://www.revolutionx.smfforfree3.com">Revolution X</a></center>

Add To Very Bottom of Footers

Code: [Select]

</div></div>
CSS

Code: [Select]

/*Forum Icons*/
.tborder .bordercolor .windowbg[valign='top'][width='6%'][rowspan='2']
{
        vertical-align:middle;
}
/* White & Gray background */
.Agent_Moose
{
	background-color: #FFFFFF;
	padding: 5px 6px 5px 6px;
}
.Celebrus
{
	background-color: #DEDEDE;
	padding: 5px 6px 100px 6px;
}
#footerarea
{
       margin-top: -100px;
}
div.nav
{
	padding: 3px 5px 3px 0px;
}

/* Normal, standard links. */
a:link
{
	color: #4D4D4D;
	text-decoration: none;
}
a:visited
{
	color: #4D4D4D;
	text-decoration: none;
}
a:hover
{
	color: #E5A01C;
	text-decoration: none;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
	color: #000000;
	text-decoration: none;
}
a.nav:hover
{
	color: #666666;
	text-decoration: none;
}

/* Tables should show empty cells. */
table
{
	empty-cells: show;
}

/* By default (td, body..) use verdana in black. */
body, td, th, tr
{
	color:#000000;
	font-size: small;
	font-family: verdana, sans-serif;
}

/* The main body of the entire forum. */
body
{
	background-color: #4d4d4d;
 	 margin: auto;
             width: 860px;
	padding: 12px 30px 4px 30px;

}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
	color: #000000;
	font-family: verdana, sans-serif;
}
input, button
{
	font-size: 90%;
}

textarea
{
	background: #FFFFFF url() no-repeat scroll right bottom;
	font-size: 100%;
	color: #666666;
	font-family: verdana, sans-serif;
	border: 1px solid #888888;
}


textarea:focus, textarea.focus
{
	background: #FFFFFF url() no-repeat scroll right bottom;
	font-size: 100%;
	color: #222222;
	font-family: verdana, sans-serif;
	border: 1px solid #f8b432;
}

/* All input elements that are checkboxes or radio buttons. */
input.check
{
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
	font-size: 90%;
	font-weight: normal;
	color: #000000;
	font-family: verdana, sans-serif;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
	height: 1px;
	border: 0;
	color: #666666;
	background-color: #666666;
}

/* No image should have a border when linked */
a img
{
	border: 0;
}
/* A quote, perhaps from another post. */
.quote
{
	color: #000000;
	background-color: #DDDDDD;
	border: 1px solid #4d4d4d;
	margin: 1px;
	padding: 2px;
	font-size: x-small;
	line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
	color: #000000;
	background-color: #dddddd;
	font-size: x-small;
	line-height: 1.3em;
	/* Put a nice border around it. */
	border: 0px solid #000000;
	margin: 1px auto 1px auto;
	padding: 2px;
	width: 99%;
	/* Don't wrap its contents, and show scrollbars. */
	white-space: nowrap;
	overflow: auto;
	/* Stop after about 24 lines, and just show a scrollbar. */
	max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
	color: #FFFFFF;
	background: url(http://www.styleyourforum.com/data/617/css2.png) #050504 repeat-x;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-size: x-small;
	line-height: 1.2em;
	padding: 2px;
}
.quoteheader a:link
{
	color: #ffffff;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
	cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
	color: red;
	font-decoration: italic;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
	width: 98%;
}

/* Highlighted text - such as search results. */
.highlight
{
	background-color: green;
	font-weight: bold;
	color: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
	color: #000000;
	background-color: #ededed;
}
.windowbg2
{
	color: #000000;
	background-color: #f2f2f2;
}
.windowbg3
{
	color: #000000;
	background-color: #f2f2f2;
}

/* the today container in calendar */
.calendar_today
{
	background-color: #FFFFFF;
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td
{
	color: #FEFEFE;
	font-style: normal;
	background: url(http://www.styleyourforum.com/data/617/css2.png) #050504 repeat-x;
	border-bottom: solid 1px #9BAEBF;
	border-top: solid 1px #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
	font-weight: bold;
	color: #FAFAFA;
	font-style: normal;
}

.titlebg a:hover
{
	color: #404040;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a, .titlebg2 a:link, .titlebg2 a:visited
{
	color: #FAFAFA;
	font-style: normal;
}

.titlebg2 a:hover
{
	color: #404040;
}

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td
{
	background: url(http://www.styleyourforum.com/data/617/css4.png) #DC9812 repeat-x;
	color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
	background: url(http://www.styleyourforum.com/data/617/css4.png) #DC9812 repeat-x;
	color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
	border-bottom: solid 1px #375576;
}
.catbg, .catbg2
{
	font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
	font-size: 95%;
	color: white;
	text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
	color: white;
	text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
	color: #000000;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
	background-color: #ADADAD;
	padding: 0px;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
	padding: 1px;
	border: 1px solid #696969;
	background-color: #FFFFFF;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
	font-size: x-small;
	font-family: verdana, sans-serif;
}
.middletext
{
	font-size: 90%;
}
.normaltext
{
	font-size: small;
}
.largetext
{
	font-size: large;
}


/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
	width: 100%;
	overflow: auto;
	line-height: 1.3em;
}

/* Post Links */
div.post a
{
	color: #000000;
	font-weight: bold;
	text-decoration: underline, italic;
}
div.post a:hover
{
	color: #E5A01C;
	font-weight: bold;
	text-decoration: underline, italic;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
	width: 100%;
	overflow: auto;
	padding-bottom: 3px;
	line-height: 1.3em;
}

/* Sometimes there will be an error when you post */
.error
{
	color: red;
}


/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last
{
	color: white;
	text-transform: uppercase;
	vertical-align: top;
}
.maintab_back, .maintab_active_back
{
	color: white;
	text-decoration: none;
	font-size:  9px;
	vertical-align: top;
	padding: 2px 6px 6px 6px;
	font-family: tahoma, sans-serif;
}

.maintab_first
{
	background: url(http://www.styleyourforum.com/data/617/css6.png) left bottom no-repeat;
	width: 10px;
}
.maintab_back
{
	background: url(http://www.styleyourforum.com/data/617/css6.png) left bottom repeat-x;
}
.maintab_last
{
	background: url(http://www.styleyourforum.com/data/617/css6.png) left bottom no-repeat;
	width: 8px;
}
.maintab_active_first
{
	background: url(http://www.styleyourforum.com/data/617/css6.png) left bottom no-repeat;

	width: 6px;
}
.maintab_active_back
{
	background: url(http://www.styleyourforum.com/data/617/css6.png) left bottom repeat-x;
}
.maintab_active_last
{
	background: url(http://www.styleyourforum.com/data/617/css6.png) left bottom no-repeat;
	width: 8px;
}

/* how links behave in main tab. */
.maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited
{
	color: white;
	text-decoration: none;
}

.maintab_back a:hover, .maintab_active_back a:hover
{
	color: #000000;
	text-decoration: none;
}
/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
{
	color: white;
	text-transform: uppercase;
	vertical-align: top;
}
.mirrortab_back, .mirrortab_active_back
{
	color: white;
	text-decoration: none;
	font-size: 9px;
	vertical-align: bottom;
	padding: 6px 6px 2px 6px;
	font-family: tahoma, sans-serif;
}

.mirrortab_first
{
	background: url(http://www.styleyourforum.com/data/617/css12.png) no-repeat;
	width: 10px;
}
.mirrortab_back
{
	background: url(http://www.styleyourforum.com/data/617/css12.png) repeat-x;
}
.mirrortab_last
{
	background: url(http://www.styleyourforum.com/data/617/css12.png) no-repeat;
	width: 6px;
}
.mirrortab_active_first
{
	background: url(http://www.styleyourforum.com/data/617/css12.png) no-repeat;
	width: 6px;
}
.mirrortab_active_back
{
	background: url(http://www.styleyourforum.com/data/617/css12.png) repeat-x;
}
.mirrortab_active_last
{
	background: url(http://www.styleyourforum.com/data/617/css12.png) no-repeat;
	width: 8px;
}

/* how links behave in mirror tab. */
.mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link , .mirrortab_active_back a:visited
{
	color: white;
	text-decoration: none;
}
.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
	color: #000000;
	text-decoration: none;
}

/* The AJAX notifier */
#ajax_in_progress
{
	background: #4d4d4d;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 18pt;
	padding: 3px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

Images
Old Post

Code: [Select]

http://www.styleyourforum.com/data/617/off.gifNew Post

Code: [Select]

http://www.styleyourforum.com/data/617/on.gifOn2

Code: [Select]

http://www.styleyourforum.com/data/617/on2.gifIco_info

Code: [Select]

http://www.styleyourforum.com/data/617/ico_info.gifIco_login

Code: [Select]

http://www.styleyourforum.com/data/617/ico_login.gifIco_Online

Code: [Select]

http://www.styleyourforum.com/data/617/ico_online.gif

InsertName · « **Reply #1 on:** January 11, 2010, 08:10:18 pm »

death are you still playing with themes?

I wanted to use one of your others but the left hand side looks messed up.

I joined your revolution forum but saw you hadnt logged in for quite some time.

it was this one "aquaangular" http://www.smfsupport.com/support/stylesheet_codes/aquaangular-t16111.0.html

The left hand side looks really wide on my forum, i installed as per instructions

Andrew · « **Reply #2 on:** January 11, 2010, 08:28:38 pm »

Oh my, you all DID actually release it!

Hey buddy, sorry to see RX go down, I was really trying to give it some light, it was really hard though.

Terrific theme! I'll be using this on The Pit Stop soon!

deathwilldie · « **Reply #3 on:** January 12, 2010, 11:32:44 pm »

@ InsertName: I am trying to make themes, but I just haven't had an idea of one in months. Whats the link to your forum? I need to see exactly what you mean.

@Andrew: Yupp, I was gonna release the very first one I made for RX but that was my best theme I have ever made, and i kinda wanna keep it to myself

Agent Moose · « **Reply #4 on:** January 13, 2010, 12:00:50 pm »

Now the question is, should I release the drop down menu that goes with it? The reason why I am asking this it is easy for someone to make a mistake, and mess up their forum.

InsertName · « **Reply #5 on:** January 13, 2010, 12:32:14 pm »

Quote from: deathwilldie on January 12, 2010, 11:32:44 pm

@ InsertName: I am trying to make themes, but I just haven't had an idea of one in months. Whats the link to your forum? I need to see exactly what you mean

I have fixed it. Was the banner size knocking it off.

Thanks anyway, adding the V4 to my collection too.

Great work

deathwilldie · « **Reply #6 on:** January 13, 2010, 12:52:07 pm »

Moose, I think you should release the code, but make sure they know they can mess up their forum if they do it wrong.

Insert: awesome, glad to know you got it working

Nutz · « **Reply #7 on:** January 13, 2010, 02:24:05 pm »

Just a kind suggestion, but if you 'glassed' up the title and category images, it would be full of win and not appear dullish

This is not intended as an insult, merely constructive criticism.

deathwilldie · « **Reply #8 on:** January 14, 2010, 12:56:49 am »

Quote from: Nutz on January 13, 2010, 02:24:05 pm

Just a kind suggestion, but if you 'glassed' up the title and category images, it would be full of win and not appear dullish
This is not intended as an insult, merely constructive criticism.

I was thinking about doing something like that when I made the theme, but we just wanted it to look simple. The gloss would have made it look great though

Andrew · « **Reply #9 on:** January 15, 2010, 07:54:34 am »

Yes Moose please release the drop-down menu code, I was about to ask about that lol.

Agent Moose · « **Reply #10 on:** January 20, 2010, 12:55:27 pm »

I kind of have second thoughts about it. Its all HTML, and its quite a bit.

Andrew · « **Reply #11 on:** January 21, 2010, 07:52:04 am »

Quote from: Agent Moose on January 20, 2010, 12:55:27 pm

I kind of have second thoughts about it. Its all HTML, and its quite a bit.

JUST HTML? That does sounds alot simpler, I remember you told me it was both CSS and HTML. I bet if you were very simple (step-by-step on what to do) you could release it, and not many people would have a problem.

Java · « **Reply #12 on:** January 29, 2010, 02:47:22 pm »

There are some people though Andrew. Dark, very nice template. However, I was wondering if I could get you to change something for me on it? I am not sure if it is a small fix or not, but just was wondering. If you could please get back to me,

Thank you,

Java

Agent Moose · « **Reply #13 on:** February 06, 2010, 07:10:49 pm »

Hey there Java, Sorry I just read your reply, but whats would you like changed?

Redirect* · « **Reply #14 on:** March 14, 2010, 07:34:36 am »

This is seriously awesome - Great going, mate.

Subject / Started by	Replies	Last post
[Stylesheet] Light Brown Stylesheet Started by guest801 Stylesheet Codes	0 Replies 5043 Views	December 23, 2006, 03:28:42 am by guest801
[Stylesheet] Light Blue Stylesheet Started by guest801 Stylesheet Codes	0 Replies 4560 Views	December 28, 2006, 09:54:28 pm by guest801
[Stylesheet] Faded Brown and Blue Stylesheet Started by Crasy Stylesheet Codes	0 Replies 3809 Views	March 10, 2007, 03:18:15 pm by Crasy
[Stylesheet] Helios Blue Stylesheet Adaptation Started by simply sibyl Stylesheet Codes	12 Replies 9930 Views	October 14, 2009, 12:07:58 pm by i feel pure
[Stylesheet] Black and Blue Themed Stylesheet Started by sweet_candygirl23 Stylesheet Codes	0 Replies 2360 Views	March 24, 2008, 07:59:51 am by sweet_candygirl23

SMF For Free Support Forum

News:

Author Topic: [Stylesheet] V4 (Read 13299 times)

deathwilldie

[Stylesheet] V4

InsertName

Re: [Stylesheet] V4

Andrew

Re: [Stylesheet] V4

deathwilldie

Re: [Stylesheet] V4

Agent Moose

Re: [Stylesheet] V4

InsertName

Re: [Stylesheet] V4

deathwilldie

Re: [Stylesheet] V4

Nutz

Re: [Stylesheet] V4

deathwilldie

Re: [Stylesheet] V4

Andrew

Re: [Stylesheet] V4

Agent Moose

Re: [Stylesheet] V4

Andrew

Re: [Stylesheet] V4

Java

Re: [Stylesheet] V4

Agent Moose

Re: [Stylesheet] V4

Redirect*

Re: [Stylesheet] V4

Related Topics