78b6148463
Added basic formatting for tables so that they have some padding and are aligned in the center of the page. I did not add color or borders because I am not sure how tables should look like. A lot of people in IntermezzOS want asides, blockquotes are probably the easiest way to do that. I have thus styled blockquotes for all the color themes.
114 lines
2.1 KiB
Stylus
114 lines
2.1 KiB
Stylus
.{unquote($theme-name)} {
|
|
|
|
color: $fg
|
|
background-color: $bg
|
|
|
|
.content .header:link, .content .header:visited {
|
|
color: $fg;
|
|
pointer: cursor;
|
|
|
|
&:hover {
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
.sidebar {
|
|
background-color: $sidebar-bg
|
|
color: $sidebar-fg
|
|
}
|
|
|
|
.chapter li {
|
|
color: $sidebar-non-existant
|
|
|
|
a { color: $sidebar-fg }
|
|
|
|
.active,
|
|
a:hover, {
|
|
/* Animate color change */
|
|
color: $sidebar-active
|
|
}
|
|
}
|
|
|
|
.chapter .spacer {
|
|
background-color: $sidebar-spacer
|
|
}
|
|
|
|
.menu-bar,
|
|
.menu-bar:visited,
|
|
.nav-chapters,
|
|
.nav-chapters:visited,
|
|
.mobile-nav-chapters,
|
|
.mobile-nav-chapters:visited {
|
|
color: $icons
|
|
}
|
|
|
|
.menu-bar i:hover,
|
|
.nav-chapters:hover,
|
|
.mobile-nav-chapters i:hover {
|
|
color: $icons-hover
|
|
}
|
|
|
|
.mobile-nav-chapters i:hover {
|
|
color: $sidebar-fg
|
|
}
|
|
|
|
.mobile-nav-chapters {
|
|
background-color: $sidebar-bg
|
|
}
|
|
|
|
.content a:link, a:visited {
|
|
color: $links
|
|
}
|
|
|
|
.theme-popup {
|
|
background: $theme-popup-bg
|
|
border: 1px solid $theme-popup-border
|
|
|
|
.theme:hover { background-color: $theme-hover }
|
|
}
|
|
|
|
blockquote {
|
|
margin: 20px 0;
|
|
padding: 0 20px;
|
|
color: $fg;
|
|
background-color: $quote-bg;
|
|
border-top: .1em solid $quote-border;
|
|
border-bottom: .1em solid $quote-border;
|
|
}
|
|
|
|
/*
|
|
table {
|
|
thead td {
|
|
color: $table-header-fg;
|
|
backrgound: $table-header-bg;
|
|
}
|
|
}
|
|
*/
|
|
|
|
/* Inline code */
|
|
:not(pre) > .hljs {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
padding: 0.1em 0.3em;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
pre {
|
|
position: relative;
|
|
|
|
& > .buttons {
|
|
position: absolute;
|
|
right: 5px;
|
|
top: 5px;
|
|
|
|
color: $sidebar-fg;
|
|
cursor: pointer;
|
|
|
|
:hover { color: $sidebar-active; }
|
|
i { margin-left: 8px; }
|
|
}
|
|
|
|
& > .result { margin-top: 10px; }
|
|
|
|
}
|
|
}
|