summaryrefslogtreecommitdiffstats
path: root/themes/lv2/static/css
diff options
context:
space:
mode:
authorDavid Robillard <d@drobilla.net>2014-11-26 19:27:18 -0500
committerDavid Robillard <d@drobilla.net>2014-11-26 20:05:22 -0500
commit9e3440a95d9d54dc747fa2f9be0fa8a97ed44832 (patch)
treec01e892dfab6b1ba02de377cb83149f48f7ccd95 /themes/lv2/static/css
parent34e276866106969c97cabacb7a9693424233e7ab (diff)
downloadlv2site-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.css24
-rw-r--r--themes/lv2/static/css/slideshow.css34
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 {