You are here

Home » API reference » View Modes Inventory - Bootstrap Ready 8

horizontal-media-teaser.css in View Modes Inventory - Bootstrap Ready 8

Same filename in this branch
  1. 8 css/horizontal-media-teaser/layout/horizontal-media-teaser.css
  2. 8 css/horizontal-media-teaser/theme/horizontal-media-teaser.css
Same filename and directory in other branches
  1. 8.2 css/horizontal-media-teaser/theme/horizontal-media-teaser.css
.horizontal-media-teaser-view-mode.anchor-all {
  position: relative;
}
.horizontal-media-teaser-view-mode.anchor-all .right,
.horizontal-media-teaser-view-mode.anchor-all .left {
  position: static;
}
.horizontal-media-teaser-view-mode.anchor-all .field--name-node-title {
  position: static;
}
.horizontal-media-teaser-view-mode.anchor-all .field--name-node-title h3 {
  font-size: 1.4em;
  position: static;
}
.horizontal-media-teaser-view-mode.anchor-all .field--name-node-title h3 a {
  position: static;
}
.horizontal-media-teaser-view-mode.anchor-all .field--name-node-title h3 a::before {
  position: absolute;
  content: '';
  display: block;
  overflow: hidden;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
}
.horizontal-media-teaser-view-mode.anchor-all a {
  z-index: 2;
  position: relative;
}

File

css/horizontal-media-teaser/theme/horizontal-media-teaser.css
View source 
  1. .horizontal-media-teaser-view-mode.anchor-all {

  2.   position: relative;

  3. }

  4. .horizontal-media-teaser-view-mode.anchor-all .right,

  5. .horizontal-media-teaser-view-mode.anchor-all .left {

  6.   position: static;

  7. }

  8. .horizontal-media-teaser-view-mode.anchor-all .field--name-node-title {

  9.   position: static;

  10. }

  11. .horizontal-media-teaser-view-mode.anchor-all .field--name-node-title h3 {

  12.   font-size: 1.4em;

  13.   position: static;

  14. }

  15. .horizontal-media-teaser-view-mode.anchor-all .field--name-node-title h3 a {

  16.   position: static;

  17. }

  18. .horizontal-media-teaser-view-mode.anchor-all .field--name-node-title h3 a::before {

  19.   position: absolute;

  20.   content: '';

  21.   display: block;

  22.   overflow: hidden;

  23.   top: 0;

  24.   bottom: 0;

  25.   right: 0;

  26.   left: 0;

  27.   z-index: 1;

  28. }

  29. .horizontal-media-teaser-view-mode.anchor-all a {

  30.   z-index: 2;

  31.   position: relative;

  32. }