Advertise Here

Author Topic: [Stylesheet] Dark Skys  (Read 25219 times)

0 Members and 1 Guest are viewing this topic.

Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

  • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
[Stylesheet] Dark Skys
« on: October 29, 2008, 11:33:12 pm »
Preview Here

Custom Images:

new_some:   http://www.styleyourforum.com/data/225/new_none.gif
new_none:    http://www.styleyourforum.com/data/225/new_some.gif
off:   http://www.styleyourforum.com/data/225/off.gif
on:   http://www.styleyourforum.com/data/225/on.gif
on2:  http://www.styleyourforum.com/data/225/on2.gif
calendar:   http://www.styleyourforum.com/data/225/ico_calendar.gif
info:    http://www.styleyourforum.com/data/225/ico_info.gif
online:    http://www.styleyourforum.com/data/225/ico_online.gif
login:   http://www.styleyourforum.com/data/225/ico_login.gif
xx:    http://www.styleyourforum.com/data/225/pos_xx.gif

css:

Code: [Select]
/* Normal, standard links. */
a:link
{
color: #BCCAD4;
text-decoration: none;
}
a:visited
{
color: #BCCAD4;
text-decoration: none;
}
a:hover
{
color: #BCCAD4;
text-decoration: underline;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #BCCAD4;
text-decoration: none;
}
a.nav:hover
{
color: #BCCAD4;
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: #BCCAD4;
font-size: small;
font-family: verdana, sans-serif;
}

/* The main body of the entire forum. */
body
{
                background-color: black;
                background-image:  url(http://www.styleyourforum.com/data/225/css0.jpg);
                background-position:  top left;
                background-repeat:  repeat-x;
                background-attachment:  fixed;
                margin: auto;
                width:  960px;
                padding-top: 30px;
                opacity:0.90;
                filter:alpha(opacity=90);
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
background-color: #323D53;
color: #ffffff;
                border:  1px solid #4D5D73;
font-family: verdana, sans-serif;
}
input, button
{
font-size: 90%;
}

textarea
{
font-size: 100%;
color: #ffffff;
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: 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: #BCCAD4;
background-color: #3A445A;
border: 1px solid #000000;
margin: 1px;
padding: 1px;
font-size: x-small;
line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
color: #BCCAD4;
background-color: #3A445A;
font-family: "courier new", "times new roman", monospace;
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: #BCCAD4;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
line-height: 1.2em;
}

/* 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%;
                 color:   #BCCAD4;
}

/* 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: #BCCAD4;
background-color: #2E374A;
}
.windowbg2
{
color: #BCCAD4;
background-color: #323C4D;
}
.windowbg3
{
color: #BCCAD4;
background-color: #2E374A;
}
/* the today container in calendar */
.calendar_today
{
background-color: #232935;
}

/* 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: #BCCAD4;
font-style: normal;
background-color: #213B41;
border-bottom: solid 1px #213B41;
border-top: solid 1px #213B41;
padding-left: 10px;
padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: #BCCAD4;
font-style: normal;
}

.titlebg a:hover
{
color: #BCCAD4;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: #BCCAD4;
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:  #274C43;
             background-image: 

url(http://www.styleyourforum.com/data/225/css1.png);
             background-repeat:  repeat-y;
             background-postion:  top left;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background:  #274C43;
             background-image: 

url(http://www.styleyourforum.com/data/225/css1.png);
             background-repeat:  repeat-y;
             background-postion:  top left;
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: #e0e0ff;
}/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
background-color: #455469;
padding: 0px;
}

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

/* 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: #BCCAD4;
text-transform: uppercase;
vertical-align: top;
                 font-weight: bold;
}
.maintab_back, .maintab_active_back
{
color: #BCCAD4;
text-decoration: none;
font-size:  9px;
vertical-align: top;
padding: 2px 6px 6px 6px;
font-family: tahoma, sans-serif;
                 font-weight: bold;
}

.maintab_first
{

width: 10px;
}
.maintab_back
{

}
.maintab_last
{

width: 8px;
}
.maintab_active_first
{

width: 6px;
}
.maintab_active_back
{

}
.maintab_active_last
{

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: #BCCAD4;
text-decoration: none;
                 font-weight: bold;
}

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

.mirrortab_first
{

width: 10px;
}
.mirrortab_back
{

}
.mirrortab_last
{

width: 6px;
}
.mirrortab_active_first
{

width: 6px;
}
.mirrortab_active_back
{

}
.mirrortab_active_last
{

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: #BCCAD4;
text-decoration: none;
}

.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
color: #BCCAD4;
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;
}




« Last Edit: August 20, 2009, 04:39:09 pm by simply sibyl »

Offline Wild Rose

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

  • Total Badges: 15
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Stylesheet] Dark Skys
« Reply #1 on: October 30, 2008, 01:47:44 pm »
Beautiful! I love it.



Offline deathwilldie

  • Style Designer
  • *
  • Posts: 770
  • Give me an idea for a Stylesheet
    • View Profile
    • Revolution X

  • Total Badges: 28
    Badges: (View All)
    Tenth year Anniversary Nineth year Anniversary Search Eighth year Anniversary Seventh year Anniversary
Re: [Stylesheet] Dark Skys
« Reply #2 on: October 30, 2008, 09:50:08 pm »
That's pretty nice.

Offline Suki The Saluki

  • SMF For Free Sponsors
  • *
  • Posts: 827
    • View Profile

  • Total Badges: 14
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Stylesheet] Dark Skys
« Reply #3 on: October 31, 2008, 09:22:20 am »
A Typical siybl...

Great job i was in the making to make a cloud/dark banner :D

Offline Weegee

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

  • Total Badges: 11
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 100 Posts
Re: [Stylesheet] Dark Skys
« Reply #4 on: November 01, 2008, 05:20:31 pm »
Can you please tell me where the images go?
I don't understand some of those at the top...

Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

  • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
Re: [Stylesheet] Dark Skys
« Reply #5 on: November 01, 2008, 05:34:04 pm »
Can you please tell me where the images go?
I don't understand some of those at the top...

Admin > Manage Styles > Customize Images

the on, on2, new some, new none images replace these



The rest are for images in the info center.
You'll find them further down on that page under the Icon Images Category




the xx.gif one is the last one on the page


Take note of the filenames for them as you replace them so you replace the correct ones.

Offline Weegee

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

  • Total Badges: 11
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 100 Posts
Re: [Stylesheet] Dark Skys
« Reply #6 on: November 12, 2008, 01:38:10 am »
Sorry For The 11 Day Bumb, But Sibyl, You Need To Fix That Stylesheet A Bit.
It's Annoying Me A Little Bit.
Now Don't Get Me Wrong, I LOVE The Stylesheet...
But When You Have Something That Needs To Scroll Horizontaly, It Won't Display The Bar To Scroll.
So, Please Fix That Small Bug Sibyl.
Thanks!

Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

  • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
Re: [Stylesheet] Dark Skys
« Reply #7 on: November 12, 2008, 07:56:47 am »
Sorry For The 11 Day Bumb, But Sibyl, You Need To Fix That Stylesheet A Bit.
It's Annoying Me A Little Bit.
Now Don't Get Me Wrong, I LOVE The Stylesheet...
But When You Have Something That Needs To Scroll Horizontaly, It Won't Display The Bar To Scroll.
So, Please Fix That Small Bug Sibyl.
Thanks!

Weegee there is nothing about the css that would cause that to happen.   Has to be something else going on, on your forum...   possibly a code you have installed?   Possibly an issue with your browser?       Helpful if you can give an exact example/screenshot of where you are having the issue.   I have this installed on one of my test forums and I can assure you the horizontal scrollbars are there.

Offline Weegee

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

  • Total Badges: 11
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 100 Posts
Re: [Stylesheet] Dark Skys
« Reply #8 on: November 12, 2008, 12:54:16 pm »
Really?  Huh...
Look At The Screen...
Look
Notice How I Can't Scroll Over...

Offline deathwilldie

  • Style Designer
  • *
  • Posts: 770
  • Give me an idea for a Stylesheet
    • View Profile
    • Revolution X

  • Total Badges: 28
    Badges: (View All)
    Tenth year Anniversary Nineth year Anniversary Search Eighth year Anniversary Seventh year Anniversary
Re: [Stylesheet] Dark Skys
« Reply #9 on: November 12, 2008, 12:58:51 pm »
The css doesn't deal with taking those off.  It might be a code somewhere in your headers and footers.  Try taking everything out of your headers and see if that makes the scroll things appear.  If not put the headers back in and then take out the footers and see.  If when you take out the headers and the scrolls appear then it's a code in your headers, or the same with footers.

Offline Kharma

  • SMF For Free Newbie
  • *
  • Posts: 6
    • View Profile
    • The Zone

  • Total Badges: 8
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 First Post
Re: [Stylesheet] Dark Skys
« Reply #10 on: November 13, 2008, 12:31:17 pm »
I installed this stylesheet onto a test site and I when I try to post anything, I experience a lag in keystrokes.  I have tried other stylesheets and have no problem, just seems to be with this one. I tried to reinstall and still have the same problem.  Am I doing something wrong? 

Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

  • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
Re: [Stylesheet] Dark Skys
« Reply #11 on: November 13, 2008, 01:35:44 pm »
I installed this stylesheet onto a test site and I when I try to post anything, I experience a lag in keystrokes.  I have tried other stylesheets and have no problem, just seems to be with this one. I tried to reinstall and still have the same problem.  Am I doing something wrong? 

no, not at all.
The opacity settings to do the transparency do have a habit of making it lag abit.    I have noticed it with any style that is made using those settings.    Unfortunate, but not something I can do anything about  (unless I create actual transparent images for the style).   Seems worse in IE then in Fox.    If you want to use the style without transparency look for this area:

Code: [Select]
/* The main body of the entire forum. */
body
{
                background-color: black;
                background-image:  url(http://www.styleyourforum.com/data/225/css0.jpg);
                background-position:  top left;
                background-repeat:  repeat-x;
                background-attachment:  fixed;
                margin: auto;
                width:  960px;
                padding-top: 30px;
                opacity:0.90;
                filter:alpha(opacity=90);
}


Remove this part of it:
opacity:0.90;
filter:alpha(opacity=90);
« Last Edit: November 13, 2008, 01:38:46 pm by simply sibyl »

Offline Weegee

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

  • Total Badges: 11
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 100 Posts
Re: [Stylesheet] Dark Skys
« Reply #12 on: November 13, 2008, 10:32:06 pm »
Umm...
I Removed All Of The Footers, And It Was Fixed.
So, I Skimmed Through To See What Code It Was, But Every Code I Took Out Didn't Make It Better.
?!

Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

  • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
Re: [Stylesheet] Dark Skys
« Reply #13 on: November 13, 2008, 11:12:29 pm »
Umm...
I Removed All Of The Footers, And It Was Fixed.
So, I Skimmed Through To See What Code It Was, But Every Code I Took Out Didn't Make It Better.
?!

As death said, the css doesnt take those off.     Honestly -   it doesnt.
It has got to be one of the codes that you are using.
You said you removed all of the footers and it was fixed.. that should tell you that it was a code in your footers causing it.     

Offline Kharma

  • SMF For Free Newbie
  • *
  • Posts: 6
    • View Profile
    • The Zone

  • Total Badges: 8
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 First Post
Re: [Stylesheet] Dark Skys
« Reply #14 on: November 14, 2008, 11:35:21 am »
I installed this stylesheet onto a test site and I when I try to post anything, I experience a lag in keystrokes.  I have tried other stylesheets and have no problem, just seems to be with this one. I tried to reinstall and still have the same problem.  Am I doing something wrong? 

no, not at all.
The opacity settings to do the transparency do have a habit of making it lag abit.    I have noticed it with any style that is made using those settings.    Unfortunate, but not something I can do anything about  (unless I create actual transparent images for the style).   Seems worse in IE then in Fox.    If you want to use the style without transparency look for this area:


Remove this part of it:
opacity:0.90;
filter:alpha(opacity=90);

I removed that part, it's better but still lags a little.  Appreciate the help, thank you!  :)

 

Related Topics

  Subject / Started by Replies Last post
5 Replies
3929 Views
Last post November 16, 2007, 11:15:19 am
by RS location
0 Replies
3419 Views
Last post August 03, 2007, 03:06:00 pm
by guest1738
13 Replies
6476 Views
Last post November 24, 2008, 12:33:35 pm
by [JeReMy]