$ascribe-accordion-list-item-height: 8em; $ascribe-accordion-list-font: 'Source Sans Pro'; .ascribe-accordion-list-item { background-color: white; border: 1px solid black; height: $ascribe-accordion-list-item-height; padding-left:0; padding-right:0; overflow:hidden; border-left: 0.1em solid rgba(0,0,0,.2); border-right: 0.1em solid rgba(0,0,0,.2); border-top: 0.1em solid rgba(0,0,0,.2); border-radius: 1px; border-bottom: 0.1em solid rgba(0,0,0,.2); .wrapper { width:100%; height:100%; // ToDo: Include media queries for thumbnail .thumbnail-wrapper { width: 110px; height: 110px; padding:0; cursor: pointer; img { max-width: 100%; max-height: 100%; } &::before { content: ' '; display: inline-block; vertical-align: middle; /* vertical alignment of the inline element */ height: 100%; } } h1 { margin-top: .3em; font-size: 2.25em; cursor: pointer; } h3 { font-size: 1.1em; margin: .2em 0 0 0; } a { color: #666; } } } .ascribe-accordion-list-loading { padding-top: 30%; padding-bottom: 30%; } .ascribe-accordion-list-loading img { display: block; margin: auto; } .ascribe-accordion-list-item-table { font-size: .9em; text-align: center; margin-bottom: 3em; background-color: white; border-bottom-left-radius: 1px; border-bottom-right-radius: 1px; border-bottom: 0.1em solid rgba(0,0,0,.15); border-left: 0.1em solid rgba(0,0,0,.2); border-right: 0.1em solid rgba(0,0,0,.2); } span.ascribe-accordion-list-table-toggle { ::selection { background: transparent; } ::-moz-selection { background: transparent; } &:hover { color: $ascribe-color-dark; cursor:pointer; } } .ascribe-accordion-list-table-list { margin-bottom: .5em; th, td { font-size:.85em; text-align: center; } } .request-action-batch { position: absolute; top: 0px; right: 0px; color: #666; font-size: 1.2em; padding: 0.3em; }