ShaderVision/panel.css at master · cIay/ShaderVision · 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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71

/* !important flags are for jquery resizable compatability */
#shadervision-panel {
  position: fixed !important;
  width: 40%;
  height: 30%;
  top: auto !important;
  left: auto !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 100000000000;
  filter: opacity(70%);
  outline: none;
  padding-bottom: 20px;
}

#shadervision-header {
  background-color: lightgrey;
  display: flex;
  align-items: center;
  height: 20px;
}

#shadervision-filename {
  margin: 2px 0px 1px 7px;
  padding: 0px 2px 0px 2px;
  max-width: 40%;
  white-space: nowrap;
  overflow: hidden;
  font-family: system-ui;
  font-size: 13px;
}

#shadervision-savedstatus {
  font-family: system-ui;
  font-size: 13px;
  font-weight: bold;
}

#shadervision-readonlystatus {
  flex: auto;
  margin-left: 9px;
  font-family: system-ui;
  font-size: 13px;
  font-style: italic;
}

#shadervision-close {
  flex: none;
  justify-content: flex-end;
  background-color: hsla(343, 93%, 40%, 80%);
  padding: 4px 5px 4px 5px;
  margin-bottom: 3px;
  transform: scale(0.85);
}

#shadervision-close:hover {
  box-shadow: 0px 0px 4px 1px hsla(343, 93%, 40%, 80%);
}

.CodeMirror {
  font-size: 9pt !important;
  height: 100%;
  width: 100%;
}

@keyframes highlight { /* on save */
  15% {
    background-color: hsla(155, 90%, 55%, 80%);
  }
}