ripple-emulator
Version:
A browser based html5 mobile application development and testing tool
1 lines • 16.1 kB
CSS
html,body{margin:0;padding:0;border:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;font-family:"Helvetica",Arial,sans-serif}input,textarea,keygen,select,button,isindex,datagrid{font-size:1em;margin-left:0;margin-right:0;resize:none}.logo{background-size:40%;background-repeat:no-repeat;position:absolute;left:395px;top:8px;width:200px;height:70px}.beta{-webkit-transform:rotate(-35deg);transform:rotate(-35deg);position:absolute;left:390px;top:7px}.main{font-size:12px;-webkit-user-select:none;user-select:none}.main a{text-decoration:underline;outline:0;cursor:pointer}.main img{border:0;margin:0;padding:0}.main table,.main tr,.main td,.main th{border:0}.main table{font-size:1.00em}.main input[type^=text],.main input[type^=number],.main select,.main textarea{-webkit-appearance:none;padding:.4em 1em}.main option{background-color:transparent}input:focus,textarea:focus,isindex:focus,keygen:focus,select:focus{outline:0}.main input[type^=checkbox]{margin:6px 10px;padding:0}.main label{padding:.4em .5em .4em 0}.main button:hover,.main select,.main input[type^=submit]:hover,.main input[type^=checkbox]:hover{cursor:pointer}.h1,.main h1{font-size:1.25em;font-weight:bold}.h2,.main h2,h3,.main h3{font-size:1.07em;font-weight:bold}.h4,.main h4{font-size:1em;font-weight:normal}.irrelevant{display:none}.text-is-selectable{-webkit-user-select:text;user-select:text}.prefix-with-right-arrow:before{content:'\25BA';padding-right:3px}section,header,footer,aside,nav{display:block}.small-button{width:32%}.small-button span{font-size:.7em}.top-content{margin:0 auto;position:relative;width:1px}.top-content img{position:absolute;top:0;left:-160px;width:200px}.irrelevant{display:none}.middle{margin:0 auto;top:75px;position:relative}.viewport-wrapper{-webkit-border-radius:5px;border-radius:5px;position:relative;overflow:hidden}.device-wrapper{position:relative;padding:144px 0 0 41px;padding:55px 25px 105px 25px;-webkit-border-radius:20px;border-radius:20px;margin:0 auto}#document{background:white;border:0 none;width:inherit;height:inherit}.device-wrapper-landscape{padding:25px 105px 25px 55px}section.right,section.left{position:absolute;top:0;max-height:100%;padding:0;width:344px}.top{position:absolute;margin:inherit auto inherit auto;top:0}section.right{right:0}section.left{left:0}.sortable>section:not(.ui-box-open):hover{opacity:.9}.ui-box{margin:5px;z-index:50;position:relative;padding:0 2px 0 2px;border:none}.ui-box-open{background-image:none;padding:0 2px 2px 2px}.range-label-right{padding:4px 0 0 .75em;float:right;font-weight:bold}.range-label-left{margin-top:1px;right:150px;font-weight:bold;position:absolute}.info>h3{margin-bottom:.25em}.panel-label{width:40%;float:left;position:relative;top:.4em}.panel-bug-textarea{width:90%}#info{overflow:auto}.info{padding:.5em 8px 1em 8px;margin:0;word-wrap:break-word}.info-header{padding:0;position:relative;cursor:pointer}.info section>span{font-style:normal;font-weight:bold;display:inline;padding-right:8px}#preferences-list{overflow:auto;max-height:300px}.preferences-count{float:right;font-size:1.08em;padding-top:.5em}.preferences-note{margin-top:.5em;float:right;clear:right}.preferences-table td{width:30%;vertical-align:top}.preferences-table th{text-align:left}.preferences-table td:nth-child(2),.preferences-table th:nth-child(2){width:70%;word-break:break-all}.collapse-handle{padding:5px 9px}.drag-handle:hover{opacity:.75}.drag-handle:active{opacity:1.0}.drag-handle{position:absolute;z-index:900;right:7px;top:4px;opacity:.4;cursor:move}.ui-sortable-highlight{height:26px;margin:5px;opacity:.9}.overlay{z-index:10000;width:100%;height:100%;display:none;overflow-y:auto;background-color:white}.overlay-dialog{z-index:10001;position:absolute;display:none;-webkit-box-orient:horizontal;-webkit-box-pack:center;-webkit-box-align:center;overflow-y:auto;background:rgba(0,0,0,0.25)}.overlay-dialog-bottomCenter{-webkit-box-orient:vertical;-webkit-box-pack:end}.overlay-dialog-topCenter{-webkit-box-orient:vertical;-webkit-box-pack:start}.overlay-dialog-middleCenter{-webkit-box-orient:vertical;-webkit-box-pack:center}.overlay-dialog-wrapper-full{height:100%;width:100%}.overlay-dialog-wrapper-large{height:80%;width:80%}.overlay-dialog-wrapper-medium{height:50%;width:50%}.overlay-dialog-wrapper-small{height:20%;width:20%}.overlay-dialog-wrapper-tall{height:80%}.overlay-dialog-wrapper{color:#FFF;-webkit-border-radius:8px;border-radius:8px;background:rgba(0,0,0,1.0)}.overlay-dialog-box{padding:5%;-webkit-border-radius:8px;border-radius:8px;background:rgba(0,0,0,1.0)}.overlay-dialog-title{margin:0 5px;overflow:hidden;background:rgba(16,16,16,1.0)}.overlay-dialog-message{width:100%;max-height:50%;display:block;overflow-y:auto;overflow-x:hidden}.overlay-dialog-buttons{padding-top:10px;width:100%;text-align:center}.overlay-dialog-buttons>input{-webkit-border-radius:4px;border-radius:4px;margin:5px}.overlay-browser{z-index:1000;position:absolute;display:none;width:100%;height:100%;overflow-y:auto;background:rgba(255,255,255,1)}#browser{width:100%}.overlay-menu{z-index:1000;position:absolute;display:none;overflow-y:auto;background:rgba(0,0,0,0.25)}.overlay-menu-box{position:absolute;bottom:0;width:100%;max-height:80%;max-width:50%;padding:3% .5% 3% .5%;overflow-x:hidden;overflow-y:auto;color:#FFF;-webkit-border-top-right-radius:8px;border-top-right-radius:8px;background:rgba(0,0,0,1.0)}.overlay-menu-box::-webkit-scrollbar{width:.50em;-webkit-border-radius:1em;border-radius:1em}.overlay-menu-box::-webkit-scrollbar-thumb{background:#0f55ad;-webkit-border-radius:1em;border-radius:1em}.overlay-menu-item,.overlay-menu-item-default{width:100%;display:block;font-size:1.65em}.overlay-menu-item:hover,.overlay-menu-item-default:hover{background-color:#0f55ad;cursor:pointer}.overlay-menu-item-default{background-color:#1f1f1f}.overlay-menu-buttons>table{color:#FFF}#panel-notification{position:absolute;width:40%;min-height:100px;top:20%;left:30%;padding:.5em 1em;font-size:.92em;-webkit-box-shadow:0 1px 10px #000;box-shadow:0 1px 10px #000;z-index:1100}.panel-notification-closebtn{position:relative;float:right;z-index:999;cursor:pointer;padding:3px 5px;-webkit-border-radius:6px;border-radius:6px}.panel-notification-closebtn:hover{text-decoration:underline}#panel-notification-text{word-wrap:break-word}#layout-portrait,#layout-landscape{display:inline-block;width:16px;height:28px;cursor:pointer;padding:0 10px 0 10px}#layout-landscape{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.layout-selected{opacity:1.0}.layout-not-selected{opacity:.4}#geo-map{position:relative;padding:10px 0;width:316px;height:316px;overflow:hidden}#geo-map-container{width:316px;height:316px;z-index:0}#geo-map-img{top:-80px;left:-80px;position:relative}#geo-map-arrow{width:32px;height:32px;background:url(images/compass.png);float:left;margin-top:5px}#geo-map-direction-label{margin-left:35px;z-index:800}#geo-map-direction{position:absolute;top:10px;left:10px;width:90px;font-weight:bold;font-size:1.5em;color:#000;background-color:rgba(180,180,180,0.7);-webkit-border-radius:5px;border-radius:5px;padding:5px;z-index:800}#geo-map-marker{position:absolute;top:158px;left:143px;background:url(images/arrow.png);width:22px;height:30px;z-index:800}.geo-map-zoom-btn{font-weight:bold}.geo-map-zoom-controls{position:relative;margin-top:10px}.geo-map-zoomlevel{position:absolute;right:0;top:10px}.ui-accordion-icons .ui-accordion-header a{padding:.25em .5em}#widget-config div>h3:hover{cursor:pointer}#widget-config h3 a{text-decoration:none}#widget-config h3 a:hover{text-decoration:none}.configPass,.configFail{height:auto}.configPass:hover,.configFail:hover{opacity:.6}.config-accordion-node-content-value{padding-bottom:.5em}.config-attributes-name-value{padding-bottom:.5em}.config-accordion-node-content-attributes-title{padding-bottom:.25em;font-style:italic}.config-attributes-message{font-style:italic}.config-accordion-node-content-value-message>span,.config-accordion-node-content-value>span,.config-accordion-node-content-attributes-title{padding-right:1em;font-weight:bold}.config-accordion-node-content-value-message{margin:.5em 0}#information-sub-container{line-height:20px}.information-widgeticon{float:right;clear:both}.information-widgetname{font-weight:bold}#emulator-booting{position:absolute;width:100%;top:0;left:0;height:100%;z-index:1200;background:#fff url("images/load2.gif") center no-repeat}.panel-table{width:100%;border-spacing:0}.panel-table th{text-align:left}.panel-table td input[type^=text],.panel-table td input[type^=number]{width:100px}.panel-table td:nth-child(2){width:50%;text-align:right}.panel-table td{vertical-align:middle;height:30px}#device-select{width:100%;margin:.5em 0}#change-platform{width:100%;margin:.5em 0}.device-wrapper{background:#1e1e1e;border:solid rgba(204,204,204,0.9);-webkit-box-shadow:0 0 15px rgba(153,153,153,0.75);box-shadow:0 0 15px rgba(153,153,153,0.75)}.viewport-wrapper{background:url(images/ui-bg-hashed.png) repeat;border:2px solid rgba(204,204,204,0.75)}.right-panel-collapse,.left-panel-collapse{position:absolute;top:5px;opacity:.8;cursor:pointer;z-index:50}.right-panel-collapse:hover,.left-panel-collapse:hover{opacity:.5}.right-panel-collapse:active,.left-panel-collapse:active{opacity:1}.left-panel-collapse{left:345px}.right-panel-collapse{right:345px}#options-menu{font-size:1.2em;padding:5px;width:250px;top:30px;right:20px;position:absolute;-webkit-box-shadow:0 0 15px rgba(153,153,153,0.75);box-shadow:0 0 15px rgba(153,153,153,0.75)}#options-menu-build-warning{color:#C44;display:none;text-align:center;font-variant:small-caps}#options-window{width:100%;height:100%;position:absolute;top:0;display:none;opacity:0;z-index:950}.error-window{z-index:10000;width:100%;height:100%;position:absolute;top:0;text-align:center;vertical-align:middle;display:none;background-color:#2b0000}.error-dialog{z-index:10001;position:absolute;top:250px;padding:20px 0 20px 130px;opacity:1;width:425px;height:auto;text-align:center;vertical-align:middle;margin:0 auto;display:none;color:#f0f0f0}.error-logo{background:url("images/ripplelogo_large.png") no-repeat 10px 10px;background-size:100% 100%;position:absolute;width:122px;height:200px;top:0;left:0}.error-hippo{background-size:100% 100%;position:absolute;width:230px;height:284px;top:-242px;left:268px}.error-dialog>button{margin:0 .25em}.error-text h2{font-size:1.25em}.error-text p{font-size:1.17em;text-align:left}.first-run-window{z-index:9000;width:100%;height:100%;position:absolute;top:0;text-align:center;vertical-align:middle;display:none}.platform-select-dialog{z-index:9001;position:absolute;top:250px;padding:20px 0 20px 130px;opacity:1;width:450px;height:auto;text-align:center;vertical-align:middle;margin:0 auto;display:none}.platform-select-logo{background:url("images/ripplelogo_large.png") no-repeat 10px 10px;background-size:100% 100%;position:absolute;width:122px;height:200px;top:0;left:0}.platform-select-dialog>button{margin:0 .25em}.platform-select-text h2{font-size:1.25em}.platform-select-text p{font-size:1.17em}.platform-select-buttons button{margin:0 auto .75em auto;display:block}::-webkit-scrollbar{width:.5em;height:.5em;background-color:#222;opacity:.5}::-webkit-resizer{-webkit-border-radius:4px;border-radius:4px;background-color:#333}::-webkit-scrollbar-thumb{min-height:.8em;min-width:.8em;margin:0 .25em;-webkit-border-radius:4px;border-radius:4px;background-color:#333}::-webkit-scrollbar-thumb:hover{background-color:#444}::-webkit-scrollbar-thumb:active{background-color:#555}#document::-webkit-scrollbar{width:0;height:0}#document::-webkit-scrollbar-thumb{min-height:0;min-width:0}.about-logo{background-size:100%;background-repeat:no-repeat;height:90px;width:118px}fieldset{border-radius:5px;margin:5px 0}.not-ready{opacity:.2}.cap-text{text-transform:capitalize}#tooltip{position:absolute;z-index:1001;padding:.5em 1em;height:auto;max-width:400px;word-wrap:break-word;font-size:12px;cursor:pointer}#tooltip h3,#tooltip div{margin:0}.virtual-keyboard-overlay{width:100%;height:100%;background:transparent}.virtual-keyboard-container{position:absolute;bottom:0;width:inherit;height:0}.virtual-keyboard-placeholder{overflow:hidden;width:inherit;height:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;-webkit-box-align:center;background:#1e1e1e;color:#fefefe}#contextMenuWindow{-webkit-user-select:none;user-select:none}#contextMenu{height:100%;width:613px;border-image:url('images/webworks/bb10/core_crosscutmenu_bg.png') 1 1 1 15 fill / 0 0 0 0 repeat;-webkit-box-shadow:-10px 0 25px #121212;box-shadow:-10px 0 25px #121212;-webkit-animation-timing-function:ease-out;position:absolute;right:-633px;top:0;bottom:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;-webkit-backface-visibility:hidden;-webkit-perspective:1000;z-index:100}#contextMenuDelete{position:absolute;bottom:0;width:100%;font-size:2.5em;color:#fafafa;-webkit-backface-visibility:hidden;-webkit-perspective:1000;-webkit-transition:.25s;-webkit-animation-timing-function:ease-out}.hideContextMenuHandle{display:none}.hideContextMenuDelete{-webkit-transform:translateZ(0) translate(0,1024px);transform:translateZ(0) translate(0,1024px)}#contextMenuModal{position:absolute;top:0;left:0;width:100%;height:100%}#contextMenuContent{position:relative;width:100%;font-size:2.4em;color:#fafafa;-webkit-backface-visibility:hidden;-webkit-perspective:1000}#contextMenuHeader{position:absolute;top:-138px;height:120px;width:95%;background-color:#292929;white-space:nowrap;-webkit-box-orient:vertical;-webkit-box-pack:center;padding-top:15px;padding-left:20px;-webkit-transition:.25s;-webkit-animation-timing-function:ease-out;-webkit-backface-visibility:hidden;-webkit-perspective:1000}.showMenuHeader{-webkit-transform:translate(0,138px);transform:translate(0,138px)}#contextMenuHeadText{height:60px;font-size:2.5em;color:#fafafa;text-overflow:ellipsis;overflow-x:hidden}#contextMenuSubheadText{height:60px;font-size:1.9em;color:#cecece;text-overflow:ellipsis;overflow-x:hidden}.peekContextMenu{-webkit-transform:translate(-121px,0);transform:translate(-121px,0)}.showContextMenu{-webkit-transform:translate(-569px,0);transform:translate(-569px,0)}.showContextMenuHandle{position:absolute;height:119px;width:121px;background-image:url('images/webworks/bb10/drag_bar.png')}.showMoreHandleIcon{height:81px;width:81px;position:absolute;top:20px;left:40px}.hideContextMenuItem{display:none}.contextmenuItem{border-bottom:2px solid #414141;height:119px;-webkit-transition-duration:.35s;-webkit-animation-timing-function:ease-out;white-space:nowrap;color:#fafafa;background-color:#000}.contextmenuItem:first-child{border-top:2px solid #414141}.contextmenuItem img{margin:20px 19px;vertical-align:middle}.showContextmenuItem{-webkit-transform:translateZ(0) translate(-462px,0);transform:translateZ(0) translate(-462px,0);border-image:url('images/webworks/bb10/core_crosscutmenu_selected.png') 2 1 2 13 / 1 1 1 1;z-index:101}.peekItem{-webkit-transform:translateZ(0) translate(0,0);transform:translateZ(0) translate(0,0);border-image:none}.fullContextmenuItem{-webkit-transition:background .5s;background-color:#6cf}.skan-dialog-field-set label{float:left;width:25%;margin-right:.5em;padding-top:.2em;text-align:right;font-weight:bold}.skan-dialog-field-set select{width:305px}.skan-dialog-field-set input[type=text]{width:300px}.barcode-overlay{z-index:10000;width:100%;height:100%;display:none;background-color:white}.barcode-close{z-index:10000;width:100%;height:100%}.barcode-image{z-index:10000;width:100%}.barcode-data{z-index:10000;text-align:center;font-family:Tahoma,Geneva,sans-serif;font-size:25px;color:black;padding:20px;background-color:white}#remote-proxy-warn{padding:5px;border:2px solid gold}#remote-proxy-warn-message{margin:20px 0 -15px 0}.ui-warn-text-label{font-weight:bold;color:goldenrod}.remote-proxy-warn-icon-container{color:goldenrod;float:left}.remote-proxy-warn-icon-name{position:absolute;margin:1px 0 0 20px}