diff options
Diffstat (limited to 'mobile-hybrid-demo/html/base.css')
| -rwxr-xr-x | mobile-hybrid-demo/html/base.css | 109 |
1 files changed, 109 insertions, 0 deletions
diff --git a/mobile-hybrid-demo/html/base.css b/mobile-hybrid-demo/html/base.css new file mode 100755 index 0000000..ccf322d --- /dev/null +++ b/mobile-hybrid-demo/html/base.css @@ -0,0 +1,109 @@ +/* This file is part of mobile_hybrid_demo (HTML5 demonstration) + +Copyright © 2010 Nokia Corporation and/or its subsidiary(-ies). +All rights reserved. + +Contact: Nokia Corporation qt-info@nokia.com + +You may use this file under the terms of the BSD license as follows: + +"Redistribution and use in source and binary forms, with or without +modification, are permitted provided that the following conditions are met: * +Redistributions of source code must retain the above copyright notice, this +list of conditions and the following disclaimer. * Redistributions in binary +form must reproduce the above copyright notice, this list of conditions and the +following disclaimer in the documentation and/or other materials provided with +the distribution. * Neither the name of Nokia Corporation and its +Subsidiary(-ies) nor the names of its contributors may be used to endorse or +promote products derived from this software without specific prior written +permission. THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS +"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, +THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE +ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE +FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL +DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR +SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER +CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, +OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE +OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE." +*/ + +div#content { + position: absolute; + left: 0px; + top: 0px; + width: 100%; + height: 100%; + color: red; + -webkit-user-select:none; +} +div#mask { + position: absolute; + left: 0px; + top: 0px; + width: 100%; + height: 100%; + color: red; + -webkit-user-select:none; +} + +div#output { + position: absolute; + left: 0px; + top: 0px; + width: 100%; + height: 30px; + color: red; + z-index: 1000; + -webkit-user-select:none; +} + +div#loadingScreen { + position: absolute; + left: 0px; + top: 0px; + width: 100%; + height: 100%; + opacity: 1; + background: url(images/menu_bg.jpg); + z-index:10000; + -webkit-transition-property: opacity; + -webkit-transition-duration: 0.5s; + -webkit-user-select:none; +} + +div#loadedBar { + position: absolute; + background: #FFFFFF; + -webkit-transition-property: width; + -webkit-transition-duration: 0.1s; + -webkit-user-select:none; + z-index: 1; +} + +div#toLoadBar { + position: absolute; + background: #000000; + -webkit-user-select:none; +} + +body#body { + overflow:hidden; + background: black; +} + +img#close { + position:absolute; + opacity:0; + top:0px; + z-index:300; +} +img#play { + position:absolute; + opacity:0; + top:0px; + -webkit-transition-property: opacity; + -webkit-transition-duration: 0.5s; + -webkit-user-select:none; + z-index:300; +} |