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

Revision df8e3f06

     	<!-- overlays end -->
     		<section class="actions-bar clearfix">
     			<h2>Virtual Machine Overview</h2>
     			<h2>Networks</h2>
     			<div class="view-type">
     				<a href="" class="list"><span class="snf-list"></span></a>
     				<a href="" class="grid"><span class="snf-layout current"></span></a>

+    	}
     	h2 {
     		float: left;
     		margin-left: 15px;
     		margin:0 0 0 15px;
     		color: $overlay-color;
     		font-size: emCalc(12px);
     		line-height: $bar-height;
     		font-weight: normal;
+    	}
     	.filter-menu {
     		float:right;

b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_machines.scss
45	45	font-size: 60px;
46	46	color: $vm-active-color;
47	47	}
48		// &.off {
49		// .snf-PC_fill {
50		// color: $vm-off-color;
51		// }
52		// }
53		// }
54	48	.os {
55	49	@include sprite('../images/os-unknown.png', 22px, 22px);
56	50	position: absolute;
...	...
67	61	color: $vm-off-color;
68	62	}
69	63	}
70		.status .logs, .status .state a{
	64	.status .logs, .status .state {
71	65	color: $vm-off-color;
72	66	}
73	67	}
...	...
87	81	color: $vm-shutting-color;
88	82	}
89	83	}
90		.status .logs, .status .state a{
	84	.status .logs, .status .state {
91	85	color: $vm-shutting-color;
92	86	}
93	87	}
...	...
97	91	color: $vm-starting-color;
98	92	}
99	93	}
100		.status .logs, .status .state a{
	94	.status .logs, .status .state {
101	95	color: $vm-starting-color;
102	96	}
103	97	}
...	...
107	101	color: $vm-rebooting-color;
108	102	}
109	103	}
110		.status .logs, .status .state a{
	104	.status .logs, .status .state {
111	105	color: $vm-rebooting-color;
112	106	}
113	107	}

     /* line 376, ../sass/_common.scss */
     .actions-bar h2 {
       float: left;
       margin-left: 15px;
       margin: 0 0 0 15px;
       color: #485057;
       font-size: 0.75em;
       line-height: 30px;
       font-weight: normal;
+    }
     /* line 384, ../sass/_common.scss */
     /* line 385, ../sass/_common.scss */
     .actions-bar .filter-menu {
       float: right;
       position: relative;
+    }
     /* line 387, ../sass/_common.scss */
     /* line 388, ../sass/_common.scss */
     .actions-bar .filter-menu .filter {
       padding: 0 10px;
       font-size: 0.75em;
       position: relative;
       top: -2px;
+    }
     /* line 393, ../sass/_common.scss */
     /* line 394, ../sass/_common.scss */
     .actions-bar .filter-menu .options {
       display: none;
       position: absolute;
-...
       text-align: left;
       margin: 0;
+    }
     /* line 405, ../sass/_common.scss */
     /* line 406, ../sass/_common.scss */
     .actions-bar .filter-menu.current .options {
       background-color: #ababad;
       display: inline-block;
+    }
     /* line 408, ../sass/_common.scss */
     /* line 409, ../sass/_common.scss */
     .actions-bar .filter-menu.current .options a {
       color: white;
+    }
     /* line 417, ../sass/_common.scss */
     /* line 418, ../sass/_common.scss */
     .actions-bar .row {
       position: relative;
       height: 30px;
+    }
     /* line 422, ../sass/_common.scss */
     /* line 423, ../sass/_common.scss */
     .actions-bar .hd-search {
       width: 24px;
       overflow: hidden;
-...
       transition: width 0.3s;
       -webkit-backface-visibility: hidden;
+    }
     /* line 433, ../sass/_common.scss */
     /* line 434, ../sass/_common.scss */
     .actions-bar .hd-search .hd-icon-search {
       color: #919194;
       display: block;
-...
       position: relative;
       background: #ebebec;
+    }
     /* line 440, ../sass/_common.scss */
     /* line 441, ../sass/_common.scss */
     .actions-bar .hd-search .hd-icon-search:hover {
       cursor: pointer;
       color: #30c79e;
+    }
     /* line 448, ../sass/_common.scss */
     /* line 449, ../sass/_common.scss */
     .actions-bar .hd-search .hd-search-input {
       border: transparent;
       background-color: white;
-...
     .actions-bar .hd-search .hd-search-input::-webkit-input-placeholder {
       color: #485057;
+    }
     /* line 465, ../sass/_common.scss */
     /* line 466, ../sass/_common.scss */
     .actions-bar .hd-search.hd-open {
       width: 190px;
+    }
     /* line 470, ../sass/_common.scss */
     /* line 471, ../sass/_common.scss */
     .actions-bar .sb-search {
       float: right;
       margin-top: 3px;
       min-width: 24px;
       height: 24px;
+    }
     /* line 476, ../sass/_common.scss */
     /* line 477, ../sass/_common.scss */
     .actions-bar .sb-search .sb-icon-search {
       height: 24px;
       width: 24px;
       color: #919194;
+    }
     /* line 481, ../sass/_common.scss */
     /* line 482, ../sass/_common.scss */
     .actions-bar .sb-search form {
       display: inline-block;
       margin: 0;
+    }
     /* line 484, ../sass/_common.scss */
     /* line 485, ../sass/_common.scss */
     .actions-bar .sb-search form .input-wrap {
       width: 180px;
       overflow: hidden;
+    }
     /* line 488, ../sass/_common.scss */
     /* line 489, ../sass/_common.scss */
     .actions-bar .sb-search form input {
       border: transparent;
       background-color: white;
-...
     .actions-bar .sb-search form input::-webkit-input-placeholder {
       color: #485057;
+    }
     /* line 505, ../sass/_common.scss */
     /* line 506, ../sass/_common.scss */
     .actions-bar .sb-search.sb-search-open {
       width: 220px;
+    }
     /* line 510, ../sass/_common.scss */
     /* line 511, ../sass/_common.scss */
     .actions-bar .view-type {
       float: right;
       margin-right: 15px;
+    }
     /* line 514, ../sass/_common.scss */
     /* line 515, ../sass/_common.scss */
     .actions-bar .view-type .current,
     .actions-bar .view-type a:hover {
       color: #30c79e;
+    }
     /* line 517, ../sass/_common.scss */
     /* line 518, ../sass/_common.scss */
     .actions-bar .view-type .snf-list {
       margin-right: 6px;
       font-size: 17px;
+    }
     /* line 521, ../sass/_common.scss */
     /* line 522, ../sass/_common.scss */
     .actions-bar .view-type .snf-layout {
       font-size: 1.1em;
+    }
     /* line 527, ../sass/_common.scss */
     /* line 528, ../sass/_common.scss */
     .new-btn {
       position: absolute;
       left: 15px;
       bottom: 0;
       height: 30px;
+    }
     /* line 534, ../sass/_common.scss */
     /* line 535, ../sass/_common.scss */
     .new-btn a span {
       font-size: 1.25em;
+    }
     /* Icons Navigation ----------------------------------------------- */
     /* line 542, ../sass/_common.scss */
     /* line 543, ../sass/_common.scss */
     .icons-nav {
       margin: 0;
       padding: 0;
+    }
     /* line 544, ../sass/_common.scss */
     /* line 545, ../sass/_common.scss */
     .icons-nav li {
       display: inline-block;
       margin: 0 5px;
-...
       text-align: center;
       overflow: hidden;
+    }
     /* line 553, ../sass/_common.scss */
     /* line 554, ../sass/_common.scss */
     .icons-nav li a {
       color: #1a1a1a;
+    }
     /* line 555, ../sass/_common.scss */
     /* line 556, ../sass/_common.scss */
     .icons-nav li a:hover, .icons-nav li a.current {
       color: #30c79e;
+    }
     /* Top info  ----------------------------------------------- */
     /* line 568, ../sass/_common.scss */
     /* line 569, ../sass/_common.scss */
     .top-info {
       padding: 50px 100px;
       position: relative;
       z-index: 10;
       display: none;
+    }
     /* line 573, ../sass/_common.scss */
     /* line 574, ../sass/_common.scss */
     .top-info .close {
       position: absolute;
       right: 15px;
-...
       overflow: hidden;
+    }
     /* line 582, ../sass/_common.scss */
     /* line 583, ../sass/_common.scss */
     .info.error {
       background: #ff5c58;
       color: #fff;
+    }
     /* line 588, ../sass/_common.scss */
     /* line 589, ../sass/_common.scss */
     .info.alert {
       background: #30c79e;
       color: #fff;
+    }
     /* line 593, ../sass/_common.scss */
     /* line 594, ../sass/_common.scss */
     .info.warning {
       background: #919194;
       color: #fff;
+    }
     /* line 598, ../sass/_common.scss */
     /* line 599, ../sass/_common.scss */
     .info.success {
       background: #00a551;
       color: #fff;
+    }
     /* line 603, ../sass/_common.scss */
     /* line 604, ../sass/_common.scss */
     .border-bottom-style1 {
       padding-bottom: 20px;
       margin-bottom: 20px;
-...
+    }
     /* Progress Bar ----------------------------------------------- */
     /* line 612, ../sass/_common.scss */
     /* line 613, ../sass/_common.scss */
     .progress-bar {
       position: fixed;
       bottom: 0;
-...
       padding: 20px 0 20px 310px;
       color: #919194;
+    }
     /* line 621, ../sass/_common.scss */
     /* line 622, ../sass/_common.scss */
     .progress-bar span.counter {
       display: inline-block;
       margin-right: 20px;
       float: left;
+    }
     /* line 626, ../sass/_common.scss */
     /* line 627, ../sass/_common.scss */
     .progress-bar div.progress-wrap {
       display: inline-block;
       float: left;
       width: 40%;
       margin-right: 60px;
+    }
     /* line 631, ../sass/_common.scss */
     /* line 632, ../sass/_common.scss */
     .progress-bar div.progress-wrap .progress {
       position: relative;
       top: 2px;
+    }
     /* line 636, ../sass/_common.scss */
     /* line 637, ../sass/_common.scss */
     .progress-bar span.more {
       display: inline-block;
+    }
     /* Responive ------------------------------------------------ */
     @media only screen and (max-width: 768px) {
       /* line 647, ../sass/_common.scss */
       /* line 648, ../sass/_common.scss */
       body {
         padding-top: 0;
+      }
       /* line 650, ../sass/_common.scss */
       /* line 651, ../sass/_common.scss */
       .header, .actions-bar {
         position: static;
         z-index: auto;
+      }
       /* line 654, ../sass/_common.scss */
       /* line 655, ../sass/_common.scss */
       .actions-bar {
         top: 160px;
+      }
       /* line 657, ../sass/_common.scss */
       /* line 658, ../sass/_common.scss */
       .header {
         height: 120px;
         line-height: 50px;
+      }
       /* line 660, ../sass/_common.scss */
       /* line 661, ../sass/_common.scss */
       .header .icons-nav {
         position: static;
+      }
-...
       font-size: 60px;
       color: #30c79e;
+    }
     /* line 54, ../sass/_machines.scss */
     /* line 48, ../sass/_machines.scss */
     .vms .items-list .img-wrap .os {
       background: url("../images/os-unknown.png") no-repeat center center;
       width: 22px;
-...
       top: 8px;
       left: 19px;
+    }
     /* line 59, ../sass/_machines.scss */
     /* line 53, ../sass/_machines.scss */
     .vms .items-list .img-wrap .os.windows {
       background-image: url("../images/os-windows.png");
+    }
     /* line 60, ../sass/_machines.scss */
     /* line 54, ../sass/_machines.scss */
     .vms .items-list .img-wrap .os.kubuntu {
       background-image: url("../images/os-kubuntu.png");
+    }
     /* line 61, ../sass/_machines.scss */
     /* line 55, ../sass/_machines.scss */
     .vms .items-list .img-wrap .os.fedora {
       background-image: url("../images/os-fedora.png");
+    }
     /* line 66, ../sass/_machines.scss */
     /* line 60, ../sass/_machines.scss */
     .vms .items-list [data-status="off"] .img-wrap .snf-PC_fill {
       color: #4a5158;
+    }
     /* line 70, ../sass/_machines.scss */
     .vms .items-list [data-status="off"] .status .logs, .vms .items-list [data-status="off"] .status .state a {
     /* line 64, ../sass/_machines.scss */
     .vms .items-list [data-status="off"] .status .logs, .vms .items-list [data-status="off"] .status .state {
       color: #4a5158;
+    }
     /* line 76, ../sass/_machines.scss */
     /* line 70, ../sass/_machines.scss */
     .vms .items-list [data-status="error"] .img-wrap .snf-PC_fill {
       color: #ff4040;
+    }
     /* line 80, ../sass/_machines.scss */
     /* line 74, ../sass/_machines.scss */
     .vms .items-list [data-status="error"] .status .logs, .vms .items-list [data-status="error"] .status .state a {
       color: #ff4040;
+    }
     /* line 86, ../sass/_machines.scss */
     /* line 80, ../sass/_machines.scss */
     .vms .items-list [data-status="shutting"] .img-wrap .snf-PC_fill {
       color: #666c6b;
+    }
     /* line 90, ../sass/_machines.scss */
     .vms .items-list [data-status="shutting"] .status .logs, .vms .items-list [data-status="shutting"] .status .state a {
     /* line 84, ../sass/_machines.scss */
     .vms .items-list [data-status="shutting"] .status .logs, .vms .items-list [data-status="shutting"] .status .state {
       color: #666c6b;
+    }
     /* line 96, ../sass/_machines.scss */
     /* line 90, ../sass/_machines.scss */
     .vms .items-list [data-status="starting"] .img-wrap .snf-PC_fill {
       color: #566db1;
+    }
     /* line 100, ../sass/_machines.scss */
     .vms .items-list [data-status="starting"] .status .logs, .vms .items-list [data-status="starting"] .status .state a {
     /* line 94, ../sass/_machines.scss */
     .vms .items-list [data-status="starting"] .status .logs, .vms .items-list [data-status="starting"] .status .state {
       color: #566db1;
+    }
     /* line 106, ../sass/_machines.scss */
     /* line 100, ../sass/_machines.scss */
     .vms .items-list [data-status="rebooting"] .img-wrap .snf-PC_fill {
       color: #ffc54a;
+    }
     /* line 110, ../sass/_machines.scss */
     .vms .items-list [data-status="rebooting"] .status .logs, .vms .items-list [data-status="rebooting"] .status .state a {
     /* line 104, ../sass/_machines.scss */
     .vms .items-list [data-status="rebooting"] .status .logs, .vms .items-list [data-status="rebooting"] .status .state {
       color: #ffc54a;
+    }
     /* line 115, ../sass/_machines.scss */
     /* line 109, ../sass/_machines.scss */
     .vms .items-list [data-status="building"] .btn5.temp, .vms .items-list [data-status="building"] .wizard .middle .step .os li .btn-col a.temp, .wizard .middle .step .os li .btn-col .vms .items-list [data-status="building"] a.temp, .vms .items-list [data-status="building"] .wizard .middle .step .flavor li .options-bar .options li a.temp, .wizard .middle .step .flavor li .options-bar .options li .vms .items-list [data-status="building"] a.temp {
       color: #5c8fe1;
       border-color: #5c8fe1;
-...
       position: absolute;
       right: 0;
+    }
     /* line 123, ../sass/_machines.scss */
     /* line 117, ../sass/_machines.scss */
     .vms .items-list [data-status="building"] .img-wrap .snf-PC_fill {
       display: block;
       overflow: hidden;
+    }
     /* line 127, ../sass/_machines.scss */
     /* line 121, ../sass/_machines.scss */
     .vms .items-list [data-status="building"] .img-wrap .incomplete {
       color: #c7eae0;
       width: 60px;
+    }
     /* line 131, ../sass/_machines.scss */
     /* line 125, ../sass/_machines.scss */
     .vms .items-list [data-status="building"] .img-wrap .complete {
       width: 0%;
       position: relative;
       top: -60px;
+    }
     /* line 143, ../sass/_machines.scss */
     /* line 137, ../sass/_machines.scss */
     .vm .top .img-wrap {
       display: inline-block;
       height: 112px;
+    }
     /* line 147, ../sass/_machines.scss */
     /* line 141, ../sass/_machines.scss */
     .vm .top .img-wrap .snf-PC_fill {
       font-size: 112px;
       color: #30c79e;
+    }
     /* line 152, ../sass/_machines.scss */
     /* line 146, ../sass/_machines.scss */
     .vm .top .img-wrap.off .snf-PC_fill {
       color: #4a5158;
+    }
     /* line 157, ../sass/_machines.scss */
     /* line 151, ../sass/_machines.scss */
     .vm .top .os {
       background: url("../images/os-unknown.png") no-repeat center center;
       width: 44px;
-...
       left: 34px;
       top: 11px;
+    }
     /* line 164, ../sass/_machines.scss */
     /* line 158, ../sass/_machines.scss */
     .vm .top .os.windows {
       background-image: url("../images/os-windows.png");
+    }
     /* line 165, ../sass/_machines.scss */
     /* line 159, ../sass/_machines.scss */
     .vm .top .os.kubuntu {
       background-image: url("../images/os-kubuntu.png");
+    }
     /* line 166, ../sass/_machines.scss */
     /* line 160, ../sass/_machines.scss */
     .vm .top .os.fedora {
       background-image: url("../images/os-fedora.png");
+    }
     /* line 173, ../sass/_machines.scss */
     /* line 167, ../sass/_machines.scss */
     #vm-connect .info {
       font-style: italic;
       font-size: 0.8125em;
       color: #9e9ea1;
+    }
     /* line 178, ../sass/_machines.scss */
     /* line 172, ../sass/_machines.scss */
     #vm-connect .ssh {
       text-align: center;
+    }
     /* line 180, ../sass/_machines.scss */
     /* line 174, ../sass/_machines.scss */
     #vm-connect .ssh span {
       padding: 10px 30px;
       background: #30c79e;

     		</div>
     		<section class="actions-bar clearfix">
     			<h2>Virtual Machine Overview</h2>
     			<h2>Virtual Machines</h2>
     			<div class="view-type">
     				<a href="" class="list"><span class="snf-list"></span></a>
     				<a href="" class="grid"><span class="snf-layout current"></span></a>
-...
     							</div>
     							<h4>vm name 1 really large name vm name vm 1 really large name vm</h4>
     							<div class= "status">
     								<span class="state"><a href="">REBOOTING</a></span>
     								<span class="state">REBOOTING</span>
     							</div>
     							<div class="tags">
     								<a href="" class="tag1 has-tip" data-tooltip title="Tooltip1">&nbsp;</a>
-...
     							</div>
     							<h4>vm name 1 really large name vm name vm 1 really large name vm</h4>
     							<div class= "status">
     								<span class="state"><a href="">STARTING</a></span>
     								<span class="state">STARTING</span>
     							</div>
     							<div class="tags">
     							</div>
-...
     							</div>
     							<h4>short name</h4>
     							<div class= "status">
     								<span class="state"><a href="">SHUTTING DOWN</a></span>
     								<span class="state">SHUTTING DOWN</span>
     							</div>
     							<div class="tags">
     								<a href="" class="tag1 has-tip" data-tooltip title="Tooltip1">&nbsp;</a>
-...
     							</div>
     							<h4>short name</h4>
     							<div class= "status">
     								<span class="state"><a href="">RUNNING</a></span>
     								<span class="state">RUNNING</span>
     							</div>
     						</div>
     					</li>

Also available in: Unified diff