diff options
Diffstat (limited to 'demos/gtk-demo/demos/data/css_accordion.css')
-rw-r--r-- | demos/gtk-demo/demos/data/css_accordion.css | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/demos/gtk-demo/demos/data/css_accordion.css b/demos/gtk-demo/demos/data/css_accordion.css new file mode 100644 index 00000000..a2434276 --- /dev/null +++ b/demos/gtk-demo/demos/data/css_accordion.css @@ -0,0 +1,52 @@ +@import url("resource://css_accordion/reset.css"); + +* { + transition-property: color, background-color, border-color, background-image, padding, border-width; + transition-duration: 1s; + + font: Sans 20px; +} + +GtkWindow { + background: linear-gradient(153deg, #151515, #151515 5px, transparent 5px) 0 0, + linear-gradient(333deg, #151515, #151515 5px, transparent 5px) 10px 5px, + linear-gradient(153deg, #222, #222 5px, transparent 5px) 0 5px, + linear-gradient(333deg, #222, #222 5px, transparent 5px) 10px 10px, + linear-gradient(90deg, #1b1b1b, #1b1b1b 10px, transparent 10px), + linear-gradient(#1d1d1d, #1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424); + background-color: #131313; + background-size: 20px 20px; +} + +.button { + color: black; + background-color: #bbb; + border-style: solid; + border-width: 2px 0 2px 2px; + border-color: #333; + + padding: 12px 4px; +} + +.button:first-child { + border-radius: 5px 0 0 5px; +} + +.button:last-child { + border-radius: 0 5px 5px 0; + border-width: 2px; +} + +.button:hover { + padding: 12px 48px; + background-color: #4870bc; +} + +.button *:hover { + color: white; +} + +.button:hover:active, +.button:active { + background-color: #993401; +} |