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 ++++++++++++++++++++++++++++++++++++++++++++++ css/readability-print.css | 5 ++ css/readability.css | 142 +++++++++++++++++++++++++++++++++++ 3 files changed, 333 insertions(+) create mode 100755 css/readability-home.css create mode 100755 css/readability-print.css create mode 100755 css/readability.css (limited to '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; +} + diff --git a/css/readability-print.css b/css/readability-print.css new file mode 100755 index 0000000..83aa757 --- /dev/null +++ b/css/readability-print.css @@ -0,0 +1,5 @@ + +#readInner { + width: 100% !important; + font-size: 12pt; +} \ No newline at end of file diff --git a/css/readability.css b/css/readability.css new file mode 100755 index 0000000..04296f9 --- /dev/null +++ b/css/readability.css @@ -0,0 +1,142 @@ +@charset "utf-8"; +/* CSS Document */ + +/* +#readOverlay { + background-image: none; + + + background: #eee; + font-family:Georgia,"Century Schoolbook","Times New Roman",Times,serif; + +} +*/ + +#readOverlay { + display: block; + position: absolute; + top: 0; + left: 0; + z-index: 250000; + width: 100%; +} + +#readInner { + text-align: left; + line-height: 1.4em; + margin: 1em auto; + max-width: 800px; + +} +#readInner a { + color: blue; + text-decoration: underline; +} + +#readInner * { + margin-bottom: 16px; + border: none; + background: none; +} +#readInner img { + float: left; + margin-right: 12px; + margin-bottom: 12px; +} + +#readInner h1 { + display: block; + width: 100%; + border-bottom: 1px solid #333; + font-size: 1.2em; +} +#readInner blockquote { + margin-left: 3em; + margin-right: 3em; +} +#readFooter { + display: block; + border-top: 1px solid #333; + height: 360px : + margin-bottom: 260px; + text-align: center; +} + +/* ---------------- 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 --------------------- */ + +/* ------ DEBUG ------- */ +.bug-green { + background: #BBF9B0; + border: 4px solid green; +} +.bug-red { + background: red; +} +.bug-yellow { + background: #FFFF8E; +} +.bug-blue { + background: #BFDFFF; +} \ No newline at end of file -- cgit v1.2.3