/ - Diff - Synnefo - Greek Research and Technology Network's projects

Revision d6d06450

     				</ul>
     				<div class="lt-bar">
     					<ul>
     						<li class="select"><span class="snf-checkbox-unchecked checkbox"></span><em>un</em>select all</li>
     						<li class="select"><span class="snf-checkbox-unchecked checkbox"></span><em>un</em>Select all</li>
     						<li class="running"><a href="#" title="">Destroy</a></li>
     						<!-- in case we want an action always activated
     						<li class="pernament"><a href="" class="active">Action</a></li> -->

                             <div class="project col">
                                 <a class="btn-more">
                                     <em>reassign</em>
                                     <span class="snf-arrow-down"></span>
                                     <span class="arrow-down"></span>
                                 </a>
                                 <ul>
                                     <li><a href="">another.project.okeanos</a></li>
-...
                             <div class="project col">
                                 <a class="btn-more">
                                     <em>reassign</em>
                                     <span class="snf-arrow-down"></span>
                                     <span class="arrow-down"></span>
                                 </a>
                                 <ul>
                                     <li><a href="">another.project.okeanos</a></li>
-...
                             <div class="project col">
                                 <a class="btn-more">
                                     <em>reassign</em>
                                     <span class="snf-arrow-down"></span>
                                     <span class="arrow-down"></span>
                                 </a>
                                 <ul>
                                     <li><a href="">another.project.okeanos</a></li>
-...
                                         </div>
                                     </div>
                                     <div class="remove">
                                         <a href="">x <em>Remove</em></a>
                                         <a href="">x</a>
                                     </div>
                                 </li>
                                 <li>
-...
                                         </div>
                                     </div>
                                     <div class="remove">
                                         <a href="">x <em>Remove</em></a>
                                         <a href="">x</a>
                                     </div>
                                 </li>
                             </ul>

                     </div>
                     <div class="lt-bar">
                         <ul class="lt-actions">
                             <li class="select"><span class="snf-checkbox-unchecked checkbox"></span><em>un</em>select all</li>
                             <li class="select"><span class="snf-checkbox-unchecked checkbox"></span><em>un</em>Select all</li>
                             <li class="files"><a href="#" title=""><span class="snf-link-outline"></span> Share</a></li>
                             <li class="files"><a href="#" title=""><span class="snf-download-full"></span> Download</a></li>
                             <li class="files"><a href="#"><span>x</span> Delete</a></li>
-...
                                         </div>
                                     </div>
                                     <div class="remove">
                                         <a href="">x <em>Remove</em></a>
                                         <a href="">x</a>
                                     </div>
                                 </li>
                                 <li>
-...
                                         </div>
                                     </div>
                                     <div class="remove">
                                         <a href="">x <em>Remove</em></a>
                                         <a href="">x</a>
                                     </div>
                                 </li>
                             </ul>

     	bottom: 0;
     	left: 0;
     	right: 0;
     	background: $red-1;
     	background: $turquoise-1;
     	color: #fff;
     	z-index: 50;
     	overflow-y: auto;

     					a {
     						span {
     							font-size: 1.5em;
     							margin-right: 2px;
+    						}
+    					}
+    				}
-...
     					visibility: hidden;
+    				}
     				h4 {
     					// height:auto;
     					// line-height: $bar-height;
     					margin:0;
+    				}
     				.img-wrap {
-...
+    	}
+    }
     // disable hover effect for the .containers li
     .containers {
     	.storage {
     		.items-list {
     			&>li:hover {
     				background-color: inherit;
+    			}
+    		}
+    	}
+    }
     // select-all for pithos view (alignment)
     .storage {
     	.lt-bar {
     		.lt-actions {
     			.select {
     				margin-right: 4px;
+    			}
+    		}
+    	}
+    }
     .lt-bar {
     	.items-list {
     		.check, .actions, .info {

+    			}
     			h5 {
     				float: left;
     				width: 200px;
     				width: 158px;
     				font-size: emCalc(14px);
     				font-weight: normal;
     				line-height: $list-icon-height;
     				height: $list-icon-height;
     				margin: 0;
     				padding:0 20px;
     				margin:0 20px;
     				overflow: hidden;
     				white-space: nowrap;
+    			}
     			.project {
     				line-height: $list-icon-height;
     				height: $list-icon-height;
     				width: 100px;
     				width: 102px;
     				font-size: emCalc(14px);
     				position: relative;
     				right: 0;
-...
+    				}
     				.btn-more {
     					border: 1px solid $gray-2;
     					padding: 0 10px;
     					position: relative;
     					min-width: $list-icon-height;
     					padding: 0 11px;
     					float: right;
     					em {
     						display: none;
-...
     						font-style: normal;
     						color: $body-font-color;
     						@include transition(opacity, 300ms, linear);
     						margin-right: 7px;
+    					}
     					&:hover {
     						color: $link-color;
     						em {
     							display: inline-block;
     							opacity: 1;
     							// display: inline-block;
     							// opacity: 1;
+    						}
+    					}
     					&.clicked {
     						background-color: $link-color;
     						color: #fff;
     						.arrow-down:after {
     							border-color: white transparent transparent transparent;
+    						}
     						em {
     							@include transition(opacity, 300ms, linear);
     							display: inline-block;
-...
+    						}
+    					}
+    				}
     				.arrow-down:after {
     					content: "";
     					display: inline-block;
     					width: 0;
     					height: 0;
     					border: inset 5px;
     					border-color: black transparent transparent transparent;
     					border-top-style: solid;
     					position: relative;
     					top: 3px;
+    				}
+    			}
     			&.folder {
-...
     		height: 20px;
     		.meter {
     			background-color: #fff;
     			color: $body-font-color;
     			color: $turquoise-1;
     			text-align: right;
     			padding-right: 10px;
     			line-height: 120%;

       bottom: 0;
       left: 0;
       right: 0;
       background: #ff4040;
       background: #30c79e;
       color: #fff;
       z-index: 50;
       overflow-y: auto;
-...
     /* line 223, ../sass/_items-list.scss */
     .list-view .lt-bar ul.more li a span, .storage-progress .lt-bar ul.more li a span {
       font-size: 1.5em;
       margin-right: 2px;
+    }
     /* line 231, ../sass/_items-list.scss */
     /* line 232, ../sass/_items-list.scss */
     .list-view .items-list, .storage-progress .items-list {
       overflow: hidden;
+    }
     /* line 233, ../sass/_items-list.scss */
     /* line 234, ../sass/_items-list.scss */
     .list-view .items-list > li, .storage-progress .items-list > li {
       height: auto;
       width: 100%;
       padding: 15px 15px 15px 150px;
       background-image: none;
+    }
     /* line 234, ../sass/_items-list.scss */
     /* line 235, ../sass/_items-list.scss */
     .list-view .items-list > li.selected, .storage-progress .items-list > li.selected {
       background-color: #ebebec;
+    }
     /* line 242, ../sass/_items-list.scss */
     /* line 243, ../sass/_items-list.scss */
     .list-view .items-list > li:hover, .storage-progress .items-list > li:hover {
       background-color: #dfdfdf;
+    }
     /* line 245, ../sass/_items-list.scss */
     /* line 246, ../sass/_items-list.scss */
     .list-view .items-list > li .check, .storage-progress .items-list > li .check {
       width: 60px;
       height: 34px;
-...
       text-align: center;
       float: left;
+    }
     /* line 251, ../sass/_items-list.scss */
     /* line 252, ../sass/_items-list.scss */
     .list-view .items-list > li .check:hover, .storage-progress .items-list > li .check:hover {
       cursor: pointer;
       color: #30c79e;
+    }
     /* line 256, ../sass/_items-list.scss */
     /* line 257, ../sass/_items-list.scss */
     .list-view .items-list > li .img-wrap, .storage-progress .items-list > li .img-wrap {
       width: 70px;
       float: left;
-...
       height: 34px;
       top: -6px;
+    }
     /* line 262, ../sass/_items-list.scss */
     /* line 263, ../sass/_items-list.scss */
     .list-view .items-list > li .img-wrap .os, .storage-progress .items-list > li .img-wrap .os {
       background: url("../images/os-unknown.png") no-repeat center center;
       width: 14px;
-...
       margin-left: -7px;
       top: 6px;
+    }
     /* line 273, ../sass/_items-list.scss */
     /* line 274, ../sass/_items-list.scss */
     .list-view .items-list > li .img-wrap .snf-font, .storage-progress .items-list > li .img-wrap .snf-font {
       font-size: 34px;
       line-height: 120%;
+    }
     /* line 278, ../sass/_items-list.scss */
     /* line 279, ../sass/_items-list.scss */
     .list-view .items-list > li h4, .storage-progress .items-list > li h4 {
       width: 210px;
       overflow: hidden;
-...
       margin: 0;
       color: inherit;
+    }
     /* line 287, ../sass/_items-list.scss */
     /* line 288, ../sass/_items-list.scss */
     .list-view .items-list > li .tags, .storage-progress .items-list > li .tags {
       float: left;
       width: 90px;
       height: 34px;
       line-height: 34px;
+    }
     /* line 292, ../sass/_items-list.scss */
     /* line 293, ../sass/_items-list.scss */
     .list-view .items-list > li .tags a, .storage-progress .items-list > li .tags a {
       vertical-align: text-top;
+    }
     /* line 296, ../sass/_items-list.scss */
     /* line 297, ../sass/_items-list.scss */
     .list-view .items-list > li .size, .list-view .items-list > li .remove, .storage-progress .items-list > li .size, .storage-progress .items-list > li .remove {
       float: left;
       width: 90px;
-...
       font-size: 0.75em;
       text-align: left;
+    }
     /* line 304, ../sass/_items-list.scss */
     /* line 305, ../sass/_items-list.scss */
     .list-view .items-list > li .status, .storage-progress .items-list > li .status {
       position: absolute;
       left: 280px;
-...
       top: 30px;
       width: 210px;
+    }
     /* line 310, ../sass/_items-list.scss */
     /* line 311, ../sass/_items-list.scss */
     .list-view .items-list > li .status span, .storage-progress .items-list > li .status span {
       display: inline;
+    }
     /* line 314, ../sass/_items-list.scss */
     /* line 315, ../sass/_items-list.scss */
     .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 {
       float: left;
       width: 200px;
-...
       line-height: 34px;
       font-size: 0.75em;
+    }
     /* line 321, ../sass/_items-list.scss */
     /* line 322, ../sass/_items-list.scss */
     .list-view .items-list > li .actions, .storage-progress .items-list > li .actions {
       float: left;
       height: 34px;
-...
       top: -4px;
       margin: 0 10px;
+    }
     /* line 329, ../sass/_items-list.scss */
     /* line 330, ../sass/_items-list.scss */
     .list-view .items-list > li .actions a:first-child, .storage-progress .items-list > li .actions a:first-child {
       margin-right: 5px;
+    }
     /* line 334, ../sass/_items-list.scss */
     /* line 335, ../sass/_items-list.scss */
     .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 {
       visibility: hidden;
       height: 34px;
-...
       width: 140px;
       float: left;
+    }
     /* line 341, ../sass/_items-list.scss */
     /* line 342, ../sass/_items-list.scss */
     .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 {
       margin-right: 10px;
+    }
     /* line 346, ../sass/_items-list.scss */
     /* line 347, ../sass/_items-list.scss */
     .list-view .items-list > li.add-new:hover, .storage-progress .items-list > li.add-new:hover {
       background: #485057;
+    }
     /* line 349, ../sass/_items-list.scss */
     /* line 350, ../sass/_items-list.scss */
     .list-view .items-list > li.add-new .check, .storage-progress .items-list > li.add-new .check {
       visibility: hidden;
+    }
     /* line 352, ../sass/_items-list.scss */
     /* line 353, ../sass/_items-list.scss */
     .list-view .items-list > li.add-new h4, .storage-progress .items-list > li.add-new h4 {
       margin: 0;
+    }
     /* line 358, ../sass/_items-list.scss */
     /* line 357, ../sass/_items-list.scss */
     .list-view .items-list > li.add-new .img-wrap .symbol, .storage-progress .items-list > li.add-new .img-wrap .symbol {
       font-size: 24px;
+    }
     /* line 365, ../sass/_items-list.scss */
     /* line 364, ../sass/_items-list.scss */
     .list-view .items-list > li.building .img-wrap .incomplete, .storage-progress .items-list > li.building .img-wrap .incomplete {
       width: 34px;
       margin: 0 auto;
+    }
     /* line 369, ../sass/_items-list.scss */
     /* line 368, ../sass/_items-list.scss */
     .list-view .items-list > li.building .img-wrap .complete, .storage-progress .items-list > li.building .img-wrap .complete {
       top: -34px;
       margin: 0 auto;
+    }
     /* line 381, ../sass/_items-list.scss */
     /* line 382, ../sass/_items-list.scss */
     .containers .storage .items-list > li:hover {
       background-color: inherit;
+    }
     /* line 393, ../sass/_items-list.scss */
     .storage .lt-bar .lt-actions .select {
       margin-right: 4px;
+    }
     /* line 402, ../sass/_items-list.scss */
     .lt-bar .items-list .check, .lt-bar .items-list .actions, .lt-bar .items-list .info {
       display: none;
+    }
     /* line 384, ../sass/_items-list.scss */
     /* line 405, ../sass/_items-list.scss */
     .lt-bar .items-list > li {
       background: url(../images/dashed_atom-x.png) repeat-x center bottom;
       padding: 40px;
       height: auto;
+    }
     /* line 388, ../sass/_items-list.scss */
     /* line 409, ../sass/_items-list.scss */
     .lt-bar .items-list > li:hover {
       background-color: #ebebec;
+    }
     /* line 391, ../sass/_items-list.scss */
     /* line 412, ../sass/_items-list.scss */
     .lt-bar .items-list > li.add-new {
       background-color: #30c79e;
+    }
     /* line 393, ../sass/_items-list.scss */
     /* line 414, ../sass/_items-list.scss */
     .lt-bar .items-list > li.add-new:hover {
       background-color: #485057;
+    }
     /* line 398, ../sass/_items-list.scss */
     /* line 419, ../sass/_items-list.scss */
     .lt-bar .items-list .container {
       height: 160px;
       position: relative;
       line-height: 120%;
+    }
     /* line 402, ../sass/_items-list.scss */
     /* line 423, ../sass/_items-list.scss */
     .lt-bar .items-list .container .tags {
       width: 100%;
       min-height: 12px;
-...
+    }
     /* img-wrap div ( colors & styles ) */
     /* line 415, ../sass/_items-list.scss */
     /* line 436, ../sass/_items-list.scss */
     .img-wrap {
       width: 60px;
       position: relative;
       display: inline-block;
       line-height: 100%;
+    }
     /* line 422, ../sass/_items-list.scss */
     /* line 443, ../sass/_items-list.scss */
     .img-wrap span:hover {
       cursor: pointer;
+    }
     /* line 426, ../sass/_items-list.scss */
     /* line 447, ../sass/_items-list.scss */
     .img-wrap .os {
       background: url("../images/os-unknown.png") no-repeat center center;
       width: 22px;
-...
       left: 50%;
       margin-left: -11px;
+    }
     /* line 432, ../sass/_items-list.scss */
     /* line 453, ../sass/_items-list.scss */
     .img-wrap .os.windows {
       background-image: url("../images/os-windows.png");
+    }
     /* line 433, ../sass/_items-list.scss */
     /* line 454, ../sass/_items-list.scss */
     .img-wrap .os.kubuntu {
       background-image: url("../images/os-kubuntu.png");
+    }
     /* line 434, ../sass/_items-list.scss */
     /* line 455, ../sass/_items-list.scss */
     .img-wrap .os.fedora {
       background-image: url("../images/os-fedora.png");
+    }
     /* line 435, ../sass/_items-list.scss */
     /* line 456, ../sass/_items-list.scss */
     .img-wrap .os.symbol {
       position: relative;
       top: -50px;
-...
       color: #30c79e;
+    }
     /* line 472, ../sass/_items-list.scss */
     /* line 493, ../sass/_items-list.scss */
     .building .img-wrap .snf-pc-full {
       display: block;
+    }
     /* line 476, ../sass/_items-list.scss */
     /* line 497, ../sass/_items-list.scss */
     .building .img-wrap .incomplete {
       color: #54d6b3;
       width: 60px;
+    }
     /* line 480, ../sass/_items-list.scss */
     /* line 501, ../sass/_items-list.scss */
     .building .img-wrap .complete {
       width: 0%;
       position: absolute;
-...
     /* line 122, ../sass/_storage.scss */
     .containers .items-list > li h5 {
       float: left;
       width: 200px;
       width: 158px;
       font-size: 0.875em;
       font-weight: normal;
       line-height: 34px;
       height: 34px;
       margin: 0;
       padding: 0 20px;
       margin: 0 20px;
       overflow: hidden;
       white-space: nowrap;
+    }
-...
     .containers .items-list > li .project {
       line-height: 34px;
       height: 34px;
       width: 100px;
       width: 102px;
       font-size: 0.875em;
       position: relative;
       right: 0;
-...
     /* line 156, ../sass/_storage.scss */
     .containers .items-list > li .project .btn-more {
       border: 1px solid #485057;
       padding: 0 10px;
       position: relative;
       min-width: 34px;
       padding: 0 11px;
       float: right;
+    }
     /* line 160, ../sass/_storage.scss */
     /* line 162, ../sass/_storage.scss */
     .containers .items-list > li .project .btn-more em {
       display: none;
       opacity: 0;
-...
       -ms-transition: opacity 300ms linear;
       -o-transition: opacity 300ms linear;
       transition: opacity 300ms linear;
       margin-right: 7px;
+    }
     /* line 167, ../sass/_storage.scss */
     /* line 170, ../sass/_storage.scss */
     .containers .items-list > li .project .btn-more:hover {
       color: #485057;
+    }
     /* line 169, ../sass/_storage.scss */
     .containers .items-list > li .project .btn-more:hover em {
       display: inline-block;
       opacity: 1;
+    }
     /* line 174, ../sass/_storage.scss */
     /* line 177, ../sass/_storage.scss */
     .containers .items-list > li .project .btn-more.clicked {
       background-color: #485057;
       color: #fff;
+    }
     /* line 177, ../sass/_storage.scss */
     /* line 180, ../sass/_storage.scss */
     .containers .items-list > li .project .btn-more.clicked .arrow-down:after {
       border-color: white transparent transparent transparent;
+    }
     /* line 183, ../sass/_storage.scss */
     .containers .items-list > li .project .btn-more.clicked em {
       -webkit-transition: opacity 300ms linear;
       -moz-transition: opacity 300ms linear;
-...
       opacity: 1;
       color: #fff;
+    }
     /* line 188, ../sass/_storage.scss */
     /* line 191, ../sass/_storage.scss */
     .containers .items-list > li .project .arrow-down:after {
       content: "";
       display: inline-block;
       width: 0;
       height: 0;
       border: inset 5px;
       border-color: black transparent transparent transparent;
       border-top-style: solid;
       position: relative;
       top: 3px;
+    }
     /* line 205, ../sass/_storage.scss */
     .containers .items-list > li.folder .img-wrap {
       background-position: left center;
       text-align: left;
+    }
     /* line 191, ../sass/_storage.scss */
     /* line 208, ../sass/_storage.scss */
     .containers .items-list > li.folder .img-wrap span {
       color: #485057;
       font-size: 1em;
-...
       left: 18px;
+    }
     /* line 204, ../sass/_storage.scss */
     /* line 221, ../sass/_storage.scss */
     .storage-progress .items-list {
       margin-bottom: 0;
+    }
     /* line 206, ../sass/_storage.scss */
     /* line 223, ../sass/_storage.scss */
     .storage-progress .items-list li {
       padding-left: 210px;
       color: #fff;
+    }
     /* line 209, ../sass/_storage.scss */
     /* line 226, ../sass/_storage.scss */
     .storage-progress .items-list li .img-wrap {
       top: 0;
       height: 34px;
       line-height: 34px;
+    }
     /* line 214, ../sass/_storage.scss */
     /* line 231, ../sass/_storage.scss */
     .storage-progress .items-list li h4 {
       width: 210px;
       height: 34px;
       line-height: 34px;
+    }
     /* line 219, ../sass/_storage.scss */
     /* line 236, ../sass/_storage.scss */
     .storage-progress .items-list li .remove {
       text-align: right;
       font-weight: bold;
       visibility: visible;
+    }
     /* line 223, ../sass/_storage.scss */
     /* line 240, ../sass/_storage.scss */
     .storage-progress .items-list li .remove a {
       color: #fff;
+    }
     /* line 225, ../sass/_storage.scss */
     /* line 242, ../sass/_storage.scss */
     .storage-progress .items-list li .remove a:hover {
       color: #33383d;
+    }
     /* line 230, ../sass/_storage.scss */
     /* line 247, ../sass/_storage.scss */
     .storage-progress .items-list li .progress-col {
       padding-top: 7px;
+    }
     /* line 233, ../sass/_storage.scss */
     /* line 250, ../sass/_storage.scss */
     .storage-progress .items-list li:hover {
       background-color: transparent;
+    }
     /* line 238, ../sass/_storage.scss */
     /* line 255, ../sass/_storage.scss */
     .storage-progress .progress {
       height: 20px;
+    }
     /* line 240, ../sass/_storage.scss */
     /* line 257, ../sass/_storage.scss */
     .storage-progress .progress .meter {
       background-color: #fff;
       color: #1e1e1e;
       color: #30c79e;
       text-align: right;
       padding-right: 10px;
       line-height: 120%;
+    }
     /* line 248, ../sass/_storage.scss */
     /* line 265, ../sass/_storage.scss */
     .storage-progress .details {
       border: 0 none;
+    }
     /* line 253, ../sass/_storage.scss */
     /* line 270, ../sass/_storage.scss */
     .all-height {
       height: 100%;
+    }

     				</div>
     				<div class="lt-bar">
     					<ul class="lt-actions">
     						<li class="select"><span class="snf-checkbox-unchecked checkbox"></span><em>un</em>select all</li>
     						<li class="select"><span class="snf-checkbox-unchecked checkbox"></span><em>un</em>Select all</li>
     						<li class="running"><a href="#" title="" data-reveal-id="reboot-confirm">Reboot</a></li>
     						<li class="running"><a href="#" title="" data-reveal-id="shutdown-confirm">Shutdown</a></li>
     						<li class="both"><a href="#" data-reveal-id="destroy-vm-confirm">Destroy</a></li>

     				</div>
     				<div class="lt-bar">
     					<ul class="lt-actions">
     						<li class="select"><span class="snf-checkbox-unchecked checkbox"></span><em>un</em>select all</li>
     						<li class="select"><span class="snf-checkbox-unchecked checkbox"></span><em>un</em>Select all</li>
     						<li class="running"><a href="#" title="" data-reveal-id="reboot-confirm">Reboot</a></li>
     						<li class="running"><a href="#" title="" data-reveal-id="shutdown-confirm">Shutdown</a></li>
     						<li class="both"><a href="#" data-reveal-id="destroy-vm-confirm">Destroy</a></li>

Also available in: Unified diff