<commit_before>/*
Theme Name: Metallic
Theme URI: https://github.com/parmaja/wp_metallic
Download: https://github.com/parmaja/wp_metallic/releases
Version: 1.10.5
Author: <NAME>
Author URI: http://www.parmaja.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Description: CSS3 theme without any images inside, plain and simple, multi color, right side column and work for right to left languages
Tags: fixed-width, right-sidebar, two-columns, light
GitHub Theme URI: https://github.com/parmaja/wp_metallic
GitHub Branch:    release
*/

/** Use this plugin for autoupdate
*
* https://github.com/afragen/github-updater
*
*/

/* Set Variables values */
$<
  eadge=$mix(canvas_back, base, 50)
  panel=$mix(canvas_back, base, 90)
  box=$change(canvas_back, -10)
  link=$change(highlight, -20)
  hover=$change(link, -50)
  nav=$mix(base, canvas_back, 70)
>

$import(import)<
>

/*
  ref:
    http://codex.wordpress.org/CSS
*/

html {
}

body {
  font: $get(font_size)pt $get(font_name);
  background: $get(back);
  color: $get(fore);
}

/* H1 of head/title not same size of h1 of post content*/
#header h1 {
  font-size: 200%;
  font-weight: bold;

}

#header h2 {
  font-size: 170%;
}

#header h3 {
  font-size: 160%;
}

h1{
  font-size: 160%;
}

h2{
  font-size: 150%;
}

h3{
  font-size: 140%;
}

h4{
  font-size: 130%;
}

h5{
  font-size: 120%;
}

h6{
  font-size: 110%;
}

a{
  text-decoration: none;
  color: $get(link);
}

a:hover{
  text-decoration: none;
  color: $change(link, -20);
}

caption, th, td {
  font-weight: normal;
}

.wp-caption {
  max-width: 100%;
  padding: 0.1em;
  background: $get(panel);
  color: $get(canvas_ink);
  border: 1px dotted $get(eadge)
}

.post-content img{
  height: auto;
  max-width: 100%;
/*  padding: 0.1em; */
  padding: 0.5em;
}

.wp-caption-text{
  color: $get(canvas_ink);
}

.sticky{
}

.gallery-caption{
  color: $get(canvas_ink);
}

.bypostauthor{
/*  display: inline-block;*/
}

.aligncenter, div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.skip {
  display: none;
}

pre {
  margin: 1em;
}

pre {
  padding: 0.2em;
  margin: 0em;
  overflow: auto;
  background: $get(box);
  color: $get(canvas_ink);
  border: 1px dotted $get(eadge)
}

code{
  padding: 0.1em;
  margin: 0em;
}

pre, code{
  font-family: monospace, serif;
  font-size: 11pt;
  border-radius: 0.2em;
}

embed, iframe, object {
  max-width: 100%;
  max-height: 100%;
}

/*----------------*/

#container {
  background: $get(panel);
  color: $get(canvas_ink);
}

#header {
  background: $get(base);
$if(gradients)<
  background: linear-gradient(to bottom, $change(base, 20) 15%, $change(base, 20) 10%, $change(base) 70%);
>
  text-decoration: none;
}

#logo-header{
}

#title{
}

#logo-image{
}

#logo-text {
}

#title{
}

@media screen {
  #header h1{
  /*  text-outline: 2px 2px #ff0000; not supported yet by any browser */
    text-shadow: 0.1em 0.1em 0.1em $change(base, -20);
  }
}

$ifnot(is_mobile)<
@media screen{
  #container {
    box-shadow: 0.3em 0.3em 0.3em #999;
    border-radius: 0px 0px 5px 5px;
    margin-bottom: 1em;
  }

  #header {
    box-shadow: 0em 0.2em 0.5em 0.0em $mix(base, canvas_back);
  }
}
>

#description{
  color: $get(title_text);
  margin: 0.5em 0em;
}

#header a{
  text-decoration: none;
  color: $get(title_color);
}

#wrapper {
}

/**      main content     */

#main { /*do not put padding or margin or border width */
  background: $get(canvas_back);
  width: 100%;
}


#main h2 {
  padding: 0.2em 0;
  margin: 0.2em 0 0 0;
}

@media screen{
  #main h2.title {
    border-bottom: 1px solid $get(eadge);
  }

  .post-rest{
    border-top: 0.2em solid $change(canvas_back, -15);
    padding-top: 2em;
  }
}

@media print{
  #main h2.title {
    border-bottom: 1px solid #333;
  }
}

#contents {
  border-style: solid;
  border-color: $get(eadge);
}

@media screen{
  #contents {
    border-bottom-width: 1px;
  }
}
ol#posts {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

li.post{
  list-style: none outside none;
/*  margin-bottom: 1em; */
}

ol#posts .more-link{
  text-decoration: none;
  font-size: 80%;
  color: #558caa;
}

.post-content p{
  margin: 0.1em 0.1em 0.5em;
}

h2.title a{
  color: $get(canvas_ink);
  text-decoration: none;
}

h2.title a:hover {
  color: $mix(link, canvas_ink, 50);
  text-decoration: none;
}

.infobar {
  list-style: none outside none;
  overflow: auto;
  font-size: 80%;
  color: $mix(canvas_back, canvas_ink, 50);
  padding: 0.1em 0 0 0;
}

.infobar li{
  display: block;
  padding: 0 0.2em;
}

.infobar a{
  text-decoration: none;
  color: $get(link);
}

.infobar .category{
}

.infobar .tags{
}

.infobar .comments-count{
}

li.post{
  clear: both;
  overflow: hidden;
}

table, th ,td, tr {
  border: 1px solid $get(eadge);
  border-collapse: collapse;
}

th, td {
  padding: 0.2em;
}

blockquote{
  padding: 0.5em;
  background: $get(panel);
  color: $get(canvas_ink);
  border: 1px dotted $get(eadge)
}

/* Shared with comments */

.entry-type {
}

.entry-date{
}

.entry-date:before{
  content: "◊ "
}

.entry-author{
}

.entry-author:before{
  content: "• "
}

@media print{
  .post li.entry-edit {
    display: none;
  }

  a.comment-edit-link{
    display: none;
  }
}

div.post {
}

.post-content {
  clear: both;
  overflow: hidden;
  padding: 0.5em 0 0.5em 0;
  margin: 0;
}

/* pagination */

.pagination {
  font-size: 80%;
  list-style: none;
  /*margin: 0.5em 0.1em 0;*/
  margin: 0em;
  padding: 0.1em 0.5em;
  overflow: auto;
/*  color: $get(canvas_ink);*/
/*  background: $get(border);*/
/*  border-radius: 3px 3px 0 0; */
  background: $mix(base, canvas_back, 70);
}

.pagination a{
  color: $get(title_text);
}

.pagination a:hover{
  color: $mix(title_text, highlight);
}


@media print{
  #pagination {
    display: none;
  }
}

#pagination a{
  text-decoration: none;
}

.previous-posts {
}

.next-posts {
}

.page-numbers {
  list-style: none;
  margin: 0.5em 0.1em 0;
  padding: 0.1em 0.5em;
  overflow: auto;
  color: $get(canvas_ink);
  background: $get(eadge);
}

.page-numbers a{
  color: $get(canvas_back);
  background: $change(base, -20);
}

.page-numbers a:hover{
  color: $mix(highlight, canvas_ink, 50);
}

.page-number{
  display: inline;
  padding: 0 0.2em;
}

#nav{
/*  border-top: 1px solid $mix(base, canvas_back);*/
  border-radius: 3px 3px 0 0;
  background: $get(nav);
  color: $get(title_text);
}

#nav-button:before{
  content: "≡";
}

#nav-page, #nav-subpage {
  list-style: none;
  padding: 0;
  margin: 0;
  clear: both;
}

#nav-subpage {
  font-size: 80%;
  clear: both;
}

#nav-page ul, #nav-subpage ul {
}

#nav-page li, #nav-subpage ui {
  padding: 0.1em 0.4em;
  margin: 0.1em
}

#nav-page li{
  display: block;
}

#nav-subpage li {
  display: inline;
}

#nav a{
}

#nav a:hover{
  color: $mix(title_text, highlight);
}

#header .current_page_item{
  border-radius: 3px;
  box-shadow: 0 0 0.4em 0 $mix(title_text, highlight);
  background: $get(title_text);
}

#header .current_page_parent{
  border-radius: 2px;
  box-shadow: 0 0 0.4em 0 $mix(title_text, highlight);
  background: $get(title_text);
}

#header .current_page_item a {
  text-decoration: none;
  color: $get(base);
}

#header .current_page_parent a {
  text-decoration: none;
  color: $get(base);
}

.widget_tag_cloud a {
}

.comments-area{
}

#comments h2{
  font-size: 100%;
}

.comment-form-comment label{
  vertical-align: top;
}

.comment-list {
  list-style: none outside none;
  padding: 0.5em 0 0 0;
}

.comment-body {
  border-bottom: 1px solid $get(eadge);
  margin: 0.5em;
  padding-bottom: 0.5em;
}

.children{
}

.comment{
  background: $get(panel);
  color: $get(canvas_ink);
  padding: 0;
  overflow: auto;
}

.comment p {
  padding: 0;
  margin: 0.5em;
}

.avatar{
  padding: 0.2em;
  display: Block;
}

input[type=text]{
  border: 1px solid $get(eadge);
  padding: 0.2em;
  margin: 0;
  border-radius: 3px;
  color: $get(canvas_ink);
  background: $get(box);
}

input[type=submit]{
  padding: 0.2em;
  margin: 0;
  font: $get(font_size)pt $get(font_name);
  border-radius: 3px;
  border: 1px solid $mix(canvas_back, base);
  color: $get(canvas_ink);
  background: $get(box);
}

textarea#comment {
  width: 95%;
  font-size: 100%;
  padding: 0.2em;
  border-radius: 3px;
  border: 1px solid $mix(canvas_back, base, 50);
  color: $get(canvas_ink);
  background: $get(box);
}

#reply-title{
  font-size: 100%;
}

@media print{
  #reply-title{
    display: none;
  }
}
@media print{
  #commentform {
    display: none;
  }
}

/* sidebar */

#sidebar {
  color: $get(canvas_ink);
}

#sidebar a{
  color: $mix(highlight, canvas_ink, 0);
  text-decoration: none;
}

#sidebar a:hover{
  color: $mix(highlight, canvas_ink, 100);
  text-decoration: none;
}

#sidebar > ul {
  padding: 0em 1em;
  list-style-type: none;
}

#sidebar li{
}

#sidebar > ul > li {
  text-shadow: 2px 2px 2px #d7d7d7;
  padding-bottom: 1em;
  margin-bottom: 1em;
  list-style-type: none;
  border-bottom: 1px solid $get(eadge); /* Will override in other css */
  text-shadow: 2px 2px 2px $get(eadge);
}

#sidebar > ul > li > ul {
  text-shadow: none;
  color: $get(link);
  text-decoration: none;
}

/* sub pages less padding */

#sidebar > ul > li > ul > li > ul {
  font-size: 80%;
}

.widget#sidebar li{
  color: $change(base, -20);
}

#footbar {
  background: #000;
  color: $get(canvas_back);
/*  border-top: 3px solid $get(base); */
}

#footbar a{
  color: $get(canvas_back);
  text-decoration: none;
}

#footbar > ul {
  list-style-type: none;
  margin: 0;
}

#footbar > ul >li {
  list-style-type: none;
  padding: 0.5em;
}

/*------------------------*/

#footer {
}

table#wp-calendar {
  width: 100%;
}

#calendar_wrap th, #calendar_wrap td{
  text-align: center;
}

#copyright {
  text-align: left; /* Do not change it */
  padding: 0 0.3em;
  margin: 0 1em;
  width: auto;
  height: auto;
  color: $mix(canvas_back, base, 40);
  font-size: 80%;
}

#copyright a{
}

@media print{
  #footer-info {
    display: none;
  }
}

@media print
{
  .post {
    page-break-inside: avoid;
  }

  .pagebreak {
    page-break-before: auto;
  }
}

/* drawer */
.drawer-opened {
  background: $change(panel);
  color: $get(canvas_ink);
  border-color: $get(canvas_ink);
}

.drawer-closed {
  background: $change(nav);
  color: $get(title_text);
  border-color: $get(title_text);
}

#drawer {
  color: White;
  width: 1.6em;
  height: 1.6em;
  display: block;

  padding: 0.2em;
  margin: 0.0em;
  float: left;

/*  content: "≡"; */
}

/*
* ref: http://css-tricks.com/three-line-menu-navicon/
       in comments
*/

#drawer-button
{
    display: block;
    height: 0.26em;
    line-height: 0;
    width: auto;
    border-top: .74em double;
    border-bottom: .24em solid;
    margin: 0.2em;
    padding: 0em;
}<commit_msg>fix margin of image with caption<commit_after>/*
Theme Name: Metallic
Theme URI: https://github.com/parmaja/wp_metallic
Download: https://github.com/parmaja/wp_metallic/releases
Version: 1.10.6
Author: <NAME>
Author URI: http://www.parmaja.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Description: CSS3 theme without any images inside, plain and simple, multi color, right side column and work for right to left languages
Tags: fixed-width, right-sidebar, two-columns, light
GitHub Theme URI: https://github.com/parmaja/wp_metallic
GitHub Branch:    release
*/

/** Use this plugin for autoupdate
*
* https://github.com/afragen/github-updater
*
*/

/* Set Variables values */
$<
  eadge=$mix(canvas_back, base, 50)
  panel=$mix(canvas_back, base, 90)
  box=$change(canvas_back, -10)
  link=$change(highlight, -20)
  hover=$change(link, -50)
  nav=$mix(base, canvas_back, 70)
>

$import(import)<
>

/*
  ref:
    http://codex.wordpress.org/CSS
*/

html {
}

body {
  font: $get(font_size)pt $get(font_name);
  background: $get(back);
  color: $get(fore);
}

/* H1 of head/title not same size of h1 of post content*/
#header h1 {
  font-size: 200%;
  font-weight: bold;

}

#header h2 {
  font-size: 170%;
}

#header h3 {
  font-size: 160%;
}

h1{
  font-size: 160%;
}

h2{
  font-size: 150%;
}

h3{
  font-size: 140%;
}

h4{
  font-size: 130%;
}

h5{
  font-size: 120%;
}

h6{
  font-size: 110%;
}

a{
  text-decoration: none;
  color: $get(link);
}

a:hover{
  text-decoration: none;
  color: $change(link, -20);
}

caption, th, td {
  font-weight: normal;
}

.wp-caption {
  max-width: 100%;
  padding: 0.1em;
  background: $get(panel);
  color: $get(canvas_ink);
  border: 1px dotted $get(eadge)
  text-align: center;
}

.post-content img{
  height: auto;
  max-width: 100%;
  margin: 0.5em;
}

.wp-caption-text{
  color: $get(canvas_ink);
}

.sticky{
}

.gallery-caption{
  color: $get(canvas_ink);
}

.bypostauthor{
/*  display: inline-block;*/
}

.aligncenter, div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.skip {
  display: none;
}

pre {
  margin: 1em;
}

pre {
  padding: 0.2em;
  margin: 0em;
  overflow: auto;
  background: $get(box);
  color: $get(canvas_ink);
  border: 1px dotted $get(eadge)
}

code{
  padding: 0.1em;
  margin: 0em;
}

pre, code{
  font-family: monospace, serif;
  font-size: 11pt;
  border-radius: 0.2em;
}

embed, iframe, object {
  max-width: 100%;
  max-height: 100%;
}

/*----------------*/

#container {
  background: $get(panel);
  color: $get(canvas_ink);
}

#header {
  background: $get(base);
$if(gradients)<
  background: linear-gradient(to bottom, $change(base, 20) 15%, $change(base, 20) 10%, $change(base) 70%);
>
  text-decoration: none;
}

#logo-header{
}

#title{
}

#logo-image{
}

#logo-text {
}

#title{
}

@media screen {
  #header h1{
  /*  text-outline: 2px 2px #ff0000; not supported yet by any browser */
    text-shadow: 0.1em 0.1em 0.1em $change(base, -20);
  }
}

$ifnot(is_mobile)<
@media screen{
  #container {
    box-shadow: 0.3em 0.3em 0.3em #999;
    border-radius: 0px 0px 5px 5px;
    margin-bottom: 1em;
  }

  #header {
    box-shadow: 0em 0.2em 0.5em 0.0em $mix(base, canvas_back);
  }
}
>

#description{
  color: $get(title_text);
  margin: 0.5em 0em;
}

#header a{
  text-decoration: none;
  color: $get(title_color);
}

#wrapper {
}

/**      main content     */

#main { /*do not put padding or margin or border width */
  background: $get(canvas_back);
  width: 100%;
}


#main h2 {
  padding: 0.2em 0;
  margin: 0.2em 0 0 0;
}

@media screen{
  #main h2.title {
    border-bottom: 1px solid $get(eadge);
  }

  .post-rest{
    border-top: 0.2em solid $change(canvas_back, -15);
    padding-top: 2em;
  }
}

@media print{
  #main h2.title {
    border-bottom: 1px solid #333;
  }
}

#contents {
  border-style: solid;
  border-color: $get(eadge);
}

@media screen{
  #contents {
    border-bottom-width: 1px;
  }
}
ol#posts {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

li.post{
  list-style: none outside none;
/*  margin-bottom: 1em; */
}

ol#posts .more-link{
  text-decoration: none;
  font-size: 80%;
  color: #558caa;
}

.post-content p{
  margin: 0.1em 0.1em 0.5em;
}

h2.title a{
  color: $get(canvas_ink);
  text-decoration: none;
}

h2.title a:hover {
  color: $mix(link, canvas_ink, 50);
  text-decoration: none;
}

.infobar {
  list-style: none outside none;
  overflow: auto;
  font-size: 80%;
  color: $mix(canvas_back, canvas_ink, 50);
  padding: 0.1em 0 0 0;
}

.infobar li{
  display: block;
  padding: 0 0.2em;
}

.infobar a{
  text-decoration: none;
  color: $get(link);
}

.infobar .category{
}

.infobar .tags{
}

.infobar .comments-count{
}

li.post{
  clear: both;
  overflow: hidden;
}

table, th ,td, tr {
  border: 1px solid $get(eadge);
  border-collapse: collapse;
}

th, td {
  padding: 0.2em;
}

blockquote{
  padding: 0.5em;
  background: $get(panel);
  color: $get(canvas_ink);
  border: 1px dotted $get(eadge)
}

/* Shared with comments */

.entry-type {
}

.entry-date{
}

.entry-date:before{
  content: "◊ "
}

.entry-author{
}

.entry-author:before{
  content: "• "
}

@media print{
  .post li.entry-edit {
    display: none;
  }

  a.comment-edit-link{
    display: none;
  }
}

div.post {
}

.post-content {
  clear: both;
  overflow: hidden;
  padding: 0.5em 0 0.5em 0;
  margin: 0;
}

/* pagination */

.pagination {
  font-size: 80%;
  list-style: none;
  /*margin: 0.5em 0.1em 0;*/
  margin: 0em;
  padding: 0.1em 0.5em;
  overflow: auto;
/*  color: $get(canvas_ink);*/
/*  background: $get(border);*/
/*  border-radius: 3px 3px 0 0; */
  background: $mix(base, canvas_back, 70);
}

.pagination a{
  color: $get(title_text);
}

.pagination a:hover{
  color: $mix(title_text, highlight);
}


@media print{
  #pagination {
    display: none;
  }
}

#pagination a{
  text-decoration: none;
}

.previous-posts {
}

.next-posts {
}

.page-numbers {
  list-style: none;
  margin: 0.5em 0.1em 0;
  padding: 0.1em 0.5em;
  overflow: auto;
  color: $get(canvas_ink);
  background: $get(eadge);
}

.page-numbers a{
  color: $get(canvas_back);
  background: $change(base, -20);
}

.page-numbers a:hover{
  color: $mix(highlight, canvas_ink, 50);
}

.page-number{
  display: inline;
  padding: 0 0.2em;
}

#nav{
/*  border-top: 1px solid $mix(base, canvas_back);*/
  border-radius: 3px 3px 0 0;
  background: $get(nav);
  color: $get(title_text);
}

#nav-button:before{
  content: "≡";
}

#nav-page, #nav-subpage {
  list-style: none;
  padding: 0;
  margin: 0;
  clear: both;
}

#nav-subpage {
  font-size: 80%;
  clear: both;
}

#nav-page ul, #nav-subpage ul {
}

#nav-page li, #nav-subpage ui {
  padding: 0.1em 0.4em;
  margin: 0.1em
}

#nav-page li{
  display: block;
}

#nav-subpage li {
  display: inline;
}

#nav a{
}

#nav a:hover{
  color: $mix(title_text, highlight);
}

#header .current_page_item{
  border-radius: 3px;
  box-shadow: 0 0 0.4em 0 $mix(title_text, highlight);
  background: $get(title_text);
}

#header .current_page_parent{
  border-radius: 2px;
  box-shadow: 0 0 0.4em 0 $mix(title_text, highlight);
  background: $get(title_text);
}

#header .current_page_item a {
  text-decoration: none;
  color: $get(base);
}

#header .current_page_parent a {
  text-decoration: none;
  color: $get(base);
}

.widget_tag_cloud a {
}

.comments-area{
}

#comments h2{
  font-size: 100%;
}

.comment-form-comment label{
  vertical-align: top;
}

.comment-list {
  list-style: none outside none;
  padding: 0.5em 0 0 0;
}

.comment-body {
  border-bottom: 1px solid $get(eadge);
  margin: 0.5em;
  padding-bottom: 0.5em;
}

.children{
}

.comment{
  background: $get(panel);
  color: $get(canvas_ink);
  padding: 0;
  overflow: auto;
}

.comment p {
  padding: 0;
  margin: 0.5em;
}

.avatar{
  padding: 0.2em;
  display: Block;
}

input[type=text]{
  border: 1px solid $get(eadge);
  padding: 0.2em;
  margin: 0;
  border-radius: 3px;
  color: $get(canvas_ink);
  background: $get(box);
}

input[type=submit]{
  padding: 0.2em;
  margin: 0;
  font: $get(font_size)pt $get(font_name);
  border-radius: 3px;
  border: 1px solid $mix(canvas_back, base);
  color: $get(canvas_ink);
  background: $get(box);
}

textarea#comment {
  width: 95%;
  font-size: 100%;
  padding: 0.2em;
  border-radius: 3px;
  border: 1px solid $mix(canvas_back, base, 50);
  color: $get(canvas_ink);
  background: $get(box);
}

#reply-title{
  font-size: 100%;
}

@media print{
  #reply-title{
    display: none;
  }
}
@media print{
  #commentform {
    display: none;
  }
}

/* sidebar */

#sidebar {
  color: $get(canvas_ink);
}

#sidebar a{
  color: $mix(highlight, canvas_ink, 0);
  text-decoration: none;
}

#sidebar a:hover{
  color: $mix(highlight, canvas_ink, 100);
  text-decoration: none;
}

#sidebar > ul {
  padding: 0em 1em;
  list-style-type: none;
}

#sidebar li{
}

#sidebar > ul > li {
  text-shadow: 2px 2px 2px #d7d7d7;
  padding-bottom: 1em;
  margin-bottom: 1em;
  list-style-type: none;
  border-bottom: 1px solid $get(eadge); /* Will override in other css */
  text-shadow: 2px 2px 2px $get(eadge);
}

#sidebar > ul > li > ul {
  text-shadow: none;
  color: $get(link);
  text-decoration: none;
}

/* sub pages less padding */

#sidebar > ul > li > ul > li > ul {
  font-size: 80%;
}

.widget#sidebar li{
  color: $change(base, -20);
}

#footbar {
  background: #000;
  color: $get(canvas_back);
/*  border-top: 3px solid $get(base); */
}

#footbar a{
  color: $get(canvas_back);
  text-decoration: none;
}

#footbar > ul {
  list-style-type: none;
  margin: 0;
}

#footbar > ul >li {
  list-style-type: none;
  padding: 0.5em;
}

/*------------------------*/

#footer {
}

table#wp-calendar {
  width: 100%;
}

#calendar_wrap th, #calendar_wrap td{
  text-align: center;
}

#copyright {
  text-align: left; /* Do not change it */
  padding: 0 0.3em;
  margin: 0 1em;
  width: auto;
  height: auto;
  color: $mix(canvas_back, base, 40);
  font-size: 80%;
}

#copyright a{
}

@media print{
  #footer-info {
    display: none;
  }
}

@media print
{
  .post {
    page-break-inside: avoid;
  }

  .pagebreak {
    page-break-before: auto;
  }
}

/* drawer */
.drawer-opened {
  background: $change(panel);
  color: $get(canvas_ink);
  border-color: $get(canvas_ink);
}

.drawer-closed {
  background: $change(nav);
  color: $get(title_text);
  border-color: $get(title_text);
}

#drawer {
  color: White;
  width: 1.6em;
  height: 1.6em;
  display: block;

  padding: 0.2em;
  margin: 0.0em;
  float: left;

/*  content: "≡"; */
}

/*
* ref: http://css-tricks.com/three-line-menu-navicon/
       in comments
*/

#drawer-button
{
    display: block;
    height: 0.26em;
    line-height: 0;
    width: auto;
    border-top: .74em double;
    border-bottom: .24em solid;
    margin: 0.2em;
    padding: 0em;
}
{'fraction_non_alphanumeric': 0.17255227807782855, 'fraction_numerical': 0.034344273646309376, 'mean_word_length': 3.1685587839137965, 'pattern_counts': {'":': 0, '<': 13, '<?xml version=': 0, '>': 41, 'https://': 8, 'lorem ipsum': 0, 'www.': 4, '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': '2513377', 'n_tokens_mistral': 9667, 'n_tokens_neox': 8999, 'n_words': 2097}