#sinfuliphone - light version #stylish

gistfile1.css

/* a lighter version of sinful iphone forums */
/* quick and dirty stylesheet, not optimized */

/* thread title */
#nav_bottom +table div.page table.tborder +br +table.tborder td.alt1 strong:after { content:":"; }

body { 
	background-color: #ada990;
	background-image: none; }

.alt1 font[color], .alt2 font[color] {
	color: #66635f !important;
	font: 16px Georgia; color: #4c4a3d; }

.alt1 font[color] a, .alt2 font[color] a { color: #54746f; text-shadow: 1px 1px 1px #eee; }
.alt1 font[color] a:hover, .alt2 font[color] a:hover { color: #4f9289; }

body {/*unchanged*/}

a:link, body_alink {color: #C14023; }
a:visited, body_avisited { color: #C14023; }
a:hover, a:active, body_ahover { color: #C14023; }

.page { background: #ada990; color: #4c4a3d; }

td, th, p, li { font: 16px Georgia; color: #4c4a3d;}
.tborder { background: #8b8a78; color: #7b7b7b; }

.tcat {
	background: #dcdacd;
	background-image: none !important;
	color: #afafaf;
	font: bold 16px Georgia; }
.tcat a:link, .tcat_alink {
	color: #c14023;
	text-decoration: none; }
.tcat a:visited, .tcat_avisited {
	color: #c14023;
	text-decoration: none; }
.tcat a:hover, .tcat a:active, .tcat_ahover {
	color: #de5133;
	text-decoration: none; }

.thead {
	background: #d6d3c0;
	background-image: none !important;
	color: #4c4a3d;
	font: bold 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; }

.thead a:link, .thead_alink { color: #c14023; }
.thead a:visited, .thead_avisited { color: #c14023; }
.thead a:hover, .thead a:active, .thead_ahover { color: #de5133; }

.tfoot { background: #5f5c49; }

.alt1, .alt1Active {
	background: #F6F5EE;
	color: #7b7b7b;
	border-left: 1px solid #292929;
	border-top: 1px solid #292929;
	border: none; }

.alt2, .alt2Active {
	background: #D6D3C0;
	color: #7b7b7b;
	border-left: 1px solid #292929;
	border-top: 1px solid #292929;
	border: none; }

.inlinemod {/*unchanged*/}
.wysiwyg { background-image: none !important; }

textarea, .bginput {
	background: #fffff4;
	background-image: none !important;
	color: #4c4a3d; }
.bginput option, .bginput optgroup {/*unchanged*/}
.button {/*unchanged*/}

select { background: #fff; }
option, optgroup {/*unchanged*/}

.smallfont {/*unchanged*/}
.time {/*unchanged*/}

.navbar { color: #4c4a3d; }

.highlight {/*unchanged*/}
.fjsel {/*unchanged*/}
.fjdpth0 {/*unchanged*/}

.panel {
	background: #d6d3c0;
	color: #4c4a3d;
	padding: 10px;
	border: none; }

.panelsurround {
	background: #d6d3c0;
	color: #4c4a3d;
	border: none; }

legend { color: #4c4a3d; }

.vbmenu_control {
	background: #e4e2d6;
	background-image: none !important;
	color: #4c4a3d;
	font-size: 12px;
	border-left: 1px solid #eee;
	border-right: 1px solid #e4e2d6; }


.vbmenu_control a:link, .vbmenu_control_alink { color: #4c4a3d; }
.vbmenu_control a:visited, .vbmenu_control_avisited { color: #4c4a3d; }
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover { color: #4c4a3d }
.vbmenu_popup { background: #8B8A78; }
.vbmenu_option {
	background: #ADA990;
	background-image: none !important;
	border-left: 1px solid #eee;
	border-top: 1px solid #4b4a738; }
.vbmenu_option a:link, .vbmenu_option_alink { color: #F6F5EE; }
.vbmenu_option a:visited, .vbmenu_option_avisited { color: #F6F5EE; }
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover { color: #F6F5EE; }
.vbmenu_hilite {
	background: #f6f5ee;
	color: #4c4a53;
	font: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	border-left: 1px solid #292929;
	border-top: 1px solid #292929; }
.vbmenu_hilite a:link, .vbmenu_hilite_alink {
	color: #ada990;
	text-decoration: none; }
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited {
	color: #ada990;
	text-decoration: none; }
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover {
	color: #ada990;
	text-decoration: none; }

/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername {/*unchanged*/}

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead {/*unchanged*/}

/* ***** basic styles for multi-page nav elements */
.pagenav a {/*unchanged*/}
.pagenav td {/*unchanged*/}

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited {/*unchanged*/}
a.shade:active, a.shade:hover {/*unchanged*/}
.tcat .shade, .thead .shade, .tfoot .shade {/*unchanged*/}

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset {/*unchanged*/}
.fieldset, .fieldset td, .fieldset p, .fieldset li {/*unchanged*/}


/* ***** sets background for header area - No need to change this ***** */
#hdr { background: #ada990; height: 10px; }

/* ***** dispalys 1 px border around header area - No need to change this ***** */
#hdr_bdr {
border-left: 1px solid #ada990;
border-right: 1px solid #ada990; }

/* ***** SETS LOGO AREA FOUND IN HEADER AND ALL OF IT'S PROPERTIES ***** */
#logo {
background: #ada990;
width: 100%;
height: 70px; }

#logo:after { 
	content:"Sinful iPhone"; 
	font: 48px "Gloucester MT Extra Condensed";
	text-shadow: 1px 1px 1px #eee; }
#hdr_rs { background: #ada990; }

/* ***** used for navigation background ***** */
#nav_back {
	background-color: transparent !important;
	background-image: none !important;
	width: 100%;
	height: 22px;
}

/* ***** used for navigation left side graphic  ***** */
#nav_ls { background: #ada990; }

/* ***** used for shadow under navigation buttons ***** */
#nav_bottom { background: #ada990; }

/* ***** used for navigation button spacing ***** */
.nav_buttons { background: #ada990; }

.info { 
	background: #f6f5ee;
	border: none;
	margin-bottom: 0; }

.smallfont +.smallfont +.smallfont:last-child .info { background: none; }
.smallfont +.smallfont +.smallfont:last-child .info:last-child { padding-bottom: 12px; }
.smallfont +.smallfont +.smallfont:last-child { 
	background: #F6F5EE;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-top: 8px; }

.announce_l {/*unchanged*/}
.announce_r  {/*unchanged*/}

.stuck { 
background: #fcfff4; /* Old browsers */
background: -moz-linear-gradient(top, #fcfff4 0%, #e9e9ce 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(100%,#e9e9ce)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fcfff4 0%,#e9e9ce 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fcfff4 0%,#e9e9ce 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #fcfff4 0%,#e9e9ce 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e9e9ce',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #fcfff4 0%,#e9e9ce 100%); /* W3C */
border: none; }

.spacer {/*unchanged*/}

/* vBaCMPS Module Title Color */
.modtitle, .modtitle a:link, .modtitle a:visited {/*unchanged*/}

/* Fixed Signature Height */
.fixedsig {/*unchanged*/}


/* internal styles */
/*
table.ncode_imageresizer_warning {
	background: #FF0000; 
	color: #000000; 
	border: 1px solid #CCCFFF; 
	cursor: pointer; }
table.ncode_imageresizer_warning td {
	font-size: 10px;
	vertical-align: middle;
	text-decoration: none; }

table.ncode_imageresizer_warning td.td1 { padding: 5px; }
table.ncode_imageresizer_warning td.td1 { padding: 2px; }
*/

.vBulletin_editor { background: #ada990; }
.imagebutton {
	background: #D6D3C0 !important;
	color: #626262; }
.ocolor, .ofont, .osize, .osmilie, .osyscoloar, .smilietitle {
	background: #fff;
	border: 1px solid #fff; }
.popup_pickbutton {
	background: #ada990 !important; }
.popup_feedback { /* unchanged */}
.popupwindow { /* unchanged */}
#fontOut, #sizeOut, .popup_feedback div { /* unchanged */}
.alt_pickbutton { /* unchanged */}
.popup_feedback input, .popup_feedback div { /* unchanged */}

/* inline styles */

td.alt2[style="border-right: 1px solid #000000"] { border-right: none !important; }

td[style="background-image:url(titanium/misc/side_ls.gif) "] { background: transparent !important;}
td[style="background-image:url(titanium/misc/side_ls.gif) "]
	img[src="titanium/misc/side_ls.gif"] { display: none !important;}
td[style="background-image:url(titanium/misc/side_rs.gif) "] { background: transparent !important;}
td[style="background-image:url(titanium/misc/side_rs.gif) "] 
	img[src="titanium/misc/side_rs.gif"]
{ display: none !important; }

img[src="titanium/misc/cat_top_ls.gif"],
img[src="titanium/misc/cat_top_rs.gif"] { display: none !important; }

img[src="titanium/misc/cat_top_text_end.gif"],
img[src="titanium/misc/cat_back.gif"],
img[src="titanium/misc/text_ls.gif"]
	{ width: 0; } 
img[src="titanium/misc/text_ls.gif"] { border-left: 1px solid #8B8A78; margin-right: 10px; }

div[style="padding:0px 15px 0px 15px"] table.tborder .alt1 +style +.alt2 .smallfont strong {
	line-height: 22px; }
div[style="padding:6px 0px 0px 0px"] .tborder tr[valign="top"] .alt2 +.alt1 a[rel="nofollow"],
div[style="padding:0px 15px 0px 15px"] table.tborder .alt1 +style +.alt2 .smallfont strong a {
color: #D3E009;
	background: #8B8A78;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 4px; }

#collapseobj_forumhome_activeusers span[style="font-weight: bold; color: Green"] +span[style="color: #D3E009"],
#collapseobj_forumhome_activeusers .alt2 +.alt1 .smallfont a span[style="color: #D3E009"] { color: #666 !important; }
#collapseobj_forumhome_activeusers .alt2 +.alt1 .smallfont a { text-decoration: none; padding: 0 2px; }
#collapseobj_forumhome_activeusers .alt2 +.alt1 .smallfont a:hover { background: #8B8A78;}
#collapseobj_forumhome_activeusers .alt2 +.alt1 .smallfont a:hover span[style="color: #D3E009"] { color: #D3E009 !important; }

.bigusername { display: block; height: 22px; text-decoration: none; }
.bigusername span[style] { 
	background: #ADA990; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 4px 8px; }
.bigusername span[style="font-weight: bold; color: Red"] { 
	color: #c14023 !important;
	text-shadow: 1px 1px 1px #eee; }

.smallfont[style="float:left"], .smallfont[style="float:left"] span { color: #D6D3C0; }

.page br +.tborder .alt1 tr[valign="bottom"] a { color: #C14023; font-weight: bold; font-size: 12px; }

tr[valign="top"] .alt2 strong,
form[name="vbform"] .tborder .tcat,
label[for="qr_quickreply"] { 
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important; }

tr[valign="top"] .alt2 strong { font-size: 10px; }

#collapseobj_forumrules .alt1 a { color: #C14023; }

.thead td[height="12"] { display: none; }

.smallfont +.smallfont strong a,
table.page .tfoot +.tfoot .smallfont strong a { color: #D3E009; }

#nav_bottom +table .page div .tcat td[width="54"] +.tcat .smallfont strong { margin-left: 10px; }
#nav_bottom +table .page div .tcat td[width="54"] +.tcat .smallfont { color: #4B4A38; text-shadow: 1px 1px 1px #eee; }