body { background : #81034D url(http://content.totallynsfw.com/lib/bg.site.png) top center repeat-x; margin : 0; margin-bottom : 16px; text-align : center; font-size : small; font-family : Arial, Verdana, Geneva, Helvetica, sans-serif; color : #5E5A53; } #site_navigation_nocss { display : none; } h2 { margin : 0; padding : 0; font-weight : bold; font-family : "Times New Roman", "Clarendon Cn BT", serif; color : #E70101; font-size : 140%; } ul, li {margin : 0; padding : 0;} img, form, fieldset { border : none; margin : 0; padding : 0;} /* links */ a { text-decoration: none; color: #DF0084; } a:link { color: #DF0084; } a:visited { color: #DF0084; } a:hover { text-decoration: underline; color: #DF0084; } a:active { color: #FF82CD; } .adText { color : #5E5A53; } .adText:hover { color : #DF0084 !important; } /* 3 columns & site container */ #posts { float : left; width : 460px; margin-left : 300px; background-color : #FBFBFB; } * html #posts { display : inline; } #galleries { float : left; width : 760px; margin-left : 0px; background-color : #FBFBFB; } * html #galleries { display : inline; } #leftcol { float : left; width : 300px; margin-left : -760px; overflow : hidden; /* used for vkspecials width, which is 10px more than allowed */ /* used for vkspecials width, which is 10px more than allowed */ color : #8B8780; background-color : #1E1D1C; } #rightcol { float : left; width : 207px; padding-top : 20px; background-color : #1E1D1C; } /* Start tweaking for the 3 columns same height background */ /* Start Mac IE5 filter \*/ #posts, #leftcol, #rightcol, #galleries { padding-bottom : 32767px !important; margin-bottom : -32767px !important; } @media all and (min-width: 0px) { #posts, #leftcol, #rightcol, #galleries { padding-bottom : 0 !important; margin-bottom : 0 !important; } #posts:before, #leftcol:before, #rightcol:before, #galleries:before { content : '[DO NOT LEAVE IT IS NOT REAL]'; display : block; background : inherit; padding-top : 32767px !important; margin-bottom : -32767px !important; height : 0; } } /* End Mac IE5 filter */ /* topnav */ #topnav { width : 100%; height : 23px; background-color : #000; } #topnav a { color : #8B8780; line-height : 23px; height : 23px; font-size : 80%; padding : 5px 14px 5px 0px; background : url(http://content.totallynsfw.com/lib/topnav.divider.png) center right no-repeat; } #topnav a:hover { color : #DF0084; } /* Site container: vkbox */ #vkbox { width : 967px; margin : 16px auto; padding-top : 5px; text-align : left; overflow : hidden; /* This hides the excess padding in non-IE browsers */ /* This hides the excess padding in non-IE browsers */ font-size : 85%; } #vkbox { float : left; /**/ float : none; } /* Start easy clearing */ #vkbox:after { content : '[DO NOT LEAVE IT IS NOT REAL]'; display : block; height : 0; clear : both; visibility : hidden; } #vkbox { display : inline-block; } /*\*/ #vkbox { display : block; } /* End easy clearing */ #paddingbottom_postscolumn { height : 20px; line-height : 20px; } /* End tweaking */ /* End 3 columns */ /* VK Badge on the top left */ #badge { position : absolute; display : block; top : 73px; margin-left : -83px; width : 172px; height : 166px; } /* IE hack */ #badge { filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://content.totallynsfw.com/lib/badge.trans.png', sizingMethod='fixed'); } /* Mozilla hack */ body[id=top] #badge { background : url(http://content.totallynsfw.com/lib/badge.trans.png) top left no-repeat; } /* visual nsfw */ #visualnsfw { display : block; width : 300px; height : 300px; cursor : pointer; background : #1E1D1C url(http://content.totallynsfw.com/lib/visual.site.nsfw.jpg) top left no-repeat; } /* navigation */ #navigation ul, #navigation ul li {margin : 0; padding : 0; display : inline;} /* box header for left column */ #login, #search, #categories, #gallerytop5, #totallytgp, #oursponsors { margin-left : 20px; margin-bottom : 10px; width : 260px; background : #2A2927 url(http://content.totallynsfw.com/lib/leftcol.box.btm.gif) bottom left no-repeat; padding-bottom : 10px; } #leftcol .boxhdr { width : 260px; height : 31px; background : #1E1D1C url(http://content.totallynsfw.com/lib/leftcol.box.hdr.bg.gif) top left no-repeat; } #leftcol .boxhdr img { margin-left : 10px; } #leftcol .boxbody { margin : 7px 10px 0px 10px; } #leftcol .boxrow { float : none; clear : both; height : 19px; } /* login */ #login form { margin-bottom : 6px; } #login label { display : block; float : left; width : 61px; height : 19px; line-height : 19px; cursor : pointer; } #login .textfld { display : block; float : left; font-size : 90%; color : #fff; width : 116px; height : 19px; background : transparent url(http://content.totallynsfw.com/lib/input.unpw.bg.gif) top left no-repeat; border : none; padding : 2px; } #login #loginbtn { display : block; float : left; width : 29px; height : 19px; } #login input#rememberme { display : block; float : left; margin-left : -1px; } #login label#remembermelabel { width : 70px; margin-left : 5px; color : #fff; font-size : 90%; } #login p { padding-left : 61px; font-weight : bold; color : #fff; line-height : 19px; margin : 0; } /* search */ #search .textfld { display : block; float : left; font-size : 90%; color : #fff; width : 176px; height : 19px; background : transparent url(http://content.totallynsfw.com/lib/input.search.bg.gif) top left no-repeat; border : none; margin : 0 5px 0 0; } #search #searchbtn { display : block; float : left; width : 39px; height : 19px; } /* categories */ a.category { display : block; width : 240px; height : 19px; background : transparent url(http://content.totallynsfw.com/lib/category.bg.gif); color : #8B8780 !important; margin-top : 3px; } a.category:hover { text-decoration : none; color : #fff !important; background : transparent url(http://content.totallynsfw.com/lib/category.bg_o.gif); } a.category img { display : block; float : left; } a.category span { display : block; float : left; height : 19px; line-height : 19px; margin-left : 11px; cursor : pointer; } /* gallery top 5 */ .galleryitem { width : 239px; height : 86px; margin-bottom : 3px; background : transparent url(http://content.totallynsfw.com/lib/gallerytop5.text.bg.gif) center left no-repeat; } .galleryitem a { display : block; width : 239px; height : 86px; text-decoration : none !important; } .galleryitem a:hover { color : #C0C0BE !important; } .galleryitem a:hover .header { text-decoration : underline; color : #DF0084 !important; } .galleryitem a:hover .text { color : #C0C0BE !important; } .galleryitem img { display : block; width : 86px; height : 86px; float : left; margin-right : 10px; } .galleryitem .texta { height : 86px; } .galleryitem .header { margin : 0; padding : 0; line-height : 20px; color : #fff; } .galleryitem .text { margin : 0; padding : 0; padding-right : 3px; line-height : 130%; color : #8B8780; } /* Totally TGP */ .tgpitem { width : 239px; height : 86px; margin-bottom : 3px; background : transparent url(http://content.totallynsfw.com/lib/gallerytop5.text.bg.gif) center left no-repeat; } .tgpitem a { display : block; width : 239px; height : 86px; text-decoration : none !important; } .tgpitem a:hover { color : #C0C0BE !important; } .tgpitem a:hover .header { text-decoration : underline; color : #DF0084 !important; } .tgpitem a:hover .text { color : #C0C0BE !important; } .tgpitem img { display : block; width : 86px; height : 86px; float : left; margin-right : 10px; } .tgpitem .texta { height : 86px; } .tgpitem .header { margin : 0; padding : 0; line-height : 20px; color : #fff; } .tgpitem .text { margin : 0; padding : 0; padding-right : 3px; line-height : 130%; color : #8B8780; } /* posts */ .post { width : 424px; margin : 0px 18px 0px 18px; padding-bottom : 17px; background : transparent url(http://content.totallynsfw.com/lib/post.divider.png) bottom left no-repeat; } .post .hdr { height : 35px; margin-top : 12px; width : 340px; } .post p { margin: 0; line-height: 150%; clear: both; font-size: 110%; } .post .postimg { float : left; margin-right : 11px; margin-top : 3px; border : 2px solid #CCC; } .post .posted { clear : both; padding-top : 15px; color : #A3A39F; font-size : 90%; height : 18px; line-height : 18px; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; background-image : none; } .post .posted img { margin-right : 10px; vertical-align : middle; } .post .posted .toggletags { width: 20px; cursor: pointer; } .post .posted .toggletags img { margin-right: 3px; } .post .posted .toggletags:hover { text-decoration: none; } .post .posted .toggletags span { padding: 0; margin: 0; } .post .tagbox { display: none; } /* tagbox */ .tagbox { margin-left: 25px; background: transparent url(http://www.totallynsfw.com/lib/tagbox.bg.png) left bottom no-repeat; padding: 8px; display: block; } .tagbox:after { content: ""; display: block; height: 0; clear: both; } .tagbox a { line-height : 17px; padding : 1px 2px; } /* Galleries */ .gallery { width : 730px; margin : 0px 12px 0px 18px; padding-bottom : 17px; background : transparent url(http://content.totallynsfw.com/lib/post.divider.png) bottom left no-repeat; } .gallery .hdr { height : 35px; margin-top : 12px; width : 340px; } .gallery p { margin : 0; line-height : 150%; clear : both; } .gallery .postimg { float : left; margin-right : 11px; margin-top : 3px; border : 2px solid #CCC; } .gallery .posted { clear : both; padding-top : 15px; color : #A3A39F; font-size : 90%; height : 18px; line-height : 18px; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; background-image : none; } .gallery .posted img { margin-right : 10px; vertical-align : middle; } .gallery .picset { margin-top : 10px; } .gallery .picset img { display : block; margin-top : 20px; } /* box header for right column */ #videotop5 { margin-left : 20px; margin-bottom : 10px; width : 167px; background : #2A2927 url(http://content.totallynsfw.com/lib/rightcol.box.btm.gif) bottom left no-repeat; padding-bottom : 10px; } .videotop5item { width : 147px; margin-top : 10px; } .videotop5item a { display : block; width : 147px; text-decoration : none !important; } .videotop5item a:hover { color : #C0C0BE !important; } .videotop5item a:hover .header { text-decoration : none; color : #DF0084 !important; } .videotop5item a:hover .text { color : #C0C0BE !important; } .videotop5item img { display : block; width : 147px; border-bottom : 5px solid #2A2927; } .videotop5item .texta { background : #33322F; } .videotop5item .header { display : block; padding : 5px; color : #fff; font-weight : bold; } .videotop5item .text { display : block; margin : -20px 0 0 0; padding : 5px; line-height : 130%; color : #8B8780; } #featuredfriends { margin-left : 20px; margin-bottom : 10px; width : 167px; background : #2A2927 url(http://content.totallynsfw.com/lib/rightcol.box.btm.gif) bottom left no-repeat; padding-bottom : 10px; } .featuredfriendsitem { width : 147px; height : 161px; margin-top : 10px; background : transparent url(http://content.totallynsfw.com/lib/featuredfriendsitem.bg.gif) center left no-repeat; } .featuredfriendsitem a { display : block; width : 147px; height : 161px; text-decoration : none !important; } .featuredfriendsitem a:hover { color : #C0C0BE !important; } .featuredfriendsitem a:hover .header { text-decoration : underline; color : #DF0084 !important; } .featuredfriendsitem a:hover .text { color : #C0C0BE !important; } .featuredfriendsitem img { display : block; width : 147px; height : 72px; } .featuredfriendsitem .texta { height : 161px; } .featuredfriendsitem .header { display : block; margin : 4px 0 0 0; padding : 3px 0 0 10px; color : #fff; } .featuredfriendsitem .text { display : block; margin : -10px 0 0 0; padding : 0; padding-left : 10px; line-height : 130%; color : #8B8780; } #rightcol .boxhdr { width : 167px; height : 31px; background : #1E1D1C url(http://content.totallynsfw.com/lib/rightcol.box.hdr.bg.gif) top left no-repeat; } #rightcol .boxhdr img { margin-left : 10px; } #rightcol .boxbody { margin : 7px 10px 0px 10px; } #rightcol .boxrow { float : none; clear : both; height : 19px; } /* comments */ #commentheader { width : 424px; margin : 30px 18px 12px 18px; } .comment { width : 424px; margin : 0px 18px; padding-top : 15px; overflow : hidden; } .comment p { margin : 0; line-height : 150%; } .comment.posted { padding-top : 10px; padding-bottom : 10px; color : #A3A39F; background : transparent url(http://content.totallynsfw.com/lib/post.divider.png) bottom left no-repeat; } #comment_form { width : 424px; margin : 0px 18px 12px 18px; padding-top : 5px; padding-bottom : 15px; } #commentform .colnarrow { float: left; width: 40%; } #commentform .colwide { float: left; width: 60%; } #commentform p { margin: 0; padding: 0 0 0.2em 0; } #commentform p label { margin: 0; padding: 0; line-height: 1em; } #commentform p input { margin : 0; height : 19px; border : 0; font-size : 90%; width : 90%; color : #000; background : url(http://content.totallynsfw.com/lib/input.commentform.bg.gif) top left no-repeat; } #commentform input.checkbox { margin: 0; width: auto; background: transparent;} #commentform textarea { margin : 0; border : 0; height : 15em; width : 98%; text-align : left; color : #000; background : url(http://content.totallynsfw.com/lib/textarea.bg.gif); } #commentform .formbutton { float : left; margin : 12px 15px 0 0; height : 19px; width : 18%; text-align : center; color : #fff; background : #8B8780; font-size : 90%; font-weight : bold; border : 1px outset; } #commentform textarea:focus { color: #444; background: #efefe7; } #commentform p input:focus { color: #444; background: #efefe7; } /* paginate */ .paginate { width : 424px; height : 19px; margin : 20px 18px 12px 18px; line-height : 18px; color : #A3A39F; background : url(http://content.totallynsfw.com/lib/paginate.bg.gif); } .paginate .pagecount { padding-left : 5px; } .paginate .pageselect { float : right; } .paginate .pageselect input { margin : -1px 5px -1px 0; border : 1px solid #DAD3CB; font-size : 9px; color : #666; background-color : #EFECE9; } /* vkarchives */ #posts .archive { } #posts .archive .archivedhdr { font-weight : bold; width : 424px; margin : 10px 18px 0px 18px; padding-bottom : 10px; } #posts .archive .closed .hide { display: none; } #posts .archive .open .show { display: none; } #posts .archive .openclose { } .closed div { display: none; } .open div { display: block; } /* now on tc */ #nowontc { margin-left: 20px; margin-bottom: 10px; width: 167px; background: #2A2927 url(http://content.totallynsfw.com/lib/rightcol.box.btm.gif) bottom left no-repeat; padding-bottom: 10px; } /* miniposts */ .minipost { width: 147px; padding-bottom: 5px; margin-bottom: 5px; } .minipost br { display: none; } .minipost a { display: block; width: 147px; text-decoration: none !important; } .minipost .header, .minipost .text { display: block; line-height: 120%; clear: both; } .minipost .header { clear: both; color: #fff; font-weight: bold; padding: 8px 14px 0px 14px; background: #33322F url(http://content.totallynsfw.com/lib/arrow.png) -2px 5px no-repeat; } .minipost .header:after { content: ""; display: block; height: 0; clear: both; } .minipost a:hover .header { color: #DF0084; background: #33322F url(http://content.totallynsfw.com/lib/arrow_o.png) -2px 5px no-repeat; } .minipost img { display: block; float: left; clear: both; width: 120px; height: 120px; border: 14px solid #33322F; border-top-width: 8px; border-right-width: 13px; border-bottom-width: 8px; } .minipost img:after { content: ""; display: block; height: 0; clear: both; } .minipost .text { padding: 0 14px 8px 14px; color: #8B8780; background-color: #33322F; } .minipost a:hover .text { color : #B5B5B1 !important; } /* it's all sIFR below... */ /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility : visible !important; margin : 0; } .sIFR-replaced { visibility : visible !important; } span.sIFR-alternate { position : absolute; left : 0; top : 0; width : 0; height : 0; display : block; overflow : hidden; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash .post h2 { visibility : hidden; letter-spacing : -5px; font-size : 24px; } .sIFR-hasFlash .gallery h2 { visibility : hidden; letter-spacing : -5px; font-size : 24px; } .sIFR-hasFlash #commentheader { visibility : hidden; letter-spacing : -5px; font-size : 16px; }