device-mockups.min.css 17 KB

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%}