revuo-weekly/css/main.scss

124 lines
2.5 KiB
SCSS
Raw Normal View History

---
# Front matter comment to ensure Jekyll properly reads file.
---
//Import
@import "base", "mixin", "typography", "layout", "syntax.scss", "custom.scss";
2022-03-30 09:21:26 -06:00
/////////////////////////////////////////
/////////////////////////////////////////
/////////////////////////////////////////
//////////// LIGHT THEME ////////////////
/////////////////////////////////////////
/////////////////////////////////////////
/////////////////////////////////////////
//html {
//background-color: #0f0f0f;
////background-color: #f0f0f0;
//html {
//[>background-color: #0f0f0f;<]
////background-color: #f0f0f0;
//background-color: lightblue;
//}
////body {
//////background-color: #f0f0f0;
////background-color: #0f0f0f;
//body {
//[>background-color: #0f0f0f;<]
////background-color: #f0f0f0;
//background-color: lightblue;
//}
2022-04-02 03:34:14 -06:00
// Default Style (Dark)
2022-03-30 09:21:26 -06:00
:root {
--primary-color: #888888;
--secondary-color: #666666;
2022-03-31 08:21:15 -06:00
--font-color: #cecece;
2022-03-30 09:21:26 -06:00
--bg-color: #0f0f0f;
--heading-color: #454545;
2022-03-30 13:12:49 -06:00
--block-bg-color: #2f3234;
2022-03-31 08:21:15 -06:00
--block-bg-color-secondary: #444444;
--block-bg-color-heading: #333333;
2022-04-02 03:34:14 -06:00
--table-color: #cecece;
2022-04-01 13:58:53 -06:00
--head-nav-bg-color: transparent;
2022-04-02 03:34:14 -06:00
--head-nav-text-color: #d56f2a;
2022-04-02 11:23:12 -06:00
--menu-color: #e1e1e1;
2022-03-30 09:21:26 -06:00
}
2022-04-02 03:34:14 -06:00
// Was entered incorrectly.. Dark = Light
2022-03-30 09:21:26 -06:00
[data-theme="dark"] {
--primary-color: #666666;
--secondary-color: #555555;
2022-03-31 11:16:09 -06:00
--font-color: #555555;
2022-03-30 09:21:26 -06:00
--bg-color: #f0f0f0;
--heading-color: #666666;
2022-03-30 13:12:49 -06:00
--block-bg-color: #d7d7d7;
2022-03-31 08:21:15 -06:00
--block-bg-color-secondary: #c0c0c0;
--block-bg-color-heading: #a5a5a5;
2022-04-02 06:56:23 -06:00
--table-color: #000000;
2022-04-01 13:58:53 -06:00
--head-nav-bg-color: transparent;
2022-04-01 12:53:24 -06:00
--head-nav-text-color: #d56f2a;
2022-04-02 11:23:12 -06:00
--menu-color: #202225;
2022-03-30 09:21:26 -06:00
}
body {
background-color: var(--bg-color);
color: var(--font-color);
}
html {
background-color: var(--bg-color);
color: var(--font-color);
}
h1 {
color: var(--secondary-color);
}
a {
color: var(--primary-color);
}
2022-04-02 03:21:09 -06:00
2022-03-31 12:03:38 -06:00
.moneroversary-table,
2022-04-02 03:21:09 -06:00
.price-table {
2022-04-01 12:24:49 -06:00
color: var(--table-color);
2022-03-31 12:03:38 -06:00
}
2022-04-01 12:53:24 -06:00
2022-04-02 03:21:09 -06:00
#weekly .revuo-classes a.wk,
#periodical .revuo-classes a.pd,
#wrap.periodical .revuo-classes a.pd:active,
#wrap.periodical .revuo-classes a.pd:focus {
2022-04-01 12:53:24 -06:00
background-color: var(--head-nav-bg-color);
color: var(--head-nav-text-color);
}
2022-04-02 07:10:04 -06:00
2022-04-02 13:11:46 -06:00
time.by-line {
2022-04-02 11:23:12 -06:00
color: var(--table-color);
2022-04-02 07:10:04 -06:00
}
2022-04-02 11:23:12 -06:00
#menu,
#menu::after,
2022-04-02 13:11:46 -06:00
#menu::before {
2022-04-02 11:23:12 -06:00
background-color: var(--menu-color);
2022-04-02 12:35:49 -06:00
}
2022-04-02 12:43:34 -06:00
#header img.logo {
2022-04-02 13:11:46 -06:00
margin-left: 122px;
2022-04-02 12:35:49 -06:00
}
2022-04-02 13:11:46 -06:00
#header img.rss-icon {
float: right;
right: 80px;
top: 13px;
position: relative;
2022-04-02 12:35:49 -06:00
}
2022-04-02 14:40:29 -06:00
#header a.rss {
display: block;
2022-04-02 13:11:46 -06:00
}