Revolution X

Graphics Community => Dark Themes => Topic started by: deathwilldie on October 26, 2008, 11:29:14 am



Title: Phoenix
Post by: deathwilldie on October 26, 2008, 11:29:14 am
This is a random Theme I thought of Making

Preview: http://www.styleyourforum.com/preview/index.php?styleid=146 (http://www.styleyourforum.com/preview/index.php?styleid=146)

Please add to your footers
Code:
<center>Phoenix created by <b>deathwilldie</b> of <a href='http://revolutionx.smfforfree3.com'>Revolution X</a></center>

CSS
Code:
/*Phoenix Created by deathwilldie*/
/*Links In a Post*/
div.post A
{
           Color:#e78042;
}

/* Normal, standard links. */
a:link
{
color: #e78042;
text-decoration: none;
}
a:visited
{
color: #ffffff;
text-decoration: none;
}
a:hover
{
color: #b44a08;
text-decoration: underline;
}

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

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

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

/* The main body of the entire forum. */
body
{
        Background: url(http://www.styleyourforum.com/data/146/css0.jpg) Center;
        background-repeat: repeat-x;
        Background-Position: Top;
        Background-Attachment: fixed;
background-color: #222222;
  margin: auto;
             width: 802px;
padding-top: 12px;
             padding-bottom:  4px;


}

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

input, button
{
font-size: 90%;
}

textarea
{

font-size: 100%;
             background:  url();
             background-position: center center;
             background-repeat: repeat;
color: #d0d0d0;
background-color: #505050;
font-family: verdana, sans-serif;

}

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

/* The Big Text */
h1
{
        background-color:#313131;
        background-repeat:repeat-x;
        padding:4px 15px;
        border: 1px solid #d46724;
        
}

/* No image should have a border when linked */
a img
{
border: 0;
}

/* A quote, perhaps from another post. */
.quote
{
color: #d46724;
background-color: #222222;
border: 1px solid #000000;
margin: 1px;
padding: 1px;
font-size: x-small;
line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
color: #d46724;
background-color: #222222;
font-size: x-small;
line-height: 1.3em;
/* Put a nice border around it. */
border: 1px solid #000000;
margin: 1px auto 1px auto;
padding: 1px;
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: #d46724;
background: url(http://www.styleyourforum.com/data/146/css1.gif) repeat-x;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
line-height: 1.2em;
        margin: 3px;
        margin-bottom: 6px;
        padding: 3px;
}

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

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

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

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
color: #FFFFFF;
background-color: #313131;
}
.windowbg2
{
color: #FFFFFF;
background-color: #272727;
}
.windowbg3
{
color: #FFFFFF;
background-color: #313131;
}
/* 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: #ffffff;
font-style: normal;
background-color: black;
background: url(http://www.styleyourforum.com/data/146/css2.png) repeat-x;
padding-left: 1px;
padding-right: 1px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: #FFFFFF;
font-style: normal;
}
.titlebg a:hover
{
color: #FFFFFF;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: #FFFFFF;
font-style: normal;
text-decoration: underline;
}

.titlebg2 a:hover
{
text-decoration: underline;
}

/* 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
{

        height:16px;
background: url(http://www.styleyourforum.com/data/146/css3.png) #ffffff;
        color: #ffffff;
text-align: Left;
}
.catbg2 , tr.catbg2 td
{
        height:16px;
background: url(http://www.styleyourforum.com/data/146/css3.png);  
        background-color: #ffffff;
color: #ffffff;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #181818;
}
.catbg, .catbg2
{
font-weight: bold;
             horizontal-align:  center;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
font-size: 60%;
color: #3b3b3b;
text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
color: #3b3b3b;
text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
color: #3b3b3b;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
            color: #d0d0d0;
background-color: #505050;
padding: 0px;
}

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

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

/* 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/146/css5.png) left bottom no-repeat;
width: 10px;
}
.maintab_back
{
background: url(http://www.styleyourforum.com/data/146/css6.png) left bottom repeat-x;
}
.maintab_last
{
background: url(http://www.styleyourforum.com/data/146/css7.png) left bottom no-repeat;
width: 8px;
}
.maintab_active_first
{
background: url(http://www.styleyourforum.com/data/146/css8.png) left bottom no-repeat;

width: 6px;
}
.maintab_active_back
{
background: url(http://www.styleyourforum.com/data/146/css8.png) left bottom repeat-x;
}
.maintab_active_last
{
background: url(http://www.styleyourforum.com/data/146/css8.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: #e0e0ff;
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/146/css11.png) no-repeat;
width: 10px;
}
.mirrortab_back
{
background: url(http://www.styleyourforum.com/data/146/css12.png) repeat-x;
}
.mirrortab_last
{
background: url(http://www.styleyourforum.com/data/146/css13.png) no-repeat;
width: 6px;
}
.mirrortab_active_first
{
background: url(http://www.styleyourforum.com/data/146/css14.png) no-repeat;
width: 6px;
}
.mirrortab_active_back
{
background: url(http://www.styleyourforum.com/data/146/css14.png) repeat-x;
}
.mirrortab_active_last
{
background: url(http://www.styleyourforum.com/data/146/css14.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: #e0e0ff;
text-decoration: none;
}

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

Collapse/Expand
Code:
http://www.styleyourforum.com/data/146/collapse.gif

New_None
(http://www.styleyourforum.com/data/146/new_none.gif)
Code:
http://www.styleyourforum.com/data/146/new_none.gif

New_Some
(http://www.styleyourforum.com/data/146/new_some.gif)
Code:
http://www.styleyourforum.com/data/146/new_some.gif

No New
(http://www.styleyourforum.com/data/146/off.gif)
Code:
http://www.styleyourforum.com/data/146/off.gif

New Post
(http://www.styleyourforum.com/data/146/on.gif)
Code:
http://www.styleyourforum.com/data/146/on.gif

Sub Post
(http://www.styleyourforum.com/data/146/on2.gif)
Code:
http://www.styleyourforum.com/data/146/on2.gif


Title: Re: Phoenix
Post by: Didds on October 30, 2008, 02:01:12 pm
I LOVE this theme. But would it be possible to make it in red instead of orange? Or maybe lime green? Could you quickly show me which bit of the code to edit to change the colour please?


Title: Re: Phoenix
Post by: deathwilldie on October 30, 2008, 08:21:41 pm
Well to do that I would have to edit the images.  I might end up doing that if you would really want me to.


Title: Re: Phoenix
Post by: Celebrus on November 01, 2008, 04:27:01 am
Nice one. :)


Title: Re: Phoenix
Post by: shimmy shabby on November 01, 2008, 11:13:51 am
It reminds me of the windows XP zune theme =)


Title: Re: Phoenix
Post by: deathwilldie on November 02, 2008, 11:21:42 am
Yea that's where I got the idea from :P


Title: Re: Phoenix
Post by: shimmy shabby on November 02, 2008, 11:26:37 am
Lol, thats funny because like a little bit before u released this one on the support forums i was thinking of doing a windows XP zune theme.


Title: Re: Phoenix
Post by: Mr_Smith on November 02, 2008, 11:39:52 am
is the SMF codes theme availeble to use now?


Title: Re: Phoenix
Post by: deathwilldie on November 02, 2008, 11:44:29 am
I don't know if he is going to release that or not.  Your going to have to ask agent that one.


Title: Re: Phoenix
Post by: Mr_Smith on November 02, 2008, 11:57:14 am
Alright, ill PM him.


Title: Re: Phoenix
Post by: Spoken on November 06, 2008, 05:57:34 pm
This has got to be my FAVORITE theme from you death. AMAZING work! Keep it up!


Title: Re: Phoenix
Post by: Brendan on May 23, 2009, 09:32:32 am
This one is wicked! I used it alot.


Title: Re: Phoenix
Post by: Danidemps on June 19, 2009, 05:35:20 am
This One Is Ftw


Title: Re: Phoenix
Post by: Mojobojo82 on June 19, 2009, 10:20:53 pm
Wow. Thats a pretty nice Stylesheet.
I especially like the orange color, Not too light, not too dark.


Title: Re: Phoenix
Post by: Jish on August 22, 2009, 09:29:05 pm
nice!!!!


Title: Re: Phoenix
Post by: .Xstinct on September 23, 2009, 06:01:35 am
Still liking this one.


Title: Re: Phoenix
Post by: deathwilldie on September 23, 2009, 08:16:38 am
Haha,  It's still my favorite one out of all of the ones I have made. :)  I think I need to edit the post icons though because those are a bit plain.