Skip to content
Snippets Groups Projects
Select Git revision
1 result Searching

style.css

Blame
  • style.css 10.55 KiB
    /**
     * Pico's Default Theme
     *
     * Pico's default theme is a bit bare - but that's intentional! The default
     * theme isn't meant for production use, it's actually a template for you to
     * design your own theme around.
     *
     * Pico is a stupidly simple, blazing fast, flat file CMS.
     *
     * @author  Gilbert Pellegrom
     * @author  Daniel Rudolf
     * @link    http://picocms.org
     * @license http://opensource.org/licenses/MIT The MIT License
     * @version 2.1
     */
    
    * {
        box-sizing: border-box;
        border: 0 none;
        margin: 0;
        padding: 0;
    }
    
    .hidden { display: none !important; }
    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0 none;
    }
    
    .slide {
        overflow-y: hidden !important;
        -webkit-transition: height .5s ease-in !important;
                transition: height .5s ease-in !important;
    }
    
    /*** BASIC LAYOUT ***/
    
    html, body { height: 100%; }
    
    body { display: flex; flex-direction: column; }
    #main { flex: 1 0 auto; }
    #header, #footer { flex: 0 0 auto; }
    
    #main {
        padding: 5em 0 4em;
    }
    
    /* very ugly overflow fix, avoid this whenever possible! */
    /* #main .container { overflow-x: auto; } */
    
    /*** BASIC LAYOUT: HEADER ***/
    
    #header {
        background: #EFEFEF;
        color: #41B171;
    }
    
    #title, #logo, #title h1 {
        font-family: Revalia !important;
        float: left;
        padding: 1em 0 0.5em 0.5em;
    }
    
    #title * { margin: 0; color: #41B171; }