Revision eda4930e

b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_connected.scss
97 97
						color: $act-btn-color-hover;
98 98
					}
99 99
					&.open {
100
						border-color:white;
100
							border-color:white;
101 101
							width: 29px;
102
							line-height: 16px;
103
							color: $gray-0;
102
							height: 29px;
103
							// line-height: 16px;
104
							// color: $gray-0;
105
							background:url(../images/gear-485057.GIF) no-repeat 0 0 #fff;
104 106
						&:before {
105
							content: "...";
107
							content: "";
106 108
						}
107 109
						// background:url(../images/disconnected.png) no-repeat 0 0 #fff;
108 110
						// -moz-transition: none;
b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
10824 10824
.connected .item .connections > li .act.open {
10825 10825
  border-color: white;
10826 10826
  width: 29px;
10827
  line-height: 16px;
10828
  color: #2d3338;
10827
  height: 29px;
10828
  background: url(../images/gear-485057.GIF) no-repeat 0 0 white;
10829 10829
}
10830
/* line 104, ../sass/_connected.scss */
10830
/* line 106, ../sass/_connected.scss */
10831 10831
.connected .item .connections > li .act.open:before {
10832
  content: "...";
10832
  content: "";
10833 10833
}
10834
/* line 113, ../sass/_connected.scss */
10834
/* line 115, ../sass/_connected.scss */
10835 10835
.connected .item .connections > li .data {
10836 10836
  float: left;
10837 10837
  position: relative;
10838 10838
  top: -15px;
10839 10839
  width: 350px;
10840 10840
}
10841
/* line 118, ../sass/_connected.scss */
10841
/* line 120, ../sass/_connected.scss */
10842 10842
.connected .item .connections > li .data ul {
10843 10843
  padding: 5px 0 0;
10844 10844
  margin: 0;
10845 10845
  background-color: #bebebe;
10846 10846
}
10847
/* line 122, ../sass/_connected.scss */
10847
/* line 124, ../sass/_connected.scss */
10848 10848
.connected .item .connections > li .data ul li {
10849 10849
  font-size: 0.75em;
10850 10850
  list-style: none outside none;
10851 10851
  padding: 0 10px 10px 10px;
10852 10852
}
10853
/* line 126, ../sass/_connected.scss */
10853
/* line 128, ../sass/_connected.scss */
10854 10854
.connected .item .connections > li .data ul li h5 {
10855 10855
  float: left;
10856 10856
  margin: 0;
10857 10857
  line-height: 1.3em;
10858 10858
}
10859
/* line 130, ../sass/_connected.scss */
10859
/* line 132, ../sass/_connected.scss */
10860 10860
.connected .item .connections > li .data ul li h5.ip-data {
10861 10861
  width: 10%;
10862 10862
}
10863
/* line 133, ../sass/_connected.scss */
10863
/* line 135, ../sass/_connected.scss */
10864 10864
.connected .item .connections > li .data ul li h5.volume-data {
10865 10865
  width: 35%;
10866 10866
}
10867
/* line 137, ../sass/_connected.scss */
10867
/* line 139, ../sass/_connected.scss */
10868 10868
.connected .item .connections > li .data ul li p {
10869 10869
  overflow: hidden;
10870 10870
  padding-left: 10px;
......
10872 10872
  line-height: 1.3em;
10873 10873
}
10874 10874

  
10875
/* line 151, ../sass/_connected.scss */
10875
/* line 153, ../sass/_connected.scss */
10876 10876
.connect-new {
10877 10877
  position: absolute;
10878 10878
  bottom: -150px;
......
10884 10884
  margin-bottom: 50px;
10885 10885
  margin-left: -1px;
10886 10886
}
10887
/* line 161, ../sass/_connected.scss */
10887
/* line 163, ../sass/_connected.scss */
10888 10888
.connect-new .img-wrap {
10889 10889
  position: relative;
10890 10890
  display: block;
......
10893 10893
  background: url(../images/dashed_atom-x.png) repeat-x left top;
10894 10894
  overflow: inherit;
10895 10895
}
10896
/* line 168, ../sass/_connected.scss */
10896
/* line 170, ../sass/_connected.scss */
10897 10897
.connect-new .img-wrap > a {
10898 10898
  display: block;
10899 10899
  position: absolute;
......
10903 10903
  text-align: center;
10904 10904
  margin: -20px 0 0;
10905 10905
}
10906
/* line 176, ../sass/_connected.scss */
10906
/* line 178, ../sass/_connected.scss */
10907 10907
.connect-new .img-wrap > a .snf-font {
10908 10908
  color: #485057;
10909 10909
  font-size: 3.75em;
10910 10910
}
10911
/* line 180, ../sass/_connected.scss */
10911
/* line 182, ../sass/_connected.scss */
10912 10912
.connect-new .img-wrap > a .snf-network-full {
10913 10913
  position: relative;
10914 10914
  top: -9px;
10915 10915
}
10916
/* line 186, ../sass/_connected.scss */
10916
/* line 188, ../sass/_connected.scss */
10917 10917
.connect-new p {
10918 10918
  position: absolute;
10919 10919
  left: 165px;
......
10922 10922
  font-size: 0.875em;
10923 10923
  top: 90px;
10924 10924
}
10925
/* line 194, ../sass/_connected.scss */
10925
/* line 196, ../sass/_connected.scss */
10926 10926
.connect-new.network p {
10927 10927
  top: 90px;
10928 10928
}
10929
/* line 197, ../sass/_connected.scss */
10929
/* line 199, ../sass/_connected.scss */
10930 10930
.connect-new.disk p {
10931 10931
  top: 94px;
10932 10932
}
10933
/* line 201, ../sass/_connected.scss */
10933
/* line 203, ../sass/_connected.scss */
10934 10934
.connect-new:hover .img-wrap > a .snf-font, .connect-new:hover span, .connect-new:hover a {
10935 10935
  color: #30c79e;
10936 10936
}
10937 10937

  
10938
/* line 208, ../sass/_connected.scss */
10938
/* line 210, ../sass/_connected.scss */
10939 10939
.network .connected {
10940 10940
  left: 143px;
10941 10941
  top: -80px;
10942 10942
  padding-top: 80px;
10943 10943
}
10944 10944

  
10945
/* line 212, ../sass/_connected.scss */
10945
/* line 214, ../sass/_connected.scss */
10946 10946
.firewall {
10947 10947
  float: left;
10948 10948
  margin-left: 20px;
......
10955 10955
  white-space: nowrap;
10956 10956
  background-color: #fff;
10957 10957
}
10958
/* line 223, ../sass/_connected.scss */
10958
/* line 225, ../sass/_connected.scss */
10959 10959
.firewall p {
10960 10960
  margin: 0;
10961 10961
}
10962
/* line 225, ../sass/_connected.scss */
10962
/* line 227, ../sass/_connected.scss */
10963 10963
.firewall p em {
10964 10964
  color: #30c79e;
10965 10965
}
10966
/* line 229, ../sass/_connected.scss */
10966
/* line 231, ../sass/_connected.scss */
10967 10967
.firewall .more {
10968 10968
  margin-top: 10px;
10969 10969
  margin-left: 0;
10970 10970
  list-style: none;
10971 10971
  display: none;
10972 10972
}
10973
/* line 236, ../sass/_connected.scss */
10973
/* line 238, ../sass/_connected.scss */
10974 10974
.firewall .more li {
10975 10975
  min-width: 200px;
10976 10976
}
10977
/* line 238, ../sass/_connected.scss */
10977
/* line 240, ../sass/_connected.scss */
10978 10978
.firewall .more li span {
10979 10979
  float: right;
10980 10980
  font-size: 0.875em;
10981 10981
  height: 14px;
10982 10982
  line-height: 22px;
10983 10983
}
10984
/* line 244, ../sass/_connected.scss */
10984
/* line 246, ../sass/_connected.scss */
10985 10985
.firewall .more li em {
10986 10986
  float: right;
10987 10987
  margin: 0 5px 0 20px;
10988 10988
  width: 15px;
10989 10989
  display: inline-block;
10990 10990
}
10991
/* line 253, ../sass/_connected.scss */
10991
/* line 255, ../sass/_connected.scss */
10992 10992
.firewall.unprotected > p em,
10993 10993
.firewall .unprotected a em {
10994 10994
  color: #e02b2b;
10995 10995
}
10996 10996

  
10997
/* line 258, ../sass/_connected.scss */
10997
/* line 260, ../sass/_connected.scss */
10998 10998
.details .placeholder {
10999 10999
  height: 100px;
11000 11000
}

Also available in: Unified diff