blog/themes/solarized/static/css/main.css

/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


/* PYGMENT */
.hll{background-color:#eee}.c{color:#408090;font-style:italic}.err{border:1px solid #F00}.k{color:#007020;font-weight:bold}.o{color:#666}.cm{color:#408090;font-style:italic}.cp{color:#007020}.c1{color:#408090;font-style:italic}.cs{background-color:#FFF0F0;color:#408090}.gd{color:#A00000}.ge{font-style:italic}.gr{color:#F00}.gh{color:#000080;font-weight:bold}.gi{color:#00A000}.go{color:#303030}.gp{color:#C65D09;font-weight:bold}.gs{font-weight:bold}.gu{color:#800080;font-weight:bold}.gt{color:#0040D0}.kc{color:#007020;font-weight:bold}.kd{color:#007020;font-weight:bold}.kn{color:#007020;font-weight:bold}.kp{color:#007020}.kr{color:#007020;font-weight:bold}.kt{color:#902000}.m{color:#208050}.s{color:#4070A0}.na{color:#4070A0}.nb{color:#007020}.nc{color:#0E84B5;font-weight:bold}.no{color:#60ADD5}.nd{color:#555;font-weight:bold}.ni{color:#D55537;font-weight:bold}.ne{color:#007020}.nf{color:#06287E}.nl{color:#002070;font-weight:bold}.nn{color:#0E84B5;font-weight:bold}.nt{color:#062873;font-weight:bold}.nv{color:#BB60D5}.ow{color:#007020;font-weight:bold}.w{color:#BBB}.mf{color:#208050}.mh{color:#208050}.mi{color:#208050}.mo{color:#208050}.sb{color:#4070A0}.sc{color:#4070A0}.sd{color:#4070A0;font-style:italic}.s2{color:#4070A0}.se{color:#4070A0;font-weight:bold}.sh{color:#4070A0}.si{color:#70A0D0;font-style:italic}.sx{color:#C65D09}.sr{color:#235388}.s1{color:#4070A0}.ss{color:#517918}.bp{color:#007020}.vc{color:#BB60D5}.vg{color:#BB60D5}.vi{color:#BB60D5}.il{color:#208050}

/* SOLARIZED */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap;word-wrap:break-word}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}html{font-family:'PT Sans',sans-serif}pre,code{font-family:'Inconsolata',sans-serif}h1,h2,h3,h4,h5,h6{font-family:'PT Sans Narrow',sans-serif;font-weight:700}html{background-color:#002b36;color:#839496;margin:1em}body{margin:0 auto;padding:1em}code{background-color:#073642;padding:2px}a{color:#cb4b16}a:visited{color:#cb4b16}a:hover{color:#cb4b16}h1{color:#d33682}h2,h3,h4,h5,h6{color:#859900}pre{background-color:#002b36;color:#839496;border:1pt solid #586e75;padding:1em;box-shadow:5pt 5pt 8pt #073642}pre code{background-color:#002b36}.tag{background-color:#073642;color:#d33682;padding:0 .2em}.todo,.next,.done{color:#002b36;background-color:#dc322f;padding:0 .2em}.tag{-webkit-border-radius:.35em;-moz-border-radius:.35em;border-radius:.35em}.TODO{-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em;background-color:#2aa198}.NEXT{-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em;background-color:#268bd2}.ACTIVE{-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em;background-color:#268bd2}.DONE{-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em;background-color:#859900}.WAITING{-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em;background-color:#cb4b16}.HOLD{-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em;background-color:#d33682}.NOTE{-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em;background-color:#d33682}.CANCELLED{-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em;background-color:#859900}

/* WORDCLOUD */

/* CUSTOM */
body {
    font-family: 'Lato', 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    line-height: 1.429;
    margin: 0;
    padding: 0;
    text-align: left;
    min-height: 95vh;
}
p {
  color: rgb(131, 148, 150);
  margin: 0 10 0 10;
  padding-left: 0.75rem;
  line-height: 1.2rem;
  font-size: 14px;
  text-align: left;
  padding-bottom: 0.75rem;
}

.literal {
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border: 1px solid #BCBEC0;
    padding: 2px;
    font:12px Monaco,Consolas,"Andale  Mono","DejaVu Sans Mono",monospace;
    white-space: nowrap;
}

.literal-block, pre {
    width: 95%;
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    background-color: #eee8d5;
    border: 1px solid #BCBEC0;
    padding: 0.5rem;
    margin: 0.75rem;
    font:12px Monaco,Consolas,"Andale  Mono","DejaVu Sans Mono",monospace;
}


article  h2 {
  line-height: 2rem;
}
article ul {
  margin-left: 1rem;
}

.caps {font-size:.92em;}
.amp {color:#666; font-size:1.05em;font-family:"Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua",serif; font-style:italic;}
.dquo {margin-left:-.38em;}

@media screen and (min-width: 700px) {
  .parent-panel { padding-left:20%;width:100%; }
  .right-panel { position:relative;float:left;width:100%; }

  .right-panel-content {
    border-left: 2px dashed #b58900;
    min-height: 96vh;
    max-width: 80%;
    padding-left: 0.75rem;
    padding-right:20rem;
  }
  .left-panel {
      position:relative;
      float:left;
      width:20%;
      right:20%;
      margin-left:-101%;
      text-align:right;
  }
  a {
    padding: 4px;
  }
  
  h2 a{
    padding: 0;
  }
  .right-panel-content img {
    margin: 1rem;
    max-width: 80%;
  }
}
@media screen and (max-width: 700px) {
  .right-panel-content img {
    margin: 1rem;
    max-width: 80%;
  }
  .parent-panel {
     display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /* optional */
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .left-panel {
    border: 2px dashed #b58900;
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .right-panel{
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .right-panel-content {
    max-width: 100%;
  }

  .left-panel li {
    display: inline-block;
    padding: 0.75rem;
    white-space: nowrap;
  }

  .blogroll {
    display: none;
  }
  .social {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  .right-panel-content {
    max-width: 80%;
    padding-right:2rem;
  }
}
@media screen and (min-width: 1200px) {
  .right-panel-content {
    max-width: 1000px;
  }
  .right-panel-content img {
    margin: 1rem;
    max-width: 80%;
    padding-right:20rem;
  }
}


.small {
  font-size: 0.75rem;
}

.article-list-title {
  font-size: 1.25rem;
}

hr {
  border: 2px dotted #b58900;
  border-style: none none dashed;
}

.tags {
  float: right;
}

hr.end {
  padding-top: 1rem;
}

.indent {
  font-size: 0.6rem;
  margin-left: 4.1rem;
}

header.entry-title{
  border-bottom: 1px dotted #b58900;
  padding-bottom: 0.25rem;
}

.permalink {
  float:right;
}

a:link.permalink { text-decoration: none; }


ul.simple {
  list-style: square inside none;
  padding-left:1rem;
}
ul ul {
	list-style-type: circle;
	padding-left: 2rem;
}

.entry-list-flex-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.entry-list-flex-child.date {
  flex-basis: fit-content;
  margin-right:1rem;
}