[FM Discuss] {Disarmed} Re: freedom fone css that works

Bren bren at kubatana.net
Fri Mar 30 06:02:44 PDT 2012


sorry, just seen this email

bren

On 26-Mar-12 5:19 PM, adam wrote:
> 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;
> }
> _______________________________________________
> Discuss mailing list
> Discuss at lists.flossmanuals.net
> http://lists.flossmanuals.net/listinfo.cgi/discuss-flossmanuals.net
>

-- 
Brenda Burrell
The Kubatana Trust of Zimbabwe and
The NGO Network Alliance Project
PO Box GD 376
Greendale
Harare
Zimbabwe

Tel: +263-4-776056
Mob: +263-772-232680
Email: bren at kubatana.net
Website: www.kubatana.net

Visit www.kubatana.net Zimbabwe's civic and human rights web site
incorporating an online directory for the non-profit sector


-- 
This message has been scanned for viruses and
dangerous content by MailScanner, and is
believed to be clean.

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.flossmanuals.net/pipermail/discuss-flossmanuals.net/attachments/20120330/b1bdab07/attachment-0001.htm>


More information about the Discuss mailing list