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

Fernando Perez fperez.net at gmail.com
Tue Jun 4 13:43:55 EDT 2013


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 at 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 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
>>
>
>
> _______________________________________________
> 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



More information about the IPython-dev mailing list