SHARE
TWEET

Untitled

a guest Jul 16th, 2019 63 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style type="text/css">
  2. /* もくじカスタマイズ */
  3. .entry-content .table-of-contents {
  4.  background-color: #f4f4ff;/* 背景色 */
  5.  border: 2px dashed #ffb2ff; /* 線の太さ・破線・色 */
  6.  box-shadow:1px 1px 6px 0px #ccc;
  7.  -moz-box-shadow:1px 1px 6px 0px #ccc;
  8.  -webkit-box-shadow:1px 1px 6px 0px #ccc;
  9.  -o-box-shadow:1px 1px 6px 0px #ccc;
  10.  margin: 20px 5px; /* 外側の余白 上下・左右 */
  11.  padding: 20px 25px 15px 45px;
  12.  position: relative;
  13.  z-index: 0;
  14. }
  15. .entry-content .table-of-contents:after{
  16.  background-color: #4c6cb3;  /* index背景色 */
  17.  border-left: 2px dotted rgba(0,0,0,0.1);
  18.  border-right: 2px dotted rgba(0,0,0,0.1);
  19.  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  20.  content: 'index';
  21.  display: block;
  22.  margin: 0 0 10px 0;
  23.  padding: 5px 20px;
  24.  color: #f9fcff; /* index文字色 */
  25.  font-size: 120%;/* index文字大きさ */
  26.  font-weight: bold;
  27.  text-align: center;
  28.  position: absolute;
  29.  top: -10px;
  30.  left: 20px;
  31.  transform: rotate(-3deg);
  32.  -moz-transform: rotate(-3deg);
  33.  -webkit-transform: rotate(-3deg);
  34.  -o-transform: rotate(-3deg);
  35. }
  36. .entry-content .table-of-contents li a {
  37.     text-decoration: none;
  38.     color:#666699;/* 文字色 */
  39.     font-size:14px;
  40.     font-weight: bold;
  41. }
  42. .entry-content .table-of-contents li {
  43.     list-style-type: none !important;
  44. }
  45. .entry-content .table-of-contents>li:before{/* リストマーク大見出し */
  46.     font-family: blogicon;
  47.     content: "\f02d";/* リストマーク */
  48.     position: absolute;
  49.     left: 1.7em;/* 左端からリストマークまでの距離 */
  50.     color: #ffb2ff;/* リストマークの色 */
  51. }
  52. .entry-content .table-of-contents>li ul li:before{/* リストマーク中見出し */
  53.     font-family: blogicon;
  54.     content: "\f02d";/* リストマーク */
  55.     position: absolute;
  56.     left: 3.7em;/* 左端からリストマークまでの距離 */
  57.     color: #ffb2d8;/* リストマークの色 */
  58. }
  59. .entry-content .table-of-contents>li ul li ul li:before{/* リストマーク小見出し */
  60.     font-family: blogicon;
  61.     content: "\f02d";/* リストマーク */
  62.     position: absolute;
  63.     left: 6.1em;/* 左端からリストマークまでの距離 */
  64.     color: #ffb2b2;/* リストマークの色 */
  65. }
  66. .entry-content .table-of-contents>li:first-child {
  67.     padding-top: 15px;
  68. }
  69. .entry-content .table-of-contents ul>li:last-child {
  70.     padding-bottom: 10px;
  71. }
  72. </style>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top