├── README.md
├── basic.css
├── default-Improved.css
├── solarized-dark.css
└── solarized-light.css


/README.md:
--------------------------------------------------------------------------------
1 | # CalibreCSS
2 | Collection of Calibre reader themes
3 | 
4 | # Installation
5 | Open a eBook in Calibre, click `Preferences`, go to `User stylesheet` and paste it.
6 | 
7 | # Credits
8 | @[saucemcboss](https://github.com/saucemcboss/) for his Calibre themes( *solarized ones* )
9 | 


--------------------------------------------------------------------------------
/basic.css:
--------------------------------------------------------------------------------
 1 | body {
 2 | 	color:rgb(0,0,0);
 3 | 	background-color:rgb(174,174,174);
 4 | 	text-align:justify;
 5 | 	line-spacing:1.8;
 6 | 	margin-top:0px;
 7 | 	margin-bottom:4px;
 8 | 	margin-right:50px;
 9 | 	margin-left:50px;
10 | 	text-indent:3em;
11 | }
12 | 
13 | h1, h2, h3, h4, h5, h6
14 | {
15 | 	color:black;
16 | 	text-align:center;
17 | 	font-style:italic;
18 | 	font-weight:bold;
19 | } 
20 | 


--------------------------------------------------------------------------------
/default-Improved.css:
--------------------------------------------------------------------------------
 1 | *{
 2 | 	background-color: #fff;
 3 | }
 4 | 
 5 | body{
 6 | 	font-family: 'Roboto', sans-serif;
 7 | }
 8 | 
 9 | 
10 | h1{
11 | 	font-size: 1.5em;
12 | 	font-weight: bold;
13 | 	margin-bottom: 5px;
14 | 	letter-spacing: .05em
15 | }
16 | 
17 | p{
18 |   	text-rendering: optimizelegibility !important;
19 | 	letter-spacing: .03em;
20 | 	color: #777;
21 | }
22 | 


--------------------------------------------------------------------------------
/solarized-dark.css:
--------------------------------------------------------------------------------
  1 | article,
  2 | aside,
  3 | details,
  4 | figcaption,
  5 | figure,
  6 | footer,
  7 | header,
  8 | hgroup,
  9 | nav,
 10 | section,
 11 | summary {
 12 |   display: block;
 13 | }
 14 | audio,
 15 | canvas,
 16 | video {
 17 |   display: inline-block;
 18 | }
 19 | audio:not([controls]) {
 20 |   display: none;
 21 |   height: 0;
 22 | }
 23 | [hidden] {
 24 |   display: none;
 25 | }
 26 | html {
 27 |   font-family: sans-serif;
 28 |   -webkit-text-size-adjust: 100%;
 29 |   -ms-text-size-adjust: 100%;
 30 | }
 31 | body {
 32 |   margin: 0;
 33 | }
 34 | a:focus {
 35 |   outline: thin dotted;
 36 | }
 37 | a:active,
 38 | a:hover {
 39 |   outline: 0;
 40 | }
 41 | h1 {
 42 |   font-size: 2em;
 43 | }
 44 | abbr[title] {
 45 |   border-bottom: 1px dotted;
 46 | }
 47 | b,
 48 | strong {
 49 |   font-weight: bold;
 50 | }
 51 | dfn {
 52 |   font-style: italic;
 53 | }
 54 | mark {
 55 |   background: #ff0;
 56 |   color: #000;
 57 | }
 58 | code,
 59 | kbd,
 60 | pre,
 61 | samp {
 62 |   font-family: monospace, serif;
 63 |   font-size: 1em;
 64 | }
 65 | pre {
 66 |   white-space: pre-wrap;
 67 |   word-wrap: break-word;
 68 | }
 69 | q {
 70 |   quotes: "\201C" "\201D" "\2018" "\2019";
 71 | }
 72 | small {
 73 |   font-size: 80%;
 74 | }
 75 | sub,
 76 | sup {
 77 |   font-size: 75%;
 78 |   line-height: 0;
 79 |   position: relative;
 80 |   vertical-align: baseline;
 81 | }
 82 | sup {
 83 |   top: -0.5em;
 84 | }
 85 | sub {
 86 |   bottom: -0.25em;
 87 | }
 88 | img {
 89 |   border: 0;
 90 | }
 91 | svg:not(:root) {
 92 |   overflow: hidden;
 93 | }
 94 | figure {
 95 |   margin: 0;
 96 | }
 97 | fieldset {
 98 |   border: 1px solid #c0c0c0;
 99 |   margin: 0 2px;
100 |   padding: 0.35em 0.625em 0.75em;
101 | }
102 | legend {
103 |   border: 0;
104 |   padding: 0;
105 | }
106 | button,
107 | input,
108 | select,
109 | textarea {
110 |   font-family: inherit;
111 |   font-size: 100%;
112 |   margin: 0;
113 | }
114 | button,
115 | input {
116 |   line-height: normal;
117 | }
118 | button,
119 | html input[type="button"],
120 | input[type="reset"],
121 | input[type="submit"] {
122 |   -webkit-appearance: button;
123 |   cursor: pointer;
124 | }
125 | button[disabled],
126 | input[disabled] {
127 |   cursor: default;
128 | }
129 | input[type="checkbox"],
130 | input[type="radio"] {
131 |   box-sizing: border-box;
132 |   padding: 0;
133 | }
134 | input[type="search"] {
135 |   -webkit-appearance: textfield;
136 |   -moz-box-sizing: content-box;
137 |   -webkit-box-sizing: content-box;
138 |   box-sizing: content-box;
139 | }
140 | input[type="search"]::-webkit-search-cancel-button,
141 | input[type="search"]::-webkit-search-decoration {
142 |   -webkit-appearance: none;
143 | }
144 | button::-moz-focus-inner,
145 | input::-moz-focus-inner {
146 |   border: 0;
147 |   padding: 0;
148 | }
149 | textarea {
150 |   overflow: auto;
151 |   vertical-align: top;
152 | }
153 | table {
154 |   border-collapse: collapse;
155 |   border-spacing: 0;
156 | }
157 | html {
158 |   font-family: 'PT Sans', sans-serif;
159 | }
160 | pre,
161 | code {
162 |   font-family: 'Inconsolata', sans-serif;
163 | }
164 | h1,
165 | h2,
166 | h3,
167 | h4,
168 | h5,
169 | h6 {
170 |   font-family: 'PT Sans Narrow', sans-serif;
171 |   font-weight: 700;
172 | }
173 | html {
174 |   background-color: #073642;
175 |   color: #839496;
176 | }
177 | body {
178 |   background-color: #002b36;
179 |   margin: 0 auto;
180 |   max-width: 23cm;
181 |   border: 1pt solid #586e75;
182 |   padding: 1em;
183 | }
184 | code {
185 |   background-color: #073642;
186 |   padding: 2px;
187 | }
188 | a {
189 |   color: #b58900;
190 | }
191 | a:visited {
192 |   color: #cb4b16;
193 | }
194 | a:hover {
195 |   color: #cb4b16;
196 | }
197 | h1 {
198 |   color: #d33682;
199 | }
200 | h2,
201 | h3,
202 | h4,
203 | h5,
204 | h6 {
205 |   color: #859900;
206 | }
207 | pre {
208 |   background-color: #002b36;
209 |   color: #839496;
210 |   border: 1pt solid #586e75;
211 |   padding: 1em;
212 |   box-shadow: 5pt 5pt 8pt #073642;
213 | }
214 | pre code {
215 |   background-color: #002b36;
216 | }
217 | h1 {
218 |   font-size: 2.8em;
219 | }
220 | h2 {
221 |   font-size: 2.4em;
222 | }
223 | h3 {
224 |   font-size: 1.8em;
225 | }
226 | h4 {
227 |   font-size: 1.4em;
228 | }
229 | h5 {
230 |   font-size: 1.3em;
231 | }
232 | h6 {
233 |   font-size: 1.15em;
234 | }
235 | .tag {
236 |   background-color: #073642;
237 |   color: #d33682;
238 |   padding: 0 0.2em;
239 | }
240 | .todo,
241 | .next,
242 | .done {
243 |   color: #002b36;
244 |   background-color: #dc322f;
245 |   padding: 0 0.2em;
246 | }
247 | .tag {
248 |   -webkit-border-radius: 0.35em;
249 |   -moz-border-radius: 0.35em;
250 |   border-radius: 0.35em;
251 | }
252 | .TODO {
253 |   -webkit-border-radius: 0.2em;
254 |   -moz-border-radius: 0.2em;
255 |   border-radius: 0.2em;
256 |   background-color: #2aa198;
257 | }
258 | .NEXT {
259 |   -webkit-border-radius: 0.2em;
260 |   -moz-border-radius: 0.2em;
261 |   border-radius: 0.2em;
262 |   background-color: #268bd2;
263 | }
264 | .ACTIVE {
265 |   -webkit-border-radius: 0.2em;
266 |   -moz-border-radius: 0.2em;
267 |   border-radius: 0.2em;
268 |   background-color: #268bd2;
269 | }
270 | .DONE {
271 |   -webkit-border-radius: 0.2em;
272 |   -moz-border-radius: 0.2em;
273 |   border-radius: 0.2em;
274 |   background-color: #859900;
275 | }
276 | .WAITING {
277 |   -webkit-border-radius: 0.2em;
278 |   -moz-border-radius: 0.2em;
279 |   border-radius: 0.2em;
280 |   background-color: #cb4b16;
281 | }
282 | .HOLD {
283 |   -webkit-border-radius: 0.2em;
284 |   -moz-border-radius: 0.2em;
285 |   border-radius: 0.2em;
286 |   background-color: #d33682;
287 | }
288 | .NOTE {
289 |   -webkit-border-radius: 0.2em;
290 |   -moz-border-radius: 0.2em;
291 |   border-radius: 0.2em;
292 |   background-color: #d33682;
293 | }
294 | .CANCELLED {
295 |   -webkit-border-radius: 0.2em;
296 |   -moz-border-radius: 0.2em;
297 |   border-radius: 0.2em;
298 |   background-color: #859900;
299 | }
300 | 
301 | 


--------------------------------------------------------------------------------
/solarized-light.css:
--------------------------------------------------------------------------------
  1 | @import url(http://fonts.googleapis.com/css?family=Inconsolata);
  2 | @import url(http://fonts.googleapis.com/css?family=PT+Sans);
  3 | @import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);
  4 | article,
  5 | aside,
  6 | details,
  7 | figcaption,
  8 | figure,
  9 | footer,
 10 | header,
 11 | hgroup,
 12 | nav,
 13 | section,
 14 | summary {
 15 |   display: block;
 16 | }
 17 | audio,
 18 | canvas,
 19 | video {
 20 |   display: inline-block;
 21 | }
 22 | audio:not([controls]) {
 23 |   display: none;
 24 |   height: 0;
 25 | }
 26 | [hidden] {
 27 |   display: none;
 28 | }
 29 | html {
 30 |   font-family: sans-serif;
 31 |   -webkit-text-size-adjust: 100%;
 32 |   -ms-text-size-adjust: 100%;
 33 | }
 34 | body {
 35 |   margin: 0;
 36 | }
 37 | a:focus {
 38 |   outline: thin dotted;
 39 | }
 40 | a:active,
 41 | a:hover {
 42 |   outline: 0;
 43 | }
 44 | h1 {
 45 |   font-size: 2em;
 46 | }
 47 | abbr[title] {
 48 |   border-bottom: 1px dotted;
 49 | }
 50 | b,
 51 | strong {
 52 |   font-weight: bold;
 53 | }
 54 | dfn {
 55 |   font-style: italic;
 56 | }
 57 | mark {
 58 |   background: #ff0;
 59 |   color: #000;
 60 | }
 61 | code,
 62 | kbd,
 63 | pre,
 64 | samp {
 65 |   font-family: monospace, serif;
 66 |   font-size: 1em;
 67 | }
 68 | pre {
 69 |   white-space: pre-wrap;
 70 |   word-wrap: break-word;
 71 | }
 72 | q {
 73 |   quotes: "\201C" "\201D" "\2018" "\2019";
 74 | }
 75 | small {
 76 |   font-size: 80%;
 77 | }
 78 | sub,
 79 | sup {
 80 |   font-size: 75%;
 81 |   line-height: 0;
 82 |   position: relative;
 83 |   vertical-align: baseline;
 84 | }
 85 | sup {
 86 |   top: -0.5em;
 87 | }
 88 | sub {
 89 |   bottom: -0.25em;
 90 | }
 91 | img {
 92 |   border: 0;
 93 | }
 94 | svg:not(:root) {
 95 |   overflow: hidden;
 96 | }
 97 | figure {
 98 |   margin: 0;
 99 | }
100 | fieldset {
101 |   border: 1px solid #c0c0c0;
102 |   margin: 0 2px;
103 |   padding: 0.35em 0.625em 0.75em;
104 | }
105 | legend {
106 |   border: 0;
107 |   padding: 0;
108 | }
109 | button,
110 | input,
111 | select,
112 | textarea {
113 |   font-family: inherit;
114 |   font-size: 100%;
115 |   margin: 0;
116 | }
117 | button,
118 | input {
119 |   line-height: normal;
120 | }
121 | button,
122 | html input[type="button"],
123 | input[type="reset"],
124 | input[type="submit"] {
125 |   -webkit-appearance: button;
126 |   cursor: pointer;
127 | }
128 | button[disabled],
129 | input[disabled] {
130 |   cursor: default;
131 | }
132 | input[type="checkbox"],
133 | input[type="radio"] {
134 |   box-sizing: border-box;
135 |   padding: 0;
136 | }
137 | input[type="search"] {
138 |   -webkit-appearance: textfield;
139 |   -moz-box-sizing: content-box;
140 |   -webkit-box-sizing: content-box;
141 |   box-sizing: content-box;
142 | }
143 | input[type="search"]::-webkit-search-cancel-button,
144 | input[type="search"]::-webkit-search-decoration {
145 |   -webkit-appearance: none;
146 | }
147 | button::-moz-focus-inner,
148 | input::-moz-focus-inner {
149 |   border: 0;
150 |   padding: 0;
151 | }
152 | textarea {
153 |   overflow: auto;
154 |   vertical-align: top;
155 | }
156 | table {
157 |   border-collapse: collapse;
158 |   border-spacing: 0;
159 | }
160 | html {
161 |   font-family: 'PT Sans', sans-serif;
162 | }
163 | pre,
164 | code {
165 |   font-family: 'Inconsolata', sans-serif;
166 | }
167 | h1,
168 | h2,
169 | h3,
170 | h4,
171 | h5,
172 | h6 {
173 |   font-family: 'PT Sans Narrow', sans-serif;
174 |   font-weight: 700;
175 | }
176 | html {
177 |   background-color: #eee8d5;
178 |   color: #657b83;
179 |   margin: 1em;
180 | }
181 | body {
182 |   background-color: #fdf6e3;
183 |   margin: 0 auto;
184 |   max-width: 23cm;
185 |   border: 1pt solid #93a1a1;
186 |   padding: 1em;
187 | }
188 | code {
189 |   background-color: #eee8d5;
190 |   padding: 2px;
191 | }
192 | a {
193 |   color: #b58900;
194 | }
195 | a:visited {
196 |   color: #cb4b16;
197 | }
198 | a:hover {
199 |   color: #cb4b16;
200 | }
201 | h1 {
202 |   color: #d33682;
203 | }
204 | h2,
205 | h3,
206 | h4,
207 | h5,
208 | h6 {
209 |   color: #859900;
210 | }
211 | pre {
212 |   background-color: #fdf6e3;
213 |   color: #657b83;
214 |   border: 1pt solid #93a1a1;
215 |   padding: 1em;
216 |   box-shadow: 5pt 5pt 8pt #eee8d5;
217 | }
218 | pre code {
219 |   background-color: #fdf6e3;
220 | }
221 | h1 {
222 |   font-size: 2.8em;
223 | }
224 | h2 {
225 |   font-size: 2.4em;
226 | }
227 | h3 {
228 |   font-size: 1.8em;
229 | }
230 | h4 {
231 |   font-size: 1.4em;
232 | }
233 | h5 {
234 |   font-size: 1.3em;
235 | }
236 | h6 {
237 |   font-size: 1.15em;
238 | }
239 | .tag {
240 |   background-color: #eee8d5;
241 |   color: #d33682;
242 |   padding: 0 0.2em;
243 | }
244 | .todo,
245 | .next,
246 | .done {
247 |   color: #fdf6e3;
248 |   background-color: #dc322f;
249 |   padding: 0 0.2em;
250 | }
251 | .tag {
252 |   -webkit-border-radius: 0.35em;
253 |   -moz-border-radius: 0.35em;
254 |   border-radius: 0.35em;
255 | }
256 | .TODO {
257 |   -webkit-border-radius: 0.2em;
258 |   -moz-border-radius: 0.2em;
259 |   border-radius: 0.2em;
260 |   background-color: #2aa198;
261 | }
262 | .NEXT {
263 |   -webkit-border-radius: 0.2em;
264 |   -moz-border-radius: 0.2em;
265 |   border-radius: 0.2em;
266 |   background-color: #268bd2;
267 | }
268 | .ACTIVE {
269 |   -webkit-border-radius: 0.2em;
270 |   -moz-border-radius: 0.2em;
271 |   border-radius: 0.2em;
272 |   background-color: #268bd2;
273 | }
274 | .DONE {
275 |   -webkit-border-radius: 0.2em;
276 |   -moz-border-radius: 0.2em;
277 |   border-radius: 0.2em;
278 |   background-color: #859900;
279 | }
280 | .WAITING {
281 |   -webkit-border-radius: 0.2em;
282 |   -moz-border-radius: 0.2em;
283 |   border-radius: 0.2em;
284 |   background-color: #cb4b16;
285 | }
286 | .HOLD {
287 |   -webkit-border-radius: 0.2em;
288 |   -moz-border-radius: 0.2em;
289 |   border-radius: 0.2em;
290 |   background-color: #d33682;
291 | }
292 | .NOTE {
293 |   -webkit-border-radius: 0.2em;
294 |   -moz-border-radius: 0.2em;
295 |   border-radius: 0.2em;
296 |   background-color: #d33682;
297 | }
298 | .CANCELLED {
299 |   -webkit-border-radius: 0.2em;
300 |   -moz-border-radius: 0.2em;
301 |   border-radius: 0.2em;
302 |   background-color: #859900;
303 | }
304 | 
305 | 


--------------------------------------------------------------------------------