From 432adfe6948631014c93ec4aa812fe74920245d5 Mon Sep 17 00:00:00 2001 From: David Runge Date: Wed, 30 Mar 2016 21:04:16 +0200 Subject: sleepmap-theme/static/css/main.css: Making pictures in figure environments auto-scale. --- sleepmap-theme/static/css/main.css | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) (limited to 'sleepmap-theme') diff --git a/sleepmap-theme/static/css/main.css b/sleepmap-theme/static/css/main.css index 157b262..3a5017b 100644 --- a/sleepmap-theme/static/css/main.css +++ b/sleepmap-theme/static/css/main.css @@ -2,7 +2,7 @@ Name: Smashing HTML5 Date: July 2009 Description: Sample layout for HTML5 and CSS3 goodness. - Version: 1.0 +recording: Version: 1.0 Author: Enrique Ramírez Autor URI: http://enrique-ramirez.com */ @@ -131,10 +131,14 @@ tfoot td {} /* HTML5 tags */ header, section, footer, -aside, nav, article, figure { +audio, source, aside, nav, article, figure { display: block; } +audio, source { + position: relative; +} + table.highlighttable { margin: .5em 0 1.5em 0; width: 100%; @@ -434,3 +438,10 @@ div.legend table{ abbr{ font-style: italic; } + +/* images */ + +div.figure img { + max-width: 100%; + height: auto; +} -- cgit v1.2.3-54-g00ecf