Statistics
| Branch: | Tag: | Revision:

root / snf-cyclades-app / synnefo / ui / new_ui / ui / sass / overlay2.scss @ c589e938

History | View | Annotate | Download (1.6 kB)

1
ul.side-actions {
2
	position: absolute;
3
	left: 0;
4
	top: -20px;
5
	margin: 0;
6
	padding: 0;
7
	z-index: 1;
8
	li {
9
		list-style: none outside none;
10
		&>a {
11
			display: block;
12
			height: 20px;
13
			width: 20px;
14
			line-height: 20px;
15
			border-radius: 50%;
16
			border: 1px solid $inactive-color;
17
			margin-bottom: 5px;
18
			color: $inactive-color;
19
			&.details {
20
				font-size: emCalc(13px);
21
				font-weight: bold;
22
			}	
23
		}
24
		&.more-actions {
25
			&> a {
26
				line-height: 8px;
27
			}
28
			ul {
29
				display: none;
30
				position: absolute;
31
				border: 1px solid $link-color;
32
				padding: 5px 10px;
33
				text-align: left;
34
				top: 0;
35
				left: 40px;
36
				margin: 0;
37
				background: white;
38
				min-height: 80px;
39
				a {
40
					border-radius: 0;
41
					border:0  none;
42
					width: auto;
43
					height: auto;
44
					font-size: emCalc(14px);
45
					white-space: nowrap;
46
					color: $link-color;
47

    
48
				}
49
				&:after {
50
					content: '';
51
					display: block;
52
					position: absolute;
53
					top: 49px;
54
					left: -20px;
55
					width: 0;
56
					height: 0;
57
					border-color: transparent #fff transparent transparent ;
58
					border-style: solid;
59
					border-width: 10px;
60
				}
61
				&:before {
62
					content: '';
63
					display: block;
64
					position: absolute;
65
					top: 48px;
66
					left: -22px;
67
					width: 0;
68
					height: 0;
69
					border-color: transparent $link-color transparent transparent ;
70
					border-style: solid;
71
					border-width: 11px;
72
				}
73
			}
74
			&:hover {
75
				ul {
76
					display: block;
77
				}
78
			}
79
		}
80
	}
81
}
82

    
83
.items-list {
84
	li:hover {
85
		ul.side-actions li> a {
86
			color: $link-color;
87
			border-color: $link-color;
88
			&:hover {
89
				color: $link-color-hover;
90
				border-color: $link-color-hover;
91
			}
92
		}
93
	}
94
}