diff options
Diffstat (limited to 'css/readability.css')
-rwxr-xr-x | css/readability.css | 395 |
1 files changed, 190 insertions, 205 deletions
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 |