diff options
| author | David Robillard <d@drobilla.net> | 2014-11-26 19:27:18 -0500 |
|---|---|---|
| committer | David Robillard <d@drobilla.net> | 2014-11-26 20:05:22 -0500 |
| commit | 9e3440a95d9d54dc747fa2f9be0fa8a97ed44832 (patch) | |
| tree | c01e892dfab6b1ba02de377cb83149f48f7ccd95 /themes/lv2/static/css | |
| parent | 34e276866106969c97cabacb7a9693424233e7ab (diff) | |
| download | lv2site-9e3440a95d9d54dc747fa2f9be0fa8a97ed44832.tar.xz | |
Make main list horizontal and put slideshow below.
Diffstat (limited to 'themes/lv2/static/css')
| -rw-r--r-- | themes/lv2/static/css/main.css | 24 | ||||
| -rw-r--r-- | themes/lv2/static/css/slideshow.css | 34 |
2 files changed, 42 insertions, 16 deletions
diff --git a/themes/lv2/static/css/main.css b/themes/lv2/static/css/main.css index 53444ff..799cb10 100644 --- a/themes/lv2/static/css/main.css +++ b/themes/lv2/static/css/main.css @@ -194,6 +194,30 @@ header a#page-title { border-radius: 6px; } +#mainlist { + text-align: center; + margin: 0; + padding: 0; +} + +#mainlist li { + background-color: #222; + color: #FFF; + font-weight: bold; + background: linear-gradient(to bottom, #444 0%, #000 100%); + border: solid 2px #444; + border-radius: 6px; + display: inline-block; + list-style-type: none; + margin: 0.25em; + padding: 0.5em; + white-space: nowrap; + vertical-align: middle; +} + +#mainlist li a, #mainlist li a:visited { + color: #FFF; +} /* Pygments Style */ diff --git a/themes/lv2/static/css/slideshow.css b/themes/lv2/static/css/slideshow.css index 7fe664d..508761c 100644 --- a/themes/lv2/static/css/slideshow.css +++ b/themes/lv2/static/css/slideshow.css @@ -1,30 +1,32 @@ #slideshow { - background-color: #000; - border: 3px solid #000; - border-radius: 6px; - display: inline-block; - height: 20em; - line-height: 20em; - margin: 1em; + line-height: 20em; + margin: 2em; margin-left: auto; margin-right: auto; position: relative; - text-align: right; - vertical-align: middle; - width: 20em; + text-align: center; + transform-style: preserve-3d; + vertical-align: middle; + width: 640px; + height: 480px; } #slideshow img { - left: 0; - width: 100%; - height: auto; - max-height: 100%; + border-radius: 6px; + height: auto; + left: 0; + margin-left: auto; + margin-right: auto; + max-height: 100%; + max-width: 100%; opacity: 0; position: absolute; - text-align: center; + right: 0; + text-align: center; transition-duration: 1s; transition-property: opacity; - vertical-align: middle; + vertical-align: middle; + width: auto; } #slideshow .fadein { |