From bdff009c74dec78c012b0d8c3961bb70639404c2 Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Thu, 22 Dec 2011 00:00:29 -0800 Subject: added optional presentation progress bar --- css/main.css | 33 +++++++++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) (limited to 'css/main.css') diff --git a/css/main.css b/css/main.css index d2ab138..18a9887 100644 --- a/css/main.css +++ b/css/main.css @@ -334,6 +334,8 @@ code { small { font-size: 60%; + line-height: 1em; + vertical-align: top; } q { @@ -440,6 +442,37 @@ section img { } + +/********************************************* + * PROGRESS BAR + *********************************************/ + +progress::-webkit-progress-bar { + background: rgba(0,0,0,0.2); +} + +progress::-moz-progress-bar { + background: hsl(185, 85%, 50%); +} + +progress::-webkit-progress-value { + background: hsl(185, 85%, 50%); +} + +progress { + position: absolute; + height: 4px; + width: 100%; + bottom: 0; + left: 0; + padding: 0; + margin: 0; + + border: 0; + outline: 0; + background: none; +} + /********************************************* * ROLLING LINKS *********************************************/ -- cgit v1.2.3