diff options
Diffstat (limited to 'css/readability-home.css')
-rwxr-xr-x | css/readability-home.css | 364 |
1 files changed, 178 insertions, 186 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 |