Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import url("https://fonts.googleapis.com/css?family=Noticia Text");
- @import url("https://fonts.googleapis.com/css?family=Neuton");
- * {
- box-sizing: border-box;
- }
- body {
- margin: 0px;
- font-family: Neuton, serif;
- text-align: justify;
- line-height: 1.5em;
- font-size: 19px;
- color: rgb(42, 42, 42);
- background-color: rgb(250, 250, 250);
- }
- p {
- text-align: justify;
- }
- article_content {
- text-align: justify;
- }
- article_content img {
- display: block;
- margin: auto;
- }
- h1,
- h2 {
- font-family: Noticia Text, serif;
- }
- h1 {
- font-size: 1.875em;
- text-align: center;
- font-weight: bold;
- line-height: 1.5em;
- }
- h2 {
- font-size: 1.25em;
- text-align: center;
- font-weight: bold;
- line-height: 1.5em;
- }
- h3 {
- font-family: Noticia Text, serif;
- font-size: 1em;
- line-height: 1.5em;
- padding-top: 0.9375em;
- padding-bottom: 0.9375em;
- border-bottom: 1px solid rgb(216, 216, 216);
- border-top: 1px solid rgb(216, 216, 216);
- }
- hr {
- height: 1px;
- background-color: rgb(255, 255, 255);
- border: none;
- width: 100%;
- margin: 0px;
- }
- a[href] {
- color: rgb(0, 0, 0);
- }
- a[href]:hover {
- color: rgb(0, 0, 0);
- }
- img {
- max-width: 50%;
- margin: 10px 25%;
- border: 1px solid rgb(221, 221, 221);
- padding: 2px;
- display: block;
- }
- li {
- line-height: 1.5em;
- }
- pre {
- background-color: rgb(255, 0, 0);
- padding: 10px;
- overflow: auto;
- }
- aside,
- [class*="sidebar"],
- [id*="sidebar"] {
- max-width: 90%;
- margin: 0px auto;
- border: 1px solid lightgrey;
- padding: 5px 15px;
- }
- .simple-date {
- display: inline-block;
- font-family: "Source Sans Pro Light", sans-serif;
- font-size: 18px;
- padding-right: 15px;
- padding-top: 10px;
- padding-bottom: 10px;
- border-right: 1px solid rgb(216, 216, 216);
- }
- .simple-author {
- display: inline-block;
- font-family: "Source Sans Pro Semibold", sans-serif;
- font-size: 18px;
- color: rgb(39, 170, 225);
- line-height: 22px;
- padding-left: 10px;
- padding-top: 10px;
- padding-bottom: 10px;
- }
- .simple-container {
- max-width: 600px;
- margin: 0px auto;
- padding-top: 70px;
- padding-bottom: 20px;
- }
- @media (max-width: 750px) {
- .simple-container {
- padding-left: 50px;
- padding-right: 50px;
- box-shadow: rgb(136, 136, 136) 0px 0px 10px;
- }
- }
- @media (max-width: 450px) {
- .simple-container {
- padding-top: 30px;
- padding-left: 20px;
- padding-right: 20px;
- }
- }
- .emoji,
- svg.icon {
- width: 1em;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement