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