div.tiny_dashboard_widget div.inside { min-height: 200px; margin: 0; padding-bottom: 0; overflow: hidden; } div.tiny_dashboard_widget div.inside div.spinner { position: absolute; visibility: visible; z-index: 10; top: 30%; left: 50%; margin-left: -12px; } div.tiny_dashboard_widget div.inside div.sky { position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: 0.3; background: linear-gradient(180deg, #c6dde4 0%, #fefeff 100%); /* ie6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33C6DDE4', endColorstr='#33FEFEFF',GradientType=0 ); } div.tiny_dashboard_widget div.inside div.cloud { position: absolute; right: 0; top: 0; height: 240px; width: 298px; background-image: url("../images/cloud.png"); background-size: cover; } div.tiny_dashboard_widget div.inside div.grass { position: absolute; right: 0; bottom: 0; height: 24px; width: 536px; background-image: url("../images/grass.png"); background-size: cover; } div.tiny_dashboard_widget div.inside div.panda { position: absolute; bottom: 0; background-repeat: no-repeat; -webkit-background-size: 100%; background-size: cover; background-position: bottom; } div.tiny_dashboard_widget.full-optimized div.inside div.panda { right: 10%; width: 305px; height: 105.5px; margin-right: 0; background-image: url("../images/panda-laying.png"); } div.tiny_dashboard_widget.half-optimized div.inside div.panda { right: -230px; width: 255px; height: 203px; margin-right: 45%; background-image: url("../images/panda-eating.png"); } div.tiny_dashboard_widget.not-optimized div.inside div.panda, div.tiny_dashboard_widget.no-images-uploaded div.inside div.panda { right: -196px; width: 241px; height: 203px; margin-right: 45%; background-image: url("../images/panda-waiting.png"); } div.tiny_dashboard_widget.no-images-uploaded div.inside div.no-images, div.tiny_dashboard_widget.not-optimized div.inside div.not-optimized, div.tiny_dashboard_widget.half-optimized div.inside div.half-optimized, div.tiny_dashboard_widget.full-optimized div.inside div.full-optimized { display: block !important; position: relative; z-index: 1; } div.tiny_dashboard_widget div.inside div#optimization-chart { margin-top: 12px; margin-bottom: 40px; min-width: 160px; } div.tiny_dashboard_widget.full-optimized div.inside.mobile div#optimization-chart { width: 100%; margin-top: -5px; margin-bottom: 95px; } .ie8 div.tiny_dashboard_widget div.inside div.panda { background: none; } .ie8 div.tiny_dashboard_widget div.inside div.grass { width: 100%; background-image: url("../images/grass-ie8.png"); background-repeat: no-repeat; background-position: bottom; } .ie8 div.tiny_dashboard_widget div.inside div#optimization-chart { display: none; } .ie8 div.tiny_dashboard_widget.no-images-uploaded div.inside div#ie8-compressed, .ie8 div.tiny_dashboard_widget.not-optimized div.inside div#ie8-compressed, .ie8 div.tiny_dashboard_widget.half-optimized div.inside div#ie8-compressed, .ie8 div.tiny_dashboard_widget.full-optimized div.inside div#ie8-compressed { display: block !important; position: relative; z-index: 1; } #tinypng_dashboard_widget > button.handlediv { margin-top: 0; } code#copytext { white-space: pre; font-family: Verdana; } .at { color: darkblue; } .format { color: gray; } .property { color: green; } .selector { color: blue; } .value { color: red; right: 500px; } .comment { color: orange; } html, body { font: 0.8em Verdana, Helvetica, sans-serif; background: #F8F8F6; } code { font-size: 1.2em; } div#rightcol { padding-right: 32em; } fieldset { display: block; margin: 0.5em 0; padding: 1em; border: solid #7284AB 2px; } fieldset.code_output { display: inline; } h1 { font-size: 2em; } small { font-size: 0.7em; } fieldset#field_input { float: right; margin: 0 0 1em 0.5em; } fieldset#options, fieldset#code_layout { width: 31em; } input#submit { clear: both; display: block; margin: 1em; } select { margin: 2px 0 0; } label.block { display: block; } legend { background: #c4E1C3; padding: 2px 4px; border: dashed 1px; } textarea#css_text { width: 27em; height: 370px; display: block; margin-left: 1em; } .help { cursor: help; } p.important { border: solid 1px red; font-weight: bold; padding: 1em; background: white; } p { margin: 1em 0; } dl { padding-right: 0.5em; } dt { font-weight: bold; margin: 0; float: right; clear: both; height: 1.5em; } dd { margin: 0 4em 0 0; height: 1.5em; } fieldset#messages { background: white; padding: 0 1em 0 0; } fieldset#messages div { height: 10em; overflow: auto; } dd.Warning { color: orange; } dd.Information { color: green; }