In [3]:

    

from IPython.utils.path import get_ipython_dir
import os


    

In [4]:

    

profile_dir = os.path.join(get_ipython_dir(), "profile_rise", "static", "custom")
%cd {profile_dir}


    

    




/home/benbovy/.ipython/profile_rise/static/custom

In [15]:

    

%load custom.css


    

In [13]:

    

%%writefile custom.css
/*
Placeholder for custom user CSS

mainly to be overridden in profile/static/custom/custom.css

This will always be an empty file in IPython
*/

.mytag {
    font-family: Helvetica, Arial, sans-serif;
    /*font-size: small;*/
    background: #80b1d3;
    display: inline-block;
    color: #fff;
    position: relative;
    padding: 0 8px 0 10px;
    /*border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;*/
    border-radius: 4px;
    margin: 0 0 0 15px;
    text-decoration: none;
}

/*.mytag:before {
    display: inline-block;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #80b1d3; 
    height: 0;
    width: 0;
    position: absolute;
    left: -10px;
    top: 0;
    content: "";
    display: inline-block;
}*/

.mytag:before {
    background: #fff;
    width: 10px;
    height: 10px;
    content: "";
    display: inline-block;
    border-radius: 20px;
    margin: 0 8px 0 0;
}
    
.barred-tag {
    text-decoration: line-through;
}

.orange-tag {
    background: #fdb462;  
}
/*.orange-tag:before {
    border-right: 10px solid #fdb462;
}*/

.green-tag {
    background: #8dd3c7;
}
/*.green-tag:before {
    border-right: 10px solid #8dd3c7;
}*/

.violet-tag {
    background: #bebada;
}
/*.violet-tag:before {
    border-right: 10px solid #bebada;
}*/

.red-tag {
    background: #fb8072;
}
/*.red-tag:before {
    border-right: 10px solid #fb8072;
}*/

.green2-tag {
    background: #a3ce59;
}
/*.green2-tag:before {
    border-right: 10px solid #a3ce59;
}*/


    

    




Overwriting custom.css

In [ ]: