The UI component of the AiteStory project.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

163 lines
2.3 KiB

body {
font-family: sans-serif;
}
nav, main {
background-color: rgba(0, 0, 0, 0.75);
}
article {
color: #abc;
font-family: 'SeanSansNarrowMedium';
text-align: justify;
font-size: 1.1em;
}
article a {
color: #fa3;
text-decoration: none;
}
article a:hover {
color: #fff;
}
article h1, article h2, article h3,
article h4, article h5, article h6 {
color: #4bf;
font-weight: 100;
}
article h1 {
color: #4bf;
}
article h1, article h2 {
font-family: 'SeanSansWideThin';
}
article h3, article h4, article h5, article h6 {
font-family: 'SeanSansWideMedium';
}
article blockquote {
background-color: rgba(34, 187, 255, 0.125);
border-color: #4bf;
color: #4bf;
}
.page-list {
width: 100%;
border-spacing: 0px;
margin-top: 0.75em;
color: #789;
}
.page-list tr {
outline: 0.5px solid #4bf;
}
.pl-icon {
outline: 0.5px solid #4bf;
background: rgba(34, 187, 255, 0.25);
color: #4bf;
font-family: sans-serif;
}
.pl-content {
background-color: rgba(0, 8, 17, 0.50)
}
.plc-title {
color: #4bf;
}
.plc-title a {
color: inherit;
text-decoration: none;
}
.plc-title a:hover {
color: #fff;
}
/* Unread */
.page-list tr.unread {
outline: 0.5px solid #fa3;
}
.page-list .unread .pl-content {
background-color: rgba(17, 8, 0, 0.50);
color: #a86;
}
.page-list .unread .plc-title {
color: #fa3;
}
.page-list .unread .pl-icon {
outline: 0.5px solid #fa3;
background: rgba(255, 153, 17, 0.25);
color: #fa3;
}
nav {
color: #789;
border-color: #4bf;
}
nav h1 {
color: #4bf;
font-family: 'SeanSansWideLight';
font-weight: 100;
}
nav a {
color: inherit;
text-decoration: none;
}
nav li:hover, nav .pp-tag:hover {
color: #ccc;
background-color: rgba(34, 187, 255, 0.25);
}
nav .mg-icon {
color: #4bf;
font-family: sans-serif;
}
nav .mg-label {
color: #789;
font-family: 'SeanSansNarrowMedium';
}
nav li:hover .mg-label {
color: #fff;
}
/* Tag colors */
.ttype-event {
color: #b77;
}
.ttype-location {
color: #7a7;
}
.ttype-source {
color: #cc3;
}
.ttype-character {
color: #37b;
}
/* Scrollbar */
::-webkit-scrollbar-track {
background-color: #111;
}
::-webkit-scrollbar-thumb {
background-color: #333;
}