Revision fad1549a
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/common.js | ||
|---|---|---|
| 883 | 883 |
|
| 884 | 884 |
$('.btn-more').mouseenter(function(e) {
|
| 885 | 885 |
$(this).find('.explain').stop(true, true).show('slow');
|
| 886 |
$(this).addClass('style-1');
|
|
| 887 |
$(this).find('.snf-arrow-down').removeClass('style-1');
|
|
| 888 |
// $(this).siblings('.available').stop(true, true).slideDown(200);
|
|
| 889 | 886 |
}); |
| 890 | 887 |
|
| 891 | 888 |
$('.btn-more').click(function(e) {
|
| 892 | 889 |
e.preventDefault(); |
| 893 |
$(this).addClass('style-2');
|
|
| 894 |
$(this).closest('.project').css('z-index', 2);
|
|
| 895 |
$(this).siblings('.available').stop(true, true).slideDown('slow');
|
|
| 896 |
}) |
|
| 890 |
e.stopPropagation(); |
|
| 891 |
$('.btn-more').removeClass('clicked');
|
|
| 892 |
$('.btn-more').siblings('ul').hide();
|
|
| 893 |
$(this).addClass('clicked');
|
|
| 894 |
$(this).siblings('ul').stop(true, true).slideDown('slow');
|
|
| 895 |
}); |
|
| 896 |
|
|
| 897 |
if ($('.containers .btn-more').length>0) {
|
|
| 898 |
$('body').click(function(e){
|
|
| 899 |
$('.btn-more').removeClass('clicked');
|
|
| 900 |
$('.btn-more').siblings('ul').hide();
|
|
| 901 |
}) |
|
| 902 |
} |
|
| 897 | 903 |
|
| 898 |
$('.project').mouseleave(function(e) {
|
|
| 899 |
$(this).find('.available').stop(true, true).slideUp(200);
|
|
| 900 |
var btn = $(this).find('.btn-more');
|
|
| 901 |
btn.find('.explain').stop(true, true).hide('slow');
|
|
| 902 |
$(btn).find('.snf-arrow-down').addClass('style-1');
|
|
| 903 |
btn.removeClass('style-2');
|
|
| 904 |
$(btn).removeClass('style-1');
|
|
| 905 |
$(this).closest('.project').css('z-index',1);
|
|
| 906 |
}) |
|
| 907 | 904 |
}) |
| 908 | 905 |
|
| 909 | 906 |
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/pithos_containers.html | ||
|---|---|---|
| 71 | 71 |
<div class="storage containers entities list-view"> |
| 72 | 72 |
<ul class="items-list"> |
| 73 | 73 |
<li> |
| 74 |
<div class="basic-data"> |
|
| 74 |
<div class="basic-data col">
|
|
| 75 | 75 |
<div class="img-wrap"> |
| 76 | 76 |
<span class="snf-folder-full"></span> |
| 77 | 77 |
<span class="snf-pithos-outline"></span> |
| 78 | 78 |
</div> |
| 79 |
<h4>Pithos</h4>
|
|
| 79 |
<h4>Pithos</h4> |
|
| 80 | 80 |
</div> |
| 81 |
<div class="size-data"> |
|
| 81 |
<div class="size-data col">
|
|
| 82 | 82 |
<div class="progress-col"> |
| 83 | 83 |
<div class="progress"> |
| 84 | 84 |
<span class="meter" style="width: 30%">30%</span> |
| 85 | 85 |
</div> |
| 86 | 86 |
</div> |
| 87 |
<span class="size"> |
|
| 88 |
15 GB of 50 GB used |
|
| 89 |
</span> |
|
| 90 |
|
|
| 87 |
<span class="size">2 GB of 50 GB used</span> |
|
| 91 | 88 |
</div> |
| 92 |
|
|
| 93 |
<div class="project"> |
|
| 89 |
<h5>Basic Project</h5> |
|
| 90 |
<div class="project col">
|
|
| 94 | 91 |
<a class="btn-more"> |
| 95 |
<span class="explain">reassign</span>
|
|
| 96 |
<span class="snf-arrow-down style-1"></span>
|
|
| 92 |
<em>reassign</em>
|
|
| 93 |
<span class="snf-arrow-down"></span> |
|
| 97 | 94 |
</a> |
| 98 |
<span class="selected name">myprettyprojectfordesignlab.ntua</span> |
|
| 99 |
<ul class="available"> |
|
| 100 |
<li> |
|
| 101 |
<a href=""><span class="name">another.project.okeanos</span></a> |
|
| 102 |
</li> |
|
| 103 |
<li> |
|
| 104 |
<a href=""><span class="name">project i</span></a> |
|
| 105 |
</li> |
|
| 106 |
<li> |
|
| 107 |
<a href=""><span class="name">project k</span></a> |
|
| 108 |
</li> |
|
| 95 |
<ul> |
|
| 96 |
<li><a href="">another.project.okeanos</a></li> |
|
| 97 |
<li><a href="">another.project.okeanos</a></li> |
|
| 98 |
<li><a href="">another.project.okeanos</a></li> |
|
| 109 | 99 |
</ul> |
| 110 | 100 |
</div> |
| 111 | 101 |
</li> |
| 112 | 102 |
<li> |
| 113 |
<div class="basic-data"> |
|
| 103 |
<div class="basic-data col">
|
|
| 114 | 104 |
<div class="img-wrap"> |
| 115 | 105 |
<span class="snf-folder-full"></span> |
| 116 | 106 |
<span class="snf-image-outline"></span> |
| 117 | 107 |
</div> |
| 118 | 108 |
<h4>Images</h4> |
| 119 | 109 |
</div> |
| 120 |
<div class="size-data"> |
|
| 110 |
<div class="size-data col">
|
|
| 121 | 111 |
<div class="progress-col"> |
| 122 | 112 |
<div class="progress"> |
| 123 | 113 |
<span class="meter" style="width: 30%">30%</span> |
| 124 | 114 |
</div> |
| 125 | 115 |
</div> |
| 126 |
<span class="size"> |
|
| 127 |
2 GB of 50 GB used |
|
| 128 |
</span> |
|
| 116 |
<span class="size">2 GB of 50 GB used</span> |
|
| 129 | 117 |
</div> |
| 130 |
<div class="project">
|
|
| 131 |
<span class="selected name">Basic Project</span>
|
|
| 118 |
<h5>Basic Project</h5>
|
|
| 119 |
<div class="project col">
|
|
| 132 | 120 |
<a class="btn-more"> |
| 133 |
<span class="explain">reassign</span>
|
|
| 134 |
<span class="snf-arrow-down style-1"></span>
|
|
| 121 |
<em>reassign</em>
|
|
| 122 |
<span class="snf-arrow-down"></span> |
|
| 135 | 123 |
</a> |
| 136 |
<ul class="available"> |
|
| 137 |
<li> |
|
| 138 |
<a href=""><span class="name">another.project.okeanos</span></a> |
|
| 139 |
</li> |
|
| 140 |
<li> |
|
| 141 |
<a href=""><span class="name">project i</span></a> |
|
| 142 |
</li> |
|
| 143 |
<li> |
|
| 144 |
<a href=""><span class="name">project k</span></a> |
|
| 145 |
</li> |
|
| 124 |
<ul> |
|
| 125 |
<li><a href="">another.project.okeanos</a></li> |
|
| 126 |
<li><a href="">another.project.okeanos</a></li> |
|
| 127 |
<li><a href="">another.project.okeanos</a></li> |
|
| 146 | 128 |
</ul> |
| 147 | 129 |
</div> |
| 148 | 130 |
</li> |
| 149 | 131 |
<li> |
| 150 |
<div class="basic-data"> |
|
| 132 |
<div class="basic-data col">
|
|
| 151 | 133 |
<div class="img-wrap"> |
| 152 | 134 |
<span class="snf-folder-full"></span> |
| 153 | 135 |
<span class="snf-snapshot-outline"></span> |
| 154 | 136 |
</div> |
| 155 | 137 |
<h4>Snaphots</h4> |
| 156 | 138 |
</div> |
| 157 |
<div class="size-data"> |
|
| 139 |
<div class="size-data col">
|
|
| 158 | 140 |
<div class="progress-col"> |
| 159 | 141 |
<div class="progress"> |
| 160 |
<span class="meter" style="width: 30%">30%</span>
|
|
| 142 |
<span class="meter" style="width: 80%">80%</span>
|
|
| 161 | 143 |
</div> |
| 162 | 144 |
</div> |
| 163 |
<span class="size"> |
|
| 164 |
2 GB of 50 GB used |
|
| 165 |
</span> |
|
| 145 |
<span class="size">40 GB of 50 GB used</span> |
|
| 166 | 146 |
</div> |
| 167 |
<div class="project">
|
|
| 168 |
<span class="selected name">Basic Project</span>
|
|
| 147 |
<h5>Basic Project</h5>
|
|
| 148 |
<div class="project col">
|
|
| 169 | 149 |
<a class="btn-more"> |
| 170 |
<span class="explain">reassign</span>
|
|
| 171 |
<span class="snf-arrow-down style-1"></span>
|
|
| 150 |
<em>reassign</em>
|
|
| 151 |
<span class="snf-arrow-down"></span> |
|
| 172 | 152 |
</a> |
| 173 |
<ul class="available"> |
|
| 174 |
<li> |
|
| 175 |
<a href=""><span class="name">another.project.okeanos</span></a> |
|
| 176 |
</li> |
|
| 177 |
<li> |
|
| 178 |
<a href=""><span class="name">project i</span></a> |
|
| 179 |
</li> |
|
| 180 |
<li> |
|
| 181 |
<a href=""><span class="name">project k</span></a> |
|
| 182 |
</li> |
|
| 153 |
<ul> |
|
| 154 |
<li><a href="">another.project.okeanos</a></li> |
|
| 155 |
<li><a href="">another.project.okeanos</a></li> |
|
| 156 |
<li><a href="">another.project.okeanos</a></li> |
|
| 183 | 157 |
</ul> |
| 184 | 158 |
</div> |
| 185 | 159 |
</li> |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_settings.scss | ||
|---|---|---|
| 130 | 130 |
$tags-w : 90px; |
| 131 | 131 |
$info-w: 200px; |
| 132 | 132 |
$actions-w: 140px; |
| 133 |
$three-col-w: 33%; |
|
| 133 | 134 |
|
| 134 | 135 |
// We use these to control inset shadow shiny edges and depressions. |
| 135 | 136 |
// $shiny-edge-size: 0 1px 0; |
| ... | ... | |
| 855 | 856 |
// $progress-bar-border-radius: $global-radius; |
| 856 | 857 |
|
| 857 | 858 |
// We use these to control the margin & padding |
| 858 |
// $progress-bar-pad: emCalc(2px);
|
|
| 859 |
$progress-bar-pad: 1px;
|
|
| 859 | 860 |
// $progress-bar-margin-bottom: emCalc(10px); |
| 860 | 861 |
|
| 861 | 862 |
// We use these to set the meter colors |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_storage.scss | ||
|---|---|---|
| 69 | 69 |
} |
| 70 | 70 |
} |
| 71 | 71 |
&.containers {
|
| 72 |
margin-right: 30px; |
|
| 73 |
margin-left:30px; |
|
| 74 | 72 |
.items-list {
|
| 75 | 73 |
overflow: visible; |
| 76 | 74 |
&>li {
|
| 75 |
text-align: left; |
|
| 77 | 76 |
padding-right: 0; |
| 78 | 77 |
padding-left: 0; |
| 79 |
height:60px; |
|
| 80 |
&>* {
|
|
| 81 |
display: inline-block; |
|
| 82 |
// overflow: hidden; |
|
| 83 |
// border: 1px solid pink; |
|
| 84 |
height: 100%; |
|
| 85 |
line-height: 100%; |
|
| 78 |
.col {
|
|
| 79 |
float: left; |
|
| 80 |
} |
|
| 81 |
h4 {
|
|
| 82 |
font-size: emCalc(14px); |
|
| 83 |
width: auto; |
|
| 86 | 84 |
} |
| 87 | 85 |
.basic-data {
|
| 88 |
width: 25%;
|
|
| 86 |
width: 20%;
|
|
| 89 | 87 |
} |
| 90 | 88 |
.size-data{
|
| 91 |
width: 35%;
|
|
| 89 |
width: 40%;
|
|
| 92 | 90 |
.progress-col {
|
| 93 |
height: 20px; |
|
| 94 |
line-height: 20px; |
|
| 95 |
width: 150px; |
|
| 91 |
padding-top: 7px; |
|
| 96 | 92 |
.progress {
|
| 97 | 93 |
border-color: $gray-2; |
| 98 |
height: 100%; |
|
| 99 |
line-height: 100%; |
|
| 94 |
height: 20px; |
|
| 100 | 95 |
.meter {
|
| 101 | 96 |
text-align: right; |
| 102 | 97 |
font-size: 10px; |
| 103 | 98 |
padding: 2px; |
| 104 | 99 |
background-color: $gray-2; |
| 105 | 100 |
color: white; |
| 101 |
font-size: emCalc(14px); |
|
| 102 |
line-height: 100%; |
|
| 106 | 103 |
} |
| 107 | 104 |
} |
| 108 |
|
|
| 109 | 105 |
} |
| 110 | 106 |
.size {
|
| 111 | 107 |
width: auto; |
| 112 |
line-height: 20px; |
|
| 113 |
height: 20px; |
|
| 114 | 108 |
padding-left: 20px; |
| 109 |
font-size: emCalc(14px); |
|
| 115 | 110 |
} |
| 116 | 111 |
} |
| 112 |
h5 {
|
|
| 113 |
float: left; |
|
| 114 |
width: 20%; |
|
| 115 |
font-size: emCalc(14px); |
|
| 116 |
font-weight: normal; |
|
| 117 |
line-height: $list-icon-height; |
|
| 118 |
height: $list-icon-height; |
|
| 119 |
margin: 0; |
|
| 120 |
} |
|
| 117 | 121 |
.project {
|
| 118 |
.style-1 {
|
|
| 119 |
|
|
| 120 |
} |
|
| 121 |
position: absolute; |
|
| 122 |
top: 14px; |
|
| 123 |
right: -164px; |
|
| 124 |
width: 300px; |
|
| 125 |
font-size: emCalc(12px); |
|
| 126 |
.name {
|
|
| 127 |
position: relative; |
|
| 128 |
top: 5px; |
|
| 129 |
width: 191px; |
|
| 130 |
display: inline-block; |
|
| 131 |
text-align: left; |
|
| 132 |
padding-left: 10px; |
|
| 133 |
padding-right: 10px; |
|
| 134 |
} |
|
| 135 |
.available {
|
|
| 136 |
list-style: none; |
|
| 137 |
display: none; |
|
| 138 |
width: 100%; |
|
| 139 |
background-color: white; |
|
| 140 |
border: 1px solid $gray-2; |
|
| 122 |
line-height: $list-icon-height; |
|
| 123 |
height: $list-icon-height; |
|
| 124 |
width: 18%; |
|
| 125 |
font-size: emCalc(14px); |
|
| 126 |
position: relative; |
|
| 127 |
right: 0; |
|
| 128 |
ul {
|
|
| 141 | 129 |
position: absolute; |
| 142 |
right: 0px; |
|
| 143 |
top: 24px; |
|
| 144 |
padding-bottom: 10px; |
|
| 130 |
right: 0; |
|
| 131 |
top: $list-icon-height + 2px; |
|
| 132 |
list-style: none outside none; |
|
| 133 |
border: 1px solid $gray-2; |
|
| 134 |
padding: 5px 15px; |
|
| 135 |
display: none; |
|
| 145 | 136 |
li {
|
| 146 |
a{
|
|
| 147 |
display: inline-block; |
|
| 148 |
width: 100%; |
|
| 149 |
.name {
|
|
| 150 |
display: inline-block; |
|
| 151 |
width: 100%; |
|
| 152 |
} |
|
| 153 |
} |
|
| 137 |
padding: 4px 0; |
|
| 154 | 138 |
} |
| 155 | 139 |
} |
| 156 | 140 |
.btn-more {
|
| 141 |
border: 1px solid $gray-2; |
|
| 142 |
padding: 0 10px; |
|
| 157 | 143 |
float: right; |
| 158 |
display: inline-block; |
|
| 159 |
margin-left: 16px; |
|
| 160 |
border: 1px solid transparent; |
|
| 161 |
padding: 4px; |
|
| 162 |
padding-right: 0; |
|
| 163 |
width: 90px; |
|
| 164 |
&.style-1, .snf-arrow-down.style-1 {
|
|
| 165 |
border: 1px solid $gray-2; |
|
| 166 |
} |
|
| 167 |
&.style-2 {
|
|
| 168 |
background-color: $gray-2; |
|
| 169 |
color: white; |
|
| 144 |
em {
|
|
| 145 |
display: none; |
|
| 146 |
opacity: 0; |
|
| 147 |
font-style: normal; |
|
| 148 |
color: $body-font-color; |
|
| 149 |
@include transition(opacity, 300ms, linear); |
|
| 170 | 150 |
} |
| 171 |
.explain {
|
|
| 172 |
display: none; |
|
| 173 |
margin-right: 12px; |
|
| 151 |
&:hover {
|
|
| 152 |
em {
|
|
| 153 |
display: inline-block; |
|
| 154 |
opacity: 1; |
|
| 155 |
} |
|
| 174 | 156 |
} |
| 175 |
.snf-arrow-down {
|
|
| 176 |
width: 20px; |
|
| 177 |
height: 20px; |
|
| 178 |
line-height: 20px; |
|
| 179 |
border: 1px solid transparent; |
|
| 180 |
display: inline-block; |
|
| 157 |
&.clicked {
|
|
| 158 |
background-color: $link-color; |
|
| 159 |
color: #fff; |
|
| 160 |
em {
|
|
| 161 |
display: inline-block; |
|
| 162 |
opacity: 1; |
|
| 163 |
color: #fff; |
|
| 164 |
} |
|
| 181 | 165 |
} |
| 182 | 166 |
} |
| 183 | 167 |
|
| ... | ... | |
| 247 | 231 |
color: $body-font-color; |
| 248 | 232 |
text-align: right; |
| 249 | 233 |
padding-right: 10px; |
| 250 |
line-height: 100%;
|
|
| 234 |
line-height: 120%;
|
|
| 251 | 235 |
} |
| 252 | 236 |
} |
| 253 | 237 |
.details {
|
| ... | ... | |
| 257 | 241 |
|
| 258 | 242 |
.all-height {
|
| 259 | 243 |
height: 100% |
| 260 |
} |
|
| 244 |
} |
|
| 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