Merge lp:~sushkov/ubuntu-website/light-planet-theme-v2 into lp:~canonical-isd-hackers/ubuntu-website/light-planet-theme
- light-planet-theme-v2
- Merge into light-planet-theme
Proposed by
Stas Sușcov
Status: | Needs review |
---|---|
Proposed branch: | lp:~sushkov/ubuntu-website/light-planet-theme-v2 |
Merge into: | lp:~canonical-isd-hackers/ubuntu-website/light-planet-theme |
Diff against target: |
402 lines (+123/-143) 2 files modified
index.html.tmpl (+9/-2) style.css (+114/-141) |
To merge this branch: | bzr merge lp:~sushkov/ubuntu-website/light-planet-theme-v2 |
Related bugs: |
Reviewer | Review Type | Date Requested | Status |
---|---|---|---|
Matthew Nuzum | Pending | ||
Review via email: mp+41536@code.launchpad.net |
Commit message
Description of the change
As promised, synced the theme with the WordPress work.
Also added styles for code/pre, and cleaned unused css.
http://
To post a comment you must log in.
- 23. By Stas Sușcov
-
Better gotchis, dialog bubbled, with hover zoom, all pure css
- 24. By Stas Sușcov
-
Duplicated comment removed
- 25. By Stas Sușcov
-
Removed the test img tag
- 26. By Stas Sușcov
-
Added Ubuntu Web Font
Unmerged revisions
- 26. By Stas Sușcov
-
Added Ubuntu Web Font
- 25. By Stas Sușcov
-
Removed the test img tag
- 24. By Stas Sușcov
-
Duplicated comment removed
- 23. By Stas Sușcov
-
Better gotchis, dialog bubbled, with hover zoom, all pure css
- 22. By Stas Sușcov
-
Updated templates to the latest guidelines. Code cleanup
- 21. By Matthew Nuzum
-
correcting the favicon
Preview Diff
[H/L] Next/Prev Comment, [J/K] Next/Prev File, [N/P] Next/Prev Hunk
1 | === modified file 'images/header-bg.png' |
2 | Binary files images/header-bg.png 2010-06-24 14:54:52 +0000 and images/header-bg.png 2011-01-02 17:27:12 +0000 differ |
3 | === modified file 'index.html.tmpl' |
4 | --- index.html.tmpl 2010-11-19 19:13:59 +0000 |
5 | +++ index.html.tmpl 2011-01-02 17:27:12 +0000 |
6 | @@ -48,7 +48,14 @@ |
7 | </TMPL_IF> |
8 | |
9 | <div class="hentry post"> |
10 | - <h2 class="entry-title"><a href="<TMPL_VAR link ESCAPE="HTML">" title="<TMPL_VAR channel_title_plain ESCAPE="HTML">" style="background-image: url(heads/<TMPL_VAR channel_face ESCAPE="HTML">);"><TMPL_VAR channel_name> — <TMPL_VAR title></a></h2> |
11 | + <h2 class="entry-title"> |
12 | + <span class="hackergotchi"> |
13 | + <img src="heads/<TMPL_VAR channel_face ESCAPE="HTML">" alt="<TMPL_VAR channel_name>" /> |
14 | + </span> |
15 | + <a href="<TMPL_VAR link ESCAPE="HTML">" title="<TMPL_VAR channel_title_plain ESCAPE="HTML">" > |
16 | + <TMPL_VAR channel_name> — <TMPL_VAR title> |
17 | + </a> |
18 | + </h2> |
19 | <div class="entry-content"> |
20 | <TMPL_VAR content> |
21 | </div> |
22 | @@ -80,7 +87,7 @@ |
23 | <p>If you are an Ubuntu Member, and would like your blog aggregated here, please see the <a href="http://wiki.ubuntu.com/PlanetUbuntu">PlanetUbuntu</a> wiki page.</p> |
24 | <p>Updated on <TMPL_VAR date> UTC. Entries are normalised to UTC time.</p> |
25 | <h3>Ubuntu World Wide</h3> |
26 | - <p class="ubuntuWorldWide"><a href="https://wiki.ubuntu.com/UbuntuWorldWide"><img src="UbuntuWorldWideSmall.jpg" alt=""></a></p> |
27 | + <p class="ubuntuWorldWide"><a href="https://wiki.ubuntu.com/UbuntuWorldWide"><img src="UbuntuWorldWideSmall.jpg" alt="" /></a></p> |
28 | </li> |
29 | <li class="widgetcontainer widget_extended-categories"> |
30 | <h3 class="widgettitle">Ubuntu Solar System</h3> |
31 | |
32 | === modified file 'style.css' |
33 | --- style.css 2010-11-16 23:32:48 +0000 |
34 | +++ style.css 2011-01-02 17:27:12 +0000 |
35 | @@ -2,7 +2,7 @@ |
36 | Theme Name: Ubuntu Loco Light Theme |
37 | Theme URI: http://launchpad.net/ubuntu-website |
38 | Description: A child theme for Ubuntu Loco websites. Planet Venus port. |
39 | -Version: 0.1 |
40 | +Version: 0.2 |
41 | Author: Stas Sușcov |
42 | Author URI: http://stas.nerd.ro/ |
43 | . |
44 | @@ -25,6 +25,9 @@ |
45 | /* Apply basic image styles */ |
46 | @import url('css/images.css'); |
47 | |
48 | +/* Import Ubuntu Web Font */ |
49 | +@import url('http://fonts.googleapis.com/css?family=Ubuntu'); |
50 | + |
51 | /* |
52 | Real stuff starts here |
53 | */ |
54 | @@ -33,34 +36,20 @@ |
55 | Layout |
56 | */ |
57 | body { background: transparent url("images/dotted-bg.png") top; } |
58 | -#wrapper { background: transparent url("images/header-bg.png") repeat-x top; } |
59 | -#header { width: 980px; height: 72px; margin: 0 auto; overflow: hidden; } |
60 | -#branding { width: 120px; height: 70px; float: right; overflow: hidden; } |
61 | -#blog-title { background: transparent url("images/ubuntu-logo.png") no-repeat 0 15px; width: 120px; height: 45px; } |
62 | -#blog-title span { display: none; } |
63 | -#access { width: 860px; height: 70px; overflow: hidden; margin: 0; padding: 0; } |
64 | +#header { width: 980px; height: 62px; margin: 0 auto; overflow: hidden; background: #DD4814 url("images/header-bg.png") repeat-x top; border: 1px solid #CCC; border-top: none; } |
65 | +#branding { width: 130px; height: 62px; float: right; overflow: hidden; } |
66 | +#blog-title span a { display: block; background: transparent url("images/ubuntu-logo.png") no-repeat 0 15px; width: 120px; height: 50px; text-indent: -1000px; } |
67 | +#access { width: 850px; height: 62px; overflow: hidden; margin: 0; padding: 0; } |
68 | #primary-header-menu { margin: 0; list-style: none; } |
69 | -#primary-header-menu li { margin: 0; padding: 0; height: 70px; } |
70 | +#primary-header-menu li { margin: 0; padding: 0; height: 62px; border-right: 1px solid #DD4814; } |
71 | #primary-header-menu ul { margin: 0; padding: 0; } |
72 | -#primary-header-menu ul li { border-left: 1px solid #EF7149; height: 70px; float: left; margin: 0; padding: 0 15px; list-style: none; } |
73 | +#loco-header-menu { margin-right: -1px; } |
74 | +#primary-header-menu ul li { height: 62px; float: left; margin: 0; padding: 0 10px; list-style: none; } |
75 | #primary-header-menu ul li:hover, |
76 | #primary-header-menu ul li.current-menu-item, |
77 | #primary-header-menu ul li.current-page-ancestor { background: transparent url("images/header-bg-hover.png") repeat-x top; } |
78 | #primary-header-menu ul li a { display: block; } |
79 | -#secondary-header { width: 980px; height: 45px; margin: 0 auto; overflow: hidden; background-color: #FFF;} |
80 | -#secondary-access { margin:0 20px; background-color: #F7F7F7; padding: 0 15px 0 0; height: 40px; overflow: hidden; } |
81 | -#loco-search-form { float: right; margin-top: 5px; } |
82 | -#secondary-header-menu { width: 720px; margin: 0; padding: 0; list-style: none; } |
83 | -#secondary-header-menu li { float: left; padding: 0 15px; height: 40px; list-style: none; } |
84 | -#secondary-header-menu li:hover, |
85 | -#secondary-header-menu li.current_page_item { background-color: #EEE; } |
86 | -#secondary-header-menu li ul { display: none; } |
87 | -#secondary-header-menu li a { height: 40px; display: block; } |
88 | -#main, |
89 | -#page-top { width: 980px; margin: 0 auto; background-color: #FFF; overflow: hidden; } |
90 | -#page-top ul { margin: 0 20px; list-style: none; } |
91 | -#secondary-header, |
92 | -#page-top, |
93 | +#main { width: 980px; margin: 0 auto; background-color: #FFF; overflow: hidden; } |
94 | #main { border-left: 1px solid #CCC; border-right: 1px solid #CCC; } |
95 | #primary, |
96 | #secondary { float: right; clear: right; width: 250px; margin: 15px 10px; padding: 15px 10px; overflow: hidden; background-color: #F7F7F7; } |
97 | @@ -68,25 +57,25 @@ |
98 | #primary > ul, |
99 | #secondary > ul { margin: 0; list-style: none;} |
100 | #container { width: 940px; margin: 10px; } |
101 | -#content { width: 940px; padding-bottom: 5px; } |
102 | -body.blog #container, |
103 | -body.single #container, |
104 | -body.archive #container, |
105 | -body.search #container, |
106 | -body.four04 #container { width: 650px; margin: 10px; } |
107 | -body.blog #content, |
108 | -body.single #content, |
109 | -body.archive #content, |
110 | -body.search #content, |
111 | -body.four04 #content { width: 650px; } |
112 | +#content { width: 940px; margin-top: 5px; padding-bottom: 5px;} |
113 | +#content .page, |
114 | +#content .post { padding: 10px 10px 5px; margin-bottom: 20px; background-color: #F7F7F7; } |
115 | +#content .page { margin-bottom: 10px; } |
116 | +body.blog #container { width: 650px; margin: 10px; } |
117 | +body.blog #content { width: 650px; } |
118 | #content .entry-title, |
119 | -#content .page-title { border-bottom: 1px solid #F7F7F7; margin-bottom: 0; } |
120 | -body.home .entry-title { display: none; } |
121 | -#content .entry-meta { display: inline; float: right; clear: both; background-color: #F7F7F7; border-top: 0; padding: 2px 5px; margin-top: -1px; } |
122 | -#content .entry-content { margin: 10px 0 0; border-bottom: 1px dotted #CCC; } |
123 | -#content .entry-content .page-link { background-color: #F7F7F7; display: inline; padding: 3px 5px; } |
124 | -body.four04 #content .entry-content { border: 0; } |
125 | -#content .entry-utility { margin: 0 0 40px; border-bottom: 1px dotted #CCC; } |
126 | +#content .page-title { border-bottom: 1px solid #EDEDED; margin-bottom: 0; } |
127 | +body.blog .entry-title { display: block; } |
128 | +#content .entry-meta { clear: both; padding-top: 2px; border-top: 1px solid #FFF; } |
129 | +#content .entry-content { margin: 10px 0 0; border-bottom: 1px solid #EDEDED; } |
130 | +#content .entry-content .page-link { border: 1px solid #EDEDED; border-bottom: 0; display: inline; padding: 3px 5px; } |
131 | +#content .page .entry-content, |
132 | +#content .entry-utility { border-top: 1px solid #FFF; } |
133 | +#content .entry-utility div { padding: 1px 2px; } |
134 | +#content .entry-utility div ul { display: inline; margin: 0; } |
135 | +#content .entry-utility div ul li { display: inline; background-color: #EEE; border: 1px solid #DDD; margin-right: 3px; padding: 2px; } |
136 | +#content .entry-utility div.cat-links li { border: 1px solid #CACACA; } |
137 | +#content .entry-utility div ul li:hover { background-color: #DDD; } |
138 | #content .more-link { padding: 3px 5px; margin: 0; } |
139 | body.blog #content #nav-above.navigation { display: none; } |
140 | #content .navigation { padding: 10px 0 40px; } |
141 | @@ -94,101 +83,53 @@ |
142 | #content .navigation .nav-next { width: 320px; } |
143 | #content .navigation .nav-previous { float: left; text-align: left; border-right: 1px dotted #CCC; padding-right: 4px; } |
144 | #content .navigation .nav-next { float: right; text-align: right; } |
145 | -#respond { background-color: #F7F7F7; margin: 10px 0 30px; padding: 10px 20px; } |
146 | -#respond input, |
147 | -#respond textarea { padding: 1px; } |
148 | -#respond h3 { margin-bottom: 0; } |
149 | -#respond #cancel-comment-reply { float: left; } |
150 | -#respond .form-label { width: 85px; float: left; margin-right: 15px; padding-top: 2px; } |
151 | -#respond .form-textarea textarea { width: 70%; } |
152 | -#respond #form-allowed-tags { width: 71%; margin: 5px 0 20px 100px; } |
153 | -#respond #form-allowed-tags p { padding: 5px; } |
154 | -#comments-list div.comment-reply-link { height: 30px; } |
155 | -#respond .form-submit { text-align: right; } |
156 | -#comments-list, |
157 | -#trackbacks-list { border: 1px dotted #CCC; padding: 10px; } |
158 | -#comments-list ol, |
159 | -#trackbacks-list ol { list-style: none; margin-left: 0; } |
160 | -#comments-list ol .children { list-style: none; margin-left: 0; } |
161 | -#comments-list ol li, |
162 | -#trackbacks-list ol li { border: 1px dotted #CCC; padding: 10px 10px 5px; margin-bottom: 10px; } |
163 | -#trackbacks-list .comment-author { border-bottom: 1px solid #F7F7F7; } |
164 | -#comments-list .comment-author img { width: 30px; height: 30px; float: left; margin-right: 5px; } |
165 | -#comments-list .comment-author { display: inline; } |
166 | -#comments-list .comment-author span { display: block; line-height: 16px; } |
167 | -#comments-list .comment-meta { float: left; margin-bottom: 5px; } |
168 | -#comments-list .comment-content { clear: both; border-top: 1px solid #F7F7F7; } |
169 | -#comments-list .comment-content p { margin-bottom: 0; } |
170 | -#comments-list a.comment-reply-link { margin-right: 0; } |
171 | -#page-bottom { width: 940px; margin: 0 20px 30px 0; background-color: #F7F7F7; float: right; } |
172 | -#page-bottom ul { margin: 0; padding: 20px; } |
173 | -#page-bottom > ul > li { float: left; list-style: none; width: 15%; padding: 0 15px 15px 0; } |
174 | #footer { padding: 20px 0; width: 100%; background: #EEECEA url("images/footer-bg.png") repeat-x top; } |
175 | #subsidiary .aside { width: 15%; } |
176 | #subsidiary a { display: block; margin-bottom: 2px; } |
177 | +#subsidiary .textwidget a { display: inline; margin-bottom: 0px; } |
178 | #first { padding-left: 0; } |
179 | #second { margin-right: 0; } |
180 | #first ul, #second ul, #third ul { margin: 0; list-style: none; } |
181 | #siteinfo { padding: 30px 0 10px; } |
182 | -.edit-link { clear: both; } |
183 | .widgettitle { margin-bottom: 0; } |
184 | .widgetcontainer { margin-bottom: 10px; } |
185 | .widgetcontainer ul { list-style: none; margin-left: 10px; } |
186 | .main-aside h3 { margin-bottom: 10px; } |
187 | |
188 | - |
189 | /* |
190 | Typography |
191 | */ |
192 | body { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; } |
193 | -body { color: #444; font-size: 80%; line-height: 1.5; } |
194 | -h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #DD4814; } |
195 | +body { color: #333; font-size: 80%; line-height: 1.5; } |
196 | +h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #772953; } |
197 | h1 { font-size: 180%; margin-bottom: 10px; } |
198 | h2 { font-size: 160%; margin-bottom: 10px; font-weight: bold; } |
199 | h3 { font-size: 140%; margin-bottom: 10px; } |
200 | h4 { font-size: 120%; margin-bottom: 10px; } |
201 | h5 { font-size: 110%; font-weight: bold; margin-bottom: 10px; } |
202 | h6 { font-size: 110%; font-weight: bold; } |
203 | -a, a:active { color: #DD4814; } |
204 | +a, a:active { color: #772953; } |
205 | a:hover { color: #DD4814; } |
206 | a:visited { color: #777777; } |
207 | -#blog-description { font-size: 90%; color: #FFF; } |
208 | +#blog-description { font-size: 90%; color: #FFF; line-height: 80%; display: none; } |
209 | #primary-header-menu ul { font-size: 110%; } |
210 | -#primary-header-menu ul li a { line-height: 72px; color: #FFF; text-decoration: none; } |
211 | -#secondary-header-menu li a { line-height: 35px; color: #333; text-decoration: none; } |
212 | -#secondary-header-menu li:hover a { color: #DD4814; } |
213 | -#secondary-header-menu, |
214 | -#page-bottom > ul > li, |
215 | +#primary-header-menu ul li a { line-height: 62px; color: #FFF; text-decoration: none; } |
216 | #subsidiary { font-size: 85%; } |
217 | #content { font-size: 90%; } |
218 | #content .entry-title, |
219 | -#content .entry-title a { font-weight: normal; text-decoration: none; font-size: 120%; font-weight: bold; color: #DD4814; } |
220 | -body.single #content .entry-title { font-weight: normal; text-decoration: none; font-size: 140%; font-weight: bold; color: #DD4814; } |
221 | -#content .entry-content .page-link { font-size: 85%; } |
222 | +#content .entry-title a { font-weight: normal; text-decoration: none; font-size: 120%; font-weight: normal; color: #DD4814; } |
223 | +#content .entry-title a:hover { text-decoration: underline; } |
224 | #content .entry-meta, |
225 | -#content .entry-utility { font-size: 80%; text-align: right; } |
226 | +#content .entry-utility { font-size: 80%; } |
227 | #content .entry-meta a, |
228 | #content .entry-utility a { text-decoration: none; } |
229 | -#content .more-link { font-size: 80%; } |
230 | -#content .navigation, |
231 | -#content .navigation a { text-decoration: none; font-size: 85%; } |
232 | -#respond h3 { border-bottom: 1px dotted #CCC; color: #DD4814; text-transform: uppercase; } |
233 | -#respond #login { text-align: right; font-size: 85%; } |
234 | -#respond #cancel-comment-reply { font-size: 85%; } |
235 | -#respond #comment-notes { font-size: 85%; text-align: right; } |
236 | -#respond #form-allowed-tags { background-color: #FFF; font-size: 85%; } |
237 | -#respond .form-label { color: #DD4814; text-transform: uppercase; border-bottom: 1px dotted #CCC; } |
238 | -#comments-list h3, |
239 | -#trackbacks-list h3 { text-align: right; border-bottom: 1px dotted #CCC; text-transform: uppercase; color: #DD4814; } |
240 | -#trackbacks-list .comment-author { font-size: 85%; } |
241 | -#trackbacks-list .comment-author a { text-decoration: none; } |
242 | -#comments-list .bypostauthor { border: 1px dotted #DD4814; } |
243 | -#comments-list .comment-author span, |
244 | -#comments-list .comment-author span a { font-size: 100%; color: #DD4814; text-decoration: none; } |
245 | -#comments-list .comment-meta { font-size: 90%; } |
246 | -#comments-list div.comment-reply-link { text-align:right; } |
247 | -#comments-list a.comment-reply-link { font-size: 80%; } |
248 | +#content .entry-utility div.cat-links, |
249 | +#content .entry-utility div.tag-links, |
250 | +#content .entry-utility div.comments-link { font-weight: bold; font-size: 100%; } |
251 | +#content .entry-utility div ul li { font-weight: normal; line-height: 20px; font-size: 90%; } |
252 | +#content .entry-utility div.tag-links ul li:before { content: '• '; color: #CCC; font-size: 100%; font-weight: bolder; white-space: nowrap; } |
253 | #subsidiary a { text-decoration: none; color: #444; border-bottom: 1px dotted #444; } |
254 | +#subsidiary .textwidget a { text-decoration: underline; color: #444; border-bottom: none; } |
255 | #subsidiary a:hover { color: #DD4814; } |
256 | #siteinfo { font-size: 85%; color: #999; } |
257 | .main-aside h3 { font-size: 120%; color: #DD4814; border-bottom: 1px dotted #DD4814; } |
258 | @@ -196,6 +137,17 @@ |
259 | .widgettitle { font-size: 120%; } |
260 | |
261 | /* |
262 | +Ubuntu Font |
263 | +*/ |
264 | +#access, |
265 | +#blog-description, |
266 | +h1, |
267 | +h2, |
268 | +h3, |
269 | +h4, |
270 | +h5 { font-family: 'Ubuntu', sans-serif; } |
271 | + |
272 | +/* |
273 | Additional Styles |
274 | */ |
275 | blockquote { color:#666; font-style:italic; } |
276 | @@ -203,24 +155,21 @@ |
277 | caption { text-align:left; } |
278 | tr { border-bottom:1px solid #ccc; } |
279 | th, td { padding: 5px; } |
280 | -hr { background-color:#ccc; border:0; color:#ccc; height:1px; margin-bottom:22px; } |
281 | +hr { background-color:#ccc; border:0; color:#CCC; height:1px; margin-bottom:22px; } |
282 | p { margin-bottom: 10px; } |
283 | .clearall { clear: both; height: 1px; } |
284 | +input[type="text"], textarea { border: 2px solid #CCC; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; padding: 1px 3px; } |
285 | +.clean { list-style: none; } |
286 | +.inline, .clean { margin: 5px 0; } |
287 | +.inline li { display: inline; } |
288 | |
289 | /* |
290 | CSS3 |
291 | */ |
292 | #primary-header-menu ul li a { text-shadow: #333 1px 1px 1px; } |
293 | -#secondary-access, |
294 | #primary, |
295 | #secondary, |
296 | -#page-bottom, |
297 | -#content .entry-title, |
298 | -#content .entry-meta, |
299 | -#respond, |
300 | -#respond #form-allowed-tags, |
301 | -.loco-columns { -webkit-box-shadow: 0px 1px 1px #CCC; -moz-box-shadow:0 1px 1px #CCC; } |
302 | -.main-aside { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } |
303 | +#content .post { -webkit-box-shadow: 0px 1px 1px #CCC; -moz-box-shadow:0 1px 1px #CCC; } |
304 | |
305 | /* |
306 | Fancyness |
307 | @@ -249,32 +198,15 @@ |
308 | .awesome:active { top: 1px; } |
309 | .awesome, |
310 | .awesome:visited { color: #fff; background-color: #ff5c00; } |
311 | -#content .navigation .awesome, |
312 | -#comments-list a.comment-reply-link { background-color: #F7F7F7; color: #444; } |
313 | - |
314 | -/* |
315 | -Slider customization |
316 | - Arrows |
317 | - Captipon |
318 | -*/ |
319 | -.nivo-directionNav a { display:block; width:32px; height:34px; background:url("images/slider-arrows.png") no-repeat; text-indent:-9999px; border:0; } |
320 | -a.nivo-nextNav { background-position:-32px 0; right:10px; } |
321 | -a.nivo-prevNav { left:10px; } |
322 | -a.nivo-nextNav:hover { background-position:-32px -34px; right:10px; } |
323 | -a.nivo-prevNav:hover { background-position:0px -34px; left:10px; } |
324 | -.nivo-caption, .nivo-caption p { background: #FFF !important; color: #DD4814; font-weight: bold; } |
325 | - |
326 | -/* |
327 | -Special blocks |
328 | -*/ |
329 | -.loco-columns { clear: both; background-color: #F7F7F7; padding: 5px; margin-bottom: -3px; } |
330 | -.loco-columns h2 { color: #444; font-weight: normal; border-bottom: 1px dotted #444; } |
331 | -.loco-columns ul { list-style: none; margin: 0; } |
332 | -.loco-columns ul li { width: 23%; float: left; padding-left: 10px; } |
333 | -.loco-columns ul li h3, |
334 | -.loco-columns ul li h3 a { color: #DD4814; text-decoration: none; } |
335 | -.loco-columns ul li h3 a:hover { text-decoration: underline; } |
336 | -.loco-columns ul li img { padding: 10px 0 5px; } |
337 | + |
338 | +/* |
339 | +Rounded corners |
340 | +*/ |
341 | +.awesome, |
342 | +.post, |
343 | +.main-aside, |
344 | +.post code, .post pre, |
345 | +.hackergotchi img { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } |
346 | |
347 | /* |
348 | Ubuntu World Wide |
349 | @@ -287,10 +219,51 @@ |
350 | h2.entry-title a, h3.widgettitle { text-shadow: #ddd 1px 1px 1px; } |
351 | |
352 | /* |
353 | +Fancy codeblocks |
354 | +*/ |
355 | +.post code, .post pre { |
356 | + font-size: 11px; |
357 | + white-space: nowrap; |
358 | + background: #444; |
359 | + background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0; |
360 | + color:#FFFFFF; |
361 | + padding:2px 3px; |
362 | + text-shadow:0 1px 1px rgba(0, 0, 0, 0.75); |
363 | + font-weight: bold; |
364 | +} |
365 | +.post pre { width: 600px; padding: 5px; white-space: pre; overflow: auto; } |
366 | + |
367 | +/* |
368 | Gotchis |
369 | */ |
370 | -h2.entry-title a { background-position: -135px -35px; background-repeat: no-repeat; display: block; } |
371 | -h2.entry-title a:only-child { background-position: left center; background-size: 25px auto; -moz-background-size: 25px auto; -webkit-background-size: 25px auto; -o-background-size: 25px auto; padding-left: 30px; display: block; } |
372 | +#content .entry-title a { margin-left: 45px; } |
373 | +.hackergotchi:hover img { width: 80px; } |
374 | +.hackergotchi img { |
375 | + width: 40px; |
376 | + border: 1px solid #CACACA; |
377 | + position: absolute; |
378 | + z-index: 10; |
379 | + padding: 1px; |
380 | + background-color: #FFF; |
381 | +} |
382 | +.hackergotchi { |
383 | + display: block; |
384 | + width: 40px; |
385 | + position: absolute; |
386 | + margin-left: -25px; |
387 | + margin-top: -20px; |
388 | + position: absolute; |
389 | +} |
390 | +.hackergotchi:after { |
391 | + border-color: #CACACA transparent; |
392 | + border-style: solid; |
393 | + border-width: 0 45px 30px 0; |
394 | + content: ''; |
395 | + position: absolute; |
396 | + right: -25px; |
397 | + top: 5px; |
398 | + z-index: 5; |
399 | +} |
400 | |
401 | /* |
402 | addthis config |
Revision 23 also brings a solution to current gotchis issue. i.imgur. com/Vmozg. png
Adds zoom and better styling for it.
http://