aboutsummaryrefslogtreecommitdiff
path: root/js/io/ui/cloudpopup.reel/css
diff options
context:
space:
mode:
authorJose Antonio Marquez2012-01-31 15:59:46 -0800
committerJose Antonio Marquez2012-01-31 15:59:46 -0800
commite75223a2c4c1e13d66639841e6418e94fe9b726f (patch)
treea37a20b56ef597d8a83cdb71b0dbb2f3cc7f5842 /js/io/ui/cloudpopup.reel/css
parent6dc03672707a91085954359d82c14bd876f85b12 (diff)
downloadninja-e75223a2c4c1e13d66639841e6418e94fe9b726f.tar.gz
Cloud IO Prompt
Setting up UI for the file IO prompt on initialization of Ninja and whenever a cloud IO call is made and the server is not detected.
Diffstat (limited to 'js/io/ui/cloudpopup.reel/css')
-rw-r--r--js/io/ui/cloudpopup.reel/css/cloudpopup.css118
-rwxr-xr-xjs/io/ui/cloudpopup.reel/css/cloudpopup.scss122
2 files changed, 240 insertions, 0 deletions
diff --git a/js/io/ui/cloudpopup.reel/css/cloudpopup.css b/js/io/ui/cloudpopup.reel/css/cloudpopup.css
new file mode 100644
index 00000000..009ba835
--- /dev/null
+++ b/js/io/ui/cloudpopup.reel/css/cloudpopup.css
@@ -0,0 +1,118 @@
1@charset "UTF-8";
2/* <copyright>
3 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
4 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
5 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
6 </copyright> */
7/* line 12, cloudpopup.scss */
8.cloud_popup {
9 font-size: 12px;
10 text-shadow: 1px 1px 1px #000;
11 font-family: 'Droid Sans', sans-serif;
12}
13
14/* line 19, cloudpopup.scss */
15.cloud_popup .content {
16 width: 360px;
17}
18
19/* line 24, cloudpopup.scss */
20.cloud_popup .content h3 {
21 text-transform: uppercase;
22 font-weight: normal;
23 font-size: 14px;
24 text-shadow: 1px 1px 1px #000;
25 font-family: 'Droid Sans', sans-serif;
26 display: block;
27 float: left;
28 clear: both;
29 margin: 4px 0px 8px 0px;
30 padding: 0px;
31 width: 100%;
32 text-align: center;
33}
34
35/* line 40, cloudpopup.scss */
36.cloud_popup .content p {
37 text-shadow: 1px 1px 1px #333;
38 margin: 0px 0px 12px 0px;
39 text-align: justify;
40 color: #EEE;
41}
42
43/* line 48, cloudpopup.scss */
44.cloud_popup .content .test {
45 float: right;
46 clear: right;
47 margin: 0px 0px 0px 8px;
48}
49
50/* line 55, cloudpopup.scss */
51.cloud_popup .content label {
52 float: left;
53 margin: 5px 8px 0px 0px;
54 display: block;
55 width: 96px;
56 text-align: right;
57}
58
59/* line 64, cloudpopup.scss */
60.cloud_popup .content input {
61 display: block;
62 border: 0px;
63 padding: 4px;
64 margin: 0px;
65 background: #292929 -webkit-gradient(linear, left top, left bottom, color-stop(45%, #434343), color-stop(100%, #292929));
66 border: 1px #5c5c5c solid;
67 color: #FFF;
68 float: left;
69 width: 202px;
70 border-radius: 4px;
71}
72
73/* line 77, cloudpopup.scss */
74.cloud_popup .content input:focus {
75 background: #FFF;
76 border: 1px #292929 solid;
77 color: #292929;
78}
79
80/* line 84, cloudpopup.scss */
81.cloud_popup .content button {
82 display: block;
83 border: 0px;
84 margin: 0px;
85 padding: 4px;
86 border: 1px #333 solid;
87 background: #292929 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #494949), color-stop(100%, #292929));
88 border-radius: 4px;
89 color: #FFF;
90 text-transform: uppercase;
91 cursor: pointer;
92 text-shadow: 1px 1px 1px #000;
93}
94
95/* line 99, cloudpopup.scss */
96.cloud_popup .content button:hover {
97 border: 1px #222 solid;
98 background: #292929 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5c5c5c), color-stop(100%, #161616));
99 color: #EEE;
100}
101
102/* line 107, cloudpopup.scss */
103.cloud_popup .content .status {
104 color: red;
105 float: left;
106 clear: right;
107 margin: 5px 0px 0px 6px;
108 text-shadow: 1px 1px 1px #333;
109 width: 240px;
110}
111
112/* line 117, cloudpopup.scss */
113.cloud_popup .content .handle_ok, .cloud_popup .content .handle_cancel {
114 width: 80px;
115 text-align: center;
116 float: right;
117 margin: 4px 0px 0px 8px;
118}
diff --git a/js/io/ui/cloudpopup.reel/css/cloudpopup.scss b/js/io/ui/cloudpopup.reel/css/cloudpopup.scss
new file mode 100755
index 00000000..ea54b1d8
--- /dev/null
+++ b/js/io/ui/cloudpopup.reel/css/cloudpopup.scss
@@ -0,0 +1,122 @@
1@charset "UTF-8";
2/* <copyright>
3 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
4 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
5 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
6 </copyright> */
7
8$grey_dark: #292929;
9$grey_light: #494949;
10
11.cloud_popup
12{
13 font-size: 12px;
14 text-shadow: 1px 1px 1px #000;
15 font-family: 'Droid Sans', sans-serif;
16}
17
18.cloud_popup .content
19{
20 width: 360px;
21}
22
23.cloud_popup .content h3
24{
25 text-transform: uppercase;
26 font-weight: normal;
27 font-size: 14px;
28 text-shadow: 1px 1px 1px #000;
29 font-family: 'Droid Sans', sans-serif;
30 display: block;
31 float: left;
32 clear: both;
33 margin: 4px 0px 8px 0px;
34 padding: 0px;
35 width: 100%;
36 text-align: center;
37}
38
39.cloud_popup .content p
40{
41 text-shadow: 1px 1px 1px #333;
42 margin: 0px 0px 12px 0px;
43 text-align: justify;
44 color: #EEE;
45}
46
47.cloud_popup .content .test
48{
49 float: right;
50 clear: right;
51 margin: 0px 0px 0px 8px;
52}
53
54.cloud_popup .content label
55{
56 float: left;
57 margin: 5px 8px 0px 0px;
58 display: block;
59 width: 96px;
60 text-align: right;
61}
62
63.cloud_popup .content input
64{
65 display: block;
66 border: 0px;
67 padding: 4px;
68 margin: 0px;
69 background: $grey_dark -webkit-gradient(linear, left top, left bottom, color-stop(45%, lighten($grey_dark, 10%)), color-stop(100%, $grey_dark));
70 border: 1px lighten($grey_dark, 20%) solid;
71 color: #FFF;
72 float: left;
73 width: 202px;
74 border-radius: 4px;
75}
76
77.cloud_popup .content input:focus {
78 background: #FFF;
79 border: 1px $grey_dark solid;
80 color: $grey_dark;
81}
82
83.cloud_popup .content button
84{
85 display: block;
86 border: 0px;
87 margin: 0px;
88 padding: 4px;
89 border: 1px #333 solid;
90 background: $grey_dark -webkit-gradient(linear, left top, left bottom, color-stop(0%, $grey_light), color-stop(100%, $grey_dark));
91 border-radius: 4px;
92 color: #FFF;
93 text-transform: uppercase;
94 cursor: pointer;
95 text-shadow: 1px 1px 1px #000;
96}
97
98.cloud_popup .content button:hover
99{
100
101 border: 1px #222 solid;
102 background: $grey_dark -webkit-gradient(linear, left top, left bottom, color-stop(0%, lighten($grey_dark, 20%)), color-stop(100%, darken($grey_light, 20%)));
103 color: #EEE;
104}
105
106.cloud_popup .content .status
107{
108 color: red;
109 float: left;