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

b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
6119 6119
  background-color: transparent;
6120 6120
  height: 0.9375em;
6121 6121
  border: 1px solid #cccccc;
6122
  padding: 0.125em;
6122
  padding: 1px;
6123 6123
  margin-bottom: 0.625em;
6124 6124
}
6125 6125
/* line 54, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_progress-bars.scss */
......
8777 8777
  margin-right: 40px;
8778 8778
}
8779 8779
/* line 34, ../sass/_storage.scss */
8780
.storage .items-list sfsd
8781
.folder .img-wrap {
8780
.storage .items-list .folder .img-wrap {
8782 8781
  background: url(../images/folder-closed.png) no-repeat center center;
8783 8782
}
8784 8783
/* line 38, ../sass/_storage.scss */
8785
.storage .items-list sfsd
8786
.folder.draghover .img-wrap {
8784
.storage .items-list .folder.draghover .img-wrap {
8787 8785
  background-image: url(../images/folder-open.png);
8788 8786
}
8789 8787
/* line 44, ../sass/_storage.scss */
......
8815 8813
.storage .items-list.drag {
8816 8814
  background-color: #ebebec;
8817 8815
}
8818
/* line 71, ../sass/_storage.scss */
8819
.storage.containers {
8820
  margin-right: 30px;
8821
  margin-left: 30px;
8822
}
8823
/* line 74, ../sass/_storage.scss */
8816
/* line 72, ../sass/_storage.scss */
8824 8817
.storage.containers .items-list {
8825 8818
  overflow: visible;
8826 8819
}
8827
/* line 76, ../sass/_storage.scss */
8820
/* line 74, ../sass/_storage.scss */
8828 8821
.storage.containers .items-list > li {
8822
  text-align: left;
8829 8823
  padding-right: 0;
8830 8824
  padding-left: 0;
8831
  height: 60px;
8832 8825
}
8833
/* line 80, ../sass/_storage.scss */
8834
.storage.containers .items-list > li > * {
8835
  display: inline-block;
8836
  height: 100%;
8837
  line-height: 100%;
8826
/* line 78, ../sass/_storage.scss */
8827
.storage.containers .items-list > li .col {
8828
  float: left;
8829
}
8830
/* line 81, ../sass/_storage.scss */
8831
.storage.containers .items-list > li h4 {
8832
  font-size: 0.875em;
8833
  width: auto;
8838 8834
}
8839
/* line 87, ../sass/_storage.scss */
8835
/* line 85, ../sass/_storage.scss */
8840 8836
.storage.containers .items-list > li .basic-data {
8841
  width: 25%;
8837
  width: 20%;
8842 8838
}
8843
/* line 90, ../sass/_storage.scss */
8839
/* line 88, ../sass/_storage.scss */
8844 8840
.storage.containers .items-list > li .size-data {
8845
  width: 35%;
8841
  width: 40%;
8846 8842
}
8847
/* line 92, ../sass/_storage.scss */
8843
/* line 90, ../sass/_storage.scss */
8848 8844
.storage.containers .items-list > li .size-data .progress-col {
8849
  height: 20px;
8850
  line-height: 20px;
8851
  width: 150px;
8845
  padding-top: 7px;
8852 8846
}
8853
/* line 96, ../sass/_storage.scss */
8847
/* line 92, ../sass/_storage.scss */
8854 8848
.storage.containers .items-list > li .size-data .progress-col .progress {
8855 8849
  border-color: #485057;
8856
  height: 100%;
8857
  line-height: 100%;
8850
  height: 20px;
8858 8851
}
8859
/* line 100, ../sass/_storage.scss */
8852
/* line 95, ../sass/_storage.scss */
8860 8853
.storage.containers .items-list > li .size-data .progress-col .progress .meter {
8861 8854
  text-align: right;
8862 8855
  font-size: 10px;
8863 8856
  padding: 2px;
8864 8857
  background-color: #485057;
8865 8858
  color: white;
8859
  font-size: 0.875em;
8860
  line-height: 100%;
8866 8861
}
8867
/* line 110, ../sass/_storage.scss */
8862
/* line 106, ../sass/_storage.scss */
8868 8863
.storage.containers .items-list > li .size-data .size {
8869 8864
  width: auto;
8870
  line-height: 20px;
8871
  height: 20px;
8872 8865
  padding-left: 20px;
8866
  font-size: 0.875em;
8873 8867
}
8874
/* line 117, ../sass/_storage.scss */
8875
.storage.containers .items-list > li .project {
8876
  position: absolute;
8877
  top: 14px;
8878
  right: -164px;
8879
  width: 300px;
8880
  font-size: 0.75em;
8868
/* line 112, ../sass/_storage.scss */
8869
.storage.containers .items-list > li h5 {
8870
  float: left;
8871
  width: 20%;
8872
  font-size: 0.875em;
8873
  font-weight: normal;
8874
  line-height: 34px;
8875
  height: 34px;
8876
  margin: 0;
8881 8877
}
8882
/* line 126, ../sass/_storage.scss */
8883
.storage.containers .items-list > li .project .name {
8878
/* line 121, ../sass/_storage.scss */
8879
.storage.containers .items-list > li .project {
8880
  line-height: 34px;
8881
  height: 34px;
8882
  width: 18%;
8883
  font-size: 0.875em;
8884 8884
  position: relative;
8885
  top: 5px;
8886
  width: 191px;
8887
  display: inline-block;
8888
  text-align: left;
8889
  padding-left: 10px;
8890
  padding-right: 10px;
8885
  right: 0;
8891 8886
}
8892
/* line 135, ../sass/_storage.scss */
8893
.storage.containers .items-list > li .project .available {
8894
  list-style: none;
8895
  display: none;
8896
  width: 100%;
8897
  background-color: white;
8898
  border: 1px solid #485057;
8887
/* line 128, ../sass/_storage.scss */
8888
.storage.containers .items-list > li .project ul {
8899 8889
  position: absolute;
8900
  right: 0px;
8901
  top: 24px;
8902
  padding-bottom: 10px;
8903
}
8904
/* line 146, ../sass/_storage.scss */
8905
.storage.containers .items-list > li .project .available li a {
8906
  display: inline-block;
8907
  width: 100%;
8890
  right: 0;
8891
  top: 36px;
8892
  list-style: none outside none;
8893
  border: 1px solid #485057;
8894
  padding: 5px 15px;
8895
  display: none;
8908 8896
}
8909
/* line 149, ../sass/_storage.scss */
8910
.storage.containers .items-list > li .project .available li a .name {
8911
  display: inline-block;
8912
  width: 100%;
8897
/* line 136, ../sass/_storage.scss */
8898
.storage.containers .items-list > li .project ul li {
8899
  padding: 4px 0;
8913 8900
}
8914
/* line 156, ../sass/_storage.scss */
8901
/* line 140, ../sass/_storage.scss */
8915 8902
.storage.containers .items-list > li .project .btn-more {
8903
  border: 1px solid #485057;
8904
  padding: 0 10px;
8916 8905
  float: right;
8917
  display: inline-block;
8918
  margin-left: 16px;
8919
  border: 1px solid transparent;
8920
  padding: 4px;
8921
  padding-right: 0;
8922
  width: 90px;
8923 8906
}
8924
/* line 164, ../sass/_storage.scss */
8925
.storage.containers .items-list > li .project .btn-more.style-1, .storage.containers .items-list > li .project .btn-more .snf-arrow-down.style-1 {
8926
  border: 1px solid #485057;
8907
/* line 144, ../sass/_storage.scss */
8908
.storage.containers .items-list > li .project .btn-more em {
8909
  display: none;
8910
  opacity: 0;
8911
  font-style: normal;
8912
  color: #1e1e1e;
8913
  -webkit-transition: opacity 300ms linear;
8914
  -moz-transition: opacity 300ms linear;
8915
  -ms-transition: opacity 300ms linear;
8916
  -o-transition: opacity 300ms linear;
8917
  transition: opacity 300ms linear;
8918
}
8919
/* line 152, ../sass/_storage.scss */
8920
.storage.containers .items-list > li .project .btn-more:hover em {
8921
  display: inline-block;
8922
  opacity: 1;
8927 8923
}
8928
/* line 167, ../sass/_storage.scss */
8929
.storage.containers .items-list > li .project .btn-more.style-2 {
8924
/* line 157, ../sass/_storage.scss */
8925
.storage.containers .items-list > li .project .btn-more.clicked {
8930 8926
  background-color: #485057;
8931
  color: white;
8932
}
8933
/* line 171, ../sass/_storage.scss */
8934
.storage.containers .items-list > li .project .btn-more .explain {
8935
  display: none;
8936
  margin-right: 12px;
8927
  color: #fff;
8937 8928
}
8938
/* line 175, ../sass/_storage.scss */
8939
.storage.containers .items-list > li .project .btn-more .snf-arrow-down {
8940
  width: 20px;
8941
  height: 20px;
8942
  line-height: 20px;
8943
  border: 1px solid transparent;
8929
/* line 160, ../sass/_storage.scss */
8930
.storage.containers .items-list > li .project .btn-more.clicked em {
8944 8931
  display: inline-block;
8932
  opacity: 1;
8933
  color: #fff;
8945 8934
}
8946
/* line 186, ../sass/_storage.scss */
8935
/* line 170, ../sass/_storage.scss */
8947 8936
.storage.containers .items-list > li .img-wrap .snf-folder-full {
8948 8937
  font-size: 2.125em;
8949 8938
  color: #30c79e;
8950 8939
}
8951
/* line 190, ../sass/_storage.scss */
8940
/* line 174, ../sass/_storage.scss */
8952 8941
.storage.containers .items-list > li .img-wrap span:not(.snf-folder-full) {
8953 8942
  color: #485057;
8954 8943
  font-size: 1em;
......
8957 8946
  left: -28px;
8958 8947
}
8959 8948

  
8960
/* line 204, ../sass/_storage.scss */
8949
/* line 188, ../sass/_storage.scss */
8961 8950
.storage-progress .items-list {
8962 8951
  margin-bottom: 0;
8963 8952
}
8964
/* line 206, ../sass/_storage.scss */
8953
/* line 190, ../sass/_storage.scss */
8965 8954
.storage-progress .items-list li {
8966 8955
  padding-left: 210px;
8967 8956
  color: #fff;
8968 8957
}
8969
/* line 209, ../sass/_storage.scss */
8958
/* line 193, ../sass/_storage.scss */
8970 8959
.storage-progress .items-list li .img-wrap {
8971 8960
  top: 0;
8972 8961
  height: 34px;
8973 8962
  line-height: 34px;
8974 8963
}
8975
/* line 214, ../sass/_storage.scss */
8964
/* line 198, ../sass/_storage.scss */
8976 8965
.storage-progress .items-list li h4 {
8977 8966
  width: 230px;
8978 8967
  height: 34px;
8979 8968
  line-height: 34px;
8980 8969
}
8981
/* line 219, ../sass/_storage.scss */
8970
/* line 203, ../sass/_storage.scss */
8982 8971
.storage-progress .items-list li .remove {
8983 8972
  text-align: right;
8984 8973
  font-weight: bold;
8985 8974
  visibility: visible;
8986 8975
}
8987
/* line 223, ../sass/_storage.scss */
8976
/* line 207, ../sass/_storage.scss */
8988 8977
.storage-progress .items-list li .remove a {
8989 8978
  color: #fff;
8990 8979
}
8991
/* line 226, ../sass/_storage.scss */
8980
/* line 210, ../sass/_storage.scss */
8992 8981
.storage-progress .items-list li .remove em {
8993 8982
  display: none;
8994 8983
}
8995
/* line 230, ../sass/_storage.scss */
8984
/* line 214, ../sass/_storage.scss */
8996 8985
.storage-progress .items-list li .remove:hover em {
8997 8986
  display: inline;
8998 8987
}
8999
/* line 235, ../sass/_storage.scss */
8988
/* line 219, ../sass/_storage.scss */
9000 8989
.storage-progress .items-list li .progress-col {
9001 8990
  padding-top: 7px;
9002 8991
}
9003
/* line 238, ../sass/_storage.scss */
8992
/* line 222, ../sass/_storage.scss */
9004 8993
.storage-progress .items-list li:hover {
9005 8994
  background-color: transparent;
9006 8995
}
9007
/* line 243, ../sass/_storage.scss */
8996
/* line 227, ../sass/_storage.scss */
9008 8997
.storage-progress .progress {
9009 8998
  height: 20px;
9010 8999
}
9011
/* line 245, ../sass/_storage.scss */
9000
/* line 229, ../sass/_storage.scss */
9012 9001
.storage-progress .progress .meter {
9013 9002
  background-color: #fff;
9014 9003
  color: #1e1e1e;
9015 9004
  text-align: right;
9016 9005
  padding-right: 10px;
9017
  line-height: 100%;
9006
  line-height: 120%;
9018 9007
}
9019
/* line 253, ../sass/_storage.scss */
9008
/* line 237, ../sass/_storage.scss */
9020 9009
.storage-progress .details {
9021 9010
  border: 0 none;
9022 9011
}
9023 9012

  
9024
/* line 258, ../sass/_storage.scss */
9013
/* line 242, ../sass/_storage.scss */
9025 9014
.all-height {
9026 9015
  height: 100%;
9027 9016
}

Also available in: Unified diff