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

Aron Ahmadia aron at ahmadia.net
Tue Jun 4 13:08:25 EDT 2013


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 at 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 at scipy.org [mailto:ipython-dev-bounces at 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 at 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 at 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 at scipy.org
>
> http://mail.scipy.org/mailman/listinfo/ipython-dev
>
> _______________________________________________
>
> IPython-dev mailing list
>
> IPython-dev at 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 at scipy.org
> http://mail.scipy.org/mailman/listinfo/ipython-dev
> _______________________________________________
> IPython-dev mailing list
> IPython-dev at scipy.org
> http://mail.scipy.org/mailman/listinfo/ipython-dev
>
>
>
> _______________________________________________
> IPython-dev mailing list
> IPython-dev at scipy.org
> http://mail.scipy.org/mailman/listinfo/ipython-dev
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://mail.python.org/pipermail/ipython-dev/attachments/20130604/b3b67327/attachment.html>


More information about the IPython-dev mailing list