diff options
Diffstat (limited to 'css')
| -rwxr-xr-x | css/readability-home.css | 186 | ||||
| -rwxr-xr-x | css/readability-print.css | 5 | ||||
| -rwxr-xr-x | css/readability.css | 142 |
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 |