Mercurial > hg > orthanc-stone
annotate Applications/StoneWebViewer/WebApplication/app-fixes.css @ 2158:fd142a352480 StoneWebViewer-2.5
closing StoneWebViewer-2.5
author | Sebastien Jodogne <s.jodogne@gmail.com> |
---|---|
date | Fri, 27 Sep 2024 22:32:55 +0200 |
parents | 637d6373127a |
children |
rev | line source |
---|---|
1686
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
1 /* https://stackoverflow.com/a/16863182/881731 */ |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
2 .tooltip { |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
3 position: fixed; |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
4 } |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
5 |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
6 |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
7 /* The following fixes the layout if Bootstrap CSS is not used */ |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
8 |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
9 /** |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
10 *, |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
11 *::before, |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
12 *::after { |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
13 box-sizing: border-box; |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
14 } |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
15 **/ |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
16 |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
17 .wvInfoScreen { |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
18 width: 100%; |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
19 height: 100%; |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
20 background-color: black; |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
21 position: fixed; |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
22 top: 0; |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
23 left: 0; |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
24 z-index: 9999; |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
25 |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
26 display: flex; |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
27 align-items: center; |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
28 justify-content: center; |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
29 } |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
30 |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
31 .wvInfoPopup { |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
32 background-color: black; |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
33 border: white; |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
34 border-style: solid; |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
35 border-radius: 5px; |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
36 border-width: 2px; |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
37 padding: 20px; |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
38 } |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
39 |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
40 .wvInfoPopupCloseButton { |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
41 background-color: gray; |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
42 border: none; |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
43 border-radius: 5px; |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
44 padding: 7px; |
59fc37c10cfa
nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff
changeset
|
45 } |
1967
b180233143ae
Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
1686
diff
changeset
|
46 |
b180233143ae
Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
1686
diff
changeset
|
47 |
b180233143ae
Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
1686
diff
changeset
|
48 .wvVerticalScrollbar { |
b180233143ae
Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
1686
diff
changeset
|
49 position: absolute; |
b180233143ae
Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
1686
diff
changeset
|
50 top: 0; |
b180233143ae
Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
1686
diff
changeset
|
51 bottom: 0; |
b180233143ae
Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
1686
diff
changeset
|
52 right: 0; |
2012
637d6373127a
width of the vertical slider has doubled to ease user interactions
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
1968
diff
changeset
|
53 width: 20px; |
1967
b180233143ae
Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
1686
diff
changeset
|
54 background-color: #1b663e; |
b180233143ae
Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
1686
diff
changeset
|
55 } |
b180233143ae
Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
1686
diff
changeset
|
56 |
b180233143ae
Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
1686
diff
changeset
|
57 .wvInfoRightMargin { |
2012
637d6373127a
width of the vertical slider has doubled to ease user interactions
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
1968
diff
changeset
|
58 right: 20px !important; /* must match the "width" of "wvVerticalScrollbar" */ |
1967
b180233143ae
Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
1686
diff
changeset
|
59 } |
b180233143ae
Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
1686
diff
changeset
|
60 |
b180233143ae
Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
1686
diff
changeset
|
61 .wvVerticalScrollbarHighlight { |
b180233143ae
Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
1686
diff
changeset
|
62 position: absolute; |
b180233143ae
Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
1686
diff
changeset
|
63 left: 0; |
b180233143ae
Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
1686
diff
changeset
|
64 right: 0; |
b180233143ae
Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
1686
diff
changeset
|
65 height: 5%; |
b180233143ae
Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
1686
diff
changeset
|
66 background-color: #00ff00; |
b180233143ae
Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
1686
diff
changeset
|
67 } |
1968
ed5a0b9183dc
The text field with the instance number is editable to go to a specific instance
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
1967
diff
changeset
|
68 |
ed5a0b9183dc
The text field with the instance number is editable to go to a specific instance
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
1967
diff
changeset
|
69 .wvInputInstanceNumber { |
ed5a0b9183dc
The text field with the instance number is editable to go to a specific instance
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
1967
diff
changeset
|
70 width: 6ch; /* width of 6 characters */ |
ed5a0b9183dc
The text field with the instance number is editable to go to a specific instance
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
1967
diff
changeset
|
71 border: 2px solid rgba(255, 202, 128, 0.24); |
ed5a0b9183dc
The text field with the instance number is editable to go to a specific instance
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
1967
diff
changeset
|
72 background-color: transparent; |
ed5a0b9183dc
The text field with the instance number is editable to go to a specific instance
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
1967
diff
changeset
|
73 } |