forked from mbk-lab/rui_orig
2
0
Fork 0
rui/app_styles.css

148 lines
1.8 KiB
CSS
Raw Permalink Normal View History

2021-09-07 17:36:50 +03:00
* {
box-sizing: border-box;
padding: 0;
margin: 0;
overflow: hidden;
min-width: 1px;
min-height: 1px;
text-overflow: ellipsis;
}
div {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
2022-07-01 18:01:25 +03:00
p, h1, h2, h3, h4, h5, h6, blockquote, code {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
2022-04-21 18:22:17 +03:00
/*
2021-09-07 17:36:50 +03:00
div:focus {
outline: none;
}
2022-04-21 18:22:17 +03:00
*/
2021-09-07 17:36:50 +03:00
input {
margin: 2px;
padding: 1px;
font-size: inherit;
}
select {
margin: 2px;
font-size: inherit;
}
button {
font-size: inherit;
2021-09-07 17:36:50 +03:00
}
textarea {
margin: 2px;
padding: 1px;
2021-09-07 17:36:50 +03:00
overflow: auto;
font-size: inherit;
2021-09-07 17:36:50 +03:00
}
ul:focus {
outline: none;
}
body {
margin: 0 auto;
width: 100%;
height: 100vh;
}
.ruiRoot {
position: absolute;
top: 0px;
bottom: 0px;
right: 0px;
left: 0px;
}
.ruiPopupLayer {
background-color: rgba(128,128,128,0.1);
position: absolute;
top: 0px;
bottom: 0px;
right: 0px;
left: 0px;
}
.ruiView {
}
.ruiAbsoluteLayout {
position: relative;
}
.ruiGridLayout {
display: grid;
}
.ruiListLayout {
display: flex;
}
.ruiStackLayout {
display: grid;
}
.ruiStackPageLayout {
display: grid;
width: 100%;
height: 100%;
align-items: stretch;
justify-items: stretch;
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 2;
}
.ruiTabsLayout {
display: grid;
}
.ruiImageView {
display: grid;
}
.ruiListView {
overflow: auto;
2021-11-11 13:23:41 +03:00
/*
2021-09-07 17:36:50 +03:00
display: flex;
align-content: stretch;
2021-11-11 13:23:41 +03:00
*/
2021-09-07 17:36:50 +03:00
}
/*
@media (prefers-color-scheme: light) {
body {
background: #FFF;
color: #000;
}
.ruiRoot {
background-color: #FFFFFF;
}
}
@media (prefers-color-scheme: dark) {
body {
background: #303030;
color: #F0F0F0;
}
.ruiRoot {
background-color: #303030;
}
}
*/