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.
150 lines
2.3 KiB
150 lines
2.3 KiB
body {
|
|
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
|
|
}
|
|
|
|
main {
|
|
}
|
|
|
|
.page-body {
|
|
color: #99a;
|
|
outline: 0.5px solid #2bf;
|
|
background-color: rgba(0, 0, 0, 0.75);
|
|
}
|
|
|
|
.page-body a {
|
|
color: #f91;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.page-body a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.page-body h1, .page-body h2, .page-body h3,
|
|
.page-body h4, .page-body h5, .page-body h6 {
|
|
color: #2bf;
|
|
}
|
|
|
|
.page-body blockquote {
|
|
background-color: rgba(34, 187, 255, 0.25);
|
|
border-color: #2bf;
|
|
color: #ccc;
|
|
}
|
|
|
|
.page-list {
|
|
width: 100%;
|
|
border-spacing: 0px;
|
|
margin-top: 0.75em;
|
|
|
|
color: #99a;
|
|
}
|
|
|
|
.page-list tr {
|
|
outline: 0.5px solid #2bf;
|
|
}
|
|
|
|
.pl-icon {
|
|
outline: 0.5px solid #2bf;
|
|
background: rgba(34, 187, 255, 0.125);
|
|
color: #2bf;
|
|
}
|
|
|
|
.pl-content {
|
|
background-color: rgba(0, 0, 0, 0.75)
|
|
}
|
|
|
|
.plc-title {
|
|
color: #2bf;
|
|
}
|
|
|
|
.plc-title a {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.plc-title a:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.plc-meta div {
|
|
color: #99a;
|
|
}
|
|
|
|
/* Tag colors */
|
|
.plcm-tag.ttype-event {
|
|
color: #b77;
|
|
}
|
|
|
|
.plcm-tag.ttype-location {
|
|
color: #aa7;
|
|
}
|
|
|
|
.plcm-tag.ttype-source {
|
|
color: #7b7;
|
|
}
|
|
|
|
/* Unread */
|
|
.page-list tr.unread {
|
|
outline: 0.5px solid #f91;
|
|
}
|
|
|
|
.page-list .unread .pl-content {
|
|
background-color: rgba(2, 1, 0, 0.75)
|
|
}
|
|
|
|
.page-list .unread .plc-title {
|
|
color: #f91;
|
|
}
|
|
|
|
.page-list .unread .pl-icon {
|
|
outline: 0.5px solid #f91;
|
|
background: rgba(255, 153, 17, 0.25);
|
|
color: #f91;
|
|
}
|
|
|
|
nav {
|
|
background-color: rgba(0, 0, 0, 0.75);
|
|
color: #aaa;
|
|
border-right: 1px solid #2bf;
|
|
}
|
|
|
|
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: #2bf;
|
|
}
|
|
|
|
nav .mg-label {
|
|
color: #99a;
|
|
}
|
|
|
|
nav li:hover .mg-label {
|
|
color: #99a;
|
|
}
|
|
|
|
/* Scrollbar */
|
|
::-webkit-scrollbar-track {
|
|
background-color: #111;
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: #333;
|
|
}
|
|
|
|
/* Mobile weirdness with rgba */
|
|
@media screen and (max-width: 900px) {
|
|
nav, .page-body, .pl-content {
|
|
background-color: rgba(0, 0, 0, 0.50);
|
|
}
|
|
|
|
.page-body blockquote, .pl-icon {
|
|
background-color: rgba(34, 187, 255, 0.25);
|
|
}
|
|
}
|