flogger.css

/*! Flogger v2
 *  https://github.com/skybondsor/flogger
 *
 *  Flogger makes it as easy as possible for developers to do non-automated UI testing without losing their minds.
 *
 *  Copyright Jordyn Bonds
 *  Released under the MIT license
 */

#flogShortcuts {
	position: absolute; top: 0; left: 0; z-index: 2020;
	width: 100%; height: 100%; padding: 10px; overflow-y: scroll;
	background: deeppink; color: white; font-family: serif; font-size: 110%; }
	#flogShortcuts .key { display: inline-block; width: 1em; text-align: center; padding: .1em .2em; border: 1px solid white; }
#flogDesc {
	position: fixed; top: 0; left: 50%; z-index: 2019; transform: translateX(-50%);
	width: 100%; max-width: 640px; padding: 10px; box-shadow: 3px 3px 3px #666;
	background: saddlebrown; color: white; opacity: .9; font-family: serif; font-size: 120%; }
	#flogDesc.bottom { bottom: 0; top: auto; }
.flog-buttons { text-align: right; }
.flog-buttons a { display: inline-block; padding: 3px 10px; background: darkgoldenrod; color: #fff; margin-right: 5px; text-decoration: none; }
	.flog-buttons a:hover { background: black; text-decoration: none; }
#flogPass { float: left; background: darkgreen; }
#flogFail { float: left; background: darkred; }
#flogError { color: red; }
#flogLoc:after { content: "\2193"; }
	#flogDesc.bottom #flogLoc:after { content: "\2191"; }
#flogLog { width: 100%; height: 100px; font-size: 100%; }

.flog-hide { display: none !important; }

/* end plugins.css */