- 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

3 files changed, 411 insertions, 397 deletions

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