[FM Discuss] freedom fone css that works

Mon Mar 26 08:19:47 PDT 2012

ok, i tested stuff and the following works for A5:

issues I found:
* CSS was not completely valid - missed some ';'
* the mm settings for padding on some items were causing issues, i 
suspect this has to dowith too many padding elements and that stretches 
the content beyond the page width
* the display:none; seemed to cause an issue for sections but i am not 
entirely sure on this

the below CSS will work but it wont give you the book you want. I recommend:
1. compare it to the old CSS and add back in the display:none things I 
tool out
2. adjust the max-width and max-height for IMG until they display right

then ping me with the results and I help you to the next step

adam

@font-face{
	src: url("http://www.freedomfone.org/booki/AllumiPtf-Bold.otf");
	font-family:AllumiPtf;
}
body {
   background: #fff;
   color: #000;
   font-size:12pt;
}

.objavi-chapter{
   color: #000;
   display:none;
}

a {
   text-decoration:none;
   color:#000;
}

h1 .initial{
   color: #000;
   display:none;
   page-break-before: right;
}

ol#InsertNote_NoteList{
font-size:8pt;
}

.objavi-subsection{
   display: block;
   page-break-before: right;
}
/*
body .objavi-subsection:first-child{
   page-break-before: right;
}
*/
.objavi-subsection .initial {
   color: #000;
   display:none;
}

.objavi-subsection-heading {
   font-size: 20pt;
   text-align: center;
   line-height: 300px;
   font-weight: normal;
}

h1 {
   page-break-before: always;
   font-weight:normal;
   margin-top:10px
}

table {
   float: none;
}

h1.frontpage{
   page-break-after:always;
   margin-top:70%;
   font-size: 20pt;
   text-align: center;
   page-break-before: avoid;
   max-width: 700pt;
   font-weight: normal;
}

div.copyright{
   padding: 1em;
}

table {
   float: none;
}

h1.frontpage{
   page-break-after:always;
   margin-top:70%;
   font-size: 20pt;
   text-align: center;
   page-break-before: avoid;
   max-width: 700pt;
   font-weight: normal;
}

div.copyright{
   padding: 1em;
}
/* TOC ******************************/
table {
   float: none;
}

table.toc {
   font-size: 1.1em;
   width: 95%;
}

table.toc td{
   vertical-align:top
   padding-left: 0.5em;
}

td.chapter {
   padding: 0 0.5em;
   text-align: right;
}

table.toc td.pagenumber {
   text-align: right;
   vertical-align:bottom;
}

td.section {
   padding-top: 1.1em;
   font-weight: bold;
}
/* End TOC **************************/

p, li {
   page-break-inside: avoid;
}

pre, code, tt {
}

pre {
   max-width:700px;
   overflow: hidden;
}

img {
   max-width: 500px;
   height: auto;
}

.objavi-no-page-break {
   page-break-inside: avoid;
}

.unseen{
   z-index: -66;
   margin-left: -1000pt;
}

body{
	font-size:12pt;
	color:#000;
	font-family:"Fontin Sans";
	line-height:16pt;
}
sup{
	vertical-align:text-top;
	font-size:0.7em;
}
a{
	color:#000 !important;
	text-decoration:none
}

h1, h2, h3{
	color:#666;
	margin:0;
	padding:0;
	font-weight:normal !important;
	text-decoration:none !important;
	line-height:normal;
	font-family:AllumiPtf !important;
	text-transform:uppercase;

}
h1{
	font-size:24.3pt;
}
h1+p{
	padding-top:20pt;
	margin-top:0;
}
h2{
	font-size:14pt;
	padding-top:5pt;
	margin-bottom:-15px;
}

h4{
	font-size:12pt;
	font-weight:normal;
	font-style:italic;
	page-break-after:avoid;
	margin-bottom:-20px;

}

h2+h4{
	margin-top:25px;
}

h3{
	font-size:12pt;
}
h3+p{
	margin-top:0;
}
ol{
	margin-left:-25px;
}
li {
	list-style-image:url(http://www.freedomfone.org/booki/images/bullet.png);
	list-style-position:outside;
	margin-left:-25px;
	padding-left:1.5mm;
}
ul ul li{
	padding-left:1.5mm !important;
	list-style-type:none circle;
	list-style-image:none !important;
	margin-left:-25px;
}

.starred{
	padding-left:50px;
	background-image:url(http://www.freedomfone.org/booki/images/star.png) 
! important;
	background-repeat:no-repeat;
	background-position:center left;
	font-weight:bold;
	min-height:40px;
}
.speechBox{
	padding:5mm;
	padding-top:0;
	background:#ebebeb 
url(http://www.freedomfone.org/booki/images/boxBottom.png) no-repeat 
bottom right;
	padding-bottom:60px;
	margin-bottom:-55px;
}
.speechBox+h2{
	margin-bottom:50px;
	padding-top:20px;
}
.breakPage{
	page-break-before:always;
}
.speechBox:before{
	background:#ebebeb 
url(http://www.freedomfone.org/booki/images/boxTop.png) no-repeat top left;
	height:44px;
	content:" ";
	display:block;
	margin:-5mm;
	margin-bottom:5mm;
}
.objavi-subsection-heading{
	height:860px;
	font-size:0px;
	display:block;
}
#section-1 .objavi-subsection-heading{
	background:#fff 
url(http://www.freedomfone.org/booki/images/01_whatisff.png) no-repeat 
center center;
}
#section-2 .objavi-subsection-heading{
	background:#fff 
url(http://www.freedomfone.org/booki/images/02_realworld.png) no-repeat 
center center;
}
#section-3 .objavi-subsection-heading{
	background:#fff 
url(http://www.freedomfone.org/booki/images/03_scenarios.png) no-repeat 
center center;
}
#section-4 .objavi-subsection-heading{
	background:#fff 
url(http://www.freedomfone.org/booki/images/04_creatingservice.png) 
no-repeat center center;
}
#section-5 .objavi-subsection-heading{
	background:#fff 
url(http://www.freedomfone.org/booki/images/05_settingup.png) no-repeat 
center center;
}
#section-6 .objavi-subsection-heading{
	background:#fff 
url(http://www.freedomfone.org/booki/images/06_techstuff.png) no-repeat 
center center;
}
#section-7 .objavi-subsection-heading{
	background:#fff 
url(http://www.freedomfone.org/booki/images/07_gettinghelp.png) 
no-repeat center center;
}
#section-8 .objavi-subsection-heading{
	background:#fff 
url(http://www.freedomfone.org/booki/images/08_troubleshooting.png) 
no-repeat center center;
}
#section-9 .objavi-subsection-heading{
	background:#fff 
url(http://www.freedomfone.org/booki/images/09_appendices.png) no-repeat 
center center;
}
#section-10 .objavi-subsection-heading{
	background:#fff 
url(http://www.freedomfone.org/booki/images/10_notes.png) no-repeat 
center center;
}
.page{
	font-size:15pt;
	color:#666;
	font-weight:bold;
}

body {
   font-family: "Gillius ADF";
   background: #fff;
   color: #000;
}

.unseen{
   z-index: -66;
   margin-left: -1000pt;
}

.objavi-chapter{
   color: #000;
}

h1 .initial{
   color: #000;
   font-size: 2em;
}

.objavi-subsection{
   display: block;
   page-break-before: always;
/*  page-break-after: always;*/
   text-transform: uppercase;
   font-size: 20pt;
}

body .objavi-subsection:first-child{
   page-break-before: avoid;
}

.objavi-subsection .initial {
   font-size: 1em;
   color: #000;
}

.objavi-subsection-heading{
   font-size: 36pt;
   font-weight: bold;
}

h1 {
   text-transform: uppercase;
   page-break-before: always;
   background: white;
}

/*h1.first-heading {
   page-break-before: avoid;
}*/

h2 {
   text-transform: uppercase;
}

table {
   float: none;
}

h1.frontpage{
   font-size: 64pt;
   text-align: center;
   page-break-after: always;
   page-break-before: avoid;
   max-width: 700px;
}

div.copyright{
   padding: 1em;
}

table.toc {
   /*border: 1px dotted #999;*/
   font-size: 17pt;
   width: 95%;
}

td.chapter {
   padding-left: 2em;
   text-align: right;
}

td.pagenumber {
   text-align: right;
}

td.section {
   font-size: 1.1em;
   text-transform: uppercase;
   font-weight: bold;
}

p, ul, ol {
   page-break-inside: avoid;
}

pre, code, tt {
   font-family: "Courier", "Courier New", monospace;
   font-size: 0.8em;
}

pre {
   max-width:700px;
   overflow: hidden;
}

img {
   max-width: 700px;
   height: auto;
}