@charset "UTF-8"; /* <copyright> This file contains proprietary software owned by Motorola Mobility, Inc.<br/> No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. </copyright> */ $grey_dark: #292929; $grey_light: #494949; .cloud_popup { font-size: 12px; text-shadow: 1px 1px 1px #000; font-family: 'Droid Sans', sans-serif; } .cloud_popup .content { width: 360px; } .cloud_popup .content h3 { text-transform: uppercase; font-weight: normal; font-size: 14px; text-shadow: 1px 1px 1px #000; font-family: 'Droid Sans', sans-serif; display: block; float: left; clear: both; margin: 4px 0px 8px 0px; padding: 0px; width: 100%; text-align: center; } .cloud_popup .content p { text-shadow: 1px 1px 1px #222; margin: 0px 0px 12px 0px; color: #EEE; } .cloud_popup .content .btn_test { float: right; clear: right; margin: 1px 2px 0px 8px; width: 60px; } .cloud_popup .content label { float: left; margin: 5px 8px 0px 0px; display: block; width: 96px; text-align: right; } .cloud_popup .content input { display: block; float: left; color: #FFF; border: 0px; padding: 4px; margin: 0px; width: 176px; border-radius: 4px; text-shadow: 1px 1px 1px #222; font-family: 'Droid Sans', sans-serif; border: 1px lighten($grey_dark, 20%) solid; background: $grey_dark -webkit-gradient(linear, left top, left bottom, color-stop(45%, lighten($grey_dark, 10%)), color-stop(100%, $grey_dark)); } .cloud_popup .content input:focus { text-shadow: none; background: #FFF; border: 1px $grey_dark solid; color: $grey_dark; } .cloud_popup .content .status { float: left; clear: right; margin: 5px 0px 0px 6px; text-shadow: 1px 1px 1px #333; width: 240px; } .cloud_popup .content .btn_ok, .cloud_popup .content .btn_cancel { width: 80px; text-align: center; float: right; margin: 8px 2px 2px 8px; } .cloud_popup section { float: left; clear: both; margin: 16px 0px 0px 0px; background: #333 -webkit-linear-gradient(top, rgb(50, 50, 50) 0%, rgb(60, 60, 60) 100%); border: 1px solid #333; padding: 8px; border-radius: 6px; } .cloud_popup section h4 { text-transform: uppercase; font-weight: normal; font-size: 12px; text-shadow: 1px 1px 1px #000; font-family: 'Droid Sans', sans-serif; display: block; float: left; clear: both; margin: 2px 0px 6px 0px; padding: 0px; width: 100%; text-align: center; } .cloud_popup section .btn_download { width: 120px; text-align: center; margin: 10px 0px 2px 4px; float: left; font-size: 11px; } .cloud_popup section .cloud_icon { background-image: url(../../../../../ninja_icon_128.png); background-size: 100% 100%; width: 60px; height: 60px; float: left; margin: -10px 0px -6px 56px; }