<commit_before>/*
 * DNollK.se Layout
 * Copyright 2015, <NAME>
 * www.github.com/Jassob/DNollK.se.git
 * Free to use under the BSD 2-clause license.
 * http://http://opensource.org/licenses/BSD-2-Clause
 */


/* Table of contents
——————————————————————————————————————————————————
- Box sizing
- Typography (baseline correction)
- Backgrounds and body styling
- Container styling (card)
- Header
- Navigation
- Content
- Sidebar
- Footer
- Media queries (responsive design)

/* Box sizing
——————————————————————————————————————————————————
Fixing some box size things.
Now borders and paddings are counted 
inwards and does not manipulate the box size
*/

html {
    box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}


/* Typography (baseline correction)
—————————————————————————————————————————————————— */
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 2rem;
    font-weight: 300; }

h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.8;  letter-spacing: 0; }


/* Backgrounds and body styling
—————————————————————————————————————————————————— */
body,
.orange-colored {
    background: url("../images/bg_main.png"),
                #DD5227;
}

.card,
.light-colored {
    background: #f8f8f8;
}

/* Reset container styling
—————————————————————————————————————————————————— */
.column,
.columns,
.container {
    margin: 0;

    padding: 0;
}

.container h1,
.container h2,
.container h3,
.card h1,
.card h2,
.card h3 {

    margin-left: 1rem;
    margin-right: 1rem;
}


/* Larger than mobile */
@media (min-width: 400px) {
    .container {
        margin: 0 auto;
    }
}

.content.row {
    margin: 1.2rem auto;
}


#content {
    position: absolute;
    left: 0px;
    
    transition: all 1s ease-in-out;
}

#content.pushed {
    position: absolute;
    left: 450px;
    transition: all 0.7s ease-in-out;
}

.container.header {
    padding: 0rem;
}


@media (min-width: 550px) {
    #content {
        position: static;
    }
}


/* Container styling (card)
   ——————————————————————————————————————————————————
   The card class, is represented by a light background
   and sharp edges with a box shadow around.
 */<commit_msg>Added a width 100% style to #content.<commit_after>/*
 * DNollK.se Layout
 * Copyright 2015, <NAME>
 * www.github.com/Jassob/DNollK.se.git
 * Free to use under the BSD 2-clause license.
 * http://http://opensource.org/licenses/BSD-2-Clause
 */


/* Table of contents
——————————————————————————————————————————————————
- Box sizing
- Typography (baseline correction)
- Backgrounds and body styling
- Container styling (card)
- Header
- Navigation
- Content
- Sidebar
- Footer
- Media queries (responsive design)

/* Box sizing
——————————————————————————————————————————————————
Fixing some box size things.
Now borders and paddings are counted 
inwards and does not manipulate the box size
*/

html {
    box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}


/* Typography (baseline correction)
—————————————————————————————————————————————————— */
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 2rem;
    font-weight: 300; }

h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.8;  letter-spacing: 0; }


/* Backgrounds and body styling
—————————————————————————————————————————————————— */
body,
.orange-colored {
    background: url("../images/bg_main.png"),
                #DD5227;
}

.card,
.light-colored {
    background: #f8f8f8;
}

/* Reset container styling
—————————————————————————————————————————————————— */
.column,
.columns,
.container {
    margin: 0;

    padding: 0;
}

.container h1,
.container h2,
.container h3,
.card h1,
.card h2,
.card h3 {

    margin-left: 1rem;
    margin-right: 1rem;
}


/* Larger than mobile */
@media (min-width: 400px) {
    .container {
        margin: 0 auto;
    }
}

.content.row {
    margin: 1.2rem auto;
}


#content {
    position: absolute;
    left: 0px;
    
    transition: all 1s ease-in-out;

    width: 100%;
}

#content.pushed {
    position: absolute;
    left: 450px;
    transition: all 0.7s ease-in-out;
}

.container.header {
    padding: 0rem;
}


@media (min-width: 550px) {
    #content {
        position: static;
    }
}


/* Container styling (card)
   ——————————————————————————————————————————————————
   The card class, is represented by a light background
   and sharp edges with a box shadow around.
 */
{'fraction_non_alphanumeric': 0.24733727810650888, 'fraction_numerical': 0.03708086785009862, 'mean_word_length': 3.1668036154478223, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5807274', 'n_tokens_mistral': 1984, 'n_tokens_neox': 1736, 'n_words': 470}