Mercurial > hg > orthanc-stone
comparison Applications/StoneWebViewer/Resources/Styles/_studyIsland.scss @ 1538:d1806b4e4839
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 } |