commit a99113c6dc27b07841382e11f59cac451e7f5e59 parent 73e6cb3a0d531479b254fe8e10dd8d5f78547632 Author: MTRNord <mtrnord1@gmail.com> Date: Sun, 15 Oct 2017 20:01:34 +0200 Update DeviceMockups Signed-off-by: MTRNord <mtrnord1@gmail.com> Diffstat:
82 files changed, 1474 insertions(+), 1555 deletions(-)
diff --git a/docs/_includes/header.html b/docs/_includes/header.html @@ -1,7 +1,7 @@ <header> <div class="container"> <div class="row"> - <div class="col-md-7"> + <div class="col"> <div class="header-content"> <div class="header-content-inner"> <h1>Morpheus is a windows focused QT Chat Client for use with Matrix written in Golang.</h1> @@ -9,14 +9,11 @@ </div> </div> </div> - <div class="col-md-5"> - <div class="device-container"> - <div class="device-mockup surface landscape"> - <div class="device"> - <div class="screen"> - <!-- Demo image for screen mockup, you can put an image here, some HTML, an animation, video, or anything else! --> - <img src="{{ site.baseurl }}img/morpheus.png" class="img-fluid" alt=""> - </div> + <div class="col"> + <div class="device-wrapper"> + <div class="device" data-device="surface" data-orientation="portrait" data-color="black"> + <div class="screen"> + <img src="{{ site.baseurl }}img/morpheus.png" class="img-fluid" alt=""> </div> </div> </div> diff --git a/docs/vendor/device-mockups/device-mockups.css b/docs/vendor/device-mockups/device-mockups.css @@ -1,772 +1,1468 @@ -/* - * HTML5 Device Mockups - * - * By: - * Tomi Hiltunen - * tomi@mitakuuluu.fi - * http://fi.linkedin.com/in/tomihiltunen/ - * - * Angelos Arnis - * http://fi.linkedin.com/in/angelosarnis/ - * - * Inluded in this package: - * - iPhone5 (black/white, portrait/landscape) - * - iPad2 (black/white, portrait/landscape) - * - iMac - * - MacBook Pro (retina model) - * - Nexus 7 - * - Lumia 920 - * - Microsoft Surface - * - Galaxy S3 - * - * Added by ben182 (@beno182): - * - iPhone 6 - * - iPhone 6 Plus - * - iPhone SE - * - iPad Air - * - iPad Air 2 - * - iPad Pro - * - Macbook 2015 - * - * +/*! + * html5-device-mockups (https://github.com/pixelsign/html5-device-mockups) + * Copyright 2013 - 2017 pixelsign + * Licensed under MIT (https://github.com/pixelsign/html5-device-mockups/blob/master/LICENSE.txt) + * Last Build: Thu Sep 21 2017 21:24:45 */ - - /* GENERAL STYLE */ - -.device-mockup { - position: relative; - width: 100%; - padding-bottom: 61.775701%; -} - - .device-mockup > .device { - position: absolute; - top: 0; bottom: 0; left: 0; right: 0; - width: 100%; height: 100%; - background-size: 100% 100%; - background-repeat: no-repeat; - background-image: url("macbook/macbook.png"); - } - - .device-mockup > .device > .screen { - position: absolute; - top: 11.0438729%; - bottom: 14.6747352%; - left: 13.364486%; - right: 13.364486%; - overflow: hidden; - } - - .device-mockup > .device > .button { - position: absolute; - top: 0; left: 0; - display: none; - overflow: hidden; - border-radius: 100%; - -webkit-border-radius: 100%; - -moz-border-radius: 100%; - cursor: pointer; - } - - -/* DEVICES */ - - -/* iMac */ -.device-mockup.imac { - padding-bottom: 81.230769%; -} - -.device-mockup.imac > .device { - background-image: url("imac/imac.png"); -} - -.device-mockup.imac > .device > .screen { - top: 8.20707071%; bottom: 31.6919192%; left: 6.61538462%; right: 6.61538462%; -} - - -/* MacBook Pro */ -.device-mockup.macbook { - padding-bottom: 61.775701%; -} - -.device-mockup.macbook > .device { - background-image: url("macbook/macbook.png"); -} - -.device-mockup.macbook > .device > .screen { - top: 11.0438729%; bottom: 14.6747352%; left: 13.364486%; right: 13.364486%; -} - -/* MacBook 2015 */ -.device-mockup.macbook_2015 { - padding-bottom: 57.50%; -} - -.device-mockup.macbook_2015 > .device, -.device-mockup.macbook_2015.grey > .device { - background-image: url("macbook_2015/grey.png"); -} - -.device-mockup.macbook_2015 > .device, -.device-mockup.macbook_2015.silver > .device { - background-image: url("macbook_2015/silver.png"); -} - -.device-mockup.macbook_2015 > .device, -.device-mockup.macbook_2015.gold > .device { - background-image: url("macbook_2015/gold.png"); -} - -.device-mockup.macbook_2015 > .device > .screen { - top: 7.5%; bottom: 10.9%; left: 12.46%; right: 12.56%; -} - - -/* iPhone 5 */ -.device-mockup.iphone5, -.device-mockup.iphone5.portrait { - padding-bottom: 210.57%; -} - -.device-mockup.iphone5.landscape { - padding-bottom: 47.49%; -} - -.device-mockup.iphone5 > .device, -.device-mockup.iphone5.black > .device, -.device-mockup.iphone5.portrait.black > .device { - background-image: url("iphone5/iphone5_port_black.png"); -} - -.device-mockup.iphone5.landscape > .device, -.device-mockup.iphone5.landscape.black > .device { - background-image: url("iphone5/iphone5_land_black.png"); -} - -.device-mockup.iphone5.white > .device, -.device-mockup.iphone5.portrait.white > .device { - background-image: url("iphone5/iphone5_port_white.png"); -} - -.device-mockup.iphone5.landscape.white > .device { - background-image: url("iphone5/iphone5_land_white.png"); -} - -.device-mockup.iphone5 > .device > .screen, -.device-mockup.iphone5.portrait > .device > .screen { - top: 14.78%; bottom: 13.78%; left: 8.77%; right: 7.77%; -} - -.device-mockup.iphone5.landscape > .device > .screen { - top: 7.422488%; bottom: 8.422488%; left: 14.919127%; right: 14.019127%; -} - -.device-mockup.iphone5 > .device > .button, -.device-mockup.iphone5.portrait > .device > .button { - display: block; - top: 88.3%; bottom: 2.5%; left: 40%; right: 40%; -} - -.device-mockup.iphone5.landscape > .device > .button { - display: block; - top: 40%; bottom: 41%; left: 88.4%; right: 2.3%; -} - -/* iPhone SE */ -.device-mockup.iphone_se, -.device-mockup.iphone_se.portrait { - padding-bottom: 209.83%; -} - -.device-mockup.iphone_se.landscape { - padding-bottom: 47.66%; -} - -.device-mockup.iphone_se > .device, -.device-mockup.iphone_se.black > .device, -.device-mockup.iphone_se.portrait.black > .device { - background-image: url("iphone_se/iphone_se_port_black.png"); -} - -.device-mockup.iphone_se.landscape > .device, -.device-mockup.iphone_se.landscape.black > .device { - background-image: url("iphone_se/iphone_se_land_black.png"); -} - -.device-mockup.iphone_se.white > .device, -.device-mockup.iphone_se.portrait.white > .device { - background-image: url("iphone_se/iphone_se_port_white.png"); -} - -.device-mockup.iphone_se.landscape.white > .device { - background-image: url("iphone_se/iphone_se_land_white.png"); -} - -.device-mockup.iphone_se.gold > .device, -.device-mockup.iphone_se.portrait.gold > .device { - background-image: url("iphone_se/iphone_se_port_gold.png"); -} - -.device-mockup.iphone_se.landscape.gold > .device { - background-image: url("iphone_se/iphone_se_land_gold.png"); -} - -.device-mockup.iphone_se.rose > .device, -.device-mockup.iphone_se.portrait.rose > .device { - background-image: url("iphone_se/iphone_se_port_rose.png"); -} - -.device-mockup.iphone_se.landscape.rose > .device { - background-image: url("iphone_se/iphone_se_land_rose.png"); -} - -.device-mockup.iphone_se > .device > .screen, -.device-mockup.iphone_se.portrait > .device > .screen { - top: 16.28%; bottom: 16.28%; left: 11.77%; right: 11.77%; -} - -.device-mockup.iphone_se.landscape > .device > .screen { - top: 11.722488%; bottom: 11.722488%; left: 16.0191273%; right: 16.0191273%; -} - -.device-mockup.iphone_se > .device > .button, -.device-mockup.iphone_se.portrait > .device > .button { - display: block; - top: 86.3%; bottom: 5.5%; left: 42%; right: 42%; -} - -.device-mockup.iphone_se.landscape > .device > .button { - display: block; - top: 42%; bottom: 42%; left: 86.4%; right: 5.1%; -} - -/* iPhone 6 */ -.device-mockup.iphone6, -.device-mockup.iphone6.portrait { - padding-bottom: 207.19%; -} - -.device-mockup.iphone6.landscape { - padding-bottom: 48.76%; -} - -.device-mockup.iphone6 > .device, -.device-mockup.iphone6.black > .device, -.device-mockup.iphone6.portrait.black > .device { - background-image: url("iphone_6/iphone_6_port_black.png"); -} - -.device-mockup.iphone6.landscape > .device, -.device-mockup.iphone6.landscape.black > .device { - background-image: url("iphone_6/iphone_6_land_black.png"); -} - -.device-mockup.iphone6.white > .device, -.device-mockup.iphone6.portrait.white > .device { - background-image: url("iphone_6/iphone_6_port_white.png"); -} - -.device-mockup.iphone6.landscape.white > .device { - background-image: url("iphone_6/iphone_6_land_white.png"); -} - -.device-mockup.iphone6.gold > .device, -.device-mockup.iphone6.portrait.gold > .device { - background-image: url("iphone_6/iphone_6_port_gold.png"); -} - -.device-mockup.iphone6.landscape.gold > .device { - background-image: url("iphone_6/iphone_6_land_gold.png"); -} - -.device-mockup.iphone6 > .device > .screen, -.device-mockup.iphone6.portrait > .device > .screen { - top: 12.58%; bottom: 12.88%; left: 6.77%; right: 6.77%; -} - -.device-mockup.iphone6.landscape > .device > .screen { - top: 6.77%; bottom: 6.77%; left: 12.58%; right: 12.88%; -} - -.device-mockup.iphone6 > .device > .button, -.device-mockup.iphone6.portrait > .device > .button { - display: block; - top: 88.6%; bottom: 3.2%; left: 42%; right: 42%; -} - -.device-mockup.iphone6.landscape > .device > .button { - display: block; - top: 42%; bottom: 42%; left: 88.6%; right: 3.2%; -} - -/* iPhone 6 Plus*/ -.device-mockup.iphone6_plus, -.device-mockup.iphone6_plus.portrait { - padding-bottom: 201.76%; -} - -.device-mockup.iphone6_plus.landscape { - padding-bottom: 49.56%; -} - -.device-mockup.iphone6_plus > .device, -.device-mockup.iphone6_plus.black > .device, -.device-mockup.iphone6_plus.portrait.black > .device { - background-image: url("iphone_6_plus/iphone_6_plus_black_port.png"); -} - -.device-mockup.iphone6_plus.landscape > .device, -.device-mockup.iphone6_plus.landscape.black > .device { - background-image: url("iphone_6_plus/iphone_6_plus_black_land.png"); -} - -.device-mockup.iphone6_plus.white > .device, -.device-mockup.iphone6_plus.portrait.white > .device { - background-image: url("iphone_6_plus/iphone_6_plus_white_port.png"); -} - -.device-mockup.iphone6_plus.landscape.white > .device { - background-image: url("iphone_6_plus/iphone_6_plus_white_land.png"); -} - -.device-mockup.iphone6_plus.gold > .device, -.device-mockup.iphone6_plus.portrait.gold > .device { - background-image: url("iphone_6_plus/iphone_6_plus_gold_port.png"); -} - -.device-mockup.iphone6_plus.landscape.gold > .device { - background-image: url("iphone_6_plus/iphone_6_plus_gold_land.png"); -} - -.device-mockup.iphone6_plus > .device > .screen, -.device-mockup.iphone6_plus.portrait > .device > .screen { - top: 11.58%; bottom: 11.58%; left: 5.97%; right: 5.97%; -} - -.device-mockup.iphone6_plus.landscape > .device > .screen { - top: 5.97%; bottom: 5.97%; left: 11.38%; right: 11.58%; -} - -.device-mockup.iphone6_plus > .device > .button, -.device-mockup.iphone6_plus.portrait > .device > .button { - display: block; - top: 89.9%; bottom: 3.2%; left: 43%; right: 43%; -} - -.device-mockup.iphone6_plus.landscape > .device > .button { - display: block; - top: 43%; bottom: 43%; left: 89.9%; right: 3.2%; -} - -/* iPad */ -.device-mockup.ipad, -.device-mockup.ipad.portrait { - padding-bottom: 128.406276%; -} - -.device-mockup.ipad.landscape { - padding-bottom: 79.9086758%; -} - -.device-mockup.ipad > .device, -.device-mockup.ipad.black > .device, -.device-mockup.ipad.portrait.black > .device { - background-image: url("ipad/ipad_port_black.png"); -} - -.device-mockup.ipad.white > .device, -.device-mockup.ipad.portrait.white > .device { - background-image: url("ipad/ipad_port_white.png"); -} - -.device-mockup.ipad.landscape > .device, -.device-mockup.ipad.landscape.black > .device { - background-image: url("ipad/ipad_land_black.png"); -} - -.device-mockup.ipad.landscape.white > .device { - background-image: url("ipad/ipad_land_white.png"); -} - -.device-mockup.ipad > .device > .screen, -.device-mockup.ipad.portrait > .device > .screen { - top: 12.025723%; bottom: 12.154341%; left: 13.45995%; right: 13.45995%; -} - -.device-mockup.ipad.landscape > .device > .screen { - top: 13.87755102%; bottom: 13.87755102%; left: 11.5459883%; right: 11.5459883%; -} - -.device-mockup.ipad > .device > .button, -.device-mockup.ipad.portrait > .device > .button { - display: block; - top: 90.2%; bottom: 5.5%; left: 47.3%; right: 47.3%; -} - -.device-mockup.ipad.landscape > .device > .button { - display: block; - top: 47.3%; bottom: 47.3%; left: 90.8%; right: 4.9%; -} - -/* iPad Air */ -.device-mockup.ipad_air, -.device-mockup.ipad_air.portrait { - padding-bottom: 141.27%; -} - -.device-mockup.ipad_air.landscape { - padding-bottom: 70.79%; -} - -.device-mockup.ipad_air > .device, -.device-mockup.ipad_air.grey > .device, -.device-mockup.ipad_air.portrait.grey > .device { - background-image: url("ipad_air/ipad_air_gray_port.png"); -} - -.device-mockup.ipad_air.silver > .device, -.device-mockup.ipad_air.portrait.silver > .device { - background-image: url("ipad_air/ipad_air_silver_port.png"); -} - -.device-mockup.ipad_air.landscape > .device, -.device-mockup.ipad_air.landscape.grey > .device { - background-image: url("ipad_air/ipad_air_gray_land.png"); -} - -.device-mockup.ipad_air.landscape.silver > .device { - background-image: url("ipad_air/ipad_air_silver_land.png"); -} - -.device-mockup.ipad_air > .device > .screen, -.device-mockup.ipad_air.portrait > .device > .screen { - top: 9.025723%; bottom: 9.154341%; left: 7.45995%; right: 6.45995%; -} - -.device-mockup.ipad_air.landscape > .device > .screen { - top: 6.877551%; bottom: 6.877551%; left: 9.545988%; right: 9.545988%; -} - -.device-mockup.ipad_air > .device > .button, -.device-mockup.ipad_air.portrait > .device > .button { - display: block; - top: 93.2%; bottom: 2.5%; left: 47.3%; right: 47.3%; -} - -.device-mockup.ipad_air.landscape > .device > .button { - display: block; - top: 47.3%; bottom: 47.3%; left: 93.1%; right: 2.1%; -} - -/* iPad Air 2 */ -.device-mockup.ipad_air_2, -.device-mockup.ipad_air_2.portrait { - padding-bottom: 141.38%; -} - -.device-mockup.ipad_air_2.landscape { - padding-bottom: 70.73%; -} - -.device-mockup.ipad_air_2 > .device, -.device-mockup.ipad_air_2.grey > .device, -.device-mockup.ipad_air_2.portrait.grey > .device { - background-image: url("ipad_air_2/ipad_air_2_gray_port.png"); -} - -.device-mockup.ipad_air_2.silver > .device, -.device-mockup.ipad_air_2.portrait.silver > .device { - background-image: url("ipad_air_2/ipad_air_2_silver_port.png"); -} - -.device-mockup.ipad_air_2.gold > .device, -.device-mockup.ipad_air_2.portrait.gold > .device { - background-image: url("ipad_air_2/ipad_air_2_gold_port.png"); -} - -.device-mockup.ipad_air_2.landscape > .device, -.device-mockup.ipad_air_2.landscape.grey > .device { - background-image: url("ipad_air_2/ipad_air_2_gray_land.png"); -} - -.device-mockup.ipad_air_2.landscape.silver > .device { - background-image: url("ipad_air_2/ipad_air_2_silver_land.png"); -} - -.device-mockup.ipad_air_2.landscape.gold > .device { - background-image: url("ipad_air_2/ipad_air_2_gold_land.png"); -} - -.device-mockup.ipad_air_2 > .device > .screen, -.device-mockup.ipad_air_2.portrait > .device > .screen { - top: 9.025723%; bottom: 8.854341%; left: 6.15995%; right: 6.15995%; -} - -.device-mockup.ipad_air_2.landscape > .device > .screen { - top: 6.277551%; bottom: 6.277551%; left: 8.545988%; right: 8.545988%; -} - -.device-mockup.ipad_air_2 > .device > .button, -.device-mockup.ipad_air_2.portrait > .device > .button { - display: block; - top: 93.2%; bottom: 2.1%; left: 46.3%; right: 46.5%; -} - -.device-mockup.ipad_air_2.landscape > .device > .button { - display: block; - top: 46.5%; bottom: 46.8%; left: 93.5%; right: 1.9%; -} - -/* iPad Pro */ -.device-mockup.ipad_pro, -.device-mockup.ipad_pro.portrait { - padding-bottom: 138.63%; -} - -.device-mockup.ipad_pro.landscape { - padding-bottom: 72.14%; -} - -.device-mockup.ipad_pro > .device, -.device-mockup.ipad_pro.grey > .device, -.device-mockup.ipad_pro.portrait.grey > .device { - background-image: url("ipad_pro/ipad_pro_port_black.png"); -} - -.device-mockup.ipad_pro.silver > .device, -.device-mockup.ipad_pro.portrait.silver > .device { - background-image: url("ipad_pro/ipad_pro_port_silver.png"); -} - -.device-mockup.ipad_pro.gold > .device, -.device-mockup.ipad_pro.portrait.gold > .device { - background-image: url("ipad_pro/ipad_pro_port_gold.png"); -} - -.device-mockup.ipad_pro.landscape > .device, -.device-mockup.ipad_pro.landscape.grey > .device { - background-image: url("ipad_pro/ipad_pro_land_black.png"); -} - -.device-mockup.ipad_pro.landscape.silver > .device { - background-image: url("ipad_pro/ipad_pro_land_silver.png"); -} - -.device-mockup.ipad_pro.landscape.gold > .device { - background-image: url("ipad_pro/ipad_pro_land_gold.png"); -} - -.device-mockup.ipad_pro > .device > .screen, -.device-mockup.ipad_pro.portrait > .device > .screen { - top: 7.025723%; bottom: 6.854341%; left: 5.15995%; right: 5.15995%; -} - -.device-mockup.ipad_pro.landscape > .device > .screen { - top: 5.177551%; bottom: 5.177551%; left: 6.945988%; right: 6.945988%; -} - -.device-mockup.ipad_pro > .device > .button, -.device-mockup.ipad_pro.portrait > .device > .button { - display: block; - top: 94.9%; bottom: 1.5%; left: 47.3%; right: 47.1%; -} - -.device-mockup.ipad_pro.landscape > .device > .button { - display: block; - top: 47.5%; bottom: 47.5%; left: 94.8%; right: 1.5%; -} - - -/* Galaxy S3 */ -.device-mockup.galaxy_s3, -.device-mockup.galaxy_s3.portrait { - padding-bottom: 178.787879%; -} - -.device-mockup.galaxy_s3.landscape { - padding-bottom: 55.9322034%; -} - -.device-mockup.galaxy_s3 > .device, -.device-mockup.galaxy_s3.black > .device, -.device-mockup.galaxy_s3.portrait.black > .device { - background-image: url("galaxy_s3/s3_port_black.png"); -} - -.device-mockup.galaxy_s3.landscape > .device, -.device-mockup.galaxy_s3.landscape.black > .device { - background-image: url("galaxy_s3/s3_land_black.png"); -} - -.device-mockup.galaxy_s3.white > .device, -.device-mockup.galaxy_s3.portrait.white > .device { - background-image: url("galaxy_s3/s3_port_white.png"); -} - -.device-mockup.galaxy_s3.landscape.white > .device { - background-image: url("galaxy_s3/s3_land_white.png"); -} - -.device-mockup.galaxy_s3 > .device > .screen, -.device-mockup.galaxy_s3.portrait > .device > .screen { - top: 12.3728814%; bottom: 15.5367232%; left: 13.8383838%; right: 13.8383838%; -} - -.device-mockup.galaxy_s3.landscape > .device > .screen { - top: 13.8383838%; bottom: 13.8383838%; left: 12.3728814%; right: 15.5367232%; -} - - -/* Galaxy S5 */ -.device-mockup.galaxy_s5, -.device-mockup.galaxy_s5.portrait { - padding-bottom: 194.188862%; -} - -.device-mockup.galaxy_s5.landscape { - padding-bottom: 51.496259%; -} - -.device-mockup.galaxy_s5 > .device, -.device-mockup.galaxy_s5.black > .device, -.device-mockup.galaxy_s5.portrait.black > .device { - background-image: url("galaxy_s5/galaxy_s5_port_black.png"); -} - -.device-mockup.galaxy_s5.landscape > .device, -.device-mockup.galaxy_s5.landscape.black > .device { - background-image: url("galaxy_s5/galaxy_s5_land_black.png"); -} - -.device-mockup.galaxy_s5.white > .device, -.device-mockup.galaxy_s5.portrait.white > .device { - background-image: url("galaxy_s5/galaxy_s5_port_white.png"); -} - -.device-mockup.galaxy_s5.landscape.white > .device { - background-image: url("galaxy_s5/galaxy_s5_land_white.png"); -} - -.device-mockup.galaxy_s5 > .device > .screen, -.device-mockup.galaxy_s5.portrait > .device > .screen { - top: 10.2%; bottom: 10.1%; left: 6.3%; right: 6.4%; -} - -.device-mockup.galaxy_s5.landscape > .device > .screen { - top: 6.6%; bottom: 6.2%; left: 10.15%; right: 10%; -} - - -/* Galaxy Tab4 */ -.device-mockup.galaxy_tab4, -.device-mockup.galaxy_tab4.landscape { - padding-bottom: 72.689464%; -} - -.device-mockup.galaxy_tab4 > .device, -.device-mockup.galaxy_tab4.black > .device, -.device-mockup.galaxy_tab4.landscape.black > .device { - background-image: url("galaxy_tab4/galaxy_tab4_land_black.png"); -} - -.device-mockup.galaxy_tab4.white > .device, -.device-mockup.galaxy_tab4.landscape.white > .device { - background-image: url("galaxy_tab4/galaxy_tab4_land_white.png"); -} - -.device-mockup.galaxy_tab4 > .device > .screen, -.device-mockup.galaxy_tab4.landscape > .device > .screen { - top: 11.5%; bottom: 11.5%; left: 5.4%; right: 5.2%; -} - - -/* Lumia 920 */ -.device-mockup.lumia920, -.device-mockup.lumia920.portrait { - padding-bottom: 172.796353%; -} - -.device-mockup.lumia920.landscape { - padding-bottom: 56.3330381%; -} - -.device-mockup.lumia920 > .device, -.device-mockup.lumia920.portrait > .device { - background-image: url("lumia920/lumia920_port.png"); -} - -.device-mockup.lumia920.landscape > .device { - background-image: url("lumia920/lumia920_land.png"); -} -.device-mockup.lumia920 > .device > .screen, -.device-mockup.lumia920.portrait > .device > .screen { - top: 10.6420405%; bottom: 18.9973615%; left: 13.5258359%; right: 13.5258359%; -} - -.device-mockup.lumia920.landscape > .device > .screen { - top: 12.2641509%; bottom: 12.2641509%; left: 10.5403012%; right: 18.6005314%; -} - - -/* Nexus 7 */ -.device-mockup.nexus7, -.device-mockup.nexus7.portrait { - padding-bottom: 156.521739%; -} - -.device-mockup.nexus7.landscape { - padding-bottom: 63.6678201%; -} - -.device-mockup.nexus7 > .device, -.device-mockup.nexus7.portrait > .device { - background-image: url("nexus7/nexus7_port.png"); -} - -.device-mockup.nexus7.landscape > .device { - background-image: url("nexus7/nexus7_land.png"); -} - -.device-mockup.nexus7 > .device > .screen, -.device-mockup.nexus7.portrait > .device > .screen { - top: 13.1365741%; bottom: 12.7893519%; left: 13.7681159%; right: 13.7681159%; -} - -.device-mockup.nexus7.landscape > .device > .screen { - top: 13.7681159%; bottom: 13.7681159%; left: 13.0911188%; right: 13.0911188%; -} - - -/* Microsoft Surface */ -.device-mockup.surface, -.device-mockup.surface.landscape { - padding-bottom: 64.7584973%; -} - -.device-mockup.surface > .device, -.device-mockup.surface.landscape > .device { - background-image: url("surface/surface.png"); -} - -.device-mockup.surface > .device > .screen, -.device-mockup.surface.landscape > .device > .screen { - top: 14.5488029%; bottom: 14.9171271%; left: 9.36195587%; right: 9.36195587%; -} - -/* Samsung TV */ -.device-mockup.samsung_tv, -.device-mockup.samsung_tv.landscape { - padding-bottom: 64.68%; -} - -.device-mockup.samsung_tv > .device, -.device-mockup.samsung_tv.landscape > .device { - background-image: url("samsung_tv/samsung_tv.png"); -} - -.device-mockup.samsung_tv > .device > .screen, -.device-mockup.samsung_tv.landscape > .device > .screen { - top: 2.148803%; bottom: 12.817127%; left: 1.261956%; right: 1.361956%; +.device-wrapper { + max-width: 300px; + width: 100%; +} +.device { + position: relative; + background-size: cover; +} +.device .screen { + position: absolute; + background-size: cover; +} +.device .button { + position: absolute; + cursor: pointer; +} +.device[data-device="galaxyS3"][data-orientation="landscape"][data-color="black"] { + padding-bottom: 51.41800246609125%; + background-image: url("galaxyS3/landscape_black.png"); +} +.device[data-device="galaxyS3"][data-orientation="landscape"][data-color="black"] .screen { + top: 7.074340527577938%; + left: 9.3711467324291%; + width: 78.91491985203453%; + height: 86.33093525179856%; +} +.device[data-device="galaxyS3"][data-orientation="landscape"][data-color="black"] .button { + top: 38.84892086330935%; + left: 93.34155363748458%; + width: 3.390875462392109%; + height: 22.54196642685851%; +} +.device[data-device="galaxyS3"][data-orientation="landscape"][data-color="white"] { + padding-bottom: 51.41800246609125%; + background-image: url("galaxyS3/landscape_white.png"); +} +.device[data-device="galaxyS3"][data-orientation="landscape"][data-color="white"] .screen { + top: 7.074340527577938%; + left: 9.3711467324291%; + width: 78.91491985203453%; + height: 86.33093525179856%; +} +.device[data-device="galaxyS3"][data-orientation="landscape"][data-color="white"] .button { + top: 38.84892086330935%; + left: 93.34155363748458%; + width: 3.390875462392109%; + height: 22.54196642685851%; +} +.device[data-device="galaxyS3"][data-orientation="portrait"][data-color="black"] { + padding-bottom: 194.7178871548619%; + background-image: url("galaxyS3/portrait_black.png"); +} +.device[data-device="galaxyS3"][data-orientation="portrait"][data-color="black"] .screen { + top: 9.67940813810111%; + left: 6.602641056422569%; + width: 86.31452581032413%; + height: 78.91491985203453%; +} +.device[data-device="galaxyS3"][data-orientation="portrait"][data-color="black"] .button { + top: 93.15659679408138%; + left: 38.655462184873954%; + width: 22.56902761104442%; + height: 3.2675709001233044%; +} +.device[data-device="galaxyS3"][data-orientation="portrait"][data-color="white"] { + padding-bottom: 194.7178871548619%; + background-image: url("galaxyS3/portrait_white.png"); +} +.device[data-device="galaxyS3"][data-orientation="portrait"][data-color="white"] .screen { + top: 9.3711467324291%; + left: 6.602641056422569%; + width: 86.31452581032413%; + height: 78.91491985203453%; +} +.device[data-device="galaxyS3"][data-orientation="portrait"][data-color="white"] .button { + top: 93.15659679408138%; + left: 38.655462184873954%; + width: 22.56902761104442%; + height: 3.2675709001233044%; +} +.device[data-device="galaxyS5"][data-orientation="portrait"][data-color="black"] { + padding-bottom: 193.9837398373984%; + background-image: url("galaxyS5/portrait_black.png"); +} +.device[data-device="galaxyS5"][data-orientation="portrait"][data-color="black"] .screen { + top: 9.80720871751886%; + left: 6.097560975609756%; + width: 87.8048780487805%; + height: 80.4694048616932%; +} +.device[data-device="galaxyS5"][data-orientation="portrait"][data-color="black"] .button { + top: 92.62363788767813%; + left: 38.943089430894304%; + width: 22.520325203252032%; + height: 3.730092204526404%; +} +.device[data-device="galaxyS5"][data-orientation="portrait"][data-color="white"] { + padding-bottom: 193.9837398373984%; + background-image: url("galaxyS5/portrait_white.png"); +} +.device[data-device="galaxyS5"][data-orientation="portrait"][data-color="white"] .screen { + top: 9.80720871751886%; + left: 6.097560975609756%; + width: 87.8048780487805%; + height: 80.4694048616932%; +} +.device[data-device="galaxyS5"][data-orientation="portrait"][data-color="white"] .button { + top: 92.62363788767813%; + left: 38.943089430894304%; + width: 22.520325203252032%; + height: 3.730092204526404%; +} +.device[data-device="galaxyS5"][data-orientation="portrait"][data-color="gold"] { + padding-bottom: 193.9837398373984%; + background-image: url("galaxyS5/portrait_gold.png"); +} +.device[data-device="galaxyS5"][data-orientation="portrait"][data-color="gold"] .screen { + top: 9.80720871751886%; + left: 6.097560975609756%; + width: 87.8048780487805%; + height: 80.4694048616932%; +} +.device[data-device="galaxyS5"][data-orientation="portrait"][data-color="gold"] .button { + top: 92.62363788767813%; + left: 38.943089430894304%; + width: 22.520325203252032%; + height: 3.730092204526404%; +} +.device[data-device="galaxyS5"][data-orientation="landscape"][data-color="black"] { + padding-bottom: 51.55071248952222%; + background-image: url("galaxyS5/landscape_black.png"); +} +.device[data-device="galaxyS5"][data-orientation="landscape"][data-color="black"] .screen { + top: 6.097560975609756%; + left: 9.80720871751886%; + width: 80.4694048616932%; + height: 87.8048780487805%; +} +.device[data-device="galaxyS5"][data-orientation="landscape"][data-color="black"] .button { + top: 38.53658536585366%; + left: 92.62363788767813%; + width: 3.730092204526404%; + height: 22.520325203252032%; +} +.device[data-device="galaxyS5"][data-orientation="landscape"][data-color="white"] { + padding-bottom: 51.55071248952222%; + background-image: url("galaxyS5/landscape_white.png"); +} +.device[data-device="galaxyS5"][data-orientation="landscape"][data-color="white"] .screen { + top: 6.097560975609756%; + left: 9.80720871751886%; + width: 80.4694048616932%; + height: 87.8048780487805%; +} +.device[data-device="galaxyS5"][data-orientation="landscape"][data-color="white"] .button { + top: 38.53658536585366%; + left: 92.62363788767813%; + width: 3.730092204526404%; + height: 22.520325203252032%; +} +.device[data-device="galaxyS5"][data-orientation="landscape"][data-color="gold"] { + padding-bottom: 51.55071248952222%; + background-image: url("galaxyS5/landscape_gold.png"); +} +.device[data-device="galaxyS5"][data-orientation="landscape"][data-color="gold"] .screen { + top: 6.097560975609756%; + left: 9.80720871751886%; + width: 80.4694048616932%; + height: 87.8048780487805%; +} +.device[data-device="galaxyS5"][data-orientation="landscape"][data-color="gold"] .button { + top: 38.53658536585366%; + left: 92.62363788767813%; + width: 3.730092204526404%; + height: 22.520325203252032%; +} +.device[data-device="galaxyTab4"][data-orientation="portrait"][data-color="black"] { + padding-bottom: 168.33616298811543%; + background-image: url("galaxyTab4/portrait_black.png"); +} +.device[data-device="galaxyTab4"][data-orientation="portrait"][data-color="black"] .screen { + top: 8.572869389813414%; + left: 5.68760611205433%; + width: 87.94567062818336%; + height: 83.00554715078164%; +} +.device[data-device="galaxyTab4"][data-orientation="portrait"][data-color="black"] .button { + display: none; + top: 0%; + left: 0%; + width: 100%; + height: 100%; +} +.device[data-device="galaxyTab4"][data-orientation="portrait"][data-color="white"] { + padding-bottom: 168.33616298811543%; + background-image: url("galaxyTab4/portrait_white.png"); +} +.device[data-device="galaxyTab4"][data-orientation="portrait"][data-color="white"] .screen { + top: 8.522440746343923%; + left: 5.68760611205433%; + width: 87.94567062818336%; + height: 83.05597579425114%; +} +.device[data-device="galaxyTab4"][data-orientation="portrait"][data-color="white"] .button { + display: none; + top: 0%; + left: 0%; + width: 100%; + height: 100%; +} +.device[data-device="iMac"][data-orientation="portrait"][data-color="black"] { + padding-bottom: 80.46663049376018%; + background-image: url("iMac/portrait_black.png"); +} +.device[data-device="iMac"][data-orientation="portrait"][data-color="black"] .screen { + top: 5.057316250842886%; + left: 4.0694519804666305%; + width: 91.86109603906674%; + height: 64.19420094403236%; +} +.device[data-device="iMac"][data-orientation="portrait"][data-color="black"] .button { + display: none; + top: 0%; + left: 0%; + width: 100%; + height: 100%; +} +.device[data-device="iPad"][data-orientation="portrait"][data-color="black"] { + padding-bottom: 129.56989247311827%; + background-image: url("iPad/portrait_black.png"); +} +.device[data-device="iPad"][data-orientation="portrait"][data-color="black"] .screen { + top: 9.12863070539419%; + left: 10.304659498207885%; + width: 79.21146953405018%; + height: 81.3969571230982%; +} +.device[data-device="iPad"][data-orientation="portrait"][data-color="black"] .button { + top: 93.15352697095436%; + left: 47.132616487455195%; + width: 6.003584229390681%; + height: 4.495159059474412%; +} +.device[data-device="iPad"][data-orientation="portrait"][data-color="white"] { + padding-bottom: 129.56989247311827%; + background-image: url("iPad/portrait_white.png"); +} +.device[data-device="iPad"][data-orientation="portrait"][data-color="white"] .screen { + top: 9.12863070539419%; + left: 10.483870967741936%; + width: 79.3010752688172%; + height: 81.3969571230982%; +} +.device[data-device="iPad"][data-orientation="portrait"][data-color="white"] .button { + top: 93.15352697095436%; + left: 47.132616487455195%; + width: 6.003584229390681%; + height: 4.495159059474412%; +} +.device[data-device="iPad"][data-orientation="landscape"][data-color="black"] { + padding-bottom: 77.04011065006915%; + background-image: url("iPad/landscape_black.png"); +} +.device[data-device="iPad"][data-orientation="landscape"][data-color="black"] .screen { + top: 10.23339317773788%; + left: 9.266943291839558%; + width: 81.32780082987551%; + height: 79.44344703770197%; +} +.device[data-device="iPad"][data-orientation="landscape"][data-color="black"] .button { + top: 46.768402154398565%; + left: 93.22268326417704%; + width: 4.426002766251729%; + height: 6.014362657091562%; +} +.device[data-device="iPad"][data-orientation="landscape"][data-color="white"] { + padding-bottom: 77.04011065006915%; + background-image: url("iPad/landscape_white.png"); +} +.device[data-device="iPad"][data-orientation="landscape"][data-color="white"] .screen { + top: 10.23339317773788%; + left: 9.266943291839558%; + width: 81.32780082987551%; + height: 79.44344703770197%; +} +.device[data-device="iPad"][data-orientation="landscape"][data-color="white"] .button { + top: 46.768402154398565%; + left: 93.22268326417704%; + width: 4.426002766251729%; + height: 6.014362657091562%; +} +.device[data-device="iPadAir2"][data-orientation="portrait"][data-color="black"] { + padding-bottom: 141.3929784824462%; + background-image: url("iPadAir2/portrait_black.png"); +} +.device[data-device="iPadAir2"][data-orientation="portrait"][data-color="black"] .screen { + top: 9.090909090909092%; + left: 6.455266138165346%; + width: 86.9762174405436%; + height: 82.01842210652784%; +} +.device[data-device="iPadAir2"][data-orientation="portrait"][data-color="black"] .button { + top: 93.55226271525831%; + left: 46.82899207248018%; + width: 6.285390713476784%; + height: 4.445334401281538%; +} +.device[data-device="iPadAir2"][data-orientation="portrait"][data-color="white"] { + padding-bottom: 141.3929784824462%; + background-image: url("iPadAir2/portrait_white.png"); +} +.device[data-device="iPadAir2"][data-orientation="portrait"][data-color="white"] .screen { + top: 9.090909090909092%; + left: 6.455266138165346%; + width: 86.9762174405436%; + height: 82.01842210652784%; +} +.device[data-device="iPadAir2"][data-orientation="portrait"][data-color="white"] .button { + top: 93.55226271525831%; + left: 46.82899207248018%; + width: 6.285390713476784%; + height: 4.445334401281538%; +} +.device[data-device="iPadAir2"][data-orientation="portrait"][data-color="gold"] { + padding-bottom: 141.3929784824462%; + background-image: url("iPadAir2/portrait_gold.png"); +} +.device[data-device="iPadAir2"][data-orientation="portrait"][data-color="gold"] .screen { + top: 9.090909090909092%; + left: 6.455266138165346%; + width: 86.9762174405436%; + height: 82.01842210652784%; +} +.device[data-device="iPadAir2"][data-orientation="portrait"][data-color="gold"] .button { + top: 93.55226271525831%; + left: 46.82899207248018%; + width: 6.285390713476784%; + height: 4.445334401281538%; +} +.device[data-device="iPadAir2"][data-orientation="landscape"][data-color="black"] { + padding-bottom: 70.72486984381257%; + background-image: url("iPadAir2/landscape_black.png"); +} +.device[data-device="iPadAir2"][data-orientation="landscape"][data-color="black"] .screen { + top: 6.5685164212910525%; + left: 9.090909090909092%; + width: 82.01842210652784%; + height: 86.9762174405436%; +} +.device[data-device="iPadAir2"][data-orientation="landscape"][data-color="black"] .button { + top: 46.88561721404304%; + left: 93.55226271525831%; + width: 4.445334401281538%; + height: 6.285390713476784%; +} +.device[data-device="iPadAir2"][data-orientation="landscape"][data-color="white"] { + padding-bottom: 70.72486984381257%; + background-image: url("iPadAir2/landscape_white.png"); +} +.device[data-device="iPadAir2"][data-orientation="landscape"][data-color="white"] .screen { + top: 6.5685164212910525%; + left: 9.090909090909092%; + width: 82.01842210652784%; + height: 86.9762174405436%; +} +.device[data-device="iPadAir2"][data-orientation="landscape"][data-color="white"] .button { + top: 46.88561721404304%; + left: 93.55226271525831%; + width: 4.445334401281538%; + height: 6.285390713476784%; +} +.device[data-device="iPadAir2"][data-orientation="landscape"][data-color="gold"] { + padding-bottom: 70.72486984381257%; + background-image: url("iPadAir2/landscape_gold.png"); +} +.device[data-device="iPadAir2"][data-orientation="landscape"][data-color="gold"] .screen { + top: 6.5685164212910525%; + left: 9.090909090909092%; + width: 82.01842210652784%; + height: 86.9762174405436%; +} +.device[data-device="iPadAir2"][data-orientation="landscape"][data-color="gold"] .button { + top: 46.88561721404304%; + left: 93.55226271525831%; + width: 4.445334401281538%; + height: 6.285390713476784%; +} +.device[data-device="iPadPro"][data-orientation="portrait"][data-color="black"] { + padding-bottom: 138.62249346120313%; + background-image: url("iPadPro/portrait_black.png"); +} +.device[data-device="iPadPro"][data-orientation="portrait"][data-color="black"] .screen { + top: 7.044025157232705%; + left: 5.361813426329555%; + width: 89.23278116826503%; + height: 85.9119496855346%; +} +.device[data-device="iPadPro"][data-orientation="portrait"][data-color="black"] .button { + top: 94.937106918239%; + left: 47.60244115082825%; + width: 4.838709677419355%; + height: 3.5220125786163523%; +} +.device[data-device="iPadPro"][data-orientation="portrait"][data-color="white"] { + padding-bottom: 138.62249346120313%; + background-image: url("iPadPro/portrait_white.png"); +} +.device[data-device="iPadPro"][data-orientation="portrait"][data-color="white"] .screen { + top: 7.044025157232705%; + left: 5.361813426329555%; + width: 89.23278116826503%; + height: 85.9119496855346%; +} +.device[data-device="iPadPro"][data-orientation="portrait"][data-color="white"] .button { + top: 94.937106918239%; + left: 47.60244115082825%; + width: 4.838709677419355%; + height: 3.5220125786163523%; +} +.device[data-device="iPadPro"][data-orientation="portrait"][data-color="gold"] { + padding-bottom: 138.62249346120313%; + background-image: url("iPadPro/portrait_gold.png"); +} +.device[data-device="iPadPro"][data-orientation="portrait"][data-color="gold"] .screen { + top: 7.0754716981132075%; + left: 5.361813426329555%; + width: 89.23278116826503%; + height: 85.88050314465409%; +} +.device[data-device="iPadPro"][data-orientation="portrait"][data-color="gold"] .button { + top: 94.937106918239%; + left: 47.60244115082825%; + width: 4.838709677419355%; + height: 3.5220125786163523%; +} +.device[data-device="iPadPro"][data-orientation="landscape"][data-color="black"] { + padding-bottom: 72.13836477987421%; + background-image: url("iPadPro/landscape_black.png"); +} +.device[data-device="iPadPro"][data-orientation="landscape"][data-color="black"] .screen { + top: 5.405405405405405%; + left: 7.044025157232705%; + width: 85.9119496855346%; + height: 89.23278116826503%; +} +.device[data-device="iPadPro"][data-orientation="landscape"][data-color="black"] .button { + top: 47.5588491717524%; + left: 94.937106918239%; + width: 3.5220125786163523%; + height: 4.838709677419355%; +} +.device[data-device="iPadPro"][data-orientation="landscape"][data-color="white"] { + padding-bottom: 72.13836477987421%; + background-image: url("iPadPro/landscape_white.png"); +} +.device[data-device="iPadPro"][data-orientation="landscape"][data-color="white"] .screen { + top: 5.405405405405405%; + left: 7.044025157232705%; + width: 85.9119496855346%; + height: 89.23278116826503%; +} +.device[data-device="iPadPro"][data-orientation="landscape"][data-color="white"] .button { + top: 47.5588491717524%; + left: 94.937106918239%; + width: 3.5220125786163523%; + height: 4.838709677419355%; +} +.device[data-device="iPadPro"][data-orientation="landscape"][data-color="gold"] { + padding-bottom: 72.1471235460547%; + background-image: url("iPadPro/landscape_gold.png"); +} +.device[data-device="iPadPro"][data-orientation="landscape"][data-color="gold"] .screen { + top: 5.403050108932462%; + left: 7.073247406475951%; + width: 85.88494184218798%; + height: 89.23747276688452%; +} +.device[data-device="iPadPro"][data-orientation="landscape"][data-color="gold"] .button { + top: 47.53812636165578%; + left: 94.90726186733731%; + width: 3.5523420308079223%; + height: 4.880174291938998%; +} +.device[data-device="iPhone6"][data-orientation="portrait"][data-color="black"] { + padding-bottom: 207.620164126612%; + background-image: url("iPhone6/portrait_black.png"); +} +.device[data-device="iPhone6"][data-orientation="portrait"][data-color="black"] .screen { + top: 12.25296442687747%; + left: 6.096131301289566%; + width: 88.042203985932%; + height: 75.32467532467533%; +} +.device[data-device="iPhone6"][data-orientation="portrait"][data-color="black"] .button { + top: 89.32806324110672%; + left: 41.85228604923799%; + width: 16.64712778429074%; + height: 8.018068887634106%; +} +.device[data-device="iPhone6"][data-orientation="portrait"][data-color="white"] { + padding-bottom: 207.620164126612%; + background-image: url("iPhone6/portrait_white.png"); +} +.device[data-device="iPhone6"][data-orientation="portrait"][data-color="white"] .screen { + top: 12.25296442687747%; + left: 6.096131301289566%; + width: 88.042203985932%; + height: 75.32467532467533%; +} +.device[data-device="iPhone6"][data-orientation="portrait"][data-color="white"] .button { + top: 89.32806324110672%; + left: 41.85228604923799%; + width: 16.64712778429074%; + height: 8.018068887634106%; +} +.device[data-device="iPhone6"][data-orientation="portrait"][data-color="gold"] { + padding-bottom: 207.620164126612%; + background-image: url("iPhone6/portrait_gold.png"); +} +.device[data-device="iPhone6"][data-orientation="portrait"][data-color="gold"] .screen { + top: 12.25296442687747%; + left: 6.096131301289566%; + width: 88.042203985932%; + height: 75.32467532467533%; +} +.device[data-device="iPhone6"][data-orientation="portrait"][data-color="gold"] .button { + top: 89.32806324110672%; + left: 41.85228604923799%; + width: 16.64712778429074%; + height: 8.018068887634106%; +} +.device[data-device="iPhone6"][data-orientation="landscape"][data-color="black"] { + padding-bottom: 48.164878599661215%; + background-image: url("iPhone6/landscape_black.png"); +} +.device[data-device="iPhone6"][data-orientation="landscape"][data-color="black"] .screen { + top: 5.861664712778429%; + left: 12.309429700734048%; + width: 75.26821005081875%; + height: 87.92497069167644%; +} +.device[data-device="iPhone6"][data-orientation="landscape"][data-color="black"] .button { + top: 41.50058616647128%; + left: 89.32806324110672%; + width: 8.018068887634106%; + height: 16.64712778429074%; +} +.device[data-device="iPhone6"][data-orientation="landscape"][data-color="white"] { + padding-bottom: 48.164878599661215%; + background-image: url("iPhone6/landscape_white.png"); +} +.device[data-device="iPhone6"][data-orientation="landscape"][data-color="white"] .screen { + top: 5.861664712778429%; + left: 12.309429700734048%; + width: 75.26821005081875%; + height: 87.92497069167644%; +} +.device[data-device="iPhone6"][data-orientation="landscape"][data-color="white"] .button { + top: 41.50058616647128%; + left: 89.32806324110672%; + width: 8.018068887634106%; + height: 16.64712778429074%; +} +.device[data-device="iPhone6"][data-orientation="landscape"][data-color="gold"] { + padding-bottom: 48.164878599661215%; + background-image: url("iPhone6/landscape_gold.png"); +} +.device[data-device="iPhone6"][data-orientation="landscape"][data-color="gold"] .screen { + top: 5.861664712778429%; + left: 12.309429700734048%; + width: 75.26821005081875%; + height: 87.92497069167644%; +} +.device[data-device="iPhone6"][data-orientation="landscape"][data-color="gold"] .button { + top: 41.50058616647128%; + left: 89.32806324110672%; + width: 8.018068887634106%; + height: 16.64712778429074%; +} +.device[data-device="iPhone6Plus"][data-orientation="portrait"][data-color="black"] { + padding-bottom: 201.45161290322577%; + background-image: url("iPhone6Plus/portrait_black.png"); +} +.device[data-device="iPhone6Plus"][data-orientation="portrait"][data-color="black"] .screen { + top: 11.489191353082466%; + left: 6.532258064516129%; + width: 87.09677419354838%; + height: 76.86148919135309%; +} +.device[data-device="iPhone6Plus"][data-orientation="portrait"][data-color="black"] .button { + top: 90.43234587670136%; + left: 43.306451612903224%; + width: 13.38709677419355%; + height: 6.645316253002402%; +} +.device[data-device="iPhone6Plus"][data-orientation="portrait"][data-color="white"] { + padding-bottom: 201.45161290322577%; + background-image: url("iPhone6Plus/portrait_white.png"); +} +.device[data-device="iPhone6Plus"][data-orientation="portrait"][data-color="white"] .screen { + top: 11.489191353082466%; + left: 6.532258064516129%; + width: 87.09677419354838%; + height: 76.86148919135309%; +} +.device[data-device="iPhone6Plus"][data-orientation="portrait"][data-color="white"] .button { + top: 90.43234587670136%; + left: 43.306451612903224%; + width: 13.38709677419355%; + height: 6.645316253002402%; +} +.device[data-device="iPhone6Plus"][data-orientation="portrait"][data-color="gold"] { + padding-bottom: 201.45161290322577%; + background-image: url("iPhone6Plus/portrait_gold.png"); +} +.device[data-device="iPhone6Plus"][data-orientation="portrait"][data-color="gold"] .screen { + top: 11.489191353082466%; + left: 6.532258064516129%; + width: 87.09677419354838%; + height: 76.86148919135309%; +} +.device[data-device="iPhone6Plus"][data-orientation="portrait"][data-color="gold"] .button { + top: 90.43234587670136%; + left: 43.306451612903224%; + width: 13.38709677419355%; + height: 6.645316253002402%; +} +.device[data-device="iPhone6Plus"][data-orientation="landscape"][data-color="black"] { + padding-bottom: 49.639711769415534%; + background-image: url("iPhone6Plus/landscape_black.png"); +} +.device[data-device="iPhone6Plus"][data-orientation="landscape"][data-color="black"] .screen { + top: 6.370967741935483%; + left: 11.489191353082466%; + width: 76.86148919135309%; + height: 87.09677419354838%; +} +.device[data-device="iPhone6Plus"][data-orientation="landscape"][data-color="black"] .button { + top: 43.306451612903224%; + left: 90.43234587670136%; + width: 6.645316253002402%; + height: 13.38709677419355%; +} +.device[data-device="iPhone6Plus"][data-orientation="landscape"][data-color="white"] { + padding-bottom: 49.639711769415534%; + background-image: url("iPhone6Plus/landscape_white.png"); +} +.device[data-device="iPhone6Plus"][data-orientation="landscape"][data-color="white"] .screen { + top: 6.370967741935483%; + left: 11.489191353082466%; + width: 76.86148919135309%; + height: 87.09677419354838%; +} +.device[data-device="iPhone6Plus"][data-orientation="landscape"][data-color="white"] .button { + top: 43.306451612903224%; + left: 90.43234587670136%; + width: 6.645316253002402%; + height: 13.38709677419355%; +} +.device[data-device="iPhone6Plus"][data-orientation="landscape"][data-color="gold"] { + padding-bottom: 49.639711769415534%; + background-image: url("iPhone6Plus/landscape_gold.png"); +} +.device[data-device="iPhone6Plus"][data-orientation="landscape"][data-color="gold"] .screen { + top: 6.370967741935483%; + left: 11.489191353082466%; + width: 76.86148919135309%; + height: 87.09677419354838%; +} +.device[data-device="iPhone6Plus"][data-orientation="landscape"][data-color="gold"] .button { + top: 43.306451612903224%; + left: 90.43234587670136%; + width: 6.645316253002402%; + height: 13.38709677419355%; +} +.device[data-device="iPhoneSE"][data-orientation="portrait"][data-color="black"] { + padding-bottom: 209.829619921363%; + background-image: url("iPhoneSE/portrait_black.png"); +} +.device[data-device="iPhoneSE"][data-orientation="portrait"][data-color="black"] .screen { + top: 14.803247970018738%; + left: 8.51900393184797%; + width: 83.8794233289646%; + height: 70.95565271705185%; +} +.device[data-device="iPhoneSE"][data-orientation="portrait"][data-color="black"] .button { + top: 88.50718301061836%; + left: 41.67758846657929%; + width: 17.693315858453474%; + height: 8.432229856339788%; +} +.device[data-device="iPhoneSE"][data-orientation="portrait"][data-color="white"] { + padding-bottom: 209.829619921363%; + background-image: url("iPhoneSE/portrait_white.png"); +} +.device[data-device="iPhoneSE"][data-orientation="portrait"][data-color="white"] .screen { + top: 14.803247970018738%; + left: 8.51900393184797%; + width: 83.8794233289646%; + height: 70.95565271705185%; +} +.device[data-device="iPhoneSE"][data-orientation="portrait"][data-color="white"] .button { + top: 88.50718301061836%; + left: 41.67758846657929%; + width: 17.693315858453474%; + height: 8.432229856339788%; +} +.device[data-device="iPhoneSE"][data-orientation="portrait"][data-color="gold"] { + padding-bottom: 209.829619921363%; + background-image: url("iPhoneSE/portrait_gold.png"); +} +.device[data-device="iPhoneSE"][data-orientation="portrait"][data-color="gold"] .screen { + top: 14.803247970018738%; + left: 8.51900393184797%; + width: 83.8794233289646%; + height: 70.95565271705185%; +} +.device[data-device="iPhoneSE"][data-orientation="portrait"][data-color="gold"] .button { + top: 88.50718301061836%; + left: 41.67758846657929%; + width: 17.693315858453474%; + height: 8.432229856339788%; +} +.device[data-device="iPhoneSE"][data-orientation="portrait"][data-color="pink"] { + padding-bottom: 209.829619921363%; + background-image: url("iPhoneSE/portrait_pink.png"); +} +.device[data-device="iPhoneSE"][data-orientation="portrait"][data-color="pink"] .screen { + top: 14.803247970018738%; + left: 8.51900393184797%; + width: 83.8794233289646%; + height: 70.95565271705185%; +} +.device[data-device="iPhoneSE"][data-orientation="portrait"][data-color="pink"] .button { + top: 88.50718301061836%; + left: 41.67758846657929%; + width: 17.693315858453474%; + height: 8.432229856339788%; +} +.device[data-device="iPhoneSE"][data-orientation="landscape"][data-color="black"] { + padding-bottom: 47.65771392879451%; + background-image: url("iPhoneSE/landscape_black.png"); +} +.device[data-device="iPhoneSE"][data-orientation="landscape"][data-color="black"] .screen { + top: 7.601572739187418%; + left: 14.803247970018738%; + width: 70.95565271705185%; + height: 83.8794233289646%; +} +.device[data-device="iPhoneSE"][data-orientation="landscape"][data-color="black"] .button { + top: 40.62909567496724%; + left: 88.50718301061836%; + width: 8.432229856339788%; + height: 17.693315858453474%; +} +.device[data-device="iPhoneSE"][data-orientation="landscape"][data-color="white"] { + padding-bottom: 47.65771392879451%; + background-image: url("iPhoneSE/landscape_white.png"); +} +.device[data-device="iPhoneSE"][data-orientation="landscape"][data-color="white"] .screen { + top: 7.601572739187418%; + left: 14.803247970018738%; + width: 70.95565271705185%; + height: 83.8794233289646%; +} +.device[data-device="iPhoneSE"][data-orientation="landscape"][data-color="white"] .button { + top: 40.62909567496724%; + left: 88.50718301061836%; + width: 8.432229856339788%; + height: 17.693315858453474%; +} +.device[data-device="iPhoneSE"][data-orientation="landscape"][data-color="gold"] { + padding-bottom: 47.65771392879451%; + background-image: url("iPhoneSE/landscape_gold.png"); +} +.device[data-device="iPhoneSE"][data-orientation="landscape"][data-color="gold"] .screen { + top: 7.601572739187418%; + left: 14.803247970018738%; + width: 70.95565271705185%; + height: 83.8794233289646%; +} +.device[data-device="iPhoneSE"][data-orientation="landscape"][data-color="gold"] .button { + top: 40.62909567496724%; + left: 88.50718301061836%; + width: 8.432229856339788%; + height: 17.693315858453474%; +} +.device[data-device="iPhoneSE"][data-orientation="landscape"][data-color="pink"] { + padding-bottom: 47.65771392879451%; + background-image: url("iPhoneSE/landscape_pink.png"); +} +.device[data-device="iPhoneSE"][data-orientation="landscape"][data-color="pink"] .screen { + top: 7.601572739187418%; + left: 14.803247970018738%; + width: 70.95565271705185%; + height: 83.8794233289646%; +} +.device[data-device="iPhoneSE"][data-orientation="landscape"][data-color="pink"] .button { + top: 40.62909567496724%; + left: 88.50718301061836%; + width: 8.432229856339788%; + height: 17.693315858453474%; +} +.device[data-device="iPhone5"][data-orientation="portrait"][data-color="black"] { + padding-bottom: 209.46123521681997%; + background-image: url("iPhone5/portrait_black.png"); +} +.device[data-device="iPhone5"][data-orientation="portrait"][data-color="black"] .screen { + top: 14.805520702634881%; + left: 8.278580814717477%; + width: 84.23127463863338%; + height: 71.267252195734%; +} +.device[data-device="iPhone5"][data-orientation="portrait"][data-color="black"] .button { + top: 88.51944792973651%; + left: 41.52431011826544%; + width: 18.00262812089356%; + height: 8.594730238393977%; +} +.device[data-device="iPhone5"][data-orientation="portrait"][data-color="white"] { + padding-bottom: 209.46123521681997%; + background-image: url("iPhone5/portrait_white.png"); +} +.device[data-device="iPhone5"][data-orientation="portrait"][data-color="white"] .screen { + top: 14.805520702634881%; + left: 8.278580814717477%; + width: 84.23127463863338%; + height: 71.267252195734%; +} +.device[data-device="iPhone5"][data-orientation="portrait"][data-color="white"] .button { + top: 88.51944792973651%; + left: 41.52431011826544%; + width: 18.00262812089356%; + height: 8.594730238393977%; +} +.device[data-device="iPhone5"][data-orientation="landscape"][data-color="black"] { + padding-bottom: 47.74153074027603%; + background-image: url("iPhone5/landscape_black.png"); +} +.device[data-device="iPhone5"][data-orientation="landscape"][data-color="black"] .screen { + top: 7.490144546649145%; + left: 14.805520702634881%; + width: 71.267252195734%; + height: 84.23127463863338%; +} +.device[data-device="iPhone5"][data-orientation="landscape"][data-color="black"] .button { + top: 40.473061760841%; + left: 88.51944792973651%; + width: 8.594730238393977%; + height: 18.00262812089356%; +} +.device[data-device="iPhone5"][data-orientation="landscape"][data-color="white"] { + padding-bottom: 47.74153074027603%; + background-image: url("iPhone5/landscape_white.png"); +} +.device[data-device="iPhone5"][data-orientation="landscape"][data-color="white"] .screen { + top: 7.490144546649145%; + left: 14.805520702634881%; + width: 71.267252195734%; + height: 84.23127463863338%; +} +.device[data-device="iPhone5"][data-orientation="landscape"][data-color="white"] .button { + top: 40.473061760841%; + left: 88.51944792973651%; + width: 8.594730238393977%; + height: 18.00262812089356%; +} +.device[data-device="Lumia930"][data-orientation="portrait"][data-color="black"] { + padding-bottom: 192.31287929871883%; + background-image: url("Lumia930/portrait_black.png"); +} +.device[data-device="Lumia930"][data-orientation="portrait"][data-color="black"] .screen { + top: 7.1178120617110805%; + left: 5.529332434254889%; + width: 87.86244099797707%; + height: 81.13604488078542%; +} +.device[data-device="Lumia930"][data-orientation="portrait"][data-color="black"] .button { + display: none; + top: 0%; + left: 0%; + width: 100%; + height: 100%; +} +.device[data-device="Lumia930"][data-orientation="portrait"][data-color="white"] { + padding-bottom: 192.31287929871883%; + background-image: url("Lumia930/portrait_white.png"); +} +.device[data-device="Lumia930"][data-orientation="portrait"][data-color="white"] .screen { + top: 7.1178120617110805%; + left: 5.529332434254889%; + width: 87.86244099797707%; + height: 81.13604488078542%; +} +.device[data-device="Lumia930"][data-orientation="portrait"][data-color="white"] .button { + display: none; + top: 0%; + left: 0%; + width: 100%; + height: 100%; +} +.device[data-device="Lumia930"][data-orientation="landscape"][data-color="black"] { + padding-bottom: 51.998597475455824%; + background-image: url("Lumia930/landscape_black.png"); +} +.device[data-device="Lumia930"][data-orientation="landscape"][data-color="black"] .screen { + top: 6.608226567768037%; + left: 7.1178120617110805%; + width: 81.13604488078542%; + height: 87.86244099797707%; +} +.device[data-device="Lumia930"][data-orientation="landscape"][data-color="black"] .button { + display: none; + top: 0%; + left: 0%; + width: 100%; + height: 100%; +} +.device[data-device="Lumia930"][data-orientation="landscape"][data-color="white"] { + padding-bottom: 51.998597475455824%; + background-image: url("Lumia930/landscape_white.png"); +} +.device[data-device="Lumia930"][data-orientation="landscape"][data-color="white"] .screen { + top: 6.608226567768037%; + left: 7.1178120617110805%; + width: 81.13604488078542%; + height: 87.86244099797707%; +} +.device[data-device="Lumia930"][data-orientation="landscape"][data-color="white"] .button { + display: none; + top: 0%; + left: 0%; + width: 100%; + height: 100%; +} +.device[data-device="Macbook"][data-orientation="portrait"][data-color="black"] { + padding-bottom: 57.51565762004176%; + background-image: url("Macbook/portrait_black.png"); +} +.device[data-device="Macbook"][data-orientation="portrait"][data-color="black"] .screen { + top: 7.259528130671507%; + left: 12.369519832985386%; + width: 75.26096033402922%; + height: 81.85117967332124%; +} +.device[data-device="Macbook"][data-orientation="portrait"][data-color="black"] .button { + display: none; + top: 0%; + left: 0%; + width: 100%; + height: 100%; +} +.device[data-device="Macbook"][data-orientation="portrait"][data-color="white"] { + padding-bottom: 57.51565762004176%; + background-image: url("Macbook/portrait_white.png"); +} +.device[data-device="Macbook"][data-orientation="portrait"][data-color="white"] .screen { + top: 7.259528130671507%; + left: 12.369519832985386%; + width: 75.26096033402922%; + height: 81.85117967332124%; +} +.device[data-device="Macbook"][data-orientation="portrait"][data-color="white"] .button { + display: none; + top: 0%; + left: 0%; + width: 100%; + height: 100%; +} +.device[data-device="Macbook"][data-orientation="portrait"][data-color="gold"] { + padding-bottom: 57.51565762004176%; + background-image: url("Macbook/portrait_gold.png"); +} +.device[data-device="Macbook"][data-orientation="portrait"][data-color="gold"] .screen { + top: 7.259528130671507%; + left: 12.369519832985386%; + width: 75.26096033402922%; + height: 81.85117967332124%; +} +.device[data-device="Macbook"][data-orientation="portrait"][data-color="gold"] .button { + display: none; + top: 0%; + left: 0%; + width: 100%; + height: 100%; +} +.device[data-device="Macbook2015"][data-orientation="portrait"][data-color="black"] { + padding-bottom: 57.51565762004176%; + background-image: url("Macbook2015/portrait_black.png"); +} +.device[data-device="Macbook2015"][data-orientation="portrait"][data-color="black"] .screen { + top: 7.350272232304899%; + left: 12.421711899791232%; + width: 75.15657620041753%; + height: 81.76043557168784%; +} +.device[data-device="Macbook2015"][data-orientation="portrait"][data-color="black"] .button { + display: none; + top: 0%; + left: 0%; + width: 100%; + height: 100%; +} +.device[data-device="Macbook2015"][data-orientation="portrait"][data-color="white"] { + padding-bottom: 57.51565762004176%; + background-image: url("Macbook2015/portrait_white.png"); +} +.device[data-device="Macbook2015"][data-orientation="portrait"][data-color="white"] .screen { + top: 7.350272232304899%; + left: 12.421711899791232%; + width: 75.15657620041753%; + height: 81.76043557168784%; +} +.device[data-device="Macbook2015"][data-orientation="portrait"][data-color="white"] .button { + display: none; + top: 0%; + left: 0%; + width: 100%; + height: 100%; +} +.device[data-device="Macbook2015"][data-orientation="portrait"][data-color="gold"] { + padding-bottom: 57.51565762004176%; + background-image: url("Macbook2015/portrait_gold.png"); +} +.device[data-device="Macbook2015"][data-orientation="portrait"][data-color="gold"] .screen { + top: 7.350272232304899%; + left: 12.421711899791232%; + width: 75.15657620041753%; + height: 81.76043557168784%; +} +.device[data-device="Macbook2015"][data-orientation="portrait"][data-color="gold"] .button { + display: none; + top: 0%; + left: 0%; + width: 100%; + height: 100%; +} +.device[data-device="MacbookPro"][data-orientation="portrait"][data-color="black"] { + padding-bottom: 57.94701986754966%; + background-image: url("MacbookPro/portrait_black.png"); +} +.device[data-device="MacbookPro"][data-orientation="portrait"][data-color="black"] .screen { + top: 6.714285714285714%; + left: 11.83774834437086%; + width: 76.40728476821192%; + height: 82.42857142857143%; +} +.device[data-device="MacbookPro"][data-orientation="portrait"][data-color="black"] .button { + display: none; + top: 0%; + left: 0%; + width: 100%; + height: 100%; +} +.device[data-device="SamsungTV"][data-orientation="portrait"][data-color="black"] { + padding-bottom: 64.6780303030303%; + background-image: url("SamsungTV/portrait_black.png"); +} +.device[data-device="SamsungTV"][data-orientation="portrait"][data-color="black"] .screen { + top: 2.1961932650073206%; + left: 1.3257575757575757%; + width: 97.25378787878788%; + height: 85.21229868228404%; +} +.device[data-device="SamsungTV"][data-orientation="portrait"][data-color="black"] .button { + display: none; + top: 0%; + left: 0%; + width: 100%; + height: 100%; +} +.device[data-device="Surface"][data-orientation="portrait"][data-color="black"] { + padding-bottom: 62.38125395820139%; + background-image: url("Surface/portrait_black.png"); +} +.device[data-device="Surface"][data-orientation="portrait"][data-color="black"] .screen { + top: 11.065989847715736%; + left: 6.776440785307157%; + width: 86.38378720709309%; + height: 77.76649746192894%; +} +.device[data-device="Surface"][data-orientation="portrait"][data-color="black"] .button { + top: 92.18274111675126%; + left: 48.89170360987967%; + width: 2.3432552248258394%; + height: 3.654822335025381%; +} +.device[data-device="iPhone6Hand"][data-orientation="portrait"][data-color="black"] { + padding-bottom: 89.11783644558918%; + background-image: url("iPhone6Hand/portrait_black.png"); +} +.device[data-device="iPhone6Hand"][data-orientation="portrait"][data-color="black"] .screen { + top: 10.83815028901734%; + left: 10.946555054732775%; + width: 33.67675466838377%; + height: 67.26878612716763%; +} +.device[data-device="iPhone6Hand"][data-orientation="portrait"][data-color="black"] .button { + top: 79.6965317919075%; + left: 24.790727623953636%; + width: 5.988409529942048%; + height: 6.791907514450866%; +} +.device[data-device="iPhone6Hand"][data-orientation="portrait"][data-color="white"] { + padding-bottom: 89.11783644558918%; + background-image: url("iPhone6Hand/portrait_white.png"); +} +.device[data-device="iPhone6Hand"][data-orientation="portrait"][data-color="white"] .screen { + top: 10.83815028901734%; + left: 11.07533805537669%; + width: 33.54797166773986%; + height: 67.26878612716763%; +} +.device[data-device="iPhone6Hand"][data-orientation="portrait"][data-color="white"] .button { + top: 79.6965317919075%; + left: 24.790727623953636%; + width: 5.988409529942048%; + height: 6.791907514450866%; +} +.device[data-device="iPhone7Hand"][data-orientation="portrait"][data-color="black"] { + padding-bottom: 158.39243498817967%; + background-image: url("iPhone7Hand/portrait_black.png"); +} +.device[data-device="iPhone7Hand"][data-orientation="portrait"][data-color="black"] .screen { + top: 7.835820895522389%; + left: 41.25295508274232%; + width: 42.198581560283685%; + height: 47.23880597014926%; +} +.device[data-device="iPhone7Hand"][data-orientation="portrait"][data-color="black"] .button { + top: 56.19402985074626%; + left: 58.392434988179666%; + width: 7.801418439716312%; + height: 4.925373134328359%; +} +.device[data-device="iPhone7Hand_2"][data-orientation="portrait"][data-color="black"] { + padding-bottom: 158.39243498817967%; + background-image: url("iPhone7Hand_2/portrait_black.png"); +} +.device[data-device="iPhone7Hand_2"][data-orientation="portrait"][data-color="black"] .screen { + top: 7.835820895522389%; + left: 41.25295508274232%; + width: 42.198581560283685%; + height: 47.23880597014926%; +} +.device[data-device="iPhone7Hand_2"][data-orientation="portrait"][data-color="black"] .button { + top: 56.19402985074626%; + left: 58.392434988179666%; + width: 7.801418439716312%; + height: 4.925373134328359%; +} +.device[data-device="Chromebook"][data-orientation="portrait"][data-color="black"] { + padding-bottom: 58.97363993269771%; + background-image: url("Chromebook/portrait_black.png"); +} +.device[data-device="Chromebook"][data-orientation="portrait"][data-color="black"] .screen { + top: 7.893485496909178%; + left: 12.731351654514864%; + width: 74.14469994391474%; + height: 71.2791250594389%; +} +.device[data-device="Chromebook"][data-orientation="portrait"][data-color="black"] .button { + display: none; + top: 0%; + left: 0%; + width: 100%; + height: 100%; +} +.device[data-device="HtcOneM8"][data-orientation="portrait"][data-color="black"] { + padding-bottom: 209.06250000000003%; + background-image: url("HtcOneM8/portrait_black.png"); +} +.device[data-device="HtcOneM8"][data-orientation="portrait"][data-color="black"] .screen { + top: 10.762331838565023%; + left: 5.3125%; + width: 89.0625%; + height: 75.63527653213752%; +} +.device[data-device="HtcOneM8"][data-orientation="portrait"][data-color="black"] .button { + display: none; + top: 0%; + left: 0%; + width: 100%; + height: 100%; +} +.device[data-device="HtcOneM8"][data-orientation="landscape"][data-color="black"] { + padding-bottom: 47.832585949177876%; + background-image: url("HtcOneM8/landscape_black.png"); +} +.device[data-device="HtcOneM8"][data-orientation="landscape"][data-color="black"] .screen { + top: 5.625%; + left: 10.762331838565023%; + width: 75.63527653213752%; + height: 89.0625%; +} +.device[data-device="HtcOneM8"][data-orientation="landscape"][data-color="black"] .button { + display: none; + top: 0%; + left: 0%; + width: 100%; + height: 100%; +} +.device[data-device="HuaweiP8"][data-orientation="portrait"][data-color="gold"] { + padding-bottom: 209.7408400357462%; + background-image: url("HuaweiP8/portrait_gold.png"); +} +.device[data-device="HuaweiP8"][data-orientation="portrait"][data-color="gold"] .screen { + top: 9.118023008095442%; + left: 1.6979445933869526%; + width: 95.88918677390528%; + height: 81.80656156795911%; +} +.device[data-device="HuaweiP8"][data-orientation="portrait"][data-color="gold"] .button { + display: none; + top: 0%; + left: 0%; + width: 100%; + height: 100%; +} +.device[data-device="HuaweiP8"][data-orientation="landscape"][data-color="gold"] { + padding-bottom: 47.677886663826165%; + background-image: url("HuaweiP8/landscape_gold.png"); +} +.device[data-device="HuaweiP8"][data-orientation="landscape"][data-color="gold"] .screen { + top: 2.4128686327077746%; + left: 9.118023008095442%; + width: 81.80656156795911%; + height: 95.88918677390528%; +} +.device[data-device="HuaweiP8"][data-orientation="landscape"][data-color="gold"] .button { + display: none; + top: 0%; + left: 0%; + width: 100%; + height: 100%; +} +.device[data-device="SurfacePro3"][data-orientation="landscape"][data-color="black"] { + padding-bottom: 68.15796741231705%; + background-image: url("SurfacePro3/landscape_black.png"); +} +.device[data-device="SurfacePro3"][data-orientation="landscape"][data-color="black"] .screen { + top: 7.0907617504051865%; + left: 5.827119580226457%; + width: 88.34576083954708%; + height: 86.42625607779578%; +} +.device[data-device="SurfacePro3"][data-orientation="landscape"][data-color="black"] .button { + display: none; + top: 0%; + left: 0%; + width: 100%; + height: 100%; +} +.device[data-device="SurfaceStudio"][data-orientation="portrait"][data-color="black"] { + padding-bottom: 86.48036253776435%; + background-image: url("SurfaceStudio/portrait_black.png"); +} +.device[data-device="SurfaceStudio"][data-orientation="portrait"][data-color="black"] .screen { + top: 3.755458515283843%; + left: 3.2225579053373616%; + width: 93.52970795568983%; + height: 72.40174672489083%; +} +.device[data-device="SurfaceStudio"][data-orientation="portrait"][data-color="black"] .button { + display: none; + top: 0%; + left: 0%; + width: 100%; + height: 100%; +} +.device[data-device="iPhone7"][data-orientation="portrait"][data-color="black"] { + padding-bottom: 203.10344827586212%; + background-image: url("iPhone7/portrait_black.png"); +} +.device[data-device="iPhone7"][data-orientation="portrait"][data-color="black"] .screen { + top: 11.997736276174306%; + left: 6.206896551724138%; + width: 87.35632183908046%; + height: 76.06112054329371%; +} +.device[data-device="iPhone7"][data-orientation="portrait"][data-color="black"] .button { + top: 89.53027730616864%; + left: 42.298850574712645%; + width: 15.747126436781608%; + height: 7.753254102999434%; +} +.device[data-device="iPhone7"][data-orientation="portrait"][data-color="white"] { + padding-bottom: 203.10344827586212%; + background-image: url("iPhone7/portrait_white.png"); +} +.device[data-device="iPhone7"][data-orientation="portrait"][data-color="white"] .screen { + top: 11.997736276174306%; + left: 6.206896551724138%; + width: 87.35632183908046%; + height: 76.06112054329371%; +} +.device[data-device="iPhone7"][data-orientation="portrait"][data-color="white"] .button { + top: 89.53027730616864%; + left: 42.298850574712645%; + width: 15.747126436781608%; + height: 7.753254102999434%; +} +.device[data-device="iPhone7"][data-orientation="portrait"][data-color="gold"] { + padding-bottom: 203.10344827586212%; + background-image: url("iPhone7/portrait_gold.png"); +} +.device[data-device="iPhone7"][data-orientation="portrait"][data-color="gold"] .screen { + top: 11.997736276174306%; + left: 6.206896551724138%; + width: 87.35632183908046%; + height: 76.06112054329371%; +} +.device[data-device="iPhone7"][data-orientation="portrait"][data-color="gold"] .button { + top: 89.53027730616864%; + left: 42.298850574712645%; + width: 15.747126436781608%; + height: 7.753254102999434%; +} +.device[data-device="iPhone7"][data-orientation="portrait"][data-color="pink"] { + padding-bottom: 203.10344827586212%; + background-image: url("iPhone7/portrait_pink.png"); +} +.device[data-device="iPhone7"][data-orientation="portrait"][data-color="pink"] .screen { + top: 11.997736276174306%; + left: 6.206896551724138%; + width: 87.35632183908046%; + height: 76.06112054329371%; +} +.device[data-device="iPhone7"][data-orientation="portrait"][data-color="pink"] .button { + top: 89.53027730616864%; + left: 42.298850574712645%; + width: 15.747126436781608%; + height: 7.753254102999434%; +} +.device[data-device="iPhone7"][data-orientation="portrait"][data-color="red"] { + padding-bottom: 201.91082802547774%; + background-image: url("iPhone7/portrait_red.png"); +} +.device[data-device="iPhone7"][data-orientation="portrait"][data-color="red"] .screen { + top: 11.987381703470032%; + left: 6.687898089171974%; + width: 84.71337579617835%; + height: 75.55205047318611%; +} +.device[data-device="iPhone7"][data-orientation="portrait"][data-color="red"] .button { + top: 89.74763406940063%; + left: 42.35668789808918%; + width: 15.605095541401273%; + height: 7.728706624605679%; +} +.device[data-device="iPhone7"][data-orientation="landscape"][data-color="black"] { + padding-bottom: 49.235993208828525%; + background-image: url("iPhone7/landscape_black.png"); +} +.device[data-device="iPhone7"][data-orientation="landscape"][data-color="black"] .screen { + top: 6.436781609195402%; + left: 11.997736276174306%; + width: 76.06112054329371%; + height: 87.35632183908046%; +} +.device[data-device="iPhone7"][data-orientation="landscape"][data-color="black"] .button { + top: 41.95402298850575%; + left: 89.53027730616864%; + width: 7.753254102999434%; + height: 15.747126436781608%; +} +.device[data-device="iPhone7"][data-orientation="landscape"][data-color="white"] { + padding-bottom: 49.235993208828525%; + background-image: url("iPhone7/landscape_white.png"); +} +.device[data-device="iPhone7"][data-orientation="landscape"][data-color="white"] .screen { + top: 6.436781609195402%; + left: 11.997736276174306%; + width: 76.06112054329371%; + height: 87.35632183908046%; +} +.device[data-device="iPhone7"][data-orientation="landscape"][data-color="white"] .button { + top: 41.95402298850575%; + left: 89.53027730616864%; + width: 7.753254102999434%; + height: 15.747126436781608%; +} +.device[data-device="iPhone7"][data-orientation="landscape"][data-color="gold"] { + padding-bottom: 49.235993208828525%; + background-image: url("iPhone7/landscape_gold.png"); +} +.device[data-device="iPhone7"][data-orientation="landscape"][data-color="gold"] .screen { + top: 6.436781609195402%; + left: 11.997736276174306%; + width: 76.06112054329371%; + height: 87.35632183908046%; +} +.device[data-device="iPhone7"][data-orientation="landscape"][data-color="gold"] .button { + top: 41.95402298850575%; + left: 89.53027730616864%; + width: 7.753254102999434%; + height: 15.747126436781608%; +} +.device[data-device="iPhone7"][data-orientation="landscape"][data-color="pink"] { + padding-bottom: 49.235993208828525%; + background-image: url("iPhone7/landscape_pink.png"); +} +.device[data-device="iPhone7"][data-orientation="landscape"][data-color="pink"] .screen { + top: 6.436781609195402%; + left: 11.997736276174306%; + width: 76.06112054329371%; + height: 87.35632183908046%; +} +.device[data-device="iPhone7"][data-orientation="landscape"][data-color="pink"] .button { + top: 41.95402298850575%; + left: 89.53027730616864%; + width: 7.753254102999434%; + height: 15.747126436781608%; +} +.device[data-device="iPhone7"][data-orientation="landscape"][data-color="red"] { + padding-bottom: 49.526813880126184%; + background-image: url("iPhone7/landscape_red.png"); +} +.device[data-device="iPhone7"][data-orientation="landscape"][data-color="red"] .screen { + top: 8.598726114649681%; + left: 11.987381703470032%; + width: 75.55205047318611%; + height: 84.71337579617835%; +} +.device[data-device="iPhone7"][data-orientation="landscape"][data-color="red"] .button { + top: 42.038216560509554%; + left: 89.74763406940063%; + width: 7.728706624605679%; + height: 15.605095541401273%; +} +.device[data-device="Pixel"][data-orientation="portrait"][data-color="white"] { + padding-bottom: 202.62008733624458%; + background-image: url("Pixel/portrait_white.png"); +} +.device[data-device="Pixel"][data-orientation="portrait"][data-color="white"] .screen { + top: 9.698275862068966%; + left: 4.366812227074235%; + width: 90.39301310043668%; + height: 78.66379310344827%; +} +.device[data-device="Pixel"][data-orientation="portrait"][data-color="white"] .button { + top: 90.51724137931035%; + left: 44.97816593886463%; + width: 11.353711790393014%; + height: 4.310344827586207%; +} +.device[data-device="Pixel"][data-orientation="portrait"][data-color="black"] { + padding-bottom: 202.62008733624458%; + background-image: url("Pixel/portrait_black.png"); +} +.device[data-device="Pixel"][data-orientation="portrait"][data-color="black"] .screen { + top: 9.698275862068966%; + left: 4.366812227074235%; + width: 90.39301310043668%; + height: 78.66379310344827%; +} +.device[data-device="Pixel"][data-orientation="portrait"][data-color="black"] .button { + top: 90.51724137931035%; + left: 44.97816593886463%; + width: 11.353711790393014%; + height: 4.310344827586207%; } diff --git a/docs/vendor/device-mockups/device-mockups.min.css b/docs/vendor/device-mockups/device-mockups.min.css @@ -1 +1 @@ -.device-mockup{position:relative;width:100%;padding-bottom:61.775701%}.device-mockup>.device{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-size:100% 100%;background-repeat:no-repeat;background-image:url(macbook/macbook.png)}.device-mockup>.device>.screen{position:absolute;top:11.0438729%;bottom:14.6747352%;left:13.364486%;right:13.364486%;overflow:hidden}.device-mockup>.device>.button{position:absolute;top:0;left:0;display:none;overflow:hidden;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;cursor:pointer}.device-mockup.imac{padding-bottom:81.230769%}.device-mockup.imac>.device{background-image:url(imac/imac.png)}.device-mockup.imac>.device>.screen{top:8.20707071%;bottom:31.6919192%;left:6.61538462%;right:6.61538462%}.device-mockup.macbook{padding-bottom:61.775701%}.device-mockup.macbook>.device{background-image:url(macbook/macbook.png)}.device-mockup.macbook>.device>.screen{top:11.0438729%;bottom:14.6747352%;left:13.364486%;right:13.364486%}.device-mockup.macbook_2015{padding-bottom:57.5%}.device-mockup.macbook_2015.grey>.device,.device-mockup.macbook_2015>.device{background-image:url(macbook_2015/grey.png)}.device-mockup.macbook_2015.silver>.device,.device-mockup.macbook_2015>.device{background-image:url(macbook_2015/silver.png)}.device-mockup.macbook_2015.gold>.device,.device-mockup.macbook_2015>.device{background-image:url(macbook_2015/gold.png)}.device-mockup.macbook_2015>.device>.screen{top:7.5%;bottom:10.9%;left:12.46%;right:12.56%}.device-mockup.iphone5,.device-mockup.iphone5.portrait{padding-bottom:210.57%}.device-mockup.iphone5.landscape{padding-bottom:47.49%}.device-mockup.iphone5.black>.device,.device-mockup.iphone5.portrait.black>.device,.device-mockup.iphone5>.device{background-image:url(iphone5/iphone5_port_black.png)}.device-mockup.iphone5.landscape.black>.device,.device-mockup.iphone5.landscape>.device{background-image:url(iphone5/iphone5_land_black.png)}.device-mockup.iphone5.portrait.white>.device,.device-mockup.iphone5.white>.device{background-image:url(iphone5/iphone5_port_white.png)}.device-mockup.iphone5.landscape.white>.device{background-image:url(iphone5/iphone5_land_white.png)}.device-mockup.iphone5.portrait>.device>.screen,.device-mockup.iphone5>.device>.screen{top:14.78%;bottom:13.78%;left:8.77%;right:7.77%}.device-mockup.iphone5.landscape>.device>.screen{top:7.422488%;bottom:8.422488%;left:14.919127%;right:14.019127%}.device-mockup.iphone5.portrait>.device>.button,.device-mockup.iphone5>.device>.button{display:block;top:88.3%;bottom:2.5%;left:40%;right:40%}.device-mockup.iphone5.landscape>.device>.button{display:block;top:40%;bottom:41%;left:88.4%;right:2.3%}.device-mockup.iphone_se,.device-mockup.iphone_se.portrait{padding-bottom:209.83%}.device-mockup.iphone_se.landscape{padding-bottom:47.66%}.device-mockup.iphone_se.black>.device,.device-mockup.iphone_se.portrait.black>.device,.device-mockup.iphone_se>.device{background-image:url(iphone_se/iphone_se_port_black.png)}.device-mockup.iphone_se.landscape.black>.device,.device-mockup.iphone_se.landscape>.device{background-image:url(iphone_se/iphone_se_land_black.png)}.device-mockup.iphone_se.portrait.white>.device,.device-mockup.iphone_se.white>.device{background-image:url(iphone_se/iphone_se_port_white.png)}.device-mockup.iphone_se.landscape.white>.device{background-image:url(iphone_se/iphone_se_land_white.png)}.device-mockup.iphone_se.gold>.device,.device-mockup.iphone_se.portrait.gold>.device{background-image:url(iphone_se/iphone_se_port_gold.png)}.device-mockup.iphone_se.landscape.gold>.device{background-image:url(iphone_se/iphone_se_land_gold.png)}.device-mockup.iphone_se.portrait.rose>.device,.device-mockup.iphone_se.rose>.device{background-image:url(iphone_se/iphone_se_port_rose.png)}.device-mockup.iphone_se.landscape.rose>.device{background-image:url(iphone_se/iphone_se_land_rose.png)}.device-mockup.iphone_se.portrait>.device>.screen,.device-mockup.iphone_se>.device>.screen{top:16.28%;bottom:16.28%;left:11.77%;right:11.77%}.device-mockup.iphone_se.landscape>.device>.screen{top:11.722488%;bottom:11.722488%;left:16.0191273%;right:16.0191273%}.device-mockup.iphone_se.portrait>.device>.button,.device-mockup.iphone_se>.device>.button{display:block;top:86.3%;bottom:5.5%;left:42%;right:42%}.device-mockup.iphone_se.landscape>.device>.button{display:block;top:42%;bottom:42%;left:86.4%;right:5.1%}.device-mockup.iphone6,.device-mockup.iphone6.portrait{padding-bottom:207.19%}.device-mockup.iphone6.landscape{padding-bottom:48.76%}.device-mockup.iphone6.black>.device,.device-mockup.iphone6.portrait.black>.device,.device-mockup.iphone6>.device{background-image:url(iphone_6/iphone_6_port_black.png)}.device-mockup.iphone6.landscape.black>.device,.device-mockup.iphone6.landscape>.device{background-image:url(iphone_6/iphone_6_land_black.png)}.device-mockup.iphone6.portrait.white>.device,.device-mockup.iphone6.white>.device{background-image:url(iphone_6/iphone_6_port_white.png)}.device-mockup.iphone6.landscape.white>.device{background-image:url(iphone_6/iphone_6_land_white.png)}.device-mockup.iphone6.gold>.device,.device-mockup.iphone6.portrait.gold>.device{background-image:url(iphone_6/iphone_6_port_gold.png)}.device-mockup.iphone6.landscape.gold>.device{background-image:url(iphone_6/iphone_6_land_gold.png)}.device-mockup.iphone6.portrait>.device>.screen,.device-mockup.iphone6>.device>.screen{top:12.58%;bottom:12.88%;left:6.77%;right:6.77%}.device-mockup.iphone6.landscape>.device>.screen{top:6.77%;bottom:6.77%;left:12.58%;right:12.88%}.device-mockup.iphone6.portrait>.device>.button,.device-mockup.iphone6>.device>.button{display:block;top:88.6%;bottom:3.2%;left:42%;right:42%}.device-mockup.iphone6.landscape>.device>.button{display:block;top:42%;bottom:42%;left:88.6%;right:3.2%}.device-mockup.iphone6_plus,.device-mockup.iphone6_plus.portrait{padding-bottom:201.76%}.device-mockup.iphone6_plus.landscape{padding-bottom:49.56%}.device-mockup.iphone6_plus.black>.device,.device-mockup.iphone6_plus.portrait.black>.device,.device-mockup.iphone6_plus>.device{background-image:url(iphone_6_plus/iphone_6_plus_black_port.png)}.device-mockup.iphone6_plus.landscape.black>.device,.device-mockup.iphone6_plus.landscape>.device{background-image:url(iphone_6_plus/iphone_6_plus_black_land.png)}.device-mockup.iphone6_plus.portrait.white>.device,.device-mockup.iphone6_plus.white>.device{background-image:url(iphone_6_plus/iphone_6_plus_white_port.png)}.device-mockup.iphone6_plus.landscape.white>.device{background-image:url(iphone_6_plus/iphone_6_plus_white_land.png)}.device-mockup.iphone6_plus.gold>.device,.device-mockup.iphone6_plus.portrait.gold>.device{background-image:url(iphone_6_plus/iphone_6_plus_gold_port.png)}.device-mockup.iphone6_plus.landscape.gold>.device{background-image:url(iphone_6_plus/iphone_6_plus_gold_land.png)}.device-mockup.iphone6_plus.portrait>.device>.screen,.device-mockup.iphone6_plus>.device>.screen{top:11.58%;bottom:11.58%;left:5.97%;right:5.97%}.device-mockup.iphone6_plus.landscape>.device>.screen{top:5.97%;bottom:5.97%;left:11.38%;right:11.58%}.device-mockup.iphone6_plus.portrait>.device>.button,.device-mockup.iphone6_plus>.device>.button{display:block;top:89.9%;bottom:3.2%;left:43%;right:43%}.device-mockup.iphone6_plus.landscape>.device>.button{display:block;top:43%;bottom:43%;left:89.9%;right:3.2%}.device-mockup.ipad,.device-mockup.ipad.portrait{padding-bottom:128.406276%}.device-mockup.ipad.landscape{padding-bottom:79.9086758%}.device-mockup.ipad.black>.device,.device-mockup.ipad.portrait.black>.device,.device-mockup.ipad>.device{background-image:url(ipad/ipad_port_black.png)}.device-mockup.ipad.portrait.white>.device,.device-mockup.ipad.white>.device{background-image:url(ipad/ipad_port_white.png)}.device-mockup.ipad.landscape.black>.device,.device-mockup.ipad.landscape>.device{background-image:url(ipad/ipad_land_black.png)}.device-mockup.ipad.landscape.white>.device{background-image:url(ipad/ipad_land_white.png)}.device-mockup.ipad.portrait>.device>.screen,.device-mockup.ipad>.device>.screen{top:12.025723%;bottom:12.154341%;left:13.45995%;right:13.45995%}.device-mockup.ipad.landscape>.device>.screen{top:13.87755102%;bottom:13.87755102%;left:11.5459883%;right:11.5459883%}.device-mockup.ipad.portrait>.device>.button,.device-mockup.ipad>.device>.button{display:block;top:90.2%;bottom:5.5%;left:47.3%;right:47.3%}.device-mockup.ipad.landscape>.device>.button{display:block;top:47.3%;bottom:47.3%;left:90.8%;right:4.9%}.device-mockup.ipad_air,.device-mockup.ipad_air.portrait{padding-bottom:141.27%}.device-mockup.ipad_air.landscape{padding-bottom:70.79%}.device-mockup.ipad_air.grey>.device,.device-mockup.ipad_air.portrait.grey>.device,.device-mockup.ipad_air>.device{background-image:url(ipad_air/ipad_air_gray_port.png)}.device-mockup.ipad_air.portrait.silver>.device,.device-mockup.ipad_air.silver>.device{background-image:url(ipad_air/ipad_air_silver_port.png)}.device-mockup.ipad_air.landscape.grey>.device,.device-mockup.ipad_air.landscape>.device{background-image:url(ipad_air/ipad_air_gray_land.png)}.device-mockup.ipad_air.landscape.silver>.device{background-image:url(ipad_air/ipad_air_silver_land.png)}.device-mockup.ipad_air.portrait>.device>.screen,.device-mockup.ipad_air>.device>.screen{top:9.025723%;bottom:9.154341%;left:7.45995%;right:6.45995%}.device-mockup.ipad_air.landscape>.device>.screen{top:6.877551%;bottom:6.877551%;left:9.545988%;right:9.545988%}.device-mockup.ipad_air.portrait>.device>.button,.device-mockup.ipad_air>.device>.button{display:block;top:93.2%;bottom:2.5%;left:47.3%;right:47.3%}.device-mockup.ipad_air.landscape>.device>.button{display:block;top:47.3%;bottom:47.3%;left:93.1%;right:2.1%}.device-mockup.ipad_air_2,.device-mockup.ipad_air_2.portrait{padding-bottom:141.38%}.device-mockup.ipad_air_2.landscape{padding-bottom:70.73%}.device-mockup.ipad_air_2.grey>.device,.device-mockup.ipad_air_2.portrait.grey>.device,.device-mockup.ipad_air_2>.device{background-image:url(ipad_air_2/ipad_air_2_gray_port.png)}.device-mockup.ipad_air_2.portrait.silver>.device,.device-mockup.ipad_air_2.silver>.device{background-image:url(ipad_air_2/ipad_air_2_silver_port.png)}.device-mockup.ipad_air_2.gold>.device,.device-mockup.ipad_air_2.portrait.gold>.device{background-image:url(ipad_air_2/ipad_air_2_gold_port.png)}.device-mockup.ipad_air_2.landscape.grey>.device,.device-mockup.ipad_air_2.landscape>.device{background-image:url(ipad_air_2/ipad_air_2_gray_land.png)}.device-mockup.ipad_air_2.landscape.silver>.device{background-image:url(ipad_air_2/ipad_air_2_silver_land.png)}.device-mockup.ipad_air_2.landscape.gold>.device{background-image:url(ipad_air_2/ipad_air_2_gold_land.png)}.device-mockup.ipad_air_2.portrait>.device>.screen,.device-mockup.ipad_air_2>.device>.screen{top:9.025723%;bottom:8.854341%;left:6.15995%;right:6.15995%}.device-mockup.ipad_air_2.landscape>.device>.screen{top:6.277551%;bottom:6.277551%;left:8.545988%;right:8.545988%}.device-mockup.ipad_air_2.portrait>.device>.button,.device-mockup.ipad_air_2>.device>.button{display:block;top:93.2%;bottom:2.1%;left:46.3%;right:46.5%}.device-mockup.ipad_air_2.landscape>.device>.button{display:block;top:46.5%;bottom:46.8%;left:93.5%;right:1.9%}.device-mockup.ipad_pro,.device-mockup.ipad_pro.portrait{padding-bottom:138.63%}.device-mockup.ipad_pro.landscape{padding-bottom:72.14%}.device-mockup.ipad_pro.grey>.device,.device-mockup.ipad_pro.portrait.grey>.device,.device-mockup.ipad_pro>.device{background-image:url(ipad_pro/ipad_pro_port_black.png)}.device-mockup.ipad_pro.portrait.silver>.device,.device-mockup.ipad_pro.silver>.device{background-image:url(ipad_pro/ipad_pro_port_silver.png)}.device-mockup.ipad_pro.gold>.device,.device-mockup.ipad_pro.portrait.gold>.device{background-image:url(ipad_pro/ipad_pro_port_gold.png)}.device-mockup.ipad_pro.landscape.grey>.device,.device-mockup.ipad_pro.landscape>.device{background-image:url(ipad_pro/ipad_pro_land_black.png)}.device-mockup.ipad_pro.landscape.silver>.device{background-image:url(ipad_pro/ipad_pro_land_silver.png)}.device-mockup.ipad_pro.landscape.gold>.device{background-image:url(ipad_pro/ipad_pro_land_gold.png)}.device-mockup.ipad_pro.portrait>.device>.screen,.device-mockup.ipad_pro>.device>.screen{top:7.025723%;bottom:6.854341%;left:5.15995%;right:5.15995%}.device-mockup.ipad_pro.landscape>.device>.screen{top:5.177551%;bottom:5.177551%;left:6.945988%;right:6.945988%}.device-mockup.ipad_pro.portrait>.device>.button,.device-mockup.ipad_pro>.device>.button{display:block;top:94.9%;bottom:1.5%;left:47.3%;right:47.1%}.device-mockup.ipad_pro.landscape>.device>.button{display:block;top:47.5%;bottom:47.5%;left:94.8%;right:1.5%}.device-mockup.galaxy_s3,.device-mockup.galaxy_s3.portrait{padding-bottom:178.787879%}.device-mockup.galaxy_s3.landscape{padding-bottom:55.9322034%}.device-mockup.galaxy_s3.black>.device,.device-mockup.galaxy_s3.portrait.black>.device,.device-mockup.galaxy_s3>.device{background-image:url(galaxy_s3/s3_port_black.png)}.device-mockup.galaxy_s3.landscape.black>.device,.device-mockup.galaxy_s3.landscape>.device{background-image:url(galaxy_s3/s3_land_black.png)}.device-mockup.galaxy_s3.portrait.white>.device,.device-mockup.galaxy_s3.white>.device{background-image:url(galaxy_s3/s3_port_white.png)}.device-mockup.galaxy_s3.landscape.white>.device{background-image:url(galaxy_s3/s3_land_white.png)}.device-mockup.galaxy_s3.portrait>.device>.screen,.device-mockup.galaxy_s3>.device>.screen{top:12.3728814%;bottom:15.5367232%;left:13.8383838%;right:13.8383838%}.device-mockup.galaxy_s3.landscape>.device>.screen{top:13.8383838%;bottom:13.8383838%;left:12.3728814%;right:15.5367232%}.device-mockup.galaxy_s5,.device-mockup.galaxy_s5.portrait{padding-bottom:194.188862%}.device-mockup.galaxy_s5.landscape{padding-bottom:51.496259%}.device-mockup.galaxy_s5.black>.device,.device-mockup.galaxy_s5.portrait.black>.device,.device-mockup.galaxy_s5>.device{background-image:url(galaxy_s5/galaxy_s5_port_black.png)}.device-mockup.galaxy_s5.landscape.black>.device,.device-mockup.galaxy_s5.landscape>.device{background-image:url(galaxy_s5/galaxy_s5_land_black.png)}.device-mockup.galaxy_s5.portrait.white>.device,.device-mockup.galaxy_s5.white>.device{background-image:url(galaxy_s5/galaxy_s5_port_white.png)}.device-mockup.galaxy_s5.landscape.white>.device{background-image:url(galaxy_s5/galaxy_s5_land_white.png)}.device-mockup.galaxy_s5.portrait>.device>.screen,.device-mockup.galaxy_s5>.device>.screen{top:10.2%;bottom:10.1%;left:6.3%;right:6.4%}.device-mockup.galaxy_s5.landscape>.device>.screen{top:6.6%;bottom:6.2%;left:10.15%;right:10%}.device-mockup.galaxy_tab4,.device-mockup.galaxy_tab4.landscape{padding-bottom:72.689464%}.device-mockup.galaxy_tab4.black>.device,.device-mockup.galaxy_tab4.landscape.black>.device,.device-mockup.galaxy_tab4>.device{background-image:url(galaxy_tab4/galaxy_tab4_land_black.png)}.device-mockup.galaxy_tab4.landscape.white>.device,.device-mockup.galaxy_tab4.white>.device{background-image:url(galaxy_tab4/galaxy_tab4_land_white.png)}.device-mockup.galaxy_tab4.landscape>.device>.screen,.device-mockup.galaxy_tab4>.device>.screen{top:11.5%;bottom:11.5%;left:5.4%;right:5.2%}.device-mockup.lumia920,.device-mockup.lumia920.portrait{padding-bottom:172.796353%}.device-mockup.lumia920.landscape{padding-bottom:56.3330381%}.device-mockup.lumia920.portrait>.device,.device-mockup.lumia920>.device{background-image:url(lumia920/lumia920_port.png)}.device-mockup.lumia920.landscape>.device{background-image:url(lumia920/lumia920_land.png)}.device-mockup.lumia920.portrait>.device>.screen,.device-mockup.lumia920>.device>.screen{top:10.6420405%;bottom:18.9973615%;left:13.5258359%;right:13.5258359%}.device-mockup.lumia920.landscape>.device>.screen{top:12.2641509%;bottom:12.2641509%;left:10.5403012%;right:18.6005314%}.device-mockup.nexus7,.device-mockup.nexus7.portrait{padding-bottom:156.521739%}.device-mockup.nexus7.landscape{padding-bottom:63.6678201%}.device-mockup.nexus7.portrait>.device,.device-mockup.nexus7>.device{background-image:url(nexus7/nexus7_port.png)}.device-mockup.nexus7.landscape>.device{background-image:url(nexus7/nexus7_land.png)}.device-mockup.nexus7.portrait>.device>.screen,.device-mockup.nexus7>.device>.screen{top:13.1365741%;bottom:12.7893519%;left:13.7681159%;right:13.7681159%}.device-mockup.nexus7.landscape>.device>.screen{top:13.7681159%;bottom:13.7681159%;left:13.0911188%;right:13.0911188%}.device-mockup.surface,.device-mockup.surface.landscape{padding-bottom:64.7584973%}.device-mockup.surface.landscape>.device,.device-mockup.surface>.device{background-image:url(surface/surface.png)}.device-mockup.surface.landscape>.device>.screen,.device-mockup.surface>.device>.screen{top:14.5488029%;bottom:14.9171271%;left:9.36195587%;right:9.36195587%}.device-mockup.samsung_tv,.device-mockup.samsung_tv.landscape{padding-bottom:64.68%}.device-mockup.samsung_tv.landscape>.device,.device-mockup.samsung_tv>.device{background-image:url(samsung_tv/samsung_tv.png)}.device-mockup.samsung_tv.landscape>.device>.screen,.device-mockup.samsung_tv>.device>.screen{top:2.148803%;bottom:12.817127%;left:1.261956%;right:1.361956%} -\ No newline at end of file +.device-wrapper{max-width:300px;width:100%}.device{position:relative;background-size:cover}.device .screen{position:absolute;background-size:cover}.device .button{position:absolute;cursor:pointer}.device[data-device=galaxyS3][data-orientation=landscape][data-color=black]{padding-bottom:51.41800246609125%;background-image:url(../device-mockups/galaxyS3/landscape_black.png)}.device[data-device=galaxyS3][data-orientation=landscape][data-color=black] .screen{top:7.074340527577938%;left:9.3711467324291%;width:78.91491985203453%;height:86.33093525179856%}.device[data-device=galaxyS3][data-orientation=landscape][data-color=black] .button{top:38.84892086330935%;left:93.34155363748458%;width:3.390875462392109%;height:22.54196642685851%}.device[data-device=galaxyS3][data-orientation=landscape][data-color=white]{padding-bottom:51.41800246609125%;background-image:url(../device-mockups/galaxyS3/landscape_white.png)}.device[data-device=galaxyS3][data-orientation=landscape][data-color=white] .screen{top:7.074340527577938%;left:9.3711467324291%;width:78.91491985203453%;height:86.33093525179856%}.device[data-device=galaxyS3][data-orientation=landscape][data-color=white] .button{top:38.84892086330935%;left:93.34155363748458%;width:3.390875462392109%;height:22.54196642685851%}.device[data-device=galaxyS3][data-orientation=portrait][data-color=black]{padding-bottom:194.7178871548619%;background-image:url(../device-mockups/galaxyS3/portrait_black.png)}.device[data-device=galaxyS3][data-orientation=portrait][data-color=black] .screen{top:9.67940813810111%;left:6.602641056422569%;width:86.31452581032413%;height:78.91491985203453%}.device[data-device=galaxyS3][data-orientation=portrait][data-color=black] .button{top:93.15659679408138%;left:38.655462184873954%;width:22.56902761104442%;height:3.2675709001233044%}.device[data-device=galaxyS3][data-orientation=portrait][data-color=white]{padding-bottom:194.7178871548619%;background-image:url(../device-mockups/galaxyS3/portrait_white.png)}.device[data-device=galaxyS3][data-orientation=portrait][data-color=white] .screen{top:9.3711467324291%;left:6.602641056422569%;width:86.31452581032413%;height:78.91491985203453%}.device[data-device=galaxyS3][data-orientation=portrait][data-color=white] .button{top:93.15659679408138%;left:38.655462184873954%;width:22.56902761104442%;height:3.2675709001233044%}.device[data-device=galaxyS5][data-orientation=portrait][data-color=black]{padding-bottom:193.9837398373984%;background-image:url(../device-mockups/galaxyS5/portrait_black.png)}.device[data-device=galaxyS5][data-orientation=portrait][data-color=black] .screen{top:9.80720871751886%;left:6.097560975609756%;width:87.8048780487805%;height:80.4694048616932%}.device[data-device=galaxyS5][data-orientation=portrait][data-color=black] .button{top:92.62363788767813%;left:38.943089430894304%;width:22.520325203252032%;height:3.730092204526404%}.device[data-device=galaxyS5][data-orientation=portrait][data-color=white]{padding-bottom:193.9837398373984%;background-image:url(../device-mockups/galaxyS5/portrait_white.png)}.device[data-device=galaxyS5][data-orientation=portrait][data-color=white] .screen{top:9.80720871751886%;left:6.097560975609756%;width:87.8048780487805%;height:80.4694048616932%}.device[data-device=galaxyS5][data-orientation=portrait][data-color=white] .button{top:92.62363788767813%;left:38.943089430894304%;width:22.520325203252032%;height:3.730092204526404%}.device[data-device=galaxyS5][data-orientation=portrait][data-color=gold]{padding-bottom:193.9837398373984%;background-image:url(../device-mockups/galaxyS5/portrait_gold.png)}.device[data-device=galaxyS5][data-orientation=portrait][data-color=gold] .screen{top:9.80720871751886%;left:6.097560975609756%;width:87.8048780487805%;height:80.4694048616932%}.device[data-device=galaxyS5][data-orientation=portrait][data-color=gold] .button{top:92.62363788767813%;left:38.943089430894304%;width:22.520325203252032%;height:3.730092204526404%}.device[data-device=galaxyS5][data-orientation=landscape][data-color=black]{padding-bottom:51.55071248952222%;background-image:url(../device-mockups/galaxyS5/landscape_black.png)}.device[data-device=galaxyS5][data-orientation=landscape][data-color=black] .screen{top:6.097560975609756%;left:9.80720871751886%;width:80.4694048616932%;height:87.8048780487805%}.device[data-device=galaxyS5][data-orientation=landscape][data-color=black] .button{top:38.53658536585366%;left:92.62363788767813%;width:3.730092204526404%;height:22.520325203252032%}.device[data-device=galaxyS5][data-orientation=landscape][data-color=white]{padding-bottom:51.55071248952222%;background-image:url(../device-mockups/galaxyS5/landscape_white.png)}.device[data-device=galaxyS5][data-orientation=landscape][data-color=white] .screen{top:6.097560975609756%;left:9.80720871751886%;width:80.4694048616932%;height:87.8048780487805%}.device[data-device=galaxyS5][data-orientation=landscape][data-color=white] .button{top:38.53658536585366%;left:92.62363788767813%;width:3.730092204526404%;height:22.520325203252032%}.device[data-device=galaxyS5][data-orientation=landscape][data-color=gold]{padding-bottom:51.55071248952222%;background-image:url(../device-mockups/galaxyS5/landscape_gold.png)}.device[data-device=galaxyS5][data-orientation=landscape][data-color=gold] .screen{top:6.097560975609756%;left:9.80720871751886%;width:80.4694048616932%;height:87.8048780487805%}.device[data-device=galaxyS5][data-orientation=landscape][data-color=gold] .button{top:38.53658536585366%;left:92.62363788767813%;width:3.730092204526404%;height:22.520325203252032%}.device[data-device=galaxyTab4][data-orientation=portrait][data-color=black]{padding-bottom:168.33616298811543%;background-image:url(../device-mockups/galaxyTab4/portrait_black.png)}.device[data-device=galaxyTab4][data-orientation=portrait][data-color=black] .screen{top:8.572869389813414%;left:5.68760611205433%;width:87.94567062818336%;height:83.00554715078164%}.device[data-device=galaxyTab4][data-orientation=portrait][data-color=black] .button{display:none;top:0;left:0;width:100%;height:100%}.device[data-device=galaxyTab4][data-orientation=portrait][data-color=white]{padding-bottom:168.33616298811543%;background-image:url(../device-mockups/galaxyTab4/portrait_white.png)}.device[data-device=galaxyTab4][data-orientation=portrait][data-color=white] .screen{top:8.522440746343923%;left:5.68760611205433%;width:87.94567062818336%;height:83.05597579425114%}.device[data-device=galaxyTab4][data-orientation=portrait][data-color=white] .button{display:none;top:0;left:0;width:100%;height:100%}.device[data-device=iMac][data-orientation=portrait][data-color=black]{padding-bottom:80.46663049376018%;background-image:url(../device-mockups/iMac/portrait_black.png)}.device[data-device=iMac][data-orientation=portrait][data-color=black] .screen{top:5.057316250842886%;left:4.0694519804666305%;width:91.86109603906674%;height:64.19420094403236%}.device[data-device=iMac][data-orientation=portrait][data-color=black] .button{display:none;top:0;left:0;width:100%;height:100%}.device[data-device=iPad][data-orientation=portrait][data-color=black]{padding-bottom:129.56989247311827%;background-image:url(../device-mockups/iPad/portrait_black.png)}.device[data-device=iPad][data-orientation=portrait][data-color=black] .screen{top:9.12863070539419%;left:10.304659498207885%;width:79.21146953405018%;height:81.3969571230982%}.device[data-device=iPad][data-orientation=portrait][data-color=black] .button{top:93.15352697095436%;left:47.132616487455195%;width:6.003584229390681%;height:4.495159059474412%}.device[data-device=iPad][data-orientation=portrait][data-color=white]{padding-bottom:129.56989247311827%;background-image:url(../device-mockups/iPad/portrait_white.png)}.device[data-device=iPad][data-orientation=portrait][data-color=white] .screen{top:9.12863070539419%;left:10.483870967741936%;width:79.3010752688172%;height:81.3969571230982%}.device[data-device=iPad][data-orientation=portrait][data-color=white] .button{top:93.15352697095436%;left:47.132616487455195%;width:6.003584229390681%;height:4.495159059474412%}.device[data-device=iPad][data-orientation=landscape][data-color=black]{padding-bottom:77.04011065006915%;background-image:url(../device-mockups/iPad/landscape_black.png)}.device[data-device=iPad][data-orientation=landscape][data-color=black] .screen{top:10.23339317773788%;left:9.266943291839558%;width:81.32780082987551%;height:79.44344703770197%}.device[data-device=iPad][data-orientation=landscape][data-color=black] .button{top:46.768402154398565%;left:93.22268326417704%;width:4.426002766251729%;height:6.014362657091562%}.device[data-device=iPad][data-orientation=landscape][data-color=white]{padding-bottom:77.04011065006915%;background-image:url(../device-mockups/iPad/landscape_white.png)}.device[data-device=iPad][data-orientation=landscape][data-color=white] .screen{top:10.23339317773788%;left:9.266943291839558%;width:81.32780082987551%;height:79.44344703770197%}.device[data-device=iPad][data-orientation=landscape][data-color=white] .button{top:46.768402154398565%;left:93.22268326417704%;width:4.426002766251729%;height:6.014362657091562%}.device[data-device=iPadAir2][data-orientation=portrait][data-color=black]{padding-bottom:141.3929784824462%;background-image:url(../device-mockups/iPadAir2/portrait_black.png)}.device[data-device=iPadAir2][data-orientation=portrait][data-color=black] .screen{top:9.090909090909092%;left:6.455266138165346%;width:86.9762174405436%;height:82.01842210652784%}.device[data-device=iPadAir2][data-orientation=portrait][data-color=black] .button{top:93.55226271525831%;left:46.82899207248018%;width:6.285390713476784%;height:4.445334401281538%}.device[data-device=iPadAir2][data-orientation=portrait][data-color=white]{padding-bottom:141.3929784824462%;background-image:url(../device-mockups/iPadAir2/portrait_white.png)}.device[data-device=iPadAir2][data-orientation=portrait][data-color=white] .screen{top:9.090909090909092%;left:6.455266138165346%;width:86.9762174405436%;height:82.01842210652784%}.device[data-device=iPadAir2][data-orientation=portrait][data-color=white] .button{top:93.55226271525831%;left:46.82899207248018%;width:6.285390713476784%;height:4.445334401281538%}.device[data-device=iPadAir2][data-orientation=portrait][data-color=gold]{padding-bottom:141.3929784824462%;background-image:url(../device-mockups/iPadAir2/portrait_gold.png)}.device[data-device=iPadAir2][data-orientation=portrait][data-color=gold] .screen{top:9.090909090909092%;left:6.455266138165346%;width:86.9762174405436%;height:82.01842210652784%}.device[data-device=iPadAir2][data-orientation=portrait][data-color=gold] .button{top:93.55226271525831%;left:46.82899207248018%;width:6.285390713476784%;height:4.445334401281538%}.device[data-device=iPadAir2][data-orientation=landscape][data-color=black]{padding-bottom:70.72486984381257%;background-image:url(../device-mockups/iPadAir2/landscape_black.png)}.device[data-device=iPadAir2][data-orientation=landscape][data-color=black] .screen{top:6.5685164212910525%;left:9.090909090909092%;width:82.01842210652784%;height:86.9762174405436%}.device[data-device=iPadAir2][data-orientation=landscape][data-color=black] .button{top:46.88561721404304%;left:93.55226271525831%;width:4.445334401281538%;height:6.285390713476784%}.device[data-device=iPadAir2][data-orientation=landscape][data-color=white]{padding-bottom:70.72486984381257%;background-image:url(../device-mockups/iPadAir2/landscape_white.png)}.device[data-device=iPadAir2][data-orientation=landscape][data-color=white] .screen{top:6.5685164212910525%;left:9.090909090909092%;width:82.01842210652784%;height:86.9762174405436%}.device[data-device=iPadAir2][data-orientation=landscape][data-color=white] .button{top:46.88561721404304%;left:93.55226271525831%;width:4.445334401281538%;height:6.285390713476784%}.device[data-device=iPadAir2][data-orientation=landscape][data-color=gold]{padding-bottom:70.72486984381257%;background-image:url(../device-mockups/iPadAir2/landscape_gold.png)}.device[data-device=iPadAir2][data-orientation=landscape][data-color=gold] .screen{top:6.5685164212910525%;left:9.090909090909092%;width:82.01842210652784%;height:86.9762174405436%}.device[data-device=iPadAir2][data-orientation=landscape][data-color=gold] .button{top:46.88561721404304%;left:93.55226271525831%;width:4.445334401281538%;height:6.285390713476784%}.device[data-device=iPadPro][data-orientation=portrait][data-color=black]{padding-bottom:138.62249346120313%;background-image:url(../device-mockups/iPadPro/portrait_black.png)}.device[data-device=iPadPro][data-orientation=portrait][data-color=black] .screen{top:7.044025157232705%;left:5.361813426329555%;width:89.23278116826503%;height:85.9119496855346%}.device[data-device=iPadPro][data-orientation=portrait][data-color=black] .button{top:94.937106918239%;left:47.60244115082825%;width:4.838709677419355%;height:3.5220125786163523%}.device[data-device=iPadPro][data-orientation=portrait][data-color=white]{padding-bottom:138.62249346120313%;background-image:url(../device-mockups/iPadPro/portrait_white.png)}.device[data-device=iPadPro][data-orientation=portrait][data-color=white] .screen{top:7.044025157232705%;left:5.361813426329555%;width:89.23278116826503%;height:85.9119496855346%}.device[data-device=iPadPro][data-orientation=portrait][data-color=white] .button{top:94.937106918239%;left:47.60244115082825%;width:4.838709677419355%;height:3.5220125786163523%}.device[data-device=iPadPro][data-orientation=portrait][data-color=gold]{padding-bottom:138.62249346120313%;background-image:url(../device-mockups/iPadPro/portrait_gold.png)}.device[data-device=iPadPro][data-orientation=portrait][data-color=gold] .screen{top:7.0754716981132075%;left:5.361813426329555%;width:89.23278116826503%;height:85.88050314465409%}.device[data-device=iPadPro][data-orientation=portrait][data-color=gold] .button{top:94.937106918239%;left:47.60244115082825%;width:4.838709677419355%;height:3.5220125786163523%}.device[data-device=iPadPro][data-orientation=landscape][data-color=black]{padding-bottom:72.13836477987421%;background-image:url(../device-mockups/iPadPro/landscape_black.png)}.device[data-device=iPadPro][data-orientation=landscape][data-color=black] .screen{top:5.405405405405405%;left:7.044025157232705%;width:85.9119496855346%;height:89.23278116826503%}.device[data-device=iPadPro][data-orientation=landscape][data-color=black] .button{top:47.5588491717524%;left:94.937106918239%;width:3.5220125786163523%;height:4.838709677419355%}.device[data-device=iPadPro][data-orientation=landscape][data-color=white]{padding-bottom:72.13836477987421%;background-image:url(../device-mockups/iPadPro/landscape_white.png)}.device[data-device=iPadPro][data-orientation=landscape][data-color=white] .screen{top:5.405405405405405%;left:7.044025157232705%;width:85.9119496855346%;height:89.23278116826503%}.device[data-device=iPadPro][data-orientation=landscape][data-color=white] .button{top:47.5588491717524%;left:94.937106918239%;width:3.5220125786163523%;height:4.838709677419355%}.device[data-device=iPadPro][data-orientation=landscape][data-color=gold]{padding-bottom:72.1471235460547%;background-image:url(../device-mockups/iPadPro/landscape_gold.png)}.device[data-device=iPadPro][data-orientation=landscape][data-color=gold] .screen{top:5.403050108932462%;left:7.073247406475951%;width:85.88494184218798%;height:89.23747276688452%}.device[data-device=iPadPro][data-orientation=landscape][data-color=gold] .button{top:47.53812636165578%;left:94.90726186733731%;width:3.5523420308079223%;height:4.880174291938998%}.device[data-device=iPhone6][data-orientation=portrait][data-color=black]{padding-bottom:207.620164126612%;background-image:url(../device-mockups/iPhone6/portrait_black.png)}.device[data-device=iPhone6][data-orientation=portrait][data-color=black] .screen{top:12.25296442687747%;left:6.096131301289566%;width:88.042203985932%;height:75.32467532467533%}.device[data-device=iPhone6][data-orientation=portrait][data-color=black] .button{top:89.32806324110672%;left:41.85228604923799%;width:16.64712778429074%;height:8.018068887634106%}.device[data-device=iPhone6][data-orientation=portrait][data-color=white]{padding-bottom:207.620164126612%;background-image:url(../device-mockups/iPhone6/portrait_white.png)}.device[data-device=iPhone6][data-orientation=portrait][data-color=white] .screen{top:12.25296442687747%;left:6.096131301289566%;width:88.042203985932%;height:75.32467532467533%}.device[data-device=iPhone6][data-orientation=portrait][data-color=white] .button{top:89.32806324110672%;left:41.85228604923799%;width:16.64712778429074%;height:8.018068887634106%}.device[data-device=iPhone6][data-orientation=portrait][data-color=gold]{padding-bottom:207.620164126612%;background-image:url(../device-mockups/iPhone6/portrait_gold.png)}.device[data-device=iPhone6][data-orientation=portrait][data-color=gold] .screen{top:12.25296442687747%;left:6.096131301289566%;width:88.042203985932%;height:75.32467532467533%}.device[data-device=iPhone6][data-orientation=portrait][data-color=gold] .button{top:89.32806324110672%;left:41.85228604923799%;width:16.64712778429074%;height:8.018068887634106%}.device[data-device=iPhone6][data-orientation=landscape][data-color=black]{padding-bottom:48.164878599661215%;background-image:url(../device-mockups/iPhone6/landscape_black.png)}.device[data-device=iPhone6][data-orientation=landscape][data-color=black] .screen{top:5.861664712778429%;left:12.309429700734048%;width:75.26821005081875%;height:87.92497069167644%}.device[data-device=iPhone6][data-orientation=landscape][data-color=black] .button{top:41.50058616647128%;left:89.32806324110672%;width:8.018068887634106%;height:16.64712778429074%}.device[data-device=iPhone6][data-orientation=landscape][data-color=white]{padding-bottom:48.164878599661215%;background-image:url(../device-mockups/iPhone6/landscape_white.png)}.device[data-device=iPhone6][data-orientation=landscape][data-color=white] .screen{top:5.861664712778429%;left:12.309429700734048%;width:75.26821005081875%;height:87.92497069167644%}.device[data-device=iPhone6][data-orientation=landscape][data-color=white] .button{top:41.50058616647128%;left:89.32806324110672%;width:8.018068887634106%;height:16.64712778429074%}.device[data-device=iPhone6][data-orientation=landscape][data-color=gold]{padding-bottom:48.164878599661215%;background-image:url(../device-mockups/iPhone6/landscape_gold.png)}.device[data-device=iPhone6][data-orientation=landscape][data-color=gold] .screen{top:5.861664712778429%;left:12.309429700734048%;width:75.26821005081875%;height:87.92497069167644%}.device[data-device=iPhone6][data-orientation=landscape][data-color=gold] .button{top:41.50058616647128%;left:89.32806324110672%;width:8.018068887634106%;height:16.64712778429074%}.device[data-device=iPhone6Plus][data-orientation=portrait][data-color=black]{padding-bottom:201.45161290322577%;background-image:url(../device-mockups/iPhone6Plus/portrait_black.png)}.device[data-device=iPhone6Plus][data-orientation=portrait][data-color=black] .screen{top:11.489191353082466%;left:6.532258064516129%;width:87.09677419354838%;height:76.86148919135309%}.device[data-device=iPhone6Plus][data-orientation=portrait][data-color=black] .button{top:90.43234587670136%;left:43.306451612903224%;width:13.38709677419355%;height:6.645316253002402%}.device[data-device=iPhone6Plus][data-orientation=portrait][data-color=white]{padding-bottom:201.45161290322577%;background-image:url(../device-mockups/iPhone6Plus/portrait_white.png)}.device[data-device=iPhone6Plus][data-orientation=portrait][data-color=white] .screen{top:11.489191353082466%;left:6.532258064516129%;width:87.09677419354838%;height:76.86148919135309%}.device[data-device=iPhone6Plus][data-orientation=portrait][data-color=white] .button{top:90.43234587670136%;left:43.306451612903224%;width:13.38709677419355%;height:6.645316253002402%}.device[data-device=iPhone6Plus][data-orientation=portrait][data-color=gold]{padding-bottom:201.45161290322577%;background-image:url(../device-mockups/iPhone6Plus/portrait_gold.png)}.device[data-device=iPhone6Plus][data-orientation=portrait][data-color=gold] .screen{top:11.489191353082466%;left:6.532258064516129%;width:87.09677419354838%;height:76.86148919135309%}.device[data-device=iPhone6Plus][data-orientation=portrait][data-color=gold] .button{top:90.43234587670136%;left:43.306451612903224%;width:13.38709677419355%;height:6.645316253002402%}.device[data-device=iPhone6Plus][data-orientation=landscape][data-color=black]{padding-bottom:49.639711769415534%;background-image:url(../device-mockups/iPhone6Plus/landscape_black.png)}.device[data-device=iPhone6Plus][data-orientation=landscape][data-color=black] .screen{top:6.370967741935483%;left:11.489191353082466%;width:76.86148919135309%;height:87.09677419354838%}.device[data-device=iPhone6Plus][data-orientation=landscape][data-color=black] .button{top:43.306451612903224%;left:90.43234587670136%;width:6.645316253002402%;height:13.38709677419355%}.device[data-device=iPhone6Plus][data-orientation=landscape][data-color=white]{padding-bottom:49.639711769415534%;background-image:url(../device-mockups/iPhone6Plus/landscape_white.png)}.device[data-device=iPhone6Plus][data-orientation=landscape][data-color=white] .screen{top:6.370967741935483%;left:11.489191353082466%;width:76.86148919135309%;height:87.09677419354838%}.device[data-device=iPhone6Plus][data-orientation=landscape][data-color=white] .button{top:43.306451612903224%;left:90.43234587670136%;width:6.645316253002402%;height:13.38709677419355%}.device[data-device=iPhone6Plus][data-orientation=landscape][data-color=gold]{padding-bottom:49.639711769415534%;background-image:url(../device-mockups/iPhone6Plus/landscape_gold.png)}.device[data-device=iPhone6Plus][data-orientation=landscape][data-color=gold] .screen{top:6.370967741935483%;left:11.489191353082466%;width:76.86148919135309%;height:87.09677419354838%}.device[data-device=iPhone6Plus][data-orientation=landscape][data-color=gold] .button{top:43.306451612903224%;left:90.43234587670136%;width:6.645316253002402%;height:13.38709677419355%}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=black]{padding-bottom:209.829619921363%;background-image:url(../device-mockups/iPhoneSE/portrait_black.png)}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=black] .screen{top:14.803247970018738%;left:8.51900393184797%;width:83.8794233289646%;height:70.95565271705185%}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=black] .button{top:88.50718301061836%;left:41.67758846657929%;width:17.693315858453474%;height:8.432229856339788%}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=white]{padding-bottom:209.829619921363%;background-image:url(../device-mockups/iPhoneSE/portrait_white.png)}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=white] .screen{top:14.803247970018738%;left:8.51900393184797%;width:83.8794233289646%;height:70.95565271705185%}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=white] .button{top:88.50718301061836%;left:41.67758846657929%;width:17.693315858453474%;height:8.432229856339788%}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=gold]{padding-bottom:209.829619921363%;background-image:url(../device-mockups/iPhoneSE/portrait_gold.png)}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=gold] .screen{top:14.803247970018738%;left:8.51900393184797%;width:83.8794233289646%;height:70.95565271705185%}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=gold] .button{top:88.50718301061836%;left:41.67758846657929%;width:17.693315858453474%;height:8.432229856339788%}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=pink]{padding-bottom:209.829619921363%;background-image:url(../device-mockups/iPhoneSE/portrait_pink.png)}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=pink] .screen{top:14.803247970018738%;left:8.51900393184797%;width:83.8794233289646%;height:70.95565271705185%}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=pink] .button{top:88.50718301061836%;left:41.67758846657929%;width:17.693315858453474%;height:8.432229856339788%}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=black]{padding-bottom:47.65771392879451%;background-image:url(../device-mockups/iPhoneSE/landscape_black.png)}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=black] .screen{top:7.601572739187418%;left:14.803247970018738%;width:70.95565271705185%;height:83.8794233289646%}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=black] .button{top:40.62909567496724%;left:88.50718301061836%;width:8.432229856339788%;height:17.693315858453474%}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=white]{padding-bottom:47.65771392879451%;background-image:url(../device-mockups/iPhoneSE/landscape_white.png)}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=white] .screen{top:7.601572739187418%;left:14.803247970018738%;width:70.95565271705185%;height:83.8794233289646%}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=white] .button{top:40.62909567496724%;left:88.50718301061836%;width:8.432229856339788%;height:17.693315858453474%}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=gold]{padding-bottom:47.65771392879451%;background-image:url(../device-mockups/iPhoneSE/landscape_gold.png)}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=gold] .screen{top:7.601572739187418%;left:14.803247970018738%;width:70.95565271705185%;height:83.8794233289646%}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=gold] .button{top:40.62909567496724%;left:88.50718301061836%;width:8.432229856339788%;height:17.693315858453474%}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=pink]{padding-bottom:47.65771392879451%;background-image:url(../device-mockups/iPhoneSE/landscape_pink.png)}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=pink] .screen{top:7.601572739187418%;left:14.803247970018738%;width:70.95565271705185%;height:83.8794233289646%}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=pink] .button{top:40.62909567496724%;left:88.50718301061836%;width:8.432229856339788%;height:17.693315858453474%}.device[data-device=iPhone5][data-orientation=portrait][data-color=black]{padding-bottom:209.46123521681997%;background-image:url(../device-mockups/iPhone5/portrait_black.png)}.device[data-device=iPhone5][data-orientation=portrait][data-color=black] .screen{top:14.805520702634881%;left:8.278580814717477%;width:84.23127463863338%;height:71.267252195734%}.device[data-device=iPhone5][data-orientation=portrait][data-color=black] .button{top:88.51944792973651%;left:41.52431011826544%;width:18.00262812089356%;height:8.594730238393977%}.device[data-device=iPhone5][data-orientation=portrait][data-color=white]{padding-bottom:209.46123521681997%;background-image:url(../device-mockups/iPhone5/portrait_white.png)}.device[data-device=iPhone5][data-orientation=portrait][data-color=white] .screen{top:14.805520702634881%;left:8.278580814717477%;width:84.23127463863338%;height:71.267252195734%}.device[data-device=iPhone5][data-orientation=portrait][data-color=white] .button{top:88.51944792973651%;left:41.52431011826544%;width:18.00262812089356%;height:8.594730238393977%}.device[data-device=iPhone5][data-orientation=landscape][data-color=black]{padding-bottom:47.74153074027603%;background-image:url(../device-mockups/iPhone5/landscape_black.png)}.device[data-device=iPhone5][data-orientation=landscape][data-color=black] .screen{top:7.490144546649145%;left:14.805520702634881%;width:71.267252195734%;height:84.23127463863338%}.device[data-device=iPhone5][data-orientation=landscape][data-color=black] .button{top:40.473061760841%;left:88.51944792973651%;width:8.594730238393977%;height:18.00262812089356%}.device[data-device=iPhone5][data-orientation=landscape][data-color=white]{padding-bottom:47.74153074027603%;background-image:url(../device-mockups/iPhone5/landscape_white.png)}.device[data-device=iPhone5][data-orientation=landscape][data-color=white] .screen{top:7.490144546649145%;left:14.805520702634881%;width:71.267252195734%;height:84.23127463863338%}.device[data-device=iPhone5][data-orientation=landscape][data-color=white] .button{top:40.473061760841%;left:88.51944792973651%;width:8.594730238393977%;height:18.00262812089356%}.device[data-device=Lumia930][data-orientation=portrait][data-color=black]{padding-bottom:192.31287929871883%;background-image:url(../device-mockups/Lumia930/portrait_black.png)}.device[data-device=Lumia930][data-orientation=portrait][data-color=black] .screen{top:7.1178120617110805%;left:5.529332434254889%;width:87.86244099797707%;height:81.13604488078542%}.device[data-device=Lumia930][data-orientation=portrait][data-color=black] .button{display:none;top:0;left:0;width:100%;height:100%}.device[data-device=Lumia930][data-orientation=portrait][data-color=white]{padding-bottom:192.31287929871883%;background-image:url(../device-mockups/Lumia930/portrait_white.png)}.device[data-device=Lumia930][data-orientation=portrait][data-color=white] .screen{top:7.1178120617110805%;left:5.529332434254889%;width:87.86244099797707%;height:81.13604488078542%}.device[data-device=Lumia930][data-orientation=portrait][data-color=white] .button{display:none;top:0;left:0;width:100%;height:100%}.device[data-device=Lumia930][data-orientation=landscape][data-color=black]{padding-bottom:51.998597475455824%;background-image:url(../device-mockups/Lumia930/landscape_black.png)}.device[data-device=Lumia930][data-orientation=landscape][data-color=black] .screen{top:6.608226567768037%;left:7.1178120617110805%;width:81.13604488078542%;height:87.86244099797707%}.device[data-device=Lumia930][data-orientation=landscape][data-color=black] .button{display:none;top:0;left:0;width:100%;height:100%}.device[data-device=Lumia930][data-orientation=landscape][data-color=white]{padding-bottom:51.998597475455824%;background-image:url(../device-mockups/Lumia930/landscape_white.png)}.device[data-device=Lumia930][data-orientation=landscape][data-color=white] .screen{top:6.608226567768037%;left:7.1178120617110805%;width:81.13604488078542%;height:87.86244099797707%}.device[data-device=Lumia930][data-orientation=landscape][data-color=white] .button{display:none;top:0;left:0;width:100%;height:100%}.device[data-device=Macbook][data-orientation=portrait][data-color=black]{padding-bottom:57.51565762004176%;background-image:url(../device-mockups/Macbook/portrait_black.png)}.device[data-device=Macbook][data-orientation=portrait][data-color=black] .screen{top:7.259528130671507%;left:12.369519832985386%;width:75.26096033402922%;height:81.85117967332124%}.device[data-device=Macbook][data-orientation=portrait][data-color=black] .button{display:none;top:0;left:0;width:100%;height:100%}.device[data-device=Macbook][data-orientation=portrait][data-color=white]{padding-bottom:57.51565762004176%;background-image:url(../device-mockups/Macbook/portrait_white.png)}.device[data-device=Macbook][data-orientation=portrait][data-color=white] .screen{top:7.259528130671507%;left:12.369519832985386%;width:75.26096033402922%;height:81.85117967332124%}.device[data-device=Macbook][data-orientation=portrait][data-color=white] .button{display:none;top:0;left:0;width:100%;height:100%}.device[data-device=Macbook][data-orientation=portrait][data-color=gold]{padding-bottom:57.51565762004176%;background-image:url(../device-mockups/Macbook/portrait_gold.png)}.device[data-device=Macbook][data-orientation=portrait][data-color=gold] .screen{top:7.259528130671507%;left:12.369519832985386%;width:75.26096033402922%;height:81.85117967332124%}.device[data-device=Macbook][data-orientation=portrait][data-color=gold] .button{display:none;top:0;left:0;width:100%;height:100%}.device[data-device=Macbook2015][data-orientation=portrait][data-color=black]{padding-bottom:57.51565762004176%;background-image:url(../device-mockups/Macbook2015/portrait_black.png)}.device[data-device=Macbook2015][data-orientation=portrait][data-color=black] .screen{top:7.350272232304899%;left:12.421711899791232%;width:75.15657620041753%;height:81.76043557168784%}.device[data-device=Macbook2015][data-orientation=portrait][data-color=black] .button{display:none;top:0;left:0;width:100%;height:100%}.device[data-device=Macbook2015][data-orientation=portrait][data-color=white]{padding-bottom:57.51565762004176%;background-image:url(../device-mockups/Macbook2015/portrait_white.png)}.device[data-device=Macbook2015][data-orientation=portrait][data-color=white] .screen{top:7.350272232304899%;left:12.421711899791232%;width:75.15657620041753%;height:81.76043557168784%}.device[data-device=Macbook2015][data-orientation=portrait][data-color=white] .button{display:none;top:0;left:0;width:100%;height:100%}.device[data-device=Macbook2015][data-orientation=portrait][data-color=gold]{padding-bottom:57.51565762004176%;background-image:url(../device-mockups/Macbook2015/portrait_gold.png)}.device[data-device=Macbook2015][data-orientation=portrait][data-color=gold] .screen{top:7.350272232304899%;left:12.421711899791232%;width:75.15657620041753%;height:81.76043557168784%}.device[data-device=Macbook2015][data-orientation=portrait][data-color=gold] .button{display:none;top:0;left:0;width:100%;height:100%}.device[data-device=MacbookPro][data-orientation=portrait][data-color=black]{padding-bottom:57.94701986754966%;background-image:url(../device-mockups/MacbookPro/portrait_black.png)}.device[data-device=MacbookPro][data-orientation=portrait][data-color=black] .screen{top:6.714285714285714%;left:11.83774834437086%;width:76.40728476821192%;height:82.42857142857143%}.device[data-device=MacbookPro][data-orientation=portrait][data-color=black] .button{display:none;top:0;left:0;width:100%;height:100%}.device[data-device=SamsungTV][data-orientation=portrait][data-color=black]{padding-bottom:64.6780303030303%;background-image:url(../device-mockups/SamsungTV/portrait_black.png)}.device[data-device=SamsungTV][data-orientation=portrait][data-color=black] .screen{top:2.1961932650073206%;left:1.3257575757575757%;width:97.25378787878788%;height:85.21229868228404%}.device[data-device=SamsungTV][data-orientation=portrait][data-color=black] .button{display:none;top:0;left:0;width:100%;height:100%}.device[data-device=Surface][data-orientation=portrait][data-color=black]{padding-bottom:62.38125395820139%;background-image:url(../device-mockups/Surface/portrait_black.png)}.device[data-device=Surface][data-orientation=portrait][data-color=black] .screen{top:11.065989847715736%;left:6.776440785307157%;width:86.38378720709309%;height:77.76649746192894%}.device[data-device=Surface][data-orientation=portrait][data-color=black] .button{top:92.18274111675126%;left:48.89170360987967%;width:2.3432552248258394%;height:3.654822335025381%}.device[data-device=iPhone6Hand][data-orientation=portrait][data-color=black]{padding-bottom:89.11783644558918%;background-image:url(../device-mockups/iPhone6Hand/portrait_black.png)}.device[data-device=iPhone6Hand][data-orientation=portrait][data-color=black] .screen{top:10.83815028901734%;left:10.946555054732775%;width:33.67675466838377%;height:67.26878612716763%}.device[data-device=iPhone6Hand][data-orientation=portrait][data-color=black] .button{top:79.6965317919075%;left:24.790727623953636%;width:5.988409529942048%;height:6.791907514450866%}.device[data-device=iPhone6Hand][data-orientation=portrait][data-color=white]{padding-bottom:89.11783644558918%;background-image:url(../device-mockups/iPhone6Hand/portrait_white.png)}.device[data-device=iPhone6Hand][data-orientation=portrait][data-color=white] .screen{top:10.83815028901734%;left:11.07533805537669%;width:33.54797166773986%;height:67.26878612716763%}.device[data-device=iPhone6Hand][data-orientation=portrait][data-color=white] .button{top:79.6965317919075%;left:24.790727623953636%;width:5.988409529942048%;height:6.791907514450866%}.device[data-device=iPhone7Hand][data-orientation=portrait][data-color=black]{padding-bottom:158.39243498817967%;background-image:url(../device-mockups/iPhone7Hand/portrait_black.png)}.device[data-device=iPhone7Hand][data-orientation=portrait][data-color=black] .screen{top:7.835820895522389%;left:41.25295508274232%;width:42.198581560283685%;height:47.23880597014926%}.device[data-device=iPhone7Hand][data-orientation=portrait][data-color=black] .button{top:56.19402985074626%;left:58.392434988179666%;width:7.801418439716312%;height:4.925373134328359%}.device[data-device=iPhone7Hand_2][data-orientation=portrait][data-color=black]{padding-bottom:158.39243498817967%;background-image:url(../device-mockups/iPhone7Hand_2/portrait_black.png)}.device[data-device=iPhone7Hand_2][data-orientation=portrait][data-color=black] .screen{top:7.835820895522389%;left:41.25295508274232%;width:42.198581560283685%;height:47.23880597014926%}.device[data-device=iPhone7Hand_2][data-orientation=portrait][data-color=black] .button{top:56.19402985074626%;left:58.392434988179666%;width:7.801418439716312%;height:4.925373134328359%}.device[data-device=Chromebook][data-orientation=portrait][data-color=black]{padding-bottom:58.97363993269771%;background-image:url(../device-mockups/Chromebook/portrait_black.png)}.device[data-device=Chromebook][data-orientation=portrait][data-color=black] .screen{top:7.893485496909178%;left:12.731351654514864%;width:74.14469994391474%;height:71.2791250594389%}.device[data-device=Chromebook][data-orientation=portrait][data-color=black] .button{display:none;top:0;left:0;width:100%;height:100%}.device[data-device=HtcOneM8][data-orientation=portrait][data-color=black]{padding-bottom:209.06250000000003%;background-image:url(../device-mockups/HtcOneM8/portrait_black.png)}.device[data-device=HtcOneM8][data-orientation=portrait][data-color=black] .screen{top:10.762331838565023%;left:5.3125%;width:89.0625%;height:75.63527653213752%}.device[data-device=HtcOneM8][data-orientation=portrait][data-color=black] .button{display:none;top:0;left:0;width:100%;height:100%}.device[data-device=HtcOneM8][data-orientation=landscape][data-color=black]{padding-bottom:47.832585949177876%;background-image:url(../device-mockups/HtcOneM8/landscape_black.png)}.device[data-device=HtcOneM8][data-orientation=landscape][data-color=black] .screen{top:5.625%;left:10.762331838565023%;width:75.63527653213752%;height:89.0625%}.device[data-device=HtcOneM8][data-orientation=landscape][data-color=black] .button{display:none;top:0;left:0;width:100%;height:100%}.device[data-device=HuaweiP8][data-orientation=portrait][data-color=gold]{padding-bottom:209.7408400357462%;background-image:url(../device-mockups/HuaweiP8/portrait_gold.png)}.device[data-device=HuaweiP8][data-orientation=portrait][data-color=gold] .screen{top:9.118023008095442%;left:1.6979445933869526%;width:95.88918677390528%;height:81.80656156795911%}.device[data-device=HuaweiP8][data-orientation=portrait][data-color=gold] .button{display:none;top:0;left:0;width:100%;height:100%}.device[data-device=HuaweiP8][data-orientation=landscape][data-color=gold]{padding-bottom:47.677886663826165%;background-image:url(../device-mockups/HuaweiP8/landscape_gold.png)}.device[data-device=HuaweiP8][data-orientation=landscape][data-color=gold] .screen{top:2.4128686327077746%;left:9.118023008095442%;width:81.80656156795911%;height:95.88918677390528%}.device[data-device=HuaweiP8][data-orientation=landscape][data-color=gold] .button{display:none;top:0;left:0;width:100%;height:100%}.device[data-device=SurfacePro3][data-orientation=landscape][data-color=black]{padding-bottom:68.15796741231705%;background-image:url(../device-mockups/SurfacePro3/landscape_black.png)}.device[data-device=SurfacePro3][data-orientation=landscape][data-color=black] .screen{top:7.0907617504051865%;left:5.827119580226457%;width:88.34576083954708%;height:86.42625607779578%}.device[data-device=SurfacePro3][data-orientation=landscape][data-color=black] .button{display:none;top:0;left:0;width:100%;height:100%}.device[data-device=SurfaceStudio][data-orientation=portrait][data-color=black]{padding-bottom:86.48036253776435%;background-image:url(../device-mockups/SurfaceStudio/portrait_black.png)}.device[data-device=SurfaceStudio][data-orientation=portrait][data-color=black] .screen{top:3.755458515283843%;left:3.2225579053373616%;width:93.52970795568983%;height:72.40174672489083%}.device[data-device=SurfaceStudio][data-orientation=portrait][data-color=black] .button{display:none;top:0;left:0;width:100%;height:100%}.device[data-device=iPhone7][data-orientation=portrait][data-color=black]{padding-bottom:203.10344827586212%;background-image:url(../device-mockups/iPhone7/portrait_black.png)}.device[data-device=iPhone7][data-orientation=portrait][data-color=black] .screen{top:11.997736276174306%;left:6.206896551724138%;width:87.35632183908046%;height:76.06112054329371%}.device[data-device=iPhone7][data-orientation=portrait][data-color=black] .button{top:89.53027730616864%;left:42.298850574712645%;width:15.747126436781608%;height:7.753254102999434%}.device[data-device=iPhone7][data-orientation=portrait][data-color=white]{padding-bottom:203.10344827586212%;background-image:url(../device-mockups/iPhone7/portrait_white.png)}.device[data-device=iPhone7][data-orientation=portrait][data-color=white] .screen{top:11.997736276174306%;left:6.206896551724138%;width:87.35632183908046%;height:76.06112054329371%}.device[data-device=iPhone7][data-orientation=portrait][data-color=white] .button{top:89.53027730616864%;left:42.298850574712645%;width:15.747126436781608%;height:7.753254102999434%}.device[data-device=iPhone7][data-orientation=portrait][data-color=gold]{padding-bottom:203.10344827586212%;background-image:url(../device-mockups/iPhone7/portrait_gold.png)}.device[data-device=iPhone7][data-orientation=portrait][data-color=gold] .screen{top:11.997736276174306%;left:6.206896551724138%;width:87.35632183908046%;height:76.06112054329371%}.device[data-device=iPhone7][data-orientation=portrait][data-color=gold] .button{top:89.53027730616864%;left:42.298850574712645%;width:15.747126436781608%;height:7.753254102999434%}.device[data-device=iPhone7][data-orientation=portrait][data-color=pink]{padding-bottom:203.10344827586212%;background-image:url(../device-mockups/iPhone7/portrait_pink.png)}.device[data-device=iPhone7][data-orientation=portrait][data-color=pink] .screen{top:11.997736276174306%;left:6.206896551724138%;width:87.35632183908046%;height:76.06112054329371%}.device[data-device=iPhone7][data-orientation=portrait][data-color=pink] .button{top:89.53027730616864%;left:42.298850574712645%;width:15.747126436781608%;height:7.753254102999434%}.device[data-device=iPhone7][data-orientation=portrait][data-color=red]{padding-bottom:201.91082802547774%;background-image:url(../device-mockups/iPhone7/portrait_red.png)}.device[data-device=iPhone7][data-orientation=portrait][data-color=red] .screen{top:11.987381703470032%;left:6.687898089171974%;width:84.71337579617835%;height:75.55205047318611%}.device[data-device=iPhone7][data-orientation=portrait][data-color=red] .button{top:89.74763406940063%;left:42.35668789808918%;width:15.605095541401273%;height:7.728706624605679%}.device[data-device=iPhone7][data-orientation=landscape][data-color=black]{padding-bottom:49.235993208828525%;background-image:url(../device-mockups/iPhone7/landscape_black.png)}.device[data-device=iPhone7][data-orientation=landscape][data-color=black] .screen{top:6.436781609195402%;left:11.997736276174306%;width:76.06112054329371%;height:87.35632183908046%}.device[data-device=iPhone7][data-orientation=landscape][data-color=black] .button{top:41.95402298850575%;left:89.53027730616864%;width:7.753254102999434%;height:15.747126436781608%}.device[data-device=iPhone7][data-orientation=landscape][data-color=white]{padding-bottom:49.235993208828525%;background-image:url(../device-mockups/iPhone7/landscape_white.png)}.device[data-device=iPhone7][data-orientation=landscape][data-color=white] .screen{top:6.436781609195402%;left:11.997736276174306%;width:76.06112054329371%;height:87.35632183908046%}.device[data-device=iPhone7][data-orientation=landscape][data-color=white] .button{top:41.95402298850575%;left:89.53027730616864%;width:7.753254102999434%;height:15.747126436781608%}.device[data-device=iPhone7][data-orientation=landscape][data-color=gold]{padding-bottom:49.235993208828525%;background-image:url(../device-mockups/iPhone7/landscape_gold.png)}.device[data-device=iPhone7][data-orientation=landscape][data-color=gold] .screen{top:6.436781609195402%;left:11.997736276174306%;width:76.06112054329371%;height:87.35632183908046%}.device[data-device=iPhone7][data-orientation=landscape][data-color=gold] .button{top:41.95402298850575%;left:89.53027730616864%;width:7.753254102999434%;height:15.747126436781608%}.device[data-device=iPhone7][data-orientation=landscape][data-color=pink]{padding-bottom:49.235993208828525%;background-image:url(../device-mockups/iPhone7/landscape_pink.png)}.device[data-device=iPhone7][data-orientation=landscape][data-color=pink] .screen{top:6.436781609195402%;left:11.997736276174306%;width:76.06112054329371%;height:87.35632183908046%}.device[data-device=iPhone7][data-orientation=landscape][data-color=pink] .button{top:41.95402298850575%;left:89.53027730616864%;width:7.753254102999434%;height:15.747126436781608%}.device[data-device=iPhone7][data-orientation=landscape][data-color=red]{padding-bottom:49.526813880126184%;background-image:url(../device-mockups/iPhone7/landscape_red.png)}.device[data-device=iPhone7][data-orientation=landscape][data-color=red] .screen{top:8.598726114649681%;left:11.987381703470032%;width:75.55205047318611%;height:84.71337579617835%}.device[data-device=iPhone7][data-orientation=landscape][data-color=red] .button{top:42.038216560509554%;left:89.74763406940063%;width:7.728706624605679%;height:15.605095541401273%}.device[data-device=Pixel][data-orientation=portrait][data-color=white]{padding-bottom:202.62008733624458%;background-image:url(../device-mockups/Pixel/portrait_white.png)}.device[data-device=Pixel][data-orientation=portrait][data-color=white] .screen{top:9.698275862068966%;left:4.366812227074235%;width:90.39301310043668%;height:78.66379310344827%}.device[data-device=Pixel][data-orientation=portrait][data-color=white] .button{top:90.51724137931035%;left:44.97816593886463%;width:11.353711790393014%;height:4.310344827586207%}.device[data-device=Pixel][data-orientation=portrait][data-color=black]{padding-bottom:202.62008733624458%;background-image:url(../device-mockups/Pixel/portrait_black.png)}.device[data-device=Pixel][data-orientation=portrait][data-color=black] .screen{top:9.698275862068966%;left:4.366812227074235%;width:90.39301310043668%;height:78.66379310344827%}.device[data-device=Pixel][data-orientation=portrait][data-color=black] .button{top:90.51724137931035%;left:44.97816593886463%;width:11.353711790393014%;height:4.310344827586207%} +\ No newline at end of file diff --git a/docs/vendor/device-mockups/device-mockups2.css b/docs/vendor/device-mockups/device-mockups2.css @@ -1,772 +0,0 @@ -/* - * HTML5 Device Mockups - * - * By: - * Tomi Hiltunen - * tomi@mitakuuluu.fi - * http://fi.linkedin.com/in/tomihiltunen/ - * - * Angelos Arnis - * http://fi.linkedin.com/in/angelosarnis/ - * - * Inluded in this package: - * - iPhone5 (black/white, portrait/landscape) - * - iPad2 (black/white, portrait/landscape) - * - iMac - * - MacBook Pro (retina model) - * - Nexus 7 - * - Lumia 920 - * - Microsoft Surface - * - Galaxy S3 - * - * Added by ben182 (@beno182): - * - iPhone 6 - * - iPhone 6 Plus - * - iPhone SE - * - iPad Air - * - iPad Air 2 - * - iPad Pro - * - Macbook 2015 - * - * - */ - - /* GENERAL STYLE */ - -.device-mockup { - position: relative; - width: 100%; - padding-bottom: 61.775701%; -} - - .device-mockup > .device { - position: absolute; - top: 0; bottom: 0; left: 0; right: 0; - width: 100%; height: 100%; - background-size: 100% 100%; - background-repeat: no-repeat; - background-image: url("macbook/macbook.png"); - } - - .device-mockup > .device > .screen { - position: absolute; - top: 11.0438729%; - bottom: 14.6747352%; - left: 13.364486%; - right: 13.364486%; - overflow: hidden; - } - - .device-mockup > .device > .button { - position: absolute; - top: 0; left: 0; - display: none; - overflow: hidden; - border-radius: 100%; - -webkit-border-radius: 100%; - -moz-border-radius: 100%; - cursor: pointer; - } - - -/* DEVICES */ - - -/* iMac */ -.device-mockup[data-device="imac"] { - padding-bottom: 81.230769%; -} - -.device-mockup[data-device="imac"] > .device { - background-image: url("imac/imac.png"); -} - -.device-mockup[data-device="imac"] > .device > .screen { - top: 8.20707071%; bottom: 31.6919192%; left: 6.61538462%; right: 6.61538462%; -} - - -/* MacBook Pro */ -.device-mockup[data-device="macbook"] { - padding-bottom: 61.775701%; -} - -.device-mockup[data-device="macbook"] > .device { - background-image: url("macbook/macbook.png"); -} - -.device-mockup[data-device="macbook"] > .device > .screen { - top: 11.0438729%; bottom: 14.6747352%; left: 13.364486%; right: 13.364486%; -} - -/* MacBook 2015 */ -.device-mockup[data-device="macbook_2015"] { - padding-bottom: 57.50%; -} - -.device-mockup[data-device="macbook_2015"] > .device, -.device-mockup[data-device="macbook_2015"][data-color="grey"] > .device { - background-image: url("macbook_2015/grey.png"); -} - -.device-mockup[data-device="macbook_2015"] > .device, -.device-mockup[data-device="macbook_2015"][data-color="silver"] > .device { - background-image: url("macbook_2015/silver.png"); -} - -.device-mockup[data-device="macbook_2015"] > .device, -.device-mockup[data-device="macbook_2015"][data-color="gold"] > .device { - background-image: url("macbook_2015/gold.png"); -} - -.device-mockup[data-device="macbook_2015"] > .device > .screen { - top: 7.5%; bottom: 10.9%; left: 12.46%; right: 12.56%; -} - - -/* iPhone 5 */ -.device-mockup[data-device="iphone5"], -.device-mockup[data-device="iphone5"][data-orientation="portrait"] { - padding-bottom: 210.57%; -} - -.device-mockup[data-device="iphone5"][data-orientation="landscape"] { - padding-bottom: 47.49%; -} - -.device-mockup[data-device="iphone5"] > .device, -.device-mockup[data-device="iphone5"][data-color="black"] > .device, -.device-mockup[data-device="iphone5"][data-orientation="portrait"][data-color="black"] > .device { - background-image: url("iphone5/iphone5_port_black.png"); -} - -.device-mockup[data-device="iphone5"][data-orientation="landscape"] > .device, -.device-mockup[data-device="iphone5"][data-orientation="landscape"][data-color="black"] > .device { - background-image: url("iphone5/iphone5_land_black.png"); -} - -.device-mockup[data-device="iphone5"][data-color="white"] > .device, -.device-mockup[data-device="iphone5"][data-orientation="portrait"][data-color="white"] > .device { - background-image: url("iphone5/iphone5_port_white.png"); -} - -.device-mockup[data-device="iphone5"][data-orientation="landscape"][data-color="white"] > .device { - background-image: url("iphone5/iphone5_land_white.png"); -} - -.device-mockup[data-device="iphone5"] > .device > .screen, -.device-mockup[data-device="iphone5"][data-orientation="portrait"] > .device > .screen { - top: 14.78%; bottom: 13.78%; left: 8.77%; right: 7.77%; -} - -.device-mockup[data-device="iphone5"][data-orientation="landscape"] > .device > .screen { - top: 7.422488%; bottom: 8.422488%; left: 14.919127%; right: 14.019127%; -} - -.device-mockup[data-device="iphone5"] > .device > .button, -.device-mockup[data-device="iphone5"][data-orientation="portrait"] > .device > .button { - display: block; - top: 88.3%; bottom: 2.5%; left: 40%; right: 40%; -} - -.device-mockup[data-device="iphone5"][data-orientation="landscape"] > .device > .button { - display: block; - top: 40%; bottom: 41%; left: 88.4%; right: 2.3%; -} - -/* iPhone SE */ -.device-mockup[data-device="iphone_se"], -.device-mockup[data-device="iphone_se"][data-orientation="portrait"] { - padding-bottom: 209.83%; -} - -.device-mockup[data-device="iphone_se"][data-orientation="landscape"] { - padding-bottom: 47.66%; -} - -.device-mockup[data-device="iphone_se"] > .device, -.device-mockup[data-device="iphone_se"][data-color="black"] > .device, -.device-mockup[data-device="iphone_se"][data-orientation="portrait"][data-color="black"] > .device { - background-image: url("iphone_se/iphone_se_port_black.png"); -} - -.device-mockup[data-device="iphone_se"][data-orientation="landscape"] > .device, -.device-mockup[data-device="iphone_se"][data-orientation="landscape"][data-color="black"] > .device { - background-image: url("iphone_se/iphone_se_land_black.png"); -} - -.device-mockup[data-device="iphone_se"][data-color="white"] > .device, -.device-mockup[data-device="iphone_se"][data-orientation="portrait"][data-color="white"] > .device { - background-image: url("iphone_se/iphone_se_port_white.png"); -} - -.device-mockup[data-device="iphone_se"][data-orientation="landscape"][data-color="white"] > .device { - background-image: url("iphone_se/iphone_se_land_white.png"); -} - -.device-mockup[data-device="iphone_se"][data-color="gold"] > .device, -.device-mockup[data-device="iphone_se"][data-orientation="portrait"][data-color="gold"] > .device { - background-image: url("iphone_se/iphone_se_port_gold.png"); -} - -.device-mockup[data-device="iphone_se"][data-orientation="landscape"][data-color="gold"] > .device { - background-image: url("iphone_se/iphone_se_land_gold.png"); -} - -.device-mockup[data-device="iphone_se"][data-color="rose"] > .device, -.device-mockup[data-device="iphone_se"][data-orientation="portrait"][data-color="rose"] > .device { - background-image: url("iphone_se/iphone_se_port_rose.png"); -} - -.device-mockup[data-device="iphone_se"][data-orientation="landscape"][data-color="rose"] > .device { - background-image: url("iphone_se/iphone_se_land_rose.png"); -} - -.device-mockup[data-device="iphone_se"] > .device > .screen, -.device-mockup[data-device="iphone_se"][data-orientation="portrait"] > .device > .screen { - top: 16.28%; bottom: 16.28%; left: 11.77%; right: 11.77%; -} - -.device-mockup[data-device="iphone_se"][data-orientation="landscape"] > .device > .screen { - top: 11.722488%; bottom: 11.722488%; left: 16.0191273%; right: 16.0191273%; -} - -.device-mockup[data-device="iphone_se"] > .device > .button, -.device-mockup[data-device="iphone_se"][data-orientation="portrait"] > .device > .button { - display: block; - top: 86.3%; bottom: 5.5%; left: 42%; right: 42%; -} - -.device-mockup[data-device="iphone_se"][data-orientation="landscape"] > .device > .button { - display: block; - top: 42%; bottom: 42%; left: 86.4%; right: 5.1%; -} - -/* iPhone 6 */ -.device-mockup[data-device="iphone6"], -.device-mockup[data-device="iphone6"][data-orientation="portrait"] { - padding-bottom: 207.19%; -} - -.device-mockup[data-device="iphone6"][data-orientation="landscape"] { - padding-bottom: 48.76%; -} - -.device-mockup[data-device="iphone6"] > .device, -.device-mockup[data-device="iphone6"][data-color="black"] > .device, -.device-mockup[data-device="iphone6"][data-orientation="portrait"][data-color="black"] > .device { - background-image: url("iphone_6/iphone_6_port_black.png"); -} - -.device-mockup[data-device="iphone6"][data-orientation="landscape"] > .device, -.device-mockup[data-device="iphone6"][data-orientation="landscape"][data-color="black"] > .device { - background-image: url("iphone_6/iphone_6_land_black.png"); -} - -.device-mockup[data-device="iphone6"][data-color="white"] > .device, -.device-mockup[data-device="iphone6"][data-orientation="portrait"][data-color="white"] > .device { - background-image: url("iphone_6/iphone_6_port_white.png"); -} - -.device-mockup[data-device="iphone6"][data-orientation="landscape"][data-color="white"] > .device { - background-image: url("iphone_6/iphone_6_land_white.png"); -} - -.device-mockup[data-device="iphone6"][data-color="gold"] > .device, -.device-mockup[data-device="iphone6"][data-orientation="portrait"][data-color="gold"] > .device { - background-image: url("iphone_6/iphone_6_port_gold.png"); -} - -.device-mockup[data-device="iphone6"][data-orientation="landscape"][data-color="gold"] > .device { - background-image: url("iphone_6/iphone_6_land_gold.png"); -} - -.device-mockup[data-device="iphone6"] > .device > .screen, -.device-mockup[data-device="iphone6"][data-orientation="portrait"] > .device > .screen { - top: 12.58%; bottom: 12.88%; left: 6.77%; right: 6.77%; -} - -.device-mockup[data-device="iphone6"][data-orientation="landscape"] > .device > .screen { - top: 6.77%; bottom: 6.77%; left: 12.58%; right: 12.88%; -} - -.device-mockup[data-device="iphone6"] > .device > .button, -.device-mockup[data-device="iphone6"][data-orientation="portrait"] > .device > .button { - display: block; - top: 88.6%; bottom: 3.2%; left: 42%; right: 42%; -} - -.device-mockup[data-device="iphone6"][data-orientation="landscape"] > .device > .button { - display: block; - top: 42%; bottom: 42%; left: 88.6%; right: 3.2%; -} - -/* iPhone 6 Plus*/ -.device-mockup[data-device="iphone6_plus"], -.device-mockup[data-device="iphone6_plus"][data-orientation="portrait"] { - padding-bottom: 201.76%; -} - -.device-mockup[data-device="iphone6_plus"][data-orientation="landscape"] { - padding-bottom: 49.56%; -} - -.device-mockup[data-device="iphone6_plus"] > .device, -.device-mockup[data-device="iphone6_plus"][data-color="black"] > .device, -.device-mockup[data-device="iphone6_plus"][data-orientation="portrait"][data-color="black"] > .device { - background-image: url("iphone_6_plus/iphone_6_plus_black_port.png"); -} - -.device-mockup[data-device="iphone6_plus"][data-orientation="landscape"] > .device, -.device-mockup[data-device="iphone6_plus"][data-orientation="landscape"][data-color="black"] > .device { - background-image: url("iphone_6_plus/iphone_6_plus_black_land.png"); -} - -.device-mockup[data-device="iphone6_plus"][data-color="white"] > .device, -.device-mockup[data-device="iphone6_plus"][data-orientation="portrait"][data-color="white"] > .device { - background-image: url("iphone_6_plus/iphone_6_plus_white_port.png"); -} - -.device-mockup[data-device="iphone6_plus"][data-orientation="landscape"][data-color="white"] > .device { - background-image: url("iphone_6_plus/iphone_6_plus_white_land.png"); -} - -.device-mockup[data-device="iphone6_plus"][data-color="gold"] > .device, -.device-mockup[data-device="iphone6_plus"][data-orientation="portrait"][data-color="gold"] > .device { - background-image: url("iphone_6_plus/iphone_6_plus_gold_port.png"); -} - -.device-mockup[data-device="iphone6_plus"][data-orientation="landscape"][data-color="gold"] > .device { - background-image: url("iphone_6_plus/iphone_6_plus_gold_land.png"); -} - -.device-mockup[data-device="iphone6_plus"] > .device > .screen, -.device-mockup[data-device="iphone6_plus"][data-orientation="portrait"] > .device > .screen { - top: 11.58%; bottom: 11.58%; left: 5.97%; right: 5.97%; -} - -.device-mockup[data-device="iphone6_plus"][data-orientation="landscape"] > .device > .screen { - top: 5.97%; bottom: 5.97%; left: 11.38%; right: 11.58%; -} - -.device-mockup[data-device="iphone6_plus"] > .device > .button, -.device-mockup[data-device="iphone6_plus"][data-orientation="portrait"] > .device > .button { - display: block; - top: 89.9%; bottom: 3.2%; left: 43%; right: 43%; -} - -.device-mockup[data-device="iphone6_plus"][data-orientation="landscape"] > .device > .button { - display: block; - top: 43%; bottom: 43%; left: 89.9%; right: 3.2%; -} - -/* iPad */ -.device-mockup[data-device="ipad"], -.device-mockup[data-device="ipad"][data-orientation="portrait"] { - padding-bottom: 128.406276%; -} - -.device-mockup[data-device="ipad"][data-orientation="landscape"] { - padding-bottom: 79.9086758%; -} - -.device-mockup[data-device="ipad"] > .device, -.device-mockup[data-device="ipad"][data-color="black"] > .device, -.device-mockup[data-device="ipad"][data-orientation="portrait"][data-color="black"] > .device { - background-image: url("ipad/ipad_port_black.png"); -} - -.device-mockup[data-device="ipad"][data-color="white"] > .device, -.device-mockup[data-device="ipad"][data-orientation="portrait"][data-color="white"] > .device { - background-image: url("ipad/ipad_port_white.png"); -} - -.device-mockup[data-device="ipad"][data-orientation="landscape"] > .device, -.device-mockup[data-device="ipad"][data-orientation="landscape"][data-color="black"] > .device { - background-image: url("ipad/ipad_land_black.png"); -} - -.device-mockup[data-device="ipad"][data-orientation="landscape"][data-color="white"] > .device { - background-image: url("ipad/ipad_land_white.png"); -} - -.device-mockup[data-device="ipad"] > .device > .screen, -.device-mockup[data-device="ipad"][data-orientation="portrait"] > .device > .screen { - top: 12.025723%; bottom: 12.154341%; left: 13.45995%; right: 13.45995%; -} - -.device-mockup[data-device="ipad"][data-orientation="landscape"] > .device > .screen { - top: 13.87755102%; bottom: 13.87755102%; left: 11.5459883%; right: 11.5459883%; -} - -.device-mockup[data-device="ipad"] > .device > .button, -.device-mockup[data-device="ipad"][data-orientation="portrait"] > .device > .button { - display: block; - top: 90.2%; bottom: 5.5%; left: 47.3%; right: 47.3%; -} - -.device-mockup[data-device="ipad"][data-orientation="landscape"] > .device > .button { - display: block; - top: 47.3%; bottom: 47.3%; left: 90.8%; right: 4.9%; -} - -/* iPad Air */ -.device-mockup[data-device="ipad_air"], -.device-mockup[data-device="ipad_air"][data-orientation="portrait"] { - padding-bottom: 141.27%; -} - -.device-mockup[data-device="ipad_air"][data-orientation="landscape"] { - padding-bottom: 70.79%; -} - -.device-mockup[data-device="ipad_air"] > .device, -.device-mockup[data-device="ipad_air"][data-color="grey"] > .device, -.device-mockup[data-device="ipad_air"][data-orientation="portrait"][data-color="grey"] > .device { - background-image: url("ipad_air/ipad_air_gray_port.png"); -} - -.device-mockup[data-device="ipad_air"][data-color="silver"] > .device, -.device-mockup[data-device="ipad_air"][data-orientation="portrait"][data-color="silver"] > .device { - background-image: url("ipad_air/ipad_air_silver_port.png"); -} - -.device-mockup[data-device="ipad_air"][data-orientation="landscape"] > .device, -.device-mockup[data-device="ipad_air"][data-orientation="landscape"][data-color="grey"] > .device { - background-image: url("ipad_air/ipad_air_gray_land.png"); -} - -.device-mockup[data-device="ipad_air"][data-orientation="landscape"][data-color="silver"] > .device { - background-image: url("ipad_air/ipad_air_silver_land.png"); -} - -.device-mockup[data-device="ipad_air"] > .device > .screen, -.device-mockup[data-device="ipad_air"][data-orientation="portrait"] > .device > .screen { - top: 9.025723%; bottom: 9.154341%; left: 7.45995%; right: 6.45995%; -} - -.device-mockup[data-device="ipad_air"][data-orientation="landscape"] > .device > .screen { - top: 6.877551%; bottom: 6.877551%; left: 9.545988%; right: 9.545988%; -} - -.device-mockup[data-device="ipad_air"] > .device > .button, -.device-mockup[data-device="ipad_air"][data-orientation="portrait"] > .device > .button { - display: block; - top: 93.2%; bottom: 2.5%; left: 47.3%; right: 47.3%; -} - -.device-mockup[data-device="ipad_air"][data-orientation="landscape"] > .device > .button { - display: block; - top: 47.3%; bottom: 47.3%; left: 93.1%; right: 2.1%; -} - -/* iPad Air 2 */ -.device-mockup[data-device="ipad_air_2"], -.device-mockup[data-device="ipad_air_2"][data-orientation="portrait"] { - padding-bottom: 141.38%; -} - -.device-mockup[data-device="ipad_air_2"][data-orientation="landscape"] { - padding-bottom: 70.73%; -} - -.device-mockup[data-device="ipad_air_2"] > .device, -.device-mockup[data-device="ipad_air_2"][data-color="grey"] > .device, -.device-mockup[data-device="ipad_air_2"][data-orientation="portrait"][data-color="grey"] > .device { - background-image: url("ipad_air_2/ipad_air_2_gray_port.png"); -} - -.device-mockup[data-device="ipad_air_2"][data-color="silver"] > .device, -.device-mockup[data-device="ipad_air_2"][data-orientation="portrait"][data-color="silver"] > .device { - background-image: url("ipad_air_2/ipad_air_2_silver_port.png"); -} - -.device-mockup[data-device="ipad_air_2"][data-color="gold"] > .device, -.device-mockup[data-device="ipad_air_2"][data-orientation="portrait"][data-color="gold"] > .device { - background-image: url("ipad_air_2/ipad_air_2_gold_port.png"); -} - -.device-mockup[data-device="ipad_air_2"][data-orientation="landscape"] > .device, -.device-mockup[data-device="ipad_air_2"][data-orientation="landscape"][data-color="grey"] > .device { - background-image: url("ipad_air_2/ipad_air_2_gray_land.png"); -} - -.device-mockup[data-device="ipad_air_2"][data-orientation="landscape"][data-color="silver"] > .device { - background-image: url("ipad_air_2/ipad_air_2_silver_land.png"); -} - -.device-mockup[data-device="ipad_air_2"][data-orientation="landscape"][data-color="gold"] > .device { - background-image: url("ipad_air_2/ipad_air_2_gold_land.png"); -} - -.device-mockup[data-device="ipad_air_2"] > .device > .screen, -.device-mockup[data-device="ipad_air_2"][data-orientation="portrait"] > .device > .screen { - top: 9.025723%; bottom: 8.854341%; left: 6.15995%; right: 6.15995%; -} - -.device-mockup[data-device="ipad_air_2"][data-orientation="landscape"] > .device > .screen { - top: 6.277551%; bottom: 6.277551%; left: 8.545988%; right: 8.545988%; -} - -.device-mockup[data-device="ipad_air_2"] > .device > .button, -.device-mockup[data-device="ipad_air_2"][data-orientation="portrait"] > .device > .button { - display: block; - top: 93.2%; bottom: 2.1%; left: 46.3%; right: 46.5%; -} - -.device-mockup[data-device="ipad_air_2"][data-orientation="landscape"] > .device > .button { - display: block; - top: 46.5%; bottom: 46.8%; left: 93.5%; right: 1.9%; -} - -/* iPad Pro */ -.device-mockup[data-device="ipad_pro"], -.device-mockup[data-device="ipad_pro"][data-orientation="portrait"] { - padding-bottom: 138.63%; -} - -.device-mockup[data-device="ipad_pro"][data-orientation="landscape"] { - padding-bottom: 72.14%; -} - -.device-mockup[data-device="ipad_pro"] > .device, -.device-mockup[data-device="ipad_pro"][data-color="grey"] > .device, -.device-mockup[data-device="ipad_pro"][data-orientation="portrait"][data-color="grey"] > .device { - background-image: url("ipad_pro/ipad_pro_port_black.png"); -} - -.device-mockup[data-device="ipad_pro"][data-color="silver"] > .device, -.device-mockup[data-device="ipad_pro"][data-orientation="portrait"][data-color="silver"] > .device { - background-image: url("ipad_pro/ipad_pro_port_silver.png"); -} - -.device-mockup[data-device="ipad_pro"][data-color="gold"] > .device, -.device-mockup[data-device="ipad_pro"][data-orientation="portrait"][data-color="gold"] > .device { - background-image: url("ipad_pro/ipad_pro_port_gold.png"); -} - -.device-mockup[data-device="ipad_pro"][data-orientation="landscape"] > .device, -.device-mockup[data-device="ipad_pro"][data-orientation="landscape"][data-color="grey"] > .device { - background-image: url("ipad_pro/ipad_pro_land_black.png"); -} - -.device-mockup[data-device="ipad_pro"][data-orientation="landscape"][data-color="silver"] > .device { - background-image: url("ipad_pro/ipad_pro_land_silver.png"); -} - -.device-mockup[data-device="ipad_pro"][data-orientation="landscape"][data-color="gold"] > .device { - background-image: url("ipad_pro/ipad_pro_land_gold.png"); -} - -.device-mockup[data-device="ipad_pro"] > .device > .screen, -.device-mockup[data-device="ipad_pro"][data-orientation="portrait"] > .device > .screen { - top: 7.025723%; bottom: 6.854341%; left: 5.15995%; right: 5.15995%; -} - -.device-mockup[data-device="ipad_pro"][data-orientation="landscape"] > .device > .screen { - top: 5.177551%; bottom: 5.177551%; left: 6.945988%; right: 6.945988%; -} - -.device-mockup[data-device="ipad_pro"] > .device > .button, -.device-mockup[data-device="ipad_pro"][data-orientation="portrait"] > .device > .button { - display: block; - top: 94.9%; bottom: 1.5%; left: 47.3%; right: 47.1%; -} - -.device-mockup[data-device="ipad_pro"][data-orientation="landscape"] > .device > .button { - display: block; - top: 47.5%; bottom: 47.5%; left: 94.8%; right: 1.5%; -} - - -/* Galaxy S3 */ -.device-mockup[data-device="galaxy_s3"], -.device-mockup[data-device="galaxy_s3"][data-orientation="portrait"] { - padding-bottom: 178.787879%; -} - -.device-mockup[data-device="galaxy_s3"][data-orientation="landscape"] { - padding-bottom: 55.9322034%; -} - -.device-mockup[data-device="galaxy_s3"] > .device, -.device-mockup[data-device="galaxy_s3"][data-color="black"] > .device, -.device-mockup[data-device="galaxy_s3"][data-orientation="portrait"][data-color="black"] > .device { - background-image: url("galaxy_s3/s3_port_black.png"); -} - -.device-mockup[data-device="galaxy_s3"][data-orientation="landscape"] > .device, -.device-mockup[data-device="galaxy_s3"][data-orientation="landscape"][data-color="black"] > .device { - background-image: url("galaxy_s3/s3_land_black.png"); -} - -.device-mockup[data-device="galaxy_s3"][data-color="white"] > .device, -.device-mockup[data-device="galaxy_s3"][data-orientation="portrait"][data-color="white"] > .device { - background-image: url("galaxy_s3/s3_port_white.png"); -} - -.device-mockup[data-device="galaxy_s3"][data-orientation="landscape"][data-color="white"] > .device { - background-image: url("galaxy_s3/s3_land_white.png"); -} - -.device-mockup[data-device="galaxy_s3"] > .device > .screen, -.device-mockup[data-device="galaxy_s3"][data-orientation="portrait"] > .device > .screen { - top: 12.3728814%; bottom: 15.5367232%; left: 13.8383838%; right: 13.8383838%; -} - -.device-mockup[data-device="galaxy_s3"][data-orientation="landscape"] > .device > .screen { - top: 13.8383838%; bottom: 13.8383838%; left: 12.3728814%; right: 15.5367232%; -} - - -/* Galaxy S5 */ -.device-mockup[data-device="galaxy_s5"], -.device-mockup[data-device="galaxy_s5"][data-orientation="portrait"] { - padding-bottom: 194.188862%; -} - -.device-mockup[data-device="galaxy_s5"][data-orientation="landscape"] { - padding-bottom: 51.496259%; -} - -.device-mockup[data-device="galaxy_s5"] > .device, -.device-mockup[data-device="galaxy_s5"][data-color="black"] > .device, -.device-mockup[data-device="galaxy_s5"][data-orientation="portrait"][data-color="black"] > .device { - background-image: url("galaxy_s5/galaxy_s5_port_black.png"); -} - -.device-mockup[data-device="galaxy_s5"][data-orientation="landscape"] > .device, -.device-mockup[data-device="galaxy_s5"][data-orientation="landscape"][data-color="black"] > .device { - background-image: url("galaxy_s5/galaxy_s5_land_black.png"); -} - -.device-mockup[data-device="galaxy_s5"][data-color="white"] > .device, -.device-mockup[data-device="galaxy_s5"][data-orientation="portrait"][data-color="white"] > .device { - background-image: url("galaxy_s5/galaxy_s5_port_white.png"); -} - -.device-mockup[data-device="galaxy_s5"][data-orientation="landscape"][data-color="white"] > .device { - background-image: url("galaxy_s5/galaxy_s5_land_white.png"); -} - -.device-mockup[data-device="galaxy_s5"] > .device > .screen, -.device-mockup[data-device="galaxy_s5"][data-orientation="portrait"] > .device > .screen { - top: 10.2%; bottom: 10.1%; left: 6.3%; right: 6.4%; -} - -.device-mockup[data-device="galaxy_s5"][data-orientation="landscape"] > .device > .screen { - top: 6.6%; bottom: 6.2%; left: 10.15%; right: 10%; -} - - -/* Galaxy Tab4 */ -.device-mockup[data-device="galaxy_tab4"], -.device-mockup[data-device="galaxy_tab4"][data-orientation="landscape"] { - padding-bottom: 72.689464%; -} - -.device-mockup[data-device="galaxy_tab4"] > .device, -.device-mockup[data-device="galaxy_tab4"][data-color="black"] > .device, -.device-mockup[data-device="galaxy_tab4"][data-orientation="landscape"][data-color="black"] > .device { - background-image: url("galaxy_tab4/galaxy_tab4_land_black.png"); -} - -.device-mockup[data-device="galaxy_tab4"][data-color="white"] > .device, -.device-mockup[data-device="galaxy_tab4"][data-orientation="landscape"][data-color="white"] > .device { - background-image: url("galaxy_tab4/galaxy_tab4_land_white.png"); -} - -.device-mockup[data-device="galaxy_tab4"] > .device > .screen, -.device-mockup[data-device="galaxy_tab4"][data-orientation="landscape"] > .device > .screen { - top: 11.5%; bottom: 11.5%; left: 5.4%; right: 5.2%; -} - - -/* Lumia 920 */ -.device-mockup[data-device="lumia920"], -.device-mockup[data-device="lumia920"][data-orientation="portrait"] { - padding-bottom: 172.796353%; -} - -.device-mockup[data-device="lumia920"][data-orientation="landscape"] { - padding-bottom: 56.3330381%; -} - -.device-mockup[data-device="lumia920"] > .device, -.device-mockup[data-device="lumia920"][data-orientation="portrait"] > .device { - background-image: url("lumia920/lumia920_port.png"); -} - -.device-mockup[data-device="lumia920"][data-orientation="landscape"] > .device { - background-image: url("lumia920/lumia920_land.png"); -} -.device-mockup[data-device="lumia920"] > .device > .screen, -.device-mockup[data-device="lumia920"][data-orientation="portrait"] > .device > .screen { - top: 10.6420405%; bottom: 18.9973615%; left: 13.5258359%; right: 13.5258359%; -} - -.device-mockup[data-device="lumia920"][data-orientation="landscape"] > .device > .screen { - top: 12.2641509%; bottom: 12.2641509%; left: 10.5403012%; right: 18.6005314%; -} - - -/* Nexus 7 */ -.device-mockup[data-device="nexus7"], -.device-mockup[data-device="nexus7"][data-orientation="portrait"] { - padding-bottom: 156.521739%; -} - -.device-mockup[data-device="nexus7"][data-orientation="landscape"] { - padding-bottom: 63.6678201%; -} - -.device-mockup[data-device="nexus7"] > .device, -.device-mockup[data-device="nexus7"][data-orientation="portrait"] > .device { - background-image: url("nexus7/nexus7_port.png"); -} - -.device-mockup[data-device="nexus7"][data-orientation="landscape"] > .device { - background-image: url("nexus7/nexus7_land.png"); -} - -.device-mockup[data-device="nexus7"] > .device > .screen, -.device-mockup[data-device="nexus7"][data-orientation="portrait"] > .device > .screen { - top: 13.1365741%; bottom: 12.7893519%; left: 13.7681159%; right: 13.7681159%; -} - -.device-mockup[data-device="nexus7"][data-orientation="landscape"] > .device > .screen { - top: 13.7681159%; bottom: 13.7681159%; left: 13.0911188%; right: 13.0911188%; -} - - -/* Microsoft Surface */ -.device-mockup[data-device="surface"], -.device-mockup[data-device="surface"][data-orientation="landscape"] { - padding-bottom: 64.7584973%; -} - -.device-mockup[data-device="surface"] > .device, -.device-mockup[data-device="surface"][data-orientation="landscape"] > .device { - background-image: url("surface/surface.png"); -} - -.device-mockup[data-device="surface"] > .device > .screen, -.device-mockup[data-device="surface"][data-orientation="landscape"] > .device > .screen { - top: 14.5488029%; bottom: 14.9171271%; left: 9.36195587%; right: 9.36195587%; -} - -/* Samsung TV */ -.device-mockup[data-device="samsung_tv"], -.device-mockup[data-device="samsung_tv"][data-orientation="landscape"] { - padding-bottom: 64.68%; -} - -.device-mockup[data-device="samsung_tv"] > .device, -.device-mockup[data-device="samsung_tv"][data-orientation="landscape"] > .device { - background-image: url("samsung_tv/samsung_tv.png"); -} - -.device-mockup[data-device="samsung_tv"] > .device > .screen, -.device-mockup[data-device="samsung_tv"][data-orientation="landscape"] > .device > .screen { - top: 2.148803%; bottom: 12.817127%; left: 1.261956%; right: 1.361956%; -} diff --git a/docs/vendor/device-mockups/device-mockups2.min.css b/docs/vendor/device-mockups/device-mockups2.min.css @@ -1 +0,0 @@ -.device-mockup{position:relative;width:100%;padding-bottom:61.775701%}.device-mockup>.device{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-size:100% 100%;background-repeat:no-repeat;background-image:url(macbook/macbook.png)}.device-mockup>.device>.screen{position:absolute;top:11.0438729%;bottom:14.6747352%;left:13.364486%;right:13.364486%;overflow:hidden}.device-mockup>.device>.button{position:absolute;top:0;left:0;display:none;overflow:hidden;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;cursor:pointer}.device-mockup[data-device=imac]{padding-bottom:81.230769%}.device-mockup[data-device=imac]>.device{background-image:url(imac/imac.png)}.device-mockup[data-device=imac]>.device>.screen{top:8.20707071%;bottom:31.6919192%;left:6.61538462%;right:6.61538462%}.device-mockup[data-device=macbook]{padding-bottom:61.775701%}.device-mockup[data-device=macbook]>.device{background-image:url(macbook/macbook.png)}.device-mockup[data-device=macbook]>.device>.screen{top:11.0438729%;bottom:14.6747352%;left:13.364486%;right:13.364486%}.device-mockup[data-device=macbook_2015]{padding-bottom:57.5%}.device-mockup[data-device=macbook_2015]>.device,.device-mockup[data-device=macbook_2015][data-color=grey]>.device{background-image:url(macbook_2015/grey.png)}.device-mockup[data-device=macbook_2015]>.device,.device-mockup[data-device=macbook_2015][data-color=silver]>.device{background-image:url(macbook_2015/silver.png)}.device-mockup[data-device=macbook_2015]>.device,.device-mockup[data-device=macbook_2015][data-color=gold]>.device{background-image:url(macbook_2015/gold.png)}.device-mockup[data-device=macbook_2015]>.device>.screen{top:7.5%;bottom:10.9%;left:12.46%;right:12.56%}.device-mockup[data-device=iphone5],.device-mockup[data-device=iphone5][data-orientation=portrait]{padding-bottom:210.57%}.device-mockup[data-device=iphone5][data-orientation=landscape]{padding-bottom:47.49%}.device-mockup[data-device=iphone5]>.device,.device-mockup[data-device=iphone5][data-color=black]>.device,.device-mockup[data-device=iphone5][data-orientation=portrait][data-color=black]>.device{background-image:url(iphone5/iphone5_port_black.png)}.device-mockup[data-device=iphone5][data-orientation=landscape]>.device,.device-mockup[data-device=iphone5][data-orientation=landscape][data-color=black]>.device{background-image:url(iphone5/iphone5_land_black.png)}.device-mockup[data-device=iphone5][data-color=white]>.device,.device-mockup[data-device=iphone5][data-orientation=portrait][data-color=white]>.device{background-image:url(iphone5/iphone5_port_white.png)}.device-mockup[data-device=iphone5][data-orientation=landscape][data-color=white]>.device{background-image:url(iphone5/iphone5_land_white.png)}.device-mockup[data-device=iphone5]>.device>.screen,.device-mockup[data-device=iphone5][data-orientation=portrait]>.device>.screen{top:14.78%;bottom:13.78%;left:8.77%;right:7.77%}.device-mockup[data-device=iphone5][data-orientation=landscape]>.device>.screen{top:7.422488%;bottom:8.422488%;left:14.919127%;right:14.019127%}.device-mockup[data-device=iphone5]>.device>.button,.device-mockup[data-device=iphone5][data-orientation=portrait]>.device>.button{display:block;top:88.3%;bottom:2.5%;left:40%;right:40%}.device-mockup[data-device=iphone5][data-orientation=landscape]>.device>.button{display:block;top:40%;bottom:41%;left:88.4%;right:2.3%}.device-mockup[data-device=iphone_se],.device-mockup[data-device=iphone_se][data-orientation=portrait]{padding-bottom:209.83%}.device-mockup[data-device=iphone_se][data-orientation=landscape]{padding-bottom:47.66%}.device-mockup[data-device=iphone_se]>.device,.device-mockup[data-device=iphone_se][data-color=black]>.device,.device-mockup[data-device=iphone_se][data-orientation=portrait][data-color=black]>.device{background-image:url(iphone_se/iphone_se_port_black.png)}.device-mockup[data-device=iphone_se][data-orientation=landscape]>.device,.device-mockup[data-device=iphone_se][data-orientation=landscape][data-color=black]>.device{background-image:url(iphone_se/iphone_se_land_black.png)}.device-mockup[data-device=iphone_se][data-color=white]>.device,.device-mockup[data-device=iphone_se][data-orientation=portrait][data-color=white]>.device{background-image:url(iphone_se/iphone_se_port_white.png)}.device-mockup[data-device=iphone_se][data-orientation=landscape][data-color=white]>.device{background-image:url(iphone_se/iphone_se_land_white.png)}.device-mockup[data-device=iphone_se][data-color=gold]>.device,.device-mockup[data-device=iphone_se][data-orientation=portrait][data-color=gold]>.device{background-image:url(iphone_se/iphone_se_port_gold.png)}.device-mockup[data-device=iphone_se][data-orientation=landscape][data-color=gold]>.device{background-image:url(iphone_se/iphone_se_land_gold.png)}.device-mockup[data-device=iphone_se][data-color=rose]>.device,.device-mockup[data-device=iphone_se][data-orientation=portrait][data-color=rose]>.device{background-image:url(iphone_se/iphone_se_port_rose.png)}.device-mockup[data-device=iphone_se][data-orientation=landscape][data-color=rose]>.device{background-image:url(iphone_se/iphone_se_land_rose.png)}.device-mockup[data-device=iphone_se]>.device>.screen,.device-mockup[data-device=iphone_se][data-orientation=portrait]>.device>.screen{top:16.28%;bottom:16.28%;left:11.77%;right:11.77%}.device-mockup[data-device=iphone_se][data-orientation=landscape]>.device>.screen{top:11.722488%;bottom:11.722488%;left:16.0191273%;right:16.0191273%}.device-mockup[data-device=iphone_se]>.device>.button,.device-mockup[data-device=iphone_se][data-orientation=portrait]>.device>.button{display:block;top:86.3%;bottom:5.5%;left:42%;right:42%}.device-mockup[data-device=iphone_se][data-orientation=landscape]>.device>.button{display:block;top:42%;bottom:42%;left:86.4%;right:5.1%}.device-mockup[data-device=iphone6],.device-mockup[data-device=iphone6][data-orientation=portrait]{padding-bottom:207.19%}.device-mockup[data-device=iphone6][data-orientation=landscape]{padding-bottom:48.76%}.device-mockup[data-device=iphone6]>.device,.device-mockup[data-device=iphone6][data-color=black]>.device,.device-mockup[data-device=iphone6][data-orientation=portrait][data-color=black]>.device{background-image:url(iphone_6/iphone_6_port_black.png)}.device-mockup[data-device=iphone6][data-orientation=landscape]>.device,.device-mockup[data-device=iphone6][data-orientation=landscape][data-color=black]>.device{background-image:url(iphone_6/iphone_6_land_black.png)}.device-mockup[data-device=iphone6][data-color=white]>.device,.device-mockup[data-device=iphone6][data-orientation=portrait][data-color=white]>.device{background-image:url(iphone_6/iphone_6_port_white.png)}.device-mockup[data-device=iphone6][data-orientation=landscape][data-color=white]>.device{background-image:url(iphone_6/iphone_6_land_white.png)}.device-mockup[data-device=iphone6][data-color=gold]>.device,.device-mockup[data-device=iphone6][data-orientation=portrait][data-color=gold]>.device{background-image:url(iphone_6/iphone_6_port_gold.png)}.device-mockup[data-device=iphone6][data-orientation=landscape][data-color=gold]>.device{background-image:url(iphone_6/iphone_6_land_gold.png)}.device-mockup[data-device=iphone6]>.device>.screen,.device-mockup[data-device=iphone6][data-orientation=portrait]>.device>.screen{top:12.58%;bottom:12.88%;left:6.77%;right:6.77%}.device-mockup[data-device=iphone6][data-orientation=landscape]>.device>.screen{top:6.77%;bottom:6.77%;left:12.58%;right:12.88%}.device-mockup[data-device=iphone6]>.device>.button,.device-mockup[data-device=iphone6][data-orientation=portrait]>.device>.button{display:block;top:88.6%;bottom:3.2%;left:42%;right:42%}.device-mockup[data-device=iphone6][data-orientation=landscape]>.device>.button{display:block;top:42%;bottom:42%;left:88.6%;right:3.2%}.device-mockup[data-device=iphone6_plus],.device-mockup[data-device=iphone6_plus][data-orientation=portrait]{padding-bottom:201.76%}.device-mockup[data-device=iphone6_plus][data-orientation=landscape]{padding-bottom:49.56%}.device-mockup[data-device=iphone6_plus]>.device,.device-mockup[data-device=iphone6_plus][data-color=black]>.device,.device-mockup[data-device=iphone6_plus][data-orientation=portrait][data-color=black]>.device{background-image:url(iphone_6_plus/iphone_6_plus_black_port.png)}.device-mockup[data-device=iphone6_plus][data-orientation=landscape]>.device,.device-mockup[data-device=iphone6_plus][data-orientation=landscape][data-color=black]>.device{background-image:url(iphone_6_plus/iphone_6_plus_black_land.png)}.device-mockup[data-device=iphone6_plus][data-color=white]>.device,.device-mockup[data-device=iphone6_plus][data-orientation=portrait][data-color=white]>.device{background-image:url(iphone_6_plus/iphone_6_plus_white_port.png)}.device-mockup[data-device=iphone6_plus][data-orientation=landscape][data-color=white]>.device{background-image:url(iphone_6_plus/iphone_6_plus_white_land.png)}.device-mockup[data-device=iphone6_plus][data-color=gold]>.device,.device-mockup[data-device=iphone6_plus][data-orientation=portrait][data-color=gold]>.device{background-image:url(iphone_6_plus/iphone_6_plus_gold_port.png)}.device-mockup[data-device=iphone6_plus][data-orientation=landscape][data-color=gold]>.device{background-image:url(iphone_6_plus/iphone_6_plus_gold_land.png)}.device-mockup[data-device=iphone6_plus]>.device>.screen,.device-mockup[data-device=iphone6_plus][data-orientation=portrait]>.device>.screen{top:11.58%;bottom:11.58%;left:5.97%;right:5.97%}.device-mockup[data-device=iphone6_plus][data-orientation=landscape]>.device>.screen{top:5.97%;bottom:5.97%;left:11.38%;right:11.58%}.device-mockup[data-device=iphone6_plus]>.device>.button,.device-mockup[data-device=iphone6_plus][data-orientation=portrait]>.device>.button{display:block;top:89.9%;bottom:3.2%;left:43%;right:43%}.device-mockup[data-device=iphone6_plus][data-orientation=landscape]>.device>.button{display:block;top:43%;bottom:43%;left:89.9%;right:3.2%}.device-mockup[data-device=ipad],.device-mockup[data-device=ipad][data-orientation=portrait]{padding-bottom:128.406276%}.device-mockup[data-device=ipad][data-orientation=landscape]{padding-bottom:79.9086758%}.device-mockup[data-device=ipad]>.device,.device-mockup[data-device=ipad][data-color=black]>.device,.device-mockup[data-device=ipad][data-orientation=portrait][data-color=black]>.device{background-image:url(ipad/ipad_port_black.png)}.device-mockup[data-device=ipad][data-color=white]>.device,.device-mockup[data-device=ipad][data-orientation=portrait][data-color=white]>.device{background-image:url(ipad/ipad_port_white.png)}.device-mockup[data-device=ipad][data-orientation=landscape]>.device,.device-mockup[data-device=ipad][data-orientation=landscape][data-color=black]>.device{background-image:url(ipad/ipad_land_black.png)}.device-mockup[data-device=ipad][data-orientation=landscape][data-color=white]>.device{background-image:url(ipad/ipad_land_white.png)}.device-mockup[data-device=ipad]>.device>.screen,.device-mockup[data-device=ipad][data-orientation=portrait]>.device>.screen{top:12.025723%;bottom:12.154341%;left:13.45995%;right:13.45995%}.device-mockup[data-device=ipad][data-orientation=landscape]>.device>.screen{top:13.87755102%;bottom:13.87755102%;left:11.5459883%;right:11.5459883%}.device-mockup[data-device=ipad]>.device>.button,.device-mockup[data-device=ipad][data-orientation=portrait]>.device>.button{display:block;top:90.2%;bottom:5.5%;left:47.3%;right:47.3%}.device-mockup[data-device=ipad][data-orientation=landscape]>.device>.button{display:block;top:47.3%;bottom:47.3%;left:90.8%;right:4.9%}.device-mockup[data-device=ipad_air],.device-mockup[data-device=ipad_air][data-orientation=portrait]{padding-bottom:141.27%}.device-mockup[data-device=ipad_air][data-orientation=landscape]{padding-bottom:70.79%}.device-mockup[data-device=ipad_air]>.device,.device-mockup[data-device=ipad_air][data-color=grey]>.device,.device-mockup[data-device=ipad_air][data-orientation=portrait][data-color=grey]>.device{background-image:url(ipad_air/ipad_air_gray_port.png)}.device-mockup[data-device=ipad_air][data-color=silver]>.device,.device-mockup[data-device=ipad_air][data-orientation=portrait][data-color=silver]>.device{background-image:url(ipad_air/ipad_air_silver_port.png)}.device-mockup[data-device=ipad_air][data-orientation=landscape]>.device,.device-mockup[data-device=ipad_air][data-orientation=landscape][data-color=grey]>.device{background-image:url(ipad_air/ipad_air_gray_land.png)}.device-mockup[data-device=ipad_air][data-orientation=landscape][data-color=silver]>.device{background-image:url(ipad_air/ipad_air_silver_land.png)}.device-mockup[data-device=ipad_air]>.device>.screen,.device-mockup[data-device=ipad_air][data-orientation=portrait]>.device>.screen{top:9.025723%;bottom:9.154341%;left:7.45995%;right:6.45995%}.device-mockup[data-device=ipad_air][data-orientation=landscape]>.device>.screen{top:6.877551%;bottom:6.877551%;left:9.545988%;right:9.545988%}.device-mockup[data-device=ipad_air]>.device>.button,.device-mockup[data-device=ipad_air][data-orientation=portrait]>.device>.button{display:block;top:93.2%;bottom:2.5%;left:47.3%;right:47.3%}.device-mockup[data-device=ipad_air][data-orientation=landscape]>.device>.button{display:block;top:47.3%;bottom:47.3%;left:93.1%;right:2.1%}.device-mockup[data-device=ipad_air_2],.device-mockup[data-device=ipad_air_2][data-orientation=portrait]{padding-bottom:141.38%}.device-mockup[data-device=ipad_air_2][data-orientation=landscape]{padding-bottom:70.73%}.device-mockup[data-device=ipad_air_2]>.device,.device-mockup[data-device=ipad_air_2][data-color=grey]>.device,.device-mockup[data-device=ipad_air_2][data-orientation=portrait][data-color=grey]>.device{background-image:url(ipad_air_2/ipad_air_2_gray_port.png)}.device-mockup[data-device=ipad_air_2][data-color=silver]>.device,.device-mockup[data-device=ipad_air_2][data-orientation=portrait][data-color=silver]>.device{background-image:url(ipad_air_2/ipad_air_2_silver_port.png)}.device-mockup[data-device=ipad_air_2][data-color=gold]>.device,.device-mockup[data-device=ipad_air_2][data-orientation=portrait][data-color=gold]>.device{background-image:url(ipad_air_2/ipad_air_2_gold_port.png)}.device-mockup[data-device=ipad_air_2][data-orientation=landscape]>.device,.device-mockup[data-device=ipad_air_2][data-orientation=landscape][data-color=grey]>.device{background-image:url(ipad_air_2/ipad_air_2_gray_land.png)}.device-mockup[data-device=ipad_air_2][data-orientation=landscape][data-color=silver]>.device{background-image:url(ipad_air_2/ipad_air_2_silver_land.png)}.device-mockup[data-device=ipad_air_2][data-orientation=landscape][data-color=gold]>.device{background-image:url(ipad_air_2/ipad_air_2_gold_land.png)}.device-mockup[data-device=ipad_air_2]>.device>.screen,.device-mockup[data-device=ipad_air_2][data-orientation=portrait]>.device>.screen{top:9.025723%;bottom:8.854341%;left:6.15995%;right:6.15995%}.device-mockup[data-device=ipad_air_2][data-orientation=landscape]>.device>.screen{top:6.277551%;bottom:6.277551%;left:8.545988%;right:8.545988%}.device-mockup[data-device=ipad_air_2]>.device>.button,.device-mockup[data-device=ipad_air_2][data-orientation=portrait]>.device>.button{display:block;top:93.2%;bottom:2.1%;left:46.3%;right:46.5%}.device-mockup[data-device=ipad_air_2][data-orientation=landscape]>.device>.button{display:block;top:46.5%;bottom:46.8%;left:93.5%;right:1.9%}.device-mockup[data-device=ipad_pro],.device-mockup[data-device=ipad_pro][data-orientation=portrait]{padding-bottom:138.63%}.device-mockup[data-device=ipad_pro][data-orientation=landscape]{padding-bottom:72.14%}.device-mockup[data-device=ipad_pro]>.device,.device-mockup[data-device=ipad_pro][data-color=grey]>.device,.device-mockup[data-device=ipad_pro][data-orientation=portrait][data-color=grey]>.device{background-image:url(ipad_pro/ipad_pro_port_black.png)}.device-mockup[data-device=ipad_pro][data-color=silver]>.device,.device-mockup[data-device=ipad_pro][data-orientation=portrait][data-color=silver]>.device{background-image:url(ipad_pro/ipad_pro_port_silver.png)}.device-mockup[data-device=ipad_pro][data-color=gold]>.device,.device-mockup[data-device=ipad_pro][data-orientation=portrait][data-color=gold]>.device{background-image:url(ipad_pro/ipad_pro_port_gold.png)}.device-mockup[data-device=ipad_pro][data-orientation=landscape]>.device,.device-mockup[data-device=ipad_pro][data-orientation=landscape][data-color=grey]>.device{background-image:url(ipad_pro/ipad_pro_land_black.png)}.device-mockup[data-device=ipad_pro][data-orientation=landscape][data-color=silver]>.device{background-image:url(ipad_pro/ipad_pro_land_silver.png)}.device-mockup[data-device=ipad_pro][data-orientation=landscape][data-color=gold]>.device{background-image:url(ipad_pro/ipad_pro_land_gold.png)}.device-mockup[data-device=ipad_pro]>.device>.screen,.device-mockup[data-device=ipad_pro][data-orientation=portrait]>.device>.screen{top:7.025723%;bottom:6.854341%;left:5.15995%;right:5.15995%}.device-mockup[data-device=ipad_pro][data-orientation=landscape]>.device>.screen{top:5.177551%;bottom:5.177551%;left:6.945988%;right:6.945988%}.device-mockup[data-device=ipad_pro]>.device>.button,.device-mockup[data-device=ipad_pro][data-orientation=portrait]>.device>.button{display:block;top:94.9%;bottom:1.5%;left:47.3%;right:47.1%}.device-mockup[data-device=ipad_pro][data-orientation=landscape]>.device>.button{display:block;top:47.5%;bottom:47.5%;left:94.8%;right:1.5%}.device-mockup[data-device=galaxy_s3],.device-mockup[data-device=galaxy_s3][data-orientation=portrait]{padding-bottom:178.787879%}.device-mockup[data-device=galaxy_s3][data-orientation=landscape]{padding-bottom:55.9322034%}.device-mockup[data-device=galaxy_s3]>.device,.device-mockup[data-device=galaxy_s3][data-color=black]>.device,.device-mockup[data-device=galaxy_s3][data-orientation=portrait][data-color=black]>.device{background-image:url(galaxy_s3/s3_port_black.png)}.device-mockup[data-device=galaxy_s3][data-orientation=landscape]>.device,.device-mockup[data-device=galaxy_s3][data-orientation=landscape][data-color=black]>.device{background-image:url(galaxy_s3/s3_land_black.png)}.device-mockup[data-device=galaxy_s3][data-color=white]>.device,.device-mockup[data-device=galaxy_s3][data-orientation=portrait][data-color=white]>.device{background-image:url(galaxy_s3/s3_port_white.png)}.device-mockup[data-device=galaxy_s3][data-orientation=landscape][data-color=white]>.device{background-image:url(galaxy_s3/s3_land_white.png)}.device-mockup[data-device=galaxy_s3]>.device>.screen,.device-mockup[data-device=galaxy_s3][data-orientation=portrait]>.device>.screen{top:12.3728814%;bottom:15.5367232%;left:13.8383838%;right:13.8383838%}.device-mockup[data-device=galaxy_s3][data-orientation=landscape]>.device>.screen{top:13.8383838%;bottom:13.8383838%;left:12.3728814%;right:15.5367232%}.device-mockup[data-device=galaxy_s5],.device-mockup[data-device=galaxy_s5][data-orientation=portrait]{padding-bottom:194.188862%}.device-mockup[data-device=galaxy_s5][data-orientation=landscape]{padding-bottom:51.496259%}.device-mockup[data-device=galaxy_s5]>.device,.device-mockup[data-device=galaxy_s5][data-color=black]>.device,.device-mockup[data-device=galaxy_s5][data-orientation=portrait][data-color=black]>.device{background-image:url(galaxy_s5/galaxy_s5_port_black.png)}.device-mockup[data-device=galaxy_s5][data-orientation=landscape]>.device,.device-mockup[data-device=galaxy_s5][data-orientation=landscape][data-color=black]>.device{background-image:url(galaxy_s5/galaxy_s5_land_black.png)}.device-mockup[data-device=galaxy_s5][data-color=white]>.device,.device-mockup[data-device=galaxy_s5][data-orientation=portrait][data-color=white]>.device{background-image:url(galaxy_s5/galaxy_s5_port_white.png)}.device-mockup[data-device=galaxy_s5][data-orientation=landscape][data-color=white]>.device{background-image:url(galaxy_s5/galaxy_s5_land_white.png)}.device-mockup[data-device=galaxy_s5]>.device>.screen,.device-mockup[data-device=galaxy_s5][data-orientation=portrait]>.device>.screen{top:10.2%;bottom:10.1%;left:6.3%;right:6.4%}.device-mockup[data-device=galaxy_s5][data-orientation=landscape]>.device>.screen{top:6.6%;bottom:6.2%;left:10.15%;right:10%}.device-mockup[data-device=galaxy_tab4],.device-mockup[data-device=galaxy_tab4][data-orientation=landscape]{padding-bottom:72.689464%}.device-mockup[data-device=galaxy_tab4]>.device,.device-mockup[data-device=galaxy_tab4][data-color=black]>.device,.device-mockup[data-device=galaxy_tab4][data-orientation=landscape][data-color=black]>.device{background-image:url(galaxy_tab4/galaxy_tab4_land_black.png)}.device-mockup[data-device=galaxy_tab4][data-color=white]>.device,.device-mockup[data-device=galaxy_tab4][data-orientation=landscape][data-color=white]>.device{background-image:url(galaxy_tab4/galaxy_tab4_land_white.png)}.device-mockup[data-device=galaxy_tab4]>.device>.screen,.device-mockup[data-device=galaxy_tab4][data-orientation=landscape]>.device>.screen{top:11.5%;bottom:11.5%;left:5.4%;right:5.2%}.device-mockup[data-device=lumia920],.device-mockup[data-device=lumia920][data-orientation=portrait]{padding-bottom:172.796353%}.device-mockup[data-device=lumia920][data-orientation=landscape]{padding-bottom:56.3330381%}.device-mockup[data-device=lumia920]>.device,.device-mockup[data-device=lumia920][data-orientation=portrait]>.device{background-image:url(lumia920/lumia920_port.png)}.device-mockup[data-device=lumia920][data-orientation=landscape]>.device{background-image:url(lumia920/lumia920_land.png)}.device-mockup[data-device=lumia920]>.device>.screen,.device-mockup[data-device=lumia920][data-orientation=portrait]>.device>.screen{top:10.6420405%;bottom:18.9973615%;left:13.5258359%;right:13.5258359%}.device-mockup[data-device=lumia920][data-orientation=landscape]>.device>.screen{top:12.2641509%;bottom:12.2641509%;left:10.5403012%;right:18.6005314%}.device-mockup[data-device=nexus7],.device-mockup[data-device=nexus7][data-orientation=portrait]{padding-bottom:156.521739%}.device-mockup[data-device=nexus7][data-orientation=landscape]{padding-bottom:63.6678201%}.device-mockup[data-device=nexus7]>.device,.device-mockup[data-device=nexus7][data-orientation=portrait]>.device{background-image:url(nexus7/nexus7_port.png)}.device-mockup[data-device=nexus7][data-orientation=landscape]>.device{background-image:url(nexus7/nexus7_land.png)}.device-mockup[data-device=nexus7]>.device>.screen,.device-mockup[data-device=nexus7][data-orientation=portrait]>.device>.screen{top:13.1365741%;bottom:12.7893519%;left:13.7681159%;right:13.7681159%}.device-mockup[data-device=nexus7][data-orientation=landscape]>.device>.screen{top:13.7681159%;bottom:13.7681159%;left:13.0911188%;right:13.0911188%}.device-mockup[data-device=surface],.device-mockup[data-device=surface][data-orientation=landscape]{padding-bottom:64.7584973%}.device-mockup[data-device=surface]>.device,.device-mockup[data-device=surface][data-orientation=landscape]>.device{background-image:url(surface/surface.png)}.device-mockup[data-device=surface]>.device>.screen,.device-mockup[data-device=surface][data-orientation=landscape]>.device>.screen{top:14.5488029%;bottom:14.9171271%;left:9.36195587%;right:9.36195587%}.device-mockup[data-device=samsung_tv],.device-mockup[data-device=samsung_tv][data-orientation=landscape]{padding-bottom:64.68%}.device-mockup[data-device=samsung_tv]>.device,.device-mockup[data-device=samsung_tv][data-orientation=landscape]>.device{background-image:url(samsung_tv/samsung_tv.png)}.device-mockup[data-device=samsung_tv]>.device>.screen,.device-mockup[data-device=samsung_tv][data-orientation=landscape]>.device>.screen{top:2.148803%;bottom:12.817127%;left:1.261956%;right:1.361956%} -\ No newline at end of file diff --git a/docs/vendor/device-mockups/galaxy_s3/s3_land_black.png b/docs/vendor/device-mockups/galaxy_s3/s3_land_black.png Binary files differ. diff --git a/docs/vendor/device-mockups/galaxy_s3/s3_land_white.png b/docs/vendor/device-mockups/galaxy_s3/s3_land_white.png Binary files differ. diff --git a/docs/vendor/device-mockups/galaxy_s3/s3_port_black.png b/docs/vendor/device-mockups/galaxy_s3/s3_port_black.png Binary files differ. diff --git a/docs/vendor/device-mockups/galaxy_s3/s3_port_white.png b/docs/vendor/device-mockups/galaxy_s3/s3_port_white.png Binary files differ. diff --git a/docs/vendor/device-mockups/galaxy_s5/galaxy_s5_land_black.png b/docs/vendor/device-mockups/galaxy_s5/galaxy_s5_land_black.png Binary files differ. diff --git a/docs/vendor/device-mockups/galaxy_s5/galaxy_s5_land_gold.png b/docs/vendor/device-mockups/galaxy_s5/galaxy_s5_land_gold.png Binary files differ. diff --git a/docs/vendor/device-mockups/galaxy_s5/galaxy_s5_land_white.png b/docs/vendor/device-mockups/galaxy_s5/galaxy_s5_land_white.png Binary files differ. diff --git a/docs/vendor/device-mockups/galaxy_s5/galaxy_s5_port_black.png b/docs/vendor/device-mockups/galaxy_s5/galaxy_s5_port_black.png Binary files differ. diff --git a/docs/vendor/device-mockups/galaxy_s5/galaxy_s5_port_gold.png b/docs/vendor/device-mockups/galaxy_s5/galaxy_s5_port_gold.png Binary files differ. diff --git a/docs/vendor/device-mockups/galaxy_s5/galaxy_s5_port_white.png b/docs/vendor/device-mockups/galaxy_s5/galaxy_s5_port_white.png Binary files differ. diff --git a/docs/vendor/device-mockups/galaxy_tab4/galaxy_tab4_land_black.png b/docs/vendor/device-mockups/galaxy_tab4/galaxy_tab4_land_black.png Binary files differ. diff --git a/docs/vendor/device-mockups/galaxy_tab4/galaxy_tab4_land_white.png b/docs/vendor/device-mockups/galaxy_tab4/galaxy_tab4_land_white.png Binary files differ. diff --git a/docs/vendor/device-mockups/galaxy_tab4_small/galaxy_tab4_black_small.png b/docs/vendor/device-mockups/galaxy_tab4_small/galaxy_tab4_black_small.png Binary files differ. diff --git a/docs/vendor/device-mockups/galaxy_tab4_small/galaxy_tab4_white_small.png b/docs/vendor/device-mockups/galaxy_tab4_small/galaxy_tab4_white_small.png Binary files differ. diff --git a/docs/vendor/device-mockups/imac/imac.png b/docs/vendor/device-mockups/imac/imac.png Binary files differ. diff --git a/docs/vendor/device-mockups/ipad/ipad_land_black.png b/docs/vendor/device-mockups/ipad/ipad_land_black.png Binary files differ. diff --git a/docs/vendor/device-mockups/ipad/ipad_land_white.png b/docs/vendor/device-mockups/ipad/ipad_land_white.png Binary files differ. diff --git a/docs/vendor/device-mockups/ipad/ipad_port_black.png b/docs/vendor/device-mockups/ipad/ipad_port_black.png Binary files differ. diff --git a/docs/vendor/device-mockups/ipad/ipad_port_white.png b/docs/vendor/device-mockups/ipad/ipad_port_white.png Binary files differ. diff --git a/docs/vendor/device-mockups/ipad_air/ipad_air_gray_land.png b/docs/vendor/device-mockups/ipad_air/ipad_air_gray_land.png Binary files differ. diff --git a/docs/vendor/device-mockups/ipad_air/ipad_air_gray_port.png b/docs/vendor/device-mockups/ipad_air/ipad_air_gray_port.png Binary files differ. diff --git a/docs/vendor/device-mockups/ipad_air/ipad_air_silver_land.png b/docs/vendor/device-mockups/ipad_air/ipad_air_silver_land.png Binary files differ. diff --git a/docs/vendor/device-mockups/ipad_air/ipad_air_silver_port.png b/docs/vendor/device-mockups/ipad_air/ipad_air_silver_port.png Binary files differ. diff --git a/docs/vendor/device-mockups/ipad_air_2/ipad_air_2_gold_land.png b/docs/vendor/device-mockups/ipad_air_2/ipad_air_2_gold_land.png Binary files differ. diff --git a/docs/vendor/device-mockups/ipad_air_2/ipad_air_2_gold_port.png b/docs/vendor/device-mockups/ipad_air_2/ipad_air_2_gold_port.png Binary files differ. diff --git a/docs/vendor/device-mockups/ipad_air_2/ipad_air_2_gray_land.png b/docs/vendor/device-mockups/ipad_air_2/ipad_air_2_gray_land.png Binary files differ. diff --git a/docs/vendor/device-mockups/ipad_air_2/ipad_air_2_gray_port.png b/docs/vendor/device-mockups/ipad_air_2/ipad_air_2_gray_port.png Binary files differ. diff --git a/docs/vendor/device-mockups/ipad_air_2/ipad_air_2_silver_land.png b/docs/vendor/device-mockups/ipad_air_2/ipad_air_2_silver_land.png Binary files differ. diff --git a/docs/vendor/device-mockups/ipad_air_2/ipad_air_2_silver_port.png b/docs/vendor/device-mockups/ipad_air_2/ipad_air_2_silver_port.png Binary files differ. diff --git a/docs/vendor/device-mockups/ipad_pro/ipad_pro_land_black.png b/docs/vendor/device-mockups/ipad_pro/ipad_pro_land_black.png Binary files differ. diff --git a/docs/vendor/device-mockups/ipad_pro/ipad_pro_land_gold.png b/docs/vendor/device-mockups/ipad_pro/ipad_pro_land_gold.png Binary files differ. diff --git a/docs/vendor/device-mockups/ipad_pro/ipad_pro_land_silver.png b/docs/vendor/device-mockups/ipad_pro/ipad_pro_land_silver.png Binary files differ. diff --git a/docs/vendor/device-mockups/ipad_pro/ipad_pro_port_black.png b/docs/vendor/device-mockups/ipad_pro/ipad_pro_port_black.png Binary files differ. diff --git a/docs/vendor/device-mockups/ipad_pro/ipad_pro_port_gold.png b/docs/vendor/device-mockups/ipad_pro/ipad_pro_port_gold.png Binary files differ. diff --git a/docs/vendor/device-mockups/ipad_pro/ipad_pro_port_silver.png b/docs/vendor/device-mockups/ipad_pro/ipad_pro_port_silver.png Binary files differ. diff --git a/docs/vendor/device-mockups/iphone5/iphone5_land.psd b/docs/vendor/device-mockups/iphone5/iphone5_land.psd Binary files differ. diff --git a/docs/vendor/device-mockups/iphone5/iphone5_land_black.png b/docs/vendor/device-mockups/iphone5/iphone5_land_black.png Binary files differ. diff --git a/docs/vendor/device-mockups/iphone5/iphone5_land_white.png b/docs/vendor/device-mockups/iphone5/iphone5_land_white.png Binary files differ. diff --git a/docs/vendor/device-mockups/iphone5/iphone5_port_black.png b/docs/vendor/device-mockups/iphone5/iphone5_port_black.png Binary files differ. diff --git a/docs/vendor/device-mockups/iphone5/iphone5_port_white.png b/docs/vendor/device-mockups/iphone5/iphone5_port_white.png Binary files differ. diff --git a/docs/vendor/device-mockups/iphone_6/iphone_6_land_black.png b/docs/vendor/device-mockups/iphone_6/iphone_6_land_black.png Binary files differ. diff --git a/docs/vendor/device-mockups/iphone_6/iphone_6_land_gold.png b/docs/vendor/device-mockups/iphone_6/iphone_6_land_gold.png Binary files differ. diff --git a/docs/vendor/device-mockups/iphone_6/iphone_6_land_white.png b/docs/vendor/device-mockups/iphone_6/iphone_6_land_white.png Binary files differ. diff --git a/docs/vendor/device-mockups/iphone_6/iphone_6_port_black.png b/docs/vendor/device-mockups/iphone_6/iphone_6_port_black.png Binary files differ. diff --git a/docs/vendor/device-mockups/iphone_6/iphone_6_port_gold.png b/docs/vendor/device-mockups/iphone_6/iphone_6_port_gold.png Binary files differ. diff --git a/docs/vendor/device-mockups/iphone_6/iphone_6_port_white.png b/docs/vendor/device-mockups/iphone_6/iphone_6_port_white.png Binary files differ. diff --git a/docs/vendor/device-mockups/iphone_6_plus/iphone_6_plus_black_land.png b/docs/vendor/device-mockups/iphone_6_plus/iphone_6_plus_black_land.png Binary files differ. diff --git a/docs/vendor/device-mockups/iphone_6_plus/iphone_6_plus_black_port.png b/docs/vendor/device-mockups/iphone_6_plus/iphone_6_plus_black_port.png Binary files differ. diff --git a/docs/vendor/device-mockups/iphone_6_plus/iphone_6_plus_gold_land.png b/docs/vendor/device-mockups/iphone_6_plus/iphone_6_plus_gold_land.png Binary files differ. diff --git a/docs/vendor/device-mockups/iphone_6_plus/iphone_6_plus_gold_port.png b/docs/vendor/device-mockups/iphone_6_plus/iphone_6_plus_gold_port.png Binary files differ. diff --git a/docs/vendor/device-mockups/iphone_6_plus/iphone_6_plus_white_land.png b/docs/vendor/device-mockups/iphone_6_plus/iphone_6_plus_white_land.png Binary files differ. diff --git a/docs/vendor/device-mockups/iphone_6_plus/iphone_6_plus_white_port.png b/docs/vendor/device-mockups/iphone_6_plus/iphone_6_plus_white_port.png Binary files differ. diff --git a/docs/vendor/device-mockups/iphone_se/iphone_se_land_black.png b/docs/vendor/device-mockups/iphone_se/iphone_se_land_black.png Binary files differ. diff --git a/docs/vendor/device-mockups/iphone_se/iphone_se_land_gold.png b/docs/vendor/device-mockups/iphone_se/iphone_se_land_gold.png Binary files differ. diff --git a/docs/vendor/device-mockups/iphone_se/iphone_se_land_rose.png b/docs/vendor/device-mockups/iphone_se/iphone_se_land_rose.png Binary files differ. diff --git a/docs/vendor/device-mockups/iphone_se/iphone_se_land_white.png b/docs/vendor/device-mockups/iphone_se/iphone_se_land_white.png Binary files differ. diff --git a/docs/vendor/device-mockups/iphone_se/iphone_se_port_black.png b/docs/vendor/device-mockups/iphone_se/iphone_se_port_black.png Binary files differ. diff --git a/docs/vendor/device-mockups/iphone_se/iphone_se_port_gold.png b/docs/vendor/device-mockups/iphone_se/iphone_se_port_gold.png Binary files differ. diff --git a/docs/vendor/device-mockups/iphone_se/iphone_se_port_rose.png b/docs/vendor/device-mockups/iphone_se/iphone_se_port_rose.png Binary files differ. diff --git a/docs/vendor/device-mockups/iphone_se/iphone_se_port_white.png b/docs/vendor/device-mockups/iphone_se/iphone_se_port_white.png Binary files differ. diff --git a/docs/vendor/device-mockups/lumia920/lumia920_land.png b/docs/vendor/device-mockups/lumia920/lumia920_land.png Binary files differ. diff --git a/docs/vendor/device-mockups/lumia920/lumia920_land.psd b/docs/vendor/device-mockups/lumia920/lumia920_land.psd Binary files differ. diff --git a/docs/vendor/device-mockups/lumia920/lumia920_port.png b/docs/vendor/device-mockups/lumia920/lumia920_port.png Binary files differ. diff --git a/docs/vendor/device-mockups/lumia_930/lumia_930_dark_land.png b/docs/vendor/device-mockups/lumia_930/lumia_930_dark_land.png Binary files differ. diff --git a/docs/vendor/device-mockups/lumia_930/lumia_930_dark_port.png b/docs/vendor/device-mockups/lumia_930/lumia_930_dark_port.png Binary files differ. diff --git a/docs/vendor/device-mockups/lumia_930/lumia_930_light_land.png b/docs/vendor/device-mockups/lumia_930/lumia_930_light_land.png Binary files differ. diff --git a/docs/vendor/device-mockups/lumia_930/lumia_930_light_port.png b/docs/vendor/device-mockups/lumia_930/lumia_930_light_port.png Binary files differ. diff --git a/docs/vendor/device-mockups/macbook/macbook.png b/docs/vendor/device-mockups/macbook/macbook.png Binary files differ. diff --git a/docs/vendor/device-mockups/macbook_2015/gold.png b/docs/vendor/device-mockups/macbook_2015/gold.png Binary files differ. diff --git a/docs/vendor/device-mockups/macbook_2015/grey.png b/docs/vendor/device-mockups/macbook_2015/grey.png Binary files differ. diff --git a/docs/vendor/device-mockups/macbook_2015/silver.png b/docs/vendor/device-mockups/macbook_2015/silver.png Binary files differ. diff --git a/docs/vendor/device-mockups/nexus7/nexus7_land.png b/docs/vendor/device-mockups/nexus7/nexus7_land.png Binary files differ. diff --git a/docs/vendor/device-mockups/nexus7/nexus7_port.png b/docs/vendor/device-mockups/nexus7/nexus7_port.png Binary files differ. diff --git a/docs/vendor/device-mockups/nexus_6/nexus_6_land.png b/docs/vendor/device-mockups/nexus_6/nexus_6_land.png Binary files differ. diff --git a/docs/vendor/device-mockups/nexus_6/nexus_6_port.png b/docs/vendor/device-mockups/nexus_6/nexus_6_port.png Binary files differ. diff --git a/docs/vendor/device-mockups/samsung_tv/samsung_tv.png b/docs/vendor/device-mockups/samsung_tv/samsung_tv.png Binary files differ. diff --git a/docs/vendor/device-mockups/surface/surface.png b/docs/vendor/device-mockups/surface/surface.png Binary files differ.
