Fix and first attempt to use Readability
[quicknewsreader] / qml / QuickNewsReader / content / css / readability.css
1 @charset "utf-8";\r
2 /* Document */\r
3 body{font-size:10px;line-height:1;}\r
4 #readability-logo,#arc90-logo,.footer-twitterLink,#readTools a,a.rdbTK-powered span{background-color:transparent!important;background-image:url(http://lab.arc90.com/experiments/readability/images/sprite-readability.png)!important;background-repeat:no-repeat!important;}\r
5 #readOverlay{text-rendering:optimizeLegibility;display:block;position:absolute;top:0;left:0;width:100%;}\r
6 #readInner{max-width:800px;margin:1em auto;}\r
7 #readInner a{color:#039;text-decoration:none;}\r
8 #readInner a:hover,#readInner a:focus{text-decoration:underline;}\r
9 #readInner img{float:left;clear:both;margin:0 12px 12px 0;}\r
10 #readInner img.blockImage{clear:both;float:none;display:block;margin-left:auto;margin-right:auto;}\r
11 #readInner h1{display:block;width:100%;border-bottom:1px solid #333;font-size:1.2em;padding-bottom:.5em;margin-bottom:.75em;}\r
12 #readInner sup{line-height:.8em;}\r
13 #readInner .page-separator{clear:both;display:block;font-size:.85em;filter:alpha(opacity=20);opacity:.20;text-align:center;}\r
14 .style-apertura #readInner h1{border-bottom-color:#ededed;}\r
15 .style-terminal #readInner h1{border-bottom-color:#c6ffc6;}\r
16 #readInner blockquote{margin-left:3em;margin-right:3em;}\r
17 #readability-inner *{margin-bottom:16px;border:none;background:none;}\r
18 #readability-footnotes{clear:both;}\r
19 /* Footer */\r
20 #rdb-footer-wrapper{display:block;border-top:1px solid #333;clear:both;overflow:hidden;margin:2em 0;}\r
21 .style-apertura #rdb-footer-wrapper{border-top-color:#ededed;}\r
22 .style-terminal #rdb-footer-wrapper{border-top-color:#c6ffc6;}\r
23 #rdb-footer-left{display:inline;float:left;margin-top:15px;width:285px;background-position:0 -36px;}\r
24 .rdbTypekit #rdb-footer-left{width:475px;}\r
25 #rdb-footer-left a,#rdb-footer-left a:link{float:left;}\r
26 #readability-logo{display:inline;background-position:0 -36px;height:29px;width:189px;text-indent:-9000px;}\r
27 #arc90-logo{display:inline;background-position:right -36px;height:29px;width:96px;text-indent:-9000px;}\r
28 .style-apertura #readability-logo,.style-terminal #readability-logo{background-position:0 -67px;}\r
29 .style-apertura #arc90-logo,.style-terminal #arc90-logo{background-position:right -67px;}\r
30 #rdb-footer-right{display:inline;float:right;text-align:right;font-size:.75em;margin-top:18px;}\r
31 #rdb-footer-right a{display:inline-block;float:left;overflow:visible;line-height:16px;vertical-align:baseline;}\r
32 .footer-twitterLink{height:20px;margin-left:20px;background-position:0 -123px;font-size:12px;padding:4px 0 0 28px;}\r
33 #rdb-footer-left .footer-twitterLink{display:none;margin-top:1px;padding-top:2px;}\r
34 .rdbTypekit #rdb-footer-left .footer-twitterLink{display:inline-block!important;}\r
35 a.rdbTK-powered,a.rdbTK-powered:link,a.rdbTK-powered:hover{font-size:16px;color:#858789!important;text-decoration:none!important;}\r
36 a.rdbTK-powered span{display:inline-block;height:22px;margin-left:2px;background-position:0 -146px!important;padding:4px 0 0 26px;}\r
37 .style-apertura #rdb-inverse,.style-athelas #rdb-athelas{display:block;}\r
38 #rdb-footer-print,#readability-url,.rdbTypekit #rdb-footer-right .footer-twitterLink,span.version{display:none;}\r
39 /* Tools */\r
40 #readTools{width:34px;height:150px;position:fixed;z-index:100;top:10px;left:10px;}\r
41 #readTools a{overflow:hidden;margin-bottom:8px;display:block;opacity:.4;text-indent:-99999px;height:34px;width:34px;text-decoration:none;filter:alpha(opacity=40);}\r
42 #reload-page{background-position:0 0;}\r
43 #print-page{background-position:-36px 0;}\r
44 #email-page{background-position:-72px 0;}\r
45 #kindle-page{background-position:-108px 0;}\r
46 #readTools a:hover,#readTools a:focus{opacity:1;filter:alpha(opacity=100);}\r
47 /* @group User Styles */\r
48 /* Size */\r
49 .size-x-small{font-size:1.1em;line-height:1.5em;}\r
50 .size-small{font-size:1.4em;line-height:1.5em;}\r
51 .size-medium{font-size:1.7em;line-height:1.48em;}\r
52 .size-large{font-size:2em;line-height:1.47em;}\r
53 .size-x-large{font-size:2.5em;line-height:1.43em;}\r
54 .size-x-small h1,.size-small h1,.size-medium h1,.size-large h1{font-size:1.6em;line-height:1.5em;}\r
55 .size-x-large h1{font-size:1.6em;line-height:1.3em;}\r
56 /* Style */\r
57 .style-newspaper {font-family:Georgia,"Times New Roman", Times, serif;background:#fbfbfb;color:#080000;}\r
58 .style-newspaper h1 {text-transform:capitalize;font-family:Georgia, "Times New Roman", Times, serif;}\r
59 .style-newspaper #readInner a {color:#0924e1;}\r
60 .style-novel {font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;background:#f4eed9;color:#1d1916;}\r
61 .style-novel #readInner a {color:#1856ba;}\r
62 .style-ebook {font-family:Arial, Helvetica, sans-serif;background:#edebe8;color:#2c2d32;}\r
63 .style-ebook #readInner a {color:#187dc9;}\r
64 .style-ebook h1 {font-family:"Arial Black", Gadget, sans-serif;font-weight:400;}\r
65 .style-terminal {font-family:"Lucida Console", Monaco, monospace;background:#1d4e2c;color:#c6ffc6;}\r
66 .style-terminal #readInner a {color:#093;}\r
67 /* Typekit */\r
68 .style-apertura{font-family:apertura-1,apertura-2,sans-serif;background-color:#2d2828;color:#eae8e9;}\r
69 .style-apertura #readInner a{color:#58b0ff;}\r
70 .style-athelas{font-family:athelas-1,athelas-2,"Palatino Linotype","Book Antiqua",Palatino,serif;background-color:#f7f7f7;color:#2b373d;}\r
71 .style-athelas #readInner a{color:#1e83cb;}\r
72 /* Margin */\r
73 .margin-x-narrow{width:95%;}\r
74 .margin-narrow{width:85%;}\r
75 .margin-medium{width:75%;}\r
76 .margin-wide{width:55%;}\r
77 .margin-x-wide{width:35%;}\r
78 /* @end User Styles */\r
79 /* -- DEBUG -- */\r
80 .bug-green{background:#bbf9b0;border:4px solid green;}\r
81 .bug-red{background:red;}\r
82 .bug-yellow{background:#ffff8e;}\r
83 .bug-blue{background:#bfdfff;}\r
84 /* -- EMAIL / KINDLE POP UP -- */\r
85 #kindle-container,#email-container{position:fixed;top:60px;left:50%;width:500px;height:490px;border:solid 3px #666;background-color:#fff;z-index:100!important;overflow:hidden;margin:0 0 0 -240px;padding:0;}\r
86 /* Override html styling attributes */\r
87 table,tr,td{background-color:transparent!important;}\r