Re: [Orgmode] CSS and Publishing to HTML Tutorial

[Sebastian Rose]

Hi Adam!


Adam <address@hidden> writes:
> The Worg tutorial "Publishing Org-mode files to HTML" ran for me first
> time, so it seems excellent and well written.
>
> However I am trying to use a vanilla CSS, say ssheet1.css, located in
> ~/org/css" as per the tutorial.
>
> With only the following line at the end of my org file,
>
> #+STYLE: <link rel="stylesheet" type="text/css"  href="../ssheet1.css" />
>
> or even
>
> # STYLE: <link rel="stylesheet" type="text/css"  href="../ssheet1.css" />


To the END of your Org file ???

Those comments should live on the _TOP_ of your Org file. See
http://orgmode.org/worg/org-tutorials/org-publish-html-tutorial.php#sec-5_1

    "The first choice is the export options template on top of the
    file..."


> doing a view source of the HTML published page, shows that it includes
> the java stuff of org-export-html-style-export, shown below. I feel my
> defined CSS is being somehow compromised.

_JavaScript_ has nothing to do with CSS.


> I am hoping to tweek a CSS from the ground up, or choose a most
> suitable one from elsewhere. The only other thing, is that I fear my
> trial CGI Bash script is being clobbered by the Java, as its not working
> (its permission is OK). Maybe it needs to be enclosed within a
> unique style/type entry.
>
> #+STYLE:  <!-- #exec cgi="/cgi-bin/count.sh" -->


Details missing, but again: the JavaScript has hardly something to do
with it.

The tutorial mentions this line:

   #+INFOJS_OPT: view:nil toc:t ltoc:t mouse:underline buttons:0 
path:http://orgmode.org/org-info.js

Remove the line, and you'll get rid of the JavaScript.


To get rid of the default styles, customite the variable

   `org-export-html-style-include-default'




> Below, I hope not at the risk of a friendship, I include the settings
> for;
> org-export-html-style
> org-export-html-style-default
> org-export-html-style-include-default
> org-publish-project-alist
>
> And these were noted after a successfuul org-publish operation.
>
>
> My question is, how should I unambiguously use a specific CSS, within
> the context of the "Publishing Org-mode files to HTML" tutorial. And
> whether including the CGI script is as simple as that above.
>
> Sorry for my confusion, I cannot see how or where to remove the Java
> stuff.  If its as simple as 13.3.1 of the Org Mode manual, or by modifying the
> *scratch* evaluations of the tutorial, then I do apologize.
>
> Thanks,  best,  Adam.
>
>
> ;------------------------------------------------------
>
> org-export-html-style
> ""
>
> org-export-html-style-default
> "<style type=\"text/css\">
>  <!--/*--><![CDATA[/*><!--*/
>   html { font-family: Times, serif; font-size: 12pt; }
>   .title  { text-align: center; }
>   .todo   { color: red; }
>   .done   { color: green; }
>   .tag    { background-color:lightblue; font-weight:normal }
>   .target { }
>   .timestamp { color: grey }
>   .timestamp-kwd { color: CadetBlue }
>   p.verse { margin-left: 3% }
>   pre {
>       border: 1pt solid #AEBDCC;
>       background-color: #F3F5F7;
>       padding: 5pt;
>       font-family: courier, monospace;
>         font-size: 90%;
>         overflow:auto;
>   }
>   table { border-collapse: collapse; }
>   td, th { vertical-align: top; }
>   dt { font-weight: bold; }
>   div.figure { padding: 0.5em; }
>   div.figure p { text-align: center; }
>   .linenr { font-size:smaller }
>   .code-highlighted {background-color:#ffff00;}
>   .org-info-js_info-navigation { border-style:none; }
>   #org-info-js_console-label { font-size:10px; font-weight:bold;
>                                white-space:nowrap; }
>   .org-info-js_search-highlight {background-color:#ffff00; color:#000000;
>                                  font-weight:bold; }
>   /*]]>*/-->
> </style>"
>
> org-export-html-style-include-default
> t
>
>
> org-publish-project-alist
>
> (("org-notes" :base-directory "C:\\Adamstuff\\webp\\org\\" :base-extension
> "org" :publishing-directory "C:\\Adamstuff\\webp\\public_html\\" :recursive
> t :publishing-function org-publish-org-to-html :headline-levels ...)
> ("org-static" :base-directory "C:\\Adamstuff\\webp\\org\\" :base-extension
> "css\\|js\\|png\\|jpg\\|gif\\|pdf\\|mp3\\|ogg\\|swf" :publishing-directory
> "C:\\Adamstuff\\webp\\public_html\\" :recursive t :publishing-function
> org-publish-attachment) ("org" :components ("org-notes" "org-static")))



HTH

  Sebastian