95 lines
1.5 KiB
CSS
95 lines
1.5 KiB
CSS
/*Theming*/
|
|
:root {
|
|
--primary-color: #302AE6;
|
|
--secondary-color: #536390;
|
|
--font-color: #424242;
|
|
--bg-color: #090f13;
|
|
--heading-color: #292922;
|
|
}
|
|
|
|
[data-theme="light"] {
|
|
--primary-color: #9A97F3;
|
|
--secondary-color: #818cab;
|
|
--font-color: #e1e1ff;
|
|
--bg-color: black;
|
|
--heading-color: #818cab;
|
|
}
|
|
/*End of Theming*/
|
|
|
|
html, body {
|
|
height: 100%;
|
|
width: 100%;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
background-color: var(--bg-color);
|
|
color: var(--font-color);
|
|
}
|
|
div.pageWrapper {
|
|
height: 100%;
|
|
width: 100%;
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
grid-template-rows: 0.2fr 2.6fr 0fr;
|
|
}
|
|
div#header, div#footer {
|
|
z-index: 9999;
|
|
background-color: #292922;
|
|
}
|
|
|
|
#logoHead {
|
|
margin: 6px 0 0 4px;
|
|
padding: 0;
|
|
font-size: 14px;
|
|
}
|
|
#logo {
|
|
padding: 1px 4px 1px 4px;
|
|
height: 48px;
|
|
}
|
|
#itemInfo {
|
|
display: none;
|
|
height: 61px;
|
|
position: absolute;
|
|
left: 200px;
|
|
right: 270px;
|
|
top: 4px;
|
|
}
|
|
#itemInfo div.infoText {
|
|
margin-top: 3px;
|
|
}
|
|
#pagePosition, #itemPosition {
|
|
position: absolute;
|
|
right: 8px;
|
|
top: 6px;
|
|
padding: 0;
|
|
color: #7d7b6a;
|
|
background-color: #333;
|
|
}
|
|
#pagePosition span, #itemPosition span {
|
|
color: #9d9b8a;
|
|
}
|
|
#pagePosition {
|
|
display: block;
|
|
}
|
|
#itemPosition {
|
|
display: none;
|
|
}
|
|
|
|
div#content {
|
|
position: relative;
|
|
}
|
|
|
|
div.wrapper {
|
|
display: none;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
div#howtowrapper {
|
|
overflow: hidden;
|
|
background-color: rgba(0, 0, 0, 0.9);
|
|
z-index: 999;
|
|
}
|