PHP Classes

File: css/device-mockups.min.css

Recommend this page to a friend!
  Classes of Mark de Leon  >  PHP Document Scanner using SANE or eSCL AirPrint  >  css/device-mockups.min.css  >  Download  
File: css/device-mockups.min.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: PHP Document Scanner using SANE or eSCL AirPrint
Web interface to scan printed documents
Author: By
Last change:
Date: 1 year ago
Size: 1,170 bytes
 

Contents

Class file image Download
.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(images/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.iphone6_plus, .device-mockup.iphone6_plus.portrait {
padding-bottom:201.76%
}
.device-mockup.iphone6_plus.portrait.white>.device, .device-mockup.iphone6_plus.white>.device {
background-image:url(images/iphone_6_plus_white_port.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.portrait>.device>.button, .device-mockup.iphone6_plus>.device>.button {
display:block;
top:89.9%;
bottom:3.2%;
left:43%;
right:43%
}
For more information send a message to info at phpclasses dot org.