Quote:
Originally Posted by davidfor
The other thing I noticed while doing this is that a lot of the styles don't show as the default used by FFF doesn't include them. I have grabbed the stylesheet from the site and cut out all the styles that don't make it to the epub. I'm not sure whether to include this as the default styles for the site in the plugin. If you want to try and see if it does improve the downloaded books, here it is. Just add all of into the personal.ini.
Spoiler:
Code:
[storiesonline.net:epub]
output_css:
*{box-sizing:border-box}
h1,h2,h3{text-align:center;line-height:120%%}
h1{font-size:2em}
h2{font-size:1.6em}
h3{font-size:1.4em}
h4{font-size:1.15em}
h5{font-size:1.1em}
h6{font-size:1.05em}
small{font-size:0.93em}
big{font-size:1.07em}
td{text-align:left;vertical-align:top;padding:2px}
th{text-align:center;vertical-align:top;padding:2px}
.cen{margin-left:auto;margin-right:auto}
.thick{height:0;border-top:#666 6px solid}
blockquote{margin-left:3em;margin-right:3em;border-left:2px #ddd solid;padding-left:8pt}
blockquote p{font-family:Courier, monospace}
.right,.r{text-align:right}
.just,.j{text-align:justify;text-indent:2em}
.in{text-indent:2em}
.center,.c{text-align:center}
.red{color:red}
.blue{color:navy}
.lblue{color:blue}
.green{color:green}
.i{font-style:italic}
.b{font-weight:bold}
.bi{font-weight:bold;font-style:italic}
.lb{background-color:#9DF}
.lg{background-color:#9FB}
.imgsp{border:1px maroon solid;margin:10px}
.notice,.end-note{background-color:#FFE;padding:5px;border:1px dotted silver;margin-bottom:5px;color:navy}
.notice p,.end-note p{font-family:Helvetica,sans-serif;color:navy}
.notice p{font-size:90%%}
.invis{display:none}
.ind-e{margin-top:10px;margin-bottom:5px;font-family:sans-serif;font-weight:bold}
.pic-left{float:left;margin:5px}
.pic-right{float:right;margin:5px}
.pic-center{margin-left:auto;margin-right:auto;clear:both;display:block}
.ind-note{font-size:0.85em;font-family:sans-serif;margin:0 40pt 6pt 35pt;font-style:italic}
.str{text-decoration:line-through}
.tt{font-family:Courier, Monaco, monospaced}
hr{width:30%%}
.fr{float:right}
small{font-family:Helvetica,sans-serif;font-size:9pt}
td{text-align:left}
blockquote{margin-left:3em;margin-right:3em;font-family:Courier, monospace}
.right,.r{text-align:right}
.just,.j{text-align:justify;text-indent:2em}
.center,.c{text-align:center}.in{text-indent:2em}.red{color:red}.blue{color:navy}.lblue{color:blue}.green{color:green}A:link{color:maroon}A:visited{color:red}
p{text-align:left;font-family:Georgia,serif;color:#000;word-break:break-word}
.i{font-style:italic}.b{font-weight:bold}
.bi{font-weight:bold;font-style:italic}
.fr{float:right}#story{padding:2em}}
img{max-width:100%%;height:auto}
|
Quote:
Originally Posted by davidfor
There are probably only a few more that are important. And, like you, I'm hoping some of the other readers put in an opinion.
|
This is really a good idea.. It would give the feel of the specific site.. also a little variation.. which I personally like..
Quote:
Originally Posted by davidfor
The other is a "user site stylesheet" option.
|
This is great too!
Quote:
Originally Posted by JimmXinu
Pulling stylesheets from the sites seems prohibitively complex. A page can include many stylesheets (including common ones like jquery-ui) as well as on-page styles. And each site can use some different combination. And then there's different site themes/skins which already causes problems sometimes.
|
I think the solution in this case should be that, first FFF gets the raw text as it is now, and then the text would be put in a user-created site-specific stylesheet.
So it's upto the user how he/she wants to design that stylesheet, and also FFF doesn't have to worry about stylesheets on the webpage.