- updated cancel email link to use lab.arc90.com domain, not davidh's site

- complete reworking of readability, initial commit of what will be 1.0.0.1

git-svn-id: http://arc90labs-readability.googlecode.com/svn/trunk@58 d4e419ec-0920-11de-bbfd-a7c1bc4c261e

1 files changed, 88 insertions, 74 deletions

diff --git a/css/readability.css b/css/readability.css
index 49c4c13..0d3367e 100755
--- a/css/readability.css
+++ b/css/readability.css
@@ -1,105 +1,114 @@
 @charset "utf-8";

 /* CSS Document */

-

-/*

-#readOverlay  {

-	background-image: none;

-	background: #eee;

-	font-family:Georgia,"Century Schoolbook","Times New Roman",Times,serif;

-

-}

-*/

 #readOverlay {

 	display: block;

+	left: 0;

 	position: absolute;

 	top: 0;

-	left: 0;

 	width: 100%;

 }

 #readInner {

-	text-align: left;

 	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 * {

-	margin-bottom: 16px;

-	border: none;

 	background: none;

-}

-#readInner img {

-	float: left;

-	margin-right: 12px;

-	margin-bottom: 12px;

+	border: none;

+	margin-bottom: 16px;

+	text-align: left;

 }

 #readInner h1 {

-	display: block;

-	width: 100%;

 	border-bottom: 1px solid #333;

+	display: block;

 	font-size: 1.2em;

+	width: 100%;

 }

 #readInner blockquote {

 	margin-left: 3em;

 	margin-right: 3em;

 }

 #readFooter {

-	display: block;

 	border-top: 1px solid #333;

-	text-align: center;

-	clear: both;

 }

-div.footer-right {

-	float: right;

-	line-height: 1;

-	text-align: right;

-	font-size: .75em;

-	margin-top: 18px

+#readFooter, #readFooter div, #readFooter a {

+	margin: 0;

+	padding: 0;

+	text-align: center;

 }

-span.version {

-	display: none;

+#readability-version {

+	font-size: 12px;

+	font-weight: bold;

 }

 

 /* Article Tools */

 #readTools {

-	width: 34px;

 	height: 150px;

+	left: 10px;

 	position: fixed;

-	z-index: 100;

 	top: 10px;

-	left: 10px;

+	width: 34px;

+	z-index: 100;

 }

 #readTools a {

-    overflow: hidden;

-	margin-bottom: 8px;

 	display: block;

-    opacity: .4;

-    filter:alpha(opacity=40);

-    text-indent: -99999px;

-    height: 34px;

+	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;

+#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;

+#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;

+#print-page {

+	background: url(http://lab.arc90.com/experiments/readability/images/read-print.png) no-repeat left top;

 }

-#readTools a:hover{

-    opacity: 1;

-    filter:alpha(opacity=100);

+#readTools a:hover {

+	filter: alpha(opacity=100);

+	opacity: 1;

 }

-/* ---------------- USER-CONFIGURABLE STYLING --------------------- */

+

 

 /* ---------------- USER-CONFIGURABLE STYLING --------------------- */

 

-/* Size options */

+/* ------ Size Options ------- */

 

 .size-small {

 	font-size: 12px;

@@ -113,37 +122,39 @@ span.version {
 .size-x-large {

 	font-size: 34px;

 }

-/* Style options */

+

+/* ------ Style Options ------- */

 

 .style-novel {

-	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;

 	background: #F4F3DB;

 	color: #222;

+	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

 }

 .style-ebook {

-	font-family:Arial, Helvetica, sans-serif;

-	background: #eee;

+	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 {

-	font-family:"Times New Roman", Times, serif;

 	background: #FFF;

 	color: #222;

+	font-family: "Times New Roman", Times, serif;

 }

 .style-newspaper h1 {

-	text-transform:capitalize;

 	font-family: Georgia, "Times New Roman", Times, serif;

+	text-transform: capitalize;

 }

 .style-terminal {

-	font-family: "Lucida Console", Monaco, monospace;

 	background: #1D4E2C;

 	color: #C6FFC6;

+	font-family: "Lucida Console", Monaco, monospace;

 }

-/* Margin Options */

+

+/* ------ Margin Options ------- */

 

 .margin-x-wide {

 	width: 35%;

@@ -157,9 +168,11 @@ span.version {
 .margin-narrow {

 	width: 95%;

 }

-/* ---------------- USER-CONFIGURABLE STYLING --------------------- */

 

-/* ------ DEBUG ------- */

+/* ---------------- END USER-CONFIGURABLE STYLING --------------------- */

+

+

+/* ---------------- DEBUG --------------------- */

 

 .bug-green {

 	background: #BBF9B0;

@@ -175,18 +188,19 @@ span.version {
 	background: #BFDFFF;

 }

 

+

 /* ---------------- EMAIL POP UP --------------------- */

 

-#email-container{

-    position: fixed;

-    top: 60px;

-    left: 50%;

-    margin: 0 0 0 -240px;

-    padding: 0;

-    width: 500px;

-    height: 490px;

-    border: solid 3px #666;

-    background-color: #fff;

-    z-index: 100 !important;

-    overflow: hidden;

-}

+#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