Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- div.story-container {
- position: relative;
- margin-top: 0;
- width: 83.2%;
- margin: 0 auto 0 auto;
- border: 1px solid var(--site-borders);
- background-color: var(--site-accent);
- box-shadow: var(--site-dropshadow);
- div.story-coverart {
- display: inline-block;
- padding: 3rem 0 3rem 3rem;
- img {
- max-width: 400px;
- max-height: 300px;
- border: 1px solid var(--site-borders);
- box-shadow: var(--site-dropshadow);
- }
- }
- div.story-info {
- display: inline-block;
- padding: 3rem 3rem 3rem calc(3rem);
- max-width: 100%;
- div.story-header {
- h1 {
- display: inline-block;
- font-weight: 700;
- color: whitesmoke;
- margin-bottom: 0;
- a {
- color: whitesmoke;
- padding: 10px 5px 0 5px;
- &:hover {
- background-color: var(--site-accent-hover);
- }
- }
- }
- h2 {
- display: inline-block;
- margin: 0 0 0 1rem;
- font-size: 20px;
- font-style: italic;
- color: whitesmoke;
- a {
- color: whitesmoke;
- padding: 5px 5px 2px 2px;
- &:hover {
- background-color: var(--site-accent-hover);
- }
- }
- span {
- margin: 0 0.5rem 0 0.5rem;
- }
- }
- span.like-dislike {
- font-size: 20px;
- color: whitesmoke;
- float: right;
- a.story-meta {
- color: whitesmoke;
- text-decoration: none;
- &:hover {
- color: var(--site-accent-hover);
- }
- }
- }
- div.category-genre {
- padding:5px 0 5px 5px;
- border-top: 1px solid whitesmoke;
- border-bottom: 1px solid whitesmoke;
- color: whitesmoke;
- span {
- margin: 0 0.75rem 0 0.75rem;
- }
- }
- }
- div.story-info-body {
- width: 90%;
- margin: 0 auto 0 auto;
- text-align: justify;
- padding: 0 3rem 3rem 3rem;
- color: whitesmoke;
- a {
- color: whitesmoke;
- text-decoration: underline;
- &:hover {
- text-decoration: none;
- }
- }
- }
- div.chapter-list {
- width: 90%;
- margin: 0 auto 0 auto;
- color: whitesmoke;
- box-shadow: var(--site-dropshadow);
- ul {
- list-style: none;
- border: 1px solid whitesmoke;
- li {
- padding: 5px 5px 5px 8px;
- margin: 0;
- span.chapter-name {
- a {
- color: whitesmoke;
- &:hover {
- text-decoration: underline;
- }
- }
- }
- span.chapter-stats {
- float: right;
- padding-right: 8px;
- }
- &:nth-child(odd) {
- background-color: var(--site-accent-hover);
- }
- &:nth-child(even) {
- background-color: var(--site-accent);
- }
- }
- }
- }
- div.story-stats {
- width: 90%;
- margin: 0 auto 0 auto;
- padding: 10px;
- border-top: 1px solid whitesmoke;
- text-align: right;
- font-size: 14px;
- color: whitesmoke;
- a.story-stat-button {
- color: whitesmoke;
- text-decoration: none;
- padding: 2px;
- &:hover {
- background-color: var(--site-accent-hover);
- }
- }
- span {
- margin: 0 0.5rem 0 0.5rem;
- }
- }
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement