Revision 84e9a07d

b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/common.js
612 612
    $('.toggle-lt-bar').click(function(e){
613 613
        e.preventDefault();
614 614
        $('.lt-bar').animate({ width: 'toggle' });
615
    });
616

  
617
    $('.act').click(function(e){
618
        e.preventDefault();
619
        $(this).toggleClass('open',0);
615 620
    })
621

  
616 622
    // end of connected details js
617 623
})
618 624

  
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_connected.scss
72 72
					top:-9px;
73 73
					display: block;
74 74
					height: 20px;
75
					width:$lt-width/2;
76
					background: url(../images/connected.png) no-repeat 28px center;
75
					width:65px;
76
					background: url(../images/connected.png) no-repeat 25px center;
77 77
					z-index: 2;
78
					-moz-transition: none;
79
					-webkit-transition: none;
80
					transition: none;
81
					&.open {
82
						background:url(../images/disconnected.png) no-repeat 0 0 #fff;
83
						-moz-transition: none;
84
						-webkit-transition: none;
85
						transition: none;
86
					}
78 87
				}
79 88
				.data {
80 89
					float: left;
b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
10151 10151
  top: -9px;
10152 10152
  display: block;
10153 10153
  height: 20px;
10154
  width: 82.5px;
10155
  background: url(../images/connected.png) no-repeat 28px center;
10154
  width: 65px;
10155
  background: url(../images/connected.png) no-repeat 25px center;
10156 10156
  z-index: 2;
10157
  -moz-transition: none;
10158
  -webkit-transition: none;
10159
  transition: none;
10160
}
10161
/* line 81, ../sass/_connected.scss */
10162
.connected .item .connections > li .act.open {
10163
  background: url(../images/disconnected.png) no-repeat 0 0 white;
10164
  -moz-transition: none;
10165
  -webkit-transition: none;
10166
  transition: none;
10157 10167
}
10158
/* line 79, ../sass/_connected.scss */
10168
/* line 88, ../sass/_connected.scss */
10159 10169
.connected .item .connections > li .data {
10160 10170
  float: left;
10161 10171
  position: relative;
10162 10172
  top: -15px;
10163 10173
  width: 350px;
10164 10174
}
10165
/* line 84, ../sass/_connected.scss */
10175
/* line 93, ../sass/_connected.scss */
10166 10176
.connected .item .connections > li .data ul {
10167 10177
  padding: 5px 0 0;
10168 10178
  margin: 0;
10169 10179
  background-color: #ebebec;
10170 10180
}
10171
/* line 88, ../sass/_connected.scss */
10181
/* line 97, ../sass/_connected.scss */
10172 10182
.connected .item .connections > li .data ul li {
10173 10183
  font-size: 0.75em;
10174 10184
  list-style: none outside none;
10175 10185
  padding: 0 10px 10px 10px;
10176 10186
}
10177
/* line 92, ../sass/_connected.scss */
10187
/* line 101, ../sass/_connected.scss */
10178 10188
.connected .item .connections > li .data ul li h5 {
10179 10189
  width: 10%;
10180 10190
  float: left;
10181 10191
  margin: 0;
10182 10192
  line-height: 1.3em;
10183 10193
}
10184
/* line 98, ../sass/_connected.scss */
10194
/* line 107, ../sass/_connected.scss */
10185 10195
.connected .item .connections > li .data ul li p {
10186 10196
  overflow: hidden;
10187 10197
  padding-left: 10px;
......
10189 10199
  line-height: 1.3em;
10190 10200
}
10191 10201

  
10192
/* line 112, ../sass/_connected.scss */
10202
/* line 121, ../sass/_connected.scss */
10193 10203
.connect-new {
10194 10204
  position: absolute;
10195 10205
  bottom: -150px;
......
10200 10210
  background: url(../images/dashed_atom.png) repeat-y left center;
10201 10211
  margin-bottom: 50px;
10202 10212
}
10203
/* line 121, ../sass/_connected.scss */
10213
/* line 130, ../sass/_connected.scss */
10204 10214
.connect-new .img-wrap {
10205 10215
  position: relative;
10206 10216
  display: block;
......
10208 10218
  height: 2px;
10209 10219
  background: url(../images/dashed_atom-x.png) repeat-x left top;
10210 10220
}
10211
/* line 127, ../sass/_connected.scss */
10221
/* line 136, ../sass/_connected.scss */
10212 10222
.connect-new .img-wrap > a {
10213 10223
  display: block;
10214 10224
  position: absolute;
......
10218 10228
  text-align: center;
10219 10229
  margin: -20px 0 0;
10220 10230
}
10221
/* line 136, ../sass/_connected.scss */
10231
/* line 145, ../sass/_connected.scss */
10222 10232
.connect-new .img-wrap > a .snf-network_full,
10223 10233
.connect-new .img-wrap > a .snf-PC_fill {
10224 10234
  color: #485057;
10225 10235
}
10226
/* line 139, ../sass/_connected.scss */
10236
/* line 148, ../sass/_connected.scss */
10227 10237
.connect-new .img-wrap > a .snf-network_full {
10228 10238
  position: relative;
10229 10239
  top: -9px;
10230 10240
}
10231
/* line 144, ../sass/_connected.scss */
10241
/* line 153, ../sass/_connected.scss */
10232 10242
.connect-new .img-wrap > a:hover span {
10233 10243
  color: #30c79e;
10234 10244
}
10235
/* line 150, ../sass/_connected.scss */
10245
/* line 159, ../sass/_connected.scss */
10236 10246
.connect-new p {
10237 10247
  position: absolute;
10238 10248
  left: 165px;
......
10242 10252
  top: 90px;
10243 10253
}
10244 10254

  
10245
/* line 160, ../sass/_connected.scss */
10255
/* line 169, ../sass/_connected.scss */
10246 10256
.network .connected {
10247 10257
  left: 143px;
10248 10258
  top: -80px;
10249 10259
  padding-top: 80px;
10250 10260
}
10251 10261

  
10252
/* line 166, ../sass/_connected.scss */
10262
/* line 175, ../sass/_connected.scss */
10253 10263
.firewall {
10254 10264
  float: left;
10255 10265
  margin-left: 20px;
......
10261 10271
  font-size: 0.75em;
10262 10272
  z-index: 2;
10263 10273
}
10264
/* line 176, ../sass/_connected.scss */
10274
/* line 185, ../sass/_connected.scss */
10265 10275
.firewall p {
10266 10276
  margin: 0;
10267 10277
}
10268
/* line 178, ../sass/_connected.scss */
10278
/* line 187, ../sass/_connected.scss */
10269 10279
.firewall p em {
10270 10280
  color: #30c79e;
10271 10281
}
10272
/* line 182, ../sass/_connected.scss */
10282
/* line 191, ../sass/_connected.scss */
10273 10283
.firewall .more {
10274 10284
  margin-top: 20px;
10275 10285
  display: none;
10276 10286
}
10277
/* line 186, ../sass/_connected.scss */
10287
/* line 195, ../sass/_connected.scss */
10278 10288
.firewall .more p span {
10279 10289
  float: right;
10280 10290
  font-size: 0.875em;
10281 10291
  height: 14px;
10282 10292
  line-height: 22px;
10283 10293
}
10284
/* line 192, ../sass/_connected.scss */
10294
/* line 201, ../sass/_connected.scss */
10285 10295
.firewall .more p em {
10286 10296
  float: right;
10287 10297
  margin: 0 5px 0 20px;
10288 10298
  width: 15px;
10289 10299
  display: inline-block;
10290 10300
}
10291
/* line 201, ../sass/_connected.scss */
10301
/* line 210, ../sass/_connected.scss */
10292 10302
.firewall.unprotected > p em,
10293 10303
.firewall .unprotected a em {
10294 10304
  color: #ff5c58;
10295 10305
}
10296 10306

  
10297
/* line 206, ../sass/_connected.scss */
10307
/* line 215, ../sass/_connected.scss */
10298 10308
.details .placeholder {
10299 10309
  height: 100px;
10300 10310
}

Also available in: Unified diff