Advertise Here

Author Topic: [Stylesheet] Dark Hearts - Valentines Day  (Read 4610 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 Hearts - Valentines Day
« on: December 15, 2007, 10:47:56 am »
Demo Here

on, off, new_some, new_none images
http://www.styleyourforum.com/data/31/new_none.gif
http://www.styleyourforum.com/data/31/new_some.gif
http://www.styleyourforum.com/data/31/off.gif
http://www.styleyourforum.com/data/31/on.gif
http://www.styleyourforum.com/data/31/on2.gif

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

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

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

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

/* The main body of the entire forum. */
body
{
             background-image:

url(http://www.styleyourforum.com/data/31/css0.jpg);
             background-repeat: no-repeat;
             background-position: bottom left;
             background-attachment:  fixed;
             background-color: #2B1515;
margin: 0px;
padding: 20px 50px 30px 50px;
}

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




textarea
{
font-size: 100%;
color: #d0d0d0;
font-family: verdana, sans-serif;
}

/* All input elements that are checkboxes or radio buttons. */
input.check
{
background: #7B2F2F;
border: solid 1px #C57D7D;
}
input:focus, select:focus{
background: #383000;
border: solid 1px #DCB780;
}
/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
font-size: 90%;
font-weight: normal;
color: #d0d0d0;
font-family: verdana, sans-serif;
background: #7B2F2F;
border: solid 1px #C57D7D;
}

/* 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: #C57D7D;
background-color: #834141;
border: 1px solid #C17171;

margin: 1px;
padding: 5px;
font-size: x-small;
line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
color: #C57D7D;
background-color: #834141;
font-size: x-small;
line-height: 1.3em;
/* Put a nice border around it. */
border: 1px solid #C17171;
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: #C17171;
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%;
}

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

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
color: #C57D7D;
background-color: #7B2F2F;
}
.windowbg2
{
color: #000000;
background-color: #6A3030;
             background-image:

url(http://www.styleyourforum.com/data/31/css1.png);
             background-repeat: repeat;
}
.windowbg3
{
color: #000000;
background-color: #562424;
}
.windowbg, .windowbg2, .windowbg3{
border-left: solid 1px #A55151;
border-top: solid 1px #A55151;
border-right: solid 1px black;
border-bottom: solid 1px black;
}

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

/* 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: #7C3C3C;
font-style: normal;
background-color: black;
background:

url(http://www.styleyourforum.com/data/31/css2.png) repeat-x;
padding-left: 10px;
padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: #7C3C3C;
font-style: normal;
}

.titlebg a:hover
{
color: #000000;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: #7C3C3C;
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-color: #2B1515;
color: #904646;
padding-left: 10px;
padding-right: 10px;
border-left: solid 1px #4B2525;
border-top: solid 1px #4B2525;
border-right: solid 1px #4B2525;
border-bottom: solid 2px black;
}
.catbg2 , tr.catbg2 td
{
background-color: #2B1515;
color: #904646;
padding-left: 10px;
padding-right: 10px;
border-left: solid 1px #4B2525;
border-top: solid 1px #4B2525;
border-right: solid 1px #4B2525;
border-bottom: solid 2px black;
}
.catbg, .catbg2, .catbg3
{

border-left: solid 1px #4B2525;
border-top: solid 1px #4B2525;
border-right: solid 1px #4B2525;
border-bottom: solid 2px black;

}
.catbg, .catbg2
{
font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
font-size: 95%;
color: #904646;
text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
color: #904646;
text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
color: #904646;
}
.catbg3{
border-bottom: solid 2px #000000;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
             padding: 1px;
border: 1px solid #4B2525;
background-color: #2B1515;
}

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

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

.maintab_first
{
background: #2B1515;
             border-left:  2px solid #4B2525;
             border-bottom:  2px solid #4B2525;
width: 10px;
}
.maintab_back
{
background: #2B1515;
        border-bottom:  2px solid #4B2525;
}
.maintab_last
{
background: #2B1515;
             border-right: 2px solid #4B2525;
             border-bottom: 2px solid #4B2525;
width: 8px;
}
.maintab_active_first
{
background: #5F2727;
              border-left:  2px solid #4B2525;
             border-bottom:  2px solid #4B2525;
width: 6px;
}
.maintab_active_back
{
background: #5F2727;
             border-bottom:  2px solid #4B2525;
             
}
.maintab_active_last
{
background: #5F2727;
             border-right:  2px solid #4B2525;
             border-bottom: 2px solid #4B2525;
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: #C57D7D;
text-decoration: none;
}

.maintab_back a:hover, .maintab_active_back a:hover
{
color: #8A4848;
text-decoration: none;
}
/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back,

.mirrortab_active_last
{
color: #C57D7D;
text-transform: uppercase;
vertical-align: top;
}
.mirrortab_back, .mirrortab_active_back
{
color: #C57D7D;
text-decoration: none;
font-size: 9px;
vertical-align: bottom;
padding: 6px 6px 2px 6px;
font-family: tahoma, sans-serif;
}

.mirrortab_first
{
background: #2B1515;
        border-top:  2px solid #4B2525;
        border-left:  2px solid #4B2525;
width: 10px;
}
.mirrortab_back
{
background: #2B1515;
             border-top:  2px solid #4B2525;
}
.mirrortab_last
{
background: #2B1515;
             border-top:  2px solid #4B2525;
             border-right:  2px solid #4B2525;
width: 6px;
}
.mirrortab_active_first
{
background: #5F2727;
             border-top:  2px solid #4B2525;
             border-left:  2px solid #4B2525;
width: 6px;
}
.mirrortab_active_back
{
background: #5F2727;
             border-top:  2px solid #4B2525;
}
.mirrortab_active_last
{
background: #5F2727;
             border-top:  2px solid #4B2525;
        border-right: 2px solid #4B2525;
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: #C57D7D;
text-decoration: none;
}

.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
color: #8A4848;
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, 06:12:10 pm by simply sibyl »

Offline Y4NK33F4N

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

  • Total Badges: 18
    Badges: (View All)
    Search Apple User Topic Starter Combination Level 3
Re: [Stylesheet] Dark Hearts - Valentines Day
« Reply #1 on: December 15, 2007, 10:57:23 am »
Amazing!
When I get older, I will be stronger,
They'll call me freedom, just like a Waving Flag,
And then it goes back, and then it goes back,
And then it goes back

~~K'naan Wavin Flag~~

Offline Celebrus

  • SMF For Free Hero
  • *
  • Posts: 941
    • View Profile
    • Vikhyat Korrapati

  • Total Badges: 16
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Stylesheet] Dark Hearts - Valentines Day
« Reply #2 on: December 15, 2007, 11:00:37 am »
Hey nice!

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 Hearts - Valentines Day
« Reply #3 on: December 15, 2007, 11:01:49 am »

Offline deathwilldie

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

  • Total Badges: 26
    Badges: (View All)
    Search Eighth year Anniversary Seventh year Anniversary Sixth year Anniversary Poll Voter
Re: [Stylesheet] Dark Hearts - Valentines Day
« Reply #4 on: December 15, 2007, 11:07:48 am »
Thats amaizing.

Offline cooldude101

  • SMF For Free Hero
  • *
  • Posts: 538
    • View Profile

  • Total Badges: 17
    Badges: (View All)
    Windows User Topic Starter Combination Level 3 Level 2
Re: [Stylesheet] Dark Hearts - Valentines Day
« Reply #5 on: December 15, 2007, 11:17:36 am »
That's is amazing.
 

Offline Laugh-nd-kid

  • SMF For Free Master
  • *
  • Posts: 1409
  • Thankyou for this great software SMF For Free!
    • View Profile

  • Total Badges: 21
    Badges: (View All)
    Topic Starter Combination Level 4 Level 3 Level 2
Re: [Stylesheet] Dark Hearts - Valentines Day
« Reply #6 on: December 16, 2007, 07:27:52 am »
Very nice.

Offline rileyks

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

  • Total Badges: 16
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Stylesheet] Dark Hearts - Valentines Day
« Reply #7 on: December 17, 2007, 03:01:11 pm »
I love the hearts so much but everything is so dark can't really see the icons very well...could be my old tired eyes...lol.

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 Hearts - Valentines Day
« Reply #8 on: December 18, 2007, 09:14:41 am »
I love the hearts so much but everything is so dark can't really see the icons very well...could be my old tired eyes...lol.

er monitor settings set real dark?

Offline rileyks

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

  • Total Badges: 16
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Stylesheet] Dark Hearts - Valentines Day
« Reply #9 on: December 18, 2007, 11:23:36 am »
I love the hearts so much but everything is so dark can't really see the icons very well...could be my old tired eyes...lol.

er monitor settings set real dark?

Nope

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 Hearts - Valentines Day
« Reply #10 on: December 18, 2007, 11:26:23 am »
I love the hearts so much but everything is so dark can't really see the icons very well...could be my old tired eyes...lol.

er monitor settings set real dark?

Nope

humm  well the stylesheet IS purposely on the dark side.  I checked it on 3 systems in my home and I can see all of the images clearly.   The background WAS too dark on my older machine until I adjusted my monitor settings.

Offline rileyks

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

  • Total Badges: 16
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Stylesheet] Dark Hearts - Valentines Day
« Reply #11 on: December 18, 2007, 03:56:17 pm »
I love the hearts so much but everything is so dark can't really see the icons very well...could be my old tired eyes...lol.

er monitor settings set real dark?

Nope

humm  well the stylesheet IS purposely on the dark side.  I checked it on 3 systems in my home and I can see all of the images clearly.   The background WAS too dark on my older machine until I adjusted my monitor settings.

Ok...will have to check that when I get home....I am on my computer at work...lol..

 

Related Topics

  Subject / Started by Replies Last post
5 Replies
3266 Views
Last post November 16, 2007, 11:15:19 am
by RS location
4 Replies
2768 Views
Last post January 14, 2008, 06:12:34 am
by Melody670
2 Replies
2775 Views
Last post December 18, 2008, 09:04:16 am
by cookie*doll
11 Replies
7058 Views
Last post February 04, 2012, 05:43:52 pm
by Andrew
1 Replies
682 Views
Last post February 15, 2009, 12:59:47 pm
by Jessie