/*
 * Theme Name: fabgenericoverlay
 * Template: generic
 * Theme URI: https://generic.tools/
 * Author: Fabian Lee
 * Author URI: https://fabianlee.org
 * Description: Overlay used to customize base theme
 * Version: 1.8
 * License: GNU General Public License v3 or Later
 * License URI: https://www.gnu.org/licenses/gpl.html
 * Tags: accessibility-ready, one-column, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready, blog, e-commerce, portfolio
 * Text Domain: fabgenericoverlay
 * This theme, like WordPress, is licensed under the GPL.
 * Use it to make something cool, have fun, and share what you've learned with others.
 * */

@import url("../generic/style.css");

/* large banner changed from gray to white in 1.9 version of theme on May 5 2022 because now generic theme tries to work with user color theme */
#header[role=banner] {padding:5%;background:#333}

/* to put padding around code samples */
pre {
  background: #eeeeee;
  border: 0px;
  font-size: 12px;
  line-height: 1.6;
  margin: 0 0 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* code bg color */
pre, code {
  background-color: #eeeeee;
}

/* ol left margin were too wide */
.entry-content ul, .widget-container ul, .comment-body ul, .entry-content ol, .widget-container ol, .comment-body ol{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;margin:30px 0 30px 10px}

/* removed double hyphen as bullet on Recent Posts, no left indent margin */
.widget-container ul li {list-style-type:''; margin:20px 0px 0px 0px;}
/* using disc for other li */
.entry-content ul li, .comment-body ul li{list-style-type:disc;margin-left:10px;}

/* remove large margins for frontpage listing to make more compact */
.entry-meta-frontpage, .entry-footer, .archive-meta{margin:1px 0}
.entry-meta-frontpage, .entry-meta-frontpage a {font-size:14px;color:#767676}
h1.entry-title-frontpage, h3.widget-title{margin-top:0;margin-bottom:6px;}
h2.entry-title-frontpage, h3.widget-title{margin-top:0;margin-bottom:6px;}

/* need differentiation with headers */
h1{color:#111}
h2{color:#222}
h3{font-size:25px;color:#333;}
h4{font-size:20px;color:#555;}

/* titles of content are not underlined till hover */
.entry-title-frontpage a { text-decoration: none; }
.entry-title-frontpage a:hover { text-decoration: underline; }

/* makes code gray when dark color scheme */
@media(prefers-color-scheme:dark){pre, code {background:#eee}}
@media(prefers-color-scheme:dark){
  h1{color:#eee}
  h2{color:#ddd}
  h3{font-size:25px;color:#ccc;}
  h4{font-size:20px;color:#bbb;}
  h5{color:#aaa;}
  h6{color:#aaa;}
}