/*
 *
 * Content of CSS:
 *
 *  #article_summary
 *  #article_content
 *  div.listbydate
 *  div.code
 *  div.shell
 *  div.picture
 *  div.warning
 *  div.picture
 *  #article_footer
 *  #article_filter
 *  #article_part
 *  #article_title
 *  #article_logo
 *  #article_railway
 *  .a_tags
 *
 *************************************************************************************************/

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

/**************************************************************************************************
*                                                                                                 *
* Content of article                                                                              *
*                                                                                                 *
**************************************************************************************************/

pre {
  font-family: 'Hack';
  white-space: pre-wrap;       /* Since CSS 2.1 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

span {
    font-family: 'Hack';
}

.thumb_docs {
  background-repeat: none;
}

#article_part {
  max-width: 1280px;
}

#article_summary_txt {
  margin: 2px 15px 2px 10px;
  font-style: italic;
    color: #ccc;
}

#article_summary {
  font-family: "Exo2-Light";
  width: 100%;
  border: dotted black 0px;
  border-top-color: lime;
  border-top-width: 1px;
  background-color: #333;
  padding: 20px 0px 20px 0px;
}

#article_title {
  font-family: "Exo2-Light";
  border-color: lime;
  border-width: 1.5px;
    color: black;
  text-align: center;
  margin: 10px 10px 10px 10px;
}

#article_title-caps {
  font-family: "Exo2-Light";
  font-variant: small-caps;
  font-variant: common-ligatures small-caps;
  color: white;
}


#article_logo {
  position: relative;
  left: 15%;
}

#article_railway {
  font-family: "Exo2-Light";
    text-decoration: none;
  color: lightgrey;
  background-color: #434343;
  padding: 10px 10px 10px 10px;
}

.a_tags {
  font-family: "Exo2-Light";
    text-decoration: none;
  color: lightgreen;
}

.a_tags:hover {
  color: white;
}

.mobile_switch {
  visibility: visible;
  top:  0px;
  position: relative;
  color: black;
}



/* -[ Cells in an article ]--------------------------------------------------------------------- */

div.listbydate{
  border: dotted #888888 1px;
  padding: 2px 2px 2px 2px;
}

div.code{
  border: dotted grey 1px;
  padding: 5px 5px 5px 5px;
  color: #110e10;
  word-wrap: break-word;
  /* background: url("../img/code.jpg"); */
  background-color: #bbb;

  font-family: arial;
  color: red;
}

div.code:hover {
  background-color: #ddd;
}

div.shell{
  border: dotted grey 1px;
  position: relative;
  padding: 5px 5px 5px 5px;
  color: #110e10;
  font-family: 'Hack';
  word-wrap: break-word;
  color: #aaff00;
  background: #333; /*url("../img/code.jpg");*/
}

pre.noshell {
  color: #cdc;
  background-color: #222;
  padding: 7px 7px 7px 7px;
  font-size:  14px;
  font-family: 'Hack';
}


div.cmd{
  border: dotted white 1px;
  position: relative;
  padding: 5px 5px 5px 5px;
  color: #110e10;
  font-family: 'Hack';
  word-wrap: break-word;
  color: darkgreen;
    background: lightgrey; /*url("../img/code.jpg");*/
}

div.cmd:hover{
  color: #aaff00;
  background: #333; /*url("../img/code.jpg");*/
}

div.picture{
  border: dotted grey 1px;
  padding: 5px 5px 5px 5px;
  margin: 5px 0 5px 0;
  color: #110e10;
}

.article_img {
  max-width: 95%;
}

div.warning{
  font-weight:bold;
  color: #FF0000;
}

div.picture {
  background: #333; /* grey */
}

#article_filter {
}

.articlelink {
  color: green;
  font-weight: bold;
  text-decoration: underline;
}

.articlelink:hover {
  color: white;
  background-color: darkgreen;
  font-weight: bold;
  text-decoration: none;
}

.div_tag_2 {
  display: inline-block;
  background: black;
  color: lime;
  border-radius:6px;
  padding: 2px;
    border: solid black 1px;
}

.div_tag_2:hover {
  /*color: white;*/
  background-color: darkgreen;
  /*border-color: #cfc;*/
  color: white;
  box-shadow: 0px 0px 1px black;
}

.div_tag {
  display: inline-block;
  background: green;
  color: white;
  border-radius:6px;
  padding: 2px;
    border: solid black 1px;
}

.div_tag:hover {
  color: lime;
  background-color: #555;
  border-color: #cfc;
  box-shadow: 0px 0px 1px black;
}

.img_tags {
  height: 20px;
  width: 20px;
  position: relative;
  top: 5px;
}

.hidden_summary {
  overflow: hidden;
  visibility: hidden;
}

.hidden_title {
  /*overflow: hidden;
  visibility: hidden;*/
  color: green;
}

.hidden_title:hover {
  /*overflow: hidden;
  visibility: hidden;*/
  color: lime;
}

.h3_docs {
  color: #fefffe;
  text-shadow: 1px 1px 1px black;
}

#content_articles {
  position: relative;
  text-align: center;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  float:  none;
}


/**************************************************************************************************
*                                                                                                 *
* Bottom                                                                                          *
*                                                                                                 *
**************************************************************************************************/

#article_footer {
  position: relative;
  width: 100%;
  max-width: 98.1%;
  border: dotted grey 1px;
  font-family: "Exo2-Light";
  
  padding: 10px 10px 10px 10px;
  background-color: #999;

  color: white;
  white-space: normal;
  float:left;
  vertical-align:bottom;
  word-wrap: break-word;  
}
