.presentationView-cont { position: absolute; z-index: 2; box-shadow: #AAAAAA .2vw .2vw .4vw; right: 0; top: 0; bottom: 0; letter-spacing: 2px; overflow: hidden; transition: 0.7s opacity ease; pointer-events: all; } .presentationView-item { padding: 10px; display: inline-block; width: 100%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all .1s; .documentView-node { position: absolute; z-index: 1; } } .presentationView-item-above { border-top: black 2px solid; } .presentationView-item-below { border-bottom: black 2px solid; } .presentationView-listCont { padding-left: 10px; padding-right: 10px; } .presentationView-item:hover { transition: all .1s; background: #AAAAAA; border-radius: 12px; } .presentationView-selected { background: gray; color: black; border-radius: 12px; box-shadow: black 2px 2px 5px; } .presentationView-heading { background: gray; padding: 10px; display: inline-block; width: 100%; } .presentationView-title { padding-top: 3px; padding-bottom: 3px; font-size: 25px; display: inline-block; width: calc(100% - 200px); letter-spacing: 2px; } .presentation-icon { float: right; } .presentation-interaction { color: gray; float: left; } .presentation-interaction-selected { color: white; float: left; } .presentationView-name { font-size: 15px; display: inline-block; } .presentation-button { margin-right: 2.5%; margin-left: 2.5%; width: 20%; border-radius: 5px; } .presentation-buttons { padding: 10px; } .presentation-next:hover { transition: all .1s; background: #AAAAAA } .presentation-back:hover { transition: all .1s; background: #AAAAAA }