Skip to content

Instantly share code, notes, and snippets.

@epicdaze
Created August 26, 2011 03:39
Show Gist options
  • Save epicdaze/1172629 to your computer and use it in GitHub Desktop.
Save epicdaze/1172629 to your computer and use it in GitHub Desktop.
#sinfuliphone - light version #stylish
/* 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; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment