Skip to content

Instantly share code, notes, and snippets.

@arkenous
Last active June 15, 2019 09:21
Show Gist options
  • Save arkenous/45668b83de80340dd249 to your computer and use it in GitHub Desktop.
Save arkenous/45668b83de80340dd249 to your computer and use it in GitHub Desktop.
My custom css of SharpNight, Hatena Blog theme.
/* <system section="theme" selected="6653458415126702313"> */
@import url("https://blog.hatena.ne.jp/-/theme/6653458415126702313.css");
/* </system> */
body {
padding: 0;
}
#container {
padding-top: 0;
margin-bottom: 0;
width: 100%;
}
#container-inner {
border: none;
background-color: #121212;
}
#content {
padding: 0 60px;
}
#wrapper {
width: 75%;
}
@media (max-width: 767px){
#wrapper {
width: 100%;
}
}
#main {
width: 100%;
}
#box2 {
width: 20%;
}
@media (max-width: 767px) {
#box2 {
width: 100%;
}
}
.hatena-module {
width: 100%;
}
#blog-title {
margin-top: 0px;
margin-bottom: 20px;
background-size: 100% 100%;
}
#blog-title-content {
padding-top: 20px;
}
.page-archive .categories a {
background-color: rgba(0, 80, 150, 0.3);
}
.entry-title {
border-bottom: 3px double #3B86C6 !important;
}
.entry-content pre {
border: 1px dotted rgb(59, 134, 198);
background-color: #121212;
}
.entry-content code {
border: 1px solid rgb(59, 134, 198);
background-color: rgba(0, 10, 125, 0.3);
}
.entry-content blockquote {
margin: 24px 0;
border-left: 6px solid #AD002D;
}
.entry-content blockquote cite {
display: block;
text-align: right;
}
.leave-comment-title {
background-color: rgba(0, 80, 150, 0.3);
}
/* Gist color */
body .gist .highlight {
background: #141414;
}
body .gist .blob-num,
body .gist .blob-code-inner,
body .gist .highlight,
body .gist .pl-enm,
body .gist .pl-ko,
body .gist .pl-mo,
body .gist .pl-mp1 .pl-sf,
body .gist .pl-ms,
body .gist .pl-pdc1,
body .gist .pl-scp,
body .gist .pl-smc,
body .gist .pl-som,
body .gist .pl-va,
body .gist .pl-vpf,
body .gist .pl-vpu,
body .gist .pl-mdr {
color: #aab1bf;
}
body .gist .pl-mb,
body .gist .pl-pdb {
font-weight: 700;
}
body .gist .pl-c,
body .gist .pl-c span,
body .gist .pl-pdc {
color: #5b6270;
font-style: italic;
}
body .gist .pl-sr .pl-cce {
color: #56b5c2;
font-weight: 400;
}
body .gist .pl-ef,
body .gist .pl-en,
body .gist .pl-enf,
body .gist .pl-eoai,
body .gist .pl-kos,
body .gist .pl-mh .pl-pdh,
body .gist .pl-mr {
color: #61afef;
}
body .gist .pl-ens,
body .gist .pl-vi {
color: #be5046;
}
body .gist .pl-enti,
body .gist .pl-mai .pl-sf,
body .gist .pl-ml,
body .gist .pl-sf,
body .gist .pl-sr,
body .gist .pl-sr .pl-sra,
body .gist .pl-src,
body .gist .pl-st,
body .gist .pl-vo {
color: #56b5c2;
}
body .gist .pl-eoi,
body .gist .pl-mri,
body .gist .pl-pds,
body .gist .pl-pse .pl-s1,
body .gist .pl-s,
body .gist .pl-s1 {
color: #97c279;
}
body .gist .pl-k,
body .gist .pl-kolp,
body .gist .pl-mc,
body .gist .pl-pde {
color: #c578dd;
}
body .gist .pl-mi,
body .gist .pl-pdi {
color: #c578dd;
font-style: italic;
}
body .gist .pl-mp,
body .gist .pl-stp {
color: #818896;
}
body .gist .pl-mdh,
body .gist .pl-mdi,
body .gist .pl-mdr {
font-weight: 400;
}
body .gist .pl-mdht,
body .gist .pl-mi1 {
color: #97c279;
background: #020;
}
body .gist .pl-md,
body .gist .pl-mdhf {
color: #df6b75;
background: #200;
}
body .gist .pl-corl {
color: #df6b75;
text-decoration: underline;
}
body .gist .pl-ib {
background: #df6b75;
}
body .gist .pl-ii {
background: #e0c184;
color: #fff;
}
body .gist .pl-iu {
background: #e05151;
}
body .gist .pl-ms1 {
color: #aab1bf;
background: #373b41;
}
body .gist .pl-c1,
body .gist .pl-cn,
body .gist .pl-e,
body .gist .pl-eoa,
body .gist .pl-eoac,
body .gist .pl-eoac .pl-pde,
body .gist .pl-kou,
body .gist .pl-mm,
body .gist .pl-mp .pl-s3,
body .gist .pl-mq,
body .gist .pl-s3,
body .gist .pl-sok,
body .gist .pl-sv,
body .gist .pl-mb {
color: #d19965;
}
body .gist .pl-enc,
body .gist .pl-entc,
body .gist .pl-pse .pl-s2,
body .gist .pl-s2,
body .gist .pl-sc,
body .gist .pl-smp,
body .gist .pl-sr .pl-sre,
body .gist .pl-stj,
body .gist .pl-v,
body .gist .pl-pdb {
color: #e4bf7a;
}
body .gist .pl-ent,
body .gist .pl-entl,
body .gist .pl-entm,
body .gist .pl-mh,
body .gist .pl-pdv,
body .gist .pl-smi,
body .gist .pl-sol,
body .gist .pl-mdh,
body .gist .pl-mdi {
color: #df6b75;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment