This repository has been archived on 2023-08-16. You can view files and clone it, but cannot push or open issues or pull requests.
footnotes/css/public.css
2020-11-08 17:54:50 +00:00

205 lines
4.7 KiB
CSS
Executable file

/**
* Created by Stefan Herndler.
* User: Stefan
* Created-Date: 15.05.14
* Created-Time: 16:21
* Since: 1.0
* Version: 2.0.9d3
*
* Last modified: 2020-11-08T1852+0100
*/
/* MCI Footnotes logo
*
* The classes with 'heading' fix display in dashboard
* See class/config.php and css/settings.css
*/
.footnotes_logo,
.footnotes_logo:hover,
.footnotes_logo_heading {
text-decoration: none;
font-weight: normal;
}
.footnotes_logo_part1,
.footnotes_logo_part1_heading {
color: #2bb975;
}
.footnotes_logo_part2,
.footnotes_logo_part2_heading {
color: #545f5a;
}
/*
* Inline footnote referrers
* aka superscript footnote anchors
*
* referrer and surroundings:
* .footnote_referrer = enclosing <a>
* .footnote_plugin_tooltip_text = inner <sup>
*/
.footnote_referrer,
.main-content .footnote_referrer,
.footnote_plugin_tooltip_text {
text-decoration: none !important;
border-bottom: none !important;
cursor: pointer;
z-index: 1;
}
.footnote_referrer:hover,
.footnote_plugin_tooltip_text:hover {
text-decoration: underline;
font-weight: inherit;
}
/* tooltip infobox
*/
span.footnote_tooltip {
font-size: inherit;
text-align: left;
line-height: 1.2em;
z-index: 99;
}
.continue {
font-style: italic;
color: green;
text-decoration: none !important;
cursor: pointer;
}
.continue:hover {
color: blue;
text-decoration: underline !important;
}
/*
* Footnote references container
*/
/* label
*/
.footnote_container_prepare {
display: block !important;
padding-top: 24px !important;
margin-bottom: -5px;
}
.footnote_container_prepare > p {
line-height: 1.3 !important;
margin-top: 1em !important;
margin-bottom: 0.25em !important;
padding: 0 !important;
font-weight: normal !important;
overflow: hidden !important;
border-bottom: 1px solid #aaaaaa !important;
display: block !important;
-webkit-margin-before: 0.83em !important;
-webkit-margin-after: 0.83em !important;
-webkit-margin-start: 0px !important;
-webkit-margin-end: 0px !important;
text-align: left !important;
vertical-align: middle;
}
.footnote_container_prepare > p > span:first-child {
text-align: left !important;
font-size: 1.5em !important;
}
/* collapse button
/* fully clickable, not sign only
*/
.footnote_reference_container_collapse_button {
cursor: pointer;
padding-left: .5em;
font-size: 1.3em !important;
vertical-align: 2px;
}
.footnote_container_prepare > p > span:last-child a {
text-decoration: none !important;
}
/* table
*/
.footnote-reference-container {
width: 100%;
border: none;
}
/* footnotes
* class footnote_plugin_link is for backcompat.
* Used in reference-container-body.html
* See <https://wordpress.org/support/topic/change-the-position-5/#post-13617988>
*/
.footnote_plugin_link,
.footnote_plugin_index,
.footnote_plugin_text {
border:none !important;
text-align: left !important;
vertical-align: top !important;
padding: 10px 6px 5px 0 !important;
}
.footnote_plugin_index a,
.footnote_plugin_text a {
text-decoration: none !important;
}
.footnote_plugin_index:hover,
.footnote_plugin_text a:hover {
text-decoration: underline !important;
}
.footnote_plugin_index {
cursor: pointer;
overflow-wrap: unset;
word-wrap: unset;
word-wrap: normal !important;
word-break: unset;
word-break: keep-all !important;
max-width: 140px;
width: 2em; /*auto-extending column to fit widest*/
overflow: hidden;
}
.footnote_index_item {
white-space: nowrap;
}
.footnote_plugin_text {
width: unset; /*unset width of text column to fix site issues*/
}
/* Responsive*/
@media only screen and (max-width: 768px) {
.footnote_plugin_index {
max-width: 100px;
}
}
/*
* Footnotes printing style rules
*
* Printing a table, browsers tend to avoid page breaks,
* but it takes a wrapper to avoid a page break before the table.
*
* UI elements - expand button, arrows - are hidden in print;
* link styling is reverted so as to not gray out referrers/numbers.
*/
.footnote_container_wrapper {
page-break-inside: avoid;
}
@media print {
.footnote_tooltip,
.footnote_reference_container_collapse_button,
.footnote_index_arrow {
display: none;
}
.footnote_plugin_tooltip_text {
color: inherit;
}
.footnote_plugin_index a {
color: inherit;
text-decoration: none !important;
}
div.post-meta-edit-link-wrapper { /* Edit button in WP2020*/
display: none; /*(added as a service)*/
}
}