Advertise Here

Author Topic: [Stylesheet] Midnight Blue  (Read 3448 times)

0 Members and 1 Guest are viewing this topic.

Offline DzinestaR

  • Style Designer
  • *
  • Posts: 91
    • View Profile
    • SMF Designs

  • Total Badges: 11
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 50 Posts
[Stylesheet] Midnight Blue
« on: August 04, 2009, 01:52:07 pm »
Midnight Blue Preview

A Somewhat Dark Blue Theme.

Please put the following code in your footer if you use my Stylesheet.

Code: [Select]
Midnight Blue Style By <b>DzinestaR</b>
Midnight Blue CSS.

Code: [Select]
/* Midnight Blue */
/*Links In a Post*/
div.post A
{
         Color:#ffffff;
}

#footerarea a
{
        color: #ffffff;
}

/* Links of The Forum. */
div.post A
{
           Color:#FFFFFF;
}
/* Links In The Forum. */
a:link
{
color: #FFFFFF;
text-decoration: none;
}
a:visited
{
color: #FFFFFF;
text-decoration: none;
}
a:hover
{
color: #FFFFFF;
text-decoration: underline;
}

/* Navigation Links. */
.nav, .nav:link, .nav:visited
{
color: #FFFFFF;
text-decoration: none;
}
a.nav:hover
{
color: #FFFFFF;
text-decoration: underline;
}

/* Table Cells. */
table
{
empty-cells: show;
}

/* Td Body. */
body, td, th , tr
{
color: #d0d0d0;
font-size: small;
font-family: verdana, sans-serif;
}

/* The main body of the entire forum. */
body
{
background-color: #162027;
background-image: url();
margin: auto;
             width: 784px;
padding-top: 12px;
             padding-bottom:  4px;
}

/* Input Boxes. */
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;

}

/* Input Elements. */
input.check
{
}

/* Selects*/
select
{
font-size: 90%;
font-weight: normal;
color: #000000;
font-family: verdana, sans-serif;
}

/* The Horizontal Rule */
hr, .hrcolor
{
height: 1px;
border: 0;
color: #ffffff;
background-color: #FFFFFF;
}

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

/* Image Border, DO NOT Put Border. */
a img
{
border: 0;
}

/* Quote Box. */
.quote
{
color: #036bc4;
background-color: #222222;
border: 1px solid #000000;
margin: 1px;
padding: 1px;
font-size: x-small;
line-height: 1.4em;
}

/* Code Block(s)Woot Codes. */
.code
{
color: #036bc4;
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: #036bc4;
background: url(http://www.styleyourforum.com/data/477/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: #d0d0d0;
background-color: #737373;
}
.windowbg2
{
color: #d0d0d0;
background-color: #4d4d4d;
}
.windowbg3
{
color: #d0d0d0;
background-color: #999999;
}
/* 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: d0d0d0;
font-style: normal;
background: url(http://www.styleyourforum.com/data/190/css1.gif) #164c7d repeat-x;
border-bottom: solid 1px #000000;
border-top: solid 1px #000000;
padding-left: 10px;
padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: d0d0d0;
font-style: normal;
}

.titlebg a:hover
{
color: #d0d0d0;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: black;
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
{
background: url(http://www.styleyourforum.com/data/190/css2.gif) #262626 repeat-x;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background: url(http://www.styleyourforum.com/data/190/css3.gif) #202020 repeat-x;
color: #d0d0d0;
padding-left: 10px;
padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #000000;
}
.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: #d0d0d0;
}

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

/* Font Sizes. */
.smalltext
{
font-size: x-small;
font-family: verdana, sans-serif;
}
.middletext
{
font-size: 90%;
}
.normaltext
{
font-size: small;
}
.largetext
{
font-size: large;
}


/* Posts & PM's. */
.post, .personalmessage
{
width: 100%;
overflow: auto;
line-height: 1.3em;
}

/* Signatues, Graphics are Fun. */
.signature
{
width: 100%;
overflow: auto;
padding-bottom: 3px;
line-height: 1.3em;
}

/* Posting Errors, Uh Oh */
.error
{
color: blue;
}


/* 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/243/css5.png) left bottom no-repeat;
width: 10px;
}
.maintab_back
{
background: url(http://www.styleyourforum.com/data/243/css6.png) left bottom repeat-x;
}
.maintab_last
{
background: url(http://www.styleyourforum.com/data/243/css7.png) left bottom no-repeat;
width: 8px;
}
.maintab_active_first
{
background: url(http://www.styleyourforum.com/data/475/css7.png) left bottom no-repeat;
width: 6px;
}
.maintab_active_back
{
background: url(http://www.styleyourforum.com/data/475/css7.png) left bottom repeat-x;
}
.maintab_active_last
{
background: url(http://www.styleyourforum.com/data/475/css7.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://images.smfboards.com/Themes2/default/images/mirrortab_first.gif) no-repeat;
width: 10px;
}
.mirrortab_back
{
background: url(http://images.smfboards.com/Themes2/default/images/mirrortab_back.gif) repeat-x;
}
.mirrortab_last
{
background: url(http://images.smfboards.com/Themes2/default/images/mirrortab_last.gif) no-repeat;
width: 6px;
}
.mirrortab_active_first
{
background: url(http://images.smfboards.com/Themes2/default/images/mirrortab_active_first.gif) no-repeat;
width: 6px;
}
.mirrortab_active_back
{
background: url(http://images.smfboards.com/Themes2/default/images/mirrortab_active_back.gif) repeat-x;
}
.mirrortab_active_last
{
background: url(http://images.smfboards.com/Themes2/default/images/mirrortab_active_last.gif) 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: #32CD32;
color: white;
text-align: center;
font-weight: bold;
font-size: 18pt;
padding: 3px;
width: 100%;
position: fixed;
top: 0;
left: 0;
}
/* Wo0o0oT. */
/* End of Midnight Blue. By DzinestaR. */

On/Off.

On

Code: [Select]
http://www.styleyourforum.com/data/538/on.gif
Off

Code: [Select]
http://www.styleyourforum.com/data/538/off.gif
How to Install a Stylesheet.
Enjoy.

-DzinestaR


Offline Seldom Fail

  • Helpers
  • *
  • Posts: 2082
  • Helping for 3 years! :)
    • View Profile
    • My Site!

  • Total Badges: 26
    Badges: (View All)
    Sixth year Anniversary Fifth year Anniversary Apple User Search Poll Voter
Re: [Stylesheet] Midnight Blue
« Reply #1 on: August 04, 2009, 04:14:35 pm »
That's awesome. I don't remember what style that looks like but it's REALLY similar to this other one I've used before...

Oh and I've noticed on all your styles, on the footer information, you don't center it.

It doesn't HAVE to be. And you don't have to change it, it can be whatever you want, but I think it looks better centered.

So it would be this:
Code: [Select]
<div style="text-align: center;">
STYLE NAME by: <span style="font-weight: bold;">DzinestaR</span>
</div>


Just my opinion ;) Keep up the good work!
« Last Edit: August 04, 2009, 04:26:24 pm by Seldom Fail »
<--- Donate to SMF For Free! :D

Offline DzinestaR

  • Style Designer
  • *
  • Posts: 91
    • View Profile
    • SMF Designs

  • Total Badges: 11
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 50 Posts
Re: [Stylesheet] Midnight Blue
« Reply #2 on: August 04, 2009, 04:24:48 pm »
Thanks Seldom, yea it was based off of another theme, just as long as the code is in the footer it's fine by me, getting ready to post my newest theme.

-DzinestaR

Offline roser

  • SMF For Free Full Member
  • *
  • Posts: 166
    • View Profile

  • Total Badges: 13
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Stylesheet] Midnight Blue
« Reply #3 on: August 05, 2009, 06:24:45 pm »
i just seen this one before somewere but i do like this one than the anotherone

Offline DzinestaR

  • Style Designer
  • *
  • Posts: 91
    • View Profile
    • SMF Designs

  • Total Badges: 11
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 50 Posts
Re: [Stylesheet] Midnight Blue
« Reply #4 on: August 05, 2009, 08:23:41 pm »
Thanks roser I based it off a similar theme and just done an "Overhaul" is what I would call it.

-DzinestaR

 

Related Topics

  Subject / Started by Replies Last post
0 Replies
3984 Views
Last post March 10, 2007, 03:18:15 pm
by Crasy
0 Replies
2433 Views
Last post March 18, 2007, 07:50:39 am
by Y4NK33F4N
12 Replies
10453 Views
Last post October 14, 2009, 12:07:58 pm
by i feel pure
0 Replies
2553 Views
Last post March 24, 2008, 07:59:51 am
by sweet_candygirl23
4 Replies
5972 Views
Last post August 05, 2009, 06:29:02 pm
by roser