Adding the 0.1 source to trunk

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

3 files changed, 333 insertions, 0 deletions

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