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

Fernando Perez fperez.net@gmail....
Tue Jun 4 14:17:53 CDT 2013


thanks!

On Tue, Jun 4, 2013 at 12:00 PM, Matthias BUSSONNIER
<bussonniermatthias@gmail.com> wrote:
> 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
>
>
>
>
>
>
> 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
>
>
> _______________________________________________
> 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


More information about the IPython-dev mailing list