113 lines
1.7 KiB
CSS
113 lines
1.7 KiB
CSS
/* Reset body, html, and div presets. */
|
|
body, html, div {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
body {
|
|
background: url('./../images/backgrounds/0.jpg') no-repeat center center fixed;
|
|
background-size: cover;
|
|
}
|
|
|
|
#frame_bar {
|
|
-webkit-app-region: drag;
|
|
-webkit-user-select: none;
|
|
background: rgba(1, 2, 1, 0.5);
|
|
min-height: 22px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
#frame_btn_dock {
|
|
margin-left: 2px;
|
|
}
|
|
|
|
.frame_btn {
|
|
height: 12px;
|
|
width: 12px;
|
|
border-radius: 50%;
|
|
border: 0px;
|
|
margin-left: 5px;
|
|
-webkit-app-region: no-drag !important;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.frame_btn:focus {
|
|
outline: 0px;
|
|
}
|
|
|
|
#frame_btn_close {
|
|
background-color: #e74c32;
|
|
}
|
|
|
|
#frame_btn_close:hover {
|
|
background-color: #FF9A8A;
|
|
}
|
|
|
|
#frame_btn_restoredown {
|
|
background-color: #fed045;
|
|
}
|
|
|
|
#frame_btn_restoredown:hover {
|
|
background-color: #FFE9A9;
|
|
}
|
|
|
|
#frame_btn_minimize {
|
|
background-color: #96e734;
|
|
}
|
|
|
|
#frame_btn_minimize:hover {
|
|
background-color: #D6FFA6;
|
|
}
|
|
|
|
#main {
|
|
height: calc(100% - 22px);
|
|
}
|
|
|
|
#main > #upper {
|
|
height: 75%;
|
|
display: flex;
|
|
}
|
|
|
|
#main > #lower {
|
|
height: 25%;
|
|
}
|
|
|
|
#main > #upper > #left {
|
|
display: inline-flex;
|
|
width: 25%;
|
|
height: 100%;
|
|
}
|
|
|
|
#main > #upper > #content {
|
|
display: inline-flex;
|
|
width: 50%;
|
|
height: 100%;
|
|
}
|
|
|
|
#main > #upper > #right {
|
|
display: inline-flex;
|
|
width: 25%;
|
|
height: 100%;
|
|
}
|
|
|
|
#main > #lower > #top {
|
|
height: 50%;
|
|
}
|
|
|
|
#main > #lower > #bottom {
|
|
height: 50%;
|
|
display: flex;
|
|
}
|
|
|
|
#main > #lower > #bottom > #left {
|
|
height: 100%;
|
|
width: 50%;
|
|
display: inline-flex;
|
|
}
|
|
|
|
#main > #lower > #bottom > #right {
|
|
height: 100%;
|
|
width: 50%;
|
|
display: inline-flex;
|
|
} |