4,554
edits
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
Line 1,706: | Line 1,706: | ||
} | } | ||
/* chooser sits in normal flow, right-aligned, with a small gap */ | |||
#print-chooser { | #print-chooser { | ||
display: none; /* JS toggles this */ | |||
text-align: right; | |||
margin-top: 6px; | |||
display: none; | |||
} | } | ||
#print-chooser .print-choice { | #print-chooser .print-choice { | ||
display: inline-block; | display: inline-block; | ||
padding: | padding: 2px 6px; | ||
border: | border: 1px solid #292828; | ||
background: | background: #fff; | ||
color: #292828; | color: #292828; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
#print-chooser .print-choice + .print-choice { margin-left: 6px; } | |||
/* when chooser is open, hide the original hairline under the entry number */ | |||
.print-opts-open .article-entry-number::after { content: none !important; } | |||
/* and draw a new hairline under the chooser so the divider drops with it */ | |||
.print-opts-open #print-chooser::after { | |||
content: ""; | |||
display: block; | |||
height: 1px; | |||
background: #292828; | |||
margin-top: 6px; /* space between options and the rule */ | |||
transform: scaleY(0.5); | |||
transform-origin: 50% 100%; | |||
} | |||
/* Firefox fallback keeps working: no change needed. | |||
#print-chooser | If you want a true .5pt rule under the chooser in Firefox, add: */ | ||
@-moz-document url-prefix() { | |||
.print-opts-open #print-chooser::after { | |||
transform: none; | |||
height: 0; | |||
border-bottom: 0.5pt solid #292828; | |||
} | |||
} | } | ||