summaryrefslogtreecommitdiff
path: root/css
diff options
context:
space:
mode:
Diffstat (limited to 'css')
-rwxr-xr-xcss/readability-home.css364
-rwxr-xr-xcss/readability-print.css49
-rwxr-xr-xcss/readability.css395
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