SHOW:
|
|
- or go back to the newest paste.
1 | @namespace url(http://www.w3.org/1999/xhtml); | |
2 | ||
3 | @-moz-document domain("reddit.com") { | |
4 | ||
5 | body { | |
6 | background-attachment: fixed !important; | |
7 | background-color: #E5E5E5 !important; | |
8 | background-image: url("chrome://browser/skin/newtab/noise.png"), linear-gradient(rgba(255,255,255,0.5), rgba(255, 255, 255, 0.2)) !important; | |
9 | font-family: "Helvetica Neue LT Std","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",Tahoma,Verdana,sans-serif !important; | |
10 | } | |
11 | ||
12 | #header { | |
13 | background: linear-gradient(#FFF 22px, #EEE) !important; | |
14 | border-bottom: 1px solid rgba(0,0,0,0.2) !important; | |
15 | } | |
16 | ||
17 | #sr-header-area { | |
18 | background: linear-gradient(#2D3135, #272C2F) !important; | |
19 | height: 21px !important; | |
20 | line-height: 20px !important; | |
21 | } | |
22 | ||
23 | .dropdown.srdrop .selected { | |
24 | background-image: url(http://www.redditstatic.com/droparrowwhite.gif) !important; | |
25 | color: #FFF !important; | |
26 | cursor: pointer; | |
27 | } | |
28 | ||
29 | #sr-header-area a { | |
30 | color: #BBB !important; | |
31 | font-size: 9px !important; | |
32 | text-decoration: none !important; | |
33 | transition: 0.5s color ease; | |
34 | } | |
35 | ||
36 | #sr-header-area a:hover { | |
37 | color: #FFF !important; | |
38 | } | |
39 | ||
40 | .sr-bar .separator { | |
41 | color: #93CC05 !important | |
42 | } | |
43 | ||
44 | #sr-more-link { | |
45 | background: linear-gradient(#2D3135, #272C2F) !important; | |
46 | color: #FFF !important; | |
47 | height: 21px !important | |
48 | } | |
49 | ||
50 | #header-img { | |
51 | background-position: 20px -259px !important; | |
52 | padding: 0 20px !important | |
53 | } | |
54 | ||
55 | .tabmenu { | |
56 | vertical-align: 5px !important; | |
57 | } | |
58 | ||
59 | .tabmenu li a { | |
60 | background: transparent !important; | |
61 | color: #666 !important; | |
62 | font-size: 18px !important; | |
63 | font-weight: 300 !important; | |
64 | padding: 4px 12px !important; | |
65 | text-shadow: #FFF 0 1px 1px !important; | |
66 | transition: 0.5s color ease; | |
67 | } | |
68 | ||
69 | .tabmenu li a:hover { | |
70 | color: #FF4500 !important; | |
71 | } | |
72 | ||
73 | .tabmenu li.selected a { | |
74 | background: linear-gradient(#FFF, #EEE) !important; | |
75 | border-color: rgba(0,0,0,0.2) !important; | |
76 | border-bottom: 1px solid rgba(0,0,0,0.1) !important; | |
77 | border-radius: 4px 4px 0 0 !important; | |
78 | color: #FF4500 !important; | |
79 | font-weight: 400 !important | |
80 | } | |
81 | ||
82 | #header-bottom-right { | |
83 | background: rgba(20,20,20,0.05) !important; | |
84 | box-shadow: rgba(0,0,0,0.1) 1px 1px 2px inset; | |
85 | font-size: 12px !important; | |
86 | font-weight: 300 !important; | |
87 | padding: 8px 16px !important; | |
88 | } | |
89 | ||
90 | #header-bottom-right a { | |
91 | color: #222 !important; | |
92 | transition: 0.5s color ease; | |
93 | } | |
94 | ||
95 | #header-bottom-right a:hover { | |
96 | color: #666 !important; | |
97 | text-decoration: none !important; | |
98 | } | |
99 | ||
100 | .user .userkarma { | |
101 | border: 0 !important; | |
102 | color: #000; | |
103 | font-weight: 300 !important; | |
104 | } | |
105 | ||
106 | .pref-lang { | |
107 | font-weight: 300 !important; | |
108 | } | |
109 | ||
110 | ||
111 | .side { | |
112 | background: #FFF !important; | |
113 | box-shadow: rgba(0,0,0,0.25) 0 0 10px !important; | |
114 | padding: 20px !important; | |
115 | position: absolute; | |
116 | right: 0; | |
117 | z-index: 3 | |
118 | } | |
119 | ||
120 | .link { | |
121 | border: 0 !important; | |
122 | border-bottom: 1px solid rgba(0,0,0,0.1) !important; | |
123 | margin: 0 !important; | |
124 | min-height: 60px; | |
125 | padding: 12px 0 !important; | |
126 | position: relative !important; | |
127 | } | |
128 | ||
129 | .link.last-clicked { | |
130 | background: rgba(255,255,255,0.5) !important; | |
131 | } | |
132 | ||
133 | .link .thumbnail { | |
134 | margin-right: 12px !important; | |
135 | width: 76px !important; | |
136 | } | |
137 | ||
138 | .link .thumbnail img { | |
139 | border: 3px solid #FFF !important; | |
140 | box-shadow: rgba(0,0,0,0.2) 0 0 8px !important; | |
141 | } | |
142 | ||
143 | .thing p.title { | |
144 | padding-bottom: 10px !important; | |
145 | } | |
146 | ||
147 | .thing .title.loggedin { | |
148 | color: #369 !important; | |
149 | font-size: 18px !important; | |
150 | line-height: 22px !important; | |
151 | text-indent: 155px; | |
152 | text-shadow: #FFF 0 1px 0 !important; | |
153 | transition: 0.5s ease all; | |
154 | } | |
155 | ||
156 | /* TODO: Use this for visited links */ | |
157 | .thing .title.loggedin:visited { | |
158 | box-shadow: rgba(0,0,0,0.2) 0 0 20px inset !important; | |
159 | color: #AAA !important; | |
160 | } | |
161 | ||
162 | .tagline { | |
163 | color: #999 !important; | |
164 | font-size: 12px !important; | |
165 | text-shadow: #FFF 0 1px 0 !important; | |
166 | } | |
167 | ||
168 | .link .flat-list { | |
169 | font-size: 14px !important; | |
170 | } | |
171 | ||
172 | .entry .buttons li a { | |
173 | background: rgba(0,0,0,0.05) !important; | |
174 | border-radius: 4px; | |
175 | box-shadow: rgba(0,0,0,0.1) 1px 1px 2px inset !important; | |
176 | color: #999 !important; | |
177 | font-weight: normal !important; | |
178 | padding: 0 8px 3px !important; | |
179 | text-shadow: #EEE 0 1px 0 !important; | |
180 | transition: 0.5s ease all; | |
181 | } | |
182 | ||
183 | .entry .buttons li a:hover { | |
184 | background: rgba(200,200,200,0.05) !important; | |
185 | box-shadow: rgba(0,0,0,0.2) 1px 1px 2px inset !important; | |
186 | color: #666 !important; | |
187 | text-decoration: none !important; | |
188 | } | |
189 | ||
190 | .expando-button {display: none !important} | |
191 | ||
192 | ||
193 | } |