diff options
Diffstat (limited to 'js/io/ui/cloudpopup.reel/css/cloudpopup.scss')
-rwxr-xr-x | js/io/ui/cloudpopup.reel/css/cloudpopup.scss | 183 |
1 files changed, 92 insertions, 91 deletions
diff --git a/js/io/ui/cloudpopup.reel/css/cloudpopup.scss b/js/io/ui/cloudpopup.reel/css/cloudpopup.scss index 870c5bbf..9c783fe6 100755 --- a/js/io/ui/cloudpopup.reel/css/cloudpopup.scss +++ b/js/io/ui/cloudpopup.reel/css/cloudpopup.scss | |||
@@ -1,25 +1,26 @@ | |||
1 | @charset "UTF-8"; | 1 | @charset "UTF-8"; |
2 | /* <copyright> | 2 | /* <copyright> |
3 | Copyright (c) 2012, Motorola Mobility, Inc | 3 | Copyright (c) 2012, Motorola Mobility LLC. |
4 | All Rights Reserved. | 4 | All Rights Reserved. |
5 | BSD License. | ||
6 | 5 | ||
7 | Redistribution and use in source and binary forms, with or without | 6 | Redistribution and use in source and binary forms, with or without |
8 | modification, are permitted provided that the following conditions are met: | 7 | modification, are permitted provided that the following conditions are met: |
9 | 8 | ||
10 | - Redistributions of source code must retain the above copyright notice, | 9 | * Redistributions of source code must retain the above copyright notice, |
11 | this list of conditions and the following disclaimer. | 10 | this list of conditions and the following disclaimer. |
12 | - Redistributions in binary form must reproduce the above copyright | 11 | |
13 | notice, this list of conditions and the following disclaimer in the | 12 | * Redistributions in binary form must reproduce the above copyright notice, |
14 | documentation and/or other materials provided with the distribution. | 13 | this list of conditions and the following disclaimer in the documentation |
15 | - Neither the name of Motorola Mobility nor the names of its contributors | 14 | and/or other materials provided with the distribution. |
16 | may be used to endorse or promote products derived from this software | 15 | |
17 | without specific prior written permission. | 16 | * Neither the name of Motorola Mobility LLC nor the names of its |
17 | contributors may be used to endorse or promote products derived from this | ||
18 | software without specific prior written permission. | ||
18 | 19 | ||
19 | THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" | 20 | THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" |
20 | AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE | 21 | AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE |
21 | IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE | 22 | IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE |
22 | ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE | 23 | ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE |
23 | LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR | 24 | LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR |
24 | CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF | 25 | CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF |
25 | SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS | 26 | SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS |
@@ -34,75 +35,75 @@ $grey_light: #494949; | |||
34 | 35 | ||
35 | .cloud_popup | 36 | .cloud_popup |
36 | { | 37 | { |
37 | font-size: 12px; | 38 | font-size: 12px; |
38 | text-shadow: 1px 1px 1px #000; | 39 | text-shadow: 1px 1px 1px #000; |
39 | font-family: 'Droid Sans', sans-serif; | 40 | font-family: 'Droid Sans', sans-serif; |
40 | } | 41 | } |
41 | 42 | ||
42 | .cloud_popup .content | 43 | .cloud_popup .content |
43 | { | 44 | { |
44 | width: 360px; | 45 | width: 360px; |
45 | } | 46 | } |
46 | 47 | ||
47 | .cloud_popup .content h3 | 48 | .cloud_popup .content h3 |
48 | { | 49 | { |
49 | text-transform: uppercase; | 50 | text-transform: uppercase; |
50 | font-weight: normal; | 51 | font-weight: normal; |
51 | font-size: 14px; | 52 | font-size: 14px; |
52 | text-shadow: 1px 1px 1px #000; | 53 | text-shadow: 1px 1px 1px #000; |
53 | font-family: 'Droid Sans', sans-serif; | 54 | font-family: 'Droid Sans', sans-serif; |
54 | display: block; | 55 | display: block; |
55 | float: left; | 56 | float: left; |
56 | clear: both; | 57 | clear: both; |
57 | margin: 4px 0px 8px 0px; | 58 | margin: 4px 0px 8px 0px; |
58 | padding: 0px; | 59 | padding: 0px; |
59 | width: 100%; | 60 | width: 100%; |
60 | text-align: center; | 61 | text-align: center; |
61 | } | 62 | } |
62 | 63 | ||
63 | .cloud_popup .content p | 64 | .cloud_popup .content p |
64 | { | 65 | { |
65 | text-shadow: 1px 1px 1px #222; | 66 | text-shadow: 1px 1px 1px #222; |
66 | margin: 0px 0px 12px 0px; | 67 | margin: 0px 0px 12px 0px; |
67 | color: #EEE; | 68 | color: #EEE; |
68 | } | 69 | } |
69 | 70 | ||
70 | .cloud_popup .content .btn_test | 71 | .cloud_popup .content .btn_test |
71 | { | 72 | { |
72 | float: right; | 73 | float: right; |
73 | clear: right; | 74 | clear: right; |
74 | margin: 1px 2px 0px 8px; | 75 | margin: 1px 2px 0px 8px; |
75 | width: 60px; | 76 | width: 60px; |
76 | } | 77 | } |
77 | 78 | ||
78 | .cloud_popup .content label | 79 | .cloud_popup .content label |
79 | { | 80 | { |
80 | float: left; | 81 | float: left; |
81 | margin: 5px 8px 0px 0px; | 82 | margin: 5px 8px 0px 0px; |
82 | display: block; | 83 | display: block; |
83 | width: 96px; | 84 | width: 96px; |
84 | text-align: right; | 85 | text-align: right; |
85 | } | 86 | } |
86 | 87 | ||
87 | .cloud_popup .content input | 88 | .cloud_popup .content input |
88 | { | 89 | { |
89 | display: block; | 90 | display: block; |
90 | float: left; | 91 | float: left; |
91 | color: #FFF; | 92 | color: #FFF; |
92 | border: 0px; | 93 | border: 0px; |
93 | padding: 4px; | 94 | padding: 4px; |
94 | margin: 0px; | 95 | margin: 0px; |
95 | width: 176px; | 96 | width: 176px; |
96 | border-radius: 4px; | 97 | border-radius: 4px; |
97 | text-shadow: 1px 1px 1px #222; | 98 | text-shadow: 1px 1px 1px #222; |
98 | font-family: 'Droid Sans', sans-serif; | 99 | font-family: 'Droid Sans', sans-serif; |
99 | border: 1px lighten($grey_dark, 20%) solid; | 100 | border: 1px lighten($grey_dark, 20%) solid; |
100 | background: $grey_dark -webkit-gradient(linear, left top, left bottom, color-stop(45%, lighten($grey_dark, 10%)), color-stop(100%, $grey_dark)); | 101 | background: $grey_dark -webkit-gradient(linear, left top, left bottom, color-stop(45%, lighten($grey_dark, 10%)), color-stop(100%, $grey_dark)); |
101 | } | 102 | } |
102 | 103 | ||
103 | .cloud_popup .content input:focus | 104 | .cloud_popup .content input:focus |
104 | { | 105 | { |
105 | text-shadow: none; | 106 | text-shadow: none; |
106 | background: #FFF; | 107 | background: #FFF; |
107 | border: 1px $grey_dark solid; | 108 | border: 1px $grey_dark solid; |
108 | color: $grey_dark; | 109 | color: $grey_dark; |
@@ -110,63 +111,63 @@ $grey_light: #494949; | |||
110 | 111 | ||
111 | .cloud_popup .content .status | 112 | .cloud_popup .content .status |
112 | { | 113 | { |
113 | float: left; | 114 | float: left; |
114 | clear: right; | 115 | clear: right; |
115 | margin: 5px 0px 0px 6px; | 116 | margin: 5px 0px 0px 6px; |
116 | text-shadow: 1px 1px 1px #333; | 117 | text-shadow: 1px 1px 1px #333; |
117 | width: 240px; | 118 | width: 240px; |
118 | } | 119 | } |
119 | 120 | ||
120 | .cloud_popup .content .btn_ok, .cloud_popup .content .btn_cancel | 121 | .cloud_popup .content .btn_ok, .cloud_popup .content .btn_cancel |
121 | { | 122 | { |
122 | width: 80px; | 123 | width: 80px; |
123 | text-align: center; | 124 | text-align: center; |
124 | float: right; | 125 | float: right; |
125 | margin: 8px 2px 2px 8px; | 126 | margin: 8px 2px 2px 8px; |
126 | } | 127 | } |
127 | 128 | ||
128 | .cloud_popup section | 129 | .cloud_popup section |
129 | { | 130 | { |
130 | float: left; | 131 | float: left; |
131 | clear: both; | 132 | clear: both; |
132 | margin: 16px 0px 0px 0px; | 133 | margin: 16px 0px 0px 0px; |
133 | background: #333 -webkit-linear-gradient(top, rgb(50, 50, 50) 0%, rgb(60, 60, 60) 100%); | 134 | background: #333 -webkit-linear-gradient(top, rgb(50, 50, 50) 0%, rgb(60, 60, 60) 100%); |
134 | border: 1px solid #333; | 135 | border: 1px solid #333; |
135 | padding: 8px; | 136 | padding: 8px; |
136 | border-radius: 6px; | 137 | border-radius: 6px; |
137 | } | 138 | } |
138 | 139 | ||
139 | .cloud_popup section h4 | 140 | .cloud_popup section h4 |
140 | { | 141 | { |
141 | text-transform: uppercase; | 142 | text-transform: uppercase; |
142 | font-weight: normal; | 143 | font-weight: normal; |
143 | font-size: 12px; | 144 | font-size: 12px; |
144 | text-shadow: 1px 1px 1px #000; | 145 | text-shadow: 1px 1px 1px #000; |
145 | font-family: 'Droid Sans', sans-serif; | 146 | font-family: 'Droid Sans', sans-serif; |
146 | display: block; | 147 | display: block; |
147 | float: left; | 148 | float: left; |
148 | clear: both; | 149 | clear: both; |
149 | margin: 2px 0px 6px 0px; | 150 | margin: 2px 0px 6px 0px; |