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

Aron Ahmadia aron@ahmadia....
Wed Jun 5 17:06:17 CDT 2013


Were you able to get it working?  I developed it on my Mac Retina, I have
no idea what it looks like on other machines :)

A


On Tue, Jun 4, 2013 at 3:17 PM, Fernando Perez <fperez.net@gmail.com> wrote:

> 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.htmland
> >>>>
> >>>> 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
> _______________________________________________
> IPython-dev mailing list
> IPython-dev@scipy.org
> http://mail.scipy.org/mailman/listinfo/ipython-dev
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://mail.scipy.org/pipermail/ipython-dev/attachments/20130605/dc008f63/attachment.html 


More information about the IPython-dev mailing list