Advertise Here

Show Posts

This section allows you to view all posts made by this member. Note that you can only see posts made in areas you currently have access to.


Messages - neko-ka-san

Pages: [1] 2 3 4 5
1
Stylesheet Codes / [Stylesheet] Grannie Wallpaper
« on: March 08, 2008, 01:42:19 pm »


I <3 this stylesheet so much. Reminds me of my grandmother's wallpaper in her dining room. Very earthy tones and somewhat girly for spring. But since this wasn't requested I could do what I wanted without limitations. ANYWAY! Use it, or don't. But I'd love comments anyway!

CSS
Code: [Select]
/* Normal, standard links. */

a:link, a:visited {
    color: #F0EBD2;
    text-decoration: none;
}

a:hover {
color: #696864;
border-bottom: 1px solid #F0EBD2;

}
/* Navigation links - for the link tree. */

.nav, .nav:link, .nav:visited {
    color: #F0EBD2;
    text-decoration: none;
}

a.nav:hover {
    color: #F0EBD2;
    background-color: #C8A08C;
    text-decoration: none;
}
/* Tables should show empty cells. */

table {
    empty-cells: show;
}
/* By default (td, body..) use verdana in black. */

body {
    color: #918166;
    font-size: 11px;
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    line-height: 150%;
}
/* The main body of the entire forum. */

body {
    margin: 0px;
    padding: 0px;
    background: #EADECA url(http://i75.photobucket.com/albums/i300/localizeddisaster/pattern_140.gif) repeat;
}
/* Input boxes - just a bit smaller than normal so they align well. */

input, textarea, button {
    color: #918166;
    font-family: verdana, sans-serif;
}

input, button {
    font-size: small;
    margin: 1px;
}

input, textarea {
    background: #F0EBD2;
    font-size: small;
    border: solid 1px #F0EBD2;
}

input:focus {
    background: #F0EBD2;
}

textarea {
    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 {
    border: solid 1px #918166;
    background: #F0EBD2;
    font-size: small;
    font-weight: normal;
    color: #918166;
    font-family: verdana, sans-serif;
}
/* Standard horizontal rule.. ([hr], etc.) */

hr, .hrcolor {
    height: 1px;
    border: 0;
    color: #918166;
    background-color: #F0EBD2;
}
/* No image should have a border when linked */

a img {
    border: 0;
}
/* A quote, perhaps from another post. */

.quote {
    background: #F0EBD2 url() 4px 4px no-repeat;
    color: #918166;
    border: 1px solid #918166;
    margin: 10px 0pt;
    padding: 10px 10px 20px 50px;
    width: auto;
    font-size: x-small;
    line-height: 120%;
}
/* A code block - maybe even PHP ;). */

.code {
    color: #918166;
    background: #F0EBD2;
    font-family: Helvetica, Arial, sans-serif;
    font-size: x-small;
    line-height: 1.3em;
/* Put a nice border around it. */
    border-bottom: 5px solid #918166;
    border-top: 5px solid #918166;
    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: #F0EBD2;
    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: yellow;
    font-weight: bold;
    color: black;
}
/* Alternating backgrounds for posts, and several other sections of the forum. */

.windowbg {
    background: #AFB9AA;
}

.windowbg2 {
    background: #AFB9AA;
}

.windowbg3 {
    background: #AFB9AA;
    margin-bottom: 2px;
    padding: 4px;
    text-align: center;
    color: #858585;
}

.windowbg4 {
    background: #AFB9AA;
    margin-bottom: 2px;
    padding: 4px;
    text-align: center;
    color: #858585;
}

.windowbg5 {
    background: #AFB9AA;
}

table.messagetable {
    border-bottom: 4px solid #292929;
}
/* the today container in calendar */

.calendar_today {
    background-color: #AFB9AA;
}
/* 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: #918166;
    font-style: normal;
    background: #AFB9AA url() repeat-x;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 20px;
}

.titlebg, .titlebg a:link, .titlebg a:visited {
    color: #918166;
    font-style: normal;
}

.titlebg a:hover {
    color: white;
}
/* same as titlebg, but used where bold text is not needed */

.titlebg2 a:link, .titlebg2 a:visited {
    color: #918166;
    font-style: normal;
    text-decoration: underline;
}

.titlebg, .titlebg2 {
    font-weight: bold;
    font-family: tahoma, sans-serif;
    font-size: 1.0em;
}

.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: #AFB9AA url() repeat-x;
    color: #F0EBD2;
    padding-left: 10px;
    padding-right: 10px;
}

.catbg2, tr.catbg2 td {
    background: #AFB9AA url() repeat-x;
    color: #F0EBD2;
    padding-left: 10px;
    padding-right: 10px;
}

.catbg, .catbg2, .catbg3 {
    font-weight: bold;
    font-family: tahoma, sans-serif;
    font-size: 1.0em;
}

.catbg, .catbg2 {
    background: #AFB9AA;
}

.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited {
    font-size: 95%;
    color: #F0EBD2;
    text-decoration: none;
}

.catbg a:link, .catbg a:visited, .catbg2 a:link, .catbg2 a:visited {
    color: #F0EBD2;
    text-decoration: none;
}

.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover {
    color: #F0EBD2;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */

.bordercolor {}
/* This is used on tables that should just have a border around them. */

.tborder {}
/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */

.smalltext {
    font-size: x-small;
    font-family: tahoma, sans-serif;
}

.middletext {
    line-height: 18px;
    text-indent: 10px;
}

.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: #ffffd0;
    font-style: italic;
}
/* 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, .mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last {
    color: #B48771;
    vertical-align: top;
}

.maintab_back, .maintab_active_back, .mirrortab_back, .mirrortab_active_back {
    color: #B48771;
    background: url();
    text-decoration: none;
    font-size: 10px;
    font-family: verdana, sans-serif;
    padding: 5px 10px 5px 10px;
}

.maintab_first,.mirrortab_first {
    display: none;
}

.maintab_back,.mirrortab_back {
    background: url() repeat-x;
    color: #B48771;
}

.maintab_last,.mirrortab_last {
    display: none;
}

.maintab_active_first, .mirrortab_active_first {
    display: none;
}

.maintab_active_back, .mirrortab_active_back {
    background: url() repeat-x;
}

.maintab_active_last, .mirrortab_active_last {
    display: none;
}
/* how links behave in main tab. */

.maintab_back a:link, .maintab_back a:visited, .mirrortab_back a:link, .mirrortab_back a:visited {
    color: #B48771;
    text-decoration: none;
    font-family: verdana;
    font-weight: bold;
}

.maintab_active_back a:link, .maintab_active_back a:visited, .mirrortab_active_back a:link, .mirrortab_active_back a:visited {
    color: #FFFFFF;
    background: #DCB4A0 url() repeat-x;
    display: block;
    text-decoration: none;
    font-family: verdana;
    font-weight: bold;
}

.maintab_back a:hover, .maintab_active_back a:hover, .mirrortab_back a:hover, .mirrortab_active_back a:hover {
    color: #B48771;
    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: 75%;
    position: fixed;
    top: 0;
    left: 0;
}
/* Grannie Wallpaper Skin */
#contain {
background-color: #F0EBD2;
        border-top: 0px solid #AFB9AA
        border-bottom: 0px solid #AFB9AA;
        border-right: 0px solid #AFB9AA;
        border-left: 0px solid #AFB9AA;
padding: 20px 25px;
width: 740px;
margin: 0 auto;
}

Logo

Want one that says something different? PM me for the PSD or I can make you a different one.  ;)

New


No New


New_some


New_none


Upshrink


Downshrink

2
Stylesheet Codes / [Stylesheet] Nintendo Wii
« on: February 26, 2008, 06:40:53 am »


Nintendo Wii. Yeah two stylesheets in a few hours. The layout is similar to my devart one but, eh who cares. Someone made a request for it without a lot of info so I just made one. xD If you like it, use it...  ;D

CSS
Code: [Select]
/* The general styles that apply to all elements */
*                                                                                                                   
{
        margin: 0;
        padding: 0;
}

/* The main body element */
body
{
background: #B5B5B5;
        width: 800px;
        font-family: tahoma, sans-serif;
        font-size: 70%;
color: #333;
margin: 0 auto;
}

/* Things that will not be visible to the regular eye :) */
#access, #footer li.html a span, #footer li.css a span, h2
{
position: absolute;
left: -9999px;
}

/* The links */
a
{
color: #0AA1C6;
text-decoration: none;
}
a:hover
{
color: #09C8E5;
}

/* The images */
img
{

}
a img
{
border: 0;
}

/* The paragraphs */
p
{
margin-bottom: 11px;
line-height: 140%;
}


/* The headings */
h1, h2, h3, h4, h5
{
font-weight: 100;
}

/* The forms */
input, textarea, select
{
margin: 0 10px;
}
input, textarea
{
padding: 5px 10px;
border: 1px #f1f9f0 solid;
background: #fff;
}
input:focus, textarea:focus, input:hover, textarea:hover
{
border: 1px #c9e2ef solid;

}
input
{
font-size: 90%;
}
textarea
{
font-family: Tahoma, sans-serif;
font-size: 95%;
}

/* The buttons */
button
{
background: #000;
}
/* The tables */
table
{
margin: 0 auto;
}
table td
{
padding: 5px;
}


/* The linktree */
.nav
{
        color: #0AA1C6;
        margin-bottom: 8px;
        position: relative;
}
.nav a
{
        font-weight: bold;
        color: #0AA1C6;
}
.nav a:hover
{
        color: #09C8E5;
}

/* The main body */
#bodyarea
{
background: #FFF url(http://i75.photobucket.com/albums/i300/localizeddisaster/hafif/bodybgt.gif) top center no-repeat;
padding: 15px;
overflow: auto;
clear: both;

}
#bodyareabot
{
background: #FFF url(http://i75.photobucket.com/albums/i300/localizeddisaster/hafif/bodybgb.gif) center no-repeat;
width: 800px;
height: 21px;
}
#bodyarea h3
{
font-size: 160%;
clear: both;
position: relative;
color: #0176b2;
padding-top: 14px;
margin-bottom: 4px;
}
#bodyarea h3 a
{
color: #0176b2;
}
#bodyarea h3 a:hover
{
color: #4c4b4f;
}
#bodyarea h3#first
{
padding-top: 2px;
}
#bodyarea h3 img
{
vertical-align: middle;
}
.collapse img
{
        position: relative;
        float: right;
        top: 4px;
}


/* !!! SMF Spesific Styles For Compatibility !!! */
hr, .hrcolor
{
height: 1px;
border: 0;
color: #666;
background: #666;
}
.help
{
cursor: help;
}
.meaction
{
color: red;
}
.editor
{
width: 96%;
}
.highlight
{
background: #ebf5b5;
font-weight: bold;
color: black;
}
.windowbg, .windowbg3
{
color: #0AA1C6;
background: #FFF;
        padding: 3px 10px;
}
.windowbg2
{
color: #0AA1C6;
background: #fff;
        padding: 3px 10px;
}
.calendar_today
{
background: #f1f9f0;
border: 1px #c9e2ef solid;
}
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td
{
font-size: 110%;
clear: both;
font-weight: bold;
position: relative;
color: #0AA1C6;
margin-bottom: 12px;
}
.titlebg img, titlebg2 img
{
vertical-align: middle;
}
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td, .catbg2 , tr.catbg2 td
{
background: #FFFFFF url(http://i75.photobucket.com/albums/i300/localizeddisaster/hafif/wiititlebg.png);
border-top: 5px #000;
color: #FFFFFF;
padding-left: 12px;
padding-right: 12px;
}
.catbg, .catbg2
{
font-weight: bold;
}
.catbg3, tr.catbg3 td
{
font-size: 95%;
}
.catbg a, .catbg2 a, .catbg3 a
{
color: #FFFFFF;

}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
color: #FFFFFF;
}
.bordercolor
{
padding: 0;
}
.tborder
{
padding: 1px;
}
.smalltext
{
font-size: 90%;
font-family: verdana, sans-serif;
}
.middletext
{
font-size: 100%;
}
.normaltext
{
font-size: small;
}
.largetext
{
font-size: large;
}
.signature
{
width: 100%;
overflow: auto;
padding: 0;
line-height: 1.3em;
}
.error
{
color: red;
}
#helpmain ul, #helpmain ol
{
margin: 0 0 12px 25px;
}
#ajax_in_progress
{
background: #FFF url(http://i75.photobucket.com/albums/i300/localizeddisaster/hafif/ajaxloading.gif) no-repeat 10%;
color: #000;
text-align: left;
font-size: 18px;
font-family: "Trebuchet MS", sans-serif;
padding: 10px;
padding-left: 65px;
position: absolute;
left: -105px;
width: 105px;
        border: 1px solid #D0D0D0;

}
#ajax_center
{
top: 45%;
width: 105px;
position: absolute;
left: 50%;
}

/* 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, .mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last {
    color: #09C8E5;
    vertical-align: top;
}

.maintab_back, .maintab_active_back, .mirrortab_back, .mirrortab_active_back {
    color: #09C8E5;
    background: url();
    text-decoration: none;
    font-size: 10px;
    font-family: verdana, sans-serif;
    padding: 5px 10px 5px 10px;
}

.maintab_first,.mirrortab_first {
    display: none;
}

.maintab_back,.mirrortab_back {
    background: url() repeat-x;
    color: #0AA1C6;
}

.maintab_last,.mirrortab_last {
    display: none;
}

.maintab_active_first, .mirrortab_active_first {
    display: none;
}

.maintab_active_back, .mirrortab_active_back {
    background:  url() repeat-x;
}

.maintab_active_last, .mirrortab_active_last {
    display: none;
}
/* how links behave in main tab. */

.maintab_back a:link, .maintab_back a:visited, .mirrortab_back a:link, .mirrortab_back a:visited {
    color: #09C8E5;
    text-decoration: none;
    font-family: verdana;
    font-weight: bold;
}

.maintab_active_back a:link, .maintab_active_back a:visited, .mirrortab_active_back a:link, .mirrortab_active_back a:visited {
    color: #09C8E5;
    background: url() repeat-x;
    text-decoration: none;
    font-family: verdana;
    font-weight: bold;
}

.maintab_back a:hover, .maintab_active_back a:hover, .mirrortab_back a:hover, .mirrortab_active_back a:hover {
    color: #09C8E5;
    text-decoration: none;
}

/* Wii Style Skin */
#contain {
background-color: #FFFFFF;
padding: 20px 25px;
width: 740px;
margin: 0 auto;
}

Header
Code: [Select]
<div align="center">
<table border="0" width="790" cellpadding="0" cellspacing="0" background="http://i75.photobucket.com/albums/i300/localizeddisaster/hafif/logobg.png">
<tr>
<td><img src="http://i75.photobucket.com/albums/i300/localizeddisaster/hafif/wiilogo.png"></td></tr>
</table>
<div id="contain">

new_some

Code: [Select]
http://i75.photobucket.com/albums/i300/localizeddisaster/hafif/wiionsome.png
new_none

Code: [Select]
http://i75.photobucket.com/albums/i300/localizeddisaster/hafif/off_child.gif
ON

Code: [Select]
http://i75.photobucket.com/albums/i300/localizeddisaster/hafif/wiion.png
OFF

Code: [Select]
http://i75.photobucket.com/albums/i300/localizeddisaster/hafif/off.gif
Expand

Code: [Select]
http://i75.photobucket.com/albums/i300/localizeddisaster/hafif/expand.gif
Collapse

Code: [Select]
http://i75.photobucket.com/albums/i300/localizeddisaster/hafif/collapse.gif

3
Stylesheet Requests and Support / Re: [REQ] Nintendo Wii Stylesheet
« on: February 26, 2008, 04:22:20 am »
So you want an opera theme or a Wii website theme?

4
Stylesheet Requests and Support / Re: [REQ]Oblivion
« on: February 26, 2008, 04:21:08 am »
Is it like Elder Scrolls Oblivion?

5
Stylesheet Requests and Support / Re: [REQ] Deviant Art Mimic Wanted
« on: February 26, 2008, 04:15:52 am »
You could always contact the author of the devient theme that is posted at simplemachines and see if he minds you using his css to make a stylesheet for smf for free.   I did so when I made smf enhanced and the guy was more then happy to have me do it so long as I gave him credit for the initial idea (which i did)


Oh no. I meant like the actual deviant art copyrighted graphics. The guy who did the one for the SMF site used them for the ON and OFF graphics, but I didn't want to do that. Only god knows how long it'd take a devart administrator to get back to me about using the actual graphics. And then they'd just tell me it was copyright infringement because the logo and all is a trademark of their's and such.

6
Stylesheet Requests and Support / Re: [REQ] Deviant Art Mimic Wanted
« on: February 26, 2008, 03:06:19 am »
EDIT~! I so didn't see that Warzone posted one in another thread. Sorry! Well, if anyone wants to use it they can. xD Sorry Warzone! ;_;

Yeah, I really like sort of monotone sorts of board skins. I think Deviant Art has a nice subtle look. I wish more people would do those on here (hint hint hint). I like things that are not high contrast and smaller font.

And thank you!

I sent you a PM, not sure if you can use it.


I completely agree! xD



CSS
Code: [Select]
img
{
        border: 0px

}

/* Normal, standard links. */
a:link
{
color: #3B4A4a;
text-decoration: none;
}
a:visited
{
color: #5A695F;
text-decoration: none;
}

 a:hover
{
color: #3B4A4A;
text-decoration: underline;
}

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

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

/* By default (td, body..) use Tahoma in black. */
td
{
color: #000000;
font-size: 9pt;
font-family: Verdana, arial, serif;
}

/* The main body of the entire forum. */
body
{
        margin: 0px;
padding: 12px 60px 4px 60px;
color: #BBC2Bb;
font-size: 9pt;
font-family: Verdana, arial, serif;
background-color: #73827B;

}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
font-size: 8pt;
color: #482C04;
font-family: Verdana, arial, serif;
background-color: #F3EEE4;
}

/* Checkboxes shouldn't have a background color. */
input.check
{
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
font-size: 8pt;
font-weight: normal;
color: #6A4719;
font-family: Verdana, arial, serif;
background-color: #BBC2Bb;
}

/* Standard horizontal rule.. */
hr, .hrcolor
{
height: 1px;
border: 0;
color: #000000;
background-color: #000000;
}

/* A quote, perhaps from another post. */
.quote
{
color: #392201;
background-color: #F0E6D4;
border: 1px solid #BF8736;
margin: 1px;
padding: 1px;
font-size: 8pt;
}

/* A code block - maybe even PHP ;). */
.code
{
color: #392201;
background-color: #F0E6D4;
border: 1px solid #BF8736;
padding: 1px;
font-family: Verdana, arial, serif;
font-size: 8pt;
width: 99%;
margin: 1px auto 1px auto;
white-space: nowrap;
overflow: auto;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
color: #935F0D;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: 8pt;
}

/* Generally, those [?] icons. */
.help
{
cursor: help;
}

/* /me uses this a lot. */
.meaction
{
color: #BF7B2A;
}

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

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

/* Alternating backgrounds... */
.windowbg, windowbg3
{
color: gray;
background-color: #ADBEB4;
}
.windowbg2
{
color: #000000;
background-color: #ADBEB4;
}

/* Titles - such as table headers. */
.titlebg, tr.titlebg td, .titlebg a:link, .titlebg a:visited
{
color: #28352E;
font-style: normal;
background-color: #94A59B;
}
.titlebg a:hover
{
color: #28352E;
}

/* The category headers, page indexes, and such things - catbg2 is used for "new" posts. */
.catbg, .catbg2
{
color: #BBC2Bb;
font-style: normal;
background-color: #94A59B;
}

/* The borders around things. */
.bordercolor
{
background-color: #BDC7BE;
}
.tborder
{
border: 1px solid #BDC7BE;
background-color: #BDC7BE;
padding: 2px;
}

/* Default font sizes. */
.smalltext
{
font-size: 8pt;
font-family: Verdana, arial, serif;
}
.normaltext
{
font-size: 9pt;
}
.largetext
{
font-size: 10pt;
}

.bg1
{
background-color: #BBC2Bb;
}

.table1
{
position: relative;
background-color: #ffffff;
border: 1px solid #ffffff
}

.table2
{
position: relative;
background-color: #blue;
border: 1px solid yellow;
border-top: 0px;
text-align:center;
}

.b1
{
background-color:#A8AFA7;
}

/* This is the white header area where the title, menu bars, and header boxes are. */
#headerarea
{
}

/* 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, .mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last {
    color: #90A09F;
    vertical-align: top;
}

.maintab_back, .maintab_active_back, .mirrortab_back, .mirrortab_active_back {
    color: #90A09F;
    background: url(http://i75.photobucket.com/albums/i300/localizeddisaster/devartmimic/topmenu-bg2.gif);
    text-decoration: none;
    font-size: 10px;
    font-family: verdana, sans-serif;
    padding: 5px 10px 5px 10px;
}

.maintab_first,.mirrortab_first {
    display: none;
}

.maintab_back,.mirrortab_back {
    background: url(http://i75.photobucket.com/albums/i300/localizeddisaster/devartmimic/topmenu-bg2.gif) repeat-x;
    color: #9BA5A4;
}

.maintab_last,.mirrortab_last {
    display: none;
}

.maintab_active_first, .mirrortab_active_first {
    display: none;
}

.maintab_active_back, .mirrortab_active_back {
    background:  url(http://i75.photobucket.com/albums/i300/localizeddisaster/devartmimic/topmenu-bg2.gif) repeat-x;
}

.maintab_active_last, .mirrortab_active_last {
    display: none;
}
/* how links behave in main tab. */

.maintab_back a:link, .maintab_back a:visited, .mirrortab_back a:link, .mirrortab_back a:visited {
    color: #90A09F;
    text-decoration: none;
    font-family: verdana;
    font-weight: bold;
}

.maintab_active_back a:link, .maintab_active_back a:visited, .mirrortab_active_back a:link, .mirrortab_active_back a:visited {
    color: #90A09F;
    background: url(http://i75.photobucket.com/albums/i300/localizeddisaster/devartmimic/topmenu-bg2.gif) repeat-x;
    text-decoration: none;
    font-family: verdana;
    font-weight: bold;
}

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

/* Devart Skin */
#contain {
background-color: #BDC7BE;
padding: 20px 25px;
width: 740px;
margin: 0 auto;
}

Header
Code: [Select]
<div align="center">
<table border="0" width="790" cellpadding="0" cellspacing="0" background="">
<tr>
<td><img src="http://i75.photobucket.com/albums/i300/localizeddisaster/devartmimic/devartsmflogo2.png"></td></tr>
</table>
<div id="contain">

Graphics

HEADER PSD

Download the PSD

ON

Code: [Select]
http://i75.photobucket.com/albums/i300/localizeddisaster/devartmimic/on-1.png
OFF

Code: [Select]
http://i75.photobucket.com/albums/i300/localizeddisaster/devartmimic/off-1.png
new_none

Code: [Select]
http://i75.photobucket.com/albums/i300/localizeddisaster/devartmimic/new_none-1.png
new_some

Code: [Select]
http://i75.photobucket.com/albums/i300/localizeddisaster/devartmimic/new_some-1.png
expand

Code: [Select]
http://i75.photobucket.com/albums/i300/localizeddisaster/devartmimic/expand.gif
collapse

Code: [Select]
http://i75.photobucket.com/albums/i300/localizeddisaster/devartmimic/collapse.gif
Okie, I just whipped this up. Hope it's okay. I didn't use any graphics from devart cause I don't wanna be sued. xD But I included the PSD if you have photoshop so you can edit the header graphic. If you don't have PS, I'll do a graphic for you. Just send me a pm with what you want.

8
Graphics / Re: Another FMA
« on: January 25, 2008, 01:50:06 pm »
That's so cute! I love FMA! Very good graphic, Omi!

9
Suggestions / Just an idea?
« on: January 24, 2008, 03:10:50 pm »
I was wondering if maybe we could have like a graphics and/or stylesheet competition or something? If it's a dumb idea, let me know.  :buck2: Just thought I would ask about it.

10
Stylesheet Requests and Support / Re: [Request] Warcraft Stylesheet
« on: January 24, 2008, 02:58:19 pm »
its looking good (as usual)  Nutz

I second that! Sooner or later I'm just gonna ask you to design my stylesheets for me.  :smitten:

11
That would be a very good idea to contact them. I know I said I would give it a try but I don't wanna even dare do it if it can even be questioned about copyright infringement.

12
I'll try this. :D

13
Stylesheet Codes / Re: [Stylesheet] Abyss
« on: January 20, 2008, 03:20:33 pm »
So pretty! I love the logo! Good job Omikron!

14
Stylesheet Requests and Support / Re: [Request] Warcraft Stylesheet
« on: January 19, 2008, 11:57:59 pm »
Do you have a background or something? I'm not real familiar with Warcraft.

15
Stylesheet Codes / [Stylesheet] Mystic Jade Mimic
« on: January 19, 2008, 04:15:50 pm »
2nd mimic stylesheet from DzinerStudio. I claim nothing from this layout. Just merely converted it and uploaded pics for smfforfree to make it available to you guys. I converted this one a couple of months ago but forgot to post it here. They're pretty dark. Some people might like them.


Header
Code: [Select]
<div>
<table width="100%" cellpadding="0" cellspacing="0" background="http://i75.photobucket.com/albums/i300/localizeddisaster/mystic/header-bg.png">
<tr>
<td  height="32">
<span><img src="http://i75.photobucket.com/albums/i300/localizeddisaster/mystic/logo.png"></span>
</td>
</tr></table>

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

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

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

/* By default (td, body..) use verdana in black. */
body, td, th , tr
{
line-height: 150%;
font-family: Tahoma,Arial,Helvetica,sans-serif;
color: #cdcdcd;
font-size: 11px;
}

/* The main body of the entire forum. */
body
{
background: #000000 url(http://i75.photobucket.com/albums/i300/localizeddisaster/mystic/body-bg.jpg) repeat-x;
margin: 0px;
padding: 12px 80px 4px 80px;

}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
color: #869927;
font-family: verdana, sans-serif;
        background: url(http://i75.photobucket.com/albums/i300/localizeddisaster/mystic/searchfield.png) repeat-x;
}
input, button
{
font-size: 110%;
}

textarea
{
font-size: 110%;
color: #000000;
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: 110%;
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: #454545;
}

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

/* A code block - maybe even PHP ;). */
.code
{
color: #3a3a3a;
background-color: #ddd;
/*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 #252525;
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: #ccc;
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: yellow;
font-weight: bold;
color: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
padding: 5px;
background-color: #262626;
}
.windowbg2
{
padding: 5px;
background-color: #303030;
}
.windowbg3
{
padding: 5px;
background-color: #333;
}
/* 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: #cdcdcd;
font-style: normal;
background: #070707 url(http://i75.photobucket.com/albums/i300/localizeddisaster/mystic/titlebg.png) repeat-x;
border-bottom: solid 1px #313131;
padding-left: 10px;
padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: #cdcdcd;
font-style: normal;
}

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

.titlebg, .titlebg2 {
font-size: 8pt;
font-family: tahoma, sans-serif;
}

.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: #869927 url(http://i75.photobucket.com/albums/i300/localizeddisaster/mystic/catbg.png) repeat-x;
color: #fff;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background: #869927 url(http://i75.photobucket.com/albums/i300/localizeddisaster/mystic/catbg.png) repeat-x;
color: #fff;
padding-left: 10px;
padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #353535;
font-size: 9pt;
font-family: tahoma, sans-serif;
}
.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: #cdcdcd;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
      border: 1px solid #303030;
}

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

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
font-size: x-small;
font-family: verdana, sans-serif;
}
.middletext
{
line-height: 18px;
text-indent: 10px;
}
.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,
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last {
color: #ccc;
vertical-align: top;
}
.maintab_back, .maintab_active_back,
.mirrortab_back, .mirrortab_active_back {
color: #ccc;
text-decoration: none;
font-size:  10px;
font-family: verdana, sans-serif;
padding: 5px 10px 5px 10px;
}

.maintab_first,.mirrortab_first {
display: none;
}

.maintab_back,.mirrortab_back {
background: url(http://i75.photobucket.com/albums/i300/localizeddisaster/mystic/tab-bg.png) repeat-x;
color: #ccc;
}

.maintab_last,.mirrortab_last {
display: none;
}

.maintab_active_first, .mirrortab_active_first {
display: none;
}

.maintab_active_back, .mirrortab_active_back {
background: url(http://i75.photobucket.com/albums/i300/localizeddisaster/mystic/toolbar-bg.png)  repeat-x;
}

.maintab_active_last, .mirrortab_active_last {
display: none;
}

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

.maintab_back a:hover, .maintab_active_back a:hover,
.mirrortab_back a:hover, .mirrortab_active_back a:hover {
color: white;
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;
}


Extra Graphics
new_none

Code: [Select]
http://i75.photobucket.com/albums/i300/localizeddisaster/mystic/new_none.gif
new_some

Code: [Select]
http://i75.photobucket.com/albums/i300/localizeddisaster/mystic/new_some.gif
Off

Code: [Select]
http://i75.photobucket.com/albums/i300/localizeddisaster/mystic/off.gif
On

Code: [Select]
http://i75.photobucket.com/albums/i300/localizeddisaster/mystic/on.gif
Expand

Code: [Select]
http://i75.photobucket.com/albums/i300/localizeddisaster/mystic/expand.gif
Collapse

Code: [Select]
http://i75.photobucket.com/albums/i300/localizeddisaster/mystic/collapse.gif
Online

Code: [Select]
http://i75.photobucket.com/albums/i300/localizeddisaster/mystic/online.gif
Info

Code: [Select]
http://i75.photobucket.com/albums/i300/localizeddisaster/mystic/info.gif
Members

Code: [Select]
http://i75.photobucket.com/albums/i300/localizeddisaster/mystic/members.gif
Login

Code: [Select]
http://i75.photobucket.com/albums/i300/localizeddisaster/mystic/login.gif
If you want to replace the Logo image read furture in the thread.

Pages: [1] 2 3 4 5