--- /dev/null
+<?xml version="1.0" encoding="UTF-8"?>
+<?xml-stylesheet href="common.css" type="text/css"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="256" version="1.1">
+ <defs>
+ <mask id="mask">
+ <rect class="border_shadow_mask" width="256" height="128"/>
+ </mask>
+ </defs>
+ <g transform="matrix(0,-1,1,0,0,256)">
+ <rect class="border_shadow" mask="url(#mask)" x="0" y="8" width="256" height="112"/>
+ </g>
+</svg>
--- /dev/null
+<?xml version="1.0" encoding="UTF-8"?>
+<?xml-stylesheet href="common.css" type="text/css"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="256" height="128" version="1.1">
+ <defs>
+ <mask id="mask">
+ <rect class="border_shadow_mask" width="256" height="128"/>
+ </mask>
+ </defs>
+ <g transform="matrix(1,0,0,-1,0,128)">
+ <rect class="border_shadow" mask="url(#mask)" x="0" y="8" width="256" height="112"/>
+ </g>
+</svg>
--- /dev/null
+<?xml version="1.0" encoding="UTF-8"?>
+<?xml-stylesheet href="common.css" type="text/css"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="256" height="128" version="1.1">
+ <defs>
+ <mask id="mask">
+ <rect class="border_shadow_mask" width="256" height="128"/>
+ </mask>
+ </defs>
+ <rect class="border_shadow" mask="url(#mask)" x="0" y="8" width="256" height="112"/>
+</svg>
--- /dev/null
+<?xml version="1.0" encoding="UTF-8"?>
+<?xml-stylesheet href="common.css" type="text/css"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="256" version="1.1">
+ <defs>
+ <mask id="mask">
+ <rect class="border_shadow_mask" width="256" height="128"/>
+ </mask>
+ </defs>
+ <g transform="matrix(0,1,-1,0,128,0)">
+ <rect class="border_shadow" mask="url(#mask)" x="0" y="8" width="256" height="112"/>
+ </g>
+</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" version="1.1">
<g class="blurred">
<g transform="matrix(0,-1,1,0,0,128)">
- <path class="border_plain" d="M 100,32 28,32 0,96 128,96 z"/>
+ <path class="border_plain" d="m 100,32 -72,0 -11,5 -17,57 23,0 4,2 74,0 4,-2 23,0 -17,-57 z"/>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" version="1.1">
<g class="blurred">
<g transform="matrix(1,0,0,-1,0,128)">
- <path class="border_plain" d="M 100,32 28,32 0,96 128,96 z"/>
+ <path class="border_plain" d="m 100,32 -72,0 -11,5 -17,57 23,0 4,2 74,0 4,-2 23,0 -17,-57 z"/>
</g>
</g>
</svg>
<?xml-stylesheet href="common.css" type="text/css"?>
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" version="1.1">
<g class="blurred">
- <path class="border_plain" d="M 100,32 28,32 0,96 128,96 z"/>
+ <path class="border_plain" d="m 100,32 -72,0 -11,5 -17,57 23,0 4,2 74,0 4,-2 23,0 -17,-57 z"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" version="1.1">
<g class="blurred">
<g transform="matrix(0,1,-1,0,128,0)">
- <path class="border_plain" d="M 100,32 28,32 0,96 128,96 z"/>
+ <path class="border_plain" d="m 100,32 -72,0 -11,5 -17,57 23,0 4,2 74,0 4,-2 23,0 -17,-57 z"/>
</g>
</g>
</svg>
.border_default { fill:url(common.gradients#border_default) }
.border_fading { fill:url(common.gradients#border_fading) }
.border_plain { fill:#2f2f2f; opacity:0.7 }
+.border_shadow { fill:url(common.gradients#border_shadow) }
+.border_shadow_mask { fill:url(common.gradients#border_shadow_mask) }
/* Selectors */
.current_bg { fill:url(common.gradients#current_bg) }
<stop offset=".75" stop-color="#1f1f1f" stop-opacity=".4"/>
<stop offset="1" stop-color="#1f1f1f" stop-opacity="0" />
</linearGradient>
+ <linearGradient id="border_shadow" x2="0" y2="1">
+ <stop offset="0" stop-color="#1f1f1f" stop-opacity="0"/>
+ <stop offset="1" stop-color="#2f2f2f" stop-opacity="0.5"/>
+ </linearGradient>
+ <linearGradient id="border_shadow_mask">
+ <stop offset="0.25" stop-color="#000000"/>
+ <stop offset="0.375" stop-color="#ffffff"/>
+ <stop offset="0.625" stop-color="#ffffff"/>
+ <stop offset="0.75" stop-color="#000000"/>
+ </linearGradient>
<linearGradient id="current_bg" gradientUnits="userSpaceOnUse" x2="0%" y2="100%">
<stop offset="0" stop-color="#e2f6fe" stop-opacity=".7"/>
<stop offset="1" stop-color="#b7dcfc" stop-opacity="0"/>