summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorLibravatarKrytarik Raido <krytarik@tuxgarage.com>2015-07-23 05:50:04 +0200
committerLibravatarKrytarik Raido <krytarik@tuxgarage.com>2015-07-23 05:50:04 +0200
commitf53d71960ec24d3d3ba8c77b304fc25700ebda3d (patch)
treecc8e7b5bf526782aabd9d766f2dba6c831bb98da
parent6c93db1d70c1e644c67021abdc839cdc8db4f1bd (diff)
downloadicebox-website-f53d71960ec24d3d3ba8c77b304fc25700ebda3d.tar.bz2
icebox-website-f53d71960ec24d3d3ba8c77b304fc25700ebda3d.tar.xz
icebox-website-f53d71960ec24d3d3ba8c77b304fc25700ebda3d.tar.zst
Make download page responsive.
-rw-r--r--pages/download.txt44
-rw-r--r--themes/custom/assets/css/custom.css53
2 files changed, 76 insertions, 21 deletions
diff --git a/pages/download.txt b/pages/download.txt
index 8de89a0..d330e7d 100644
--- a/pages/download.txt
+++ b/pages/download.txt
@@ -1,6 +1,5 @@
////
.. title: Download
-.. slug: download
.. type: text
.. hidetitle: True
////
@@ -8,48 +7,51 @@
[[vivid]]
== Vivid Vervet/15.04 release ==
-[width="100%",cols="asciidoc,asciidoc",frame="none"]
-|========
-|
-amd64/64bit
-~~~~~~~~~~
-
+.amd64/64bit
+[role="floatbox floatbox-left"]
+--
* link:/download/openbox-desktop-15.04-amd64.iso.torrent[Torrent]
* link:/download/openbox-desktop-15.04-amd64.iso[Direct download]
* link:/download/openbox-desktop-15.04-amd64.iso.zsync[Zsync meta file]
* link:/download/openbox-desktop-15.04-amd64.iso.md5sum[MD5]
-|
-i386/32bit
-~~~~~~~~~
+--
+.i386/32bit
+[role="floatbox floatbox-right"]
+--
* link:/download/openbox-desktop-15.04-i386.iso.torrent[Torrent]
* link:/download/openbox-desktop-15.04-i386.iso[Direct download]
* link:/download/openbox-desktop-15.04-i386.iso.zsync[Zsync meta file]
* link:/download/openbox-desktop-15.04-i386.iso.md5sum[MD5]
-|========
+--
+[role="clear"]
+--
+--
[[wily]]
== Wily Werewolf/15.10 development ==
These are experimental, potentially untested builds based on the current state of the development version.
-[width="100%",cols="asciidoc,asciidoc",frame="none"]
-|========
-|
-amd64/64bit
-~~~~~~~~~~
-
+.amd64/64bit
+[role="floatbox floatbox-left"]
+--
* link:/download/pending/icebox-15.10-desktop-amd64.iso[Direct download]
* link:/download/pending/icebox-15.10-desktop-amd64.iso.zsync[Zsync meta file]
* link:/download/pending/icebox-15.10-desktop-amd64.iso.md5sum[MD5], link:/download/pending/icebox-15.10-desktop-amd64.iso.sha256sum[SHA-256]
* link:/download/pending/icebox-15.10-desktop-amd64.iso.manifest[Manifest]
-|
-i386/32bit
-~~~~~~~~~
+--
+.i386/32bit
+[role="floatbox floatbox-right"]
+--
* link:/download/pending/icebox-15.10-desktop-i386.iso[Direct download]
* link:/download/pending/icebox-15.10-desktop-i386.iso.zsync[Zsync meta file]
* link:/download/pending/icebox-15.10-desktop-i386.iso.md5sum[MD5], link:/download/pending/icebox-15.10-desktop-i386.iso.sha256sum[SHA-256]
* link:/download/pending/icebox-15.10-desktop-i386.iso.manifest[Manifest]
-|========
+--
+
+[role="clear"]
+--
+--
diff --git a/themes/custom/assets/css/custom.css b/themes/custom/assets/css/custom.css
index 40a5d38..8db4d60 100644
--- a/themes/custom/assets/css/custom.css
+++ b/themes/custom/assets/css/custom.css
@@ -42,6 +42,59 @@ code, pre {
display: block;
}
+.floatbox {
+ float: left;
+}
+
+.floatbox-left {
+ margin-right: 18%;
+}
+
+.clear {
+ clear: both;
+}
+
+/* h1, h2, h3, h4, h5, h6 */
+.floatbox .title {
+ margin: 10px 0;
+ font-family: inherit;
+ font-weight: normal;
+ line-height: 20px;
+ color: #ffffff;
+ text-rendering: optimizelegibility;
+}
+
+/* h1, h2, h3 */
+.entry-content > .floatbox .title,
+.sectionbody > .floatbox .title {
+ margin-top: -40px;
+ padding-top: 60px;
+ line-height: 40px;
+}
+
+/* h4, h5, h6 */
+.sect2 > .floatbox .title,
+.sect3 > .floatbox .title,
+.sect4 > .floatbox .title {
+ margin-top: -50px;
+ padding-top: 60px;
+}
+
+/* h2 */
+.entry-content > .floatbox .title {
+ font-size: 31.5px;
+}
+
+/* h3 */
+.sectionbody > .floatbox .title {
+ font-size: 24.5px;
+}
+
+/* h4 */
+.sect2 > .floatbox .title {
+ font-size: 17.5px;
+}
+
@media (max-width: 979px) {
.navbar .nav > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu:after {