http://elve.hatenablog.com/ってサイトのほうを増田っぽくしてみた。(20201026消しました)
もうちょっと弄るけどまずはこんな感じでw
リキッドレイアウト~(歓喜)
突っ込み歓迎。たぶんいらないのも入ってるw
@import "https://cdn.www.st-hatena.com/css/global.css"; div#globalheader-container{ color: #5279e7;; /* 文字の色 */ background: #fff; /* 背景色 */ font-weight:bold; border-bottom: 25px solid #5279e7; } /*#(id).(class)*/ body{ font-family:-apple-system-font, Helvetica, Arial, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, sans-serif; color:black; background-color:#ffffff; margin:0px; padding:0px } h1{ text-align:left; font-size:120%; font-weight:bold; border-bottom:1px dotted #adb2ff; margin-top:10px; margin-bottom:10px; padding:4px 4px 4px 4px } h2{ color:#ffffff; font-size:100%; background-color:#5279e7; padding:3px 0px 2px 10px; margin:5px 0 0 0; width:auto; _width:100% } h2 a{ color:#ffffff } h3{ font-size:120%; font-weight:bold } h3 span.timestamp{ font-weight:normal; font-size:80% } h3 a.edit{ margin-left:0.5em } h4{ font-size:100%; font-weight:bold; margin:0.6em 10% 0 0.4em; border-left:5px solid #5279E7; border-bottom:1px solid #5279E7; padding:0px 0.5em 0.1em 0.5em } h5{ font-size:100%; margin:0.5em 0 0 0.7em } input[type="text"]{ height:20px } /*ブログの説明*/ #blog-description{ background-color: #fff; color:#000; margin: 0; padding: 0 0 0 4px; font-weight: normal; display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; text-align: left; } /*日付*/ div.date{ font-size: 100%; font-weight: bold; background-color: #5279e7; padding: 0px 0px 2px 10px; margin: 0px 0 0 0; width: auto; line-height: 25px; } div.date a{ color: #ffffff; font-size: 100%; font-style: normal; margin-left: 2px; margin-right: 2px; } /*記事全体*/ article.entry{ font-size: 90%; /* border: #5279e7 1px solid;*/ margin-top: 0px; margin-bottom: 0px; padding: 0px 10px 3px 10px; line-height: 1.5; width: auto; } div.entry-inner{ border: #5279e7 1px solid; } h1.entry-title { font-size: 120%; line-height: 150%; font-weight: bold; margin: 0.5em 0 1em 0; } h1.entry-title:before{ content: '■'; color: #5279E7; margin-right: 5px; font-size: 120%; margin: 0.8em 0 1em 0; line-height: 150%; font-weight: bold; } em{ font-style:italic } strong{ font-weight:bold } pre{ background-color:#e7ebff; padding:8px } a.keyword{ color:black; text-decoration:none; border-bottom:1px solid #d0d0d0 } a.okeyword{ color:black; text-decoration:none; border-bottom:1px dashed #d0d0d0 } img.hatena-fotolife{ border:1px solid #606060 } ul.hatena-photo li{ display:inline } ul.hatena-photo img{ border:none; padding:1px } dl{ margin-left:2em } dt{ font-weight:bold; margin-bottom:0.2em } dd{ margin-left:1em; margin-bottom:0.5em } blockquote{ color:#333333; background-color:#ffffff; border:#5279e7 1px solid; margin:1% 2%; padding-top:8px; padding-right:8px; padding-bottom:8px; padding-left:8px } div.entry-content{ font-size:90%; /* border:#5279e7 1px solid;*/ margin-top:0px; margin-bottom:0px; padding:3px 10px 3px 10px; line-height:1.5; width:auto; _width:100% } p{ line-height:165%; padding-top:0.2%; padding-bottom:0.2%; text-indent:0em } /*構造*/ /*-- wrapper --*/ div#container { width: 80%; margin: auto; } /*-- clearfix -- */ div#containerr:after{ content: ''; display: block; clear: both; } /*-- main --*/ div#wrapper { width: 100%; float: left; min-width: 200px; } div#main { margin-right: 200px; } /*-- sub --*/ #box2 { width: 200px; float: right; margin-left: -200px; } /* スマホ 1200px以下 */ @media only screen and (max-width: 1200px) { div#wrapper{ float: none; width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 30px; } div#main { margin-right: auto; } #box2 { /* floatを解除 */ float: none; width: 100%; margin-left: auto; margin-right: auto; } } /*サイドバー*/ div.hatena-module-title{ margin:1em 0 0.3em 0; padding:0; font-size:80%; text-align:center; font-weight:normal; border-color:#adb2ff; border-style:solid; border-width:0px 0px 1px 0px } div.hatena-module-body dl{ display:block; font-size:80%; margin:0; padding:0 } div.hatena-module-body dd{ margin-left:0; margin-bottom:0.2em } div.hatena-module-body ul{ display:block; font-size:80%; list-style-type:none; margin:0; padding:0 } /*フッター*/ div#bottom-editarea{ width: 100%; clear: both; color: #666; font-size: 80%; text-align: center; padding: 20px 0; } div.hatena-star-container{ text-align: right; padding:3px 10px 3px 10px; float: left; } p.entry-footer-section{ text-align: right; padding:3px 10px 3px 10px; float: right; } div.social-buttons{ text-align: right; padding:3px 10px 3px 10px; } /*コメント*/ div.comment-box{ font-size:90%; line-height:1.5 }