質問編集履歴

1

HTML側の追記

2018/02/20 12:07

投稿

airi_pumpkin
airi_pumpkin

スコア30

test CHANGED
File without changes
test CHANGED
@@ -60,6 +60,44 @@
60
60
 
61
61
 
62
62
 
63
+ ```
63
64
 
64
65
 
66
+
67
+
68
+
69
+ HTML側
70
+
65
71
  ```
72
+
73
+ <html>
74
+
75
+ <head>
76
+
77
+ <meta name="viewport" content="width=device-width, minimum-scale=0.1">
78
+
79
+ <title>1.jpg (764×1200)</title>
80
+
81
+ <style class="blockbyte-bs-style" data-name="content">body>div#blockbyte-bs-indicator>div{opacity:0;pointer-events:none}body>iframe#blockbyte-bs-sidebar.blockbyte-bs-visible,body>iframe#blockbyte-bs-overlay.blockbyte-bs-visible{opacity:1;pointer-events:auto}body.blockbyte-bs-noscroll{overflow:hidden !important}body>div#blockbyte-bs-indicator>div{position:absolute;transform:translate3d(-40px, 0, 0);top:0;left:0;width:40px !important;height:100%;background:rgba(0,0,0,0.5);transition:opacity 0.3s, transform 0.3s;z-index:2}body>div#blockbyte-bs-indicator>div>span{-webkit-mask:no-repeat center/32px;-webkit-mask-image:url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-bookmark.svg);background-color:rgb(255,255,255);position:absolute;display:block;top:0;left:0;width:100%;height:100%}body>div#blockbyte-bs-indicator[data-pos='right']{left:auto;right:0}body>div#blockbyte-bs-indicator[data-pos='right']>div{transform:translate3d(40px, 0, 0);left:auto;right:0}body>div#blockbyte-bs-indicator.blockbyte-bs-hover>div{transform:translate3d(0, 0, 0);opacity:1}body>div#blockbyte-bs-indicator[data-pos='left'].blockbyte-bs-has-lsb>div{background:transparent}body>div#blockbyte-bs-indicator[data-pos='left'].blockbyte-bs-has-lsb>div>span{-webkit-mask-position-y:20px}body>iframe#blockbyte-bs-sidebar{width:260px;max-width:none;height:0;z-index:2147483646;background-color:rgba(0,0,0,0.6) !important;border:none;display:block !important;transform:translate3d(-260px, 0, 0);transition:width 0s 0.3s, height 0s 0.3s, opacity 0.3s, transform 0.3s}body>iframe#blockbyte-bs-sidebar[data-pos='right']{left:auto;right:0;transform:translate3d(260px, 0, 0)}body>iframe#blockbyte-bs-sidebar.blockbyte-bs-visible{width:calc(100% + 260px);height:100%;transform:translate3d(0, 0, 0);transition:opacity 0.3s, transform 0.3s}body>iframe#blockbyte-bs-sidebar.blockbyte-bs-hideMask{background:none !important}body>iframe#blockbyte-bs-sidebar.blockbyte-bs-hideMask:not(.blockbyte-bs-hover){width:calc(260px + 50px)}body>iframe#blockbyte-bs-overlay{width:100%;max-width:none;height:100%;z-index:2147483647;border:none;background:rgba(0,0,0,0.5) !important;transition:opacity 0.3s}
82
+
83
+ </style>
84
+
85
+ </head>
86
+
87
+ <body style="margin: 0px; background: #0e0e0e;">
88
+
89
+ <img style="-webkit-user-select: none;background-position: 0px 0px, 10px 10px;background-size: 20px 20px;background-image:linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 100%),linear-gradient(45deg, #eee 25%, white 25%, white 75%, #eee 75%, #eee 100%);cursor: zoom-in;" src="https://imgon.spimg.ch/v1/ai3868/1.jpg?h=T7_FQKb4jIKo7zU9cugWhA&amp;t=1080001513007731" width="525" height="826">
90
+
91
+         <iframe id="blockbyte-bs-sidebar" data-pos="left">
92
+
93
+ #document
94
+
95
+ </iframe>
96
+
97
+ <div id="blockbyte-bs-indicator" style="width: 10px;"></div>
98
+
99
+ </body>
100
+
101
+ </html>
102
+
103
+ ```