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.css120
-rwxr-xr-xjs/io/ui/cloudpopup.reel/css/cloudpopup.scss125
2 files changed, 245 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..81e0742f
--- /dev/null
+++ b/js/io/ui/cloudpopup.reel/css/cloudpopup.css
@@ -0,0 +1,120 @@
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 text-align: justify;
40 color: #EEE;
41}
42
43/* line 48, cloudpopup.scss */
44.cloud_popup .content .btn_test {
45 float: right;
46 clear: right;
47 margin: 0px 0px 0px 8px;
48 width: 60px;
49}
50
51/* line 56, cloudpopup.scss */
52.cloud_popup .content label {
53 float: left;
54 margin: 5px 8px 0px 0px;
55 display: block;
56 width: 96px;
57 text-align: right;
58}
59
60/* line 65, cloudpopup.scss */
61.cloud_popup .content input {
62 display: block;
63 float: left;
64 color: #FFF;
65 border: 0px;
66 padding: 4px;
67 margin: 0px;
68 width: 176px;
69 border-radius: 4px;
70 text-shadow: 1px 1px 1px #222;
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 button {
85 display: block;
86 border: 0px;
87 margin: 0px;
88 padding: 4px;
89 border: 1px #333 solid;
90 background: #292929 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #494949), color-stop(100%, #292929));
91 border-radius: 4px;
92 color: #FFF;
93 text-transform: uppercase;
94 cursor: pointer;
95 text-shadow: 1px 1px 1px #000;
96}
97
98/* line 103, cloudpopup.scss */
99.cloud_popup .content button:hover {
100 border: 1px #222 solid;
101 background: #292929 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5c5c5c), color-stop(100%, #161616));
102 color: #EEE;
103}
104
105/* line 111, cloudpopup.scss */
106.cloud_popup .content .status {
107 float: left;
108 clear: right;
109 margin: 5px 0px 0px 6px;
110 text-shadow: 1px 1px 1px #333;
111 width: 240px;
112}
113
114/* line 120, cloudpopup.scss */
115.cloud_popup .content .btn_ok, .cloud_popup .content .btn_cancel {
116 width: 80px;
117 text-align: center;
118 float: right;
119 margin: 4px 0px 0px 8px;
120}
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..ec03eb01
--- /dev/null
+++ b/js/io/ui/cloudpopup.reel/css/cloudpopup.scss
@@ -0,0 +1,125 @@
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 text-align: justify;
44 color: #EEE;
45}
46
47.cloud_popup .content .btn_test
48{
49 float: right;
50 clear: right;
51 margin: 0px 0px 0px 8px;
52 width: 60px;
53}
54
55.cloud_popup .content label
56{
57 float: left;
58 margin: 5px 8px 0px 0px;
59 display: block;
60 width: 96px;
61 text-align: right;
62}
63
64.cloud_popup .content input
65{
66 display: block;
67 float: left;
68 color: #FFF;
69 border: 0px;
70 padding: 4px;
71 margin: 0px;
72 width: 176px;
73 border-radius: 4px;
74 text-shadow: 1px 1px 1px #222;
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 button
88{
89 display: block;
90 border: 0px;
91 margin: 0px;
92 padding: 4px;
93 border: 1px #333 solid;
94 background: $grey_dark -webkit-gradient(linear, left top, left bottom, color-stop(0%, $grey_light), color-stop(100%, $grey_dark));
95 border-radius: 4px;
96 color: #FFF;
97 text-transform: uppercase;
98 cursor: pointer;
99 text-shadow: 1px 1px 1px #000;
100}
101
102.cloud_popup .content button:hover
103{
104
105 border: 1px #222 solid;
106 background: $grey_dark -webkit-gradient(linear, left top, left bottom, color-stop(0%, lighten($grey_dark, 20%)), color-stop(100%, darken($grey_light, 20%)));
107 color: #EEE;
108}
109
110.cloud_popup .content .status
111{
112 float: left;