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;  | |||
  }  | |||
}  | }  | ||