Revision e5c8c342
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/common.js | ||
|---|---|---|
| 44 | 44 |
var stopped = $('.snf-checkbox-checked').parents('.container').find('.stopped').length;
|
| 45 | 45 |
$('.header .main-actions li:not(.permanent) a').removeClass('active');
|
| 46 | 46 |
if ( (running*stopped) > 0 ){
|
| 47 |
$('.header .main-actions li.both a').addClass('active');
|
|
| 48 |
$('.header .main-actions li.single a').removeClass('active');
|
|
| 47 |
$('.main-actions li.both a').addClass('active');
|
|
| 48 |
$('.main-actions li.single a').removeClass('active');
|
|
| 49 | 49 |
} else {
|
| 50 | 50 |
if (running > 0) {
|
| 51 |
$('.header .main-actions li.both a').addClass('active');
|
|
| 52 |
$('.header .main-actions li.running a').addClass('active');
|
|
| 51 |
$('.main-actions li.both a').addClass('active');
|
|
| 52 |
$('.main-actions li.running a').addClass('active');
|
|
| 53 | 53 |
} else if (stopped>0) {
|
| 54 |
$('.header .main-actions li.both a').addClass('active');
|
|
| 55 |
$('.header .main-actions li.stopped a').addClass('active');
|
|
| 54 |
$('.main-actions li.both a').addClass('active');
|
|
| 55 |
$('.main-actions li.stopped a').addClass('active');
|
|
| 56 | 56 |
} |
| 57 | 57 |
if ( all > 1 ) {
|
| 58 |
$('.header .main-actions li.single a').removeClass('active');
|
|
| 58 |
$('.main-actions li.single a').removeClass('active');
|
|
| 59 | 59 |
} |
| 60 | 60 |
} |
| 61 | 61 |
} |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_common.scss | ||
|---|---|---|
| 5 | 5 |
- Buttons and Links |
| 6 | 6 |
- Layout |
| 7 | 7 |
- Header |
| 8 |
- Actions Bar |
|
| 8 | 9 |
- Icon Navigation |
| 9 | 10 |
- Top Info |
| 10 | 11 |
- Progress Bar |
| ... | ... | |
| 171 | 172 |
|
| 172 | 173 |
|
| 173 | 174 |
/* Layout ----------------------------------------------- */ |
| 175 |
html,body, .overlay-wrapper {
|
|
| 176 |
height:100%; |
|
| 177 |
} |
|
| 174 | 178 |
|
| 175 | 179 |
.lt-sidebar {
|
| 176 | 180 |
width:250px; |
| ... | ... | |
| 186 | 190 |
} |
| 187 | 191 |
|
| 188 | 192 |
.main {
|
| 189 |
padding:43px 40px;
|
|
| 193 |
padding:0 40px;
|
|
| 190 | 194 |
overflow:hidden; |
| 191 | 195 |
} |
| 192 | 196 |
|
| ... | ... | |
| 210 | 214 |
max-height: 30px; |
| 211 | 215 |
} |
| 212 | 216 |
h2 {
|
| 217 |
display: none; |
|
| 218 |
margin:0; |
|
| 213 | 219 |
font-size: 1em; |
| 214 | 220 |
color:$primary-color; |
| 215 | 221 |
font-weight: normal; |
| ... | ... | |
| 220 | 226 |
right:$header-padding-horizontal; |
| 221 | 227 |
top:$header-padding-vertical; |
| 222 | 228 |
} |
| 223 |
.actions {
|
|
| 224 |
text-align:center; |
|
| 225 |
height:45px; |
|
| 226 |
line-height:45px; |
|
| 227 |
position:relative; |
|
| 228 |
margin:2*$header-padding-vertical 0 $header-padding-vertical; |
|
| 229 |
.main-actions {
|
|
| 230 |
position:relative; |
|
| 231 |
top:86px; |
|
| 232 |
margin:0 -40px; |
|
| 233 |
border-bottom:1px solid lighten($primary-color,20%); |
|
| 234 |
z-index: 1; |
|
| 235 |
} |
|
| 236 |
ul {
|
|
| 237 |
margin:0; |
|
| 238 |
li {
|
|
| 239 |
list-style: none outside none; |
|
| 240 |
display: inline-block; |
|
| 241 |
margin:0 5px; |
|
| 242 |
a {
|
|
| 243 |
display: block; |
|
| 244 |
color:lighten($primary-color,30%); |
|
| 245 |
width:100%; |
|
| 246 |
padding:8px 20px; |
|
| 247 |
border:1px solid transparent; |
|
| 248 |
&.active {
|
|
| 249 |
color:$primary-color; |
|
| 250 |
&:hover {
|
|
| 251 |
color:$secondary-color; |
|
| 252 |
cursor: pointer; |
|
| 253 |
} |
|
| 254 |
} |
|
| 229 |
|
|
| 230 |
} |
|
| 231 |
|
|
| 232 |
/* Actions Bar ----------------------------------------------- */ |
|
| 233 |
|
|
| 234 |
.actions-bar {
|
|
| 235 |
text-align:center; |
|
| 236 |
line-height:40px; |
|
| 237 |
position:relative; |
|
| 238 |
padding:$header-padding-vertical/2 0 ; |
|
| 239 |
border-bottom:1px solid $primary-color; |
|
| 240 |
.row {
|
|
| 241 |
position: relative; |
|
| 242 |
} |
|
| 243 |
.main-actions {
|
|
| 244 |
} |
|
| 245 |
ul {
|
|
| 246 |
margin:0; |
|
| 247 |
li {
|
|
| 248 |
list-style: none outside none; |
|
| 249 |
display: inline-block; |
|
| 250 |
margin:0 5px; |
|
| 251 |
a {
|
|
| 252 |
display: block; |
|
| 253 |
color:lighten($primary-color,30%); |
|
| 254 |
width:100%; |
|
| 255 |
padding:8px 20px; |
|
| 256 |
border:1px solid transparent; |
|
| 257 |
&.active {
|
|
| 258 |
color:$primary-color; |
|
| 255 | 259 |
&:hover {
|
| 256 |
cursor:default; |
|
| 260 |
color:$secondary-color; |
|
| 261 |
cursor: pointer; |
|
| 257 | 262 |
} |
| 258 |
|
|
| 259 | 263 |
} |
| 264 |
&:hover {
|
|
| 265 |
cursor:default; |
|
| 266 |
} |
|
| 267 |
|
|
| 260 | 268 |
} |
| 261 | 269 |
} |
| 262 | 270 |
} |
| 263 |
.new-btn {
|
|
| 264 |
position: absolute;
|
|
| 265 |
left:0;
|
|
| 266 |
bottom:0;
|
|
| 267 |
a {
|
|
| 268 |
@extend .btn1;
|
|
| 269 |
span {
|
|
| 270 |
font-size:emCalc(20px);
|
|
| 271 |
}
|
|
| 271 |
}
|
|
| 272 |
.new-btn {
|
|
| 273 |
position: absolute;
|
|
| 274 |
left:0;
|
|
| 275 |
bottom:0;
|
|
| 276 |
a {
|
|
| 277 |
@extend .btn1;
|
|
| 278 |
span {
|
|
| 279 |
font-size:emCalc(20px);
|
|
| 272 | 280 |
} |
| 273 | 281 |
} |
| 274 | 282 |
} |
| 275 | 283 |
|
| 276 |
|
|
| 277 | 284 |
/* Icons Navigation ----------------------------------------------- */ |
| 278 | 285 |
|
| 279 | 286 |
.icons-nav {
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss | ||
|---|---|---|
| 38 | 38 |
|
| 39 | 39 |
.overlay-wrapper {
|
| 40 | 40 |
position: relative; |
| 41 |
|
|
| 42 | 41 |
.overlay-area {
|
| 43 | 42 |
display:none; |
| 44 | 43 |
position:absolute; |
| ... | ... | |
| 47 | 46 |
top:0; |
| 48 | 47 |
width:100%; |
| 49 | 48 |
height:100%; |
| 50 |
background:$secondary-color;
|
|
| 49 |
background:$overlay-color;
|
|
| 51 | 50 |
z-index:20; |
| 52 | 51 |
} |
| 53 | 52 |
.close {
|
| ... | ... | |
| 77 | 76 |
left:10%; |
| 78 | 77 |
border:1px solid white; |
| 79 | 78 |
} |
| 80 |
|
|
| 79 |
&.wizard {
|
|
| 80 |
background:transparent; |
|
| 81 |
padding:0; |
|
| 82 |
width:100%; |
|
| 83 |
top:0; |
|
| 84 |
left:0; |
|
| 85 |
} |
|
| 81 | 86 |
} |
| 82 |
|
|
| 83 | 87 |
} |
| 84 | 88 |
|
| 85 | 89 |
|
| 86 |
|
|
| 87 | 90 |
.overlay {
|
| 88 | 91 |
background:$secondary-color; |
| 89 | 92 |
position: relative; |
| 90 | 93 |
z-index:10; |
| 91 |
|
|
| 92 | 94 |
.lt-sidebar {
|
| 93 | 95 |
border-right:1px solid #fff; |
| 94 | 96 |
color:#fff; |
| ... | ... | |
| 102 | 104 |
span { float:right; display:none;}
|
| 103 | 105 |
&:hover, |
| 104 | 106 |
&.current {
|
| 105 |
|
|
| 106 | 107 |
text-decoration: none; |
| 107 | 108 |
span {
|
| 108 | 109 |
display:inline; |
| ... | ... | |
| 137 | 138 |
color: white; |
| 138 | 139 |
} |
| 139 | 140 |
} |
| 141 |
|
|
| 142 |
.wizard {
|
|
| 143 |
position: relative; |
|
| 144 |
top:0; |
|
| 145 |
color:white; |
|
| 146 |
.top {
|
|
| 147 |
background:$overlay-color-top; |
|
| 148 |
.sub-menu {
|
|
| 149 |
padding:10px 0; |
|
| 150 |
ul {
|
|
| 151 |
margin:0; |
|
| 152 |
padding:0; |
|
| 153 |
list-style: none outside none; |
|
| 154 |
li {
|
|
| 155 |
display: inline; |
|
| 156 |
margin-right:10px; |
|
| 157 |
list-style: none outside none; |
|
| 158 |
a {
|
|
| 159 |
color:$black; |
|
| 160 |
&:hover, &.current {
|
|
| 161 |
color:white; |
|
| 162 |
text-decoration: underline; |
|
| 163 |
} |
|
| 164 |
} |
|
| 165 |
} |
|
| 166 |
} |
|
| 167 |
} |
|
| 168 |
} |
|
| 169 |
.middle {
|
|
| 170 |
|
|
| 171 |
} |
|
| 172 |
.bottom {
|
|
| 173 |
position: fixed; |
|
| 174 |
left:0; |
|
| 175 |
right:0; |
|
| 176 |
bottom:0; |
|
| 177 |
border-top:1px solid $black; |
|
| 178 |
padding:10px 0; |
|
| 179 |
.nav {
|
|
| 180 |
height: 30px; |
|
| 181 |
line-height:30px; |
|
| 182 |
color:white; |
|
| 183 |
span {
|
|
| 184 |
display: inline-block; |
|
| 185 |
height: 30px; |
|
| 186 |
line-height: 30px; |
|
| 187 |
} |
|
| 188 |
} |
|
| 189 |
.prev {
|
|
| 190 |
float:left; |
|
| 191 |
display: inline-block; |
|
| 192 |
padding-left:11px; |
|
| 193 |
background:url('../images/nav-edge-lt.png') no-repeat left center;
|
|
| 194 |
span {
|
|
| 195 |
padding:0 12px 0 10px; |
|
| 196 |
border:1px solid white; |
|
| 197 |
border-left:0 none; |
|
| 198 |
height: 30px; |
|
| 199 |
line-height: 30px; |
|
| 200 |
} |
|
| 201 |
&:hover {
|
|
| 202 |
background-image:url('../images/nav-edge-lt-hover.png');
|
|
| 203 |
span {
|
|
| 204 |
border-width:2px; |
|
| 205 |
line-height:28px; |
|
| 206 |
} |
|
| 207 |
} |
|
| 208 |
} |
|
| 209 |
.next {
|
|
| 210 |
float:right; |
|
| 211 |
display: inline-block; |
|
| 212 |
padding-right:11px; |
|
| 213 |
background:url('../images/nav-edge-rt.png') no-repeat right center;
|
|
| 214 |
span {
|
|
| 215 |
padding:0 10px 0 12px; |
|
| 216 |
border:1px solid white; |
|
| 217 |
border-right:0 none; |
|
| 218 |
} |
|
| 219 |
&:hover {
|
|
| 220 |
background-image:url('../images/nav-edge-rt-hover.png');
|
|
| 221 |
span {
|
|
| 222 |
border-width:2px; |
|
| 223 |
line-height:28px; |
|
| 224 |
} |
|
| 225 |
} |
|
| 226 |
} |
|
| 227 |
.nums {
|
|
| 228 |
text-align: center; |
|
| 229 |
list-style:none outside none; |
|
| 230 |
margin:0; |
|
| 231 |
li {
|
|
| 232 |
list-style:none outside none; |
|
| 233 |
display: inline-block; |
|
| 234 |
border-radius:50%; |
|
| 235 |
border:1px solid $primary-color; |
|
| 236 |
width:25px; |
|
| 237 |
height:25px; |
|
| 238 |
line-height: 25px; |
|
| 239 |
margin:0 3px; |
|
| 240 |
a {
|
|
| 241 |
color:$primary-color; |
|
| 242 |
display: block; |
|
| 243 |
} |
|
| 244 |
&:hover,&.current{
|
|
| 245 |
border-color:white; |
|
| 246 |
a {
|
|
| 247 |
color:white; |
|
| 248 |
} |
|
| 249 |
} |
|
| 250 |
&.current {
|
|
| 251 |
font-size:emCalc(20px); |
|
| 252 |
width:30px; |
|
| 253 |
height:30px; |
|
| 254 |
} |
|
| 255 |
} |
|
| 256 |
} |
|
| 257 |
} |
|
| 258 |
} |
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_settings.scss | ||
|---|---|---|
| 30 | 30 |
// We use these as default colors throughout |
| 31 | 31 |
$primary-color: #919194; |
| 32 | 32 |
$secondary-color: #3582AC; |
| 33 |
$third-color: #F24E53; |
|
| 33 |
$third-color: #30c79e; |
|
| 34 |
$overlay-color: #485057; |
|
| 35 |
$overlay-color-top:#636a70; |
|
| 34 | 36 |
$black:#333; |
| 35 | 37 |
|
| 36 | 38 |
$alert-color: $secondary-color; |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css | ||
|---|---|---|
| 6836 | 6836 |
- Buttons and Links |
| 6837 | 6837 |
- Layout |
| 6838 | 6838 |
- Header |
| 6839 |
- Actions Bar |
|
| 6839 | 6840 |
- Icon Navigation |
| 6840 | 6841 |
- Top Info |
| 6841 | 6842 |
- Progress Bar |
| 6842 | 6843 |
|
| 6843 | 6844 |
*/ |
| 6844 | 6845 |
/* Clearfix -------------------------------------------- */ |
| 6845 |
/* line 18, ../sass/_common.scss */
|
|
| 6846 |
/* line 19, ../sass/_common.scss */
|
|
| 6846 | 6847 |
.clearfix, .storage .files li {
|
| 6847 | 6848 |
zoom: 1; |
| 6848 | 6849 |
} |
| 6849 |
/* line 20, ../sass/_common.scss */
|
|
| 6850 |
/* line 21, ../sass/_common.scss */
|
|
| 6850 | 6851 |
.clearfix:before, .storage .files li:before, .clearfix:after, .storage .files li:after {
|
| 6851 | 6852 |
content: "\0020"; |
| 6852 | 6853 |
display: block; |
| 6853 | 6854 |
height: 0; |
| 6854 | 6855 |
overflow: hidden; |
| 6855 | 6856 |
} |
| 6856 |
/* line 26, ../sass/_common.scss */
|
|
| 6857 |
/* line 27, ../sass/_common.scss */
|
|
| 6857 | 6858 |
.clearfix:after, .storage .files li:after {
|
| 6858 | 6859 |
clear: both; |
| 6859 | 6860 |
} |
| 6860 | 6861 |
|
| 6861 | 6862 |
/* Mixins ----------------------------------------------- */ |
| 6862 | 6863 |
/* Circle and Tags ----------------------------------------------- */ |
| 6863 |
/* line 69, ../sass/_common.scss */
|
|
| 6864 |
/* line 70, ../sass/_common.scss */
|
|
| 6864 | 6865 |
.circle, .tags a {
|
| 6865 | 6866 |
display: inline-block; |
| 6866 | 6867 |
-webkit-border-radius: 999px; |
| ... | ... | |
| 6869 | 6870 |
behavior: url(PIE.htc); |
| 6870 | 6871 |
} |
| 6871 | 6872 |
|
| 6872 |
/* line 77, ../sass/_common.scss */
|
|
| 6873 |
/* line 78, ../sass/_common.scss */
|
|
| 6873 | 6874 |
.tags {
|
| 6874 | 6875 |
text-align: center; |
| 6875 | 6876 |
} |
| 6876 |
/* line 79, ../sass/_common.scss */
|
|
| 6877 |
/* line 80, ../sass/_common.scss */
|
|
| 6877 | 6878 |
.tags a {
|
| 6878 | 6879 |
width: 12px; |
| 6879 | 6880 |
height: 12px; |
| 6880 | 6881 |
margin: 0 3px; |
| 6881 | 6882 |
} |
| 6882 |
/* line 84, ../sass/_common.scss */
|
|
| 6883 |
/* line 85, ../sass/_common.scss */
|
|
| 6883 | 6884 |
.tags a.tag1 {
|
| 6884 | 6885 |
background-color: #3582ac; |
| 6885 | 6886 |
} |
| 6886 |
/* line 85, ../sass/_common.scss */
|
|
| 6887 |
/* line 86, ../sass/_common.scss */
|
|
| 6887 | 6888 |
.tags a.tag2 {
|
| 6888 |
background-color: #f24e53;
|
|
| 6889 |
background-color: #30c79e;
|
|
| 6889 | 6890 |
} |
| 6890 |
/* line 86, ../sass/_common.scss */
|
|
| 6891 |
/* line 87, ../sass/_common.scss */
|
|
| 6891 | 6892 |
.tags a.tag3 {
|
| 6892 | 6893 |
background-color: #00a551; |
| 6893 | 6894 |
} |
| 6894 | 6895 |
|
| 6895 | 6896 |
/* Buttons and Links ----------------------------------------------- */ |
| 6896 |
/* line 95, ../sass/_common.scss */
|
|
| 6897 |
/* line 96, ../sass/_common.scss */
|
|
| 6897 | 6898 |
a {
|
| 6898 | 6899 |
color: #3582ac; |
| 6899 | 6900 |
} |
| 6900 |
/* line 97, ../sass/_common.scss */
|
|
| 6901 |
/* line 98, ../sass/_common.scss */
|
|
| 6901 | 6902 |
a:hover {
|
| 6902 |
color: #f24e53;
|
|
| 6903 |
color: #30c79e;
|
|
| 6903 | 6904 |
-webkit-transition: background 300ms ease-out; |
| 6904 | 6905 |
-moz-transition: background 300ms ease-out; |
| 6905 | 6906 |
-ms-transition: background 300ms ease-out; |
| ... | ... | |
| 6907 | 6908 |
transition: background 300ms ease-out; |
| 6908 | 6909 |
} |
| 6909 | 6910 |
|
| 6910 |
/* line 104, ../sass/_common.scss */
|
|
| 6911 |
.btn1, .btn2, .btn3, .create-vm .select-flavor dl dt span, .upload-widget .btns a, .btn4, .btn-img, .header .new-btn a, .details .top .actions ul li a {
|
|
| 6911 |
/* line 105, ../sass/_common.scss */
|
|
| 6912 |
.btn1, .btn2, .btn3, .create-vm .select-flavor dl dt span, .upload-widget .btns a, .btn4, .btn-img, .new-btn a, .details .top .actions ul li a {
|
|
| 6912 | 6913 |
border: 1px solid #919194; |
| 6913 | 6914 |
color: #919194; |
| 6914 | 6915 |
display: inline-block; |
| ... | ... | |
| 6916 | 6917 |
line-height: 1em; |
| 6917 | 6918 |
text-align: center; |
| 6918 | 6919 |
} |
| 6919 |
/* line 112, ../sass/_common.scss */
|
|
| 6920 |
.btn1:hover, .btn2:hover, .btn3:hover, .create-vm .select-flavor dl dt span:hover, .upload-widget .btns a:hover, .btn4:hover, .btn-img:hover, .header .new-btn a:hover, .details .top .actions ul li a:hover, .btn1.current, .current.btn2, .current.btn3, .create-vm .select-flavor dl dt span.current, .upload-widget .btns a.current, .current.btn4, .current.btn-img, .header .new-btn a.current, .details .top .actions ul li a.current {
|
|
| 6920 |
/* line 113, ../sass/_common.scss */
|
|
| 6921 |
.btn1:hover, .btn2:hover, .btn3:hover, .create-vm .select-flavor dl dt span:hover, .upload-widget .btns a:hover, .btn4:hover, .btn-img:hover, .new-btn a:hover, .details .top .actions ul li a:hover, .btn1.current, .current.btn2, .current.btn3, .create-vm .select-flavor dl dt span.current, .upload-widget .btns a.current, .current.btn4, .current.btn-img, .new-btn a.current, .details .top .actions ul li a.current {
|
|
| 6921 | 6922 |
border-color: #3582ac; |
| 6922 | 6923 |
background: #3582ac; |
| 6923 | 6924 |
color: #fff; |
| 6924 | 6925 |
} |
| 6925 |
/* line 117, ../sass/_common.scss */
|
|
| 6926 |
.btn1.current, .current.btn2, .current.btn3, .create-vm .select-flavor dl dt span.current, .upload-widget .btns a.current, .current.btn4, .current.btn-img, .header .new-btn a.current, .details .top .actions ul li a.current {
|
|
| 6926 |
/* line 118, ../sass/_common.scss */
|
|
| 6927 |
.btn1.current, .current.btn2, .current.btn3, .create-vm .select-flavor dl dt span.current, .upload-widget .btns a.current, .current.btn4, .current.btn-img, .new-btn a.current, .details .top .actions ul li a.current {
|
|
| 6927 | 6928 |
cursor: default; |
| 6928 | 6929 |
} |
| 6929 | 6930 |
|
| 6930 |
/* line 122, ../sass/_common.scss */
|
|
| 6931 |
/* line 123, ../sass/_common.scss */
|
|
| 6931 | 6932 |
.btn2 {
|
| 6932 | 6933 |
color: #3582ac; |
| 6933 | 6934 |
background: #fff; |
| 6934 | 6935 |
border-color: #3582ac; |
| 6935 | 6936 |
} |
| 6936 |
/* line 128, ../sass/_common.scss */
|
|
| 6937 |
/* line 129, ../sass/_common.scss */
|
|
| 6937 | 6938 |
.btn2:hover, .btn2.current {
|
| 6938 | 6939 |
background: transparent; |
| 6939 | 6940 |
border-color: #fff; |
| 6940 | 6941 |
} |
| 6941 | 6942 |
|
| 6942 |
/* line 134, ../sass/_common.scss */
|
|
| 6943 |
/* line 135, ../sass/_common.scss */
|
|
| 6943 | 6944 |
.btn3, .create-vm .select-flavor dl dt span, .upload-widget .btns a {
|
| 6944 | 6945 |
color: #fff; |
| 6945 | 6946 |
border-color: #fff; |
| 6946 | 6947 |
} |
| 6947 |
/* line 139, ../sass/_common.scss */
|
|
| 6948 |
/* line 140, ../sass/_common.scss */
|
|
| 6948 | 6949 |
.btn3:hover, .create-vm .select-flavor dl dt span:hover, .upload-widget .btns a:hover, .btn3.current, .create-vm .select-flavor dl dt span.current, .upload-widget .btns a.current {
|
| 6949 | 6950 |
color: #3582ac; |
| 6950 | 6951 |
background: #fff; |
| 6951 | 6952 |
border-color: #fff; |
| 6952 | 6953 |
} |
| 6953 | 6954 |
|
| 6954 |
/* line 146, ../sass/_common.scss */
|
|
| 6955 |
/* line 147, ../sass/_common.scss */
|
|
| 6955 | 6956 |
.btn4 {
|
| 6956 | 6957 |
color: #fff; |
| 6957 | 6958 |
border-color: #fff; |
| 6958 | 6959 |
background: #3582ac; |
| 6959 | 6960 |
} |
| 6960 |
/* line 152, ../sass/_common.scss */
|
|
| 6961 |
/* line 153, ../sass/_common.scss */
|
|
| 6961 | 6962 |
.btn4:hover, .btn4.current {
|
| 6962 | 6963 |
color: #3582ac; |
| 6963 | 6964 |
border-color: #3582ac; |
| 6964 | 6965 |
background: #fff; |
| 6965 | 6966 |
} |
| 6966 | 6967 |
|
| 6967 |
/* line 159, ../sass/_common.scss */
|
|
| 6968 |
/* line 160, ../sass/_common.scss */
|
|
| 6968 | 6969 |
.btn-img {
|
| 6969 | 6970 |
border-color: #3582ac; |
| 6970 | 6971 |
} |
| 6971 |
/* line 162, ../sass/_common.scss */
|
|
| 6972 |
/* line 163, ../sass/_common.scss */
|
|
| 6972 | 6973 |
.btn-img:hover {
|
| 6973 | 6974 |
background: transparent; |
| 6974 | 6975 |
} |
| 6975 |
/* line 166, ../sass/_common.scss */
|
|
| 6976 |
/* line 167, ../sass/_common.scss */
|
|
| 6976 | 6977 |
.btn-img a img, .btn-img a span {
|
| 6977 | 6978 |
margin-left: 5px; |
| 6978 | 6979 |
} |
| 6979 | 6980 |
|
| 6980 | 6981 |
/* Layout ----------------------------------------------- */ |
| 6981 | 6982 |
/* line 175, ../sass/_common.scss */ |
| 6983 |
html, body, .overlay-wrapper {
|
|
| 6984 |
height: 100%; |
|
| 6985 |
} |
|
| 6986 |
|
|
| 6987 |
/* line 179, ../sass/_common.scss */ |
|
| 6982 | 6988 |
.lt-sidebar {
|
| 6983 | 6989 |
width: 250px; |
| 6984 | 6990 |
float: left; |
| 6985 | 6991 |
} |
| 6986 |
/* line 178, ../sass/_common.scss */
|
|
| 6992 |
/* line 182, ../sass/_common.scss */
|
|
| 6987 | 6993 |
.lt-sidebar.nav {
|
| 6988 | 6994 |
margin-top: 0; |
| 6989 | 6995 |
font-size: 1em; |
| 6990 | 6996 |
overflow: auto; |
| 6991 | 6997 |
} |
| 6992 |
/* line 183, ../sass/_common.scss */
|
|
| 6998 |
/* line 187, ../sass/_common.scss */
|
|
| 6993 | 6999 |
.lt-sidebar + .main {
|
| 6994 | 7000 |
overflow: hidden; |
| 6995 | 7001 |
} |
| 6996 | 7002 |
|
| 6997 |
/* line 188, ../sass/_common.scss */
|
|
| 7003 |
/* line 192, ../sass/_common.scss */
|
|
| 6998 | 7004 |
.main {
|
| 6999 |
padding: 43px 40px;
|
|
| 7005 |
padding: 0 40px;
|
|
| 7000 | 7006 |
overflow: hidden; |
| 7001 | 7007 |
} |
| 7002 | 7008 |
|
| 7003 | 7009 |
/* Header ----------------------------------------------- */ |
| 7004 |
/* line 197, ../sass/_common.scss */
|
|
| 7010 |
/* line 201, ../sass/_common.scss */
|
|
| 7005 | 7011 |
.header {
|
| 7006 | 7012 |
position: relative; |
| 7007 | 7013 |
padding: 1.25em 2.5em; |
| 7008 | 7014 |
border-bottom: 1px solid #919194; |
| 7009 | 7015 |
background: #fff; |
| 7010 | 7016 |
} |
| 7011 |
/* line 202, ../sass/_common.scss */
|
|
| 7017 |
/* line 206, ../sass/_common.scss */
|
|
| 7012 | 7018 |
.header .icons-nav {
|
| 7013 | 7019 |
position: absolute; |
| 7014 | 7020 |
left: 2.5em; |
| 7015 | 7021 |
top: 1.25em; |
| 7016 | 7022 |
} |
| 7017 |
/* line 207, ../sass/_common.scss */
|
|
| 7023 |
/* line 211, ../sass/_common.scss */
|
|
| 7018 | 7024 |
.header .logo {
|
| 7019 | 7025 |
text-align: center; |
| 7020 | 7026 |
} |
| 7021 |
/* line 209, ../sass/_common.scss */
|
|
| 7027 |
/* line 213, ../sass/_common.scss */
|
|
| 7022 | 7028 |
.header .logo img {
|
| 7023 | 7029 |
max-height: 30px; |
| 7024 | 7030 |
} |
| 7025 |
/* line 212, ../sass/_common.scss */
|
|
| 7031 |
/* line 216, ../sass/_common.scss */
|
|
| 7026 | 7032 |
.header .logo h2 {
|
| 7033 |
display: none; |
|
| 7034 |
margin: 0; |
|
| 7027 | 7035 |
font-size: 1em; |
| 7028 | 7036 |
color: #919194; |
| 7029 | 7037 |
font-weight: normal; |
| 7030 | 7038 |
} |
| 7031 |
/* line 218, ../sass/_common.scss */
|
|
| 7039 |
/* line 224, ../sass/_common.scss */
|
|
| 7032 | 7040 |
.header .login {
|
| 7033 | 7041 |
position: absolute; |
| 7034 | 7042 |
right: 2.5em; |
| 7035 | 7043 |
top: 1.25em; |
| 7036 | 7044 |
} |
| 7037 |
/* line 223, ../sass/_common.scss */ |
|
| 7038 |
.header .actions {
|
|
| 7045 |
|
|
| 7046 |
/* Actions Bar ----------------------------------------------- */ |
|
| 7047 |
/* line 234, ../sass/_common.scss */ |
|
| 7048 |
.actions-bar {
|
|
| 7039 | 7049 |
text-align: center; |
| 7040 |
height: 45px; |
|
| 7041 |
line-height: 45px; |
|
| 7050 |
line-height: 40px; |
|
| 7042 | 7051 |
position: relative; |
| 7043 |
margin: 2.5em 0 1.25em; |
|
| 7052 |
padding: 0.625em 0; |
|
| 7053 |
border-bottom: 1px solid #919194; |
|
| 7044 | 7054 |
} |
| 7045 |
/* line 229, ../sass/_common.scss */
|
|
| 7046 |
.header .actions .main-actions {
|
|
| 7055 |
/* line 240, ../sass/_common.scss */
|
|
| 7056 |
.actions-bar .row {
|
|
| 7047 | 7057 |
position: relative; |
| 7048 |
top: 86px; |
|
| 7049 |
margin: 0 -40px; |
|
| 7050 |
border-bottom: 1px solid #c5c5c6; |
|
| 7051 |
z-index: 1; |
|
| 7052 | 7058 |
} |
| 7053 |
/* line 236, ../sass/_common.scss */
|
|
| 7054 |
.header .actions ul {
|
|
| 7059 |
/* line 245, ../sass/_common.scss */
|
|
| 7060 |
.actions-bar ul {
|
|
| 7055 | 7061 |
margin: 0; |
| 7056 | 7062 |
} |
| 7057 |
/* line 238, ../sass/_common.scss */
|
|
| 7058 |
.header .actions ul li {
|
|
| 7063 |
/* line 247, ../sass/_common.scss */
|
|
| 7064 |
.actions-bar ul li {
|
|
| 7059 | 7065 |
list-style: none outside none; |
| 7060 | 7066 |
display: inline-block; |
| 7061 | 7067 |
margin: 0 5px; |
| 7062 | 7068 |
} |
| 7063 |
/* line 242, ../sass/_common.scss */
|
|
| 7064 |
.header .actions ul li a {
|
|
| 7069 |
/* line 251, ../sass/_common.scss */
|
|
| 7070 |
.actions-bar ul li a {
|
|
| 7065 | 7071 |
display: block; |
| 7066 | 7072 |
color: #dfdfdf; |
| 7067 | 7073 |
width: 100%; |
| 7068 | 7074 |
padding: 8px 20px; |
| 7069 | 7075 |
border: 1px solid transparent; |
| 7070 | 7076 |
} |
| 7071 |
/* line 248, ../sass/_common.scss */
|
|
| 7072 |
.header .actions ul li a.active, .header .actions ul .items-list li .container:hover a.check, .items-list .header .actions ul li .container:hover a.check {
|
|
| 7077 |
/* line 257, ../sass/_common.scss */
|
|
| 7078 |
.actions-bar ul li a.active, .actions-bar ul .items-list li .container:hover a.check, .items-list .actions-bar ul li .container:hover a.check {
|
|
| 7073 | 7079 |
color: #919194; |
| 7074 | 7080 |
} |
| 7075 |
/* line 250, ../sass/_common.scss */
|
|
| 7076 |
.header .actions ul li a.active:hover, .header .actions ul .items-list li .container:hover a.check:hover, .items-list .header .actions ul li .container:hover a.check:hover {
|
|
| 7081 |
/* line 259, ../sass/_common.scss */
|
|
| 7082 |
.actions-bar ul li a.active:hover, .actions-bar ul .items-list li .container:hover a.check:hover, .items-list .actions-bar ul li .container:hover a.check:hover {
|
|
| 7077 | 7083 |
color: #3582ac; |
| 7078 | 7084 |
cursor: pointer; |
| 7079 | 7085 |
} |
| 7080 |
/* line 255, ../sass/_common.scss */
|
|
| 7081 |
.header .actions ul li a:hover {
|
|
| 7086 |
/* line 264, ../sass/_common.scss */
|
|
| 7087 |
.actions-bar ul li a:hover {
|
|
| 7082 | 7088 |
cursor: default; |
| 7083 | 7089 |
} |
| 7084 |
/* line 263, ../sass/_common.scss */ |
|
| 7085 |
.header .new-btn {
|
|
| 7090 |
|
|
| 7091 |
/* line 272, ../sass/_common.scss */ |
|
| 7092 |
.new-btn {
|
|
| 7086 | 7093 |
position: absolute; |
| 7087 | 7094 |
left: 0; |
| 7088 | 7095 |
bottom: 0; |
| 7089 | 7096 |
} |
| 7090 |
/* line 269, ../sass/_common.scss */
|
|
| 7091 |
.header .new-btn a span {
|
|
| 7097 |
/* line 278, ../sass/_common.scss */
|
|
| 7098 |
.new-btn a span {
|
|
| 7092 | 7099 |
font-size: 1.25em; |
| 7093 | 7100 |
} |
| 7094 | 7101 |
|
| 7095 | 7102 |
/* Icons Navigation ----------------------------------------------- */ |
| 7096 |
/* line 279, ../sass/_common.scss */
|
|
| 7103 |
/* line 286, ../sass/_common.scss */
|
|
| 7097 | 7104 |
.icons-nav {
|
| 7098 | 7105 |
margin: 0; |
| 7099 | 7106 |
padding: 0; |
| 7100 | 7107 |
} |
| 7101 |
/* line 281, ../sass/_common.scss */
|
|
| 7108 |
/* line 288, ../sass/_common.scss */
|
|
| 7102 | 7109 |
.icons-nav li {
|
| 7103 | 7110 |
display: inline-block; |
| 7104 | 7111 |
margin-right: 10px; |
| ... | ... | |
| 7108 | 7115 |
width: 30px; |
| 7109 | 7116 |
overflow: hidden; |
| 7110 | 7117 |
} |
| 7111 |
/* line 289, ../sass/_common.scss */
|
|
| 7118 |
/* line 296, ../sass/_common.scss */
|
|
| 7112 | 7119 |
.icons-nav li a {
|
| 7113 | 7120 |
color: #333333; |
| 7114 | 7121 |
} |
| 7115 |
/* line 291, ../sass/_common.scss */
|
|
| 7122 |
/* line 298, ../sass/_common.scss */
|
|
| 7116 | 7123 |
.icons-nav li a:hover, .icons-nav li a.current {
|
| 7117 | 7124 |
font-size: 30px; |
| 7118 |
color: #f24e53;
|
|
| 7125 |
color: #30c79e;
|
|
| 7119 | 7126 |
} |
| 7120 | 7127 |
|
| 7121 | 7128 |
/* Top info ----------------------------------------------- */ |
| 7122 |
/* line 304, ../sass/_common.scss */
|
|
| 7129 |
/* line 311, ../sass/_common.scss */
|
|
| 7123 | 7130 |
.top-info {
|
| 7124 | 7131 |
padding: 50px 100px; |
| 7125 | 7132 |
position: relative; |
| 7126 | 7133 |
z-index: 10; |
| 7127 | 7134 |
display: none; |
| 7128 | 7135 |
} |
| 7129 |
/* line 309, ../sass/_common.scss */
|
|
| 7136 |
/* line 316, ../sass/_common.scss */
|
|
| 7130 | 7137 |
.top-info .close {
|
| 7131 | 7138 |
position: absolute; |
| 7132 | 7139 |
right: 2.5em; |
| ... | ... | |
| 7139 | 7146 |
overflow: hidden; |
| 7140 | 7147 |
} |
| 7141 | 7148 |
|
| 7142 |
/* line 318, ../sass/_common.scss */
|
|
| 7149 |
/* line 325, ../sass/_common.scss */
|
|
| 7143 | 7150 |
.info.error {
|
| 7144 | 7151 |
background: #ff5c58; |
| 7145 | 7152 |
color: #fff; |
| 7146 | 7153 |
} |
| 7147 | 7154 |
|
| 7148 |
/* line 324, ../sass/_common.scss */
|
|
| 7155 |
/* line 331, ../sass/_common.scss */
|
|
| 7149 | 7156 |
.info.alert {
|
| 7150 | 7157 |
background: #3582ac; |
| 7151 | 7158 |
color: #fff; |
| 7152 | 7159 |
} |
| 7153 | 7160 |
|
| 7154 |
/* line 329, ../sass/_common.scss */
|
|
| 7161 |
/* line 336, ../sass/_common.scss */
|
|
| 7155 | 7162 |
.info.warning {
|
| 7156 | 7163 |
background: #919194; |
| 7157 | 7164 |
color: #fff; |
| 7158 | 7165 |
} |
| 7159 | 7166 |
|
| 7160 |
/* line 334, ../sass/_common.scss */
|
|
| 7167 |
/* line 341, ../sass/_common.scss */
|
|
| 7161 | 7168 |
.info.success {
|
| 7162 | 7169 |
background: #00a551; |
| 7163 | 7170 |
color: #fff; |
| 7164 | 7171 |
} |
| 7165 | 7172 |
|
| 7166 |
/* line 339, ../sass/_common.scss */
|
|
| 7173 |
/* line 346, ../sass/_common.scss */
|
|
| 7167 | 7174 |
.border-bottom-style1 {
|
| 7168 | 7175 |
padding-bottom: 20px; |
| 7169 | 7176 |
margin-bottom: 20px; |
| ... | ... | |
| 7171 | 7178 |
} |
| 7172 | 7179 |
|
| 7173 | 7180 |
/* Progress Bar ----------------------------------------------- */ |
| 7174 |
/* line 348, ../sass/_common.scss */
|
|
| 7181 |
/* line 355, ../sass/_common.scss */
|
|
| 7175 | 7182 |
.progress-bar {
|
| 7176 | 7183 |
position: fixed; |
| 7177 | 7184 |
bottom: 0; |
| ... | ... | |
| 7182 | 7189 |
padding: 20px 0 20px 310px; |
| 7183 | 7190 |
color: #919194; |
| 7184 | 7191 |
} |
| 7185 |
/* line 357, ../sass/_common.scss */
|
|
| 7192 |
/* line 364, ../sass/_common.scss */
|
|
| 7186 | 7193 |
.progress-bar span.counter {
|
| 7187 | 7194 |
display: inline-block; |
| 7188 | 7195 |
margin-right: 20px; |
| 7189 | 7196 |
float: left; |
| 7190 | 7197 |
} |
| 7191 |
/* line 362, ../sass/_common.scss */
|
|
| 7198 |
/* line 369, ../sass/_common.scss */
|
|
| 7192 | 7199 |
.progress-bar div.progress-wrap {
|
| 7193 | 7200 |
display: inline-block; |
| 7194 | 7201 |
float: left; |
| 7195 | 7202 |
width: 40%; |
| 7196 | 7203 |
margin-right: 60px; |
| 7197 | 7204 |
} |
| 7198 |
/* line 367, ../sass/_common.scss */
|
|
| 7205 |
/* line 374, ../sass/_common.scss */
|
|
| 7199 | 7206 |
.progress-bar div.progress-wrap .progress {
|
| 7200 | 7207 |
position: relative; |
| 7201 | 7208 |
top: 2px; |
| 7202 | 7209 |
} |
| 7203 |
/* line 372, ../sass/_common.scss */
|
|
| 7210 |
/* line 379, ../sass/_common.scss */
|
|
| 7204 | 7211 |
.progress-bar span.more {
|
| 7205 | 7212 |
display: inline-block; |
| 7206 | 7213 |
} |
| ... | ... | |
| 7228 | 7235 |
} |
| 7229 | 7236 |
/* line 21, ../sass/_items-list.scss */ |
| 7230 | 7237 |
.items-list li .add-new a:hover {
|
| 7231 |
border-color: #f24e53;
|
|
| 7238 |
border-color: #30c79e;
|
|
| 7232 | 7239 |
} |
| 7233 | 7240 |
/* line 26, ../sass/_items-list.scss */ |
| 7234 | 7241 |
.items-list li .img-wrap {
|
| ... | ... | |
| 8110 | 8117 |
.overlay-wrapper {
|
| 8111 | 8118 |
position: relative; |
| 8112 | 8119 |
} |
| 8113 |
/* line 42, ../sass/_overlays.scss */
|
|
| 8120 |
/* line 41, ../sass/_overlays.scss */
|
|
| 8114 | 8121 |
.overlay-wrapper .overlay-area {
|
| 8115 | 8122 |
display: none; |
| 8116 | 8123 |
position: absolute; |
| ... | ... | |
| 8119 | 8126 |
top: 0; |
| 8120 | 8127 |
width: 100%; |
| 8121 | 8128 |
height: 100%; |
| 8122 |
background: #3582ac;
|
|
| 8129 |
background: #485057;
|
|
| 8123 | 8130 |
z-index: 20; |
| 8124 | 8131 |
} |
| 8125 |
/* line 53, ../sass/_overlays.scss */
|
|
| 8132 |
/* line 52, ../sass/_overlays.scss */
|
|
| 8126 | 8133 |
.overlay-wrapper .close {
|
| 8127 | 8134 |
position: absolute; |
| 8128 | 8135 |
right: 2.5em; |
| ... | ... | |
| 8134 | 8141 |
text-indent: -2000px; |
| 8135 | 8142 |
overflow: hidden; |
| 8136 | 8143 |
} |
| 8137 |
/* line 59, ../sass/_overlays.scss */
|
|
| 8144 |
/* line 58, ../sass/_overlays.scss */
|
|
| 8138 | 8145 |
.overlay-wrapper .overlay-div {
|
| 8139 | 8146 |
display: none; |
| 8140 | 8147 |
z-index: 100; |
| ... | ... | |
| 8145 | 8152 |
width: 50%; |
| 8146 | 8153 |
padding: 25px; |
| 8147 | 8154 |
} |
| 8148 |
/* line 69, ../sass/_overlays.scss */
|
|
| 8155 |
/* line 68, ../sass/_overlays.scss */
|
|
| 8149 | 8156 |
.overlay-wrapper .overlay-div .buttons a {
|
| 8150 | 8157 |
margin-right: 20px; |
| 8151 | 8158 |
} |
| 8152 |
/* line 73, ../sass/_overlays.scss */
|
|
| 8159 |
/* line 72, ../sass/_overlays.scss */
|
|
| 8153 | 8160 |
.overlay-wrapper .overlay-div.upload-widget {
|
| 8154 | 8161 |
background: transparent; |
| 8155 | 8162 |
padding: 45px 0; |
| ... | ... | |
| 8157 | 8164 |
left: 10%; |
| 8158 | 8165 |
border: 1px solid white; |
| 8159 | 8166 |
} |
| 8167 |
/* line 79, ../sass/_overlays.scss */ |
|
| 8168 |
.overlay-wrapper .overlay-div.wizard {
|
|
| 8169 |
background: transparent; |
|
| 8170 |
padding: 0; |
|
| 8171 |
width: 100%; |
|
| 8172 |
top: 0; |
|
| 8173 |
left: 0; |
|
| 8174 |
} |
|
| 8160 | 8175 |
|
| 8161 |
/* line 87, ../sass/_overlays.scss */
|
|
| 8176 |
/* line 90, ../sass/_overlays.scss */
|
|
| 8162 | 8177 |
.overlay {
|
| 8163 | 8178 |
background: #3582ac; |
| 8164 | 8179 |
position: relative; |
| 8165 | 8180 |
z-index: 10; |
| 8166 | 8181 |
} |
| 8167 |
/* line 92, ../sass/_overlays.scss */
|
|
| 8182 |
/* line 94, ../sass/_overlays.scss */
|
|
| 8168 | 8183 |
.overlay .lt-sidebar {
|
| 8169 | 8184 |
border-right: 1px solid #fff; |
| 8170 | 8185 |
color: #fff; |
| 8171 | 8186 |
} |
| 8172 |
/* line 96, ../sass/_overlays.scss */
|
|
| 8187 |
/* line 98, ../sass/_overlays.scss */
|
|
| 8173 | 8188 |
.overlay .lt-sidebar ul li {
|
| 8174 | 8189 |
list-style: none outside none; |
| 8175 | 8190 |
} |
| 8176 |
/* line 99, ../sass/_overlays.scss */
|
|
| 8191 |
/* line 101, ../sass/_overlays.scss */
|
|
| 8177 | 8192 |
.overlay .lt-sidebar ul li a {
|
| 8178 | 8193 |
display: block; |
| 8179 | 8194 |
color: #fff; |
| 8180 | 8195 |
} |
| 8181 |
/* line 102, ../sass/_overlays.scss */
|
|
| 8196 |
/* line 104, ../sass/_overlays.scss */
|
|
| 8182 | 8197 |
.overlay .lt-sidebar ul li a span {
|
| 8183 | 8198 |
float: right; |
| 8184 | 8199 |
display: none; |
| 8185 | 8200 |
} |
| 8186 |
/* line 104, ../sass/_overlays.scss */
|
|
| 8201 |
/* line 106, ../sass/_overlays.scss */
|
|
| 8187 | 8202 |
.overlay .lt-sidebar ul li a:hover, .overlay .lt-sidebar ul li a.current {
|
| 8188 | 8203 |
text-decoration: none; |
| 8189 | 8204 |
} |
| 8190 |
/* line 107, ../sass/_overlays.scss */
|
|
| 8205 |
/* line 108, ../sass/_overlays.scss */
|
|
| 8191 | 8206 |
.overlay .lt-sidebar ul li a:hover span, .overlay .lt-sidebar ul li a.current span {
|
| 8192 | 8207 |
display: inline; |
| 8193 | 8208 |
} |
| 8194 |
/* line 118, ../sass/_overlays.scss */
|
|
| 8209 |
/* line 119, ../sass/_overlays.scss */
|
|
| 8195 | 8210 |
.overlay .lt-sidebar, |
| 8196 | 8211 |
.overlay .main {
|
| 8197 | 8212 |
padding: 100px 2.5em; |
| 8198 | 8213 |
position: relative; |
| 8199 | 8214 |
} |
| 8200 |
/* line 123, ../sass/_overlays.scss */
|
|
| 8215 |
/* line 124, ../sass/_overlays.scss */
|
|
| 8201 | 8216 |
.overlay .navigation .rt {
|
| 8202 | 8217 |
float: right; |
| 8203 | 8218 |
} |
| 8204 |
/* line 127, ../sass/_overlays.scss */
|
|
| 8219 |
/* line 128, ../sass/_overlays.scss */
|
|
| 8205 | 8220 |
.overlay .close {
|
| 8206 | 8221 |
position: absolute; |
| 8207 | 8222 |
right: 2.5em; |
| ... | ... | |
| 8213 | 8228 |
text-indent: -2000px; |
| 8214 | 8229 |
overflow: hidden; |
| 8215 | 8230 |
} |
| 8216 |
/* line 133, ../sass/_overlays.scss */
|
|
| 8231 |
/* line 134, ../sass/_overlays.scss */
|
|
| 8217 | 8232 |
.overlay .close_char {
|
| 8218 | 8233 |
background: none; |
| 8219 | 8234 |
text-indent: 0; |
| ... | ... | |
| 8221 | 8236 |
/* for the the character e (for d we can put 2em) */ |
| 8222 | 8237 |
color: white; |
| 8223 | 8238 |
} |
| 8239 |
|
|
| 8240 |
/* line 142, ../sass/_overlays.scss */ |
|
| 8241 |
.wizard {
|
|
| 8242 |
position: relative; |
|
| 8243 |
top: 0; |
|
| 8244 |
color: white; |
|
| 8245 |
} |
|
| 8246 |
/* line 146, ../sass/_overlays.scss */ |
|
| 8247 |
.wizard .top {
|
|
| 8248 |
background: #636a70; |
|
| 8249 |
} |
|
| 8250 |
/* line 148, ../sass/_overlays.scss */ |
|
| 8251 |
.wizard .top .sub-menu {
|
|
| 8252 |
padding: 10px 0; |
|
| 8253 |
} |
|
| 8254 |
/* line 150, ../sass/_overlays.scss */ |
|
| 8255 |
.wizard .top .sub-menu ul {
|
|
| 8256 |
margin: 0; |
|
| 8257 |
padding: 0; |
|
| 8258 |
list-style: none outside none; |
|
| 8259 |
} |
|
| 8260 |
/* line 154, ../sass/_overlays.scss */ |
|
| 8261 |
.wizard .top .sub-menu ul li {
|
|
| 8262 |
display: inline; |
|
| 8263 |
margin-right: 10px; |
|
| 8264 |
list-style: none outside none; |
|
| 8265 |
} |
|
| 8266 |
/* line 158, ../sass/_overlays.scss */ |
|
| 8267 |
.wizard .top .sub-menu ul li a {
|
|
| 8268 |
color: #333333; |
|
| 8269 |
} |
|
| 8270 |
/* line 160, ../sass/_overlays.scss */ |
|
| 8271 |
.wizard .top .sub-menu ul li a:hover, .wizard .top .sub-menu ul li a.current {
|
|
| 8272 |
color: white; |
|
| 8273 |
text-decoration: underline; |
|
| 8274 |
} |
|
| 8275 |
/* line 172, ../sass/_overlays.scss */ |
|
| 8276 |
.wizard .bottom {
|
|
| 8277 |
position: fixed; |
|
| 8278 |
left: 0; |
|
| 8279 |
right: 0; |
|
| 8280 |
bottom: 0; |
|
| 8281 |
border-top: 1px solid #333333; |
|
| 8282 |
padding: 10px 0; |
|
| 8283 |
} |
|
| 8284 |
/* line 179, ../sass/_overlays.scss */ |
|
| 8285 |
.wizard .bottom .nav {
|
|
| 8286 |
height: 30px; |
|
| 8287 |
line-height: 30px; |
|
| 8288 |
color: white; |
|
| 8289 |
} |
|
| 8290 |
/* line 183, ../sass/_overlays.scss */ |
|
| 8291 |
.wizard .bottom .nav span {
|
|
| 8292 |
display: inline-block; |
|
| 8293 |
height: 30px; |
|
| 8294 |
line-height: 30px; |
|
| 8295 |
} |
|
| 8296 |
/* line 189, ../sass/_overlays.scss */ |
|
| 8297 |
.wizard .bottom .prev {
|
|
| 8298 |
float: left; |
|
| 8299 |
display: inline-block; |
|
| 8300 |
padding-left: 11px; |
|
| 8301 |
background: url("../images/nav-edge-lt.png") no-repeat left center;
|
|
| 8302 |
} |
|
| 8303 |
/* line 194, ../sass/_overlays.scss */ |
|
| 8304 |
.wizard .bottom .prev span {
|
|
| 8305 |
padding: 0 12px 0 10px; |
|
| 8306 |
border: 1px solid white; |
|
| 8307 |
border-left: 0 none; |
|
| 8308 |
height: 30px; |
|
| 8309 |
line-height: 30px; |
|
| 8310 |
} |
|
| 8311 |
/* line 201, ../sass/_overlays.scss */ |
|
| 8312 |
.wizard .bottom .prev:hover {
|
|
| 8313 |
background-image: url("../images/nav-edge-lt-hover.png");
|
|
| 8314 |
} |
|
| 8315 |
/* line 203, ../sass/_overlays.scss */ |
|
| 8316 |
.wizard .bottom .prev:hover span {
|
|
| 8317 |
border-width: 2px; |
|
| 8318 |
line-height: 28px; |
|
| 8319 |
} |
|
| 8320 |
/* line 209, ../sass/_overlays.scss */ |
|
| 8321 |
.wizard .bottom .next {
|
|
| 8322 |
float: right; |
|
| 8323 |
display: inline-block; |
|
| 8324 |
padding-right: 11px; |
|
| 8325 |
background: url("../images/nav-edge-rt.png") no-repeat right center;
|
|
| 8326 |
} |
|
| 8327 |
/* line 214, ../sass/_overlays.scss */ |
|
| 8328 |
.wizard .bottom .next span {
|
|
| 8329 |
padding: 0 10px 0 12px; |
|
| 8330 |
border: 1px solid white; |
|
| 8331 |
border-right: 0 none; |
|
| 8332 |
} |
|
| 8333 |
/* line 219, ../sass/_overlays.scss */ |
|
| 8334 |
.wizard .bottom .next:hover {
|
|
| 8335 |
background-image: url("../images/nav-edge-rt-hover.png");
|
|
| 8336 |
} |
|
| 8337 |
/* line 221, ../sass/_overlays.scss */ |
|
| 8338 |
.wizard .bottom .next:hover span {
|
|
| 8339 |
border-width: 2px; |
|
| 8340 |
line-height: 28px; |
|
| 8341 |
} |
|
| 8342 |
/* line 227, ../sass/_overlays.scss */ |
|
| 8343 |
.wizard .bottom .nums {
|
|
| 8344 |
text-align: center; |
|
| 8345 |
list-style: none outside none; |
|
| 8346 |
margin: 0; |
|
| 8347 |
} |
|
| 8348 |
/* line 231, ../sass/_overlays.scss */ |
|
| 8349 |
.wizard .bottom .nums li {
|
|
| 8350 |
list-style: none outside none; |
|
| 8351 |
display: inline-block; |
|
| 8352 |
border-radius: 50%; |
|
| 8353 |
border: 1px solid #919194; |
|
| 8354 |
width: 25px; |
|
| 8355 |
height: 25px; |
|
| 8356 |
line-height: 25px; |
|
| 8357 |
margin: 0 3px; |
|
| 8358 |
} |
|
| 8359 |
/* line 240, ../sass/_overlays.scss */ |
|
| 8360 |
.wizard .bottom .nums li a {
|
|
| 8361 |
color: #919194; |
|
| 8362 |
display: block; |
|
| 8363 |
} |
|
| 8364 |
/* line 244, ../sass/_overlays.scss */ |
|
| 8365 |
.wizard .bottom .nums li:hover, .wizard .bottom .nums li.current {
|
|
| 8366 |
border-color: white; |
|
| 8367 |
} |
|
| 8368 |
/* line 246, ../sass/_overlays.scss */ |
|
| 8369 |
.wizard .bottom .nums li:hover a, .wizard .bottom .nums li.current a {
|
|
| 8370 |
color: white; |
|
| 8371 |
} |
|
| 8372 |
/* line 250, ../sass/_overlays.scss */ |
|
| 8373 |
.wizard .bottom .nums li.current {
|
|
| 8374 |
font-size: 1.25em; |
|
| 8375 |
width: 30px; |
|
| 8376 |
height: 30px; |
|
| 8377 |
} |
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/magnific-popup.css | ||
|---|---|---|
| 8 | 8 |
z-index: 1042; |
| 9 | 9 |
overflow: hidden; |
| 10 | 10 |
position: fixed; |
| 11 |
background: #0b0b0b;
|
|
| 11 |
background: #485057;
|
|
| 12 | 12 |
opacity: 0.8; |
| 13 | 13 |
filter: alpha(opacity=80); |
| 14 | 14 |
} |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list_new.html | ||
|---|---|---|
| 1 |
|
|
| 2 |
<!DOCTYPE html> |
|
| 3 |
<!--[if lte IE 7]><script src="javascripts/lte-ie7.js"></script><![endif]--> |
|
| 4 |
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]--> |
|
| 5 |
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> |
|
| 6 |
|
|
| 7 |
<head> |
|
| 8 |
<meta charset="utf-8" /> |
|
| 9 |
<meta name="viewport" content="width=device-width" /> |
|
| 10 |
<title>Synnefo | VM list</title> |
|
| 11 |
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,greek-ext,greek' rel='stylesheet' type='text/css'> |
|
| 12 |
<link rel="stylesheet" href="stylesheets/normalize.css" /> |
|
| 13 |
<link rel="stylesheet" href="stylesheets/app.css" /> |
|
| 14 |
<link rel="stylesheet" href="stylesheets/font_custom.css" /> |
|
| 15 |
<link rel="stylesheet" href="stylesheets/jquery.jscrollpane.css" media="all" /> |
|
| 16 |
<link rel="stylesheet" href="stylesheets/magnific-popup.css" /> |
|
| 17 |
<script src="javascripts/vendor/custom.modernizr.js"></script> |
|
| 18 |
</head> |
|
| 19 |
<body> |
|
| 20 |
<header class="header"> |
|
| 21 |
<nav> |
|
| 22 |
<ul class="icons-nav"> |
|
| 23 |
<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage" ><span class="snf-Pithos"></span></a></li> |
|
| 24 |
<li><a href="vm_list.html" data-tooltip class="has-tip current" title="Machines"><span class="snf-PC"></span></a></li> |
|
| 25 |
<li><a href="" data-tooltip class="has-tip" title="Disks"><span class="snf-HDD"></span></a></li> |
|
| 26 |
<li><a href="network_list.html" data-tooltip class="has-tip" title="Networks"><span class="snf-network"></span></a></li> |
|
| 27 |
<li><a href="" data-tooltip class="has-tip" title="Dashboard"><span class="snf-DASHboard"></span></a></li> |
|
| 28 |
</ul> |
|
| 29 |
</nav> |
|
| 30 |
<div class="logo"> |
|
| 31 |
<a href="index.html"><img src="images/logo_01.png" alt="software logo"></a> |
|
| 32 |
<h2>Machines</h2> |
|
| 33 |
</div> |
|
| 34 |
|
|
| 35 |
<div class="login"> |
|
| 36 |
<a href="">test@grnet.gr</a> |
|
| 37 |
</div> |
|
| 38 |
</header> |
|
| 39 |
<div class="overlay-wrapper"> |
|
| 40 |
<div class="overlay-area"> |
|
| 41 |
<a href="" class="close">close</a> |
|
| 42 |
<div id="overlay1" class="overlay-div"> |
|
| 43 |
<p>Are you sure you want to reboot your machine?</p> |
|
| 44 |
<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p> |
|
| 45 |
</div> |
|
| 46 |
<div id="overlay2" class="overlay-div"> |
|
| 47 |
<p>Are you sure you want to shutdown your machine?</p> |
|
| 48 |
<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p> |
|
| 49 |
</div> |
|
| 50 |
<div id="vm-wizard" class="overlay-div wizard"> |
|
| 51 |
<div class="top"> |
|
| 52 |
<div class="row"> |
|
| 53 |
<nav class="sub-menu"> |
|
| 54 |
<ul> |
|
| 55 |
<li><a href="">System</a></li> |
|
| 56 |
<li><a href="">My images</a></li> |
|
| 57 |
<li><a href="" class="current">Shared with me</a></li> |
|
| 58 |
<li><a href="">Public</a></li> |
|
| 59 |
</ul> |
|
| 60 |
</nav> |
|
| 61 |
</div> |
|
| 62 |
</div> |
|
| 63 |
<div class="middle"> |
|
| 64 |
<div class="row"> |
|
| 65 |
<div class="wizard-content"> |
|
| 66 |
<div class="step-1">test1</div> |
|
| 67 |
<div class="step-2">test2</div> |
|
| 68 |
<div class="step-3">test3</div> |
|
| 69 |
<div class="step-4">test4</div> |
|
| 70 |
</div> |
|
| 71 |
</div> |
|
| 72 |
</div> |
|
| 73 |
<div class="bottom"> |
|
| 74 |
<div class="row"> |
|
| 75 |
<a href="" class="nav prev"><span>PREVIOUS</span></a> |
|
| 76 |
<a href="" class="nav next"><span>NEXT</span></a> |
|
| 77 |
<ul class="nums"> |
|
| 78 |
<li><a href="">1</a></li> |
|
| 79 |
<li class="current"><a href="">2</a></li> |
|
| 80 |
<li><a href="">3</a></li> |
|
| 81 |
<li><a href="">4</a></li> |
|
| 82 |
</ul> |
|
| 83 |
</div> |
|
| 84 |
</div> |
|
| 85 |
</div> |
|
| 86 |
</div> |
|
| 87 |
<section class="actions-bar clearfix"> |
|
| 88 |
<div class="row"> |
|
| 89 |
<div class="new-btn"><a href="" data-overlay-id="#vm-wizard"><span>+</span> NEW MACHINE </a></div> |
|
| 90 |
<div class="main-actions"> |
|
| 91 |
<ul> |
|
| 92 |
<li class="running" ><a href="" data-overlay-id="#overlay1">Reboot</a></li> |
|
| 93 |
<li class="running"><a href="" data-overlay-id="#overlay1">Shutdown</a></li> |
|
| 94 |
<li class="both"><a href="">Destroy</a></li> |
|
| 95 |
<li class="stopped"><a href="">Start</a></li> |
|
| 96 |
<!-- in case we want an action always activated |
|
| 97 |
<li class="pernament"><a href="" class="active">Action</a></li> --> |
|
| 98 |
</ul> |
|
| 99 |
</div> |
|
| 100 |
</div> |
|
| 101 |
</section> |
|
| 102 |
<section class="main row"> |
|
| 103 |
<div class="vms entities"> |
|
| 104 |
<ul class="items-list small-block-grid-2 large-block-grid-3 sortable"> |
|
| 105 |
<li data-order="0"> |
|
| 106 |
<div class="container"> |
|
| 107 |
<div class="img-wrap"> |
|
| 108 |
<div class="img running"> |
|
| 109 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span> |
|
| 110 |
<span class="os" data-reveal-id="vm-connect">unknown</span> |
|
| 111 |
</div> |
|
| 112 |
</div> |
|
| 113 |
<p class="visible-info"> |
|
| 114 |
<span class="title"> |
|
| 115 |
<a href="vm_details.html"><em>vm name 1 really large name</em></a> |
|
| 116 |
</span> |
|
| 117 |
</p> |
|
| 118 |
<div class="tags"> |
|
| 119 |
<a href="" class="tag1" title="Server"> </a> |
|
| 120 |
<a href="" class="tag2" title="Experiment"> </a> |
|
| 121 |
</div> |
|
| 122 |
<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
|
| 123 |
</div> |
|
| 124 |
</li> |
|
| 125 |
<li data-order="1"> |
|
| 126 |
<div class="container"> |
|
| 127 |
<div class="img-wrap"> |
|
| 128 |
<div class="img running"> |
|
| 129 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span> |
|
| 130 |
<span class="os fedora" data-reveal-id="vm-connect">fedora</span> |
|
| 131 |
</div> |
|
| 132 |
</div> |
|
| 133 |
<p class="visible-info"> |
|
| 134 |
<span class="title"> |
|
| 135 |
<a href="vm_details.html"><em>vm name 1 really large name</em></a> |
|
| 136 |
</span> |
|
| 137 |
</p> |
|
| 138 |
<div class="tags"> |
|
| 139 |
<a href="" class="tag3"> </a> |
|
| 140 |
<a href="" class="tag2"> </a> |
|
| 141 |
</div> |
|
| 142 |
<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
|
| 143 |
</div> |
|
| 144 |
</li> |
|
| 145 |
<li data-order="2"> |
|
| 146 |
<div class="container"> |
|
| 147 |
<div class="img-wrap"> |
|
| 148 |
<div class="img running"> |
|
| 149 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span> |
|
| 150 |
<span class="os" data-reveal-id="vm-connect">unknown</span> |
|
| 151 |
</div> |
|
| 152 |
</div> |
|
| 153 |
<p class="visible-info"> |
|
| 154 |
<span class="title"> |
|
| 155 |
<a href="vm_details.html"><em>vm name 2</em></a> |
|
| 156 |
</span> |
|
| 157 |
</p> |
|
| 158 |
<div class="tags"> |
|
| 159 |
<a href="" class="tag2"> </a> |
|
| 160 |
</div> |
|
| 161 |
<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
|
| 162 |
</div> |
|
| 163 |
</li> |
|
| 164 |
<li data-order="3"> |
|
| 165 |
<div class="container"> |
|
| 166 |
<div class="img-wrap"> |
|
| 167 |
<div class="img stopped"> |
|
| 168 |
<span class="snf-PC_fill"></span> |
|
| 169 |
<span class="os fedora">fedora</span> |
|
| 170 |
</div> |
|
| 171 |
</div> |
|
| 172 |
<p class="visible-info"> |
|
| 173 |
<span class="title"> |
|
| 174 |
<a href="vm_details.html"><em>vm name 3</em></a> |
|
| 175 |
</span> |
|
| 176 |
</p> |
|
| 177 |
<div class="tags"> |
|
| 178 |
<a href="" class="tag1"> </a> |
|
| 179 |
<a href="" class="tag2"> </a> |
|
| 180 |
<a href="" class="tag3"> </a> |
|
| 181 |
</div> |
|
| 182 |
<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
|
| 183 |
</div> |
|
| 184 |
</li> |
|
| 185 |
<li data-order="4"> |
|
| 186 |
<div class="container"> |
|
| 187 |
<div class="img-wrap"> |
|
| 188 |
<div class="img running"> |
|
| 189 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span> |
|
| 190 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
|
| 191 |
</div> |
|
| 192 |
</div> |
|
| 193 |
<p class="visible-info"> |
|
| 194 |
<span class="title"> |
|
| 195 |
<a href="vm_details.html"><em>vm name 4</em></a> |
|
| 196 |
</span> |
|
| 197 |
</p> |
|
| 198 |
<div class="tags"> |
|
| 199 |
<a href="" class="tag1"> </a> |
|
| 200 |
<a href="" class="tag2"> </a> |
|
| 201 |
</div> |
|
| 202 |
<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
|
| 203 |
</div> |
|
| 204 |
</li> |
|
| 205 |
|
|
| 206 |
<li data-order="5"> |
|
| 207 |
<div class="add-new"><a href="vm_create_a.html">NEW<br>MACHINE</a></div> |
|
| 208 |
</li> |
|
| 209 |
|
|
| 210 |
</ul> |
|
| 211 |
</div> |
|
| 212 |
</section> |
|
| 213 |
</div> |
|
| 214 |
<div id="vm-connect" class="reveal-modal medium"> |
|
| 215 |
<p>A direct connection to this machine can be established using the <a target="_blank" href="http://en.wikipedia.org/wiki/Secure_Shell">SSH Protocol</a>. To do so open a terminal and type the following at the prompt to connect to your machine:</p> |
|
| 216 |
<p class="ssh"><span>ssh user@snf-38389.vm.okeanos.grnet.gr</span></p> |
|
| 217 |
|
|
| 218 |
<p class="info">Keep in mind that recently rebooted or created VMs may take up to 5 minutes to connect to them.</p> |
|
| 219 |
<p>Alternatively you can connect to your VM via <a href="">Console</a> (slow connection - meant only for troubleshooting.</p> |
|
| 220 |
<a class="close-reveal-modal" title="close window">×</a> |
|
| 221 |
</div> |
|
| 222 |
<script src="javascripts/vendor/jquery.js"></script> |
|
| 223 |
<script src="javascripts/jquery-ui-1.10.3.custom.min.js"></script> |
|
| 224 |
<script src="javascripts/foundation/foundation.js"></script> |
|
| 225 |
<script src="javascripts/foundation/foundation.alerts.js"></script> |
|
| 226 |
|
|
| 227 |
<script src="javascripts/foundation/foundation.clearing.js"></script> |
|
| 228 |
|
|
| 229 |
<script src="javascripts/foundation/foundation.cookie.js"></script> |
|
| 230 |
|
|
| 231 |
<script src="javascripts/foundation/foundation.dropdown.js"></script> |
|
| 232 |
|
|
| 233 |
<script src="javascripts/foundation/foundation.forms.js"></script> |
|
| 234 |
|
|
| 235 |
<script src="javascripts/foundation/foundation.joyride.js"></script> |
|
| 236 |
|
|
| 237 |
<script src="javascripts/foundation/foundation.magellan.js"></script> |
|
| 238 |
|
|
| 239 |
<script src="javascripts/foundation/foundation.orbit.js"></script> |
|
| 240 |
|
|
| 241 |
<script src="javascripts/foundation/foundation.placeholder.js"></script> |
|
| 242 |
|
|
| 243 |
<script src="javascripts/foundation/foundation.reveal.js"></script> |
|
| 244 |
|
|
| 245 |
<script src="javascripts/foundation/foundation.section.js"></script> |
|
| 246 |
|
|
| 247 |
<script src="javascripts/foundation/foundation.tooltips.js"></script> |
|
| 248 |
|
|
| 249 |
<script src="javascripts/foundation/foundation.topbar.js"></script> |
|
| 250 |
<script type="text/javascript" src="javascripts/jquery.mousewheel.js"></script> |
|
| 251 |
<script type="text/javascript" src="javascripts/jquery.jscrollpane.js"></script> |
|
| 252 |
<script type="text/javascript" src="javascripts/dropzone.js"></script> |
|
| 253 |
<script type="text/javascript" src="javascripts/jquery.magnific-popup.js"></script> |
|
| 254 |
<script src="javascripts/common.js"></script> |
|
| 255 |
|
|
| 256 |
|
|
| 257 |
<script> |
|
| 258 |
$(document).foundation(); |
|
| 259 |
</script> |
|
| 260 |
</body> |
|
| 261 |
</html> |
|
Also available in: Unified diff