aboutsummaryrefslogtreecommitdiff
path: root/source/css/theme.css (follow)
Commit message (Collapse)AuthorAgeFilesLines
* rfooter icons: reduce duplication in CSSZhiming Wang2015-07-261-23/+10
|
* tons of logic and performance improvementsZhiming Wang2015-07-261-76/+74
| | | | The main aim is a more logical DOM structure and more performant CSS.
* css: replace padding with margin whenever possibleZhiming Wang2015-07-261-6/+6
| | | | Also adjusted some margins.
* adjust content width for different window widthsZhiming Wang2015-07-261-2/+2
| | | | | | | | | New: * Greater than 1440px: load theme-wide.css, content width: 50%; * Between 1024 and 1440px: standard theme.css, content width: 60%; * Lower than 1024px: load theme-narrow.css, content width: 90% (and floating nav element moves up to page top to make space).
* optimize Atom, RSS and CC icons for retina displayZhiming Wang2015-07-261-3/+6
| | | | Again using -webkit-image-set.
* use -webkit-image-set to make icon look sharper on Retina displaysZhiming Wang2015-07-251-0/+1
|
* select blog icon with CSSZhiming Wang2015-07-251-1/+10
| | | | | This way we can deliver the right size based on the window size (wide or narrow), rather than deliver a universal one then scale down.
* pyblog: add postprocessor process_footnote_backlinksZhiming Wang2015-07-241-0/+13
| | | | | | | | | | | | | Add class and variation selector (# U+FE0E: VARIATION SELECTOR-15) to U+21A9: LEFTWARDS ARROW WITH HOOK to fix outstanding font issue of footnote backlinks on mobile. Updated styles accordingly. Trick learned from Daring Fireball. Before: https://i.imgur.com/eUbL1k8.png After: https://i.imgur.com/msv3INn.png
* theme.css: blockquote: add bar on the leftZhiming Wang2015-07-191-1/+3
| | | | The bar is the same as that for pre. Horizontal padding reduced to 1em.
* fix line number placementZhiming Wang2015-07-171-3/+4
| | | | | | | | | | | | | | | | | Global font size in each style sheet has been tweaked very carefully so that the precise line height is very close to a whole number of pixels, so that precision alignment using em, which aligns something precise (top: 13.5em) to something inprecise (line heights, with accumulated errors due to rounding in every line), is not lost. Note that Firefox is NOT supported, since each line seems to always occupy one more pixel than the calculated line height. For some reason line numbers in the print view are still rather problematic at a page continuation. In Chrome and Safari, the first two line numbers on a new page tend to overlap, so everything afterwards are off (and on Firefox line numbers do not show up on the second page at all). Anyway, printing shouldn't be a big concern.
* design mobile and narrow window friendly themeZhiming Wang2015-07-171-18/+35
| | | | Tested on iPhone 6 Plus (both portrait and landscape).
* index.html TOC: use <table> instead of <ul>Zhiming Wang2015-07-171-5/+7
| | | | | | | | | | | | For better formatting. The following screenshots illustrate the difference: * https://i.imgur.com/ZfkUpBG.png * https://i.imgur.com/S6cRK00.png I also reduced the indentation on the left of each year's index from 2em to 1em.
* theme.css: shrink paragraph spacing in and between footnotesZhiming Wang2015-06-161-0/+4
|
* fix font issues: moving back to Droid Sans Mono for codeZhiming Wang2015-06-161-2/+10
| | | | | | | | | | | | | | | | | I just noticed that code font is crazy without Consolas installed (I recently reinstalled my OS and got rid of Office for Mac 2011 — that's probably why). The line numbers are all off (since the line heights are carefully pre-calculated, and fallback fonts of different leadings won't help). Therefore, I'm moving to the quite nice looking and controllable Droid Sans Mono. Isn't as satisfactory as Consolas on the web, but certainly better than Monaco. Note: I originally copied my list Consolas, Monaco, 'Andale Mono', monospace (I added Courier since I like it a lot as the primitive monospace font) from MDN Wiki, but now it looks like a bad choice when I don't have Consolas any more. By the way, MDN Wiki renders line numbers using JS, so at least they are able to calculate the line heights. I'm serving everything statically, so this is a problem.
* modify template and stylesheet to include RSS iconZhiming Wang2015-06-101-2/+16
|
* update to "Searchable settings are one honking great idea..."Zhiming Wang2015-05-161-2/+2
|
* add noscript tag for javascript embedded asciicastZhiming Wang2015-05-141-0/+8
|
* add source code line numbersZhiming Wang2015-05-141-8/+33
| | | | | | | | | | The way I handle line numbers and the pre block in general is inspired by the MDN wiki. See, for instance, https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript a screenshot is here: https://i.imgur.com/982TBDc.png Also tweaked other styles, e.g., changed the primary monospace font to Consolas, and slightly tweaked a few old posts.
* add support for lfooter (updated) and top level pages...Zhiming Wang2015-05-131-4/+12
| | | | (other than index.html).
* 20150509 storyboard reached 0.1Zhiming Wang2015-05-091-0/+4
| | | | | Also fixed the bugs in pyblog introduced in the last revision and tweaked the theme a bit.
* fix minor invalid HTML issuesZhiming Wang2015-05-061-0/+2
|
* serve the CC icon locallyZhiming Wang2015-05-051-1/+1
|
* 20150505 Graceful handling of SIGINT when using Python's multiprocessing.ProcessZhiming Wang2015-05-051-0/+4
| | | | | Also implemented the "touch" action in pyblog, as well as wrote a README.md for the source branch. And some other minor patching.
* add feed icon to footerZhiming Wang2015-05-051-0/+11
| | | | Among other fixes and tweaks.
* pyblog: implement deploy and gen_deployZhiming Wang2015-05-051-1/+1
| | | | Also changed month to short format on the index page.
* 20150505: New blog, new startZhiming Wang2015-05-051-0/+8
| | | | | | | | | | | Also fixed several problems: 1. Rending SVG and making it a clickable link is basically impossible across multiple browsers. I'm now using a pretty good PNG; 2. Implemented new_post in pyblog; 3. Footnotes related updates to the theme.
* handle navigation button and faviconsZhiming Wang2015-05-051-0/+4
| | | | | | | | Note that I'm using an <embed> tag with the svg because if wrapped in <img>, the svg won't render on Safari. After using the <embed> tag, the svg renders on all four major browsers on OS X (Chrome, Safari, Firefox, Opera), and it looks nice on all three but Firefox, in which case it's crappy as fuck.
* a lot of workZhiming Wang2015-05-051-0/+14
| | | | Mainly generating feed and index.
* edit posts and (mostly) figured out the themeZhiming Wang2015-05-041-0/+90
Also wrote pyblog that currently can generate parts most of the blog.
generated by cgit v1.2.1 (git 2.18.0) at 2024-11-15 14:36:28 +0000