☰

theguardian [fork]

Make the guardian great again!

目前为 2020-07-21 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name          theguardian [fork]
  3. // @namespace     http://userstyles.org
  4. // @description	  Make the guardian great again!
  5. // @author        coxmichael
  6. // @homepage      https://userstyles.org/styles/154282
  7. // @copyright     2018, coxmichael
  8. // @contributor   Paul "Joey" Clark (https://github.com/joeytwiddle/)
  9. // @license       CC-BY-4.0
  10. // @license       GPL-3.0
  11. // @include       http://www.theguardian.com/*
  12. // @include       https://www.theguardian.com/*
  13. // @include       http://*.www.theguardian.com/*
  14. // @include       https://*.www.theguardian.com/*
  15. // @do-not-run-at document-start
  16. // @version       0.20180116142410-joey16
  17. // ==/UserScript==
  18.  
  19. // An example of the old site, for reference:
  20. // http://web.archive.org/web/20150321110247/http://www.theguardian.com/us
  21.  
  22. // The new Guardian uses a dark blue, and this yellow on top
  23. //const yellowOrangeHighlight = '#ffe500';
  24. //const yellowOrangeHighlight = 'hsl(54, 100%, 50%)';
  25. // But the original Guardian used a lighter blue.
  26. // Since we reintroduce that blue, we need a different yellow to work with it.
  27.  
  28. // This yellow was used on the old site, although it never used to touch the blue background.
  29. const yellowOrangeHighlight = `hsl(44, 100%, 65%)`;
  30. // Now that it touches the blue, heavier may be preferable.
  31. //const yellowOrangeHighlight = `hsl(44, 100%, 58%)`;
  32.  
  33. const activePillarHighlight = '#fff';
  34. //const activePillarHighlight = yellowOrangeHighlight;
  35.  
  36. (function() {var css = [
  37. 	".new-header {",
  38. 	"    background: #005689;",
  39. 	"}",
  40. 	"",
  41. 	".pillar-link.pillar-link,",
  42. 	".top-bar__item {",
  43. 	"    color:#fff;",
  44. 	"}",
  45. 	"",
  46. 	/* Make the tab indicator white instead of multi-coloured */
  47. 	".pillar-link.pillar-link:after {",
  48. 	"    border-color:" + activePillarHighlight + ";",
  49. 	"}",
  50. 	/* Skip the white stripe across the bar at the top of the page */
  51. 	".pillar-link:not(.pillar-link--current-section):not(:hover):after {",
  52. 	"    border-top: 0;",
  53. 	"}",
  54.     `
  55.     /* The white activePillarHighlight looks good, except when it merges into other white. */
  56.     /* We can fix it by surrounding it in blue. */
  57.     .l-footer__secondary {
  58.         padding-top: 1px;
  59.     }
  60.     `,
  61. 	"",
  62. 	".top-bar__item--cta--circle:before {",
  63. 	"    background:#4bc6df;",
  64. 	"}",
  65. 	"",
  66. 	".new-header--news .top-bar__item--cta:hover .top-bar__item--cta--circle:before, ",
  67. 	".new-header--news .top-bar__item--cta:focus .top-bar__item--cta--circle:before {",
  68. 	"    background:#4bc6df;",
  69. 	"}",
  70. 	"",
  71. 	".top-bar__item--cta--text,",
  72. 	".rich-link:not(.rich-link--paidfor) .inline-arrow-in-circle-garnett__svg, ",
  73. 	".rich-link:not(.rich-link--paidfor).rich-link--pillar-news .inline-arrow-in-circle-garnett__svg,",
  74. 	".rich-link:not(.rich-link--paidfor) .rich-link__byline, ",
  75. 	".rich-link:not(.rich-link--paidfor) .rich-link__kicker, ",
  76. 	".rich-link:not(.rich-link--paidfor) .rich-link__read-more-text, ",
  77. 	".rich-link:not(.rich-link--paidfor).rich-link--pillar-news .rich-link__byline, ",
  78. 	".rich-link:not(.rich-link--paidfor).rich-link--pillar-news .rich-link__kicker, ",
  79. 	".rich-link:not(.rich-link--paidfor).rich-link--pillar-news .rich-link__read-more-text {",
  80. 	"    color:#114b6d;",
  81. 	"}",
  82. 	"",
  83. 	".inline-the-guardian-logo__svg path {",
  84. 	"    fill:#fff;",
  85. 	"}",
  86. 	"",
  87. 	".veggie-burger {",
  88. 	"    background:#4bc6df;",
  89. 	"}",
  90. 	"",
  91. 	"/*  text / headlines */",
  92. 	"",
  93. 	".fc-today .fc-today__sub,",
  94. 	".fc-item--pillar-news .fc-item__kicker,",
  95. 	".fc-container__header__title,",
  96. 	".fc-sublink--pillar-news .fc-sublink__kicker,",
  97. 	".content--pillar-news .byline, .content--pillar-news .content--media .content__headline, .content--pillar-news .old-article-message, .content--pillar-news .pullquote-cite, .content--pillar-news .content__section-label__link, .content--pillar-news a, .paid-content .byline, .paid-content .content--media .content__headline, .paid-content .old-article-message, .paid-content .pullquote-cite, .paid-content .content__section-label__link, .paid-content a,",
  98. 	".content--pillar-news .button--secondary, .content--pillar-news .drop-cap, .content--pillar-news .element-pullquote p, .content--pillar-news.content--type-feature .content__headline, .content--pillar-news.content--type-review .content__headline, .content--pillar-news .u-underline, .paid-content .button--secondary, .paid-content .drop-cap, .paid-content .element-pullquote p, .paid-content.content--type-feature .content__headline, .paid-content.content--type-review .content__headline, .paid-content .u-underline {",
  99. 	"    color:#005689;",
  100. 	"}",
  101. 	"",
  102. 	".fc-item--pillar-news.fc-item--type-feature .fc-item__headline {",
  103. 	"    color:#7b7b7b;",
  104. 	"}",
  105. 	"",
  106. 	".fc-container__header__title {",
  107. 	"    padding-top:1em;",
  108. 	"    padding-bottom:1em;",
  109. 	"}",
  110. 	"",
  111. 	".fc-item--pillar-news .fc-item__container:before,",
  112. 	".rich-link:not(.rich-link--paidfor) .rich-link__avatar__media, .rich-link:not(.rich-link--paidfor) .rich-link__container::before, .rich-link:not(.rich-link--paidfor).rich-link--pillar-news .rich-link__avatar__media, .rich-link:not(.rich-link--paidfor).rich-link--pillar-news .rich-link__container::before {",
  113. 	"    background-color:#005689;",
  114. 	"}",
  115. 	"",
  116. 	".fc-item--pillar-news .vjs-big-play-button .vjs-control-text:before,",
  117. 	".fc-item--pillar-news .youtube-media-atom__play-button {",
  118. 	"    background-color:#005689;",
  119. 	"}",
  120. 	"",
  121. 	".new-header--news .subnav__item--parent:after {",
  122. 	"    border-left-color: #005689;",
  123. 	"}",
  124. 	"",
  125. 	"/* rule */",
  126. 	"",
  127. 	".new-header:not(.new-header--slim):after {",
  128. 	"    height: 1px;",
  129. 	"}",
  130. 	"",
  131. 	".content--liveblog .content__meta-container, .content--media .content__meta-container, .content--type-analysis .content__meta-container, .content--type-article .content__meta-container, .content--type-comment .content__meta-container, .content--type-feature .content__meta-container, .content--type-guardianview .content__meta-container, .content--type-immersive .content__meta-container, .content--type-interview .content__meta-container, .content--type-live .content__meta-container, .content--type-matchreport .content__meta-container, .content--type-media .content__meta-container, .content--type-review .content__meta-container, .content--type-quiz .content__meta-container,",
  132. 	".fc-item--type-comment .fc-item__container>.fc-item__meta {",
  133. 	"    background-image:none;",
  134. 	"}",
  135. 	"",
  136. 	"/*  opinion */",
  137. 	"",
  138. 	".fc-item--pillar-arts .fc-item__kicker {",
  139. 	"    color: #FF9800;",
  140. 	"}",
  141. 	"",
  142. 	".fc-item--pillar-arts .fc-item__container:before {",
  143. 	"    background-color:#FF9800;",
  144. 	"}",
  145. 	"",
  146. 	"/* most viewed */",
  147. 	".headline-list__link .inline-numbers,",
  148. 	".rich-link:not(.rich-link--paidfor) .inline-arrow-in-circle-garnett__svg, .rich-link:not(.rich-link--paidfor).rich-link--pillar-news .inline-arrow-in-circle-garnett__svg {",
  149. 	"    fill:#005689;",
  150. 	"}",
  151. 	"",
  152. 	"/* footer */",
  153. 	".footer__back-to-top-container {",
  154. 	"    background: #005689;",
  155. 	"    ",
  156. 	"}",
  157. 	"",
  158. 	"",
  159. 	".back-to-top__text {",
  160. 	"    color:#fff;",
  161. 	"}",
  162. 	"",
  163. 	".back-to-top__icon-container {",
  164. 	"    background-color:#4bc6df;",
  165. 	"}",
  166. 	"",
  167. 	".content--pillar-news .block-share__item .inline-icon, .content--pillar-news .inline-close svg, .content--pillar-news .commentcount2__heading span, .content--pillar-news .old-article-message .old-article-message--clock svg, .content--pillar-news .social-icon svg, .content--pillar-news .social-icon__svg, .paid-content .block-share__item .inline-icon, .paid-content .inline-close svg, .paid-content .commentcount2__heading span, .paid-content .old-article-message .old-article-message--clock svg, .paid-content .social-icon svg, .paid-content .social-icon__svg {",
  168. 	"    fill: #797979;",
  169. 	"}",
  170. 	"",
  171. 	".content--liveblog .submeta, .content--media .submeta, .content--type-analysis .submeta, .content--type-article .submeta, .content--type-comment .submeta, .content--type-feature .submeta, .content--type-guardianview .submeta, .content--type-immersive .submeta, .content--type-interview .submeta, .content--type-live .submeta, .content--type-matchreport .submeta, .content--type-media .submeta, .content--type-review .submeta, .content--type-quiz .submeta {",
  172. 	"    background:none;",
  173. 	"}",
  174. 	"",
  175. 	".content--pillar-news .block-share__item:focus, .content--pillar-news .block-share__item:hover, .content--pillar-news .social-icon:focus, .content--pillar-news .social-icon:hover, .content--pillar-news .social-icon.social-icon--more:focus, .content--pillar-news .social-icon.social-icon--more:hover, .paid-content .block-share__item:focus, .paid-content .block-share__item:hover, .paid-content .social-icon:focus, .paid-content .social-icon:hover, .paid-content .social-icon.social-icon--more:focus, .paid-content .social-icon.social-icon--more:hover {",
  176. 	"    background-color: #005689;",
  177. 	"    border: 0.0625rem solid #005689;",
  178. 	"}",
  179. 	"",
  180. 	".content--pillar-news .u-underline:hover, .paid-content .u-underline:hover {",
  181. 	"    border-bottom: solid 0.0625rem #005689;",
  182. 	"}",
  183. 	"",
  184. 	".new-header.new-header--open, .menu {",
  185. 	"    background-color: #005689;",
  186. 	"}",
  187. 	"",
  188. 	"",
  189. 	".menu-item__title {",
  190. 	"    color:#fff !important;",
  191. 	"}",
  192.  
  193.     // Remove the ugly new logo and restore the old one
  194.     ".new-header .new-header__logo {",
  195.     "    height: 4.6em;",
  196.     "    padding-top: 1.2em;",
  197.     "}",
  198.     // Something is pushing the text away from the edge; this brings it back
  199.     //"@media (min-width: 81.25em) body:not(.has-page-skin) .new-header__logo {",
  200.     //"    margin-right: -1em;",
  201.     //"}",
  202.     // But that didn't work, so we use !important instead.  Unfortunately, this might override rules for lower widths too.
  203.     ".new-header .new-header__logo {",
  204.     "    margin-right: 0.2em !important;",
  205.     "}",
  206.     // TODO: We should shrink the logo for smaller widths
  207.     // The SVG logo had these sizes:
  208.     // width <  740px => 175x56px
  209.     // width >= 740px => 224x72px
  210.     // width >= 980px => 295x95px
  211.     ".new-header .inline-the-guardian-logo svg {",
  212.     "    display: none;",
  213.     "}",
  214.     ".new-header .inline-the-guardian-logo::before, .inline-the-guardian-logo::after {",
  215.     "    font-size: 360%;",
  216.     "    font-weight: 800;",
  217.     "    letter-spacing: -0.02em;",
  218.     "}",
  219.     ".new-header .inline-the-guardian-logo::before {",
  220.     "    content: 'the';",
  221.     "    color: #9fdce7;",
  222.     "}",
  223.     ".new-header .inline-the-guardian-logo::after {",
  224.     "    content: 'guardian';",
  225.     "    color: white;",
  226.     "}",
  227.  
  228.     // The yellow CTA clashes against the classic blue.  Shift it towards orange for balance.
  229.     `
  230.     .cta-bar__cta {
  231.         background-color: ${yellowOrangeHighlight};
  232.     }
  233.     .cta-bar__heading {
  234.         color: ${yellowOrangeHighlight};
  235.     }
  236.     .old-article-message {
  237.         background: ${yellowOrangeHighlight};
  238.     }
  239.     .content--pillar-news .old-article-message {
  240.         color: black;
  241.     }
  242.     .contributions__adblock {
  243.         background-color: ${yellowOrangeHighlight};
  244.     }
  245.     .contributions__adblock .contributions__adblock-content {
  246.         border-top-color: ${yellowOrangeHighlight};
  247.     }
  248.     .contributions__adblock .contributions__adblock-button {
  249.         background-color: ${yellowOrangeHighlight};
  250.     }
  251.     .contributions__epic {
  252.         border-top-color: ${yellowOrangeHighlight};
  253.     }
  254.     a[href].contributions__contribute.contributions__contribute--epic, a[href].contributions__learn-more.contributions__learn-more--epic, .contributions__adblock-button a {
  255.         background-color: ${yellowOrangeHighlight};
  256.     }
  257.     .contributions__highlight {
  258.         background-color: ${yellowOrangeHighlight};
  259.     }
  260.     .component-button--primary {
  261.         background-color: ${yellowOrangeHighlight};
  262.     }
  263.     .component-button--primary:hover, .component-button--primary:focus {
  264.         background-color: ${yellowOrangeHighlight};
  265.     }
  266.     ::selection {
  267.         background: ${yellowOrangeHighlight};
  268.     }
  269.  
  270.     .l-footer {
  271.         background: #005689;
  272.     }
  273.     .footer__back-to-top {
  274.         background-color: #005689;
  275.     }
  276.  
  277.     /* Hovered links in the header/footer */
  278.     .top-bar__item:hover, .top-bar__item:focus {
  279.         color: ${yellowOrangeHighlight};
  280.     }
  281.     .colophon__item a:hover, .colophon__item a:focus {
  282.         color: ${yellowOrangeHighlight};
  283.     }
  284.  
  285.     /* Hovered buttons, e.g. in the daily email signup form */
  286.     .email-sub__form--footer .email-sub__submit-button:hover, .email-sub__form--footer .email-sub__submit-button:focus, .email-sub__form--footer .email-sub__submit-button:active {
  287.         background-color: ${yellowOrangeHighlight};
  288.     }
  289.  
  290.     /* New overlay footer */
  291.     .site-message--subscription-banner {
  292.         background: ${yellowOrangeHighlight};
  293.     }
  294.     `,
  295.  
  296.     // Instead of the new font "Guardian Egyptian Web" with the sharp serifs
  297.     // use the old font "Guardian Text Egyptian Web" with the softer serifs
  298.     '.d-badge:after,.d2-badge:after,',
  299.     '.gs-webResult .gs-snippet,.gs-imageResult .gs-snippet,',
  300.     '.gsc-thumbnail-inside a.gs-title,',
  301.     '.search-tool__link,',
  302.     '.weather__desc,',
  303.     '.weather__location .search-tool__input,',
  304.     '.tabs__tab a,.tabs__tab .tab__link,',
  305.     '.headline-list__count,',
  306.     '.headline-list__link,',
  307.     '.rich-link__byline,',
  308.     '.rich-link__standfirst,',
  309.     '.site-message,',
  310.     '.adblock-sticky__coin-result,',
  311.     '.adblock-sticky__coin-message,',
  312.     '.adblock-sticky__message,',
  313.     '.adblock-sticky__quote-text,',
  314.     '.adblock-sticky__author,',
  315.     '.breaking-news__item-kicker,.breaking-news__item-headline,',
  316.     '.vjs-error-display>div,',
  317.     '.vjs-overlay--big-title .vjs-overlay__title,',
  318.     '.vjs-overlay--big-title .vjs-overlay__duration,',
  319.     '.vjs-overlay--small-title,',
  320.     '.vjs-embedoverlay-text,',
  321.     '.end-slate-container__heading,',
  322.     '.vjs-fullscreen .end-slate.items--media .item__headline,',
  323.     '.fc-item--media .fc-item__title,',
  324.     '.user__question-title,',
  325.     '.user__question-text,',
  326.     '.dumathoin__blurb,',
  327.     '.crossword__accessible-data--header,',
  328.     '.crossword__clues-header,',
  329.     '.email-sub__header--landing,',
  330.     '.giraffe__heading,',
  331.     '.giraffe__copy,',
  332.     '.contributions__title,',
  333.     '.contributions__paragraph,',
  334.     '.contributions__title--epic--subtle,',
  335.     '.chart--doughnut .chart__unit,',
  336.     '.most-viewed-container--media .most-viewed-container__heading,',
  337.     '.discussion__disabled-msg,',
  338.     '.activity-item__title,',
  339.     '.gallery__caption__title,',
  340.     '.gallery-lightbox__img-caption>strong:first-child,',
  341.     '.gallery-lightbox__img-title,',
  342.     '.live-notifications-explainer__headline,',
  343.     '.right-most-popular-item__headline,',
  344.     '.right-most-popular__byline,',
  345.     '.element-membership--not-upgraded a,',
  346.     '.witness__button,',
  347.     '.football-table__container .table__caption--top,',
  348.     '.team__info,',
  349.     '.goal-attempts__off-target,.goal-attempts__on-target,',
  350.     '.bar-fight__bar,',
  351.     '.chart--football-possession .chart__label-value,',
  352.     '.section-divider,',
  353.     '.player-card__name,',
  354.     '.container__meta .container__meta__title,',
  355.     '.container__meta .container__meta__item,',
  356.     '.fc-container__header__title,.fc-container__header__title--sticky,.container__title,',
  357.     '.fc-container__header__description,',
  358.     '.fc-today,',
  359.     '.fc-container__updated,',
  360.     '.fc-date-headline,',
  361.     '.index-page-header__title,',
  362.     '.index-page-header__description,',
  363.     '.video-overlay .video-overlay__headline,',
  364.     '.fc-sublink__title,',
  365.     '.fc-item__header,.video-overlay__headline,.item__title,.rich-link__header,',
  366.     '.fc-item__liveblog-block__text,',
  367.     '.fc-item__liveblog-block__text:after,',
  368.     '.email-sub--article .email-sub__heading,',
  369.     '.type-5,',
  370.     '.nav--columns .nav__link,',
  371.     '.page-header,',
  372.     '.page-sub-header,',
  373.     '.rich-link .rich-link__header,',
  374.     '.rich-link__read-more-text,',
  375.     '.content__section-label,',
  376.     '.content__series-label,',
  377.     '.content__inline-section,',
  378.     '.content__headline,',
  379.     '.content__standfirst,',
  380.     '.drop-cap,',
  381.     '.content__meta-heading,',
  382.     '.meta__bio,',
  383.     '.content--liveblog .submeta__section-labels .submeta__link,.content--media .submeta__section-labels .submeta__link,.content--type-analysis .submeta__section-labels .submeta__link,.content--type-article .submeta__section-labels .submeta__link,.content--type-comment .submeta__section-labels .submeta__link,.content--type-feature .submeta__section-labels .submeta__link,.content--type-guardianview .submeta__section-labels .submeta__link,.content--type-immersive .submeta__section-labels .submeta__link,.content--type-interview .submeta__section-labels .submeta__link,.content--type-live .submeta__section-labels .submeta__link,.content--type-matchreport .submeta__section-labels .submeta__link,.content--type-media .submeta__section-labels .submeta__link,.content--type-review .submeta__section-labels .submeta__link,.content--type-quiz .submeta__section-labels .submeta__link,',
  384.     '.content--liveblog .content__headline,.content--media .content__headline,.content--type-analysis .content__headline,.content--type-article .content__headline,.content--type-comment .content__headline,.content--type-feature .content__headline,.content--type-guardianview .content__headline,.content--type-immersive .content__headline,.content--type-interview .content__headline,.content--type-live .content__headline,.content--type-matchreport .content__headline,.content--type-media .content__headline,.content--type-review .content__headline,.content--type-quiz .content__headline,',
  385.     '.content--liveblog .element-pullquote.element--supporting .pullquote-cite,.content--liveblog .element-pullquote.element--supporting .pullquote-paragraph,.content--media .element-pullquote.element--supporting .pullquote-cite,.content--media .element-pullquote.element--supporting .pullquote-paragraph,.content--type-analysis .element-pullquote.element--supporting .pullquote-cite,.content--type-analysis .element-pullquote.element--supporting .pullquote-paragraph,.content--type-article .element-pullquote.element--supporting .pullquote-cite,.content--type-article .element-pullquote.element--supporting .pullquote-paragraph,.content--type-comment .element-pullquote.element--supporting .pullquote-cite,.content--type-comment .element-pullquote.element--supporting .pullquote-paragraph,.content--type-feature .element-pullquote.element--supporting .pullquote-cite,.content--type-feature .element-pullquote.element--supporting .pullquote-paragraph,.content--type-guardianview .element-pullquote.element--supporting .pullquote-cite,.content--type-guardianview .element-pullquote.element--supporting .pullquote-paragraph,.content--type-immersive .element-pullquote.element--supporting .pullquote-cite,.content--type-immersive .element-pullquote.element--supporting .pullquote-paragraph,.content--type-interview .element-pullquote.element--supporting .pullquote-cite,.content--type-interview .element-pullquote.element--supporting .pullquote-paragraph,.content--type-live .element-pullquote.element--supporting .pullquote-cite,.content--type-live .element-pullquote.element--supporting .pullquote-paragraph,.content--type-matchreport .element-pullquote.element--supporting .pullquote-cite,.content--type-matchreport .element-pullquote.element--supporting .pullquote-paragraph,.content--type-media .element-pullquote.element--supporting .pullquote-cite,.content--type-media .element-pullquote.element--supporting .pullquote-paragraph,.content--type-review .element-pullquote.element--supporting .pullquote-cite,.content--type-review .element-pullquote.element--supporting .pullquote-paragraph,.content--type-quiz .element-pullquote.element--supporting .pullquote-cite,.content--type-quiz .element-pullquote.element--supporting .pullquote-paragraph,',
  386.     '.content--liveblog .element-pullquote.element--halfWidth .pullquote-cite,.content--liveblog .element-pullquote.element--halfWidth .pullquote-paragraph,.content--media .element-pullquote.element--halfWidth .pullquote-cite,.content--media .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-analysis .element-pullquote.element--halfWidth .pullquote-cite,.content--type-analysis .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-article .element-pullquote.element--halfWidth .pullquote-cite,.content--type-article .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-comment .element-pullquote.element--halfWidth .pullquote-cite,.content--type-comment .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-feature .element-pullquote.element--halfWidth .pullquote-cite,.content--type-feature .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-guardianview .element-pullquote.element--halfWidth .pullquote-cite,.content--type-guardianview .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-immersive .element-pullquote.element--halfWidth .pullquote-cite,.content--type-immersive .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-interview .element-pullquote.element--halfWidth .pullquote-cite,.content--type-interview .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-live .element-pullquote.element--halfWidth .pullquote-cite,.content--type-live .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-matchreport .element-pullquote.element--halfWidth .pullquote-cite,.content--type-matchreport .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-media .element-pullquote.element--halfWidth .pullquote-cite,.content--type-media .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-review .element-pullquote.element--halfWidth .pullquote-cite,.content--type-review .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-quiz .element-pullquote.element--halfWidth .pullquote-cite,.content--type-quiz .element-pullquote.element--halfWidth .pullquote-paragraph,',
  387.     '.content--liveblog .element-pullquote.element--inline .pullquote-cite,.content--liveblog .element-pullquote.element--inline .pullquote-paragraph,.content--media .element-pullquote.element--inline .pullquote-cite,.content--media .element-pullquote.element--inline .pullquote-paragraph,.content--type-analysis .element-pullquote.element--inline .pullquote-cite,.content--type-analysis .element-pullquote.element--inline .pullquote-paragraph,.content--type-article .element-pullquote.element--inline .pullquote-cite,.content--type-article .element-pullquote.element--inline .pullquote-paragraph,.content--type-comment .element-pullquote.element--inline .pullquote-cite,.content--type-comment .element-pullquote.element--inline .pullquote-paragraph,.content--type-feature .element-pullquote.element--inline .pullquote-cite,.content--type-feature .element-pullquote.element--inline .pullquote-paragraph,.content--type-guardianview .element-pullquote.element--inline .pullquote-cite,.content--type-guardianview .element-pullquote.element--inline .pullquote-paragraph,.content--type-immersive .element-pullquote.element--inline .pullquote-cite,.content--type-immersive .element-pullquote.element--inline .pullquote-paragraph,.content--type-interview .element-pullquote.element--inline .pullquote-cite,.content--type-interview .element-pullquote.element--inline .pullquote-paragraph,.content--type-live .element-pullquote.element--inline .pullquote-cite,.content--type-live .element-pullquote.element--inline .pullquote-paragraph,.content--type-matchreport .element-pullquote.element--inline .pullquote-cite,.content--type-matchreport .element-pullquote.element--inline .pullquote-paragraph,.content--type-media .element-pullquote.element--inline .pullquote-cite,.content--type-media .element-pullquote.element--inline .pullquote-paragraph,.content--type-review .element-pullquote.element--inline .pullquote-cite,.content--type-review .element-pullquote.element--inline .pullquote-paragraph,.content--type-quiz .element-pullquote.element--inline .pullquote-cite,.content--type-quiz .element-pullquote.element--inline .pullquote-paragraph,',
  388.     '.content--liveblog .element-pullquote.element--showcase .pullquote-cite,.content--liveblog .element-pullquote.element--showcase .pullquote-paragraph,.content--media .element-pullquote.element--showcase .pullquote-cite,.content--media .element-pullquote.element--showcase .pullquote-paragraph,.content--type-analysis .element-pullquote.element--showcase .pullquote-cite,.content--type-analysis .element-pullquote.element--showcase .pullquote-paragraph,.content--type-article .element-pullquote.element--showcase .pullquote-cite,.content--type-article .element-pullquote.element--showcase .pullquote-paragraph,.content--type-comment .element-pullquote.element--showcase .pullquote-cite,.content--type-comment .element-pullquote.element--showcase .pullquote-paragraph,.content--type-feature .element-pullquote.element--showcase .pullquote-cite,.content--type-feature .element-pullquote.element--showcase .pullquote-paragraph,.content--type-guardianview .element-pullquote.element--showcase .pullquote-cite,.content--type-guardianview .element-pullquote.element--showcase .pullquote-paragraph,.content--type-immersive .element-pullquote.element--showcase .pullquote-cite,.content--type-immersive .element-pullquote.element--showcase .pullquote-paragraph,.content--type-interview .element-pullquote.element--showcase .pullquote-cite,.content--type-interview .element-pullquote.element--showcase .pullquote-paragraph,.content--type-live .element-pullquote.element--showcase .pullquote-cite,.content--type-live .element-pullquote.element--showcase .pullquote-paragraph,.content--type-matchreport .element-pullquote.element--showcase .pullquote-cite,.content--type-matchreport .element-pullquote.element--showcase .pullquote-paragraph,.content--type-media .element-pullquote.element--showcase .pullquote-cite,.content--type-media .element-pullquote.element--showcase .pullquote-paragraph,.content--type-review .element-pullquote.element--showcase .pullquote-cite,.content--type-review .element-pullquote.element--showcase .pullquote-paragraph,.content--type-quiz .element-pullquote.element--showcase .pullquote-cite,.content--type-quiz .element-pullquote.element--showcase .pullquote-paragraph,',
  389.     '.content--type-guardianview .content__headline,.content--type-comment .content__headline,',
  390.     '.content--type-guardianview .content__head--byline-pic .content__header .content__headline__byline,.content--type-comment .content__head--byline-pic .content__header .content__headline__byline,',
  391.     '.content--type-comment:not(.paid-content) .content__standfirst,.content--type-feature:not(.paid-content) .content__standfirst,.content--type-guardianview:not(.paid-content) .content__standfirst,.content--type-review:not(.paid-content) .content__standfirst,',
  392.     '@media (min-width: 46.25em),',
  393.     '.section-football .team__info,',
  394.     '.section-football .match-summary--responsive .team__info,',
  395.     '.section-football .goal-attempts__off-target,.section-football .goal-attempts__on-target,',
  396.     '.section-football .chart--football-possession .chart__label-value,',
  397.     '.section-football .bar-fight__bar,',
  398.     '.content__head--byline-pic .content__header .content__headline__byline,',
  399.     '.blog .from-content-api .block-title,',
  400.     '.dropdown--key-events .dropdown__label,.dropdown--live-feed .dropdown__label,',
  401.     '.blog__related__head,',
  402.     '.blog .content__headline,',
  403.     '.blog .content__section-label,',
  404.     '.content--immersive-article:not(.content--immersive-garnett) .element-pullquote .pullquote-paragraph,.content--immersive-article:not(.content--immersive-garnett) .element-pullquote .pullquote-cite,',
  405.     '.content--immersive-article .section-title,.content--immersive-article .from-content-api>h2,',
  406.     '.content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .immersive-main-media__headline-container .content__series-label__link,',
  407.     '.content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .content__standfirst--immersive-article,',
  408.     '.content--minute-article .content__standfirst,',
  409.     '.content__dateline--minute-article,',
  410.     '.block--minute-article .block-elements .block-title,',
  411.     '.block--minute-article.block--minute-article--quote .quoted__contents,',
  412.     '.from-content-api>h2,.from-content-api .block-elements>h2,',
  413.     '.from-content-api table caption,',
  414.     '.element-pullquote blockquote p,',
  415.     '.atom-quiz__score,',
  416.     '.menu-item__title,',
  417.     '.pillar-link,',
  418.     '.top-bar__item--cta,',
  419.     '.subnav-link {',
  420.     "    font-family: 'Guardian Text Egyptian Web',Georgia,serif;",
  421.     "}"
  422. ].join("\n");
  423. if (typeof GM_addStyle != "undefined") {
  424. 	GM_addStyle(css);
  425. } else if (typeof PRO_addStyle != "undefined") {
  426. 	PRO_addStyle(css);
  427. } else if (typeof addStyle != "undefined") {
  428. 	addStyle(css);
  429. } else {
  430. 	var node = document.createElement("style");
  431. 	node.type = "text/css";
  432. 	node.appendChild(document.createTextNode(css));
  433. 	var heads = document.getElementsByTagName("head");
  434. 	if (heads.length > 0) {
  435. 		heads[0].appendChild(node);
  436. 	} else {
  437. 		// no head yet, stick it whereever
  438. 		document.documentElement.appendChild(node);
  439. 	}
  440. }
  441. })();