├── imgs ├── api.png ├── ns1.png ├── keycdn.png ├── maxcdn.png ├── cedexis.png ├── favicon.ico ├── multicdn.png ├── autoupdates.png ├── cloudflare.png ├── combinefiles.png ├── smartbalansing.png ├── checkbx.svg ├── jsdelivr-logo.svg └── marquee-stars.svg ├── css ├── fonts │ ├── proximanova-black-webfont.eot │ ├── proximanova-black-webfont.ttf │ ├── proximanova-black-webfont.woff │ ├── proximanova-bold-webfont.eot │ ├── proximanova-bold-webfont.ttf │ ├── proximanova-bold-webfont.woff │ ├── proximanova-boldit-webfont.eot │ ├── proximanova-boldit-webfont.ttf │ ├── proximanova-light-webfont.eot │ ├── proximanova-light-webfont.ttf │ ├── proximanova-light-webfont.woff │ ├── proximanova-boldit-webfont.woff │ ├── proximanova-regular-webfont.eot │ ├── proximanova-regular-webfont.ttf │ ├── proximanova-regular-webfont.woff │ ├── proximanova-semibold-webfont.eot │ ├── proximanova-semibold-webfont.ttf │ ├── proximanova-extrabold-webfont.eot │ ├── proximanova-extrabold-webfont.ttf │ ├── proximanova-extrabold-webfont.woff │ ├── proximanova-regitalic-webfont.eot │ ├── proximanova-regitalic-webfont.ttf │ ├── proximanova-regitalic-webfont.woff │ ├── proximanova-semibold-webfont.woff │ ├── proximanova-regularitalic-webfont.eot │ ├── proximanova-regularitalic-webfont.ttf │ ├── proximanova-regularitalic-webfont.woff │ ├── proximanova-semibolditalic-webfont.eot │ ├── proximanova-semibolditalic-webfont.ttf │ ├── proximanova-semibolditalic-webfont.woff │ └── proximanova-black-webfont.svg └── app.css ├── README.md ├── js ├── foundation-icons.json ├── foundation-rtl.json ├── foundation.json └── app.js ├── updatejson.php ├── icons.html ├── index.html └── rtl.html /imgs/api.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/imgs/api.png -------------------------------------------------------------------------------- /imgs/ns1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/imgs/ns1.png -------------------------------------------------------------------------------- /imgs/keycdn.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/imgs/keycdn.png -------------------------------------------------------------------------------- /imgs/maxcdn.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/imgs/maxcdn.png -------------------------------------------------------------------------------- /imgs/cedexis.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/imgs/cedexis.png -------------------------------------------------------------------------------- /imgs/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/imgs/favicon.ico -------------------------------------------------------------------------------- /imgs/multicdn.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/imgs/multicdn.png -------------------------------------------------------------------------------- /imgs/autoupdates.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/imgs/autoupdates.png -------------------------------------------------------------------------------- /imgs/cloudflare.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/imgs/cloudflare.png -------------------------------------------------------------------------------- /imgs/combinefiles.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/imgs/combinefiles.png -------------------------------------------------------------------------------- /imgs/smartbalansing.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/imgs/smartbalansing.png -------------------------------------------------------------------------------- /css/fonts/proximanova-black-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/css/fonts/proximanova-black-webfont.eot -------------------------------------------------------------------------------- /css/fonts/proximanova-black-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/css/fonts/proximanova-black-webfont.ttf -------------------------------------------------------------------------------- /css/fonts/proximanova-black-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/css/fonts/proximanova-black-webfont.woff -------------------------------------------------------------------------------- /css/fonts/proximanova-bold-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/css/fonts/proximanova-bold-webfont.eot -------------------------------------------------------------------------------- /css/fonts/proximanova-bold-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/css/fonts/proximanova-bold-webfont.ttf -------------------------------------------------------------------------------- /css/fonts/proximanova-bold-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/css/fonts/proximanova-bold-webfont.woff -------------------------------------------------------------------------------- /css/fonts/proximanova-boldit-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/css/fonts/proximanova-boldit-webfont.eot -------------------------------------------------------------------------------- /css/fonts/proximanova-boldit-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/css/fonts/proximanova-boldit-webfont.ttf -------------------------------------------------------------------------------- /css/fonts/proximanova-light-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/css/fonts/proximanova-light-webfont.eot -------------------------------------------------------------------------------- /css/fonts/proximanova-light-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/css/fonts/proximanova-light-webfont.ttf -------------------------------------------------------------------------------- /css/fonts/proximanova-light-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/css/fonts/proximanova-light-webfont.woff -------------------------------------------------------------------------------- /css/fonts/proximanova-boldit-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/css/fonts/proximanova-boldit-webfont.woff -------------------------------------------------------------------------------- /css/fonts/proximanova-regular-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/css/fonts/proximanova-regular-webfont.eot -------------------------------------------------------------------------------- /css/fonts/proximanova-regular-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/css/fonts/proximanova-regular-webfont.ttf -------------------------------------------------------------------------------- /css/fonts/proximanova-regular-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/css/fonts/proximanova-regular-webfont.woff -------------------------------------------------------------------------------- /css/fonts/proximanova-semibold-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/css/fonts/proximanova-semibold-webfont.eot -------------------------------------------------------------------------------- /css/fonts/proximanova-semibold-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/css/fonts/proximanova-semibold-webfont.ttf -------------------------------------------------------------------------------- /css/fonts/proximanova-extrabold-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/css/fonts/proximanova-extrabold-webfont.eot -------------------------------------------------------------------------------- /css/fonts/proximanova-extrabold-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/css/fonts/proximanova-extrabold-webfont.ttf -------------------------------------------------------------------------------- /css/fonts/proximanova-extrabold-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/css/fonts/proximanova-extrabold-webfont.woff -------------------------------------------------------------------------------- /css/fonts/proximanova-regitalic-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/css/fonts/proximanova-regitalic-webfont.eot -------------------------------------------------------------------------------- /css/fonts/proximanova-regitalic-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/css/fonts/proximanova-regitalic-webfont.ttf -------------------------------------------------------------------------------- /css/fonts/proximanova-regitalic-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/css/fonts/proximanova-regitalic-webfont.woff -------------------------------------------------------------------------------- /css/fonts/proximanova-semibold-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/css/fonts/proximanova-semibold-webfont.woff -------------------------------------------------------------------------------- /css/fonts/proximanova-regularitalic-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/css/fonts/proximanova-regularitalic-webfont.eot -------------------------------------------------------------------------------- /css/fonts/proximanova-regularitalic-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/css/fonts/proximanova-regularitalic-webfont.ttf -------------------------------------------------------------------------------- /css/fonts/proximanova-regularitalic-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/css/fonts/proximanova-regularitalic-webfont.woff -------------------------------------------------------------------------------- /css/fonts/proximanova-semibolditalic-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/css/fonts/proximanova-semibolditalic-webfont.eot -------------------------------------------------------------------------------- /css/fonts/proximanova-semibolditalic-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/css/fonts/proximanova-semibolditalic-webfont.ttf -------------------------------------------------------------------------------- /css/fonts/proximanova-semibolditalic-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsdelivr/foundationcdn/HEAD/css/fonts/proximanova-semibolditalic-webfont.woff -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # FoundationCDN 2 | 3 | All code merged to `master` is auto-deployed to the live site. 4 | The site is completely static. 5 | 6 | Feel free to send PRs to fix bugs or add new features! 7 | -------------------------------------------------------------------------------- /js/foundation-icons.json: -------------------------------------------------------------------------------- 1 | { 2 | "vers": [ 3 | { 4 | "num": 30, 5 | "name": "3.0", 6 | "mainJs": "", 7 | "mainCss": "foundation-icons.min.css", 8 | "files": [ 9 | "foundation-icons.min.css" 10 | ], 11 | "sri": { 12 | "foundation-icons.min.css" : "sha256-RYMme8QITYCPWDLzOXswkTsPu1tjeAE2Myb7Kid/JBY=" 13 | } 14 | } 15 | ] 16 | } 17 | -------------------------------------------------------------------------------- /imgs/checkbx.svg: -------------------------------------------------------------------------------- 1 | ]> 2 | 3 | 7 | 11 | 15 | 16 | -------------------------------------------------------------------------------- /updatejson.php: -------------------------------------------------------------------------------- 1 | versions; 6 | $six = preg_grep("/^6.*/", $versions); 7 | $lastsix = array_shift(array_values($six)); 8 | $five = preg_grep("/^5.*/", $versions); 9 | $lastfive = array_shift(array_values($five)); 10 | $four = preg_grep("/^4.*/", $versions); 11 | $lastfour = array_shift(array_values($four)); 12 | //six 13 | $final['vers'][0]['num'] = str_replace(".","",$lastsix); 14 | $final['vers'][0]['name'] = $lastsix; 15 | $final['vers'][0]['mainJs'] = 'foundation.min.js'; 16 | $final['vers'][0]['mainCss'] = 'foundation.min.css'; 17 | $filesVersion = json_decode(file_get_contents("https://api.jsdelivr.com/v1/jsdelivr/libraries/foundation/$lastsix")); 18 | $final['vers'][0]['files'] = $filesVersion; 19 | 20 | foreach($filesVersion as $file){ 21 | $content = file_get_contents('https://cdn.jsdelivr.net/foundation/'.$lastsix[0].'/'.$file.''); 22 | $sri = base64_encode(hash('sha256', $content, true)); 23 | $srifiles[$file] = "sha256-$sri"; 24 | } 25 | $final['vers'][0]['sri'] = $srifiles; 26 | unset($srifiles); 27 | //five 28 | $final['vers'][1]['num'] = str_replace(".","",$lastfive); 29 | $final['vers'][1]['name'] = $lastfive; 30 | $final['vers'][1]['mainJs'] = 'js/foundation.min.js'; 31 | $final['vers'][1]['mainCss'] = 'css/foundation.min.css'; 32 | $filesVersion = json_decode(file_get_contents("https://api.jsdelivr.com/v1/jsdelivr/libraries/foundation/$lastfive")); 33 | $final['vers'][1]['files'] = $filesVersion; 34 | 35 | foreach($filesVersion as $file){ 36 | $content = file_get_contents('https://cdn.jsdelivr.net/foundation/'.$lastfive[0].'/'.$file.''); 37 | $sri = base64_encode(hash('sha256', $content, true)); 38 | $srifiles[$file] = "sha256-$sri"; 39 | } 40 | $final['vers'][1]['sri'] = $srifiles; 41 | unset($srifiles); 42 | //four 43 | $final['vers'][2]['num'] = str_replace(".","",$lastfour); 44 | $final['vers'][2]['name'] = $lastfour; 45 | $final['vers'][2]['mainJs'] = 'js/foundation.min.js'; 46 | $final['vers'][2]['mainCss'] = 'css/foundation.min.css'; 47 | $filesVersion = json_decode(file_get_contents("https://api.jsdelivr.com/v1/jsdelivr/libraries/foundation/$lastfour")); 48 | $final['vers'][2]['files'] = $filesVersion; 49 | 50 | foreach($filesVersion as $file){ 51 | $content = file_get_contents('https://cdn.jsdelivr.net/foundation/'.$lastfour[0].'/'.$file.''); 52 | $sri = base64_encode(hash('sha256', $content, true)); 53 | $srifiles[$file] = "sha256-$sri"; 54 | } 55 | $final['vers'][2]['sri'] = $srifiles; 56 | echo json_encode($final,JSON_UNESCAPED_SLASHES|JSON_NUMERIC_CHECK|JSON_PRETTY_PRINT); 57 | -------------------------------------------------------------------------------- /js/foundation-rtl.json: -------------------------------------------------------------------------------- 1 | { 2 | "vers": [ 3 | { 4 | "num": 32, 5 | "name": "3.2", 6 | "mainJs": "javascripts/foundation.min.js", 7 | "mainCss": "stylesheets/foundation.min.css", 8 | "files": [ 9 | "stylesheets/foundation.min.css", 10 | "stylesheets/app.css", 11 | "stylesheets/foundation.css", 12 | "javascripts/foundation.min.js", 13 | "javascripts/app.js", 14 | "javascripts/jquery.event.move.js", 15 | "javascripts/jquery.event.swipe.js", 16 | "javascripts/jquery.foundation.accordion.js", 17 | "javascripts/jquery.foundation.alerts.js", 18 | "javascripts/jquery.foundation.buttons.js", 19 | "javascripts/jquery.foundation.clearing.js", 20 | "javascripts/jquery.foundation.forms.js", 21 | "javascripts/jquery.foundation.joyride.js", 22 | "javascripts/jquery.foundation.magellan.js", 23 | "javascripts/jquery.foundation.mediaQueryToggle.js", 24 | "javascripts/jquery.foundation.navigation.js", 25 | "javascripts/jquery.foundation.orbit.js", 26 | "javascripts/jquery.foundation.reveal.js", 27 | "javascripts/jquery.foundation.tabs.js", 28 | "javascripts/jquery.foundation.tooltips.js", 29 | "javascripts/jquery.foundation.topbar.js", 30 | "javascripts/jquery.placeholder.js", 31 | "javascripts/modernizr.foundation.js", 32 | "images/foundation/orbit/bullets.jpg", 33 | "images/foundation/orbit/left-arrow-small.png", 34 | "images/foundation/orbit/left-arrow.png", 35 | "images/foundation/orbit/loading.gif", 36 | "images/foundation/orbit/mask-black.png", 37 | "images/foundation/orbit/pause-black.png", 38 | "images/foundation/orbit/right-arrow-small.png", 39 | "images/foundation/orbit/right-arrow.png", 40 | "images/foundation/orbit/rotator-black.png", 41 | "images/foundation/orbit/timer-black.png" 42 | ], 43 | "sri": { 44 | "stylesheets/foundation.min.css" : "sha256-rptQE7y3rR7k/G/mLsEuCgAXUc0DOyCB8df62eIsykQ=", 45 | "stylesheets/app.css" : "sha256-ko/lRm+NRyf5ul/GR34dNMa7c7pPhtsxluHV4nHqKxw=", 46 | "stylesheets/foundation.css" : "sha256-yiUe8SRM9NOhYgmnL+A7viaxUQm9BA+UqEse+r8s4gU=", 47 | "javascripts/foundation.min.js" : "sha256-8Fpz2nzki1mnfZ2jolSF9jAZPFNXrOmEmRsyoK4fM5M=", 48 | "javascripts/app.js" : "sha256-YlmOLQajyI/jlXCdDyW/89REFvYiUFYL2o++tO3+4R8=", 49 | "javascripts/jquery.event.move.js" : "sha256-NAl2VgFEGqpLysH0GQnpKQb3PxW9KmvaH1B58m9E8XA=", 50 | "javascripts/jquery.event.swipe.js" : "sha256-fjfr4nPeo4eTMSGJx+U9FRCvvqwEOj3lWILWXp4ByCU=", 51 | "javascripts/jquery.foundation.accordion.js" : "sha256-TbUFzUBiTexkPHzBXLnwRNth3uS9MC+FIh0kYV1qjC8=", 52 | "javascripts/jquery.foundation.alerts.js" : "sha256-oyKiqVuxyw/7MZzYno2WwG/eSA+0q4ikxriJrSpdYDg=", 53 | "javascripts/jquery.foundation.buttons.js" : "sha256-aK7reSiIHpGkO3aBZSVndDn2RLjw6IlVcTOA2aYlCAY=", 54 | "javascripts/jquery.foundation.clearing.js" : "sha256-O7PGr7ALda6wU2TZJG6XVdJCvhIDOsWYH1K1NkNHfZo=", 55 | "javascripts/jquery.foundation.forms.js" : "sha256-m3O9Ac/pr5N4kxPT9SqQQUbRHV6/+y3p4ME1hcJxiRE=", 56 | "javascripts/jquery.foundation.joyride.js" : "sha256-6b8Q2vHgxJzk5sdyKuhUNry86iyjYhKFHw6rFLMCM0w=", 57 | "javascripts/jquery.foundation.magellan.js" : "sha256-PSCgwtdy+ocM4rQHekmQl7Smu2qDniD0rmeHUU73uLQ=", 58 | "javascripts/jquery.foundation.mediaQueryToggle.js" : "sha256-5gBhOHRTiFweJ/5eS8YM4Fk8IhorjypDrrjFXCsdXqQ=", 59 | "javascripts/jquery.foundation.navigation.js" : "sha256-n57eUfaZM+YPUm+itzMDHm4cCAQvQEV/5Rn9fHRhvR8=", 60 | "javascripts/jquery.foundation.orbit.js" : "sha256-igr3sKxb9RUyTT0h+nJJFohdcWGwjQU7kegpTfZyoxA=", 61 | "javascripts/jquery.foundation.reveal.js" : "sha256-OitH7dXh3vcFNWFesPvMVAbw51XNDdtDGM92uzcd4yM=", 62 | "javascripts/jquery.foundation.tabs.js" : "sha256-QAPw02ZnCNCUP/goCtmY3z5kWwfDwsO6EMFAB5JXaQE=", 63 | "javascripts/jquery.foundation.tooltips.js" : "sha256-i3C7RlzDf/MvyjV6iXYgsegq5nOc4fs4NpguN/tAktI=", 64 | "javascripts/jquery.foundation.topbar.js" : "sha256-omyTQh2Neg67EDZKFBpG/CrESi7uHPNidP3gYmSAdqk=", 65 | "javascripts/jquery.placeholder.js" : "sha256-sqSTctJh1z0rZ/+JycBaaK659BxegH2z2GjFW+LH+a4=", 66 | "javascripts/modernizr.foundation.js" : "sha256-ks+4nocl6OiFh64cSo170WI7obbUtMgYP9aoXR9vosM=" 67 | } 68 | } 69 | ] 70 | } 71 | -------------------------------------------------------------------------------- /imgs/jsdelivr-logo.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /imgs/marquee-stars.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /icons.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | FoundationCDN - Free super-fast CDN for Foundation framework! 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | Fork me on GitHub 17 | 18 |
19 | 20 |
21 |
22 | 65 |
66 |
67 | 68 | 69 |
70 | 71 |
72 | 73 |
74 |

Foundation Icon Fonts CDN

75 |

Free super-fast CDN for the amazing icon collection Foundation Icon Fonts 3

76 |
77 | 78 | 79 |
80 |

Quick Use:

81 |
82 |
83 |
Complete CSS
84 |
85 |
86 | 87 | 88 |
89 |
90 | 91 | 92 |
93 |
94 |
95 | 96 |
97 | 98 | Project page 99 | 100 | 101 | API 102 | 103 | 104 | Download 105 | 106 | 109 |
110 |
111 |
112 | 113 | 114 |
115 | Powered by: 116 |
117 | 118 | Cedexis - Real time data for real time decisions 119 | 120 |
121 |
122 | 123 | Intelligent DNS & Traffic Management 124 | 125 |
126 |
127 | 128 | The web performance & security company 129 | 130 |
131 |
132 | 133 | Experts in Content Delivery Network Services 134 | 135 |
136 |
137 | 138 | A high performance Content Delivery Network 139 | 140 |
141 |
142 | 143 |
144 | 145 |
146 | 147 | 148 | 184 | 185 |
186 | 213 | 214 | 215 | 216 | 217 | 218 | 228 | 229 | -------------------------------------------------------------------------------- /js/foundation.json: -------------------------------------------------------------------------------- 1 | 2 | { 3 | "vers": [ 4 | { 5 | "num": 624, 6 | "name": "6.2.4", 7 | "mainJs": "foundation.min.js", 8 | "mainCss": "foundation.min.css", 9 | "files": [ 10 | "foundation.min.css", 11 | "foundation.min.js", 12 | "js/foundation.abide.js", 13 | "js/foundation.accordion.js", 14 | "js/foundation.accordionMenu.js", 15 | "js/foundation.core.js", 16 | "js/foundation.drilldown.js", 17 | "js/foundation.dropdown.js", 18 | "js/foundation.dropdownMenu.js", 19 | "js/foundation.equalizer.js", 20 | "js/foundation.interchange.js", 21 | "js/foundation.magellan.js", 22 | "js/foundation.offcanvas.js", 23 | "js/foundation.orbit.js", 24 | "js/foundation.responsiveMenu.js", 25 | "js/foundation.responsiveToggle.js", 26 | "js/foundation.reveal.js", 27 | "js/foundation.slider.js", 28 | "js/foundation.sticky.js", 29 | "js/foundation.tabs.js", 30 | "js/foundation.toggler.js", 31 | "js/foundation.tooltip.js", 32 | "js/foundation.util.box.js", 33 | "js/foundation.util.keyboard.js", 34 | "js/foundation.util.mediaQuery.js", 35 | "js/foundation.util.motion.js", 36 | "js/foundation.util.nest.js", 37 | "js/foundation.util.timerAndImageLoader.js", 38 | "js/foundation.util.touch.js", 39 | "js/foundation.util.triggers.js" 40 | ], 41 | "sri": { 42 | "foundation.min.css": "sha256-NqI559iHqiWe5VxDi9mXE8i83ghn8Ru8BINyiPN7lDg=", 43 | "foundation.min.js": "sha256-6ikyM5zgWkLwRwc64Pn/i5ioDIvcxCtb+EXE8Zm0qK8=", 44 | "js/foundation.abide.js": "sha256-rVi/3HeE4iFWaPiKD//JqodZG4J8zot16Trp2W2zXKg=", 45 | "js/foundation.accordion.js": "sha256-gmN1+XKozz6/lEv6Rlqwk0jKBcDGGfspXBwa44Y/RlE=", 46 | "js/foundation.accordionMenu.js": "sha256-noC6t2aMnS2gaypAOwN2KeJV2srDNeWAQZM3Xu4yF7U=", 47 | "js/foundation.core.js": "sha256-z8wx19G1QF+yBRsNufTri09qgbYYcj8iWbPTzGfi/OM=", 48 | "js/foundation.drilldown.js": "sha256-vvMHS80wjAKhEsgYBF5weq0teDvlUBH+Zq/k/PMUrYA=", 49 | "js/foundation.dropdown.js": "sha256-uyWZPaKYGyNNKqYQZXNqqyt2N2//FGgVx3au5DX96oA=", 50 | "js/foundation.dropdownMenu.js": "sha256-WpnL2GIAr+GVh54PtO+HEC5ReoWajjwXxn6Bpjl/B78=", 51 | "js/foundation.equalizer.js": "sha256-Sp3Ac+LzLHIKEG3cqRyW0yw0Ykb+FcZoM9W8EWSU82k=", 52 | "js/foundation.interchange.js": "sha256-HtCJV+rc0lB3bFzYODTWVbndf4hs2tvCribe/hPLP+8=", 53 | "js/foundation.magellan.js": "sha256-oRMt7NEf74gj43zPx48Stys4NKVkuAr9EDsDNWx7ovw=", 54 | "js/foundation.offcanvas.js": "sha256-bz45AfNHfXwDAGsu0BJQ1UQQ1JbHXlbUFXG4D0QYtNs=", 55 | "js/foundation.orbit.js": "sha256-2aWR17VvH8uUo3zKe4Sf532l+Cde1tUUH8RFAbq/ap4=", 56 | "js/foundation.responsiveMenu.js": "sha256-jduyQ+tPJCBcTNAsi8o3xDVypX94ccKVhK2C9pcJCz8=", 57 | "js/foundation.responsiveToggle.js": "sha256-TUc2cdlKPHLHEXnyMGIUqkBMU/NOE9EUMSbZdYJfmBY=", 58 | "js/foundation.reveal.js": "sha256-H3IaRqe6YNNSpLgZYO0bNKX4SK+pdwEyoobQUeWt9P4=", 59 | "js/foundation.slider.js": "sha256-/9ISsu7a/RNaNyFMqhh/rTUolDrR6QQG6iJSIJt5Qx4=", 60 | "js/foundation.sticky.js": "sha256-7ukSfbvV+EVycHkcB7Qi4SGhcaTs59EO4ZF1cbazwzM=", 61 | "js/foundation.tabs.js": "sha256-61mdqBLzxKQKyhz2M+E7bGtHZC1R/o55Umz5WA3ShUM=", 62 | "js/foundation.toggler.js": "sha256-vfRvEQDL8qo5cxNZjT6Lq755XbC8yW6MdLM6ZT38iGk=", 63 | "js/foundation.tooltip.js": "sha256-hwpyCz1C/NHx6WZwHzWjYX8gnIHfeNIfhVOodn4mMWI=", 64 | "js/foundation.util.box.js": "sha256-J+zttv86BtJq6Q4cMD87JLXILwxHi00dGa/QddO5/+U=", 65 | "js/foundation.util.keyboard.js": "sha256-RiH4gHkuU312WDePUQj8G9zLyrXr49Nmvd5AtcnfhOE=", 66 | "js/foundation.util.mediaQuery.js": "sha256-VIMqNQye0p0aHtOlUz27O61E4cRDRRCyYV4PP1p/gro=", 67 | "js/foundation.util.motion.js": "sha256-/EXWCNL0NARogXcVzxnj83t900k/AhGiMZFE6n+GJEI=", 68 | "js/foundation.util.nest.js": "sha256-T24pyoXIjdqLYP/S0H+aKirioAjCgimuh2UAucp3b3s=", 69 | "js/foundation.util.timerAndImageLoader.js": "sha256-H+z0/IppVSFMvDIJw+6i0t2T9C9V7QA0QtmkUQ4TNWs=", 70 | "js/foundation.util.touch.js": "sha256-ez6jHqGZpQOfVVSHo447F8DaMDFhs11JQvMFPEq0i34=", 71 | "js/foundation.util.triggers.js": "sha256-koo14AAacZ3Rlm0L2st/ePWTX1XwnktTHV4w/Lt5JQE=" 72 | } 73 | }, 74 | { 75 | "num": 553, 76 | "name": "5.5.3", 77 | "mainJs": "js/foundation.min.js", 78 | "mainCss": "css/foundation.min.css", 79 | "files": [ 80 | "css/foundation.css", 81 | "css/foundation.min.css", 82 | "css/normalize.css", 83 | "js/foundation.min.js", 84 | "js/foundation/foundation.abide.js", 85 | "js/foundation/foundation.accordion.js", 86 | "js/foundation/foundation.alert.js", 87 | "js/foundation/foundation.clearing.js", 88 | "js/foundation/foundation.dropdown.js", 89 | "js/foundation/foundation.equalizer.js", 90 | "js/foundation/foundation.interchange.js", 91 | "js/foundation/foundation.joyride.js", 92 | "js/foundation/foundation.js", 93 | "js/foundation/foundation.magellan.js", 94 | "js/foundation/foundation.offcanvas.js", 95 | "js/foundation/foundation.orbit.js", 96 | "js/foundation/foundation.reveal.js", 97 | "js/foundation/foundation.slider.js", 98 | "js/foundation/foundation.tab.js", 99 | "js/foundation/foundation.tooltip.js", 100 | "js/foundation/foundation.topbar.js", 101 | "js/vendor/fastclick.js", 102 | "js/vendor/jquery.cookie.js", 103 | "js/vendor/jquery.js", 104 | "js/vendor/modernizr.js", 105 | "js/vendor/placeholder.js" 106 | ], 107 | "sri": { 108 | "css/foundation.css": "sha256-Y8m8DjWg/44TUlLNZuAVHD3mERdnwUJVFQjjV4Bl0TQ=", 109 | "css/foundation.min.css": "sha256-rptQE7y3rR7k/G/mLsEuCgAXUc0DOyCB8df62eIsykQ=", 110 | "css/normalize.css": "sha256-ivkCITpOMC4mvfgSvwPtgLC4QwWCr2rp2z20bLGwiRU=", 111 | "js/foundation.min.js": "sha256-2iHEJgT8CQeVaZLciy0LpIcdNIGbnnR6++kpRAElX4M=", 112 | "js/foundation/foundation.abide.js": "sha256-ZwqbVuN7S0NPeWhriphiIiFz1o7II7IFZTQODodifKQ=", 113 | "js/foundation/foundation.accordion.js": "sha256-AqF59+/eH6zs+KgUyuMhEsNoAM49Zrr8AMgHpW17jUY=", 114 | "js/foundation/foundation.alert.js": "sha256-Yx5MQSS9VDV0xaf01di1n981D2wR1iAbqKhy6KDyA7A=", 115 | "js/foundation/foundation.clearing.js": "sha256-ljl6prLTn/Yem0zoSGqfcW+QcvIBHx3Jn5SpazgbODA=", 116 | "js/foundation/foundation.dropdown.js": "sha256-PnD3IECxg9CbZzMHsI0daIpVcsbIy7IidVlF5wzLsF4=", 117 | "js/foundation/foundation.equalizer.js": "sha256-GIm+Xf0OVjIamm1f6dSpSwRgLBWPPk1YQZuWfCVbmZ8=", 118 | "js/foundation/foundation.interchange.js": "sha256-xtAzzdnn/T8pwGfre57lZPemtUJlDSylMK4ePFKaPDU=", 119 | "js/foundation/foundation.joyride.js": "sha256-H2sZEE4kOfHkNTREy2+59/MIVjVW8WfCFUyjEI63934=", 120 | "js/foundation/foundation.js": "sha256-zp1B7kStVVyX+fuzNC6kaive0WHu2xyCr8BrJ3L4TTs=", 121 | "js/foundation/foundation.magellan.js": "sha256-H891eA1bTbXpfCZ4EOfJpeGanw17Z6LRZwdNfP8danA=", 122 | "js/foundation/foundation.offcanvas.js": "sha256-LzSkuR4elYrvveRgBNYYbuguAY/pVjQhR0l5kUEzmBA=", 123 | "js/foundation/foundation.orbit.js": "sha256-un0w/kJN+DtbyLxbtn6pBgh1nG64IS0UddUrCdsLzQ8=", 124 | "js/foundation/foundation.reveal.js": "sha256-WoMxZnXxS1L1gtZ8BTrnl3gnpbBkWdfo9VVsvt+6HQ0=", 125 | "js/foundation/foundation.slider.js": "sha256-aG6LFOAa63XsCYDekJVlQNKyRTJPxY6MJd66/GAwC5Y=", 126 | "js/foundation/foundation.tab.js": "sha256-myvRr6VxXOjxVPoAjQqrRFAHY+mzNqbU5bypZDcXanQ=", 127 | "js/foundation/foundation.tooltip.js": "sha256-2uHbIpf5AGThqK57ArF1ymE8xqLRkKrtVI9u+FP0tG0=", 128 | "js/foundation/foundation.topbar.js": "sha256-+mJgiQ+fWcghEo0Ga8+qGGZcgWAiuv05jZN8Nn1eObc=", 129 | "js/vendor/fastclick.js": "sha256-jYeUDfG7Q11A/1htcJVimc27YVLbJix2xo1q5BbgmHU=", 130 | "js/vendor/jquery.cookie.js": "sha256-GpvTxpcnm/eMD/rd5OXLZzGCz0X8JKar1x41daBKXw0=", 131 | "js/vendor/jquery.js": "sha256-x1GfZhd9fSQID9Lza3/lQHzBIfPKyndLoB2TUYVrdes=", 132 | "js/vendor/modernizr.js": "sha256-wNh9LAmpwezKG3JUDH1/4cFSfI1L+D1Q4BwIu+FZujU=", 133 | "js/vendor/placeholder.js": "sha256-ItJRBn97ME+shS3Rf39zNRwI5/fHQmyhG5ULOMARqBA=" 134 | } 135 | }, 136 | { 137 | "num": 432, 138 | "name": "4.3.2", 139 | "mainJs": "js/foundation.min.js", 140 | "mainCss": "css/foundation.min.css", 141 | "files": [ 142 | "css/foundation.css", 143 | "css/foundation.min.css", 144 | "css/normalize.css", 145 | "js/foundation.min.js", 146 | "js/foundation/foundation.abide.js", 147 | "js/foundation/foundation.alerts.js", 148 | "js/foundation/foundation.clearing.js", 149 | "js/foundation/foundation.cookie.js", 150 | "js/foundation/foundation.dropdown.js", 151 | "js/foundation/foundation.forms.js", 152 | "js/foundation/foundation.interchange.js", 153 | "js/foundation/foundation.joyride.js", 154 | "js/foundation/foundation.js", 155 | "js/foundation/foundation.magellan.js", 156 | "js/foundation/foundation.orbit.js", 157 | "js/foundation/foundation.placeholder.js", 158 | "js/foundation/foundation.reveal.js", 159 | "js/foundation/foundation.section.js", 160 | "js/foundation/foundation.tooltips.js", 161 | "js/foundation/foundation.topbar.js", 162 | "js/vendor/custom.modernizr.js", 163 | "js/vendor/zepto.js", 164 | "js/vendor/zepto.min.js" 165 | ], 166 | "sri": { 167 | "css/foundation.css": "sha256-yNHoJE7UfHXJ8tIW2OcVBrcXY8tpvKIDmQibBRx4+gY=", 168 | "css/foundation.min.css": "sha256-zFsORbHrQHASdJfQWVfgbZukKQLevSr6Dz3+Q+7lvLU=", 169 | "css/normalize.css": "sha256-AucaCB7BuiFB9MavkVz3MMTC7zHXYcQ3+YFqYaFUl9s=", 170 | "js/foundation.min.js": "sha256-WK6k2QX9tVZPcZASTRMieY/J6Z7TrbRaIrXTVfXHK7U=", 171 | "js/foundation/foundation.abide.js": "sha256-vTeS8S+CZbgZtgqdkeTRYA5dEyDNA/XWV9xXC+tbmV8=", 172 | "js/foundation/foundation.alerts.js": "sha256-67HqcYEJWrgIpfEIDFjIsewTqE/Lllq2qEvFvRRB+jI=", 173 | "js/foundation/foundation.clearing.js": "sha256-7v5odsq+RQCfs5IqnAkSHYo9LI3fCWwnJ/ip26OJraE=", 174 | "js/foundation/foundation.cookie.js": "sha256-PE8OFH0HCHHstyH7hFbzl0fMxvN/jpUXZxU+78eGGaI=", 175 | "js/foundation/foundation.dropdown.js": "sha256-QbKBxq6x5/cH53EAccnhzS5U5ElBHK9wzrBzEzBDB5M=", 176 | "js/foundation/foundation.forms.js": "sha256-z/LsplNksZzB/h8zcyxup2O69gkEhU2RxVIWtuoHsbE=", 177 | "js/foundation/foundation.interchange.js": "sha256-XkuiLmQW76qOKFRP7J9wFXDr/PcUz5xMZUTp6LeqWMY=", 178 | "js/foundation/foundation.joyride.js": "sha256-jioTwQBzyJrb8Mbo0HAm4BoOorK1z8Fb6YGhJVIIO08=", 179 | "js/foundation/foundation.js": "sha256-20W05q7zsWiePstb+Qz6XJonoDKnqdHS3patGX9ZaEo=", 180 | "js/foundation/foundation.magellan.js": "sha256-NTRMx8SBJiWmV6hy8BRJE/nUMuiHCa/s4J/izoPtGng=", 181 | "js/foundation/foundation.orbit.js": "sha256-8XqvMSYx+PaKHkPaTArg+LIk0/6tUZWfszbc9t8csPg=", 182 | "js/foundation/foundation.placeholder.js": "sha256-sXBwTSo80J9Y5mJXrQIlVm84BeWrplqq5PRb/vXsfc0=", 183 | "js/foundation/foundation.reveal.js": "sha256-8LKfYUd7OrAX0tGcKAzCPr4kEE98Qs6KIQFbPIuVcsM=", 184 | "js/foundation/foundation.section.js": "sha256-SQtixAaJGYnUA5ZwzGT8Yh8jYYPKIUexnhyvlPNJjBA=", 185 | "js/foundation/foundation.tooltips.js": "sha256-SsIdLLGSeP99aS/3Dm/6q0FPueLJwp9nbcvVz81kAdo=", 186 | "js/foundation/foundation.topbar.js": "sha256-9PHiCrxJOfVjsWBn8k9zdgtECoTeWLX8s8zGKBRdMUc=", 187 | "js/vendor/custom.modernizr.js": "sha256-BE0SuLr9QExg/BfVJfb4n8Ks+ieNrmPGhnMdqxVZJXg=", 188 | "js/vendor/zepto.js": "sha256-O9VSM0lAqBiDd3Ci3oxx8gr61sv4UBh2yE14myTpUSc=", 189 | "js/vendor/zepto.min.js": "sha256-s1+ytIHdpJskvFPOw+qtw+8/W6RYjQmiAp2gahXjnGU=" 190 | } 191 | } 192 | ] 193 | } 194 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | FoundationCDN - Free super-fast CDN for Foundation framework! 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | Fork me on GitHub 17 | 18 |
19 | 20 |
21 |
22 | 65 |
66 |
67 | 68 | 69 |
70 | 71 |
72 | 73 |
74 |

FoundationCDN

75 |

Free super-fast CDN for the most advanced responsive front-end framework Foundation 6

76 |
77 | 78 | 79 |
80 |

Quick Use:

81 |
82 |
83 |
Complete JavaScript
84 |
85 |
86 | 87 | 88 |
89 |
90 | 91 | 92 |
93 |
94 |
95 | 96 | 99 |
100 |
101 |
Complete CSS
102 | 103 | 106 |
107 |
108 | 109 | 110 |
111 | Powered by: 112 |
113 | 114 | Cedexis - Real time data for real time decisions 115 | 116 |
117 |
118 | 119 | Intelligent DNS & Traffic Management 120 | 121 |
122 |
123 | 124 | The web performance & security company 125 | 126 |
127 |
128 | 129 | Experts in Content Delivery Network Services 130 | 131 |
132 |
133 | 134 | A high performance Content Delivery Network 135 | 136 |
137 |
138 | 139 |
140 | 141 | 142 |
143 | 146 |
147 | 148 |
149 | 150 | 151 |
152 | 153 |
154 |
155 |
Custom Foundation:
156 | 157 |
158 | 161 | 164 | 165 | Download 166 | 167 |
168 |
169 |
170 | 171 |
172 | 173 |
174 |
175 |
176 |
177 |
178 | Zurb.com 179 |
180 |
181 | 182 |
    183 |
    184 |
    foundation
    185 |
    The most advanced responsive front-end framework in the world
    186 |
    187 | 188 |
    189 | 190 | API 191 | 192 | 193 | Project page 194 | 195 |
    196 |
    197 |
    198 |
    199 | CDN files: 200 |
    201 | Select all 202 | 203 | 204 |
    205 |
    206 | 207 |
      208 |
      209 |
      210 |
      211 | 212 |
      213 | 214 | 215 | 251 | 252 |
      253 | 280 | 281 | 282 | 283 | 284 | 285 | 295 | 296 | -------------------------------------------------------------------------------- /rtl.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | FoundationCDN - Free super-fast CDN for Foundation framework! 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | Fork me on GitHub 17 | 18 |
      19 | 20 |
      21 |
      22 | 65 |
      66 |
      67 | 68 | 69 |
      70 | 71 |
      72 | 73 |
      74 |

      Foundation RTL CDN

      75 |

      Free super-fast CDN for the most advanced RTL front-end framework Foundation RTL 3

      76 |
      77 | 78 | 79 |
      80 |

      Quick Use:

      81 |
      82 |
      83 |
      Complete JavaScript
      84 |
      85 |
      86 | 87 | 88 |
      89 |
      90 | 91 | 92 |
      93 |
      94 |
      95 | 96 | 99 |
      100 |
      101 |
      Complete CSS
      102 | 103 | 106 |
      107 |
      108 | 109 | 110 |
      111 | Powered by: 112 |
      113 | 114 | Cedexis - Real time data for real time decisions 115 | 116 |
      117 |
      118 | 119 | Intelligent DNS & Traffic Management 120 | 121 |
      122 |
      123 | 124 | The web performance & security company 125 | 126 |
      127 |
      128 | 129 | Experts in Content Delivery Network Services 130 | 131 |
      132 |
      133 | 134 | A high performance Content Delivery Network 135 | 136 |
      137 |
      138 | 139 |
      140 | 141 | 142 |
      143 | 146 |
      147 | 148 |
      149 | 150 | 151 |
      152 | 153 |
      154 |
      155 |
      Custom Foundation:
      156 | 157 |
      158 | 161 | 164 | 165 | Download 166 | 167 |
      168 |
      169 |
      170 | 171 |
      172 | 173 |
      174 |
      175 |
      176 |
      177 |
      178 | Zurb.com 179 |
      180 |
      181 | 182 |
        183 |
        184 |
        foundation-rtl
        185 |
        Right-to-left text direction support. Switch text direction for all components
        186 |
        187 | 188 |
        189 | 190 | API 191 | 192 | 193 | Project page 194 | 195 |
        196 |
        197 |
        198 |
        199 | CDN files: 200 |
        201 | Select all 202 | 203 | 204 |
        205 |
        206 | 207 |
          208 |
          209 |
          210 |
          211 | 212 |
          213 | 214 | 215 | 251 | 252 |
          253 | 280 | 281 | 282 | 283 | 284 | 285 | 295 | 296 | -------------------------------------------------------------------------------- /js/app.js: -------------------------------------------------------------------------------- 1 | /* FoundationCDN */ 2 | ;(function($){ 3 | var CDN_ROOT = 'https://cdn.jsdelivr.net'; 4 | var PROJECT_NAME = window.app.projectName; 5 | var CSS_PATTERN = /\.css$/i; 6 | var JS_PATTERN = /\.js$/i; 7 | var versions, selectedVersion; 8 | 9 | /* ---------------------------------------------------------------------- */ 10 | /* ZeroClipboard configuration 11 | /* ---------------------------------------------------------------------- */ 12 | ZeroClipboard.config({ 13 | swfPath: '//cdn.jsdelivr.net/zeroclipboard/2.2.0/ZeroClipboard.swf' 14 | }); 15 | 16 | /* ---------------------------------------------------------------------- */ 17 | /* checkOrientation 18 | /* ---------------------------------------------------------------------- */ 19 | var checkOrientation; 20 | checkOrientation = function() { 21 | var viewport; 22 | viewport = document.querySelector("meta[name=viewport]"); 23 | if (window.orientation === 90 || window.orientation === -90) { 24 | return viewport.setAttribute("wrapper", "width:device-width, initial-scale=1.0, user-scalable=1"); 25 | } else { 26 | return viewport.setAttribute("wrapper", "width:device-width, initial-scale=0.75, user-scalable=1"); 27 | } 28 | }; 29 | window.onorientationchange = function() { 30 | return checkOrientation(); 31 | }; 32 | checkOrientation(); 33 | /* ---------------------------------------------------------------------- */ 34 | /* Toggle Top Area 35 | /* ---------------------------------------------------------------------- */ 36 | jQuery(document).ready(function($){ 37 | $(window).on("scroll", function () { 38 | var headerHeight = $('header').height(), 39 | scrollHeader = $(window).scrollTop() > headerHeight; 40 | 41 | $("body").toggleClass("down", scrollHeader); 42 | $(".top-nav").toggleClass("fixed", scrollHeader); 43 | $(".customize-bar").toggleClass("fixed-cb", scrollHeader); 44 | $(".push-bar").toggleClass("on", scrollHeader); 45 | }); 46 | $("#view-cf").on('click', function() { 47 | var position = $("#block-cf").offset().top; 48 | $("html, body").animate({ 49 | scrollTop: position 50 | }, 1000); 51 | }); 52 | $("#view-features").on('click', function() { 53 | var position = $(".ocf-title").offset().top; 54 | $("html, body").animate({ 55 | scrollTop: position 56 | }, 1000); 57 | }); 58 | }); 59 | 60 | /* ---------------------------------------------------------------------- */ 61 | /* Checkboxes styles 62 | /* ---------------------------------------------------------------------- */ 63 | 64 | 65 | function checkLinkItem(){ 66 | $('#get-all-links').on("click", function() { 67 | var checkId = $('.cf-list > ul > li input:checkbox'); 68 | $(checkId).prop('checked', this.checked).each(function() { 69 | $(this).val( this.checked ? this.id : '' ); 70 | }); 71 | if (this.checked) { 72 | $('.item').addClass("active"); 73 | } else { 74 | $('.item').removeClass("active"); 75 | } 76 | 77 | updateCustomLink(); 78 | updateModal(); 79 | }); 80 | $('#cdn-files-list').on("change", ":checkbox", function () { 81 | $(this).val( this.checked ? this.id : '' ); 82 | if (this.checked) { 83 | $(this).closest('li').addClass("active"); 84 | } else { 85 | $(this).closest('li').removeClass("active"); 86 | } 87 | 88 | updateCustomLink(); 89 | updateModal(); 90 | }); 91 | } 92 | checkLinkItem(); 93 | 94 | function getSelectedFiles () { 95 | var selectedFiles = []; 96 | 97 | $('#cdn-files-list').find('.item.active .link').each(function () { 98 | selectedFiles.push($(this).attr('data-filename')); 99 | }); 100 | 101 | return selectedFiles; 102 | } 103 | 104 | /* ---------------------------------------------------------------------- */ 105 | /* Responsive menu 106 | /* ---------------------------------------------------------------------- */ 107 | function hamburger(){ 108 | var isOpen = false, 109 | menuBtn = $('#hamburger'); 110 | menuBtn.click(function () { 111 | if (isOpen == false) { 112 | $(this).addClass('hamburger-left'); 113 | $('.responsive-menu').addClass('expand'); 114 | $('.responsive-menu').focus(); 115 | isOpen = true; 116 | } else { 117 | $(this).removeClass('hamburger-left'); 118 | $('.responsive-menu').removeClass('expand'); 119 | $('.responsive-menu').focusout(); 120 | isOpen = false; 121 | } 122 | }); 123 | menuBtn.mouseup(function () { 124 | return false; 125 | }); 126 | $('.responsive-menu').mouseup(function () { 127 | return false; 128 | }); 129 | $(document).mouseup(function () { 130 | if (isOpen == true) { 131 | $('hamburger').hasClass('hamburger-left'); 132 | $('hamburger').css('display', 'block'); 133 | menuBtn.click(); 134 | } 135 | }); 136 | } 137 | 138 | hamburger(); 139 | 140 | /* ---------------------------------------------------------------------- */ 141 | /* Our CDN Features 142 | /* ---------------------------------------------------------------------- */ 143 | $('#view-features, #view-features-m').on('click', function () { 144 | $('html, body').animate({ 145 | scrollTop: $("#our-features").offset().top 146 | }, 400); 147 | 148 | return false; 149 | }); 150 | 151 | /* ---------------------------------------------------------------------- */ 152 | /* Responsive menu 153 | /* ---------------------------------------------------------------------- */ 154 | function dropdown(){ 155 | var isOpen = false, 156 | dropBtn = $('.dropdown'); 157 | dropBtn.click(function () { 158 | if (isOpen == false) { 159 | $('.dropdown > i').attr('class', 'fa fa-angle-up'); 160 | $('.versions > ul').addClass('expand'); 161 | $('.versions > ul').focus(); 162 | isOpen = true; 163 | } else { 164 | $('.dropdown > i').attr('class', 'fa fa-angle-down'); 165 | $('.versions > ul').removeClass('expand'); 166 | $('.versions > ul').focusout(); 167 | isOpen = false; 168 | } 169 | }); 170 | 171 | 172 | dropBtn.mouseup(function () { 173 | return false; 174 | }); 175 | $('.dropdown').mouseup(function () { 176 | return false; 177 | }); 178 | $(document).mouseup(function () { 179 | if (isOpen == true) { 180 | $('.dropdown').hasClass('expand'); 181 | $('.versions > ul').css('display', 'block'); 182 | dropBtn.click(); 183 | } 184 | }); 185 | } 186 | 187 | dropdown(); 188 | 189 | // Defining a function to set size for #hero 190 | function fullscreen(){ 191 | jQuery('header').css({ 192 | height: jQuery(window).height()-58+'px' 193 | }); 194 | } 195 | 196 | fullscreen(); 197 | 198 | // Run the function in case of window resize 199 | jQuery(window).resize(function() { 200 | fullscreen(); 201 | }); 202 | 203 | 204 | /* ---------------------------------------------------------------------- */ 205 | /* Modal-box for Customize 206 | /* ---------------------------------------------------------------------- */ 207 | function getmodalbox(){ 208 | var appendthis = ("
          "), 209 | isOpen = false, 210 | viewModal = $('button[data-modal-id]'), 211 | headerHeight = $('header').height()+119+'px'; 212 | viewModal.click(function (e) { 213 | if (isOpen == false) { 214 | e.preventDefault(); 215 | var modalBox = $(this).attr('data-modal-id'); 216 | $("body").append(appendthis); 217 | $(".modal-overlay").fadeTo(500, 0.7); 218 | $('#'+modalBox).css('top', headerHeight).fadeIn($(this).data()); 219 | $(this).focus(); 220 | isOpen = true; 221 | } else { 222 | $('.modal-box, .modal-overlay').focusout(); 223 | isOpen = false; 224 | } 225 | }); 226 | 227 | $(".js-modal-close").click(function(e) { 228 | e.preventDefault(); 229 | $(".modal-box, .modal-overlay").fadeOut(500, function() { 230 | $(".modal-overlay").remove(); 231 | }); 232 | isOpen = false; 233 | return false; 234 | }); 235 | 236 | viewModal.mouseup(function () { 237 | return false; 238 | }); 239 | 240 | $('.modal-box').mouseup(function () { 241 | return false; 242 | }); 243 | 244 | $(document).on('mouseup', '.modal-overlay', function (e) { 245 | if (isOpen == true) { 246 | e.preventDefault(); 247 | $(".modal-box, .modal-overlay").fadeOut(500, function() { 248 | $(".modal-overlay").remove(); 249 | }); 250 | viewModal.click(); 251 | } 252 | }); 253 | } 254 | 255 | getmodalbox(); 256 | 257 | /* ---------------------------------------------------------------------- */ 258 | /* Fill in data 259 | /* ---------------------------------------------------------------------- */ 260 | $.getJSON('js/' + window.app.projectName + '.json', function (data) { 261 | versions = data.vers; 262 | selectedVersion = versions.sort(function (a, b) { 263 | return a.num < b.num; 264 | })[0]; 265 | 266 | $('#version-dropdown').empty().append(versions.map(function (version) { 267 | return $('
        • ' + version.name +'
          • '); 268 | })); 269 | 270 | $('#getjs').val(getFileLink(selectedVersion.mainJs, selectedVersion.name)); 271 | $('#getcss').val(getFileLink(selectedVersion.mainCss, selectedVersion.name)); 272 | updateFileList(selectedVersion); 273 | updateCustomLink(); 274 | updateDropdown(); 275 | updateModal(); 276 | /* bindZeroClipboard(); */ 277 | }); 278 | 279 | /* ---------------------------------------------------------------------- */ 280 | /* Quick Use 281 | /* ---------------------------------------------------------------------- */ 282 | $('#addTag').on('change', updateAddTag); 283 | $('#enableSRI').on('change', updateEnableSri); 284 | 285 | function updateQuickUse () { 286 | $('#getjs').val(getFileLink(selectedVersion.mainJs, selectedVersion.name, $('#addTag').is(':checked'), $('#enableSRI').is(':checked') && selectedVersion.sri[selectedVersion.mainJs])); 287 | $('#getcss').val(getFileLink(selectedVersion.mainCss, selectedVersion.name, $('#addTag').is(':checked'), $('#enableSRI').is(':checked') && selectedVersion.sri[selectedVersion.mainCss])); 288 | } 289 | 290 | function updateAddTag () { 291 | if (!$(this).is(':checked')) { 292 | $('#enableSRI').prop('checked', false); 293 | } 294 | 295 | updateQuickUse(); 296 | } 297 | 298 | function updateEnableSri () { 299 | if ($(this).is(':checked')) { 300 | $('#addTag').prop('checked', true); 301 | } else { 302 | $('#addTag').prop('checked', false); 303 | } 304 | 305 | updateQuickUse(); 306 | } 307 | 308 | /* ---------------------------------------------------------------------- */ 309 | /* Custom foundation 310 | /* ---------------------------------------------------------------------- */ 311 | function updateCustomLink () { 312 | var links = buildLinks(getSelectedFiles(), selectedVersion, true); 313 | 314 | $('#customjs_form').val(links.js[0] && links.css[0] ? 'Multiple file types selected. Use the View button instead.' : links.js[0] || links.css[0]); 315 | } 316 | 317 | function updateFileList (version) { 318 | var files = []; 319 | 320 | sortFiles(version).forEach(function (file) { 321 | var $li = $('
        • '); 322 | var link = getFileLink(file, version.name); 323 | var checked = file === version.mainJs || file === version.mainCss; 324 | 325 | if (checked) { 326 | $li.addClass('active'); 327 | } 328 | 329 | $li 330 | .append( 331 | $('').text(link).attr('data-filename', file) 332 | ) 333 | .append( 334 | $('
          ') 335 | .append($('').attr({ id: link, checked: checked || undefined })) 336 | .append($('').attr({ for: link })) 337 | ); 338 | 339 | files.push($li); 340 | }); 341 | 342 | $('#cdn-files-list').empty().append(files); 343 | 344 | $('#cdn-files-list li').hide().filter(':lt(5)').show(); 345 | $('#cdn-files-list').append('
        • Show more... Show less...
          • ').find('li:last').click(function(){ 346 | $(this).siblings(':gt(4)').slideToggle('fast', 'linear').end().find('span').slideToggle('fast', 'linear'); 347 | }); 348 | 349 | } 350 | 351 | /* ---------------------------------------------------------------------- */ 352 | /* Modal 353 | /* ---------------------------------------------------------------------- */ 354 | $('#addTagM').on('change', updateTagM); 355 | $('#enableSRIM').on('change', updateSriM); 356 | $('#groupLinksM').on('change', updateGroupLinksM); 357 | 358 | function createModalItem (link) { 359 | return $( 360 | $('
        • ') 361 | .append($('').text(link)) 362 | .append($('').attr('data-clipboard-text', link).append('')) 363 | ); 364 | } 365 | 366 | function updateModal () { 367 | var links = buildLinks(getSelectedFiles(), selectedVersion, $('#groupLinksM').is(':checked'), $('#addTagM').is(':checked'), $('#enableSRIM').is(':checked')); 368 | 369 | $('#fileListM') 370 | .empty() 371 | .append(links.js.map(createModalItem)) 372 | .append(links.css.map(createModalItem)) 373 | .append(links.other.map(createModalItem)); 374 | 375 | bindZeroClipboard(); 376 | } 377 | 378 | function updateTagM () { 379 | if (!$(this).is(':checked')) { 380 | $('#enableSRIM').prop('checked', false); 381 | } 382 | 383 | return updateModal(); 384 | } 385 | 386 | function updateSriM () { 387 | if ($(this).is(':checked')) { 388 | $('#addTagM').prop('checked', true); 389 | $('#groupLinksM').prop('checked', false); 390 | } else { 391 | $('#addTagM').prop('checked', false); 392 | } 393 | 394 | return updateModal(); 395 | } 396 | 397 | function updateGroupLinksM () { 398 | if ($(this).is(':checked')) { 399 | $('#addTagM').prop('checked', false); 400 | $('#enableSRIM').prop('checked', false); 401 | } 402 | 403 | return updateModal(); 404 | } 405 | 406 | /* ---------------------------------------------------------------------- */ 407 | /* Version dropdown 408 | /* ---------------------------------------------------------------------- */ 409 | $('#version-dropdown').on('click', 'a', function () { 410 | selectedVersion = versions.filter(function (version) { 411 | return version.name === $(this).text(); 412 | }, this)[0]; 413 | 414 | updateFileList(selectedVersion); 415 | updateCustomLink(); 416 | updateDropdown(); 417 | updateModal(); 418 | 419 | return false; 420 | }); 421 | 422 | function updateDropdown () { 423 | $('#selected-version').text(selectedVersion.name); 424 | $('#download-link').attr('href', 'https://cdn.jsdelivr.net/' + PROJECT_NAME + '/' + selectedVersion.name + '/' + PROJECT_NAME + '.zip'); 425 | } 426 | 427 | /* ---------------------------------------------------------------------- */ 428 | /* Copy to clipboard by either: 429 | /* - setting data-clipboard-target attribute to an ID of an input whose value you want to copy 430 | /* - setting data-clipboard-text to any text you want to copy 431 | /* ---------------------------------------------------------------------- */ 432 | function bindZeroClipboard () { 433 | $('[data-clipboard-target], [data-clipboard-text]').each(function () { 434 | if (!this._zc) { 435 | this._zc = new ZeroClipboard(this); 436 | } 437 | }).off('click').on('click', function () { 438 | this.blur(); 439 | }); 440 | } 441 | 442 | function getFileLink (file, version, addTag, sri) { 443 | var link = CDN_ROOT + '/' + PROJECT_NAME + '/' + version + '/' + file; 444 | 445 | if (addTag || sri) { 446 | return CSS_PATTERN.test(link) 447 | ? getCssLink(link, sri) 448 | : JS_PATTERN.test(link) 449 | ? getScriptLink(link, sri) 450 | : link; 451 | } 452 | 453 | return link; 454 | } 455 | 456 | function getScriptLink (link, sriHash) { 457 | return sriHash 458 | ? '' 459 | : ''; 460 | } 461 | 462 | function getCssLink (link, sriHash) { 463 | return sriHash 464 | ? '' 465 | : ''; 466 | } 467 | 468 | function sortFiles (version) { 469 | return version.files.sort(function (a, b) { 470 | if (a === version.mainJs || a === version.mainCss || /\.map$/i.test(b)) { 471 | return -1; 472 | } 473 | 474 | if (b === version.mainJs || b === version.mainCss || /\.map$/i.test(a)) { 475 | return 1; 476 | } 477 | 478 | if (/[._-]min./i.test(a)) { 479 | if (/[._-]min./i.test(b)) { 480 | return a > b || -1; 481 | } 482 | 483 | return -1; 484 | } 485 | 486 | if (/[._-]min./i.test(b)) { 487 | return 1; 488 | } 489 | 490 | return a > b || -1; 491 | }) 492 | } 493 | 494 | function buildLinks (files, version, groupLinks, addTag, sri) { 495 | var links = { js: [], css: [], other: [] }; 496 | 497 | files.forEach(function (file) { 498 | var link = !groupLinks || sri ? getFileLink(file, version.name, addTag, sri && version.sri[file]) : file; 499 | 500 | if (CSS_PATTERN.test(file)) { 501 | links.css.push(link); 502 | } else if (JS_PATTERN.test(file)) { 503 | links.js.push(link); 504 | } else { 505 | links.other.push(link); 506 | } 507 | }); 508 | 509 | if (!groupLinks || sri) { 510 | return links; 511 | } 512 | 513 | return { 514 | js: buildLink(links.js, version, addTag, getScriptLink), 515 | css: buildLink(links.css, version, addTag, getCssLink), 516 | other: links.other, 517 | }; 518 | } 519 | 520 | function buildLink (files, version, addTag, linkFn) { 521 | if (!files.length) { 522 | return []; 523 | } else if (files.length === 1) { 524 | return [ getFileLink(files[0], version.name, addTag) ]; 525 | } 526 | 527 | var link = CDN_ROOT + '/g/' + PROJECT_NAME + '@' + version.name + '(' + files.join('+') + ')'; 528 | 529 | return [ addTag ? linkFn(link) : link ]; 530 | } 531 | 532 | 533 | 534 | 535 | })(jQuery); 536 | -------------------------------------------------------------------------------- /css/app.css: -------------------------------------------------------------------------------- 1 | /* ----------------------------------------- 2 | Proxima Nova 3 | ----------------------------------------- */ 4 | /* regular */ 5 | @font-face { 6 | font-family: 'proxima-nova'; 7 | src: url(fonts/proximanova-regular-webfont.eot); 8 | src: url(fonts/proximanova-regular-webfont.eot?iefix) format("eot"), url(fonts/proximanova-regular-webfont.woff) format("woff"), url(fonts/proximanova-regular-webfont.ttf) format("truetype"), url(fonts/proximanova-regular-webfont.svg#webfontZam02nTh) format("svg"); 9 | font-weight: normal; 10 | font-style: normal; 11 | } 12 | /* light */ 13 | @font-face { 14 | font-family: 'proxima-nova'; 15 | src: url(fonts/proximanova-light-webfont.eot); 16 | src: url(fonts/proximanova-light-webfont.eot?iefix) format("eot"), url(fonts/proximanova-light-webfont.woff) format("woff"), url(fonts/proximanova-light-webfont.ttf) format("truetype"), url(fonts/proximanova-light-webfont.svg#webfontBtAcCspH) format("svg"); 17 | font-weight: 200; 18 | font-style: normal; 19 | } 20 | /* bold */ 21 | @font-face { 22 | font-family: 'proxima-nova'; 23 | src: url(fonts/proximanova-bold-webfont.eot); 24 | src: url(fonts/proximanova-bold-webfont.eot?iefix) format("eot"), url(fonts/proximanova-bold-webfont.woff) format("woff"), url(fonts/proximanova-bold-webfont.ttf) format("truetype"), url(fonts/proximanova-bold-webfont.svg#webfontZ6etP9ZY) format("svg"); 25 | font-weight: bold; 26 | font-style: normal; 27 | } 28 | /* Xtra bold */ 29 | @font-face { 30 | font-family: 'proxima-nova'; 31 | src: url(fonts/proximanova-xbold-webfont.eot); 32 | src: url(fonts/proximanova-xbold-webfont.eot?iefix) format("eot"), url(fonts/proximanova-xbold-webfont.woff) format("woff"), url(fonts/proximanova-xbold-webfont.ttf) format("truetype"), url(fonts/proximanova-xbold-webfont.svg#webfont2rpW2ohz) format("svg"); 33 | font-weight: 900; 34 | font-style: normal; 35 | } 36 | /* regular Italic */ 37 | @font-face { 38 | font-family: 'proxima-nova'; 39 | src: url(fonts/proximanova-regitalic-webfont.eot); 40 | src: url(fonts/proximanova-regitalic-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/proximanova-regitalic-webfont.woff) format("woff"), url(fonts/proximanova-regitalic-webfont.ttf) format("truetype"), url(fonts/proximanova-regitalic-webfont.svg#proxima_novaregular_italic) format("svg"); 41 | font-weight: normal; 42 | font-style: italic; 43 | } 44 | /* Condensed regular */ 45 | @font-face { 46 | font-family: 'proxima-nova-condensed'; 47 | src: url(fonts/proximanovacond-regular.eot); 48 | src: url(fonts/proximanovacond-regular.eot?#iefix) format("embedded-opentype"), url(fonts/proximanovacond-regular.woff) format("woff"), url(fonts/proximanovacond-regular.ttf) format("truetype"), url(fonts/proximanovacond-regular.svg#proximanovacond-regular) format("svg"); 49 | font-weight: normal; 50 | font-style: normal; 51 | } 52 | /* Condensed bold */ 53 | @font-face { 54 | font-family: 'proxima-nova-condensed'; 55 | src: url(fonts/proximanovacond-bold-webfont.eot); 56 | src: url(fonts/proximanovacond-bold-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/proximanovacond-bold-webfont.woff) format("woff"), url(fonts/proximanovacond-bold-webfont.ttf) format("truetype"), url(fonts/proximanovacond-bold-webfont.svg#proximanovaCondensedbold) format("svg"); 57 | font-weight: bold; 58 | font-style: normal; 59 | text-transform: uppercase !important; 60 | } 61 | /* Condensed Semibold */ 62 | @font-face { 63 | -family: 'proxima-nova-condensed'; 64 | src: url(fonts/proximanovacond-semibold-webfont.eot); 65 | src: url(fonts/proximanovacond-semibold-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/proximanovacond-semibold-webfont.woff) format("woff"), url(fonts/proximanovacond-semibold-webfont.ttf) format("truetype"), url(fonts/proximanovacond-semibold-webfont.svg#proxima_nova_condensedSBd) format("svg"); 66 | font-weight: 600; 67 | font-style: normal; 68 | } 69 | html, body {height: 100%;} 70 | *, *:before, *:after { 71 | -webkit-box-sizing: border-box; 72 | -moz-box-sizing: border-box; 73 | box-sizing: border-box; 74 | } 75 | html, body {font-size: 100%;} 76 | body { 77 | background: #fff; 78 | color: #323232; 79 | cursor: auto; 80 | font-family: 'proxima-nova', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; 81 | font-style: normal; 82 | font-weight: normal; 83 | line-height: 1rem; 84 | margin: 0; 85 | padding: 0; 86 | position: relative; 87 | -webkit-font-smoothing: antialiased; 88 | -moz-osx-font-smoothing: grayscale; 89 | } 90 | h1, h2, h3, h4, h5, h6 { 91 | -webkit-margin-before: 0; 92 | -webkit-margin-after: 0; 93 | } 94 | h1 {font-size: 3.875rem; line-height: 2.775rem;} 95 | h2 {font-size: 1.625rem; line-height: 1.2rem;} 96 | h3 {font-size: 1.5rem; line-height: 1.475rem;} 97 | h4 {font-size: 1.4rem;} 98 | h5 {font-size: 1.375rem;} 99 | h6 {font-size: 1rem;} 100 | a:hover {cursor: pointer;} 101 | img {max-width: 100%; height: auto;} 102 | img {-ms-interpolation-mode: bicubic;} 103 | .left {float: left !important;} 104 | .right {float: right !important;} 105 | .hide {display: none;} 106 | .invisible {visibility: hidden;} 107 | img {display: inline-block; vertical-align: middle;} 108 | textarea {height: auto; min-height: 50px;} 109 | select {width: 100%;} 110 | button, .button { 111 | -webkit-appearance: none; 112 | -moz-appearance: none; 113 | border-radius: 0; 114 | border-style: solid; 115 | border-width: 0; 116 | cursor: pointer; 117 | font-family: 'proxima-nova', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; 118 | font-weight: normal; 119 | line-height: normal; 120 | margin: 0; 121 | position: relative; 122 | text-align: center; 123 | text-decoration: none; 124 | display: inline-block; 125 | padding: 0.8125rem 1.875rem 0.8125rem 1.875rem; 126 | font-size: 1rem; 127 | background-color: #008CBA; 128 | border-color: #007095; 129 | color: #FFFFFF; 130 | transition: background-color 300ms ease-out; } 131 | button:hover, button.zeroclipboard-is-hover, button:focus, .button:hover, .button.zeroclipboard-is-hover, .button:focus { 132 | background-color: #007095; } 133 | button:hover, button.zeroclipboard-is-hover, button:focus, .button:hover, .button.zeroclipboard-is-hover, .button:focus { 134 | color: #FFFFFF; } 135 | button.secondary, .button.secondary { 136 | background-color: #e7e7e7; 137 | border-color: #b9b9b9; 138 | color: #333333; } 139 | button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { 140 | background-color: #b9b9b9; } 141 | button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { 142 | color: #333333; } 143 | button.success, .button.success { 144 | background-color: #43AC6A; 145 | border-color: #368a55; 146 | color: #FFFFFF; } 147 | button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { 148 | background-color: #368a55; } 149 | button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { 150 | color: #ffffff; } 151 | 152 | button.white-outline, .button.white-outline { 153 | background-color: transparent; 154 | border:0.2rem solid #ffffff; 155 | color: #FFFFFF; 156 | padding: 0.67rem 1.875rem 0.67rem 1.875rem; } 157 | button.white-outline:hover, button.white-outline.zeroclipboard-is-hover, button.white-outline:focus, .button.white-outline:hover, .button.white-outlinezeroclipboard-is-hover, .button.white-outline:focus { 158 | background-color: #ffffff; } 159 | button.white-outline:hover, button.white-outline.zeroclipboard-is-hover, button.white-outline:focus, .button.white-outline:hover, .button.white-outlinezeroclipboard-is-hover, .button.white-outline:focus { 160 | color: #323232; } 161 | button.alert, .button.alert { 162 | background-color: #f04124; 163 | border-color: #cf2a0e; 164 | color: #FFFFFF; } 165 | button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { 166 | background-color: #cf2a0e; } 167 | button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { 168 | color: #FFFFFF; } 169 | button.warning, .button.warning { 170 | background-color: #f08a24; 171 | border-color: #cf6e0e; 172 | color: #FFFFFF; } 173 | button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { 174 | background-color: #cf6e0e; } 175 | button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { 176 | color: #FFFFFF; } 177 | button.info, .button.info { 178 | background-color: #a0d3e8; 179 | border-color: #61b6d9; 180 | color: #333333; } 181 | button.info:hover, button.info:focus, .button.info:hover, .button.info:focus { 182 | background-color: #61b6d9; } 183 | button.info:hover, button.info:focus, .button.info:hover, .button.info:focus { 184 | color: #FFFFFF; } 185 | button.large, .button.large { 186 | padding: 1.125rem 2.25rem 1.1875rem 2.25rem; 187 | font-size: 1.25rem; } 188 | button.small, .button.small { 189 | padding: 0.875rem 1.75rem 0.9375rem 1.75rem; 190 | font-size: 0.8125rem; } 191 | button.tiny, .button.tiny { 192 | padding: 0.625rem 1.25rem 0.6875rem 1.25rem; 193 | font-size: 0.6875rem; } 194 | button.expand, .button.expand { 195 | padding: 1rem 2rem 1.0625rem 2rem; 196 | font-size: 1rem; 197 | padding-bottom: 1.0625rem; 198 | padding-top: 1rem; 199 | padding-left: 1rem; 200 | padding-right: 1rem; 201 | width: 100%; } 202 | button.left-align, .button.left-align { 203 | text-align: left; 204 | text-indent: 0.75rem; } 205 | button.right-align, .button.right-align { 206 | text-align: right; 207 | padding-right: 0.75rem; } 208 | button.radius, .button.radius { 209 | border-radius: 3px; } 210 | button.round, .button.round { 211 | border-radius: 1000px; } 212 | button.disabled, button[disabled], .button.disabled, .button[disabled] { 213 | background-color: #008CBA; 214 | border-color: #007095; 215 | color: #FFFFFF; 216 | box-shadow: none; 217 | cursor: default; 218 | opacity: 0.7; } 219 | button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { 220 | background-color: #007095; } 221 | button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { 222 | color: #FFFFFF; } 223 | button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { 224 | background-color: #008CBA; } 225 | button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { 226 | background-color: #e7e7e7; 227 | border-color: #b9b9b9; 228 | color: #333333; 229 | box-shadow: none; 230 | cursor: default; 231 | opacity: 0.7; } 232 | button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { 233 | background-color: #b9b9b9; } 234 | button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { 235 | color: #333333; } 236 | button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { 237 | background-color: #e7e7e7; } 238 | button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { 239 | background-color: #43AC6A; 240 | border-color: #368a55; 241 | color: #FFFFFF; 242 | box-shadow: none; 243 | cursor: default; 244 | opacity: 0.7; } 245 | button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { 246 | background-color: #368a55; } 247 | button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { 248 | color: #FFFFFF; } 249 | button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { 250 | background-color: #43AC6A; } 251 | button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { 252 | background-color: #f04124; 253 | border-color: #cf2a0e; 254 | color: #FFFFFF; 255 | box-shadow: none; 256 | cursor: default; 257 | opacity: 0.7; } 258 | button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { 259 | background-color: #cf2a0e; } 260 | button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { 261 | color: #FFFFFF; } 262 | button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { 263 | background-color: #f04124; } 264 | button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning { 265 | background-color: #f08a24; 266 | border-color: #cf6e0e; 267 | color: #FFFFFF; 268 | box-shadow: none; 269 | cursor: default; 270 | opacity: 0.7; } 271 | button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { 272 | background-color: #cf6e0e; } 273 | button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { 274 | color: #FFFFFF; } 275 | button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { 276 | background-color: #f08a24; } 277 | button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info { 278 | background-color: #a0d3e8; 279 | border-color: #61b6d9; 280 | color: #333333; 281 | box-shadow: none; 282 | cursor: default; 283 | opacity: 0.7; } 284 | button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { 285 | background-color: #61b6d9; } 286 | button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { 287 | color: #FFFFFF; } 288 | button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { 289 | background-color: #a0d3e8; } 290 | 291 | button::-moz-focus-inner { 292 | border: 0; 293 | padding: 0; } 294 | input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea { 295 | -webkit-appearance: none; 296 | -moz-appearance: none; 297 | border-radius: 0; 298 | background-color: #FFFFFF; 299 | border-style: solid; 300 | border-width: 1px; 301 | border-color: #cccccc; 302 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 303 | color: rgba(0, 0, 0, 0.75); 304 | display: block; 305 | font-family: 'proxima-nova', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; 306 | font-weight: normal; 307 | font-size: 1rem; 308 | height: 2.740rem; 309 | margin: 0 0 1rem 0; 310 | padding: 0.5rem; 311 | width: 100%; 312 | -webkit-box-sizing: border-box; 313 | -moz-box-sizing: border-box; 314 | box-sizing: border-box; 315 | -webkit-transition: border-color 0.15s linear, background 0.15s linear; 316 | -moz-transition: border-color 0.15s linear, background 0.15s linear; 317 | -ms-transition: border-color 0.15s linear, background 0.15s linear; 318 | -o-transition: border-color 0.15s linear, background 0.15s linear; 319 | transition: border-color 0.15s linear, background 0.15s linear; } 320 | input:not([type]):focus, input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus { 321 | background: #fafafa; 322 | border-color: #999999; 323 | outline: none; } 324 | input:not([type]):disabled, input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled { 325 | background-color: #DDDDDD; 326 | cursor: default; } 327 | input:not([type])[disabled], input:not([type])[readonly], fieldset[disabled] input:not([type]), input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea { 328 | background-color: #DDDDDD; 329 | cursor: default; } 330 | input:not([type]).radius, input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius { 331 | border-radius: 3px; } 332 | .switch { 333 | border: none; 334 | margin-bottom: 0; 335 | outline: 0; 336 | padding: 0; 337 | position: relative; 338 | -webkit-user-select: none; 339 | -moz-user-select: none; 340 | -ms-user-select: none; 341 | user-select: none; } 342 | .switch label { 343 | background: #DDDDDD; 344 | color: transparent; 345 | cursor: pointer; 346 | display: block; 347 | margin-bottom: 0rem; 348 | position: relative; 349 | text-indent: 100%; 350 | width: 4rem; 351 | height: 2rem; 352 | transition: left 0.15s ease-out; } 353 | .switch input { 354 | left: 10px; 355 | opacity: 0; 356 | padding: 0; 357 | position: absolute; 358 | top: 9px; } 359 | .switch input + label { 360 | margin-left: 0; 361 | margin-right: 0; } 362 | .switch label:after { 363 | background: #FFFFFF; 364 | content: ""; 365 | display: block; 366 | height: 1.5rem; 367 | left: .25rem; 368 | position: absolute; 369 | top: .25rem; 370 | width: 1.5rem; 371 | -webkit-transition: left 0.15s ease-out; 372 | -moz-transition: left 0.15s ease-out; 373 | -o-transition: translate3d(0, 0, 0); 374 | transition: left 0.15s ease-out; 375 | -webkit-transform: translate3d(0, 0, 0); 376 | -moz-transform: translate3d(0, 0, 0); 377 | -ms-transform: translate3d(0, 0, 0); 378 | -o-transform: translate3d(0, 0, 0); 379 | transform: translate3d(0, 0, 0); } 380 | .switch input:checked + label { 381 | background: #008CBA; } 382 | .switch input:checked + label:after { 383 | left: 2.25rem; } 384 | .switch label { 385 | height: 2rem; 386 | width: 4rem; } 387 | .switch label:after { 388 | height: 1.5rem; 389 | width: 1.5rem; } 390 | .switch input:checked + label:after { 391 | left: 2.25rem; } 392 | .switch label { 393 | color: transparent; 394 | background: #DDDDDD; } 395 | .switch label:after { 396 | background: #FFFFFF; } 397 | .switch input:checked + label { 398 | background: #008CBA; } 399 | .switch.large label { 400 | height: 2.5rem; 401 | width: 5rem; } 402 | .switch.large label:after { 403 | height: 2rem; 404 | width: 2rem; } 405 | .switch.large input:checked + label:after { 406 | left: 2.75rem; } 407 | .switch.small label { 408 | height: 1.75rem; 409 | width: 3.5rem; } 410 | .switch.small label:after { 411 | height: 1.25rem; 412 | width: 1.25rem; } 413 | .switch.small input:checked + label:after { 414 | left: 2rem; } 415 | .switch.tiny label { 416 | height: 1.5rem; 417 | width: 3rem; } 418 | .switch.tiny label:after { 419 | height: 1rem; 420 | width: 1rem; } 421 | .switch.tiny input:checked + label:after { 422 | left: 1.75rem; } 423 | .switch.radius label { 424 | border-radius: 4px; } 425 | .switch.radius label:after { 426 | border-radius: 3px; } 427 | .switch.round { 428 | border-radius: 1000px; } 429 | .switch.round label { 430 | border-radius: 2rem; } 431 | .switch.round label:after { 432 | border-radius: 2rem; } 433 | 434 | .fixed { 435 | width: 100%; 436 | position:fixed; 437 | top:-3.75rem; 438 | left: 0; 439 | right: 0; 440 | z-index:9999; 441 | transition:0.2s top cubic-bezier(.3, .73, .3, .74); 442 | } 443 | body.down .top-nav.fixed { 444 | top:0; 445 | } 446 | ul, menu, dir { 447 | display: block; 448 | list-style-type: disc; 449 | -webkit-margin-before: 0em; 450 | -webkit-margin-after: 0em; 451 | -webkit-margin-start: 0px; 452 | -webkit-margin-end: 0px; 453 | -webkit-padding-start: 0px; 454 | } 455 | .inner-wrap { 456 | width: 100%; 457 | position: relative; 458 | overflow: hidden; 459 | } 460 | .inner-wrap:before, .inner-wrap:after {content: " "; display: table;} 461 | .inner-wrap:after {clear: both;} 462 | .container { 463 | width: 80rem; 464 | display: block; 465 | margin: 0 auto; 466 | position: relative; 467 | } 468 | .top-nav { 469 | width: 100%; 470 | background: #333333; 471 | margin-bottom: 0; 472 | min-height: 60px; 473 | } 474 | .top-bar { 475 | width: 100%; 476 | height: 3.75rem; 477 | line-height: 3.75rem; 478 | margin-bottom: 0; 479 | overflow: hidden; 480 | position: relative; 481 | } 482 | .title-area {float: left;} 483 | .title-area a { 484 | font-size: 1.375rem; 485 | line-height: 1.375rem; 486 | font-style: normal; 487 | font-weight: bold; 488 | color: #ffffff; 489 | text-decoration: none; 490 | -webkit-transition: ease-in-out 0.2s; 491 | -moz-transition: ease-in-out 0.2s; 492 | -o-transition: ease-in-out 0.2s; 493 | transition: ease-in-out 0.2s; 494 | } 495 | .title-area a:hover { 496 | color: #43ac6a; 497 | } 498 | .title-area a:visited { 499 | color: #ffffff; 500 | text-decoration: none; 501 | } 502 | .menu-nav { 503 | display: block; 504 | float: left; 505 | } 506 | .menu-nav ul { 507 | list-style: none; 508 | margin: 0 0 0 3.75rem; 509 | } 510 | .menu-nav ul li { 511 | margin: 0 1.625rem 0 0; 512 | float: left; 513 | line-height: 3.5rem; 514 | } 515 | .menu-nav ul li a { 516 | color: #757c82; 517 | font-size: 1.125rem; 518 | padding: 0 0 1.2rem 0; 519 | text-decoration: none; 520 | -webkit-transition: ease-in-out 0.2s; 521 | -moz-transition: ease-in-out 0.2s; 522 | -o-transition: ease-in-out 0.2s; 523 | transition: ease-in-out 0.2s; 524 | } 525 | .menu-nav ul li a:hover { 526 | color: #ffffff; 527 | border-bottom: 0.1875rem solid #757c82; 528 | } 529 | .menu-nav ul li a.active { 530 | color: #ffffff; 531 | border-bottom: 0.1875rem solid #43ac6a; 532 | } 533 | .mobile-nav {display: none; margin: 0 0 0 3.75rem;} 534 | .mobile-nav ul { 535 | padding: 0; 536 | margin: 0; 537 | } 538 | #hamburger { 539 | display:none; 540 | box-sizing: border-box; 541 | width: 60px; 542 | height: 60px; 543 | position: absolute; 544 | top: 0px; 545 | left: 182px; 546 | -webkit-transition: -webkit-transform 0.1s ease; 547 | transition: transform 0.1s ease; 548 | z-index: 97; 549 | cursor: pointer; 550 | } 551 | #hamburger:before, 552 | #hamburger:after, 553 | #hamburger span { 554 | background: #757c82; 555 | content: ''; 556 | display: block; 557 | width: 29px; 558 | height: 3px; 559 | position: absolute; 560 | left: 15px; 561 | } 562 | #hamburger:hover:before, 563 | #hamburger:hover:after, 564 | #hamburger:hover span { 565 | background: #43ac6a; 566 | } 567 | #hamburger:before {top: 20px;} 568 | #hamburger span {top: 27px;} 569 | #hamburger:after {top: 34px;} 570 | /* Hamburger animation */ 571 | #hamburger:before, 572 | #hamburger:after, 573 | #hamburger span { 574 | -webkit-transition: none 0.1s ease 0.1s; 575 | transition: none 0.1s ease 0.1s; 576 | -webkit-transition-property: transform, top, bottom, left, opacity; 577 | transition-property: transform, top, bottom, left, opacity; 578 | } 579 | #hamburger.hamburger-left:before, 580 | #hamburger.hamburger-left:after { 581 | top: 20px; 582 | } 583 | #hamburger.hamburger-left span { 584 | left: 0px; 585 | opacity: 0; 586 | } 587 | #hamburger.hamburger-left:before { 588 | -webkit-transform: rotate( 45deg ); 589 | -ms-transform: rotate( 45deg ); 590 | transform: rotate( 45deg ); 591 | top:28px; 592 | background: #F95644; 593 | } 594 | #hamburger.hamburger-left:after { 595 | -webkit-transform: rotate( -45deg ); 596 | -ms-transform: rotate( -45deg ); 597 | transform: rotate( -45deg ); 598 | top:28px; 599 | background: #F95644; 600 | } 601 | .responsive-menu { 602 | overflow: hidden; 603 | opacity: 0; 604 | position: fixed; 605 | left: 0px; 606 | top: 60px; 607 | font-size: 18px; 608 | box-sizing: border-box; 609 | background: #FFF; 610 | width: 100%; 611 | height: 0; 612 | z-index: 99999; 613 | -webkit-transition: all 0.2s ease-in-out; 614 | -moz-transition: all 0.2s ease-in-out; 615 | -o-transition: all 0.2s ease-in-out; 616 | transition: all 0.2s ease-in-out; 617 | } 618 | .expand {height: auto; overflow: visible; opacity: 1;} 619 | .responsive-menu .menu-header {display: block;} 620 | .responsive-menu .menu-header ul { 621 | background: #FFF; 622 | position: relative; 623 | display: block; 624 | list-style: none; 625 | } 626 | .responsive-menu .menu-header li { 627 | background: #f0f2f3; 628 | float: none; 629 | line-height: 55px; 630 | width: 100%; 631 | text-align: center; 632 | border-bottom: #ffffff solid 1px; 633 | position: relative; 634 | padding: 0; 635 | } 636 | .responsive-menu .menu-header li a { 637 | color: #323232; 638 | width: 100%; 639 | display: block; 640 | text-decoration: none; 641 | text-transform: uppercase; 642 | } 643 | .responsive-menu .menu-header li:hover {background: #43ac6a;} 644 | .responsive-menu .menu-header li:hover a {color: #ffffff;} 645 | /*** Responsive top menu ***/ 646 | @media only screen and (max-width: 640px){ 647 | .container {width: 480px;} 648 | .mobile-nav {display:block;} 649 | .mobile-nav #hamburger {display:block;} 650 | .mobile-nav .responsive-menu .menu-header li.on {display:block;} 651 | .menu-nav {visibility: hidden;} 652 | } 653 | /*** END Responsive top menu ***/ 654 | .centered { 655 | width: 1018px; 656 | height: 544px; 657 | position: absolute; 658 | top: 0; 659 | right: 0; 660 | bottom: 0; 661 | left: 0; 662 | margin: auto; 663 | } 664 | @media only screen and (max-width: 1366px){ 665 | .centered { 666 | width: 1018px; 667 | height: 468px; 668 | } 669 | } 670 | header { 671 | background: url(../imgs/marquee-stars.svg) #074e68; 672 | display: block; 673 | position: relative; 674 | } 675 | header .titles { 676 | position: relative; 677 | margin: 0 auto; 678 | text-align: center; 679 | } 680 | .titles h1 { 681 | color: #ffffff; 682 | margin: 0 0 1rem 0; 683 | } 684 | .titles h3 { 685 | color: #ffffff; 686 | margin: 0; 687 | font-weight: lighter; 688 | } 689 | .titles h3 a { 690 | color: #61c8f0; 691 | text-decoration: underline; 692 | } 693 | .titles h3 a:hover { 694 | color: #43ac6a; 695 | } 696 | .quick-use { 697 | background: #e9e9e9; 698 | width: 720px; 699 | height: 250px; 700 | position: absolute; 701 | top: 0; 702 | right: 0; 703 | bottom: 0; 704 | left: 0; 705 | margin: auto; 706 | padding: 1.875rem; 707 | } 708 | .quick-use h2 { 709 | margin: 0 0 1.875rem 0; 710 | text-align: center; 711 | } 712 | .quick-use input[type="text"] { 713 | width: 32.5rem; 714 | float: left; 715 | margin-right: 1.375rem; 716 | } 717 | .quick-use .title { 718 | color: #afafaf; 719 | text-align: left; 720 | } 721 | .quick-use .jsline button { 722 | margin-top: 0.2rem; 723 | } 724 | .quick-use .cssline { 725 | margin-top: 1rem; 726 | position: absolute; 727 | } 728 | .quick-use .cssline .title { 729 | width: 100%; 730 | position: relative; 731 | margin-bottom: 0.2rem; 732 | } 733 | .quick-use .cssline button { 734 | margin-top: 0rem; 735 | } 736 | .quick-use-icons { 737 | background: #e9e9e9; 738 | width: 720px; 739 | height: 250px; 740 | position: absolute; 741 | top: 0; 742 | right: 0; 743 | bottom: 0; 744 | left: 0; 745 | margin: auto; 746 | padding: 1.875rem; 747 | } 748 | .quick-use-icons h2 { 749 | margin: 0 0 1.875rem 0; 750 | text-align: center; 751 | } 752 | .quick-use-icons .title { 753 | color: #afafaf; 754 | text-align: left; 755 | } 756 | .quick-use-icons .cssline { 757 | margin-top: 1rem; 758 | position: absolute; 759 | } 760 | .quick-use-icons .cssline .title { 761 | width: 100%; 762 | position: relative; 763 | margin-bottom: 0.2rem; 764 | } 765 | .quick-use-icons .cssline button { 766 | margin-top: 0rem; 767 | } 768 | .quick-use-icons input[type="text"] { 769 | width: 41.26rem; 770 | float: left; 771 | margin-right: 1.85rem; 772 | } 773 | .quick-use-icons .btns a { 774 | margin-right: 0.8rem; 775 | } 776 | .quick-use-icons .collection { 777 | margin-right: 0rem; 778 | } 779 | .collection { 780 | margin-right: 8.675rem; 781 | margin-bottom: 0.2rem; 782 | } 783 | .collection input[type="checkbox"] { 784 | display: none; 785 | } 786 | .checkbox-style {float: left;} 787 | .checkbox-style:first-of-type {margin-right: 2rem;} 788 | .checkbox-style label { 789 | font-size: 1rem; 790 | font-style: normal; 791 | color: #008cba; 792 | vertical-align: top; 793 | line-height: 0.8rem; 794 | cursor: pointer; 795 | } 796 | .checkbox-style input[type="checkbox"] + label:before { 797 | content: ""; 798 | display: inline-block; 799 | height: 14px; 800 | width: 14px; 801 | margin: 0 5px 0 0; 802 | background-image: url(../imgs/checkbx.svg); 803 | background-repeat: no-repeat; 804 | background-position: 0 0px; 805 | } 806 | .checkbox-style input[type="checkbox"]:checked + label:before {background-position: 0 -15px;} 807 | .checkbox-style input[type="checkbox"]:disabled + label:before {background-position: 0 -15px;} 808 | .checkbox-style input[type="checkbox"]:checked:disabled + label:before {background-position: 0 -15px;} 809 | .poweredby { 810 | width: 1018px; 811 | height: 100px; 812 | position: absolute; 813 | bottom: 0; 814 | } 815 | .poweredby span { 816 | color: #84bed8; 817 | font-size: 1rem; 818 | line-height: 0.8rem; 819 | text-align: left; 820 | float: left; 821 | width: 100%; 822 | margin-bottom: 1rem; 823 | } 824 | .poweredby .company { 825 | float: left; 826 | margin-right: 2rem; 827 | height: 4.5rem; 828 | } 829 | .poweredby .company:last-of-type { 830 | margin-right: 0; 831 | } 832 | .poweredby .company a { 833 | display: inline-block; 834 | } 835 | .poweredby .company a img { 836 | vertical-align: middle; 837 | } 838 | .customize-btn { 839 | position: absolute; 840 | margin-left: calc(50% - 7.938rem); 841 | bottom: 0; 842 | } 843 | /* Customize bar */ 844 | .customize-bar { 845 | background: #43ac6a; 846 | width: 100%; 847 | height: 6.625rem; 848 | padding: 1.375rem 0 1.375rem 0; 849 | } 850 | .push-bar { 851 | position: relative; 852 | display: inline-block; 853 | width: 100%; 854 | height: 3.75rem; 855 | } 856 | .on { 857 | height: 14.35rem; 858 | } 859 | .fixed-cb { 860 | width: 100%; 861 | position:fixed; 862 | top:3.70rem; 863 | left: 0; 864 | right: 0; 865 | z-index:999; 866 | transition:0.4s top cubic-bezier(.3, .73, .3, .74); 867 | } 868 | .customize-bar .title { 869 | color: #71db99; 870 | font-size: 1rem; 871 | line-height: 0.8rem; 872 | text-align: left; 873 | float: left; 874 | width: 100%; 875 | margin-bottom: 0.25rem; 876 | } 877 | .customize-bar input[type="text"] { 878 | width: 52.6rem; 879 | float: left; 880 | text-overflow: ellipsis; 881 | white-space: nowrap; 882 | word-wrap: normal; 883 | } 884 | .customize-bar .btns { 885 | float: right; 886 | } 887 | .customize-bar button { 888 | float: left; 889 | margin-right: 0.75rem; 890 | } 891 | .customize-feilds .cf-header { 892 | width: 100%; 893 | height: 5.625rem; 894 | padding: 1.35rem; 895 | border: 0.1rem solid #dddddd; 896 | background: #f0f2f3; 897 | } 898 | .cf-header .author { 899 | color: #2ba6cb; 900 | font-size: 1rem; 901 | line-height: 0.8rem; 902 | text-align: left; 903 | width: 100%; 904 | margin-bottom: 0; 905 | } 906 | .cf-header .btns { 907 | /*float: right;*/ 908 | right: 1.375rem; 909 | top: 1.375rem; 910 | position: absolute; 911 | } 912 | .cf-header .btns button:first-of-type { 913 | float: left; 914 | margin-right: 0.75rem; 915 | } 916 | .versions { 917 | height: 1.275rem; 918 | margin-top: 0.5rem; 919 | display: block; 920 | position: relative; 921 | text-align: center; 922 | float: left; 923 | } 924 | .versions .dropdown { 925 | background: transparent; 926 | width: 5rem; 927 | height: 1rem; 928 | color: #f04124; 929 | font-size: 1.375rem; 930 | font-weight: bold; 931 | } 932 | .versions .dropdown i { 933 | font-size: 1rem; 934 | color: #f04124; 935 | font-size: 1.375rem; 936 | font-weight: bold; 937 | } 938 | .versions ul { 939 | margin: 0; 940 | padding: 0; 941 | display: none; 942 | list-style-type: none; 943 | overflow: hidden; 944 | opacity: 0; 945 | position: absolute; 946 | left: 0; 947 | top: 2.70rem; 948 | font-size: 1rem; 949 | box-sizing: border-box; 950 | background: #FFF; 951 | width: 5rem; 952 | height: 0; 953 | z-index: 99999; 954 | -webkit-transition: all 0.2s ease-in-out; 955 | -moz-transition: all 0.2s ease-in-out; 956 | -o-transition: all 0.2s ease-in-out; 957 | transition: all 0.2s ease-in-out; 958 | } 959 | .versions ul.expand {height: auto; overflow: visible; opacity: 1; display:block;} 960 | .versions ul li { 961 | background: #f0f2f3; 962 | float: none; 963 | line-height: 55px; 964 | width: 100%; 965 | text-align: center; 966 | border-bottom: #ffffff solid 1px; 967 | position: relative; 968 | padding: 0; 969 | } 970 | .versions ul li a { 971 | color: #323232; 972 | width: 100%; 973 | display: block; 974 | text-decoration: none; 975 | text-transform: uppercase; 976 | } 977 | .versions ul li:hover {background: #43ac6a;} 978 | .versions ul li:hover a {color: #ffffff;} 979 | .name { 980 | margin: 0.8rem 2rem 0 2rem; 981 | width: 12.5rem; 982 | height: 1rem; 983 | color: #323232; 984 | font-size: 1.375rem; 985 | font-weight: bold; 986 | float: left; 987 | } 988 | .descr { 989 | margin-top: 0.9rem; 990 | width: 36rem; 991 | height: 0.8rem; 992 | color: #323232; 993 | font-size: 1rem; 994 | font-weight: normal; 995 | float: left; 996 | } 997 | .cf-list { 998 | width: 100%; 999 | height: auto; 1000 | border-top: 0rem !important; 1001 | border: 0.1rem solid #dddddd; 1002 | background: #ffffff; 1003 | display: inline-block; 1004 | position: relative; 1005 | } 1006 | .cfl-get { 1007 | height: 2.88rem; 1008 | width: 100%; 1009 | float: left; 1010 | padding: 0.4rem 7.8rem 0.4rem 1.375rem; 1011 | background: #F7F7F7; 1012 | border-bottom: 0.1rem solid #EFEBEB; 1013 | } 1014 | .cfl-get span { 1015 | color: #008cba; 1016 | 1017 | font-size: 1rem; 1018 | font-weight: bold; 1019 | line-height: 2rem; 1020 | text-align: left; 1021 | } 1022 | .cfl-get .all-links { 1023 | width: 9.5rem; 1024 | } 1025 | .cfl-get .all-links span { 1026 | float: left; 1027 | } 1028 | .cfl-get .all-links input[type="checkbox"]+label { 1029 | float: right; 1030 | } 1031 | .cf-list ul { 1032 | list-style: none; 1033 | padding: 0; 1034 | margin: 0; 1035 | } 1036 | .cf-list ul li { 1037 | height: 2.88rem; 1038 | width: 100%; 1039 | float: left; 1040 | padding: 0.4rem 7.8rem 0.4rem 1.375rem; 1041 | border-bottom: 0.1rem solid #EFEBEB; 1042 | background: #ffffff; 1043 | } 1044 | .cf-list ul li:nth-child(2n) { 1045 | background: #F7F7F7; 1046 | } 1047 | .cf-list ul li:hover { 1048 | background: #D1EAF5; 1049 | } 1050 | .cf-list ul li.active { 1051 | background: #a0d3e8; 1052 | } 1053 | .cf-list ul li .link { 1054 | color: #323232; 1055 | font-size: 1rem; 1056 | line-height: 2rem; 1057 | text-align: left; 1058 | } 1059 | .cf-list ul li .less{display:none;} 1060 | .cf-list ul li.showmoreless { 1061 | background: #f0f2f3 !important; 1062 | color: #757c82; 1063 | text-align: center; 1064 | font-size: 1rem; 1065 | line-height: 0.8rem; 1066 | padding: 0.8rem 0 0 0 !important; 1067 | cursor: pointer; 1068 | } 1069 | .cf-list ul li.showmoreless:hover { 1070 | background: #f0f2f3 !important; 1071 | color: #323232; 1072 | cursor: pointer; 1073 | } 1074 | footer { 1075 | width: 100%; 1076 | height: 27.13rem; 1077 | background: #f0f2f3; 1078 | margin-top: 3.75rem; 1079 | } 1080 | footer.icons-page { 1081 | margin-top: 0 !important; 1082 | } 1083 | footer .ocf-title { 1084 | padding-top: 3.75rem; 1085 | font-size: 2.25rem; 1086 | line-height: 1.65rem; 1087 | text-align: center; 1088 | font-weight: lighter; 1089 | text-transform: uppercase; 1090 | color: #757c82; 1091 | position: relative; 1092 | } 1093 | footer .features { 1094 | margin: 3.75rem auto; 1095 | width: 100%; 1096 | height: 7.75rem; 1097 | position: relative; 1098 | } 1099 | footer .item { 1100 | float: left; 1101 | height: 7.75rem; 1102 | display: inline-block; 1103 | text-align: center; 1104 | } 1105 | footer .item:nth-of-type(1) { 1106 | margin-right: 5.5rem; 1107 | } 1108 | footer .item:nth-of-type(2) { 1109 | margin-right: 4.9rem; 1110 | } 1111 | footer .item:nth-of-type(3) { 1112 | margin-right: 4rem; 1113 | } 1114 | footer .item:nth-of-type(4) { 1115 | margin-right: 4.29rem; 1116 | } 1117 | footer .item:nth-of-type(5) { 1118 | margin-right: 0; 1119 | } 1120 | footer .item img { 1121 | vertical-align: middle; 1122 | } 1123 | footer .item h3 { 1124 | margin-top: 1rem; 1125 | text-align: center; 1126 | font-weight: bold; 1127 | text-transform: uppercase; 1128 | color: #323232; 1129 | } 1130 | footer .all-features { 1131 | margin: 3.75rem auto; 1132 | position: relative; 1133 | width: 12.25rem; 1134 | } 1135 | .v-center { 1136 | height: 100vh; 1137 | width: 100%; 1138 | display: table; 1139 | position: relative; 1140 | text-align: center; 1141 | } 1142 | 1143 | .v-center > div { 1144 | display: table-cell; 1145 | vertical-align: middle; 1146 | position: relative; 1147 | top: -10%; 1148 | } 1149 | 1150 | .modal-box { 1151 | display: none; 1152 | position: absolute; 1153 | z-index: 99999 !important; 1154 | width: 47.875rem; 1155 | min-height: 10rem; 1156 | top: 3.6rem; 1157 | left: calc(50% - 23.93rem); 1158 | left: -moz-calc(50% - 23.93rem); 1159 | left: -webkit-calc(50% - 23.93rem); 1160 | background: white; 1161 | border-bottom: 1px solid #c7c7c7; 1162 | border-radius: 4px; 1163 | box-shadow: 0 3px 9px rgba(0, 0, 0, 0.7); 1164 | border: 1px solid rgba(0, 0, 0, 0.1); 1165 | background-clip: padding-box; 1166 | } 1167 | .modal-box header, 1168 | .modal-box .modal-header { 1169 | padding: 1.25em 1.5em; 1170 | border-bottom: 1px solid #ddd; 1171 | } 1172 | .modal-box header h3, 1173 | .modal-box header h4, 1174 | .modal-box .modal-header h3, 1175 | .modal-box .modal-header h4 { margin: 0; } 1176 | .modal-box .modal-body { padding: 2em 1.5em; } 1177 | .modal-box footer, 1178 | .modal-box .modal-footer { 1179 | padding: 1em; 1180 | border-top: 1px solid #ddd; 1181 | background: rgba(0, 0, 0, 0.02); 1182 | text-align: right; 1183 | } 1184 | .modal-overlay { 1185 | opacity: 0; 1186 | filter: alpha(opacity=0); 1187 | position: fixed; 1188 | top: 0; 1189 | left: 0; 1190 | z-index: 9999; 1191 | width: 100%; 1192 | height: 100%; 1193 | background: rgba(0, 0, 0, 0.8) !important; 1194 | } 1195 | a.close { 1196 | line-height: 1; 1197 | font-size: 1.5em; 1198 | position: absolute; 1199 | top: 5%; 1200 | right: 2%; 1201 | text-decoration: none; 1202 | color: #bbb; 1203 | } 1204 | a.close:hover { 1205 | color: #222; 1206 | -webkit-transition: color 1s ease; 1207 | -moz-transition: color 1s ease; 1208 | transition: color 1s ease; 1209 | } 1210 | .cnt { 1211 | position: relative; 1212 | } 1213 | .cnt ul { 1214 | padding: 0; 1215 | margin: 0; 1216 | } 1217 | .top { 1218 | margin: 1.25rem; 1219 | display: inline-block; 1220 | } 1221 | .top .title { 1222 | font-weight: bold; 1223 | margin-right: 1.875rem; 1224 | } 1225 | .top .collection { 1226 | margin-right: 8.675rem; 1227 | margin-bottom: 0.2rem; 1228 | } 1229 | .top .collection input[type="checkbox"] { 1230 | display: none; 1231 | } 1232 | .top .checkbox-style {float: left;} 1233 | .top .checkbox-style:first-of-type {margin-right: 2rem;} 1234 | .top .checkbox-style:last-of-type {margin-left: 2rem;} 1235 | .top .checkbox-style label { 1236 | font-size: 1rem; 1237 | font-style: normal; 1238 | color: #008cba; 1239 | vertical-align: top; 1240 | line-height: 0.8rem; 1241 | cursor: pointer; 1242 | } 1243 | .top .checkbox-style input[type="checkbox"] + label:before { 1244 | content: ""; 1245 | display: inline-block; 1246 | height: 14px; 1247 | width: 14px; 1248 | margin: 0 5px 0 0; 1249 | background-image: url(../imgs/checkbx.svg); 1250 | background-repeat: no-repeat; 1251 | background-position: 0 0px; 1252 | } 1253 | .top .checkbox-style input[type="checkbox"]:checked + label:before {background-position: 0 -15px;} 1254 | .top .checkbox-style input[type="checkbox"]:disabled + label:before {background-position: 0 -15px;} 1255 | .top .checkbox-style input[type="checkbox"]:checked:disabled + label:before {background-position: 0 -15px;} 1256 | .cf-list ul { 1257 | list-style: none; 1258 | } 1259 | .bottom ul li { 1260 | min-height: 2.88rem; 1261 | width: 47.675rem; 1262 | float: left; 1263 | padding: 0.4rem 1.375rem 0.4rem 1.375rem; 1264 | border-bottom: 0.1rem solid #EFEBEB; 1265 | background: #ffffff; 1266 | height: auto; 1267 | word-wrap: break-word; 1268 | word-break: break-all; 1269 | display: inline-block; 1270 | } 1271 | .bottom ul li button.copy { 1272 | padding: 0.8125rem 1rem 0.8125rem 1rem; 1273 | } 1274 | .bottom ul li:nth-child(2n) { 1275 | background: #F7F7F7; 1276 | } 1277 | .bottom ul li:hover { 1278 | background: #D1EAF5; 1279 | } 1280 | .bottom ul li .link { 1281 | width: 41rem; 1282 | color: #323232; 1283 | font-size: 0.875rem; 1284 | line-height: 1.2rem; 1285 | text-align: left; 1286 | word-wrap: break-word; 1287 | word-break: break-all; 1288 | display: inline-block; 1289 | padding: 0.84rem 0; 1290 | } 1291 | 1292 | #forkongithub a { 1293 | background: #a50000; 1294 | color: #fff; 1295 | text-decoration: none; 1296 | font-family: arial, sans-serif; 1297 | text-align: center; 1298 | font-weight: bold; 1299 | padding: 5px 40px; 1300 | font-size: 1rem; 1301 | line-height: 2rem; 1302 | position: relative; 1303 | transition: 0.5s; 1304 | box-sizing: content-box; 1305 | } 1306 | 1307 | #forkongithub a:hover { 1308 | background: #c11; 1309 | color: #fff; 1310 | } 1311 | 1312 | #forkongithub a::before, #forkongithub a::after { 1313 | content: ""; 1314 | width: 100%; 1315 | display: block; 1316 | position: absolute; 1317 | top: 1px; 1318 | left: 0; 1319 | height: 1px; 1320 | background: #fff; 1321 | } 1322 | 1323 | #forkongithub a::after { 1324 | bottom: 1px; 1325 | top: auto; 1326 | } 1327 | 1328 | @media screen and (min-width: 800px) { 1329 | #forkongithub { 1330 | position: absolute; 1331 | display: block; 1332 | top: 0; 1333 | left: 0; 1334 | width: 200px; 1335 | overflow: hidden; 1336 | height: 200px; 1337 | z-index: 9999; 1338 | } 1339 | 1340 | #forkongithub a { 1341 | width: 200px; 1342 | position: absolute; 1343 | top: 60px; 1344 | left: -60px; 1345 | transform: rotate(-45deg); 1346 | -webkit-transform: rotate(-45deg); 1347 | -ms-transform: rotate(-45deg); 1348 | -moz-transform: rotate(-45deg); 1349 | -o-transform: rotate(-45deg); 1350 | box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.8); 1351 | } 1352 | } 1353 | 1354 | body { 1355 | min-width: 1300px; 1356 | } 1357 | -------------------------------------------------------------------------------- /css/fonts/proximanova-black-webfont.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | This is a custom SVG webfont generated by Font Squirrel. 6 | Copyright : Copyright c Mark Simonson 2005 All rights reserved 7 | Designer : Mark Simonson 8 | Foundry URL : httpwwwmarksimonsoncom 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | 209 | 210 | 211 | 212 | 213 | 214 | 215 | 216 | 217 | 218 | 219 | 220 | 221 | 222 | 223 | 224 | 225 | 226 | 227 | 228 | 229 | 230 | 231 | 232 | 233 | 234 | 235 | 236 | 237 | 238 | 239 | 240 | 241 | 242 | 243 | 244 | 245 | 246 | 247 | 248 | 249 | 250 | 251 | --------------------------------------------------------------------------------