ASCII text
1
/* Looking Glass */
2
// Dialog
4
#LookingGlassDialog {
5
background-color: $osd_bg_color;
6
spacing: $base_spacing;
7
padding: 4px;
8
border: 1px solid transparentize($osd_fg_color, 0.8);
9
border-radius: $base_border_radius;
10
color: $osd_fg_color;
11
& > #Toolbar {
13
border: none;
14
border-radius: $base_border_radius;
15
background-color: $osd_bg_color;
16
}
17
.labels { spacing: $base_spacing; }
19
.notebook-tab {
20
-natural-hpadding: $base_padding * 2;
21
-minimum-hpadding: 6px;
22
font-weight: bold;
23
color: darken($osd_fg_color, 15%);
24
transition-duration: 100ms;
25
padding-left: .3em;
26
padding-right: .3em;
27
border-bottom-width: 2px;
28
&:hover {
29
color: $osd_fg_color;
30
}
31
&:selected {
32
border-bottom-width: 2px;
33
box-shadow: inset 0 -2px 0 0 lighten($selected_bg_color, 5%);
34
color: $osd_fg_color;
35
}
36
}
37
StBoxLayout#EvalBox { padding: 4px; spacing: $base_spacing; }
38
StBoxLayout#ResultsArea { spacing: $base_spacing; }
39
}
40
.lg-dialog {
42
StEntry {
43
background-color: transparentize(lighten($osd_bg_color, 5%), 0.4);
44
color: $osd_fg_color;
45
border-color: transparentize($osd_fg_color, 0.8);
46
min-height: 22px;
47
selection-background-color: $selected_bg_color;
48
selected-color: $selected_fg_color;
49
}
50
.shell-link {
51
color: $link_color;
52
&:hover { color: lighten($link_color, 10%); }
53
&:active { color: darken($link_color, 10%); }
54
}
55
}
56
.lg-completions-text {
58
font-size: .9em;
59
font-style: italic;
60
}
61
.lg-obj-inspector-title {
63
spacing: $base_spacing;
64
}
65
.lg-obj-inspector-button {
67
border: 1px solid $osd_borders_color;
68
padding: 4px;
69
border-radius: $base_border_radius;
70
&:hover { border: 1px solid #ffffff; }
71
}
72
// Extensions
74
#lookingGlassExtensions { padding: 4px; }
75
.lg-extensions-list {
77
padding: 4px;
78
spacing: 6px;
79
}
80
.lg-extension {
82
border: 1px solid lighten($osd_borders_color, 5%);
83
background-color: lighten($osd_bg_color, 5%);
84
border-radius: $base_border_radius;
85
padding: 4px;
86
}
87
.lg-extension-name {
89
font-weight: bold;
90
}
91
.lg-extension-meta {
93
spacing: 6px;
94
}
95
// Inspector
97
#LookingGlassPropertyInspector {
98
background: $osd_bg_color;
99
border: 1px solid $osd_borders_color;
100
border-radius: $base_border_radius;
101
padding: 6px;
102
}