diff options
Diffstat (limited to 'js/io/ui/cloudpopup.reel/css/cloudpopup.scss')
-rwxr-xr-x | js/io/ui/cloudpopup.reel/css/cloudpopup.scss | 160 |
1 files changed, 80 insertions, 80 deletions
diff --git a/js/io/ui/cloudpopup.reel/css/cloudpopup.scss b/js/io/ui/cloudpopup.reel/css/cloudpopup.scss index 870c5bbf..b8cb5aea 100755 --- a/js/io/ui/cloudpopup.reel/css/cloudpopup.scss +++ b/js/io/ui/cloudpopup.reel/css/cloudpopup.scss | |||
@@ -34,75 +34,75 @@ $grey_light: #494949; | |||
34 | 34 | ||
35 | .cloud_popup | 35 | .cloud_popup |
36 | { | 36 | { |
37 | font-size: 12px; | 37 | font-size: 12px; |
38 | text-shadow: 1px 1px 1px #000; | 38 | text-shadow: 1px 1px 1px #000; |
39 | font-family: 'Droid Sans', sans-serif; | 39 | font-family: 'Droid Sans', sans-serif; |
40 | } | 40 | } |
41 | 41 | ||
42 | .cloud_popup .content | 42 | .cloud_popup .content |
43 | { | 43 | { |
44 | width: 360px; | 44 | width: 360px; |
45 | } | 45 | } |
46 | 46 | ||
47 | .cloud_popup .content h3 | 47 | .cloud_popup .content h3 |
48 | { | 48 | { |
49 | text-transform: uppercase; | 49 | text-transform: uppercase; |
50 | font-weight: normal; | 50 | font-weight: normal; |
51 | font-size: 14px; | 51 | font-size: 14px; |
52 | text-shadow: 1px 1px 1px #000; | 52 | text-shadow: 1px 1px 1px #000; |
53 | font-family: 'Droid Sans', sans-serif; | 53 | font-family: 'Droid Sans', sans-serif; |
54 | display: block; | 54 | display: block; |
55 | float: left; | 55 | float: left; |
56 | clear: both; | 56 | clear: both; |
57 | margin: 4px 0px 8px 0px; | 57 | margin: 4px 0px 8px 0px; |
58 | padding: 0px; | 58 | padding: 0px; |
59 | width: 100%; | 59 | width: 100%; |
60 | text-align: center; | 60 | text-align: center; |
61 | } | 61 | } |
62 | 62 | ||
63 | .cloud_popup .content p | 63 | .cloud_popup .content p |
64 | { | 64 | { |
65 | text-shadow: 1px 1px 1px #222; | 65 | text-shadow: 1px 1px 1px #222; |
66 | margin: 0px 0px 12px 0px; | 66 | margin: 0px 0px 12px 0px; |
67 | color: #EEE; | 67 | color: #EEE; |
68 | } | 68 | } |
69 | 69 | ||
70 | .cloud_popup .content .btn_test | 70 | .cloud_popup .content .btn_test |
71 | { | 71 | { |
72 | float: right; | 72 | float: right; |
73 | clear: right; | 73 | clear: right; |
74 | margin: 1px 2px 0px 8px; | 74 | margin: 1px 2px 0px 8px; |
75 | width: 60px; | 75 | width: 60px; |
76 | } | 76 | } |
77 | 77 | ||
78 | .cloud_popup .content label | 78 | .cloud_popup .content label |
79 | { | 79 | { |
80 | float: left; | 80 | float: left; |
81 | margin: 5px 8px 0px 0px; | 81 | margin: 5px 8px 0px 0px; |
82 | display: block; | 82 | display: block; |
83 | width: 96px; | 83 | width: 96px; |
84 | text-align: right; | 84 | text-align: right; |
85 | } | 85 | } |
86 | 86 | ||
87 | .cloud_popup .content input | 87 | .cloud_popup .content input |
88 | { | 88 | { |
89 | display: block; | 89 | display: block; |
90 | float: left; | 90 | float: left; |
91 | color: #FFF; | 91 | color: #FFF; |
92 | border: 0px; | 92 | border: 0px; |
93 | padding: 4px; | 93 | padding: 4px; |
94 | margin: 0px; | 94 | margin: 0px; |
95 | width: 176px; | 95 | width: 176px; |
96 | border-radius: 4px; | 96 | border-radius: 4px; |
97 | text-shadow: 1px 1px 1px #222; | 97 | text-shadow: 1px 1px 1px #222; |
98 | font-family: 'Droid Sans', sans-serif; | 98 | font-family: 'Droid Sans', sans-serif; |
99 | border: 1px lighten($grey_dark, 20%) solid; | 99 | 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)); | 100 | background: $grey_dark -webkit-gradient(linear, left top, left bottom, color-stop(45%, lighten($grey_dark, 10%)), color-stop(100%, $grey_dark)); |
101 | } | 101 | } |
102 | 102 | ||
103 | .cloud_popup .content input:focus | 103 | .cloud_popup .content input:focus |
104 | { | 104 | { |
105 | text-shadow: none; | 105 | text-shadow: none; |
106 | background: #FFF; | 106 | background: #FFF; |
107 | border: 1px $grey_dark solid; | 107 | border: 1px $grey_dark solid; |
108 | color: $grey_dark; | 108 | color: $grey_dark; |
@@ -110,63 +110,63 @@ $grey_light: #494949; | |||
110 | 110 | ||
111 | .cloud_popup .content .status | 111 | .cloud_popup .content .status |
112 | { | 112 | { |
113 | float: left; | 113 | float: left; |
114 | clear: right; | 114 | clear: right; |
115 | margin: 5px 0px 0px 6px; | 115 | margin: 5px 0px 0px 6px; |
116 | text-shadow: 1px 1px 1px #333; | 116 | text-shadow: 1px 1px 1px #333; |
117 | width: 240px; | 117 | width: 240px; |
118 | } | 118 | } |
119 | 119 | ||
120 | .cloud_popup .content .btn_ok, .cloud_popup .content .btn_cancel | 120 | .cloud_popup .content .btn_ok, .cloud_popup .content .btn_cancel |
121 | { | 121 | { |
122 | width: 80px; | 122 | width: 80px; |
123 | text-align: center; | 123 | text-align: center; |
124 | float: right; | 124 | float: right; |
125 | margin: 8px 2px 2px 8px; | 125 | margin: 8px 2px 2px 8px; |
126 | } | 126 | } |
127 | 127 | ||
128 | .cloud_popup section | 128 | .cloud_popup section |
129 | { | 129 | { |
130 | float: left; | 130 | float: left; |
131 | clear: both; | 131 | clear: both; |
132 | margin: 16px 0px 0px 0px; | 132 | margin: 16px 0px 0px 0px; |
133 | background: #333 -webkit-linear-gradient(top, rgb(50, 50, 50) 0%, rgb(60, 60, 60) 100%); | 133 | background: #333 -webkit-linear-gradient(top, rgb(50, 50, 50) 0%, rgb(60, 60, 60) 100%); |
134 | border: 1px solid #333; | 134 | border: 1px solid #333; |
135 | padding: 8px; | 135 | padding: 8px; |
136 | border-radius: 6px; | 136 | border-radius: 6px; |
137 | } | 137 | } |
138 | 138 | ||
139 | .cloud_popup section h4 | 139 | .cloud_popup section h4 |
140 | { | 140 | { |
141 | text-transform: uppercase; | 141 | text-transform: uppercase; |
142 | font-weight: normal; | 142 | font-weight: normal; |
143 | font-size: 12px; | 143 | font-size: 12px; |
144 | text-shadow: 1px 1px 1px #000; | 144 | text-shadow: 1px 1px 1px #000; |
145 | font-family: 'Droid Sans', sans-serif; | 145 | font-family: 'Droid Sans', sans-serif; |
146 | display: block; | 146 | display: block; |
147 | float: left; | 147 | float: left; |
148 | clear: both; | 148 | clear: both; |
149 | margin: 2px 0px 6px 0px; | 149 | margin: 2px 0px 6px 0px; |
150 | padding: 0px; | 150 | padding: 0px; |
151 | width: 100%; | 151 | width: 100%; |
152 | text-align: center; | 152 | text-align: center; |
153 | } | 153 | } |
154 | 154 | ||
155 | .cloud_popup section .btn_download | 155 | .cloud_popup section .btn_download |
156 | { | 156 | { |
157 | width: 120px; | 157 | width: 120px; |
158 | text-align: center; | 158 | text-align: center; |
159 | margin: 10px 0px 2px 4px; | 159 | margin: 10px 0px 2px 4px; |
160 | float: left; | 160 | float: left; |
161 | font-size: 11px; | 161 | font-size: 11px; |
162 | } | 162 | } |
163 | 163 | ||
164 | .cloud_popup section .cloud_icon | 164 | .cloud_popup section .cloud_icon |
165 | { | 165 | { |
166 | background-image: url(../../../../../ninja_icon_128.png); | 166 | background-image: url(../../../../../ninja_icon_128.png); |
167 | background-size: 100% 100%; | 167 | background-size: 100% 100%; |
168 | width: 60px; | 168 | width: 60px; |
169 | height: 60px; | 169 | height: 60px; |
170 | float: left; | 170 | float: left; |
171 | margin: -10px 0px -6px 56px; | 171 | margin: -10px 0px -6px 56px; |
172 | } | 172 | } |