From 1c6c114ee9c716f3dba8e31ec281e556ca99a08a Mon Sep 17 00:00:00 2001 From: umbrae Date: Thu, 5 Mar 2009 15:45:51 +0000 Subject: Adding the 0.1 source to trunk git-svn-id: http://arc90labs-readability.googlecode.com/svn/trunk@2 d4e419ec-0920-11de-bbfd-a7c1bc4c261e --- css/readability-home.css | 186 +++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 186 insertions(+) create mode 100755 css/readability-home.css (limited to 'css/readability-home.css') diff --git a/css/readability-home.css b/css/readability-home.css new file mode 100755 index 0000000..ac6fe5c --- /dev/null +++ b/css/readability-home.css @@ -0,0 +1,186 @@ +@charset "utf-8"; +/* CSS Document */ + +body { + background: #1E4E74; + color: #ddd; +} + +img { +border: none; +} + +#container { + margin-top: 10px; + margin-right:auto; + margin-left:auto; + width: 980px; + height: 1125px; + padding: 10px; + background: url(../images/readability.png) no-repeat; + overflow: hidden; +} +#footer { + margin-top: 46px; + text-align: right; +} +#footer * { + float: right; +} +#arcLinks { + margin-left: 140px; +} +#kindlingAd { + width: 250px; +} +#kindlingAd a { + color: #fff; + font-size: 12px; + text-decoration: none; + display: block; +} +#kindlingAd p { + margin: 4px 40px 0 0; +} + +a.www-link { + margin: 0 8px 0 30px; +} + +#arc90 { + display: block; + text-align: right; + margin-top: 60px; +} + +#settings { + margin-top: 193px; + padding: 0 1.5em; + display: block; + width: 900px; + height: 160px; +} + +div.settings-box, div#bookmarklet { + float: left; +} +div#bookmarklet { + width: 200px; + margin-top: 24px; + margin-left: 140px; + text-align: center; +} + +div#style { + width: 175px; + margin-left: 20px; +} +div#size { + width: 165px; +} +div#margin { + width: 160px; +} + +.settings-box label { + margin-left: .5em; + cursor: pointer; +} +.settings-box p { + margin: .1em 0; +} +#readHiddenContent { + display: none; +} +#example { + display: block; + margin-left: 30px; + margin-top: 24px; + width: 888px; + height: 454px; + left: 30px; + padding: 1em 2em; + overflow: auto; +} +#articleContent { + text-align: left; + line-height: 1.4em; + margin: 1em auto; +} +/* ---------------- USER-CONFIGURABLE STYLING --------------------- */ +/* ---------------- USER-CONFIGURABLE STYLING --------------------- */ +/* Size options */ +.size-small { + font-size: 12px; +} +.size-medium { + font-size: 18px; +} +.size-large { + font-size: 26px; +} +.size-x-large { + font-size: 34px; +} + +/* Style options */ +.style-novel { + font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; + background: #F4F3DB; + color: #222; +} + +.style-ebook { + font-family:Arial, Helvetica, sans-serif; + background: #eee; + color: #333; +} +.style-ebook h1 { + font-family: "Arial Black", Gadget, sans-serif; + font-weight: normal; +} + +.style-newspaper { + font-family:"Times New Roman", Times, serif; + background: #F7F7F7; + color: #222; +} +.style-newspaper h1 { + text-transform:capitalize; + font-family: Georgia, "Times New Roman", Times, serif; +} + +.style-terminal { + font-family: "Lucida Console", Monaco, monospace; + background: #1D4E2C; + color: #C6FFC6; +} + +/* Margin Options */ +.margin-x-wide { + width: 35%; +} +.margin-wide { + width: 55%; +} +.margin-medium { + width: 75%; +} +.margin-narrow { + width: 95%; +} +/* ---------------- USER-CONFIGURABLE STYLING --------------------- */ +/* ---------------- USER-CONFIGURABLE STYLING --------------------- */ + + + +/* LOCK IN H1 SIZING */ +#articleContent h1 { + font-size: 1.2em !important; + display: block; + text-transform:capitalize; +} +#articleContent { + line-height: 1.4em; +} + -- cgit v1.2.3