ScottKolo/suitesparse-matrix-collection-website

// Place all the styles related to the show matrix page template here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

/********** Figure Carousel Styles **********/
#figures {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  height: 384px;
  width: 100%;
}

.carousel-item {
  height: 384px;
}

.carousel-item img {
  max-height: 100%;  
  max-width: 100%; 
  position: absolute;  
  top: 0;  
  bottom: 0;  
  left: 0;  
  right: 0;  
  margin: auto;
}

.carousel-inner {
   margin-bottom: 30px;
}

.carousel-control-prev,
.carousel-control-next {
  width: 5%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' stroke='black' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' stroke='black' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-indicators {
  bottom: -30px;
}

.carousel-indicators li {
  background-color: black;
  height: 4px;
}

.carousel-indicators li.active, 
.carousel-indicators li:hover {
  background-color: silver;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

.notesbox {
  width: 580px;
  overflow: auto;
}