Subversion-Projekte lars-tiefland.zeldi.de_alt

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
2 lars 1 
 
2 
//
3 
// Mixins
4 
//
5 
@mixin control() {
6 
	display: block;
7 
	position: absolute;
8 
	color: white;
9 
	border: 2px solid white;
10 
	border-radius: 16px;
11 
	text-align: center;
12 
	line-height: 14px;
13 
	box-shadow: 0 0 3px #444;
14 
	box-sizing: content-box;
15 
}
16 
 
17 
@mixin control-open() {
18 
	content: '+';
19 
	background-color: #31b131;
20 
}
21 
 
22 
@mixin control-close() {
23 
	content: '-';
24 
	background-color: #d33333;
25 
}
26 
 
27 
 
28 
//
29 
// Table styles
30 
//
31 
table.dataTable {
32 
	// Styling for the `inline` type
33 
	&.dtr-inline.collapsed tbody {
34 
		td:first-child,
35 
		th:first-child {
36 
			position: relative;
37 
			padding-left: 30px;
38 
			cursor: pointer;
39 
 
40 
			&:before {
41 
				top: 8px;
42 
				left: 4px;
43 
				height: 16px;
44 
				width: 16px;
45 
				@include control;
46 
				@include control-open;
47 
			}
48 
 
49 
			&.dataTables_empty:before {
50 
				display: none;
51 
			}
52 
		}
53 
 
54 
		tr.parent {
55 
			td:first-child:before,
56 
			th:first-child:before {
57 
				@include control-close;
58 
			}
59 
		}
60 
 
61 
		tr.child td:before {
62 
			display: none;
63 
		}
64 
	}
65 
 
66 
 
67 
	// Styling for the `column` type
68 
	&.dtr-column tbody {
69 
		td.control,
70 
		th.control {
71 
			position: relative;
72 
			cursor: pointer;
73 
 
74 
			&:before {
75 
				top: 50%;
76 
				left: 50%;
77 
				height: 16px;
78 
				width: 16px;
79 
				margin-top: -10px;
80 
				margin-left: -10px;
81 
				@include control;
82 
				@include control-open;
83 
			}
84 
		}
85 
 
86 
		tr.parent {
87 
			td.control:before,
88 
			th.control:before {
89 
				@include control-close;
90 
			}
91 
		}
92 
	}
93 
 
94 
 
95 
	// Child row styling
96 
	tr.child {
97 
		padding: 0.5em 1em;
98 
 
99 
		&:hover {
100 
			background: transparent !important;
101 
		}
102 
 
103 
		ul {
104 
			display: inline-block;
105 
			list-style-type: none;
106 
			margin: 0;
107 
			padding: 0;
108 
 
109 
			li {
110 
				border-bottom: 1px solid #efefef;
111 
				padding: 0.5em 0;
112 
				white-space: nowrap;
113 
 
114 
				&:first-child {
115 
					padding-top: 0;
116 
				}
117 
 
118 
				&:last-child {
119 
					border-bottom: none;
120 
				}
121 
			}
122 
		}
123 
 
124 
		span.dtr-title {
125 
			display: inline-block;
126 
			min-width: 75px;
127 
			font-weight: bold;
128 
		}
129 
 
130 
		span.dtr-data {}
131 
	}
132 
}
133