
/*
 *
 * Content of CSS:
 *
 *  .thumbs_date
 *  .thumbs_cats
 *  .thumbs_cats:hover .logo_docs_div {
 *  .thumbs_cats:hover .summary {
 *  .thumbs_cats:hover .underline {
 *  .underline
 *
 *  .category_cats
 *  .logo_docs_div
 *  .summary {
 *
 *  @media
 *
 *************************************************************************************************/

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

/**************************************************************************************************
*                                                                                                 *
* Views                                                                                           *
*                                                                                                 *
**************************************************************************************************/

/* -[ Liste of articles > cats ]---------------------------------------------------------------- */

.thumbs_cats {
  font-family: "Exo2-Light";
  float: left;
  margin: 9.55px;
  padding: 4px;
  height: 290px;
  width: 284px;
  border: 1px solid black;
  color: #333; /*grey;*/
  border-style: dotted;
  border-width: 1px;
  border-color: black;
  background: rgba(128,128,128,.5);
  word-wrap: break-word;
}

.thumbs_cats:hover {
  color: #dadada; /*green = #0ECC0E;*/
  text-shadow: 0 0 5px black;
  background: #333; /* rgba(0,0,0,.7);*/
  border-style: solid;
  border-width: 1px;
}

.summary {
  visibility: hidden;
}

.thumbs_cats:hover .logo_docs_div {
  -webkit-transition: height .25s ease-in-out;
  transition: height .25s ease-in-out;
  height: 0px;
  visibility: hidden;
}

.thumbs_cats:hover .hidden_title {
  visibility: visible;
  position: relative;
  top: -25px;
}

.thumbs_cats:hover .hidden_summary {
  visibility: visible;
  position: relative;
  top: -25px;
}

.thumbs_cats:hover .underline {
  height: 0px;
  visibility: hidden;
}

.underline {
  height: 1px;
  visibility: visible;
}


/* -[ Type of articles : hiding (green), defensive (blue), offensive (red) and neutral (white) ]---- */

.thumbs_type_hiding:hover {
  border-color: lime;
  /*border-width: 1.5px;*/
  box-shadow: 0px 0px 5px green;
}

.thumbs_type_offensive:hover {
  border-color: #FF0000;
  /*border-width: 1.5px;*/
  box-shadow: 0px 0px 5px darkred;
}

.thumbs_type_defensive:hover {
  border-color: cyan;
  /*border-width: 1.5px;*/
  box-shadow: 0px 0px 5px blue;
}

.thumbs_type_neutral:hover {
  border-color: white;
  /*border-width: 1.9px;*/
  box-shadow: 0px 0px 7px black;
}

.icon_type_article {
  width: 16px;
  height: 16px;
  /*image-rendering: geometricPrecision;*/
  -webkit-filter: drop-shadow(1px 1px 2px black);
  filter: drop-shadow(1px 1px 2px black);
}


/* -[ List of articles > by date ]-------------------------------------------------------------- */

.thumbs_date {
  font-family: "Exo2-Light";
  float: left;
  margin: 4px;
  padding: 4px;
  height: 135px;
  width: 141px;
  border: 1px solid black;
  color: #333; /*grey;*/
  border-style: dotted;
  border-width: 1px;
  border-color: black;
  background: rgba(128,128,128,.5);
  word-wrap: break-word;
}

.thumbs_date:hover {
  color: #dadada; /*green = #0ECC0E;*/
  text-shadow: 0 0 5px black;
  background: #333; /* rgba(0,0,0,.7);*/
  border-style: solid;
  border-width: 1px;
}


/* -[ List of categories > cats ]--------------------------------------------------------------- */

.category_cats {
  font-family: Source Sans Pro;
  float: left;
  margin: 5px;
  padding: 5px;
  width: 290px;
  height: 240px;
  color: #ccc;
  text-shadow: 1px 1px 2px black;
  border-style: dotted;
  border-width: 1px;
  border-color: grey;
  word-wrap: break-word;
}

.category_cats:hover {
  color: #00FF00;
  text-shadow: 1px 1px 2px black;
  border-style: solid;
  border-width: 1px;
  border-color: white;
  box-shadow: 0px 0px 5px green;
}

/* -[ View: list ]------------------------------------------------------------------------------ */

.logo_docs_div {
  -webkit-filter: drop-shadow(1px 1px 2px #111);
  filter: drop-shadow(1px 1px 2px #111);
  border-style: solid;
  border-width: 0.5px;
  border-color: black;
}

.logo_docs_div:hover {
  -webkit-filter: saturate(150%);
  -moz-filter: saturate(150%);
  -o-filter: saturate(150%);
  -ms-filter: saturate(150%);
  -webkit-filter: brightness(175%);
  -moz-filter: brightness(175%);
  -o-filter: brightness(175%);
  -ms-filter: brightness(150%);
}

/* -[ resources.php > listing.php > tile(...) ]------------------------------------------------- */

.tiles {
  display: table;
  height:180px;
  width:75%;
  max-width: 1280px;
}

.thumbs_tile_img {
  font-family: "Exo2-Light";
  float: left;
  margin: 20px;
  padding: 5px;
  height: 190px;
  width: 186px;
  border: 1px solid black;
  border-style: dotted;
  border-width: 1px;
  border-color: black;
  background: rgba(128,128,128,.5);
  box-shadow: 0px 0px 5px black;
}

.thumbs_tile_img:hover {
  color: #dadada; /*green = #0ECC0E;*/
  text-shadow: 0 0 5px black;
  background: #333; /* rgba(0,0,0,.7);*/
  border-style: solid;
  border-width: 1px;
  border-color: lightgreen;
  box-shadow: 0px 0px 5px green;
}

/* -[ resources.php > listing.php > list(...) ]------------------------------------------------- */

.div_article_list {
  border-style: solid;
  border-width: 1px;
  border-color: transparent;
  font-family: Source Sans Pro;
}

.div_article_list:hover {
  border-style: solid;
  border-width: 1px;
  border-color: #00FF00;
  background: rgba(120,120,120,0.7);
}

.text_highlight {
  text-shadow: 1px 1px 1px lime;
  text-decoration: bold;
  border-style: solid;
  border-width: 1px;
  border-color: #00FF00;
  padding: 4px;
  background: rgba(140,180,140,0.3);
}
