poster_room.css

/**
 * Online Poster Room CSS.
 * v1.3.0
 * Author: Valentin Guignon
 * Date: 06/07/2020
 * Copyright (C) The Alliance Bioversity - CIAT
 * GitHub: https://github.com/guignonv/online_poster_room
 */
/* Poster browser */
#online_poster_room_browser {
}

/* Filter bar */
#opr_filters {
}

/* Filter */
.opr-filter {
  margin: 0.5em 0;
  clear: both;
}

.opr-label {
  display: inline-block;
  font-weight: bold;
}

#opr_filters .opr-label {
  display: inline-block;
  width: 25%;
}

input[id$=_master_checkbox],
label[for$=_master_checkbox] {
  font-weight: bold;
  margin-bottom: 1em;
}

input[id$=_filter_text] {
  width: 67%;
}

.opr-checkbox-group {
  clear: both;
}

.opr-checkbox {
  display: inline-block;
  float: left;
  width: 340px;
  padding-left: 1em;
}

/* Gallery container */
#opr_gallery {
  column-width: 300px;
}

/* Poster block */
.opr-poster {
  display: inline-block;
  width: 296px;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  margin: 1em 1px;
  padding: 8px;
  border: 4px solid  #222;
  background: rgba(128,215,255,1);
  /* background: radial-gradient(circle, rgba(255,255,240,1) 0%, rgba(128,215,255,1) 60%, rgba(96,184,223,1) 100%); */
  background: radial-gradient(circle, rgba(255,255,240,1) 0%, rgba(128,215,255,1) 100%);
}

.opr-poster a,
.opr-poster a:link {
  font-weight: bold;
  padding: 1px 4px 3px 4px;
  background-color: #001456;
  color: yellow;
}

.opr-poster a:hover,
.opr-poster a:active {
  color: white;
}

.opr-poster a:visited {
  color: orange;
}

/* Poster title */
.opr-poster-title {
  font-weight: bold;
  font-style: italic;
}

/* Poster authors container */
.opr-poster-authors {
}
/* Poster author */
.opr-poster-author {
}
/* Poster institutes container */
.opr-poster-institutes {
}
/* Poster institute */
.opr-poster-institute {
}
/* Poster abstract */
.opr-poster-abstract {
}
/* Poster keywords container */
.opr-poster-keywords {
}
/* Poster keyword */
.opr-poster-keyword {
}
/* Poster categories container */
.opr-poster-categories {
}
/* Poster category */
.opr-poster-category {
}
/* Poster URL */
.opr-poster-url {
}
/* Poster thumbnail */
.opr-poster-thumbnail img {
  width: 290px;
  border: 1px solid black;
}
.opr-no-thumbnail {
  display: flex;
  width: 290px;
  height: 205px;
  border: 1px solid black;
  background: repeating-linear-gradient(
    -45deg,
    rgba(0, 0, 0, 0.2),
    rgba(0, 0, 0, 0.2) 10px,
    rgba(0, 0, 0, 0.3) 10px,
    rgba(0, 0, 0, 0.3) 20px
  );
  background-repeat: no-repeat;
  background-size: 290px 205px;
  justify-content: center;
  align-items: center;
  font-size: 1.5em;
}
/* Poster room */
.opr-poster-room {
  float: left;
}
/* Poster PDF */
.opr-poster-pdf {
  float: right;
}

/* Sponsor */
.opr-vpr-sponsor {
  text-align: right;
}
.opr-vpr-sponsor img {
  width: 200px;
  vertical-align: top;
}