aboutsummaryrefslogtreecommitdiff
path: root/js/io/ui/cloudpopup.reel/css/cloudpopup.scss
diff options
context:
space:
mode:
authorKruti Shah2012-07-17 12:40:00 -0700
committerKruti Shah2012-07-17 12:40:00 -0700
commitbf2d7bdb22c28089dc1067bc9094ebc590daac87 (patch)
tree2156d9920ea1b7db49ed6460545fea7cda121bae /js/io/ui/cloudpopup.reel/css/cloudpopup.scss
parent7e2c2dbd040ed79a3f0678f91bd4b6db9cf69231 (diff)
parentb4b3e45d6684e77d361b4f8ca5be4889428320c5 (diff)
downloadninja-bf2d7bdb22c28089dc1067bc9094ebc590daac87.tar.gz
Merge branch 'refs/heads/TimelineUberJD' into Timeline-local-kruti
Diffstat (limited to 'js/io/ui/cloudpopup.reel/css/cloudpopup.scss')
-rwxr-xr-xjs/io/ui/cloudpopup.reel/css/cloudpopup.scss183
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>
3Copyright (c) 2012, Motorola Mobility, Inc 3Copyright (c) 2012, Motorola Mobility LLC.
4All Rights Reserved. 4All Rights Reserved.
5BSD License.
6 5
7Redistribution and use in source and binary forms, with or without 6Redistribution and use in source and binary forms, with or without
8modification, are permitted provided that the following conditions are met: 7modification, 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
19THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" 20THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
20AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE 21AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
21IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE 22IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
22ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE 23ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
23LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR 24LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
24CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF 25CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
25SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS 26SUBSTITUTE 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;