[IPython-dev] A good CSS snippet for better talk-style notebooks?

Matthias BUSSONNIER bussonniermatthias@gmail....
Tue Jun 4 14:00:07 CDT 2013


Fernado, just put Aron css (attached to this mail) on the right place, 
ie, either replace your main custom.css, or replace slidemode/main.css
in your profile dir.
-- 
Matthias


-------------- next part --------------
A non-text attachment was scrubbed...
Name: custom.css
Type: application/octet-stream
Size: 1166 bytes
Desc: not available
Url : http://mail.scipy.org/pipermail/ipython-dev/attachments/20130604/255cb44d/attachment.obj 
-------------- next part --------------



Le 4 juin 2013 à 19:43, Fernando Perez a écrit :

> Do you have a version updated to work with the new layout of the
> js/css as Matthias updated his? I can't seem to get the slideshow
> button to load with yours so I can play with your nicer CSS :)
> 
> On Tue, Jun 4, 2013 at 10:08 AM, Aron Ahmadia <aron@ahmadia.net> wrote:
>> I posted my slideshow profile to here:
>> https://plus.google.com/105827017409315158569/posts/ErYVSBu6DEz
>> 
>> A
>> 
>> 
>> On Tue, Jun 4, 2013 at 12:30 PM, Matthias BUSSONNIER
>> <bussonniermatthias@gmail.com> wrote:
>>> 
>>> 
>>> Le 4 juin 2013 à 18:18, Abraham D. Flaxman a écrit :
>>> 
>>> I've got something similar to this that just got me through my slides for
>>> spring quarter.  It is "presentation" in this gist:
>>> https://gist.github.com/aflaxman/5707238.  This is based on some ideas from
>>> the Slender Means blog:
>>> http://healthyalgorithms.com/2013/02/01/better-typography-for-ipython-notebooks-now/
>>> 
>>> 
>>> May  I suggest "how to write an IPython notebook css selector" that I
>>> wrote  ?
>>> 
>>> 
>>> http://nbviewer.ipython.org/urls/raw.github.com/Carreau/posts/master/02-css-selector.ipynb
>>> 
>>> It avoid relying on displaying css through python.
>>> --
>>> Matthias
>>> 
>>> 
>>> 
>>> The pres2 method in the gist renders Fernando's css below.
>>> 
>>> --Abie
>>> 
>>> 
>>> -----Original Message-----
>>> From: ipython-dev-bounces@scipy.org [mailto:ipython-dev-bounces@scipy.org]
>>> On Behalf Of Fernando Perez
>>> Sent: Tuesday, June 04, 2013 1:22 AM
>>> To: IPython developers list
>>> Subject: Re: [IPython-dev] A good CSS snippet for better talk-style
>>> notebooks?
>>> 
>>> Thanks, that got me on track.
>>> 
>>> For the record, this is what I used:
>>> 
>>> <style>.rendered_html {
>>> font-size: 150%;
>>> line-height: 1.3;
>>> }</style>
>>> 
>>> <style>.rendered_html li {
>>> line-height: 2;
>>> }</style>
>>> 
>>> <style>.rendered_html h1{
>>> margin: 0.5em 0;
>>> line-height: 1.3;
>>> }</style>
>>> 
>>> <style>.rendered_html h2{
>>> margin: 0.15em 0;
>>> line-height: 1.2;
>>> }</style>
>>> 
>>> <style>.input_prompt {
>>> font-size: 120%;
>>> font-family: Consolas;
>>> }</style>
>>> 
>>> <style>.CodeMirror-lines {
>>> font-size: 120%;
>>> font-family: Consolas;
>>> }</style>
>>> 
>>> <style>.output_area {
>>> font-size: 120%;
>>> font-family: Consolas;
>>> }</style>
>>> 
>>> I actually think we should in general change some of the vertical spacing
>>> of our headings even for the defaults, as it's in general too big. But these
>>> changes gave me reasonable layout at 1024x768 projector-ese for headings,
>>> text and bullet lists, as well as good font sizes for code.
>>> 
>>> Cheers,
>>> 
>>> f
>>> 
>>> On Mon, Jun 3, 2013 at 6:23 PM, klo uo <klonuo@gmail.com> wrote:
>>> 
>>> Fernando, I'm not sure if this would help, but a year ago I posted
>>> 
>>> about tweaking Notebook css:
>>> 
>>> http://mail.scipy.org/pipermail/ipython-user/2012-July/010533.html and
>>> 
>>> it's even included in wiki:
>>> 
>>> https://github.com/ipython/ipython/wiki/Cookbook:-Styling-Notebook
>>> 
>>> 
>>> Don't know if it works with current theme, and if it does you can use
>>> 
>>> Theme Roller editor to customize the style.
>>> 
>>> 
>>> However, I know you guys are busy and Notebook is complex, but perhaps
>>> 
>>> you could make default IPython Notebook CSS more accessible. As it is
>>> 
>>> now (if it is as I saw it last year) don't mind me saying that it's
>>> 
>>> just terrible place hardly anyone would like to tweak
>>> 
>>> 
>>> On Tue, Jun 4, 2013 at 2:45 AM, Fernando Perez <fperez.net@gmail.com>
>>> wrote:
>>> 
>>> Hi folks,
>>> 
>>> 
>>> I've already given a bunch of talks with the notebook, but always
>>> 
>>> using just the defaults and at most zooming in for readability.
>>> 
>>> 
>>> Does any of you have a little snippet of CSS you like that styles a
>>> 
>>> notebook a little better for a presentation (fonts, sizes, maybe even
>>> 
>>> color, etc).  If you have a favorte, send it my way!
>>> 
>>> 
>>> Thanks in advance!
>>> 
>>> 
>>> 
>>> f
>>> 
>>> 
>>> --
>>> 
>>> Fernando Perez (@fperez_org; http://fperez.org)
>>> 
>>> fperez.net-at-gmail: mailing lists only (I ignore this when swamped!)
>>> 
>>> fernando.perez-at-berkeley: contact me here for any direct mail
>>> 
>>> _______________________________________________
>>> 
>>> IPython-dev mailing list
>>> 
>>> IPython-dev@scipy.org
>>> 
>>> http://mail.scipy.org/mailman/listinfo/ipython-dev
>>> 
>>> _______________________________________________
>>> 
>>> IPython-dev mailing list
>>> 
>>> IPython-dev@scipy.org
>>> 
>>> http://mail.scipy.org/mailman/listinfo/ipython-dev
>>> 
>>> 
>>> 
>>> 
>>> --
>>> Fernando Perez (@fperez_org; http://fperez.org)
>>> fperez.net-at-gmail: mailing lists only (I ignore this when swamped!)
>>> fernando.perez-at-berkeley: contact me here for any direct mail
>>> _______________________________________________
>>> IPython-dev mailing list
>>> IPython-dev@scipy.org
>>> http://mail.scipy.org/mailman/listinfo/ipython-dev
>>> _______________________________________________
>>> IPython-dev mailing list
>>> IPython-dev@scipy.org
>>> http://mail.scipy.org/mailman/listinfo/ipython-dev
>>> 
>>> 
>>> 
>>> _______________________________________________
>>> IPython-dev mailing list
>>> IPython-dev@scipy.org
>>> http://mail.scipy.org/mailman/listinfo/ipython-dev
>>> 
>> 
>> 
>> _______________________________________________
>> IPython-dev mailing list
>> IPython-dev@scipy.org
>> http://mail.scipy.org/mailman/listinfo/ipython-dev
>> 
> 
> 
> 
> -- 
> Fernando Perez (@fperez_org; http://fperez.org)
> fperez.net-at-gmail: mailing lists only (I ignore this when swamped!)
> fernando.perez-at-berkeley: contact me here for any direct mail
> _______________________________________________
> IPython-dev mailing list
> IPython-dev@scipy.org
> http://mail.scipy.org/mailman/listinfo/ipython-dev



More information about the IPython-dev mailing list