Formato
CSS
Post date
2016-05-25 18:06
Publication Period
Unlimited
  1. @import url(https://fonts.googleapis.com/css?family=PT+Sans); /* pt sans 3,7 */
  2. @import url(https://fonts.googleapis.com/css?family=Lato&subset=latin-ext,latin);/* Lato 3,4,7,9,ita */
  3. @import url('http://dl.dropbox.com/s/hf1dnlvqc9rdkdk/styles.css?dl=0');
  4. /*light novel pop*/
  5. @import url('https://dl.dropbox.com/s/ti2exua8p7trnp6/font-awesome.css?dl=0');
  6. @font-face{font-family:"NotoSansCJKjp-Regular";font-weight:400;src:url('https://dl.dropbox.com/s/fpiex4opt220zik/NotoSansCJKjp-Regular400.woff?dl=0'); }
  7. @font-face{font-family:"NotoSansCJKjp-Thin";font-weight:250;src:url('https://dl.dropbox.com/s/smb14sxg1kvfs1u/NotoSansCJKjp-Thin250.woff?dl=0'); }
  8. @font-face{font-family:"NotoSansCJKjp-Light";font-weight:300;src:url('https://dl.dropbox.com/s/zgi6hq25ns6xcqo/NotoSansCJKjp-Light300.woff?dl=0'); }
  9. @font-face{font-family:"NotoSansCJKjp-Bold";font-weight:700;src:url('https://dl.dropbox.com/s/0txbtna0s4h02p3/NotoSansCJKjp-Bold700.woff?dl=0'); }
  10. @font-face{
  11. font-family:"PixelMplus12-Regular";
  12. src:url('https://dl.dropbox.com/s/0y785bkmfossr4s/PixelMplus12-Regular.woff?dl=0');
  13. font-weight:Regular;}
  14. body{font-family: 'NotoSansCJKjp-Regular','Exo 2',serif;
  15. background-color:#FEFEFC;}
  16. .entry-content ul{background-color:white;
  17. list-style-type:square;
  18. /*
  19. margin: 0;
  20. padding: 0;
  21. overflow:; */ }
  22. .entry-content ul li {clear:both;}
  23. #globalheader-container{
  24. background-color:#212222;
  25. color:white;}
  26. #container-inner{
  27. box-sizing:border-box;
  28. border-left:4.2px solid lightgray;}
  29. #blog-title{
  30. box-sizing:border-box;
  31. width:100%;
  32. height:150px;
  33. background-image:url('http://img.f.hatena.ne.jp/images/fotolife/D/DDramonQ/20160515/20160515231912.jpg');
  34. background-position:top left;
  35. background-size:100%;}
  36. #title{box-sizing:border-box;
  37. background-color:#212222;
  38. height:150px;
  39. width:320px;
  40. margin-top:0px;
  41. padding:27px 0 0 20px ;
  42. word-wrap:break-word;
  43. border-right:4px solid #FB001B;
  44. float:left;}
  45. #title a{
  46. font-family:'PT Sans';
  47. line-height:0.8em;
  48. font-size:45px;
  49. font-weight:700;
  50. color:white;
  51. display:block;
  52. text-decoration:none;}
  53. #title a:hover{color:#FFAC00;}
  54. #blog-description{box-sizing:border-box;
  55. width:340px;
  56. height:67px;
  57. color:#FEFFEC;
  58. background-color:#4A474C;
  59. margin-top:0;
  60. padding:24px 12px;
  61. font-family:'PT Sans', 'Lato', serif;
  62. font-size:16px;
  63. word-wrap:break-word;
  64. float:left;}
  65. #top-editarea{clear:left;
  66. background-image:url('http://img.f.hatena.ne.jp/images/fotolife/D/DDramonQ/20160503/20160503204631.png');background-color:white;
  67. background-repeat:repeat;
  68. margin-top:-1.3em;
  69. padding-bottom:2em;}
  70. .entry{width:100%;
  71. box-sizing:border-box;
  72. padding-left:0.5em;
  73. padding-right:0.5em;
  74. margin-bottom:4em;}
  75. .entry-inner{
  76. border-bottom:1px double #BFB2A9;}
  77. .date{margin-top:0;
  78. margin-bottom:-0.7em;
  79. font-size:67%;
  80. position:relative;
  81. z-index:1;
  82. top:39px;
  83. left:7px;}
  84. .date a{text-decoration:none;
  85. background-color:white;
  86. background-image:url('http://img.f.hatena.ne.jp/images/fotolife/D/DDramonQ/20160503/20160503204631.png') ;
  87. padding:0.3em 0.3em;
  88. color:#4d4d4d;}
  89. .entry-title{background-image:url('http://img.f.hatena.ne.jp/images/fotolife/D/DDramonQ/20160503/20160503204631.png'); background-color:white; background-repeat:repeat;
  90. font-family:'NotoSansCJKjp-Bold','Open Sans';
  91. font-weight:700;
  92. border-top: 8.1px solid #00ace6;
  93. border-bottom:2.1px dashed #60635A;
  94. padding-top:1em;
  95. padding-bottom:0.5em;
  96. padding-left:1px;
  97. position:relative;}
  98. a.entry-title-link.bookmark{
  99. color:#282828;
  100. font-size:20px;
  101. text-decoration:none;}
  102. a.entry-title-link.bookmark:hover{
  103. color:#282828;}
  104. .categories{font-size:75%;
  105. margin-bottom:1em;}
  106. .categories a{text-decoration:none;background-color:#4d4d4d;
  107. color:white;
  108. border:1px solid black;
  109. border-radius:3px;}
  110. .entry-categories{
  111. background-image:url('http://img.f.hatena.ne.jp/images/fotolife/D/DDramonQ/20160503/20160503204631.png');background-color:white;
  112. padding:1em 1em;
  113. margin-top:-1em ;
  114. margin-left:0.35em;
  115. margin-right:1em;}
  116. .entry-content{
  117. font-family:'Open Sans','NotoSansCJKjp-Regular', 'Hiragino Sans W2', 'ヒラギノ角ゴシック W2' ,'メイリオ','Meiryo','Yu Gothic', '游ゴシック体' ;
  118. font-size:14px;
  119. line-height:1.6rem;
  120. letter-spacing:-0.7px; }
  121. .entry-content a{font-family:'Open Sans';
  122. color:#3571C4;
  123. font-style:italic;
  124. font-size:12px;
  125. letter-spacing:normal;
  126. }
  127. h3{ font-family:'NotoSansCJKjp-Bold','Open Sans';
  128. font-size:20px;
  129. font-weight:700;
  130. color:#4f4f4f;
  131. box-sizing:border-box;
  132. display:block;
  133. margin:20px 15% 25px 0;
  134. padding:10px 1px;
  135. border-top:5.5px solid #76daff }
  136. h4{font-family:'NotoSansCJKjp-Bold','Open Sans';
  137. font-size:17px;
  138. font-weight:700;
  139. display:block;
  140. box-sizing:border-box;
  141. color:#4f4f4f;
  142. margin:10px 45% 25px 0;
  143. padding:8px 0 0 30px;
  144. border-top:2.5px solid #b1eaff;}
  145. h5{font-size:15px;
  146. font-weight:400;
  147. margin:0;}
  148. .entry-footer{background-image:url('http://img.f.hatena.ne.jp/images/fotolife/D/DDramonQ/20160503/20160503204631.png');background-color:white;
  149. color:#66695A;
  150. padding:0.5em 1em;
  151. width:90%;
  152. margin:auto;
  153. font-size:11px;}
  154. .entry-footer a{
  155. text-decoration:none;
  156. color:#66695A;}
  157. .pager{clear:both;
  158. width:300px;
  159. height:90px;
  160. margin:auto;
  161. display:block;}
  162. .pager-next a{display:block;
  163. background-color:#555b60;
  164. color:#ffffff;
  165. padding:14px 25px 14px 7px;
  166. text-decoration:none;
  167. box-sizing:border-box;
  168. border-width:0px 3px 2px 0;
  169. border-style: solid;
  170. border-radius:0 100% 100% 0;
  171. line-height:80%;
  172. font-size:11.5px;}
  173. .pager-prev a{ display:block;
  174. background-color:#555b60;
  175. color:#ffffff;
  176. padding:14px 7px 14px 25px;
  177. text-decoration:none;
  178. text-align:right;
  179. box-sizing:border-box;
  180. border-width:0px 3px 2px 0;
  181. border-style: solid;
  182. border-radius:100% 0 0 100%;
  183. line-height:80%;
  184. font-size:11.5px;}
  185. .pager-next a:hover{background-color:orange;}
  186. .pager-prev a:hover{background-color:orange;}
  187. #footer{display:none;}
  188. /* Content cascading */
  189. .ll-normal{line-height:normal;
  190. letter-spacing:normal;}
  191. .keyword{text-decoration:none; border-bottom:1px dashed #3571C4; }
  192. .hatena-fotolife{box-shadow:2px 2px 4px 0 #f3f3f3;}
  193. .f7{font-size:60%;}.f6{font-size:72%;}.f5{font-size:85%;}.f4{font-size:115%;}.f3{font-size:135%;}
  194. #sss:hover{background-color:rgba(255, 77, 166,0.3);}
  195. blockquote {
  196. font-family:'NotoSansCJKjp-Regular','Open Sans';
  197. font-size: 99%;
  198. width: 90%;
  199. margin:auto;
  200. margin-bottom:7px;
  201. box-sizing:border-box;
  202. border:1px solid lightgray;
  203. padding: 2em 2em;
  204. position: relative;
  205. color: dimgray;
  206. border-left: 10px solid #ccc;
  207. background-color:#f9f9f9;}
  208. blockquote:before {
  209. display: block;
  210. content: "\201C";
  211. font-size: 800%;
  212. position: absolute;
  213. left:-0.14em;
  214. top:0.15em;
  215. color: #7a7a7a;}
  216. blockquote cite {
  217. box-sizing:border-box;
  218. border-top:1px dashed gray;
  219. display:block;
  220. font-size:100%;
  221. margin-top:1em;
  222. padding-top:1em;
  223. padding-left:1.3em;}
  224. blockquote cite a{
  225. font-family:'Lato','PT Sans';
  226. text-decoration:none;
  227. font-style:normal;
  228. color:gray;}
  229. blockquote cite:before {content: "[via] \2009";}
  230. /*.keyword{text-decoration:none; border-bottom:1px dashed #3571C4; }*/
  231. .sss{display:block; margin:auto;}
  232. /* _________________ */
  233. /* Archive page -- 3 Column -- */
  234. .entry-title-link{font-size:12px;
  235. margin-left:0.3em;
  236. color:#212222;
  237. text-decoration:none;
  238. line-height:-40%;}
  239. .entry-title-link a:hover{
  240. color:gray;
  241. line-height:-40%;}
  242. .archive-entry{font-size:11px;
  243. float:left;
  244. width:32.6%;
  245. height:225px;
  246. margin:0.1em;
  247. padding:0.1em;
  248. overflow:hidden;
  249. box-sizing:border-box;
  250. border:1px solid black;
  251. display:block;} /* ↑アーカイブ↑ */
  252. #main{ width:100%; /* 3カラム用"float:left" */
  253. box-sizing:border-box;
  254. display:block;
  255. float:left;}
  256. /* _________________ */
Descargar Printable view

URL of this paste

Embed with JavaScript

Embed with iframe

Raw text