aboutsummaryrefslogtreecommitdiff
path: root/source/css/theme.css (follow)
Commit message (Collapse)AuthorAgeFilesLines
* theme.css: hide #archival-notice from printZhiming Wang2017-02-061-4/+2
| | | | | Also move to display:none for hiding instead of an awkward visibility:hidden with zero width and height.
* Sunset this blogZhiming Wang2017-02-011-2/+12
|
* theme.css: add Songti SC to fallback Chinese fontsZhiming Wang2016-10-261-0/+2
| | | | | macOS 10.12 slimmed down its base installer image by excluding many fonts and making them on-demand downloads in Font Book.
* Collapse most CSS files into theme.cssZhiming Wang2016-09-021-0/+104
| | | | | Having a whole bunch of CSS files is not good for the performance of the website.
* Move nav-title and nav-author to :beforeZhiming Wang2016-09-021-2/+8
| | | | | | | | | | | This is so that when CSS is disabled, the nav component is hidden entirely instead of being displayed as two lines: dl? cmplnts? by Zhiming Wang This for one makes the site look slightly nicer in text-based browsers, e.g. w3m.
* Move CSS specific to index.html and pub/index.html...Zhiming Wang2016-07-241-24/+0
| | | | | from theme.css into their respective Markdown source files, now that we support per-page custom CSS.
* Add a /pub/ landing pageZhiming Wang2016-07-101-0/+6
|
* Add Chinese typography featuresZhiming Wang2016-07-101-1/+9
|
* template.html: Put author and date on separate lines, and ...Zhiming Wang2016-07-101-1/+1
| | | | | | | | | | only display author when explicitly set in Pandoc metadata. Most if not all posts are by me, and there are plenty of occurrences of "Zhiming Wang" on the page. Also make authorship and date info normal instead of italic -- italic doesn't look very nice here.
* theme.css: pre: Set overflow-x to scrollZhiming Wang2016-04-141-0/+1
| | | | | | The current behavior in Chrome and Safari is simply overflow. Not sure which commit broke it (didn't bother to bisect and regen site multiple times).
* source/css/theme.css: Restore max-width: 100% to imgZhiming Wang2016-04-101-0/+1
| | | | Well, width restriction is still necessary...
* theme.css: Remove max-width and max-height restrictions on imgZhiming Wang2016-04-101-2/+0
| | | | | | | Sometimes I have long images, e.g., in http://zmwangx.github.io/blog/2016-04-10-emacss-got-a-redesigned-website.html, and the image would be vertically compressed in Safari. I could switch from width to max-width, but why restrict to screen height?
* theme.css: Solve image link over-wide issueZhiming Wang2016-01-301-1/+9
| | | | | | | display: block spans the entire width of the parent container. Switching to display: inline solves the problem. Fixes #11.
* source/css/theme.css: Use relative sizes throughoutZhiming Wang2016-01-131-17/+4
| | | | | Sizes relative to the base body size are easier to update -- only need to update the base size.
* theme.css: Tweak logo text positioningZhiming Wang2016-01-091-2/+1
|
* Tweak ol and ul left padding...Zhiming Wang2016-01-081-0/+8
| | | | to left align numbers or bullets with standard paragraphs.
* Site design refresh part III: nav, i.e. logoZhiming Wang2016-01-081-11/+14
| | | | | Surprisingly, a tweaked Arial isn't so bad. Saying goodbye to Open Sans, which was tweaked to minic Helvetica Neue in the first place.
* Slightly increase h1 font sizeZhiming Wang2016-01-081-2/+2
| | | | Regular text 150% => 160%, code 22px => 23px.
* Slightly tweak icon placementZhiming Wang2016-01-081-0/+2
|
* Site design refresh part II: icon fontZhiming Wang2016-01-081-11/+19
| | | | | | | | | | | | | | | | | | | | Use slimmed icon font packaged by http://fontello.com/. I only need two glyphs: RSS and CC. I ended up picking the glyphs from the Entypo v2.0 family (https://github.com/danielbruce/entypo), licensed under SIL. I actually like the Font Awesome glyphs slightly better, but fontello currently only supports FA v4.3.0, which doesn't include the circular CC glyph I need. Old web fonts are kept for now. They will be removed after a while. See \#9. Open Sans is still in place and will be addressed later when the logo is attacked. The entire fontello package I downloaded, including the license, will be added to this repo as source/fonts/fontello/ later when I have implemented an exclude list in pyblog to prevent the directory from being copied to the deployment tree.
* Site design refresh part IZhiming Wang2016-01-081-43/+35
| | | | | | | | | | | | | | Highlights: * Change font to Times/Times New Roman + Courier; * Text slightly darkened across the board to account for the thinner Times; * Eliminate line numbers; * Use custom highlight.css (based on highlight-css supplied by Pandoc, but hightlight more classes when Pandoc falls short, e.g., span.im for Python from and import). Closes #5 because we don't have line numbers anymore.
* theme.css and template.html: Solve overflow problem in code and a tagsZhiming Wang2015-12-261-0/+5
| | | | | | | | Over-long inline <code> tag or long literal link in <a> tag used to overflow the container. This is especially bad on phones where width is very limited. This commit hopefully solves the overflow problem. Still no smarter word breaking, but it's probably just an unfortunate limitation of HTML.
* theme.css: change color of inline code to #777Zhiming Wang2015-11-261-0/+2
| | | | | | Droid Sans Mono doesn't stand out too well in a wall of PT Serif. Changing to a greyish color doesn't disrupt the black-and-white feel of the website, while giving inline code a bit more distinction.
* theme.css: deal with subpixel antialiasingZhiming Wang2015-10-101-0/+9
| | | | | | | Looks much better in desktop Safari on my non-Retina screen. Code stolen from http://www.intridea.com/blog/2014/5/8/better-font-smoothing-in-chrome-on-mac-os-x.
* template: put article-metadata in div tag instead of h2Zhiming Wang2015-09-251-0/+1
| | | | Date and author shouldn't be in the document outline.
* theme.css: fix nav icon for IE9Zhiming Wang2015-09-221-1/+1
|
* theme.css: ix problematic baseline shift of rss-icon in FirefoxZhiming Wang2015-09-051-0/+7
| | | | | Before: http://git.io/vGxpJ ; After: http://git.io/vGxpk .
* theme.css: adjust footnote paddingZhiming Wang2015-08-221-0/+4
| | | | Make list indices roughly align with body text.
* theme.css: add 5px of vertical margins to <img>'sZhiming Wang2015-08-201-2/+1
|
* Change style of <hr> tagZhiming Wang2015-08-081-0/+6
|
* rfooter icons: switch to Font AwesomeZhiming Wang2015-08-081-21/+7
| | | | Use web font to draw icons.
* Blog icon text: switch to antialiases normal weightZhiming Wang2015-08-081-1/+3
| | | | | Open Sans Light 300 turns out to be too thin when antialiased (e.g., in mobile Safari.)
* Draw blog icon with pure HTML and CSSZhiming Wang2015-08-081-8/+22
| | | | | Using web font Open Sans (light) instead of Helvetica Neue. Text is thinner, but close enough and feels about right.
* theme.css: figure caption 80% wideZhiming Wang2015-08-051-0/+2
| | | | To distinguish long captions from article paragraphs.
* 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
|
generated by cgit v1.2.1 (git 2.18.0) at 2024-11-15 11:32:45 +0000