2016-06-28 09:19:01 +12:00
|
|
|
|
2016-08-19 20:58:48 +12:00
|
|
|
@require 'mixins'
|
|
|
|
|
2016-06-28 23:59:39 +12:00
|
|
|
.title {
|
|
|
|
margin: 1em 0;
|
|
|
|
text-align: left;
|
|
|
|
vertical-align: middle;
|
|
|
|
|
|
|
|
.story_name, .author {
|
|
|
|
display: inline-block;
|
|
|
|
font-family: sans-serif;
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.story_name {
|
|
|
|
font-size: 1.5em;
|
|
|
|
color: #222;
|
|
|
|
font-weight: bold;
|
|
|
|
margin-right: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.author {
|
|
|
|
margin: 0;
|
|
|
|
font-size: 0.9em;
|
|
|
|
color: #444;
|
|
|
|
font-weight: normal;
|
|
|
|
display: inline-block;
|
|
|
|
|
|
|
|
a {
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2018-03-13 10:07:11 +13:00
|
|
|
#description p {
|
|
|
|
margin: 1em 0;
|
|
|
|
text-indent: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.content-rating {
|
|
|
|
textcolor(#fff);
|
|
|
|
display: inline-block;
|
|
|
|
padding: 0.3em 0.5em;
|
|
|
|
line-height: 1.0em;
|
|
|
|
border-radius: 4px;
|
|
|
|
font-size: .8125rem;
|
|
|
|
vertical-align: 4px;
|
|
|
|
margin-right: .3125rem;
|
|
|
|
|
|
|
|
&-everyone {
|
|
|
|
bgcolor(#78ac40);
|
|
|
|
border: 1px solid #6c9b3a;
|
|
|
|
}
|
|
|
|
&-teen {
|
|
|
|
bgcolor(#ffb400);
|
|
|
|
border: 1px solid #e6a200;
|
|
|
|
}
|
|
|
|
&-mature {
|
|
|
|
bgcolor(#c03d2f);
|
|
|
|
border: 1px solid #ad372a;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-06-28 23:59:39 +12:00
|
|
|
.readlink {
|
|
|
|
text-align: left;
|
|
|
|
font-size: 0.9em;
|
|
|
|
line-height: 1.1em;
|
|
|
|
}
|
|
|
|
|
2018-03-13 10:07:11 +13:00
|
|
|
// Tags
|
|
|
|
.tags {
|
|
|
|
margin-bottom: 0.6em;
|
2016-08-22 07:48:40 +12:00
|
|
|
text-align: left;
|
2018-03-13 10:07:11 +13:00
|
|
|
font-size: 0.8em;
|
|
|
|
}
|
|
|
|
.story-tag {
|
|
|
|
display: inline-block;
|
|
|
|
padding: 0.3em 0.5em;
|
|
|
|
margin-bottom: 0.3em;
|
|
|
|
line-height: 1.0em;
|
|
|
|
bgcolor(#444);
|
|
|
|
textcolor(#fff);
|
|
|
|
text-decoration: none;
|
|
|
|
border-radius: 4px;
|
|
|
|
border: 1px solid #525252;
|
|
|
|
font-family: sans-serif;
|
|
|
|
}
|
|
|
|
.tag-series {
|
|
|
|
bgcolor(#a151bd);
|
|
|
|
border: 1px solid #8945a1;
|
|
|
|
}
|
|
|
|
.tag-genre {
|
|
|
|
bgcolor(#4f91d6);
|
|
|
|
border: 1px solid #437bb6;
|
|
|
|
}
|
|
|
|
.tag-character {
|
|
|
|
bgcolor(#23b974);
|
|
|
|
border: 1px solid #1e9d63;
|
|
|
|
}
|
|
|
|
.tag-warning {
|
|
|
|
bgcolor(#d6605a);
|
|
|
|
border: 1px solid #b6524d;
|
2016-08-22 07:48:40 +12:00
|
|
|
}
|
|
|
|
|
|
|
|
.bottom {
|
|
|
|
margin-top: 1em;
|
|
|
|
text-align: left;
|
2018-03-13 10:07:11 +13:00
|
|
|
page-break-inside: avoid;
|
|
|
|
break-inside: avoid;
|
|
|
|
-webkit-column-break-inside: avoid;
|
2016-08-22 07:48:40 +12:00
|
|
|
}
|
|
|
|
|
2018-03-13 10:07:11 +13:00
|
|
|
// Statuses
|
|
|
|
.completed-status {
|
|
|
|
margin-bottom: 0.5em;
|
|
|
|
font-family: sans-serif;
|
2017-06-07 08:15:05 +12:00
|
|
|
font-size: .875em;
|
2018-03-13 10:07:11 +13:00
|
|
|
font-weight: normal;
|
|
|
|
padding: 0.3em 0.5em;
|
|
|
|
border: 1px solid rgba(0,0,0,0.15);
|
|
|
|
border-radius: 4px;
|
|
|
|
display: inline-block;
|
|
|
|
text-align: center;
|
|
|
|
textcolor(#fff);
|
|
|
|
vertical-align: middle;
|
|
|
|
i.fa {
|
|
|
|
margin-right: 0.1em;
|
|
|
|
}
|
|
|
|
&-complete {
|
|
|
|
bgcolor(#63bd40);
|
|
|
|
border-color: #59aa3a;
|
|
|
|
// check
|
|
|
|
}
|
|
|
|
&-incomplete {
|
|
|
|
bgcolor(#F7A616);
|
|
|
|
border-color: #de9514;
|
|
|
|
// pencil
|
|
|
|
}
|
|
|
|
&-hiatus {
|
|
|
|
bgcolor(#bd7b40);
|
|
|
|
border-color: #aa6f3a;
|
|
|
|
// pause
|
|
|
|
}
|
|
|
|
&-cancelled {
|
|
|
|
bgcolor(#bc3131);
|
|
|
|
border-color: #a92c2c;
|
|
|
|
// ban
|
|
|
|
}
|
2016-06-28 23:59:39 +12:00
|
|
|
}
|
|
|
|
|
|
|
|
// Last Modified and First Published
|
2016-08-22 07:48:40 +12:00
|
|
|
.infobox {
|
|
|
|
margin-bottom: 0.5em;
|
|
|
|
margin-left: 0.5em;
|
2016-06-28 09:19:01 +12:00
|
|
|
font-weight: bold;
|
|
|
|
display: inline-block;
|
|
|
|
vertical-align: middle;
|
|
|
|
|
2016-08-22 07:48:40 +12:00
|
|
|
.heading, .data {
|
2016-06-28 09:19:01 +12:00
|
|
|
font-family: sans-serif;
|
2016-06-28 23:59:39 +12:00
|
|
|
font-size: 0.8em;
|
|
|
|
text-align: center;
|
2016-06-28 09:19:01 +12:00
|
|
|
}
|
|
|
|
|
|
|
|
.wrap {
|
2016-06-28 23:59:39 +12:00
|
|
|
line-height: 0.9em;
|
2016-06-28 09:19:01 +12:00
|
|
|
vertical-align: middle;
|
|
|
|
display: inline-block;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.heading {
|
|
|
|
font-weight: normal;
|
2016-08-22 07:48:40 +12:00
|
|
|
color: #444;
|
2016-06-28 09:19:01 +12:00
|
|
|
}
|
|
|
|
}
|