Re: How to remove the automatically generated css codes from exported HTML file?

From: Carsten Dominik <dominik@science.uva.nl>
To: Bernt Hansen <bernt@norang.ca>
Cc: emacs-orgmode@gnu.org
Subject: Re: How to remove the automatically generated css codes from exported HTML file?
Date: Tue, 28 Oct 2008 16:40:39 +0100	[thread overview]
Message-ID: <68A0E68E-BB38-4286-8B2C-454E9E6292E2@uva.nl> (raw)
In-Reply-To: <87hc73pi3m.fsf@gollum.intra.norang.ca>

Hi,

A different and maybe slightly more convenient way is now implemented:

There is a new variable `org-export-html-style-include-default'.   
Turning it off
will exclude the default style.  This variable is tied to the :style- 
include-default
property for publishing, so it can be used as a publishing parameter.

- Carsten

On Oct 23, 2008, at 3:16 PM, Bernt Hansen wrote:

> All of my projects have their own CSS style sheets.  I override the
> style variable in a custom function to export my project.
>
> If I'm working on an org file that is part of a project I export by
> hitting C-s-f12 which saves the current document and then exports it.
>
> ,----[ part of my .emacs ]
> | (global-set-key (kbd "C-s-<f12>") 'my-save-then-publish)
> |
> | (defun my-save-then-publish ()
> |   (interactive)
> |   (save-buffer)
> |   (org-save-all-org-buffers)
> |   (let (org-export-html-style-default)
> |     (setq org-export-html-style-default "")
> |     (org-publish-current-project)))
> `----
>
> All of my projects specify their own CSS files and it saves  
> bandwidth to
> not have the CSS included in the page itself - especially if we're
> overriding all of the values anyway.
>
> Maybe org-publish-current-project should set
> org-export-html-style-default to an empty string if the project
> specifies a :style option already?  (i.e. if there is a :style element
> in the org-publish-project-alist for the project being exported.  It's
> trivial to provide the default style values in the CSS file once and
> then every page you download doesn't need to send it to the client
> browser)
>
> If I export manually with C-c C-e H I get the default HTML included -
> but if I export my project which uses the CSS style sheets no extra
> style information is included in the generated HTML files.
>
> This setup works great for me.
>
> -Bernt
>
>
> Carsten Dominik <dominik@uva.nl> writes:
>
>> If you must,
>>
>>   (setq org-export-html-style-default "")
>>
>> But I would recommend to simply overwrite everything you need with
>> your own style.
>>
>> - Carsten
>>
>> On Oct 23, 2008, at 11:23 AM, Larry.Liu wrote:
>>
>>> Hi,
>>>
>>> On Thu, Oct 23, 2008 at 11:51 AM, Manish
>>> <mailtomanish.sharma@gmail.com > wrote:
>>> This thread might help.
>>> http://thread.gmane.org/gmane.emacs.orgmode/7156
>>>
>>> The variable org-export-html-style-extra works fine, customized css
>>> contents can be added to the html file, but Org-mode will not remove
>>> the automatically generated style codes, what I am wondering is how
>>> can I remove the style part added by Org-mode, it will append the
>>> follow css definition always. I think it is added by the org-info-js
>>> extension, because we can see such name in the style definition
>>> below.
>>> <style type="text/css">
>>>  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; }
>>>
>>>  .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>
>>>
>>>
>>> On Thu, Oct 23, 2008 at 10:25 AM, Larry. Liu wrote:
>>>> Hi,
>>>>
>>>> I want to remove the css style codes generated automatically by
>>> Org-mode in
>>>> the exported html file, I have set the variable style for html
>>> export and
>>>> itself works fine, but the css definition generated by Org-mode
>>>> automatically doesn't get removed, and it affects the display of
>>> exported
>>>> file, how can I remove it?
>>>>
>>>> Thanks :)
>>>>
>>>> --
>>>> --------------------------------------
>>>> Larry.Liu
>>>> Mobile: 13911483964
>>>> ---------------------------------------
>>>
>>>
>>>
>>> -- 
>>> --------------------------------------
>>> Larry.Liu
>>> Mobile: 13911483964
>>> ---------------------------------------
>>> _______________________________________________
>>> Emacs-orgmode mailing list
>>> Remember: use `Reply All' to send replies to the list.
>>> Emacs-orgmode@gnu.org
>>> http://lists.gnu.org/mailman/listinfo/emacs-orgmode
>>
>>
>> _______________________________________________
>> Emacs-orgmode mailing list
>> Remember: use `Reply All' to send replies to the list.
>> Emacs-orgmode@gnu.org
>> http://lists.gnu.org/mailman/listinfo/emacs-orgmode