PageRenderTime 31ms CodeModel.GetById 14ms RepoModel.GetById 0ms app.codeStats 0ms

/css/es/readability-home.css

http://arc90labs-readability.googlecode.com/
CSS | 181 lines | 166 code | 5 blank | 10 comment | 0 complexity | 5a6237cc1477d33ac9fc21a5bc0f3b70 MD5 | raw file
  1. @charset "utf-8";
  2. /* CSS Document */
  3. body {
  4. background: #1E4E74;
  5. color: #ddd;
  6. }
  7. img {
  8. border: none;
  9. }
  10. #container {
  11. margin-top: 10px;
  12. margin-right:auto;
  13. margin-left:auto;
  14. width: 980px;
  15. height: 1125px;
  16. padding: 10px;
  17. background: url(../../images/es/readability.png) no-repeat;
  18. overflow: hidden;
  19. }
  20. #footer {
  21. margin-top: 40px;
  22. text-align: right;
  23. }
  24. div#arcLinks {
  25. float: right;
  26. }
  27. div#kindlingAd {
  28. width: 250px;
  29. float: right;
  30. margin-right: 150px;
  31. text-align: center;
  32. }
  33. div#kindlingAd p {
  34. color: #fff;
  35. font-size: .8em;
  36. line-height: 0px;
  37. }
  38. a.www-link {
  39. margin: 0 8px 0 30px;
  40. }
  41. #arc90 {
  42. display: block;
  43. text-align: right;
  44. margin-top: 60px;
  45. }
  46. #arc90 img {
  47. margin-right: 10px;
  48. }
  49. #arc90 a.twitter {
  50. color: #ddd;
  51. text-decoration: none;
  52. font-size: .8em;
  53. font-weight: bolder;
  54. margin-top: 10px;
  55. border-bottom: 1px solid #fff;
  56. }
  57. #settings {
  58. margin-top: 165px;
  59. padding: 0 1.5em;
  60. display: block;
  61. width: 900px;
  62. height: 160px;
  63. }
  64. div.settings-box, div#bookmarklet {
  65. float: left;
  66. }
  67. div#bookmarklet {
  68. width: 200px;
  69. margin-top: 16px;
  70. margin-left: 140px;
  71. text-align: center;
  72. }
  73. div#style {
  74. width: 175px;
  75. margin-left: 20px;
  76. }
  77. div#size {
  78. width: 165px;
  79. }
  80. div#margin {
  81. width: 160px;
  82. }
  83. .settings-box label {
  84. margin-left: .5em;
  85. cursor: pointer;
  86. }
  87. .settings-box p {
  88. margin: .1em 0;
  89. }
  90. #readHiddenContent {
  91. display: none;
  92. }
  93. #example {
  94. display: block;
  95. margin-left: 30px;
  96. margin-top: 24px;
  97. width: 888px;
  98. height: 454px;
  99. left: 30px;
  100. padding: 1em 2em;
  101. overflow: auto;
  102. }
  103. #articleContent {
  104. text-align: left;
  105. line-height: 1.4em;
  106. margin: 1em auto;
  107. }
  108. /* ---------------- USER-CONFIGURABLE STYLING --------------------- */
  109. /* ---------------- USER-CONFIGURABLE STYLING --------------------- */
  110. /* Size options */
  111. .size-small {
  112. font-size: 12px;
  113. }
  114. .size-medium {
  115. font-size: 18px;
  116. }
  117. .size-large {
  118. font-size: 26px;
  119. }
  120. .size-x-large {
  121. font-size: 34px;
  122. }
  123. /* Style options */
  124. .style-novel {
  125. font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
  126. background: #F4F3DB;
  127. color: #222;
  128. }
  129. .style-ebook {
  130. font-family:Arial, Helvetica, sans-serif;
  131. background: #eee;
  132. color: #333;
  133. }
  134. .style-ebook h1 {
  135. font-family: "Arial Black", Gadget, sans-serif;
  136. font-weight: normal;
  137. }
  138. .style-newspaper {
  139. font-family:"Times New Roman", Times, serif;
  140. background: #F7F7F7;
  141. color: #222;
  142. }
  143. .style-newspaper h1 {
  144. text-transform:capitalize;
  145. font-family: Georgia, "Times New Roman", Times, serif;
  146. }
  147. .style-terminal {
  148. font-family: "Lucida Console", Monaco, monospace;
  149. background: #1D4E2C;
  150. color: #C6FFC6;
  151. }
  152. /* Margin Options */
  153. /* Margin Options */
  154. .margin-x-wide {
  155. width: 35%;
  156. }
  157. .margin-wide {
  158. width: 55%;
  159. }
  160. .margin-medium {
  161. width: 75%;
  162. }
  163. .margin-narrow {
  164. width: 95%;
  165. }
  166. /* ---------------- USER-CONFIGURABLE STYLING --------------------- */
  167. /* ---------------- USER-CONFIGURABLE STYLING --------------------- */
  168. /* LOCK IN H1 SIZING */
  169. #articleContent h1 {
  170. font-size: 1.2em !important;
  171. display: block;
  172. text-transform:capitalize;
  173. }
  174. #articleContent {
  175. line-height: 1.4em;
  176. }