Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- margin: 0;
- padding: 0;
- background-color: #fff;
- color: #4d4d4d;
- font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
- font-size: 16px;
- }
- header .site-name {
- font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
- font-size: 28px;
- font-weight: 700;
- background-color: #F5F5F5;
- }
- a {
- color: #000;
- text-decoration: none;
- transition: 0s;
- }
- a:hover {
- opacity: .6;
- }
- hr {
- color: #eee;
- background-color: #eee;
- height: 1px;
- border: none;
- }
- img {
- display: block;
- max-width: 650px;
- max-height: 650px;
- height: auto;
- margin-left: auto;
- margin-right: auto;
- }
- iframe .slide_image {
- display: block;
- margin-left: auto;
- margin-right: auto;
- }
- twitterwidget {
- display: block;
- margin-left: auto;
- margin-right: auto;
- }
- .article__text>iframe {
- display: block;
- margin-left: auto;
- margin-right: auto;
- }
- .pagination {
- margin: auto 10%;
- text-align: center;
- }
- .pagination ul {
- display: inline-block;
- padding: 0;
- }
- .pagination ul li {
- display: inline;
- float: left;
- }
- .pagination ul li .pagination__page--current {
- background-color: #212121;
- color: #fff;
- }
- .pagination ul li :hover:not(.active) {
- background-color: #ddd;
- }
- .pagination ul li a {
- padding: 8px 16px;
- text-decoration: none;
- border-radius: 5px;
- }
- .pagination ul li .pagination__next--none,
- .pagination ul li .pagination__prev--none {
- display: none;
- }
- .social-tools {
- margin-bottom: 2rem;
- }
- .social-tools__title {
- display: block;
- font-size: 13px;
- color: #999;
- margin-top: 3rem;
- }
- .social-tools__buttons {
- font-size: 26px;
- }
- .social-tools__buttons a {
- color: #999;
- margin: .4rem;
- }
- .social-tools__buttons a:hover {
- color: #000;
- }
- .adsense {
- margin-top: 2em;
- margin-bottom: 2em;
- }
- iframe.embedly-card {
- box-shadow: 5px 2.5px 2.5px 2.5px rgba(0, 0, 0, .4);
- border-radius: 5px;
- }
- @media screen and (min-width:640px) {
- main {
- width: 100%;
- top: 0;
- left: 25%;
- overflow-x: hidden;
- overflow-y: hidden;
- }
- main article {
- max-width: 900px;
- margin-left: auto;
- margin-right: auto;
- }
- main article .article__meta {
- display: flex;
- }
- main article .article__meta p {
- margin-right: 1em;
- }
- main article .article__meta p .article__meta__post-date {
- width: 20em;
- }
- main header {
- border-top: 0;
- }
- footer section.author .author__name {
- margin-left: auto;
- }
- footer section.author .author__link {
- margin-right: auto;
- }
- }
- @media screen and (max-width:769px) {
- article img {
- height: auto;
- width: 100%;
- }
- }
- main {
- margin-left: auto;
- margin-right: auto;
- }
- main header {
- padding: 40px;
- border-top: #eee 1px solid;
- border-bottom: #eee 1px solid;
- text-align: center;
- }
- main header p {
- font-weight: 700;
- font-size: 10px;
- text-transform: uppercase;
- }
- main article {
- padding: 40px 20px;
- }
- main article .article__title h1 {
- margin-bottom: 8px;
- }
- main article .article__text {
- line-height: 1.375em;
- }
- main article .article__text a {
- text-decoration: underline;
- }
- main article .article__text h1 {
- display: block;
- border-bottom: #eee 1px solid;
- padding-bottom: 7px;
- margin-top: 22px;
- margin-bottom: 22px;
- }
- main article .article__text code {
- padding: .2em 0;
- color: #8B0000;
- font-family: 'Roboto Mono', monospace;
- background: #eee;
- border-radius: 3px;
- }
- main article .article__text pre {
- margin: 22px 2px 22px 2px;
- padding: 9.5px;
- font-family: 'Roboto Mono', monospace;
- line-height: 1.45;
- overflow-x: auto;
- border-style: none;
- border-radius: 4px;
- }
- main article .article__text blockquote {
- display: block;
- margin: 22px 2px 22px 2px;
- padding: 1em 2em 1em 4em;
- color: #9E9E9E;
- font-style: italic;
- position: relative;
- hadow: 5px 2.5px 2.5px 2.5px rgba(0, 0, 0, .4);
- }
- main article .article__text blockquote:before {
- content: '"';
- font-size: 600%;
- font-style: bold;
- line-height: 1em;
- left: 0;
- top: 0;
- position: absolute;
- color: #9E9E9E;
- }
- main article .gist {
- line-height: .875em;
- }
- main article .article__meta {
- font-size: 12px;
- color: #999;
- margin-bottom: 2rem;
- }
- main article .article__meta p {
- margin-top: 0;
- margin-bottom: 0;
- }
- footer {
- border-top: #eee 1px solid;
- width: 100%;
- margin: 0 auto;
- }
- footer .author__logo {
- width: 72px;
- margin-left: auto;
- margin-right: auto;
- margin-top: 1em;
- max-width: 72px;
- }
- footer .author__logo img {
- width: 72px;
- border-radius: 10px;
- }
- footer section.author {
- max-width: 600px;
- margin: 1.5em auto;
- }
- footer section.author ul li {
- display: inline;
- line-height: 3em;
- }
- footer section.author i.fa {
- font-size: 30px;
- }
- footer section.author .author__name {
- font-style: italic;
- text-align: center;
- max-width: 420px;
- width: 70%;
- margin-left: auto;
- margin-right: auto;
- }
- footer section.author .author__name p {
- font-size: 13px;
- }
- footer section.author .author__link {
- text-align: left;
- max-width: 420px;
- margin-left: auto;
- margin-right: auto;
- }
- footer section.author .author__link ul {
- padding-left: 0;
- text-align: center;
- }
- footer .ending-message {
- border-top: #eee 1px solid;
- padding: 0 40px 0 40px;
- color: #999;
- font-size: 10px;
- }
- header,
- footer {
- background-color: #F5F5F5;
- }
- /* Green CSS */
- body {
- color: #e1e1e1 !important;
- font-family: 'Roboto Mono',monospace !important;
- font-size: 16px !important;
- background-color: #1f222a !important;
- }
- a {
- color: #78e2a0 !important;
- text-decoration: none !important;
- transition: 0s !important;
- }
- header {
- background-color: #1f222a !important;
- }
- footer {
- border-top: #1c1e24 2px dashed !important;
- width: 50% !important;
- margin: 0 auto !important;
- background-color: #1f222a !important;
- }
- footer .ending-message {
- border-top: #78e2a0 1px dotted !important;
- padding: 0 40px 0 40px !important;
- color: #999 !important;
- font-size: 10px !important;
- }
- main article {
- max-width: 800px !important;
- margin-left: auto !important;
- margin-right: auto !important;
- }
- main article .article__text code {
- padding: .2em 1em !important;
- color: #FFF !important;
- font-family: 'Roboto Mono',monospace !important;
- background: #17191e !important;
- border-radius: 3px !important;
- padding: 5px 20px !important;
- }
- main header {
- padding: 40px !important;
- border-top: none !important;
- border-bottom: #78e2a0 2px dotted !important;
- background-color:#1c1e24 !important;
- text-transform: uppercase !important;
- text-align: center !important;
- color: #FFF !important;
- }
- main header p {
- font-weight: none !important;
- font-size: 20px !important;
- text-transform: uppercase !important;
- text-align: right !important;
- text-decoration: none !important;
- padding-right: 20% !important;
- }
- main header a {
- color: white !important;
- }
- .pagination ul li .pagination__page--current {
- background-color: #1c1e24 !important;
- color: #fff !important;
- }
- hr {
- color: #1f222a00 !important;
- background-color: #1c1e24 !important;
- height: 1px !important;
- border: none !important;
- width: 45% !important;
- border-bottom: 2px #78e2a0 dotted !important;
- }
- header .site-name {
- font-family: 'Roboto Mono',monospace !important;
- font-size: 28px !important;
- font-weight: 700 !important;
- background-color: #1C1E24 !important;
- }
- .highlight pre {
- background: #17191e !important;
- color: #f8f8f2 !important;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement