diff --git a/assets/css/style.css b/assets/css/style.css index 6c11abe..1ddb30b 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1783,11 +1783,25 @@ a { right: auto; } - .merged-storyline .story-node::after { + .merged-storyline .story-node::after, + .merged-storyline .story-node:nth-of-type(odd)::after, + .merged-storyline .story-node:nth-of-type(even)::after { left: 14px; right: auto; + top: -14px; transform: rotate(-8deg); } + + .merged-storyline .story-node:nth-of-type(odd)::before, + .merged-storyline .story-node:nth-of-type(even)::before { + left: -39px; + right: auto; + } + + .merged-storyline .story-node:nth-of-type(odd), + .merged-storyline .story-node:nth-of-type(even) { + margin-top: 28px; + } } /* 頁尾 */ diff --git a/assets/css/tablet.css b/assets/css/tablet.css index 783c625..5aa4ae1 100644 --- a/assets/css/tablet.css +++ b/assets/css/tablet.css @@ -133,12 +133,26 @@ right: auto; } - .merged-storyline .story-node::after { + .merged-storyline .story-node::after, + .merged-storyline .story-node:nth-of-type(odd)::after, + .merged-storyline .story-node:nth-of-type(even)::after { left: 14px; right: auto; + top: -14px; transform: rotate(-8deg); } + .merged-storyline .story-node:nth-of-type(odd)::before, + .merged-storyline .story-node:nth-of-type(even)::before { + left: -39px; + right: auto; + } + + .merged-storyline .story-node:nth-of-type(odd), + .merged-storyline .story-node:nth-of-type(even) { + margin-top: 28px; + } + /* 紀實長卷/pillar 段落 */ .chronicle-reader, .chronicle-pager {