mirror of
https://github.com/modernw/App-Installer-For-Windows-8.x-Reset.git
synced 2026-06-19 05:40:12 +10:00
Coding for Package Manager.
This commit is contained in:
@@ -0,0 +1,118 @@
|
||||
.appitem {
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
height: 60px;
|
||||
width: 450px;
|
||||
max-width: 100%;
|
||||
display: -ms-flexbox;
|
||||
/* IE10 */
|
||||
display: flex;
|
||||
-ms-flex-direction: row;
|
||||
/* IE10 */
|
||||
flex-direction: row;
|
||||
-ms-flex-wrap: nowrap;
|
||||
/* IE10 */
|
||||
flex-wrap: nowrap;
|
||||
-ms-flex-line-pack: start;
|
||||
/* IE10 -> align-content */
|
||||
align-content: flex-start;
|
||||
-ms-flex-pack: start;
|
||||
/* IE10 -> justify-content */
|
||||
justify-content: flex-start;
|
||||
transition: all 0.3s cubic-bezier(0.1, 0.9, 0.2, 1);
|
||||
}
|
||||
|
||||
.appitem:hover {
|
||||
background-color: rgba(242, 242, 242, 1);
|
||||
}
|
||||
|
||||
.appitem:active {
|
||||
transform: scale(0.9695);
|
||||
-ms-transform: scale(0.9695);
|
||||
}
|
||||
|
||||
.appitem div[role=img] {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
background-color: #464646;
|
||||
display: -ms-flexbox;
|
||||
/* IE10 */
|
||||
display: flex;
|
||||
-ms-flex-direction: row;
|
||||
/* IE10 */
|
||||
flex-direction: row;
|
||||
-ms-flex-wrap: nowrap;
|
||||
/* IE10 */
|
||||
flex-wrap: nowrap;
|
||||
-ms-flex-pack: center;
|
||||
/* IE10 -> justify-content */
|
||||
justify-content: center;
|
||||
-ms-flex-align: center;
|
||||
/* IE10 -> align-items */
|
||||
align-items: center;
|
||||
-ms-flex-line-pack: center;
|
||||
/* IE10 -> align-content */
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
.appitem div[role=divide] {
|
||||
width: 10px;
|
||||
min-width: 10px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.appitem div[role=excepticon] div[role=title] {
|
||||
font-weight: normal;
|
||||
flex: 1;
|
||||
-ms-flex: 1;
|
||||
}
|
||||
|
||||
.appitem div[role=excepticon] {
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
display: -ms-flexbox;
|
||||
/* IE10 */
|
||||
display: flex;
|
||||
-ms-flex-direction: column;
|
||||
/* IE10 */
|
||||
flex-direction: column;
|
||||
-ms-flex-wrap: nowrap;
|
||||
/* IE10 */
|
||||
flex-wrap: nowrap;
|
||||
-ms-flex-line-pack: start;
|
||||
/* IE10 -> align-content */
|
||||
align-content: flex-start;
|
||||
-ms-flex-pack: start;
|
||||
/* IE10 -> justify-content */
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.appitem div[role=excepticon] div[role=control] {
|
||||
display: none;
|
||||
/* IE10 */
|
||||
display: flex;
|
||||
-ms-flex-direction: row-reverse;
|
||||
/* IE10 */
|
||||
flex-direction: row-reverse;
|
||||
-ms-flex-wrap: wrap;
|
||||
/* IE10 */
|
||||
flex-wrap: wrap;
|
||||
-ms-flex-line-pack: end;
|
||||
/* IE10 -> align-content */
|
||||
align-content: flex-end;
|
||||
-ms-flex-pack: start;
|
||||
/* IE10 -> justify-content */
|
||||
justify-content: flex-start;
|
||||
-ms-flex-align: center;
|
||||
/* IE10 -> align-items */
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.appitem.selected {
|
||||
height: 119px;
|
||||
}
|
||||
|
||||
.appitem.selected div[role=excepticon] div[role=control] {
|
||||
display: flex;
|
||||
display: -ms-flexbox;
|
||||
}
|
||||
Reference in New Issue
Block a user