diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-15 05:48:59 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-15 05:48:59 +0000 |
commit | c484829272cd13a738e35412498e12f2c9a194ac (patch) | |
tree | a1f5ec09629ee895bd3963fa8820b45f2f4c574b /test/css/complex/callout.css | |
parent | Initial commit. (diff) | |
download | liborcus-c484829272cd13a738e35412498e12f2c9a194ac.tar.xz liborcus-c484829272cd13a738e35412498e12f2c9a194ac.zip |
Adding upstream version 0.19.2.upstream/0.19.2upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to '')
-rw-r--r-- | test/css/complex/callout.css | 71 |
1 files changed, 71 insertions, 0 deletions
diff --git a/test/css/complex/callout.css b/test/css/complex/callout.css new file mode 100644 index 0000000..e6c7c36 --- /dev/null +++ b/test/css/complex/callout.css @@ -0,0 +1,71 @@ + +body { + font-family: Helvetica; + font-size: 13px; +} + +div.callout { + height: 60px; + width: 200px; + float: left; +} + +div.callout { + background-color: #444; + background-image: -moz-linear-gradient(top, #444, #444); + position: relative; + color: #ccc; + padding: 10px; + border-radius: 3px; + box-shadow: 0px 0px 20px #999; + margin: 25px; + min-height: 50px; + border: 1px solid #333; + text-shadow: 0 0 1px #000; + + /*box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;*/ +} + +.callout::before { + content: ""; + width: 0px; + height: 0px; + border: 0.8em solid transparent; + position: absolute; +} + +.callout.top::before { + left: 60%; + bottom: -20px; + border-top: 10px solid #444; +} + +.callout.bottom::before { + left: 45%; + top: -20px; + border-bottom: 10px solid #444; +} + +.callout.left::before { + right: -20px; + top: 40%; + border-left: 10px solid #444; +} + +.callout.right::before { + left: -20px; + top: 40%; + border-right: 10px solid #444; +} + +.callout.top-left::before { + left: 7px; + bottom: -20px; + border-top: 10px solid #444; +} + +.callout.top-right::before { + right: 7px; + bottom: -20px; + border-top: 10px solid #444; +} |