80 lines
1.5 KiB
CSS
80 lines
1.5 KiB
CSS
/* Default colors */
|
|
:root {
|
|
color-scheme: light;
|
|
}
|
|
* {
|
|
color: #212121;
|
|
scrollbar-color: #BDBDBD #EEE;
|
|
}
|
|
body {
|
|
*background-image: url("/assets/img/grass_light.png");
|
|
background-color: #B3E5FC;
|
|
color: #212121;
|
|
}
|
|
::selection {
|
|
background-color: #212121;
|
|
color: #EEE;
|
|
}
|
|
::-moz-selection {
|
|
background-color: #212121;
|
|
color: #EEE;
|
|
}
|
|
|
|
/* Theme buttons */
|
|
#light-theme .theme-check {
|
|
display: inline;
|
|
}
|
|
#light-theme .theme-btn {
|
|
text-decoration: none;
|
|
cursor: default;
|
|
}
|
|
|
|
/* Background */
|
|
#grass {
|
|
background-color: #4CAF50;
|
|
}
|
|
|
|
/* Navigation bar */
|
|
.nav-button-not-selected {
|
|
border-bottom-color: #858585;
|
|
}
|
|
.nav-button-not-selected:hover {
|
|
border-bottom-color: #212121;
|
|
}
|
|
|
|
/* Section */
|
|
.section hr {
|
|
border-color: #E0E0E0;
|
|
color: #E0E0E0;
|
|
}
|
|
|
|
/* Container */
|
|
.container {
|
|
background-color: white;
|
|
box-shadow: 2px 2px 0 #BDBDBD;
|
|
-o-box-shadow: 2px 2px 0 #BDBDBD;
|
|
-moz-box-shadow: 2px 2px 0 #BDBDBD;
|
|
-webkit-box-shadow: 2px 2px 0 #BDBDBD;
|
|
filter: progid:DXImageTransform.Microsoft.DropShadow(color=#FFBDBDBD, offX=2, offY=2);
|
|
}
|
|
.container::selection, .container *::selection {
|
|
background-color: #212121;
|
|
color: white;
|
|
}
|
|
.container::-moz-selection, .container *::-moz-selection {
|
|
background-color: #212121;
|
|
color: white;
|
|
}
|
|
|
|
.inline-code, .inline-code-text, .inline-code-icon {
|
|
background-color: #EEE;
|
|
}
|
|
|
|
.light {
|
|
display: initial !important;
|
|
}
|
|
.dark {
|
|
display: none !important;
|
|
}
|
|
|