objectCSS/objectCSS.css at master · billkeller/objectCSS · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
.css-obj {
	background-color: #fff;
	font: normal 10px consolas, Arial, sans-serif;
	color: #000 !important;
	}
	/* your main object */
	.css-obj-child-parent {
		outline: 1px dotted green;
		position: relative;
		}
		.css-obj-parent {
			position: absolute;
			top: 0;
			right: 0;
			outline-style: none;
			outline: 1px dotted red !important;
			padding: 2px 8px;
			z-index: 1;
			}
			.css-obj-parent > * {
				position: relative;
				}

			.css-obj-child,
			.css-obj-child2 {
				position: absolute;
				top: 0;
				left: 0;
				background-color: #fff;
				font: normal 10px consolas, Arial, sans-serif;
				outline: 1px dotted green !important;
				padding: 2px 8px;
				z-index: 1;
				}
				.css-obj-child2-parent:hover {
					position: relative;
					outline: 1px dotted blue !important;
					}

				.css-obj-child2 {
					display: none;
					}

				.css-obj-child2-parent:hover > .css-obj-child2 {
					left: auto;
					right: 0;
					outline: 1px dotted blue !important;
					display: block;
					}