aboutsummaryrefslogtreecommitdiff
path: root/js/io/ui/cloudpopup.reel/css
diff options
context:
space:
mode:
authorJose Antonio Marquez2012-01-31 22:44:15 -0800
committerJose Antonio Marquez2012-01-31 22:44:15 -0800
commitd2ff7026abd7e40b49917491773cba9367221f99 (patch)
tree22ab4103ebe645dbd3d38937860c137bf1c18801 /js/io/ui/cloudpopup.reel/css
parent67097a84b13199a6e7ee3185f1c5521208f1732f (diff)
downloadninja-d2ff7026abd7e40b49917491773cba9367221f99.tar.gz
Hooking cloud popup UI to core
Set up the popup UI for cloud to core API to detected cloud API connection.
Diffstat (limited to 'js/io/ui/cloudpopup.reel/css')
-rw-r--r--js/io/ui/cloudpopup.reel/css/cloudpopup.css34
-rwxr-xr-xjs/io/ui/cloudpopup.reel/css/cloudpopup.scss23
2 files changed, 31 insertions, 26 deletions
diff --git a/js/io/ui/cloudpopup.reel/css/cloudpopup.css b/js/io/ui/cloudpopup.reel/css/cloudpopup.css
index 009ba835..81e0742f 100644
--- a/js/io/ui/cloudpopup.reel/css/cloudpopup.css
+++ b/js/io/ui/cloudpopup.reel/css/cloudpopup.css
@@ -34,20 +34,21 @@
34 34
35/* line 40, cloudpopup.scss */ 35/* line 40, cloudpopup.scss */
36.cloud_popup .content p { 36.cloud_popup .content p {
37 text-shadow: 1px 1px 1px #333; 37 text-shadow: 1px 1px 1px #222;
38 margin: 0px 0px 12px 0px; 38 margin: 0px 0px 12px 0px;
39 text-align: justify; 39 text-align: justify;
40 color: #EEE; 40 color: #EEE;
41} 41}
42 42
43/* line 48, cloudpopup.scss */ 43/* line 48, cloudpopup.scss */
44.cloud_popup .content .test { 44.cloud_popup .content .btn_test {
45 float: right; 45 float: right;
46 clear: right; 46 clear: right;
47 margin: 0px 0px 0px 8px; 47 margin: 0px 0px 0px 8px;
48 width: 60px;
48} 49}
49 50
50/* line 55, cloudpopup.scss */ 51/* line 56, cloudpopup.scss */
51.cloud_popup .content label { 52.cloud_popup .content label {
52 float: left; 53 float: left;
53 margin: 5px 8px 0px 0px; 54 margin: 5px 8px 0px 0px;
@@ -56,28 +57,30 @@
56 text-align: right; 57 text-align: right;
57} 58}
58 59
59/* line 64, cloudpopup.scss */ 60/* line 65, cloudpopup.scss */
60.cloud_popup .content input { 61.cloud_popup .content input {
61 display: block; 62 display: block;
63 float: left;
64 color: #FFF;
62 border: 0px; 65 border: 0px;
63 padding: 4px; 66 padding: 4px;
64 margin: 0px; 67 margin: 0px;
65 background: #292929 -webkit-gradient(linear, left top, left bottom, color-stop(45%, #434343), color-stop(100%, #292929)); 68 width: 176px;
66 border: 1px #5c5c5c solid;
67 color: #FFF;
68 float: left;
69 width: 202px;
70 border-radius: 4px; 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));
71} 73}
72 74
73/* line 77, cloudpopup.scss */ 75/* line 80, cloudpopup.scss */
74.cloud_popup .content input:focus { 76.cloud_popup .content input:focus {
77 text-shadow: none;
75 background: #FFF; 78 background: #FFF;
76 border: 1px #292929 solid; 79 border: 1px #292929 solid;
77 color: #292929; 80 color: #292929;
78} 81}
79 82
80/* line 84, cloudpopup.scss */ 83/* line 88, cloudpopup.scss */
81.cloud_popup .content button { 84.cloud_popup .content button {
82 display: block; 85 display: block;
83 border: 0px; 86 border: 0px;
@@ -92,16 +95,15 @@
92 text-shadow: 1px 1px 1px #000; 95 text-shadow: 1px 1px 1px #000;
93} 96}
94 97
95/* line 99, cloudpopup.scss */ 98/* line 103, cloudpopup.scss */
96.cloud_popup .content button:hover { 99.cloud_popup .content button:hover {
97 border: 1px #222 solid; 100 border: 1px #222 solid;
98 background: #292929 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5c5c5c), color-stop(100%, #161616)); 101 background: #292929 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5c5c5c), color-stop(100%, #161616));
99 color: #EEE; 102 color: #EEE;
100} 103}
101 104
102/* line 107, cloudpopup.scss */ 105/* line 111, cloudpopup.scss */
103.cloud_popup .content .status { 106.cloud_popup .content .status {
104 color: red;
105 float: left; 107 float: left;
106 clear: right; 108 clear: right;
107 margin: 5px 0px 0px 6px; 109 margin: 5px 0px 0px 6px;
@@ -109,8 +111,8 @@
109 width: 240px; 111 width: 240px;
110} 112}
111 113
112/* line 117, cloudpopup.scss */ 114/* line 120, cloudpopup.scss */
113.cloud_popup .content .handle_ok, .cloud_popup .content .handle_cancel { 115.cloud_popup .content .btn_ok, .cloud_popup .content .btn_cancel {
114 width: 80px; 116 width: 80px;
115 text-align: center; 117 text-align: center;
116 float: right; 118 float: right;
diff --git a/js/io/ui/cloudpopup.reel/css/cloudpopup.scss b/js/io/ui/cloudpopup.reel/css/cloudpopup.scss
index ea54b1d8..ec03eb01 100755
--- a/js/io/ui/cloudpopup.reel/css/cloudpopup.scss
+++ b/js/io/ui/cloudpopup.reel/css/cloudpopup.scss
@@ -38,17 +38,18 @@ $grey_light: #494949;
38 38
39.cloud_popup .content p 39.cloud_popup .content p
40{ 40{
41 text-shadow: 1px 1px 1px #333; 41 text-shadow: 1px 1px 1px #222;
42 margin: 0px 0px 12px 0px; 42 margin: 0px 0px 12px 0px;
43 text-align: justify; 43 text-align: justify;
44 color: #EEE; 44 color: #EEE;
45} 45}
46 46
47.cloud_popup .content .test 47.cloud_popup .content .btn_test
48{ 48{
49 float: right; 49 float: right;
50 clear: right; 50 clear: right;
51 margin: 0px 0px 0px 8px; 51 margin: 0px 0px 0px 8px;
52 width: 60px;
52} 53}
53 54
54.cloud_popup .content label 55.cloud_popup .content label
@@ -63,18 +64,21 @@ $grey_light: #494949;
63.cloud_popup .content input 64.cloud_popup .content input
64{ 65{
65 display: block; 66 display: block;
67 float: left;
68 color: #FFF;
66 border: 0px; 69 border: 0px;
67 padding: 4px; 70 padding: 4px;
68 margin: 0px; 71 margin: 0px;
69 background: $grey_dark -webkit-gradient(linear, left top, left bottom, color-stop(45%, lighten($grey_dark, 10%)), color-stop(100%, $grey_dark)); 72 width: 176px;
70 border: 1px lighten($grey_dark, 20%) solid;
71 color: #FFF;
72 float: left;
73 width: 202px;
74 border-radius: 4px; 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));
75} 77}
76 78
77.cloud_popup .content input:focus { 79.cloud_popup .content input:focus
80{
81 text-shadow: none;
78 background: #FFF; 82 background: #FFF;
79 border: 1px $grey_dark solid; 83 border: 1px $grey_dark solid;
80 color: $grey_dark; 84 color: $grey_dark;
@@ -105,7 +109,6 @@ $grey_light: #494949;
105 109
106.cloud_popup .content .status 110.cloud_popup .content .status
107{ 111{
108 color: red;
109 float: left; 112 float: left;
110 clear: right; 113 clear: right;
111 margin: 5px 0px 0px 6px; 114 margin: 5px 0px 0px 6px;
@@ -113,7 +116,7 @@ $grey_light: #494949;
113 width: 240px; 116 width: 240px;
114} 117}
115 118
116.cloud_popup .content .handle_ok, .cloud_popup .content .handle_cancel 119.cloud_popup .content .btn_ok, .cloud_popup .content .btn_cancel
117{ 120{
118 width: 80px; 121 width: 80px;
119 text-align: center; 122 text-align: center;