/* The variant for my single-author public site */

:root { 
  /* color of the page */
  --main-color: #242729;
  --main-bg-color: white;
  /* colors of the top banner */
  --banner-color: #224488;
  --banner-bg-color:#8ebeee;
  /* color of all headings H1..H6 */
  --headings-color: #224488;
  /* default border color, if defined */
  --border-color: #d0d0d0;
  /* fixed width font */
  --fixed-font-color: #553300;
  /* alternate rows */
  --row-even-bg-color:#e0e0e0;
  --row-odd-bg-color:white;
  /* links */
  --link-color: #4571d0;
  --link-color-hover: #002040;
  --link-bg-color-hover: #ddeeff;
  --link-bg-color-img-hover: #ddeeff;
  /* generic greyed texts */
  --grey-color: #606060;
  --darkgrey-color: #404040;
  --lightgrey-color: #d0d0d0;
  /* specific texts */
  --helptext-color: #444444;
  /* info boxes */
  --info-bg-color: #eeeeee;
  --info-color: #606060;
  --info-hl-color: #cccccc;
  --info-bg-color-ok: #e6ffe6;
  --info-color-ok: #009900;
  --info-bg-color-ko: #fff0e6;
  --info-color-ko: #e65c00;
  --info-bg-color-warn: #ffffb3;
  --info-color-warn: #b3b300;

  --line-height: 1.3;
}
/* info boxes */
div.info {
  padding: 12px;
  margin-bottom:8px;
  background-color: var(--info-bg-color);
  border-left: solid 4px var(--info-color);
}
/* by default radio button are lower than the labels, fix it */
input[type="radio"] {
  margin-top: -1px;
  vertical-align: middle;
  height: 100%;
}

/* page history */
#pagehistory { display: none;}
#pagehistory:target { display: inline;}
#pagehistory:target + a { display: none;}


body.foswikiHasNoChangePermission .foswikiRequiresChangePermission {
  display: none;
}
body.foswikiHasNoChangePermission div.patternTopicActions {
  display: none;
}
body.foswikiHasNoChangePermission div.foswikiFormSteps {
  background-color: transparent;
  border: none;
}
div.patternInfo {
  border-color:#e2e2e2;
  background-color:#f9f9fa
}
body div#patternMainContents div.patternInfo a:link,
body div#patternMainContents div.patternInfo a:visited {
  color: gray;
}
img { vertical-align:middle; border:0; }

/* header height */
#patternTopBar td#headerlogo { width:170px; }
#patternTopBar, #patternTopBarContents { height:56px;}
@media(max-width:870px) {
  html body.patternViewPage div#patternSideBar button.sidebartoggle-button { 
    top: 56px;
  }
}
/* be more discreet for login */
#headerlogin a { color: grey; }

/* limit text width to 830px, like GitHub */
article { max-width: 830px; }

/* display of blog posts */
html body.patternViewPage.foswikiHasChangePermission.foswikiLoggedIn.foswikiJs div.foswikiPage div#patternScreen div#patternPageShadow div#patternPage div#patternWrapper div#patternOuter.clear div#patternFloatWrap div#patternMain div#patternMainContents div.patternContent div.foswikiTopic table.posts

#patternMainContents table.posts {border-collapse:collapse;}
#patternMainContents table.posts td {
  border-bottom: 1px solid #eee;
  padding: 12px;
  vertical-align:top;
} 
#patternMainContents ul.posts, #patternMainContents ul.changes { 
  list-style-type: none;
}
#patternMainContents span.postauthor { display: none; }

/* display of list of posts */
.tagslistwrapper div.tagslistitem {
  border: 1px;
  border-color:#e2e2e2;
  border-style: solid;
  padding: 0px 10px 5px 10px;
}
#patternPage .tagslistwrapper div.tagslistitem h2 {
  font-weight: bold;
  font-size: 16px;
}
#patternPage div.tagsdateline { 
  color: grey;
  margin-bottom: 5px;
}
#patternMainContents .tagsline a:link,
#patternMainContents .tagsline a:visited { 
  color: gray;
}
body .foswikiTopic fieldset.news {
  background-color: white;
}

/* Remark42 Comments. Styling inside the comments iframe is in colas_remark42.css */
div.commentTitle.none {display:none;}
div.commentTitle.remark42 {
  font-weight: bold;
  font-size: 150%;
}