mirror of
https://github.com/pierre42100/AboutComunic
synced 2024-07-05 15:09:16 +00:00
1 line
23 KiB
CSS
1 line
23 KiB
CSS
|
.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)
|