Calling HTML Coders

**ElementSnake** · 18th Feb 2010, 05:43 PM

bluefox.css:

Code:

.dltable {

border-collapse:collapse;

margin-bottom:10px;

}

.dltr {

background: #2c2c2c;

}



.dltd {

padding:4px;

border-bottom: 1px solid #000000;

border-right: 1px solid #000000;

border-left: 1px solid #000000;

}



.dltdtop {

padding:4px;

border-top: 1px solid #000000;

border-bottom: 1px solid #000000;

border-right: 1px solid #000000;

border-left: 1px solid #000000;

}



.dltr:hover, .tdhov {

background: #282828;

}



.searchbg

{

      background:#000 url(images/searchicon.gif) no-repeat 4px 5px;border:1px solid #1f1f1f;

      color:#88aace;

      font:9pt verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;

      height:15px;padding-left:10px

}



body

{

    background: #1b1b1b url(bluefox/misc/bg_tile.gif);

    color: #848484;

    font: 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

    margin: 0px 0px 0px 0px;

}

a:link, body_alink

{

    color: #eeeeee;

    text-decoration: none;

}

a:visited, body_avisited

{

    color: #eeeeee;

    text-decoration: none;

}

a:hover, a:active, body_ahover

{

    color: #88aace;

    text-decoration: underline;

}

.page

{

    background: #1b1b1b;

    color: #848484;

}

.page a:link, .page_alink

{

    text-decoration: none;

}

.page a:visited, .page_avisited

{

    text-decoration: none;

}

.page a:hover, .page a:active, .page_ahover

{

    text-decoration: underline;

}

td, th, p, li

{

    font: 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

.tborder

{

    background: #1f1f1f;

    color: #848484;

    border: 1px solid #363636;

}

.tcat

{

    background: #375a76 url(bluefox/gradients/gradient_tcat.gif) repeat-x top left;

    color: #FFFFFF;

    font: bold 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

.tcat a:link, .tcat_alink

{

    color: #FFFFFF;

    text-decoration: none;

}

.tcat a:visited, .tcat_avisited

{

    color: #FFFFFF;

    text-decoration: none;

}

.tcat a:hover, .tcat a:active, .tcat_ahover

{

    color: #FFFFFF;

    text-decoration: underline;

}

.thead

{

    background: #373737 url(bluefox/gradients/gradient_thead.gif) repeat-x top left;

    color: #FFFFFF;

    font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

    border-top: 1px solid #363636;

}

.thead a:link, .thead_alink

{

    color: #FFFFFF;

    text-decoration: none;

}

.thead a:visited, .thead_avisited

{

    color: #FFFFFF;

    text-decoration: none;

}

.thead a:hover, .thead a:active, .thead_ahover

{

    color: #88aace;

    text-decoration: underline;

}

.tfoot

{

    background: #282828;

    color: #848484;

}

.tfoot a:link, .tfoot_alink

{

    color: #FFFFFF;

    text-decoration: none;

}

.tfoot a:visited, .tfoot_avisited

{

    color: #FFFFFF;

    text-decoration: none;

}

.tfoot a:hover, .tfoot a:active, .tfoot_ahover

{

    color: #88aace;

    text-decoration: underline;

}

.alt1, .alt1Active

{

    background: #2c2c2c;

    color: #848484;

    font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

    border-top: 1px solid #363636;

    border-left: 1px solid #363636;

}

.alt2, .alt2Active

{

    background: #282828;

    color: #848484;

    font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

    border-top: 1px solid #363636;

    border-left: 1px solid #363636;

}

.inlinemod

{

    background: #434343;

    color: #CCCCCC;

}

.wysiwyg

{

    background: #2c2c2c;

    color: #848484;

    font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

textarea, .bginput

{

    background: #000000;

    color: #88aace;

    font: 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

    border: 1px solid #1f1f1f;

}

.bginput option, .bginput optgroup

{

    font-size: 9pt;

    font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

.button

{

    background: #375a76 url(bluefox/gradients/gradient_tcat.gif) repeat-x top left;

    color: #FFFFFF;

    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

    border: 1px solid #375a76;

}

select

{

    background: #000000;

    color: #FFFFFF;

    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

    border: 1px solid #1f1f1f;

}

option, optgroup

{

    font-size: 11px;

    font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

.smallfont

{

    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

.time

{

    color: #88aace;

}

.navbar

{

    background: #375a76 url(bluefox/gradients/gradient_tcat.gif) repeat-x top left;

    color: #FFFFFF;

    font: bold 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

.navbar a:link, .navbar_alink

{

    color: #FFFFFF;

    text-decoration: none;

}

.navbar a:visited, .navbar_avisited

{

    color: #FFFFFF;

    text-decoration: none;

}

.navbar a:hover, .navbar a:active, .navbar_ahover

{

    color: #FFFFFF;

    text-decoration: underline;

}

.highlight

{

    color: #FF0000;

    font-weight: bold;

}

.fjsel

{

    background: #000000;

    color: #FFFFFF;

}

.fjdpth0

{

    background: #375a76;

    color: #FFFFFF;

}

.fjdpth3

{

    background: #3366FF;

}

.panel

{

    background: #2c2c2c;

    color: #848484;

    padding: 10px;

    border: 2px outset;

}

.panelsurround

{

    background: #282828;

    color: #848484;

    border-top: 1px solid #363636;

    border-left: 1px solid #363636;

    border-right: 1px solid #363636;

    border-bottom: 1px solid #363636;

}

legend

{

    color: #88aace;

    font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

.vbmenu_control

{

    background: #375a76 url(bluefox/gradients/gradient_tcat.gif) repeat-x top left;

    color: #FFFFFF;

    font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

    padding: 3px 6px 3px 6px;

    white-space: nowrap;

}

.vbmenu_control a:link, .vbmenu_control_alink

{

    color: #FFFFFF;

    text-decoration: none;

}

.vbmenu_control a:visited, .vbmenu_control_avisited

{

    color: #FFFFFF;

    text-decoration: none;

}

.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover

{

    color: #FFFFFF;

    text-decoration: underline;

}

.vbmenu_popup

{

    background: #1f1f1f;

    color: #848484;

    border: 1px solid #363636;

}

.vbmenu_option

{

    background: #282828;

    color: #848484;

    font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

    white-space: nowrap;

    cursor: pointer;

    border-top: 1px solid #363636;

    border-left: 1px solid #363636;

}

.vbmenu_option a:link, .vbmenu_option_alink

{

    color: #848484;

    text-decoration: none;

}

.vbmenu_option a:visited, .vbmenu_option_avisited

{

    color: #848484;

    text-decoration: none;

}

.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover

{

    color: #848484;

    text-decoration: none;

}

.vbmenu_hilite

{

    background: #2c2c2c;

    color: #FFFFFF;

    font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

    white-space: nowrap;

    cursor: pointer;

    border-top: 1px solid #363636;

    border-left: 1px solid #363636;

}

.vbmenu_hilite a:link, .vbmenu_hilite_alink

{

    color: #88aace;

    text-decoration: none;

}

.vbmenu_hilite a:visited, .vbmenu_hilite_avisited

{

    color: #88aace;

    text-decoration: none;

}

.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover

{

    color: #88aace;

    text-decoration: none;

}

/* ***** styling for 'big' usernames on postbit etc. ***** */

.bigusername { font-size: 14pt; }



/* ***** small padding on 'thead' elements ***** */

td.thead, th.thead, div.thead { padding: 4px; }



/* ***** basic styles for multi-page nav elements */

.pagenav a { text-decoration: none; }

.pagenav td { padding: 2px 4px 2px 4px; }



/* ***** de-emphasized text */

.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }

a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }

.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }



/* ***** define margin and font-size for elements inside panels ***** */

.fieldset { margin-bottom: 6px; }

.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

/* Here you can change the look of the post text and links */



.vb_postbit

{

    color: #848484;

    font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

    text-decoration: none;

}

.vb_postbit a:link

{

    color: #848484;

        font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

        border-bottom: 1px dotted #88aace;

    text-decoration: none;

}

.vb_postbit a:visited

{

    color: #848484;

        font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

        border-bottom: 1px dotted #88aace;

    text-decoration: none;

}

.vb_postbit a:hover, .vb_postbit a:active

{

    color: #88aace;

        font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

        border-bottom: 1px dotted #848484;

    text-decoration: none;

}





/* ***** Header and Nav  ***** */

.header_bg {

background: #000000 url(bluefox/misc/nav_bg.gif) ;

}

.vb_navigation {

background: #000000 url(bluefox/misc/nav_bg_small.gif) ;

}



/* ***** navigation roll-overs element */



.css_nav {

float: left;

width: 78px;

height: 34px;

color: #ffffff;

font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

font-weight: bold;

text-align: center;

margin: 0px;

padding: 0px;

border: 0px;

}



.css_nav a:link , .css_nav a:visited {

display: block;

background-image: url(bluefox/misc/nav.gif);

color: #ffffff;

font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

font-size: 9px;

font-weight: bold;

line-height: 31px;

text-align: center;

text-decoration: none;

width: 78px;

height: 34px;

}



.css_nav a:hover, .css_nav a:active {

background-image: url(bluefox/misc/nav_over.gif);

color: #f4f9ff;

text-decoration: none;

line-height: 33px;

width: 78px;

height: 34px;

}







/* ***** spacers and paddings ***** */



.cat_spacer {

padding:5px 0px 5px 0px;

}

.spacer {

padding:5px 0px 5px 0px;

}

.spacer_small {

padding:2px 0px 2px 0px;

}

/* ***** side borders ***** */ 

.side_borders {

width: 762px; 

border-left: 2px solid #0e0e0f;

border-right: 2px solid #0e0e0f;

margin-left: auto;

margin-right: auto;

}





/* ***** make announcements, stickies moderated, soft deleted posts, poll posts and search result since last visit pretty ***** */

.announcement {

background-color: #324857;

color: #ffffff;

border-top: 1px solid #3e5a6e;

border-left: 1px solid #3e5a6e;

}

.sticky {

background-color: #363b42;

color: #ffffff;

border-top: 1px solid #4c535f;

border-left: 1px solid #4c535f;

}

.poll {

background-color: #2a2f3b;

color: #ffffff;

border-top: 1px solid #3a4255;

border-left: 1px solid #3a4255;

}

.moderated {

background-color: #3e3e3e;

color: #ffffff;

border-top: 1px solid #4e4e4e;

border-left: 1px solid #4e4e4e;

}

.subscribed {

background-color: #434236;

color: #ffffff;

border-top: 1px solid #4e4e4e;

border-left: 1px solid #4e4e4e;

}

.deleted {

background-color: #282828;

color: #848484;

border-top: 1px solid #363636;

border-left: 1px solid #363636;

}

.last_visit {

background-color: #36393d;

color: #ffffff;

border-top: 1px solid #42464e;

border-left: 1px solid #42464e;

}

.unread {

background-color: #36393d;

color: #ffffff;

border-top: 1px solid #42464e;

border-left: 1px solid #42464e;

}



/* ***** dotted hr ***** */

div.hr {

height: 2px;

background: url(bluefox/misc/hr.gif) repeat scroll center;

}

div.hr hr {

display: none;

}



/* ***** make dropdown menu pretty ***** */



.vb_menu_control { 

background: #373737 url(bluefox/gradients/gradient_thead.gif) repeat-x top left;

color:  #ffffff;

font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

border-top: 1px solid #363636;

padding: 3px 6px 3px 6px;

white-space: nowrap;

}

.vb_menu_control a:link {

color:  #ffffff;

text-decoration: none;

}

.vb_menu_control a:visited {

color:  #ffffff;

text-decoration: none;

}

.vb_menu_control a:hover, .vb_menu_control a:active {

color:  #cdf16c;

text-decoration: underline;

}



/* ***** navbar dot border ***** */

.vb_navbar

{

    background: #1f1f1f;

    color: #848484;

    border: 1px dotted #363636;

}



/* ***** category bottom ***** */

.cat_bottom

{

background: #1f1f1f url(bluefox/gradients/gradient_thead.gif) repeat-x top left;

border-top: #363636 1px solid;

}



/* ***** category colors ***** */

.app { color: #2EFEF7; }

.game { color: #2EFE2E; }

.movie { color: #FF8000; }

.music { color: #5858FA; }

.tv { color: #FA5858; }

.ebook { color: #FF00FF; }

.other { color: #FFFFFF; }

span.h{
color:#2E9AFE;
float:right;
position:relative;
z-index:2;
margin-top:-1px;
padding-left:3px;
}

ElementSnake Reviewed by ElementSnake on 18th Feb 2010. Calling HTML Coders My Site look like's this in IE6: http://imgcentre.com/img/uploads/big/ae9659011d.jpg And like this in FF: http://imgcentre.com/img/uploads/big/f353fc1765.jpg How do I make it look the way it is in FF the way it is in IE6? My index.php: Rating: 5

Calling HTML Coders

Thread Tools

Display

Hybrid View

Sponsored Links

Thread Information

Users Browsing this Thread

Similar Threads

[Hiring] Calling all developers!

Pro HTML coders ( HELP NEEDED )

(X)HTML, CSS slicing (6 years experience) | PSD to (X)HTML and CSS | Professional job

Calling out chri5

Calling all Members!

Tags for this Thread

Posting Permissions

themaCreator - create posts from...

themaPoster - post to forums and...

themaManager - edit and manage...

themaLeecher - leech and manage...

themaRegister - register to forums...