diff --git a/.gitignore b/.gitignore index 8fbbbd8f..e8d2d6d5 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,4 @@ gallery/ *~ .DS_Store +/.idea/ diff --git a/download.html b/download.html new file mode 100644 index 00000000..5635f4a1 --- /dev/null +++ b/download.html @@ -0,0 +1,88 @@ + + + + + + BRL-CAD: Downloads + + + + + +
+ +
+

Download

+

BRL‑CAD

+
+ + + + + + +
+ + +
+
+
All downloads
+
+ +
+
+
+
+ + + + + + + + + +
+
+
+
+
+
+
+
+
+
+
+

BRL-CAD © 2016-2019

+

All trademarks referenced herein are the properties of their respective owners. This site is not sponsored, endorsed, or run by the U.S. Government.

+
+ + \ No newline at end of file diff --git a/downloads.json b/downloads.json new file mode 100644 index 00000000..ab0b6a9b --- /dev/null +++ b/downloads.json @@ -0,0 +1,109 @@ +{ + "windows": { + "64bit": { + "latest": "7.26.0", + "7.26.0": { + "name": "7.26.0", + "version": "7.26.0", + "date": "2016-08-08", + "url": "https://sourceforge.net/projects/brlcad/files/BRL-CAD%20for%20Windows/7.26.0/BRL-CAD_7.26.0.2_x64.exe/download", + "type": "r" + }, + "7.24.0": { + "name": "7.24.0", + "version": "7.24.0", + "date": "2013-06-13", + "url": "https://sourceforge.net/projects/brlcad/files/BRL-CAD%20for%20Windows/7.24.0/BRL-CAD_7.24.0_x64.exe/download", + "type": "r" + } + }, + "32bit": { + "latest": "7.26.0", + "7.26.0": { + "name": "7.26.0", + "version": "7.26.0", + "date": "2016-08-08", + "url": "https://sourceforge.net/projects/brlcad/files/BRL-CAD%20for%20Windows/7.26.0/BRL-CAD_7.26.0.2_x86.exe/download", + "type": "r" + }, + "7.24.0": { + "name": "7.24.0", + "version": "7.24.0", + "date": "2013-06-13", + "url": "https://sourceforge.net/projects/brlcad/files/BRL-CAD%20for%20Windows/7.24.0/BRL-CAD_7.24.0_x86.exe/download", + "type": "r" + } + } + }, + "macos": { + "latest": "7.24.0", + "7.24.0": { + "name": "7.24.0", + "version": "7.24.0", + "date": "2013-06-13", + "url": "https://sourceforge.net/projects/brlcad/files/BRL-CAD%20for%20Mac%20OS%20X/7.24.0/BRL-CAD%207.24.0.dmg/download", + "type": "r" + } + }, + "linux": { + "64bit": { + "latest": "7.28.0", + "7.28.0": { + "name": "7.28.0", + "version": "7.28.0", + "date": "2018-10-20", + "url": "https://sourceforge.net/projects/brlcad/files/BRL-CAD%20for%20Linux/7.28.0/brlcad_7.28.0-0_amd64.deb/download", + "type": "r" + } + }, + "32bit": { + "latest": "7.28.0", + "7.28.0": { + "name": "7.28.0", + "version": "7.28.0", + "date": "2018-10-20", + "url": "https://sourceforge.net/projects/brlcad/files/BRL-CAD%20for%20Linux/7.28.0/brlcad_7.28.0-0_i386.deb/download", + "type": "r" + } + } + }, + "bsd": { + "64bit": { + "latest": "7.26.0", + "7.26.0": { + "name": "7.26.0", + "version": "7.26.0", + "date": "2016-08-11", + "url": "https://sourceforge.net/projects/brlcad/files/BRL-CAD%20for%20BSD/7.26.0/BRL-CAD_7.26.0_FreeBSD_amd64.tar.gz/download", + "type": "r" + } + }, + "32bit": { + "latest": "7.18.0", + "7.18.0": { + "name": "7.18.0", + "version": "7.18.0", + "date": "2010-12-09", + "url": "https://sourceforge.net/projects/brlcad/files/BRL-CAD%20for%20BSD/7.18.0/brlcad-7.18.0_fbsd_ia32.tbz/download", + "type": "r" + } + } + }, + "source": { + "latest": "7.28.0", + "7.28.0": { + "name": "7.28.0", + "version": "7.28.0", + "date": "2018-10-02", + "url": "https://sourceforge.net/projects/brlcad/files/BRL-CAD%20Source/7.28.0/brlcad-7.28.0.zip/download", + "type": "r" + }, + "7.26.4": { + "name": "7.26.4", + "version": "7.26.4", + "date": "2017-09-22", + "url": "https://sourceforge.net/projects/brlcad/files/BRL-CAD%20Source/7.26.4/brlcad-7.26.4.zip/download", + "type": "r" + } + } +} \ No newline at end of file diff --git a/img/download/bsd32.png b/img/download/bsd32.png new file mode 100644 index 00000000..440aaa0a Binary files /dev/null and b/img/download/bsd32.png differ diff --git a/img/download/bsd64.png b/img/download/bsd64.png new file mode 100644 index 00000000..2a29e854 Binary files /dev/null and b/img/download/bsd64.png differ diff --git a/img/download/linux32.png b/img/download/linux32.png new file mode 100644 index 00000000..cba3f852 Binary files /dev/null and b/img/download/linux32.png differ diff --git a/img/download/linux64.png b/img/download/linux64.png new file mode 100644 index 00000000..2a1386d1 Binary files /dev/null and b/img/download/linux64.png differ diff --git a/img/download/macos.png b/img/download/macos.png new file mode 100644 index 00000000..7579bbb2 Binary files /dev/null and b/img/download/macos.png differ diff --git a/img/download/sourcecode.png b/img/download/sourcecode.png new file mode 100644 index 00000000..997cc084 Binary files /dev/null and b/img/download/sourcecode.png differ diff --git a/img/download/windows32.png b/img/download/windows32.png new file mode 100644 index 00000000..34884502 Binary files /dev/null and b/img/download/windows32.png differ diff --git a/img/download/windows64.png b/img/download/windows64.png new file mode 100644 index 00000000..5680b1f6 Binary files /dev/null and b/img/download/windows64.png differ diff --git a/index.html b/index.html index 1c1487a4..f4e352a9 100644 --- a/index.html +++ b/index.html @@ -30,7 +30,7 @@ News
  • Documentation
    • -
  • +
  • Download
  • diff --git a/js/download.js b/js/download.js new file mode 100644 index 00000000..96415a84 --- /dev/null +++ b/js/download.js @@ -0,0 +1,272 @@ +var versions = undefined; +/* +These are the links to the icons +These have to be like they would be in the src field of + */ +let icons = { + win64: "/img/download/windows64.png", + win32: "/img/download/windows32.png", + macos: "/img/download/macos.png", + linux64: "/img/download/linux64.png", + linux32: "/img/download/linux32.png", + bsd64: "/img/download/bsd64.png", + bsd32: "/img/download/bsd32.png", + source: "/img/download/sourcecode.png" +}; +function Get(yourUrl){ + var Httpreq = new XMLHttpRequest(); // a new request + Httpreq.open("GET",yourUrl,false); + Httpreq.send(null); + return Httpreq.responseText; +} +window.addEventListener('load', function() { + /* + This is the url to the json file containing the downloads + */ + versions = JSON.parse(Get('/downloads.json')); + let win64 = document.getElementById('list-win64'); + let win32 = document.getElementById('list-win32'); + let macos = document.getElementById('list-macos'); + let linux32 = document.getElementById('list-linux32'); + let linux64 = document.getElementById('list-linux64'); + let bsd32 = document.getElementById('list-bsd32'); + let bsd64 = document.getElementById('list-bsd64'); + let source = document.getElementById('list-source'); + Object.keys(versions["windows"]["64bit"]).forEach((id, idx) => { + if (id.toLowerCase() !== 'latest') { + var it = versions["windows"]["64bit"][id]; + var itm = buildListItem('win64', it); + win64.appendChild(itm); + } + }); + Object.keys(versions["windows"]["32bit"]).forEach((id, idx) => { + if (id.toLowerCase() !== 'latest') { + var it = versions["windows"]["32bit"][id]; + var itm = buildListItem('win32', it); + win32.appendChild(itm); + } + }); + Object.keys(versions["macos"]).forEach((id, idx) => { + if (id.toLowerCase() !== 'latest') { + var it = versions["macos"][id]; + var itm = buildListItem('macos', it); + macos.appendChild(itm); + } + }); + Object.keys(versions["linux"]["64bit"]).forEach((id, idx) => { + if (id.toLowerCase() !== 'latest') { + var it = versions["linux"]["64bit"][id]; + var itm = buildListItem('linux64', it); + linux64.appendChild(itm); + } + }); + Object.keys(versions["linux"]["32bit"]).forEach((id, idx) => { + if (id.toLowerCase() !== 'latest') { + var it = versions["linux"]["32bit"][id]; + var itm = buildListItem('linux32', it); + linux32.appendChild(itm); + } + }); + Object.keys(versions["bsd"]["64bit"]).forEach((id, idx) => { + if (id.toLowerCase() !== 'latest') { + var it = versions["bsd"]["64bit"][id]; + var itm = buildListItem('bsd64', it); + bsd64.appendChild(itm); + } + }); + Object.keys(versions["bsd"]["32bit"]).forEach((id, idx) => { + if (id.toLowerCase() !== 'latest') { + var it = versions["bsd"]["32bit"][id]; + var itm = buildListItem('bsd32', it); + bsd32.appendChild(itm); + } + }); + Object.keys(versions["source"]).forEach((id, idx) => { + if (id.toLowerCase() !== 'latest') { + var it = versions["source"][id]; + var itm = buildListItem('source', it); + source.appendChild(itm); + } + }); + var curOS="undefined"; + if (navigator.appVersion.indexOf("Win")!==-1) curOS="Windows"; + if (navigator.appVersion.indexOf("Mac")!==-1) curOS="MacOS"; + if (navigator.appVersion.indexOf("X11")!==-1) curOS="UNIX"; + if (navigator.appVersion.indexOf("Linux")!==-1) curOS="Linux"; + var bit64 = false; + if (navigator.userAgent.indexOf("WOW64")!==-1|| + navigator.userAgent.indexOf("Win64")!==-1|| + navigator.userAgent.indexOf("x86_64")!==-1|| + navigator.userAgent.indexOf("x86-64")!==-1|| + navigator.userAgent.indexOf("x64;")!==-1|| + navigator.userAgent.indexOf("amd64")!==-1|| + navigator.userAgent.indexOf("AMD64")!==-1|| + navigator.userAgent.indexOf("x64_64")!==-1){bit64=true;} + setOS(curOS, '10', bit64); +}); +function changeList(i) { + let win64 = document.getElementById('list-win64'); + let s_win64 = document.getElementById('list-switch-win64'); + let win32 = document.getElementById('list-win32'); + let s_win32 = document.getElementById('list-switch-win32'); + let macos = document.getElementById('list-macos'); + let s_macos = document.getElementById('list-switch-macos'); + let linux64 = document.getElementById('list-linux64'); + let s_linux64 = document.getElementById('list-switch-linux64'); + let linux32 = document.getElementById('list-linux32'); + let s_linux32 = document.getElementById('list-switch-linux32'); + let bsd64 = document.getElementById('list-bsd64'); + let s_bsd64 = document.getElementById('list-switch-bsd64'); + let bsd32 = document.getElementById('list-bsd32'); + let s_bsd32 = document.getElementById('list-switch-bsd32'); + let source = document.getElementById('list-source'); + let s_source = document.getElementById('list-switch-source'); + if (i.toLowerCase()==='win64')win64.classList.add('active');else win64.classList.remove('active'); + if (i.toLowerCase()==='win64')s_win64.classList.add('active');else s_win64.classList.remove('active'); + if (i.toLowerCase()==='win32')win32.classList.add('active');else win32.classList.remove('active'); + if (i.toLowerCase()==='win32')s_win32.classList.add('active');else s_win32.classList.remove('active'); + if (i.toLowerCase()==='macos')macos.classList.add('active');else macos.classList.remove('active'); + if (i.toLowerCase()==='macos')s_macos.classList.add('active');else s_macos.classList.remove('active'); + if (i.toLowerCase()==='linux64')linux64.classList.add('active');else linux64.classList.remove('active'); + if (i.toLowerCase()==='linux64')s_linux64.classList.add('active');else s_linux64.classList.remove('active'); + if (i.toLowerCase()==='linux32')linux32.classList.add('active');else linux32.classList.remove('active'); + if (i.toLowerCase()==='linux32')s_linux32.classList.add('active');else s_linux32.classList.remove('active'); + if (i.toLowerCase()==='bsd64')bsd64.classList.add('active');else bsd64.classList.remove('active'); + if (i.toLowerCase()==='bsd64')s_bsd64.classList.add('active');else s_bsd64.classList.remove('active'); + if (i.toLowerCase()==='bsd32')bsd32.classList.add('active');else bsd32.classList.remove('active'); + if (i.toLowerCase()==='bsd32')s_bsd32.classList.add('active');else s_bsd32.classList.remove('active'); + if (i.toLowerCase()==='source')source.classList.add('active');else source.classList.remove('active'); + if (i.toLowerCase()==='source')s_source.classList.add('active');else s_source.classList.remove('active'); +} +function buildListItem(os, data) { + var _i = document.createElement('div'); + _i.setAttribute('class', 'list-i-i'); + var _ia = document.createElement('a'); + _ia.href = data["url"]?data["url"]:''; + _ia.target = "_blank"; + _ia.rel = "noreferrer"; + var _iimg = document.createElement('img'); + _iimg.src = icons[os]; + _ia.appendChild(_iimg); + var _itbl = document.createElement('table'); + var _itbody = document.createElement('tbody'); + var _itr = document.createElement('tr'); + var _itype = document.createElement('td'); + _itype.setAttribute('class', 'list-i-i-i type'); + /* + These are the values you can insert in the type field of a download object. + r (default) = release + p = pre-release + n = nightly + b = beta + d = dev + u = unstable + */ + _itype.classList.add(data["type"]==='r'?'release':data["type"]==='p'?'pre':data["type"]==='n'?'nightly':data["type"]==='b'?'beta':data["type"]==='d'?'dev':data["type"]==='u'?'unstable':'release'); + _itype.innerHTML = data["type"]==='r'?'Release':data["type"]==='p'?'Pre':data["type"]==='n'?'Nightly':data["type"]==='b'?'Beta':data["type"]==='d'?'Dev':data["type"]==='u'?'Unstable':'Release'; + _itr.appendChild(_itype); + var _ivers = document.createElement('td'); + _ivers.setAttribute('class', 'list-i-i-i'); + var _iversd = document.createElement('div'); + _iversd.innerHTML = data["version"]; + _ivers.appendChild(_iversd); + _itr.appendChild(_ivers); + var _idate = document.createElement('td'); + _idate.setAttribute('class', 'list-i-i-i'); + var _idated = document.createElement('div'); + _idated.innerHTML = data["date"]; + _idate.appendChild(_idated); + _itr.appendChild(_idate); + _itbody.appendChild(_itr); + _itbl.appendChild(_itbody); + _ia.appendChild(_itbl); + _i.appendChild(_ia); + return _i; +} +function setOS(n, v, bit64) { + let _el = document.getElementById('os-cell'); + _el.innerHTML = ''; + var _td = document.createElement('td'); + _td.classList.add('dl-os-lm'); + var _a = document.createElement('a'); + _a.target = '_blank'; + _a.classList.add('os-a'); + var _img = document.createElement('img'); + _img.classList.add('os-ico'); + var _os = document.createElement('div'); + _os.classList.add('os-os'); + var _os_d = document.createElement('div'); + _os_d.classList.add('os-d'); + var _os_n = document.createElement('div'); + _os_n.classList.add('os-n'); + _os.appendChild(_os_d); + _os.appendChild(_os_n); + _a.appendChild(_img); + _a.appendChild(_os); + _td.appendChild(_a); + _el.appendChild(_td); + var _otd = document.createElement('td'); + _otd.classList.add('dl-os-lm'); + var _oa = document.createElement('a'); + _oa.target = '_blank'; + _oa.classList.add('os-a'); + var _oimg = document.createElement('img'); + _oimg.classList.add('os-ico'); + var _oos = document.createElement('div'); + _oos.classList.add('os-os'); + var _oos_d = document.createElement('div'); + _oos_d.classList.add('os-d'); + var _oos_n = document.createElement('div'); + _oos_n.classList.add('os-n'); + _oos.appendChild(_oos_d); + _oos.appendChild(_oos_n); + _oa.appendChild(_oimg); + _oa.appendChild(_oos); + _otd.appendChild(_oa); + _oa.href = versions["source"][versions["source"]["latest"]]["url"]; + _oimg.src = icons['source']; + _oimg.alt = 'SOURCE'; + _oos_d.innerHTML = ''; + _oos_n.innerHTML = 'Source'; + _el.appendChild(_otd); + if (n.toLowerCase()==='windows') { + if (bit64) { + _a.href = versions["windows"]["64bit"][versions["windows"]["64bit"]["latest"]]["url"]; + _img.src = icons['win64']; + _img.alt = 'WIN'; + _os_d.innerHTML = 'Download latest • ' + versions["windows"]["64bit"][versions["windows"]["64bit"]["latest"]]["version"]; + _os_n.innerHTML = 'Windows'; + changeList('win64'); + } else { + _a.href = versions["windows"]["32bit"][versions["windows"]["32bit"]["latest"]]["url"]; + _img.src = icons['win32']; + _img.alt = 'WIN'; + _os_d.innerHTML = 'Download latest • ' + versions["windows"]["32bit"][versions["windows"]["32bit"]["latest"]]["version"]; + _os_n.innerHTML = 'Windows'; + changeList('win32'); + } + } else if (n.toLowerCase()==='macos') { + _a.href = versions["macos"][versions["macos"]["latest"]]["url"]; + _img.src = icons['macos']; + _img.alt = 'MAC'; + _os_d.innerHTML = 'Download latest • ' + versions["macos"][versions["macos"]["latest"]]["version"]; + _os_n.innerHTML = 'MacOS'; + changeList('macos'); + } else if (n.toLowerCase()==='linux') { + if (bit64) { + _a.href = versions["linux"]["64bit"][versions["linux"]["64bit"]["latest"]]["url"]; + _img.src = icons['linux64']; + _img.alt = 'LINUX'; + _os_d.innerHTML = 'Download latest • ' + versions["linux"]["64bit"][versions["linux"]["64bit"]["latest"]]["version"]; + _os_n.innerHTML = 'Linux'; + changeList('linux64'); + } else { + _a.href = versions["linux"]["32bit"][versions["linux"]["32bit"]["latest"]]["url"]; + _img.src = icons['linux32']; + _img.alt = 'LINUX'; + _os_d.innerHTML = 'Download latest • ' + versions["linux"]["32bit"][versions["linux"]["32bit"]["latest"]]["version"]; + _os_n.innerHTML = 'Linux'; + changeList('linux32'); + } + } +} \ No newline at end of file diff --git a/style-download.css b/style-download.css new file mode 100644 index 00000000..a161ac06 --- /dev/null +++ b/style-download.css @@ -0,0 +1,418 @@ +*{ + margin: 0px; + padding: 0px; + list-style: none; +} +html { + height: 100%; +} +body{ + color: #2c3e50; + font-family: Segoe UI, Open Sans, Roboto, sans-serif, Arial; + font-size: 20px; + font-weight: normal; + background-color: #2d2d2d; + height: 100%; +} +a{ + text-decoration: none; + color: #2c3e50; +} +a:hover{ + color:#d0245e; + transition: ease-in .2s color; + -webkit-transition: ease-in .2s color; + -moz-transition: ease-in .2s color; + -o-transition: ease-in .2s color; + -ms-transition: ease-in .2s color; +} +/**Selection**/ +::selection { + background-color: #f1f1f1; + color: #000; +} +::-moz-selection { + background-color: #352e7e; + color: #fff; +} +::-o-selection { + background-color: #352e7e; + color: #fff; +} +::-ms-selection { + background-color: #352e7e; + color: #fff; +} +::-webkit-selection { + background-color: #352e7e; + color: #fff; +} +/**Scroll Bar**/ +::-webkit-scrollbar { + width: 10px; +} +::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); +} +::-webkit-scrollbar-thumb { + background: #a1a1a1; + -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); +} +::-webkit-scrollbar-thumb:window-inactive { + background: #a1a1a1; +} +/**Navbar**/ +.header{ + height: 50pt; + background: #fff; + font-family: Intro, Segoe UI, Open Sans, Arial, sans-serif; + text-transform: uppercase; +} +.header table{ + border-spacing: 0px 0px; + font-size: 24px; + margin: 0px auto; +} +.logo{ + width: 7rem; + height:auto; + margin-top: -8px; + padding-top: 0px; + border-radius: 50%; + background: #000; + z-index: 2; +} +.logomenu{ + text-align: center; + width: 14%; /* 100 / 7 = 14 */ + background: #000; + /* cursor: pointer;*/ +} +.menutable{ + width: 100%; +} +.menu{ + text-align: center; + width: 14%; /* 100 / 7 = 14 */ + /* cursor: pointer;*/ +} +td.menu{ + background: #000; + text-align: center; + width: 14%; /* 100 / 7 = 14 */ + padding-top: 2%; + padding-bottom: 380px; +} +a.menu{ + color: #d0245e; + width: 10%; +} +.menu:hover{ + color: #fff; +} +/**Banner**/ +.about{ + left: 64px; + padding: 25px; + font-size: 23px; + background: #2d2d2d; + text-align: center; + height: 420px; +} +.wrapper-main{ + width: 60%; + margin: 0px auto; + padding-top: 40px; +} +.main-h1{ + font-family: Intro, Segoe UI, Open Sans, Arial, sans-serif; + font-size: 100px; + color: #fff; + margin-top: 20px; +} +.brl{ + position: relative; + font-family: Intro, Segoe UI, Open Sans, Arial, sans-serif; + color: #d0245e; /*d91a5d; */ + margin-top: 20px; + + text-shadow: 0px 0px 4px #282828, + -1px -1px 0 #282828, + 1px -1px 0 #282828, + -1px 1px 0 #282828, + 1px 1px 0 #282828; +} +.dash{ + position: relative; + top: -3px; + left: -0px; + font-family: Intro, Segoe UI, Open Sans, Arial, sans-serif; + color: #888; + margin-top: 20px; + + text-shadow: 0px 0px 4px #111, + -1px -1px 0 #111, + 1px -1px 0 #111, + -1px 1px 0 #111, + 1px 1px 0 #111; +} +.cad{ + position: relative; + font-family: Intro, Segoe UI, Open Sans, Arial, sans-serif; + color: #fff; + margin-top: 20px; + + text-shadow: 0px 0px 4px #111, + -1px -1px 0 #111, + 1px -1px 0 #111, + -1px 1px 0 #111, + 1px 1px 0 #111; +} +.byline{ + position: relative; + font-family: Intro, Segoe UI, Open Sans, Arial, sans-serif; + font-size: 32px; + color: #fff; + top: -16px; + + text-shadow: 0px 0px 8px #111, + -1px -1px 0 #111, + 1px -1px 0 #111, + -1px 1px 0 #111, + 1px 1px 0 #111; +} +/**OS Links**/ +.dl-os { + /*width: 100%;*/ + height: 100px; + border-spacing: 10px 0px; + margin: 10px auto; + margin-top: 10px; + max-width: 100%; + overflow: hidden; +} +.dl-os-lm { + text-align: center; + vertical-align: middle; + /*width: 33%;*/ + padding: 10px; + display: table-cell; +} +.os-a { + border: solid 0px; + border-radius: 20px; + background-color: #d0245e; + font-size: 100px; + padding: 10px; + display: flex; + align-items: center; + transition: background-color ease-in-out 0.3s; + max-width: 605px; +} +.os-a:hover { + background-color: #891e45; + cursor: pointer; + transition: background-color ease-in-out 0.3s; +} +.os-ico { + height: 100px; + display: inline; +} +.os-n { + display: inline; + color: white; + font-size: 65px; +} +.os-d { + display: inline-block; + color: #e4e4e4; + font-size: 20px; + position: absolute; + /*margin-top: -8px;*/ + margin-top: -1em; + margin-left: 3px; +} +.os-os { + color: white; + font-size: 65px; + max-height: 86px; + overflow: hidden; + display: block; + text-overflow: ellipsis; + margin-left: 10px; + min-width: 300px; + text-align: left; +} +/**List**/ +.list { + background-color: #2d2d2d; + padding-bottom: 65px; +} +.list-switch { + overflow: hidden; + border: 0px solid #ccc; + background-color: #d0245e; +} +.list-switch-i { + background-color: #d0245e; + float: left; + border: none; + outline: none; + cursor: pointer; + padding: 14px 16px; + transition: 0.3s; + color: #fff; + font-family: Intro, Segoe UI, Open Sans, Arial, sans-serif; + font-size: 16px; +} +#list-switch-all { + padding: 0; + float: right; +} +#list-switch-all>a { + width: 100%; + height: 100%; + padding: 14px 16px; + display: inline-flex; +} +#list-switch-all>a>div { + color: #fff; + font-family: Intro, Segoe UI, Open Sans, Arial, sans-serif; +} +.list-switch-i.active { + background-color: #891e45; +} +.list-i { + display: none; +} +.list-i.active { + display: block; +} +.list-i-i { + +} +.list-i-i+.list-i-i { + border-top-color: #d0245e; + border-top-width: 1px; + border-top-style: solid; + margin-top: 4px; + padding-top: 4px; +} +.list-i-i>a { + display: flex; + align-items: center; +} +.list-i-i>a>img { + height: 60px; +} +.list-i-i>a>table { + width: 100%; + table-layout: fixed; + border-collapse: separate; + border-spacing: 20px 0px; +} +.list-i-i-i{ + color: #fff; +} +.list-i-i-i.type { + text-align: center; + width: 46px; + font-size: 14px; + border: 1px solid; + border-radius: 12px; + padding-left: 9px; + padding-right: 9px; +} +.list-i-i-i.release { + border-color: lime; + color: lime; +} +.list-i-i-i.prerelease { + border-color: yellow; + color: yellow; + font-size: 16px; +} +.list-i-i-i.nightly { + border-color: #004577; + color: #004577; +} +.list-i-i-i.beta { + border-color: #ff9c00; + color: #ff9c00; + font-size: 16px; +} +.list-i-i-i.dev { + border-color: #ff008f; + color: #ff008f; + font-size: 16px; +} +.list-i-i-i.unstable { + border-color: #ff0300; + color: #ff0300; + font-size: 12px; +} +/**Footer**/ +.footer { + background: #3a3a3a; + color: #fff; + padding: 10px 0px 10px 0px; + text-align: center; + position: fixed; + bottom: 0; + width: 100%; + height: 45px; +} +.footer>h1 { + font-size: 20px; + color: #fff; + margin-top: 0px; +} +.footer>p { + font-size: 15px; +} +/**Mobile**/ +@media screen and (max-width: 950px) and (min-width: 100px) { + body { + font-size: 18px; + } + /**Navbar**/ + .header{ + display: none; + } + /**Banner**/ + .about{ + left: 0px; + padding: 0px; + height: 160px; + } + .wrapper-main{ + width: 80%; + margin: 0px auto; + padding-top: 5px; + } + .main-h1{ + font-size: 3.5rem; + margin-top: 10px; + } + /**OS Links**/ + .dl-os { + display: none; + } + /**List**/ + .list { + padding-bottom: 50px; + } + /**Footer**/ + .footer { + padding: 5px 2% 5px 2%; + height: 40px; + } + .footer>h1 { + font-size: 10px; + width: 96%; + } + .footer>p { + font-size: 10px; + width: 96%; + } +} \ No newline at end of file