aboutsummaryrefslogtreecommitdiff
path: root/source/css/theme-enlarge.css (follow)
Commit message (Collapse)AuthorAgeFilesLines
* configure viewport and get rid of theme-enlarge.cssZhiming Wang2015-07-231-8/+0
| | | | | | | | | | Viewport configuration per Google's mobile usability suggestions. It not only provides a consistent experience by using device independent pixels, but also help me get rid of theme-enlarge.css, which could result in unexpectedly large font when one accidently resize to a portrait window on the desktop. Thanks Google! See https://developers.google.com/speed/docs/insights/ConfigureViewport.
* fix line number placementZhiming Wang2015-07-171-1/+1
| | | | | | | | | | | | | | | | | 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-0/+8
Tested on iPhone 6 Plus (both portrait and landscape).