spallinsonjs
Version:
A Web App Framework
1 lines • 3.9 kB
CSS
._A_Splash,html{width:100%;height:100%}._A_Content,._A_Splash{background-color:transparent}._A_Content,._A_Preloader,._A_Splash{top:0;overflow:hidden}._A_DebugConsole .button,._A_DebugConsole a,._A_DebugConsole span{font-family:monospace}body{padding:0;margin:0}._A_Splash{position:fixed;left:0;z-index:9999}._A_Preloader{position:fixed;left:-1px;width:1px;height:1px;z-index:-1;opacity:0}._A_Content{position:absolute;left:0;width:100%;height:100%;z-index:1;-webkit-overflow-scrolling:touch}._A_Hidden{visibility:hidden;opacity:0}._A_Fade_In{visibility:visible;opacity:1;-webkit-transition:visibility 0ms,opacity .5s;-o-transition:visibility 0ms,opacity .5s;-moz-transition:visibility 0ms,opacity .5s;transition:visibility 0ms,opacity .5s}._A_Fade_Out{visibility:hidden;opacity:0;-webkit-transition:visibility 0ms .5s,opacity .5s;-o-transition:visibility 0ms .5s,opacity .5s;-moz-transition:visibility 0ms .5s,opacity .5s;transition:visibility 0ms .5s,opacity .5s}._A_Display_None{display:none}._A_DebugConsole{position:absolute;top:-webkit-calc(100% - 50px - 50px);top:-moz-calc(100% - 50px - 50px);top:calc(100% - 50px - 50px);left:-webkit-calc(100% - 50px - 50px);left:-moz-calc(100% - 50px - 50px);left:calc(100% - 50px - 50px);width:50px;height:50px;color:#322B1A;overflow:visible;z-index:10000}._A_DebugConsole a{font-size:12px;text-align:center;text-decoration:none}._A_DebugConsole .panel .tabs-container a.active,._A_DebugConsole a:hover{text-decoration:underline}._A_DebugConsole .panel{position:absolute;width:300px;height:400px;background-color:#D6CA95;border:1px solid #322B1A;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;overflow:hidden;-webkit-box-shadow:0 0 10px 5px rgba(50,43,26,.3);-moz-box-shadow:0 0 10px 5px rgba(50,43,26,.3);box-shadow:0 0 10px 5px rgba(50,43,26,.3);z-index:10000}._A_DebugConsole .panel.up{top:-375px}._A_DebugConsole .panel.down{top:25px}._A_DebugConsole .panel.left{left:-275px}._A_DebugConsole .panel.right{left:24px}._A_DebugConsole .panel span.console-title{display:block;height:30px;font-size:14px;line-height:29px;text-align:center;border-bottom:1px solid #322B1A}._A_DebugConsole .panel .tabs-container{height:25px;border-bottom:1px solid #322B1A}._A_DebugConsole .panel .tabs-container a{float:left;width:33.33%;line-height:24px}._A_DebugConsole .panel .tabs-container a.logs{color:#00f}._A_DebugConsole .panel .tabs-container a.warnings{color:#E18D09}._A_DebugConsole .panel .tabs-container a.errors{color:rgba(153,41,41,1)}._A_DebugConsole .panel .content-pane{height:-webkit-calc(400px - 30px - 1px - 25px - 1px - 29px);height:-moz-calc(400px - 30px - 1px - 25px - 1px - 29px);height:calc(400px - 30px - 1px - 25px - 1px - 29px);background-color:#DED29E;overflow-x:hidden;overflow-y:auto}._A_DebugConsole .panel .action-bar{height:29px;background-color:#B7C68B;border-top:1px solid rgba(50,43,26,.5)}._A_DebugConsole .panel .action-bar a{display:block;width:100px;line-height:27px;color:#322B1A;margin:0 auto}._A_DebugConsole .panel .record{padding:5px;border-bottom:1px solid rgba(50,43,26,.3)}._A_DebugConsole .panel .record span{display:block}._A_DebugConsole .panel .record span.title{font-size:12px;line-height:14px}._A_DebugConsole .panel .record span.description{font-size:8px;line-height:12px}._A_DebugConsole .panel .record span.description.first{margin-top:5px}._A_DebugConsole .button{position:absolute;top:0;left:0;width:50px;height:50px;font-size:13px;line-height:50px;text-align:center;background-color:#ded29e;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;border:1px solid rgba(50,43,26,.8);-webkit-box-shadow:0 0 10px 5px rgba(50,43,26,.4);-moz-box-shadow:0 0 10px 5px rgba(50,43,26,.4);box-shadow:0 0 10px 5px rgba(50,43,26,.4);overflow:hidden;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:10001}