From 39c3d23a79705caa7441a3cce47ed26ff9d7599b Mon Sep 17 00:00:00 2001 From: JJfutbol Date: Thu, 9 Jul 2009 01:51:25 +0000 Subject: - updated css, deployed readability on lab.arc90.com had some changes not included - added user font size and family styles to print css - added twitter link to index page and styles to css - updated readability-start.js to now use a dynamic lookup of the baseHref - added check for console object, creates blank object if not defined - this way we can hold onto the current debugging for now safely git-svn-id: http://arc90labs-readability.googlecode.com/svn/trunk@60 d4e419ec-0920-11de-bbfd-a7c1bc4c261e --- css/readability-home.css | 364 +++++++++++++++++++++--------------------- css/readability-print.css | 49 +++++- css/readability.css | 395 ++++++++++++++++++++++------------------------ 3 files changed, 411 insertions(+), 397 deletions(-) (limited to 'css') diff --git a/css/readability-home.css b/css/readability-home.css index ac6fe5c..935d750 100755 --- a/css/readability-home.css +++ b/css/readability-home.css @@ -1,186 +1,178 @@ -@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; -} - +@charset "utf-8"; + +body { + background: #1E4E74; + color: #ddd; +} +img { + border: none; +} +#container { + background: url(../images/readability.png) no-repeat; + height: 1125px; + margin: 10px auto 0 auto; + overflow: hidden; + padding: 10px; + width: 980px; +} +#footer { + margin-top: 46px; + text-align: right; +} +#footer * { + float: right; +} +#arcLinks { + margin-left: 140px; +} +#kindlingAd { + width: 250px; +} +#kindlingAd a { + color: #fff; + display: block; + font-size: 12px; + text-decoration: none; +} +#kindlingAd p { + margin: 4px 40px 0 0; +} +a.www-link { + margin: 0 8px 0 30px; +} +#arc90 { + display: block; + margin-top: 60px; + text-align: right; +} +#arc90 img { + margin-right: 10px; +} +#arc90 a.twitter { + border-bottom: 1px solid #fff; + color: #ddd; + font-size: .8em; + font-weight: bolder; + margin-top: 10px; + text-decoration: none; +} +#settings { + display: block; + height: 160px; + margin-top: 162px; + padding: 0 1.5em; + width: 900px; +} +div.settings-box, div#bookmarklet { + float: left; +} +div#bookmarklet { + margin-left: 140px; + margin-top: 24px; + text-align: center; + width: 200px; +} +div#style { + margin-left: 20px; + width: 175px; +} +div#size { + width: 165px; +} +div#margin { + width: 160px; +} +.settings-box label { + cursor: pointer; + margin-left: .5em; +} +.settings-box p { + margin: .1em 0; +} +#readHiddenContent { + display: none; +} +#example { + display: block; + height: 455px; + left: 30px; + margin-left: 30px; + margin-top: 28px; + overflow: auto; + padding: 1em 2em; + width: 888px; +} +#articleContent { + line-height: 1.4em; + margin: 1em auto; +} +/* LOCK IN H1 SIZING */ +#articleContent h1 { + display: block; + font-size: 1.2em !important; + text-transform: capitalize; +} + + +/* ---------------- 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 { + background: #F4F3DB; + color: #222; + font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; +} +.style-ebook { + background: #EEE; + color: #333; + font-family: Arial, Helvetica, sans-serif; +} +.style-ebook h1 { + font-family: "Arial Black", Gadget, sans-serif; + font-weight: normal; +} +.style-newspaper { + background: #F7F7F7; + color: #222; + font-family: "Times New Roman", Times, serif; +} +.style-newspaper h1 { + font-family: Georgia, "Times New Roman", Times, serif; + text-transform: capitalize; +} +.style-terminal { + background: #1D4E2C; + color: #C6FFC6; + font-family: "Lucida Console", Monaco, monospace; +} + +/* ------ Margin Options ------- */ + +.margin-x-wide { + width: 35%; +} +.margin-wide { + width: 55%; +} +.margin-medium { + width: 75%; +} +.margin-narrow { + width: 95%; +} \ No newline at end of file diff --git a/css/readability-print.css b/css/readability-print.css index a4c8cb3..855e827 100755 --- a/css/readability-print.css +++ b/css/readability-print.css @@ -1,7 +1,44 @@ -#readInner { - width: 100% !important; - font-size: 12pt; -} -#readTools { - display: none; +#readInner { + width: 100% !important; +} +#readTools { + display: none; +} + +/* ------ 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; +} +.style-ebook { + font-family: Arial, Helvetica, sans-serif; +} +.style-ebook h1 { + font-family: "Arial Black", Gadget, sans-serif; + font-weight: normal; +} +.style-newspaper { + font-family: "Times New Roman", Times, serif; +} +.style-newspaper h1 { + font-family: Georgia, "Times New Roman", Times, serif; + text-transform: capitalize; +} +.style-terminal { + font-family: "Lucida Console", Monaco, monospace; } \ No newline at end of file diff --git a/css/readability.css b/css/readability.css index 0d3367e..d990766 100755 --- a/css/readability.css +++ b/css/readability.css @@ -1,206 +1,191 @@ -@charset "utf-8"; -/* CSS Document */ -#readOverlay { - display: block; - left: 0; - position: absolute; - top: 0; - width: 100%; -} -#readInner { - line-height: 1.4em; - margin: 1em auto; - max-width: 800px; - text-align: left; - width: 800px; -} -#readInner a { - color: blue; - text-decoration: underline; -} -#readInner pre { - white-space: pre-wrap; -} -#readOverlay #readInner pre.normalPre { - font-size: 14px; - line-height: 1.4em; - overflow: auto; - white-space: pre-wrap; -} -/* custom - PRE content (will revisit) -#readInner code, #readInner pre { - font-family: "Courier New", Courier, monospace; -} -#readInner pre { - background-color: #FFF; - border: #000 1px inset; - font-size: 110%; - max-height: 250px; - overflow: auto; - margin: 0; - padding: 6px 0; - overflow-x: auto; - width: 100%; -} -*/ -#readInner * { - background: none; - border: none; - margin-bottom: 16px; - text-align: left; -} -#readInner h1 { - border-bottom: 1px solid #333; - display: block; - font-size: 1.2em; - width: 100%; -} -#readInner blockquote { - margin-left: 3em; - margin-right: 3em; -} -#readFooter { - border-top: 1px solid #333; -} -#readFooter, #readFooter div, #readFooter a { - margin: 0; - padding: 0; - text-align: center; -} -#readability-version { - font-size: 12px; - font-weight: bold; -} - -/* Article Tools */ -#readTools { - height: 150px; - left: 10px; - position: fixed; - top: 10px; - width: 34px; - z-index: 100; -} -#readTools a { - display: block; - filter: alpha(opacity=40); - height: 34px; - margin-bottom: 8px; - opacity: .4; - overflow: hidden; - text-indent: -99999px; -} - -#email-page { - background: url(http://lab.arc90.com/experiments/readability/images/read-email.png) no-repeat left top; -} -#reload-page { - background: url(http://lab.arc90.com/experiments/readability/images/read-refresh.png) no-repeat left top; -} -#print-page { - background: url(http://lab.arc90.com/experiments/readability/images/read-print.png) no-repeat left top; -} -#readTools a:hover { - filter: alpha(opacity=100); - opacity: 1; -} - - -/* ---------------- 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 { - background: #F4F3DB; - color: #222; - font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; -} -.style-ebook { - background: #EEE; - color: #333; - font-family: Arial, Helvetica, sans-serif; -} -.style-ebook h1 { - font-family: "Arial Black", Gadget, sans-serif; - font-weight: normal; -} -.style-newspaper { - background: #FFF; - color: #222; - font-family: "Times New Roman", Times, serif; -} -.style-newspaper h1 { - font-family: Georgia, "Times New Roman", Times, serif; - text-transform: capitalize; -} -.style-terminal { - background: #1D4E2C; - color: #C6FFC6; - font-family: "Lucida Console", Monaco, monospace; -} - -/* ------ Margin Options ------- */ - -.margin-x-wide { - width: 35%; -} -.margin-wide { - width: 55%; -} -.margin-medium { - width: 75%; -} -.margin-narrow { - width: 95%; -} - -/* ---------------- END USER-CONFIGURABLE STYLING --------------------- */ - - -/* ---------------- DEBUG --------------------- */ - -.bug-green { - background: #BBF9B0; - border: 4px solid green; -} -.bug-red { - background: red; -} -.bug-yellow { - background: #FFFF8E; -} -.bug-blue { - background: #BFDFFF; -} - - -/* ---------------- EMAIL POP UP --------------------- */ - -#email-container { - background-color: #fff; - border: solid 3px #666; - height: 490px; - left: 50%; - margin: 0 0 0 -240px; - overflow: hidden; - padding: 0; - position: fixed; - top: 60px; - width: 500px; - z-index: 100 !important; +@charset "utf-8"; + +#readOverlay { + display: block; + left: 0; + position: absolute; + top: 0; + width: 100%; +} +#readInner { + line-height: 1.4em; + margin: 1em auto; + max-width: 800px; + text-align: left; + width: 800px; +} +#readInner a { + color: blue; + text-decoration: underline; +} +/* custom - PRE content (will revisit) */ +/* +#readInner pre { + white-space: pre-wrap; +} +#readOverlay #readInner pre.normalPre { + font-size: 14px; + line-height: 1.4em; + overflow: auto; + white-space: pre-wrap; +} +#readInner code, #readInner pre { + font-family: "Courier New", Courier, monospace; +} +#readInner pre { + background-color: #FFF; + border: #000 1px inset; + font-size: 110%; + max-height: 250px; + overflow: auto; + margin: 0; + padding: 6px 0; + overflow-x: auto; + width: 100%; +} +*/ +#readInner * { + background: none; + border: none; + margin-bottom: 16px; + text-align: left; +} +#readInner h1 { + border-bottom: 1px solid #333; + display: block; + font-size: 1.2em; + width: 100%; +} +#readInner p img { + float: left; + margin-right: 12px; + margin-bottom: 12px; +} +#readInner blockquote { + margin-left: 3em; + margin-right: 3em; +} +/* ToolBar */ +#readTools { + height: 150px; + left: 10px; + position: fixed; + top: 10px; + width: 34px; + z-index: 100; +} +#readTools a { + display: block; + filter: alpha(opacity=40); + height: 34px; + margin-bottom: 8px; + opacity: .4; + overflow: hidden; + text-indent: -99999px; +} +#email-page { + background: url(http://lab.arc90.com/experiments/readability/images/read-email.png) no-repeat left top; +} +#reload-page { + background: url(http://lab.arc90.com/experiments/readability/images/read-refresh.png) no-repeat left top; +} +#print-page { + background: url(http://lab.arc90.com/experiments/readability/images/read-print.png) no-repeat left top; +} +#readTools a:hover { + filter: alpha(opacity=100); + opacity: 1; +} +/* Footer */ +#readFooter { + border-top: 1px solid #333; +} +#readFooter, #readFooter div, #readFooter a { + margin: 0; + padding: 0; + text-align: center; +} +#readability-version { + font-size: 12px; + font-weight: bold; +} + + +/* ---------------- 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 { + background: #F4F3DB; + color: #222; + font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; +} +.style-ebook { + background: #EEE; + color: #333; + font-family: Arial, Helvetica, sans-serif; +} +.style-ebook h1 { + font-family: "Arial Black", Gadget, sans-serif; + font-weight: normal; +} +.style-newspaper { + background: #FFF; + color: #222; + font-family: "Times New Roman", Times, serif; +} +.style-newspaper h1 { + font-family: Georgia, "Times New Roman", Times, serif; + text-transform: capitalize; +} +.style-terminal { + background: #1D4E2C; + color: #C6FFC6; + font-family: "Lucida Console", Monaco, monospace; +} + +/* ------ Margin Options ------- */ + +.margin-x-wide { + width: 35%; +} +.margin-wide { + width: 55%; +} +.margin-medium { + width: 75%; +} +.margin-narrow { + width: 95%; +} + +/* ---------------- EMAIL POP UP --------------------- */ + +#email-container { + background-color: #fff; + border: solid 3px #666; + height: 490px; + left: 50%; + margin: 0 0 0 -240px; + overflow: hidden; + padding: 0; + position: fixed; + top: 60px; + width: 500px; + z-index: 100 !important; } \ No newline at end of file -- cgit v1.2.3