Revision bfdaac22 snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css

b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
7855 7855
}
7856 7856
/* line 265, ../sass/_items-list.scss */
7857 7857
.list-view .items-list > li h4, .storage-progress .items-list > li h4 {
7858
  width: 230px;
7858
  width: 210px;
7859 7859
  overflow: hidden;
7860 7860
  float: left;
7861 7861
  text-align: left;
......
7881 7881
  height: 34px;
7882 7882
  line-height: 34px;
7883 7883
  font-size: 0.75em;
7884
  text-align: left;
7884 7885
}
7885
/* line 290, ../sass/_items-list.scss */
7886
/* line 291, ../sass/_items-list.scss */
7886 7887
.list-view .items-list > li .status, .storage-progress .items-list > li .status {
7887 7888
  position: absolute;
7888 7889
  left: 280px;
7889 7890
  text-align: left;
7890 7891
  top: 30px;
7891
  width: 230px;
7892
  width: 210px;
7892 7893
}
7893
/* line 296, ../sass/_items-list.scss */
7894
/* line 297, ../sass/_items-list.scss */
7894 7895
.list-view .items-list > li .status span, .storage-progress .items-list > li .status span {
7895 7896
  display: inline;
7896 7897
}
7897
/* line 300, ../sass/_items-list.scss */
7898
/* line 301, ../sass/_items-list.scss */
7898 7899
.list-view .items-list > li .info, .list-view .items-list > li .progress-col, .storage-progress .items-list > li .info, .storage-progress .items-list > li .progress-col {
7899 7900
  float: left;
7900 7901
  width: 200px;
......
7902 7903
  line-height: 34px;
7903 7904
  font-size: 0.75em;
7904 7905
}
7905
/* line 307, ../sass/_items-list.scss */
7906
/* line 308, ../sass/_items-list.scss */
7906 7907
.list-view .items-list > li .actions, .storage-progress .items-list > li .actions {
7907 7908
  float: left;
7908 7909
  height: 34px;
......
7911 7912
  top: -4px;
7912 7913
  margin: 0 10px;
7913 7914
}
7914
/* line 315, ../sass/_items-list.scss */
7915
/* line 316, ../sass/_items-list.scss */
7915 7916
.list-view .items-list > li .actions a:first-child, .storage-progress .items-list > li .actions a:first-child {
7916 7917
  margin-right: 5px;
7917 7918
}
7918
/* line 320, ../sass/_items-list.scss */
7919
/* line 321, ../sass/_items-list.scss */
7919 7920
.list-view .items-list > li .actions-col, .list-view .items-list > li .remove, .storage-progress .items-list > li .actions-col, .storage-progress .items-list > li .remove {
7920 7921
  visibility: hidden;
7921 7922
  height: 34px;
......
7924 7925
  width: 140px;
7925 7926
  float: left;
7926 7927
}
7927
/* line 327, ../sass/_items-list.scss */
7928
/* line 328, ../sass/_items-list.scss */
7928 7929
.list-view .items-list > li .actions-col a, .list-view .items-list > li .remove a, .storage-progress .items-list > li .actions-col a, .storage-progress .items-list > li .remove a {
7929 7930
  margin-right: 10px;
7930 7931
}
7931
/* line 332, ../sass/_items-list.scss */
7932
/* line 333, ../sass/_items-list.scss */
7932 7933
.list-view .items-list > li.add-new:hover, .storage-progress .items-list > li.add-new:hover {
7933 7934
  background: #485057;
7934 7935
}
7935
/* line 335, ../sass/_items-list.scss */
7936
/* line 336, ../sass/_items-list.scss */
7936 7937
.list-view .items-list > li.add-new .check, .storage-progress .items-list > li.add-new .check {
7937 7938
  visibility: hidden;
7938 7939
}
7939
/* line 338, ../sass/_items-list.scss */
7940
/* line 339, ../sass/_items-list.scss */
7940 7941
.list-view .items-list > li.add-new h4, .storage-progress .items-list > li.add-new h4 {
7941 7942
  margin: 0;
7942 7943
}
7943
/* line 344, ../sass/_items-list.scss */
7944
/* line 345, ../sass/_items-list.scss */
7944 7945
.list-view .items-list > li.add-new .img-wrap .symbol, .storage-progress .items-list > li.add-new .img-wrap .symbol {
7945 7946
  font-size: 24px;
7946 7947
}
7947
/* line 351, ../sass/_items-list.scss */
7948
/* line 352, ../sass/_items-list.scss */
7948 7949
.list-view .items-list > li.building .img-wrap .incomplete, .storage-progress .items-list > li.building .img-wrap .incomplete {
7949 7950
  width: 34px;
7950 7951
  margin: 0 auto;
7951 7952
}
7952
/* line 355, ../sass/_items-list.scss */
7953
/* line 356, ../sass/_items-list.scss */
7953 7954
.list-view .items-list > li.building .img-wrap .complete, .storage-progress .items-list > li.building .img-wrap .complete {
7954 7955
  top: -34px;
7955 7956
  margin: 0 auto;
7956 7957
}
7957 7958

  
7958
/* line 367, ../sass/_items-list.scss */
7959
/* line 368, ../sass/_items-list.scss */
7959 7960
.lt-bar .items-list .check, .lt-bar .items-list .actions, .lt-bar .items-list .info {
7960 7961
  display: none;
7961 7962
}
7962
/* line 370, ../sass/_items-list.scss */
7963
/* line 371, ../sass/_items-list.scss */
7963 7964
.lt-bar .items-list > li {
7964 7965
  background: url(../images/dashed_atom-x.png) repeat-x center bottom;
7965 7966
  padding: 40px;
7966 7967
  height: auto;
7967 7968
}
7968
/* line 374, ../sass/_items-list.scss */
7969
/* line 375, ../sass/_items-list.scss */
7969 7970
.lt-bar .items-list > li:hover {
7970 7971
  background-color: #ebebec;
7971 7972
}
7972
/* line 377, ../sass/_items-list.scss */
7973
/* line 378, ../sass/_items-list.scss */
7973 7974
.lt-bar .items-list > li.add-new {
7974 7975
  background-color: #30c79e;
7975 7976
}
7976
/* line 379, ../sass/_items-list.scss */
7977
/* line 380, ../sass/_items-list.scss */
7977 7978
.lt-bar .items-list > li.add-new:hover {
7978 7979
  background-color: #485057;
7979 7980
}
7980
/* line 384, ../sass/_items-list.scss */
7981
/* line 385, ../sass/_items-list.scss */
7981 7982
.lt-bar .items-list .container {
7982 7983
  height: 160px;
7983 7984
  position: relative;
7984 7985
  line-height: 120%;
7985 7986
}
7986
/* line 388, ../sass/_items-list.scss */
7987
/* line 389, ../sass/_items-list.scss */
7987 7988
.lt-bar .items-list .container .tags {
7988 7989
  width: 100%;
7989 7990
  min-height: 12px;
......
7992 7993
}
7993 7994

  
7994 7995
/* img-wrap div ( colors & styles ) */
7995
/* line 401, ../sass/_items-list.scss */
7996
/* line 402, ../sass/_items-list.scss */
7996 7997
.img-wrap {
7997 7998
  width: 60px;
7998 7999
  position: relative;
7999 8000
  display: inline-block;
8000 8001
  line-height: 100%;
8001 8002
}
8002
/* line 408, ../sass/_items-list.scss */
8003
/* line 409, ../sass/_items-list.scss */
8003 8004
.img-wrap span:hover {
8004 8005
  cursor: pointer;
8005 8006
}
8006
/* line 412, ../sass/_items-list.scss */
8007
/* line 413, ../sass/_items-list.scss */
8007 8008
.img-wrap .os {
8008 8009
  background: url("../images/os-unknown.png") no-repeat center center;
8009 8010
  width: 22px;
......
8016 8017
  left: 50%;
8017 8018
  margin-left: -11px;
8018 8019
}
8019
/* line 418, ../sass/_items-list.scss */
8020
/* line 419, ../sass/_items-list.scss */
8020 8021
.img-wrap .os.windows {
8021 8022
  background-image: url("../images/os-windows.png");
8022 8023
}
8023
/* line 419, ../sass/_items-list.scss */
8024
/* line 420, ../sass/_items-list.scss */
8024 8025
.img-wrap .os.kubuntu {
8025 8026
  background-image: url("../images/os-kubuntu.png");
8026 8027
}
8027
/* line 420, ../sass/_items-list.scss */
8028
/* line 421, ../sass/_items-list.scss */
8028 8029
.img-wrap .os.fedora {
8029 8030
  background-image: url("../images/os-fedora.png");
8030 8031
}
8031
/* line 421, ../sass/_items-list.scss */
8032
/* line 422, ../sass/_items-list.scss */
8032 8033
.img-wrap .os.symbol {
8033 8034
  position: relative;
8034 8035
  top: -50px;
......
8108 8109
  color: #30c79e;
8109 8110
}
8110 8111

  
8111
/* line 458, ../sass/_items-list.scss */
8112
/* line 459, ../sass/_items-list.scss */
8112 8113
.building .img-wrap .snf-pc-full {
8113 8114
  display: block;
8114 8115
}
8115
/* line 462, ../sass/_items-list.scss */
8116
/* line 463, ../sass/_items-list.scss */
8116 8117
.building .img-wrap .incomplete {
8117 8118
  color: #54d6b3;
8118 8119
  width: 60px;
8119 8120
}
8120
/* line 466, ../sass/_items-list.scss */
8121
/* line 467, ../sass/_items-list.scss */
8121 8122
.building .img-wrap .complete {
8122 8123
  width: 0%;
8123 8124
  position: absolute;
......
8750 8751
.storage {
8751 8752
  height: 100%;
8752 8753
}
8753
/* line 6, ../sass/_storage.scss */
8754
/* line 5, ../sass/_storage.scss */
8754 8755
.storage .rect-plus {
8755 8756
  display: inline-block;
8756 8757
  background-color: #fff;
......
8758 8759
  padding: 0 6px;
8759 8760
  font-size: 1.625em;
8760 8761
}
8761
/* line 12, ../sass/_storage.scss */
8762
/* line 11, ../sass/_storage.scss */
8762 8763
.storage .rect-plus:hover {
8763 8764
  color: #485057;
8764 8765
}
8765
/* line 16, ../sass/_storage.scss */
8766
/* line 15, ../sass/_storage.scss */
8766 8767
.storage .items-list {
8767 8768
  height: 100%;
8768 8769
}
8769
/* line 19, ../sass/_storage.scss */
8770
/* line 18, ../sass/_storage.scss */
8770 8771
.storage .items-list > li .img-wrap {
8771 8772
  top: 0;
8772 8773
  height: 34px;
8773 8774
  line-height: 34px;
8774 8775
}
8775
/* line 24, ../sass/_storage.scss */
8776
/* line 23, ../sass/_storage.scss */
8776 8777
.storage .items-list > li h4 {
8777
  width: 25%;
8778
  width: 210px;
8778 8779
  height: 34px;
8779 8780
  line-height: 34px;
8780 8781
}
8781
/* line 29, ../sass/_storage.scss */
8782
/* line 28, ../sass/_storage.scss */
8782 8783
.storage .items-list > li .info {
8783 8784
  margin-right: 40px;
8784 8785
}
8785
/* line 34, ../sass/_storage.scss */
8786
/* line 33, ../sass/_storage.scss */
8786 8787
.storage .items-list .folder .img-wrap {
8787 8788
  background: url(../images/folder-closed.png) no-repeat center center;
8788 8789
}
8789
/* line 38, ../sass/_storage.scss */
8790
/* line 37, ../sass/_storage.scss */
8790 8791
.storage .items-list .folder.draghover .img-wrap {
8791 8792
  background-image: url(../images/folder-open.png);
8792 8793
}
8793
/* line 44, ../sass/_storage.scss */
8794
/* line 43, ../sass/_storage.scss */
8794 8795
.storage .items-list li:hover .actions-col {
8795 8796
  visibility: visible;
8796 8797
}
8797
/* line 48, ../sass/_storage.scss */
8798
/* line 47, ../sass/_storage.scss */
8798 8799
.storage .items-list .add-new {
8799 8800
  position: relative;
8800 8801
}
8801
/* line 50, ../sass/_storage.scss */
8802
/* line 49, ../sass/_storage.scss */
8802 8803
.storage .items-list .add-new input[type="file"] {
8803 8804
  position: absolute;
8804 8805
  left: 150px;
......
8807 8808
  bottom: 0;
8808 8809
  opacity: 0;
8809 8810
}
8810
/* line 58, ../sass/_storage.scss */
8811
/* line 57, ../sass/_storage.scss */
8811 8812
.storage .items-list .add-new h4 {
8812 8813
  color: #fff;
8813 8814
}
8814
/* line 62, ../sass/_storage.scss */
8815
/* line 61, ../sass/_storage.scss */
8815 8816
.storage .items-list .add-new:hover .rect-plus {
8816 8817
  color: #485057;
8817 8818
}
8818
/* line 67, ../sass/_storage.scss */
8819
/* line 66, ../sass/_storage.scss */
8819 8820
.storage .items-list.drag {
8820 8821
  background-color: #ebebec;
8821 8822
}
8823

  
8822 8824
/* line 72, ../sass/_storage.scss */
8823
.storage.containers .items-list {
8825
.containers .items-list {
8824 8826
  overflow: visible;
8825 8827
}
8826 8828
/* line 74, ../sass/_storage.scss */
8827
.storage.containers .items-list > li {
8829
.containers .items-list > li {
8828 8830
  text-align: left;
8829 8831
  padding-right: 0;
8830 8832
  padding-left: 0;
8831 8833
}
8832 8834
/* line 78, ../sass/_storage.scss */
8833
.storage.containers .items-list > li .col {
8835
.containers .items-list > li .col {
8834 8836
  float: left;
8835 8837
}
8836 8838
/* line 81, ../sass/_storage.scss */
8837
.storage.containers .items-list > li h4 {
8839
.containers .items-list > li h4 {
8838 8840
  font-size: 0.875em;
8839 8841
  width: auto;
8840 8842
}
8841 8843
/* line 85, ../sass/_storage.scss */
8842
.storage.containers .items-list > li .basic-data {
8844
.containers .items-list > li .basic-data {
8843 8845
  width: 20%;
8844 8846
}
8845 8847
/* line 88, ../sass/_storage.scss */
8846
.storage.containers .items-list > li .size-data {
8848
.containers .items-list > li .size-data {
8847 8849
  width: 40%;
8848 8850
}
8849 8851
/* line 90, ../sass/_storage.scss */
8850
.storage.containers .items-list > li .size-data .progress-col {
8852
.containers .items-list > li .size-data .progress-col {
8851 8853
  padding-top: 7px;
8852 8854
}
8853 8855
/* line 92, ../sass/_storage.scss */
8854
.storage.containers .items-list > li .size-data .progress-col .progress {
8856
.containers .items-list > li .size-data .progress-col .progress {
8855 8857
  border-color: #485057;
8856 8858
  height: 20px;
8857 8859
}
8858 8860
/* line 95, ../sass/_storage.scss */
8859
.storage.containers .items-list > li .size-data .progress-col .progress .meter {
8861
.containers .items-list > li .size-data .progress-col .progress .meter {
8860 8862
  text-align: right;
8861 8863
  font-size: 10px;
8862 8864
  padding: 2px;
......
8866 8868
  line-height: 100%;
8867 8869
}
8868 8870
/* line 106, ../sass/_storage.scss */
8869
.storage.containers .items-list > li .size-data .size {
8871
.containers .items-list > li .size-data .size {
8870 8872
  width: auto;
8871 8873
  padding-left: 20px;
8872 8874
  font-size: 0.875em;
8873 8875
}
8874 8876
/* line 112, ../sass/_storage.scss */
8875
.storage.containers .items-list > li h5 {
8877
.containers .items-list > li h5 {
8876 8878
  float: left;
8877 8879
  width: 20%;
8878 8880
  font-size: 0.875em;
......
8882 8884
  margin: 0;
8883 8885
}
8884 8886
/* line 121, ../sass/_storage.scss */
8885
.storage.containers .items-list > li .project {
8887
.containers .items-list > li .project {
8886 8888
  line-height: 34px;
8887 8889
  height: 34px;
8888 8890
  width: 18%;
......
8891 8893
  right: 0;
8892 8894
}
8893 8895
/* line 128, ../sass/_storage.scss */
8894
.storage.containers .items-list > li .project ul {
8896
.containers .items-list > li .project ul {
8895 8897
  position: absolute;
8896 8898
  right: 0;
8897 8899
  top: 36px;
......
8903 8905
  background: #fff;
8904 8906
}
8905 8907
/* line 138, ../sass/_storage.scss */
8906
.storage.containers .items-list > li .project ul li {
8908
.containers .items-list > li .project ul li {
8907 8909
  padding: 4px 0;
8908 8910
}
8909 8911
/* line 142, ../sass/_storage.scss */
8910
.storage.containers .items-list > li .project .btn-more {
8912
.containers .items-list > li .project .btn-more {
8911 8913
  border: 1px solid #485057;
8912 8914
  padding: 0 10px;
8913 8915
  float: right;
8914 8916
}
8915 8917
/* line 146, ../sass/_storage.scss */
8916
.storage.containers .items-list > li .project .btn-more em {
8918
.containers .items-list > li .project .btn-more em {
8917 8919
  display: none;
8918 8920
  opacity: 0;
8919 8921
  font-style: normal;
......
8924 8926
  -o-transition: opacity 300ms linear;
8925 8927
  transition: opacity 300ms linear;
8926 8928
}
8927
/* line 154, ../sass/_storage.scss */
8928
.storage.containers .items-list > li .project .btn-more:hover em {
8929
/* line 153, ../sass/_storage.scss */
8930
.containers .items-list > li .project .btn-more:hover {
8931
  color: #485057;
8932
}
8933
/* line 155, ../sass/_storage.scss */
8934
.containers .items-list > li .project .btn-more:hover em {
8929 8935
  display: inline-block;
8930 8936
  opacity: 1;
8931 8937
}
8932
/* line 159, ../sass/_storage.scss */
8933
.storage.containers .items-list > li .project .btn-more.clicked {
8938
/* line 160, ../sass/_storage.scss */
8939
.containers .items-list > li .project .btn-more.clicked {
8934 8940
  background-color: #485057;
8935 8941
  color: #fff;
8936 8942
}
8937
/* line 162, ../sass/_storage.scss */
8938
.storage.containers .items-list > li .project .btn-more.clicked em {
8943
/* line 163, ../sass/_storage.scss */
8944
.containers .items-list > li .project .btn-more.clicked em {
8945
  -webkit-transition: opacity 300ms linear;
8946
  -moz-transition: opacity 300ms linear;
8947
  -ms-transition: opacity 300ms linear;
8948
  -o-transition: opacity 300ms linear;
8949
  transition: opacity 300ms linear;
8939 8950
  display: inline-block;
8940 8951
  opacity: 1;
8941 8952
  color: #fff;
8942 8953
}
8943
/* line 172, ../sass/_storage.scss */
8944
.storage.containers .items-list > li .img-wrap .snf-folder-full {
8954
/* line 174, ../sass/_storage.scss */
8955
.containers .items-list > li .img-wrap .snf-folder-full {
8945 8956
  font-size: 2.125em;
8946 8957
  color: #30c79e;
8947 8958
}
8948
/* line 176, ../sass/_storage.scss */
8949
.storage.containers .items-list > li .img-wrap span:not(.snf-folder-full) {
8959
/* line 178, ../sass/_storage.scss */
8960
.containers .items-list > li .img-wrap span:not(.snf-folder-full) {
8950 8961
  color: #485057;
8951 8962
  font-size: 1em;
8952 8963
  position: relative;
......
8954 8965
  left: -28px;
8955 8966
}
8956 8967

  
8957
/* line 190, ../sass/_storage.scss */
8968
/* line 191, ../sass/_storage.scss */
8958 8969
.storage-progress .items-list {
8959 8970
  margin-bottom: 0;
8960 8971
}
8961
/* line 192, ../sass/_storage.scss */
8972
/* line 193, ../sass/_storage.scss */
8962 8973
.storage-progress .items-list li {
8963 8974
  padding-left: 210px;
8964 8975
  color: #fff;
8965 8976
}
8966
/* line 195, ../sass/_storage.scss */
8977
/* line 196, ../sass/_storage.scss */
8967 8978
.storage-progress .items-list li .img-wrap {
8968 8979
  top: 0;
8969 8980
  height: 34px;
8970 8981
  line-height: 34px;
8971 8982
}
8972
/* line 200, ../sass/_storage.scss */
8983
/* line 201, ../sass/_storage.scss */
8973 8984
.storage-progress .items-list li h4 {
8974
  width: 230px;
8985
  width: 210px;
8975 8986
  height: 34px;
8976 8987
  line-height: 34px;
8977 8988
}
8978
/* line 205, ../sass/_storage.scss */
8989
/* line 206, ../sass/_storage.scss */
8979 8990
.storage-progress .items-list li .remove {
8980 8991
  text-align: right;
8981 8992
  font-weight: bold;
8982 8993
  visibility: visible;
8983 8994
}
8984
/* line 209, ../sass/_storage.scss */
8995
/* line 210, ../sass/_storage.scss */
8985 8996
.storage-progress .items-list li .remove a {
8986 8997
  color: #fff;
8987 8998
}
8988
/* line 212, ../sass/_storage.scss */
8999
/* line 213, ../sass/_storage.scss */
8989 9000
.storage-progress .items-list li .remove em {
8990 9001
  display: none;
8991 9002
}
8992
/* line 216, ../sass/_storage.scss */
9003
/* line 217, ../sass/_storage.scss */
8993 9004
.storage-progress .items-list li .remove:hover em {
8994 9005
  display: inline;
8995 9006
}
8996
/* line 221, ../sass/_storage.scss */
9007
/* line 222, ../sass/_storage.scss */
8997 9008
.storage-progress .items-list li .progress-col {
8998 9009
  padding-top: 7px;
8999 9010
}
9000
/* line 224, ../sass/_storage.scss */
9011
/* line 225, ../sass/_storage.scss */
9001 9012
.storage-progress .items-list li:hover {
9002 9013
  background-color: transparent;
9003 9014
}
9004
/* line 229, ../sass/_storage.scss */
9015
/* line 230, ../sass/_storage.scss */
9005 9016
.storage-progress .progress {
9006 9017
  height: 20px;
9007 9018
}
9008
/* line 231, ../sass/_storage.scss */
9019
/* line 232, ../sass/_storage.scss */
9009 9020
.storage-progress .progress .meter {
9010 9021
  background-color: #fff;
9011 9022
  color: #1e1e1e;
......
9013 9024
  padding-right: 10px;
9014 9025
  line-height: 120%;
9015 9026
}
9016
/* line 239, ../sass/_storage.scss */
9027
/* line 240, ../sass/_storage.scss */
9017 9028
.storage-progress .details {
9018 9029
  border: 0 none;
9019 9030
}
9020 9031

  
9021
/* line 244, ../sass/_storage.scss */
9032
/* line 245, ../sass/_storage.scss */
9022 9033
.all-height {
9023 9034
  height: 100%;
9024 9035
}

Also available in: Unified diff