Skip to content

Instantly share code, notes, and snippets.

@Angles
Last active October 7, 2015 18:58
Show Gist options
  • Save Angles/3210460 to your computer and use it in GitHub Desktop.
Save Angles/3210460 to your computer and use it in GitHub Desktop.
Safari UserCSS - Lifehacker Darker
/* Safari UserCSS - Lifehacker Darker */
/* http://(STAR).lifehacker.com/(STAR) */
/* BASED ON THIS WITH MODIFICATIONS */
/*
Darker Lifehacker
By zigboom
http://userstyles.org/styles/46651
*/
#lifehacker, #gizmodo, #gawker {
//background: #000000 url("http://i930.photobucket.com/albums/ad144/zigboom/square_000000_181818.png") !important;
background: #000000 !important;
}
#rightcontainer .wrapper, .post, .time.modfont, .frontpagegrid,
#main-container > .inner, .site-forecolor, .comment, .replies, .code, #container,
#tomorrowsnews, #main-container, .cn_login_panel.presence_control, #userMenu,
#rightcontainer, #pane, #postTransitionOverlay
{
background: #181818 !important;
}
.inner {
padding-left: 10px !important;
padding-right: 40px !important;
background: #181818 !important;
}
.wrap {
background: #181818 !important;
padding-right: 13px !important;
}
.cn_login_panel.presence_control {
background: #181818 !important;
padding-right: 13px !important;
margin-right: -13px !important;
}
.ad_container.default {
margin-left: -10px !important;
}
li:hover, #login, .ui-dropdown.modfont.site-bg-color {
background-color: transparent !important;
}
a,a:link,a:visited {
color: #FFFFFF !important;
}
a:hover {
text-decoration: none !important;
text-shadow: 0 0 3px #FFFFFF !important;
}
#rightcontainer .post .site-bg-color, .site-bg-color, BLOCKQUOTE {
background-color: #181818 !important;
color: #CCCCCC !important;
}
.site-forecolor {
color: #FFFFFF !important;
}
.site-forecolor:hover {
text-decoration: none !important;
}
#latest {
border-bottom: 0px !important;
}
#page {
background-color: #181818 !important;
border-left: 1px solid #555555;
border-right: 1px solid #555555;
box-shadow:0 1px 3px #FFFFFF !important;
border-top: 0px !important;
margin-top: 0px !important;
}
p, span, div, h1, h2, h3, h4, h5, h6 {
color: #CCCCCC !important;
}
#post_list li, .post-body, #comments, .comment, ul.related li {
border-bottom: 2px solid !important;
-moz-border-bottom-colors: #333333 #000000 !important;
}
.comment, #about_gawker_media, ul.related li, .related-more {
border-top: 0px !important;
}
.post .content hr {
border-top: 2px solid !important;
-moz-border-top-colors: #000000 #333333 !important;
}
.post blockquote, .soft_list p {
border: 2px solid !important;
-moz-border-top-colors: #000000 #333333 !important;
-moz-border-right-colors: #000000 #333333 !important;
-moz-border-bottom-colors: #000000 #333333 !important;
-moz-border-left-colors: #000000 #333333 !important;
}
.soft_list p {
background: #181818 !important;
}
.wide {
border-right: 2px solid !important;
border-bottom: 2px solid !important;
border-left: 1px solid #000000 !important;
border-top: 1px solid #000000 !important;
-moz-border-right-colors: #000000 #333333 !important;
-moz-border-bottom-colors: #000000 #333333 !important;
}
.threadfooter a.hide {
margin-bottom: -2px !important;
}
#post_list li.date-separator {
border: 1px solid #555555 !important;
background: -moz-linear-gradient(bottom, #181818, #555555) !important;
}
.date.modfont {
background: transparent !important;
}
.current { box-shadow: 0 0 3px #333333 !important; }
#site, #rightbar_notification_container {
background: -moz-linear-gradient(bottom, #181818, #555555) !important;
border-bottom: 0px solid #181818 !important;
margin-top: 0px !important;
border-top: 0px !important;
}
#header {
box-shadow:0 0px 3px #FFFFFF !important;
margin-bottom: 1px !important;
}
#rightbar-header {
border: 0px !important;
margin: 0px !important;
width: 340px !important;
}
.marked-head, #site, #rightbar-header, #rightbar .stories {
background: -moz-linear-gradient(bottom, #181818, #555555) !important;
}
#rightbar-header {
background: -moz-linear-gradient(top, #515151, #151515) !important;
}
.chrome .site-forecolor {
background: transparent !important;
}
#thread_navigation {
background: -moz-linear-gradient(bottom, #181818, #555555) !important;
border-bottom: 1px solid #555555 !important;
border-right: 1px solid #555555 !important;
margin-bottom: 0px !important;
}
#comments .cn_threadlist {
border-bottom: 0px solid #ccc !important;
}
.threadfooter a.hide {
background: -moz-linear-gradient(bottom, #181818, #555555) !important;
border-right: 1px solid #555555 !important;
}
.thread .replies .comment {
border-left: 5px solid transparent !important;
}
.tc.cn_showall.selected, .tc.cn_showfeatured.selected, #thread > DIV > DIV:nth-child(3) > A {
background: -moz-linear-gradient(bottom, #181818, #555555) !important;
border-bottom: 1px solid #555555 !important;
border-right: 1px solid #555555 !important;
}
#thread_featured, #thread_all {
background: transparent !important;
border-color: transparent !important;
}
#thread > DIV > DIV:nth-child(3) > A {
margin-top: 10px !important;
}
#thread_label, #thread_new, #comments #thread_navigation a {
box-shadow: none !important;
}
#comments #thread_navigation a, .viewcomments {
border-bottom: 0px !important;
}
#thread_new {
border-left: 1px solid transparent !important;
}
#postform_widget > DIV, #postform_widget > DIV > FORM > DIV > TEXTAREA {
background: #181818 !important;
}
.thin.pfc.cn_cancel.modfont, .thin.pfc.cn_submit.modfont.default {
color: #CCCCCC !important;
}
* {
border-color: #555555 !important;
}
#welcome-box > DIV {
border-left: 0px !important;
border-right: 0px !important;
}
#switch_latest > A, #switch_popular > A, #switch_search > A {
background-color: transparent !important;
}
#switch_latest > A:hover, #switch_popular > A:hover, #switch_search > A:hover {
box-shadow: 0 0 3px #CCCCCC !important;
}
#top_presence_control > DIV:last-child > A {
border-left: 0px !important;
}
#user > a,
#login a {
box-shadow: none !important;
background-color: transparent !important;
}
DIV[style="background-color: #e2e0d4; padding: 16px; margin: 16px 8px 16px 8px;"] {
background: #181818 !important;
}
#site_list {
background-color: transparent !important;
}
.button, button {
background: -moz-linear-gradient(bottom, #181818, #555555) !important;
box-shadow: none !important;
}
#post_list li.current {
background: -moz-linear-gradient(bottom, #333333, #181818 80%, #333333) !important;
border: 1px solid #555555 !important;
}
#hidescroll {
//background: #000000 url("http://i930.photobucket.com/albums/ad144/zigboom/square_000000_181818.png") !important;
background: #000000 !important;
}
.rightBarControl.cn_pager.lower.modfont, .rightBarControl.cn_pager.upper.modfont {
background: rgba(51,51,51,.85) !important;
box-shadow: none !important;
}
ul.rightbar_list li:hover {
background: #181818 !important;
}
#pw-comments {
width:680px;margin:0 0 0 -9px !important;
}
.comment {
background: #181818 !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment