aboutsummaryrefslogtreecommitdiff
path: root/js/io/ui/cloudpopup.reel/css
diff options
context:
space:
mode:
Diffstat (limited to 'js/io/ui/cloudpopup.reel/css')
-rw-r--r--js/io/ui/cloudpopup.reel/css/cloudpopup.css144
-rwxr-xr-xjs/io/ui/cloudpopup.reel/css/cloudpopup.scss148
2 files changed, 292 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..85c80ad5
--- /dev/null
+++ b/js/io/ui/cloudpopup.reel/css/cloudpopup.css
@@ -0,0 +1,144 @@
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 #222;
38 margin: 0px 0px 12px 0px;
39 color: #EEE;
40}
41
42/* line 47, cloudpopup.scss */
43.cloud_popup .content .btn_test {
44 float: right;
45 clear: right;
46 margin: 1px 2px 0px 8px;
47 width: 60px;
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 float: left;
63 color: #FFF;
64 border: 0px;
65 padding: 4px;
66 margin: 0px;
67 width: 176px;
68 border-radius: 4px;
69 text-shadow: 1px 1px 1px #222;
70 font-family: 'Droid Sans', sans-serif;
71 border: 1px #5c5c5c solid;
72 background: #292929 -webkit-gradient(linear, left top, left bottom, color-stop(45%, #434343), color-stop(100%, #292929));
73}
74
75/* line 80, cloudpopup.scss */
76.cloud_popup .content input:focus {
77 text-shadow: none;
78 background: #FFF;
79 border: 1px #292929 solid;
80 color: #292929;
81}
82
83/* line 88, cloudpopup.scss */
84.cloud_popup .content .status {
85 float: left;
86 clear: right;
87 margin: 5px 0px 0px 6px;
88 text-shadow: 1px 1px 1px #333;
89 width: 240px;
90}
91
92/* line 97, cloudpopup.scss */
93.cloud_popup .content .btn_ok, .cloud_popup .content .btn_cancel {
94 width: 80px;
95 text-align: center;
96 float: right;
97 margin: 8px 2px 2px 8px;
98}
99
100/* line 105, cloudpopup.scss */
101.cloud_popup section {
102 float: left;
103 clear: both;
104 margin: 16px 0px 0px 0px;
105 background: #333333 -webkit-linear-gradient(top, #323232 0%, #3c3c3c 100%);
106 border: 1px solid #333;
107 padding: 8px;
108 border-radius: 6px;
109}
110
111/* line 116, cloudpopup.scss */
112.cloud_popup section h4 {
113 text-transform: uppercase;
114 font-weight: normal;
115 font-size: 12px;
116 text-shadow: 1px 1px 1px #000;
117 font-family: 'Droid Sans', sans-serif;
118 display: block;
119 float: left;
120 clear: both;
121 margin: 2px 0px 6px 0px;
122 padding: 0px;
123 width: 100%;
124 text-align: center;
125}
126
127/* line 132, cloudpopup.scss */
128.cloud_popup section .btn_download {
129 width: 120px;
130 text-align: center;
131 margin: 10px 0px 2px 4px;
132 float: left;
133 font-size: 11px;
134}
135
136/* line 141, cloudpopup.scss */
137.cloud_popup section .cloud_icon {
138 background-image: url(../../../../../ninja_icon_128.png);
139 background-size: 100% 100%;
140 width: 60px;
141 height: 60px;
142 float: left;
143 margin: -10px 0px -6px 56px;
144}
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..deab188e
--- /dev/null
+++ b/js/io/ui/cloudpopup.reel/css/cloudpopup.scss
@@ -0,0 +1,148 @@
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 #222;
42 margin: 0px 0px 12px 0px;
43 color: #EEE;
44}
45
46.cloud_popup .content .btn_test
47{
48 float: right;
49 clear: right;
50 margin: 1px 2px 0px 8px;
51 width: 60px;
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 float: left;
67 color: #FFF;
68 border: 0px;
69 padding: 4px;
70 margin: 0px;
71 width: 176px;
72 border-radius: 4px;
73 text-shadow: 1px 1px 1px #222;
74 font-family: 'Droid Sans', sans-serif;
75 border: 1px lighten($grey_dark, 20%) solid;
76 background: $grey_dark -webkit-gradient(linear, left top, left bottom, color-stop(45%, lighten($grey_dark, 10%)), color-stop(100%, $grey_dark));
77}
78
79.cloud_popup .content input:focus
80{
81 text-shadow: none;
82 background: #FFF;
83 border: 1px $grey_dark solid;
84 color: $grey_dark;
85}
86
87.cloud_popup .content .status
88{
89 float: left;
90 clear: right;
91 margin: 5px 0px 0px 6px;
92 text-shadow: 1px 1px 1px #333;