Revision 3fdc0d03 snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_items-list.scss

b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_items-list.scss
6 6
		@include block-grid(4, 0, true);
7 7
	};
8 8
	background:url(../images/dashed_atom.png) repeat-y left center;
9
	li {
9
	&>li {
10 10
		text-align:center;
11 11
		padding:20px;
12 12
		list-style:none;
13 13
		background:url(../images/dashed-bg-corner.png) no-repeat right bottom;
14
		min-height: 215px;
14 15
		.add-new {
15 16
			a {
16 17
				margin:0 20px;
......
40 41
			margin: 0 20px;
41 42
			padding:25px 0;
42 43
			position: relative;
43
		//	&:hover {
44
		//		@extend .set-border;
45
		//		.check {
46
		//			@extend .active;
47
		//		}
48
		//	}
49 44
		}
50
		.overlap_options {
45
		.more {
46
			$col-height: 200px;
51 47
			display: none;
52 48
			height:180px;
53
			background-color: lighten($primary-color,35%);
54
			margin: 0 20px;
55
			div {
49
			background: #fff;
50
			margin: -30px;
51
			height: 100%;
52
			z-index:101;
53
			position: relative;
54
			@include clearfix;
55
			-moz-box-shadow: -5px 5px 5px #ccc;
56
			-webkit-box-shadow: -5px 5px 5px #ccc;
57
			box-shadow: -5px 5px 5px #ccc;
58
			.col {
56 59
				width: 50%;
57 60
				float: left;
58
				font-size: 14px;
59
				height: 70%;
60
				padding-left: 20px;
61
				font-size: emCalc(14px);
62
				height: $col-height;
61 63
				ul {
62 64
					margin: 0;
65
					padding: 0;
66
					list-style: none outside none;
63 67
					li {
64 68
						padding: 0;
65 69
						text-align: left;
66
						line-height: 1.7em;
67 70
						a {
68
							color: #6497ce;
71
							color: $body-font-color;
72
							display: block;
73
							width:100%;
74
							&:hover {
75
								background-color: $secondary-color;
76
								color:  #fff;
77
							}
69 78
						}
70 79
					}
71 80
				}
72
				&.main_actions_list {
73
					border-right: 1px solid white;
81
				&.lt {
74 82
					ul {
75
						li:first-child {
76
							padding-top: 31px;
77
						}
78
						li:nth-child(2) {
79
							padding-top: 23px;
80
						}
83
						padding-top:10px;
81 84
						li {
82 85
							a {
83
								&:hover {
84
									background-color: white;
85
									padding: 8px 12px;
86
									position: relative;
87
									left: -12px;
88
									color:  #3e9bff;
89
									// font-weight: bold;
90
								}
86
								padding: 5px 5px 5px 30px;
91 87
							}
92 88
						}
93 89
					}
94 90
				}
95
				&.actions_list {
91
				&.rt {
96 92
					ul {
97
						padding: 8px 0;
98 93
						li {
94
							height: $col-height/2;
99 95
							a {
100
								&:hover {
101
									position: relative;
102
									left: -9px;
103
									padding: 2px 9px;
104
									background-color: white;
105
									color: #3e9bff;
106
									// font-weight: bold;
107
								}
96
								height: 100%;
97
								padding: 5px 5px 5px 30px;
98
								line-height: $col-height/2;
108 99
							}
109 100
						}
110 101
					}
111 102
				}
112
				&.vm-name {
113
					width: 100%;
114
					border-top: 1px solid white;
115
					font-size: 13px;
116
					height:30%;
117
					color: #6497ce;
118
					padding: 4px;
119
					line-height: 1.2em;
120
				}
103
			}
104
			.vm-name {
105
				background:url(../images/dashed_atom-x.png) repeat-x center top;
106
				padding: 10px;
107
				font-size: emCalc(10px);
121 108
			}
122 109
		}
123 110
		.check {

Also available in: Unified diff