Post Reply 
Request for help with CSS/Html formatted On-Calc Doc
09-25-2018, 01:01 PM (This post was last modified: 09-25-2018 03:52 PM by chromos.)
Post: #3
RE: Request for help with CSS/Html formatted On-Calc Doc
Some simple and quick ideas in css style (you can see it here: http://chromos.cz/_exported/hp_prime/myHtmlPage.html)

PHP Code:
body {
  
font-familyVerdanaGenevasans-serif;
  
margin1em;
}

.
example {
    
font-family"Prime Sans Mono""Prime Sans"monospace;
    
background-colortomato;
    
colorwhite;
    
padding10px;
    
margin1em 0;
}
.
syntax {
    
font-family"Prime Sans Mono""Prime Sans"monospace;
    
background-colorLightSkyBlue;
    
colorblack;
  
padding10px;
}

.
seealso {
    
font-variantsmall-caps;
    
background-colorLightSalmon;
    
font-weightbold;
    
padding10px;
    
border4px solid #cf704a;
}

ol {
    
background#ff9999;
    
padding20px;
}

ul {
    
/*background: #3399ff;*/
    
padding5px;
    list-
style-typesquare;
    
/*list-style-position: inside;*/
}

ol li {
    
background#ffe5e5;
    
padding10px;
    
margin-left35px;
}

ul li {
    
background#cce5ff;
    
margin5px;
    
padding10px;
}

.
level1 {
  
margin-left:0;
}

.
level2, .level3, .level4, .level5, .level6 {
  
margin-left:1em;
}

/*
.level3 {
  margin-left:2em;
}
.level4 {
  margin-left:3em;
}
.level5 {
  margin-left:4em;
}
.level6 {
  margin-left:5em;
}
*/

body {counter-reseth1}
h1 {counter-reseth2margin-top2em}
h2 {counter-reseth3margin-top2em}
h3 {counter-reseth4margin-top2em}
h4 {counter-reseth5margin-top2em}
h5 {counter-reseth6}

h1::before {counter-incrementh1contentcounter(h1". "}
h2::before {counter-incrementh2contentcounter(h1"." counter(h2". "}
h3::before {counter-incrementh3contentcounter(h1"." counter(h2"." counter(h3". "}
/*
h4::before {counter-increment: h4; content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) ". "}
h5::before {counter-increment: h5; content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". "}
h6:before {counter-increment: h6; content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) ". "}
*/

h1.nocount::beforeh2.nocount::beforeh3.nocount::beforeh4.nocount::beforeh5.nocount::beforeh6.nocount::before {content""counter-incrementnone}
  
.
seealso p::before {
    
content"? ";


Notes:
1) In html file, there should be <head> before <meta>.
2) There is many duplicated 'id's in html file, see w3.org validator.

Prime G2, 15C CE
Find all posts by this user
Quote this message in a reply
Post Reply 


Messages In This Thread
RE: Request for help with CSS/Html formatted On-Calc Doc - chromos - 09-25-2018 01:01 PM



User(s) browsing this thread: 1 Guest(s)