Mercurial > hg > orthanc-stone

comparison Applications/StoneWebViewer/Resources/Styles/_studyIsland.scss @ 1538:d1806b4e4839

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
moving OrthancStone/Samples/ as Applications/Samples/
author Sebastien Jodogne <s.jodogne@gmail.com>
date Tue, 11 Aug 2020 13:24:38 +0200
parents StoneWebViewer/Resources/Styles/_studyIsland.scss@fb74ed5d8c22
children
comparison
equal deleted inserted replaced
1537:de8cf5859e84 1538:d1806b4e4839
1 $gray: gray;
2 $blue: hsla(204, 70%, 53%, 0.7);
3 $red: rgba(206, 0, 0, 0.7);
4 $green: rgba(0, 160, 27, .7);
5 $yellow: rgba(220, 200 , 0, .9);
6 $violet: rgba(255, 31, 255, .7);
7
8
9 %wvStudyIsland {
10 margin: 1rem 1rem 1rem 1rem;
11 border: 0.3rem solid $gray;
12 }
13
14 %wvStudyIsland__header {
15 background-color: $gray;
16 padding: 0.5rem 0.5rem 0.8rem 0.5rem;
17 line-height: 1.35rem;
18 width: 100%;
19 }
20 .wvStudyIsland__actions {
21 float: right;
22
23 // Compensate header padding (since the inner download study button
24 // actually has margin).
25 margin-top: -0.8rem;
26 margin-right: -0.8rem;
27 }
28
29 .wvStudyIsland__actions--oneCol {
30 float: none;
31 text-align: center;
32 }
33
34 .wvStudyIsland__main {
35 padding: 0.4rem; // 0.7rem - 0.3rem (2px transparent border + 1px margin)
36 color: hsl(0, 0%, 100%);
37 width: 100%; // let some space for the 4-columns based items
38 }
39
40
41 // Color modifiers
42 .wvStudyIsland--blue {
43 @extend %wvStudyIsland;
44 border-color: $blue;
45 }
46
47 .wvStudyIsland__header--blue {
48 @extend %wvStudyIsland__header;
49 background-color: $blue;
50 }
51
52 .wvStudyIsland--red {
53 @extend %wvStudyIsland;
54 border-color: $red;
55 }
56
57 .wvStudyIsland__header--red {
58 @extend %wvStudyIsland__header;
59 background-color: $red;
60 }
61
62 .wvStudyIsland--green {
63 @extend %wvStudyIsland;
64 border-color: $green;
65 }
66
67 .wvStudyIsland__header--green {
68 @extend %wvStudyIsland__header;
69 background-color: $green;
70 }
71
72 .wvStudyIsland--yellow {
73 @extend %wvStudyIsland;
74 border-color: $yellow;
75 }
76
77 .wvStudyIsland__header--yellow {
78 @extend %wvStudyIsland__header;
79 background-color: $yellow;
80 }
81
82 .wvStudyIsland--violet {
83 @extend %wvStudyIsland;
84 border-color: $violet;
85 }
86
87 .wvStudyIsland__header--violet {
88 @extend %wvStudyIsland__header;
89 background-color: $violet;
90 }