94 lines
2.1 KiB
CSS
94 lines
2.1 KiB
CSS
/*!**********************************************************************************************************!*\
|
|
!*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/mobile.less ***!
|
|
\**********************************************************************************************************/
|
|
.WdePrimitives.AdjectiveElement,
|
|
#controls-bar {
|
|
border: 1px solid #555555;
|
|
}
|
|
#mobile-sunboard {
|
|
width: 100%;
|
|
height: 100%;
|
|
/* Auto layout */
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
justify-content: flex-start;
|
|
}
|
|
#icons {
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: #9999CC;
|
|
}
|
|
.apps-list {
|
|
/* Auto layout */
|
|
display: flex;
|
|
padding: 64px 32px;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
gap: 103px 18px;
|
|
flex: 1 0 0;
|
|
align-self: stretch;
|
|
flex-wrap: wrap;
|
|
}
|
|
.app-icon {
|
|
width: 100px;
|
|
height: 100px;
|
|
/* Auto layout */
|
|
display: flex;
|
|
padding: 4px 8px;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: 10px;
|
|
}
|
|
.app-icon .icon {
|
|
width: 64px;
|
|
height: 64px;
|
|
background-color: beige;
|
|
}
|
|
body {
|
|
zoom: 2;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0px;
|
|
/* font: normal 14px Summer Pixel 22, "res/SummerPixel22Regular.ttf"; */
|
|
-webkit-touch-callout: none;
|
|
/* iOS Safari */
|
|
-webkit-user-select: none;
|
|
/* Safari */
|
|
-khtml-user-select: none;
|
|
/* Konqueror HTML */
|
|
-moz-user-select: none;
|
|
/* Old versions of Firefox */
|
|
-ms-user-select: none;
|
|
/* Internet Explorer/Edge */
|
|
user-select: none;
|
|
/* Non-prefixed version, currently
|
|
supported by Chrome, Edge, Opera and Firefox */
|
|
touch-action: manipulation;
|
|
/* Auto layout */
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
justify-content: flex-start;
|
|
}
|
|
#mobile-app-views {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
#controls-bar {
|
|
width: 100%;
|
|
height: 150px;
|
|
background-color: #C0C0C0;
|
|
/* Auto layout */
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: flex-start;
|
|
justify-content: flex-start;
|
|
}
|
|
.mobile-app-view {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|