User:Jeph paul/common.css

.replayEdit { position:relative; height: calc(100% - 200px); line-height: normal !important; }	width :290px; background:#f5f5f5; margin:auto; padding: 5px 10px 10px; position: absolute; /*top: -45px;*/ left: 0; box-shadow: 0 2px 2px #ccc; right: 0; z-index: 10; transition: 0.3s ease; top: 0; }	content: ""; width: 20px; height: 2px; position: absolute; bottom: 5px; left: 45%; box-shadow: 1px 1px #ccc; z-index: 10; }	display:none; }	display:inline; }	top: 0; }	width: 0px; }	position: absolute; right: 20px; top:5px; } .replayEdit input{ border: #f5f5f5 2px solid; padding:10px; border-radius: 5px; -moz-box-sizing: border-box; box-sizing: border-box; }	width:180px; } .replayEdit input[type=submit]{ background: #46C2E5; color:#ffffff; } .replayEdit input[type=submit]:hover { background: #56d2f5; } .page_container{ position: absolute; top:100px; } .replayEdit del{ background-color:#FEC8C8; text-decoration: none; display: inline-block; white-space: pre; } .replayEdit ins{ background-color: #cfc; text-decoration: none; display:none; white-space: pre; } .replayEdit del *,.replayEdit ins *{ opacity: inherit !important; background-color: inherit !important; }	color:gray; font-size: 11px; float: left; } .minor{ border:0px !important; }	padding: 5px; height: 16px; border-style: solid; border-width: 0px 1px 0px 0px ; border-color: #DDDDDD; } .controls{ float: left; width: 145px; margin: 0px; }	height: 26px; border-style: solid; border-width: 0px 0px 1px 0px ; border-color: #DDDDDD; } .play{ cursor: pointer; border: solid; border-color: #535050 transparent; border-width: 12px 12px 0px 12px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); margin: 6px 1px; } .pause{ cursor: pointer; width: 4px; border-left: 4px solid #535050; border-right: 4px solid #535050; height: 14px; margin: 6px 5px; }	width: 20px; height: 26px; border-style: solid; border-width: 0px 1px 0px 0px ; border-color: #DDDDDD; float: left; } } .speedSlider{ width: 120px; height: 26px; float: left; border-style: solid; border-width: 0px 1px 0px 0px ; border-color: #DDDDDD; } .cB{ clear: both; }   display:none; max-height: 80%; max-height: -webkit-calc(100% - 115px); max-height: -moz-calc(100% - 115px); max-height: calc(100% - 115px); overflow: auto; margin: 7px 2px 2px 2px; padding: 5px; background: #f6f6f6; }
 * 1) header{
 * 1) header:before, #header:after{
 * 1) header input{
 * 1) header:hover input{
 * 1) header:hover{
 * 1) header:hover:after,#header:hover:before{
 * 1) fullscreen{
 * 1) overlayTitle{
 * 1) infoBox{
 * 1) infoBox > div{
 * 1) controlsInfoContainer{
 * 1) playButtonContainer{
 * 1) playButtonContainer:hover,.pause:hover,.play:hover{
 * 1) wikiBody{
 * -webkit-full-screen {

width: 100%; height: 100%; } /* Slider */ .replayEdit.tooltip { position: absolute; text-align: center; width: 100px; height: 50px; padding: 2px; font: 10px sans-serif; color: #666666; background: #ffffff; border: 0px; box-shadow: 1px -1px 5px #ccc; pointer-events: none; } .replayEdit rect { stroke: black; fill: #999595; stroke-width:0px; } .replayEdit text{ font-size: 9px; fill: #666; }	fill: #b4e2ef; stroke-width:0px; } .blue{ /*   fill: steelblue; stroke: steelblue; */   stroke: white; } .red{ /*   fill: red; stroke: red; */   stroke: white; } .pointer{ cursor: pointer; } .green{ fill:green; stroke: green; } .brush{ fill-opacity: .125; } .slider .handle { fill: #fff; stroke: #000; stroke-opacity: .5; stroke-width: 1.25px; fill-opacity: .125; pointer-events: none; } /* Peg */ .replayEdit .peg{ fill: orange; cursor: pointer; }
 * 1) secondaryGraph rect{

max-width: 1200px; overflow: auto; padding: 1px; margin: 1px 2px 0px 2px; }
 * 1) outer{

min-width: 100px; padding: 0px; margin: 0px 2px 0px 2px; display: inline-block; background: #f5f5f5; box-shadow: 0px 0px 3px #aaa; transition: 0.3s ease; }	transition: 0.3s ease; padding: 2px; } .enlargedButton{ position: absolute; color: #ddd; top: 2px; cursor: pointer; width: 6px; border-top: 2px solid #ccc; border-right: 2px solid #ccc; height: 6px; margin: 6px 5px; } .up{ -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); } .down{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .legendText{ font-size: 10px; stroke-fill:#666; } .left{ float:left; } .right{ float:right; } .absolute{ position:absolute; }	position: absolute; bottom: 0px; padding: 4px 4px 0px 4px; } .resize rect { visibility:visible !important; fill-opacity:.7; fill: gainsboro; stroke: #d7d7d7; } .extent{ stroke:white; } .notify{ position: absolute; height: 200px; width: 200px; margin: auto; z-index: 10; } .notifyPlay{ background: url('../images/play.png'); background-position: center; } .notifyPause{ background: url('../images/pause.png'); background-position: center; } .notifyLoad{ background-position: center; }	height: 100%; width: 100%; background: #ffffff; z-index: 20; position: absolute; }	width: 380px; background: #f5f5f5; margin: auto; padding: 5px 10px 10px; position: absolute; top: 45%; left: 0; box-shadow: 1px 1px 1px #ccc; right: 0; }	background: #e67e22; }
 * 1) enlargedContainer {
 * 1) enlarged{
 * 1) sliderComplete{
 * 1) overlay{
 * 1) overlayHeader{
 * 1) overlayRand {

/* Tooltip */ .customTooltip{ position: relative; } .customTooltip:hover:after{ background: #333; background: rgba(0,0,0,.8); border-radius: 5px; bottom: 26px; color: #fff; content: attr(data-title); left: 15%; padding: 5px 15px; position: absolute; z-index: 98; font-size: 11px; } .customTooltip:hover:before{ border: solid; border-color: #333 transparent; border-width: 6px 6px 0 6px; bottom: 20px; content: ""; left: 50%; position: absolute; z-index: 99; }	margin: 10px 0px 0px 0px; position: relative; }	right: 5px; top: -10px; }	left: 5px; }	right: 5px; } .outerInfo{ font-size: 9px; position: absolute; } .leg{ position: absolute; border-style: solid; border-width: 0px 1px 0px 0px; height: 28px; border-color: #ddd; }	right: 0px; }	position: absolute; top: -15px; right: 5px; background: gray; width: 10px; height: 10px; border-radius: 50%; padding:2px; cursor: pointer; font-size: 11px; }	margin: 3px; }
 * 1) outerContainer{
 * 1) outerOlderEdit{
 * 1) outerEndDate{
 * 1) outerStartDate{
 * 1) outerStartDateLeg{
 * 1) olderEditsInfo{
 * 1) olderEditsInfo > span{

.noUiSlider, .noUiSlider * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; display: block; cursor: default; } .noUiSlider { position: relative; } .noUiSlider a { position: absolute; z-index: 1; cursor: pointer; }

.noUiSlider a:nth-child(2) { background: inherit !important; } .noUiSlider.vertical a { width: 100%; bottom: 0; } .noUiSlider.horizontal a { height: 100%; right: 0; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .noUiSlider:before, body.TOUCH, .noUiSlider span { -ms-touch-action: none; }	.noUiSlider:before { display: block; position: absolute; width: 150%; left: -25%; height: 400%; top: -150%; content: ""; z-index: -1; } } .noUiSlider { /*border-radius: 7px;*/ opacity: 0.5; }

.noUiSlider:hover { opacity: 1; }

.noUiSlider.connect a, .noUiSlider.connect.lower { background: #000000; } .noUiSlider, .noUiSlider.connect.lower a { background-color: rgba(255,255,255,0.4); } .noUiSlider.disabled, .noUiSlider.disabled.connect.lower a { background: #ccc; box-shadow: none; } .noUiSlider div { height: 15px; width: 15px; border: 1px solid #ddd; background-color: gray; cursor: pointer; border-radius: 50%; }

.noUiSlider.disabled div { background: transparent; } .noUiSlider.horizontal a{       background-color:#b4e2ef; } .noUiSlider.horizontal { width: 100px; height: 5px; margin-top: 10px; margin-left: 10px; background-color: #1ebce2; } .noUiSlider.horizontal div { margin: -5px 0 0 -9px; }