- @import url(https://fonts.googleapis.com/css?family=PT+Sans); /* pt sans 3,7 */
- @import url(https://fonts.googleapis.com/css?family=Lato&subset=latin-ext,latin);/* Lato 3,4,7,9,ita */
- @import url('http://dl.dropbox.com/s/hf1dnlvqc9rdkdk/styles.css?dl=0');
- /*light novel pop*/
- @import url('https://dl.dropbox.com/s/ti2exua8p7trnp6/font-awesome.css?dl=0');
- @font-face{font-family:"NotoSansCJKjp-Regular";font-weight:400;src:url('https://dl.dropbox.com/s/fpiex4opt220zik/NotoSansCJKjp-Regular400.woff?dl=0'); }
- @font-face{font-family:"NotoSansCJKjp-Thin";font-weight:250;src:url('https://dl.dropbox.com/s/smb14sxg1kvfs1u/NotoSansCJKjp-Thin250.woff?dl=0'); }
- @font-face{font-family:"NotoSansCJKjp-Light";font-weight:300;src:url('https://dl.dropbox.com/s/zgi6hq25ns6xcqo/NotoSansCJKjp-Light300.woff?dl=0'); }
- @font-face{font-family:"NotoSansCJKjp-Bold";font-weight:700;src:url('https://dl.dropbox.com/s/0txbtna0s4h02p3/NotoSansCJKjp-Bold700.woff?dl=0'); }
- @font-face{
- font-family:"PixelMplus12-Regular";
- src:url('https://dl.dropbox.com/s/0y785bkmfossr4s/PixelMplus12-Regular.woff?dl=0');
- font-weight:Regular;}
- body{font-family: 'NotoSansCJKjp-Regular','Exo 2',serif;
- background-color:#FEFEFC;}
- .entry-content ul{background-color:white;
- list-style-type:square;
- /*
- margin: 0;
- padding: 0;
- overflow:; */ }
- .entry-content ul li {clear:both;}
- #globalheader-container{
- background-color:#212222;
- color:white;}
- #container-inner{
- box-sizing:border-box;
- border-left:4.2px solid lightgray;}
- #blog-title{
- box-sizing:border-box;
- width:100%;
- height:150px;
- background-image:url('http://img.f.hatena.ne.jp/images/fotolife/D/DDramonQ/20160515/20160515231912.jpg');
- background-position:top left;
- background-size:100%;}
- #title{box-sizing:border-box;
- background-color:#212222;
- height:150px;
- width:320px;
- margin-top:0px;
- padding:27px 0 0 20px ;
- word-wrap:break-word;
- border-right:4px solid #FB001B;
- float:left;}
- #title a{
- font-family:'PT Sans';
- line-height:0.8em;
- font-size:45px;
- font-weight:700;
- color:white;
- display:block;
- text-decoration:none;}
- #title a:hover{color:#FFAC00;}
- #blog-description{box-sizing:border-box;
- width:340px;
- height:67px;
- color:#FEFFEC;
- background-color:#4A474C;
- margin-top:0;
- padding:24px 12px;
- font-family:'PT Sans', 'Lato', serif;
- font-size:16px;
- word-wrap:break-word;
- float:left;}
- #top-editarea{clear:left;
- background-image:url('http://img.f.hatena.ne.jp/images/fotolife/D/DDramonQ/20160503/20160503204631.png');background-color:white;
- background-repeat:repeat;
- margin-top:-1.3em;
- padding-bottom:2em;}
- .entry{width:100%;
- box-sizing:border-box;
- padding-left:0.5em;
- padding-right:0.5em;
- margin-bottom:4em;}
- .entry-inner{
- border-bottom:1px double #BFB2A9;}
- .date{margin-top:0;
- margin-bottom:-0.7em;
- font-size:67%;
- position:relative;
- z-index:1;
- top:39px;
- left:7px;}
- .date a{text-decoration:none;
- background-color:white;
- background-image:url('http://img.f.hatena.ne.jp/images/fotolife/D/DDramonQ/20160503/20160503204631.png') ;
- padding:0.3em 0.3em;
- color:#4d4d4d;}
- .entry-title{background-image:url('http://img.f.hatena.ne.jp/images/fotolife/D/DDramonQ/20160503/20160503204631.png'); background-color:white; background-repeat:repeat;
- font-family:'NotoSansCJKjp-Bold','Open Sans';
- font-weight:700;
- border-top: 8.1px solid #00ace6;
- border-bottom:2.1px dashed #60635A;
- padding-top:1em;
- padding-bottom:0.5em;
- padding-left:1px;
- position:relative;}
- a.entry-title-link.bookmark{
- color:#282828;
- font-size:20px;
- text-decoration:none;}
- a.entry-title-link.bookmark:hover{
- color:#282828;}
- .categories{font-size:75%;
- margin-bottom:1em;}
- .categories a{text-decoration:none;background-color:#4d4d4d;
- color:white;
- border:1px solid black;
- border-radius:3px;}
- .entry-categories{
- background-image:url('http://img.f.hatena.ne.jp/images/fotolife/D/DDramonQ/20160503/20160503204631.png');background-color:white;
- padding:1em 1em;
- margin-top:-1em ;
- margin-left:0.35em;
- margin-right:1em;}
- .entry-content{
- font-family:'Open Sans','NotoSansCJKjp-Regular', 'Hiragino Sans W2', 'ヒラギノ角ゴシック W2' ,'メイリオ','Meiryo','Yu Gothic', '游ゴシック体' ;
- font-size:14px;
- line-height:1.6rem;
- letter-spacing:-0.7px; }
- .entry-content a{font-family:'Open Sans';
- color:#3571C4;
- font-style:italic;
- font-size:12px;
- letter-spacing:normal;
- }
- h3{ font-family:'NotoSansCJKjp-Bold','Open Sans';
- font-size:20px;
- font-weight:700;
- color:#4f4f4f;
- box-sizing:border-box;
- display:block;
- margin:20px 15% 25px 0;
- padding:10px 1px;
- border-top:5.5px solid #76daff }
- h4{font-family:'NotoSansCJKjp-Bold','Open Sans';
- font-size:17px;
- font-weight:700;
- display:block;
- box-sizing:border-box;
- color:#4f4f4f;
- margin:10px 45% 25px 0;
- padding:8px 0 0 30px;
- border-top:2.5px solid #b1eaff;}
- h5{font-size:15px;
- font-weight:400;
- margin:0;}
- .entry-footer{background-image:url('http://img.f.hatena.ne.jp/images/fotolife/D/DDramonQ/20160503/20160503204631.png');background-color:white;
- color:#66695A;
- padding:0.5em 1em;
- width:90%;
- margin:auto;
- font-size:11px;}
- .entry-footer a{
- text-decoration:none;
- color:#66695A;}
- .pager{clear:both;
- width:300px;
- height:90px;
- margin:auto;
- display:block;}
- .pager-next a{display:block;
- background-color:#555b60;
- color:#ffffff;
- padding:14px 25px 14px 7px;
- text-decoration:none;
- box-sizing:border-box;
- border-width:0px 3px 2px 0;
- border-style: solid;
- border-radius:0 100% 100% 0;
- line-height:80%;
- font-size:11.5px;}
- .pager-prev a{ display:block;
- background-color:#555b60;
- color:#ffffff;
- padding:14px 7px 14px 25px;
- text-decoration:none;
- text-align:right;
- box-sizing:border-box;
- border-width:0px 3px 2px 0;
- border-style: solid;
- border-radius:100% 0 0 100%;
- line-height:80%;
- font-size:11.5px;}
- .pager-next a:hover{background-color:orange;}
- .pager-prev a:hover{background-color:orange;}
- #footer{display:none;}
- /* Content cascading */
- .ll-normal{line-height:normal;
- letter-spacing:normal;}
- .keyword{text-decoration:none; border-bottom:1px dashed #3571C4; }
- .hatena-fotolife{box-shadow:2px 2px 4px 0 #f3f3f3;}
- .f7{font-size:60%;}.f6{font-size:72%;}.f5{font-size:85%;}.f4{font-size:115%;}.f3{font-size:135%;}
- #sss:hover{background-color:rgba(255, 77, 166,0.3);}
- blockquote {
- font-family:'NotoSansCJKjp-Regular','Open Sans';
- font-size: 99%;
- width: 90%;
- margin:auto;
- margin-bottom:7px;
- box-sizing:border-box;
- border:1px solid lightgray;
- padding: 2em 2em;
- position: relative;
- color: dimgray;
- border-left: 10px solid #ccc;
- background-color:#f9f9f9;}
- blockquote:before {
- display: block;
- content: "\201C";
- font-size: 800%;
- position: absolute;
- left:-0.14em;
- top:0.15em;
- color: #7a7a7a;}
- blockquote cite {
- box-sizing:border-box;
- border-top:1px dashed gray;
- display:block;
- font-size:100%;
- margin-top:1em;
- padding-top:1em;
- padding-left:1.3em;}
- blockquote cite a{
- font-family:'Lato','PT Sans';
- text-decoration:none;
- font-style:normal;
- color:gray;}
- blockquote cite:before {content: "[via] \2009";}
- /*.keyword{text-decoration:none; border-bottom:1px dashed #3571C4; }*/
- .sss{display:block; margin:auto;}
- /* _________________ */
- /* Archive page -- 3 Column -- */
- .entry-title-link{font-size:12px;
- margin-left:0.3em;
- color:#212222;
- text-decoration:none;
- line-height:-40%;}
- .entry-title-link a:hover{
- color:gray;
- line-height:-40%;}
- .archive-entry{font-size:11px;
- float:left;
- width:32.6%;
- height:225px;
- margin:0.1em;
- padding:0.1em;
- overflow:hidden;
- box-sizing:border-box;
- border:1px solid black;
- display:block;} /* ↑アーカイブ↑ */
- #main{ width:100%; /* 3カラム用"float:left" */
- box-sizing:border-box;
- display:block;
- float:left;}
- /* _________________ */