Common.css
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
@font-face { font-family: 'Nodestro Caps'; src: url("https://www.gmbinder.com/assets/fonts/Nodesto Caps Condensed.otf"); font-weight: bold; } @font-face { font-family: 'Nodestro Caps'; src: url("https://www.gmbinder.com/assets/fonts/Nodesto Caps Condensed Bold.otf"); font-weight: bold; } @font-face { font-family: 'Nodestro Caps'; src: url("https://www.gmbinder.com/assets/fonts/Nodesto Caps Condensed Italic.otf"); font-weight: normal; font-style: italic; } @font-face { font-family: 'MrEeeves'; src: url("https://dnd-fonts.herokuapp.com/fonts/MrsEaves SmallCaps Regular.otf"); } @font-face { font-family: 'ScalySans'; src: url("https://dnd-fonts.herokuapp.com/fonts/ScalaSans Regular LF.otf"); } @font-face { font-family: 'ScalySansBold'; src: url("https://dnd-fonts.herokuapp.com/fonts/ScalaSans Bold LF.otf"); } @font-face { font-family: 'BookSanity'; src: url("https://dnd-fonts.herokuapp.com/fonts/Bookmania Regular.otf"); } @font-face { font-family: 'BookSanity'; src: url("https://dnd-fonts.herokuapp.com/fonts/Bookmania Bold.otf"); font-weight: bold; } @font-face { font-family: 'BookSanity'; src: url("https://dnd-fonts.herokuapp.com/fonts/Bookmania Regular Italic.otf"); font-style: italic; } @font-face { font-family: 'BookSanity'; src: url("https://dnd-fonts.herokuapp.com/fonts/Bookmania Bold Italic.otf"); font-weight: bold; font-style: italic; } body { font-family: BookSanity; background-color: #EEE5CE; /*#ece9de*/ background-image: url(images/7/7b/Phb_bg.jpg); } a { color: #a1452e; text-decoration: underline; } a:visited { color: #d67f69; text-decoration: underline; } .toc { font-family: scalysans; } .toc a { color: #a1452e; text-decoration: none; } .toc li a { width: 100%; height: 100%; display: block; } .toctogglelabel { cursor: pointer; color: #a1452e; } .toc-stripy { background-color: #e0e5c1; } input[type="search"] { font-family: scalysans; } h2 { margin-top: .2em; margin-bottom: .2em; font-family: MrEeeves, serif; font-weight: 800; color: #58180D; } .title { font-family: "Nodesto", serif; color: white; letter-spacing: .025em; text-shadow: -3px -3px 0px black, 3px 3px 0px black, -3px 3px 0px black, 3px -3px 0px black, -3px -2px 0px black, 3px 2px 0px black, -3px 2px 0px black, 3px -2px 0px black, -3px -1px 0px black, 3px 1px 0px black, -3px 1px 0px black, 3px -1px 0px black, -3px 0px 0px black, 3px 0px 0px black, -2px -3px 0px black, 2px 3px 0px black, -2px 3px 0px black, 2px -3px 0px black, -1px -3px 0px black, 1px 3px 0px black, -1px 3px 0px black, 1px -3px 0px black, 0px -3px 0px black, 0px 3px 0px black; text-transform: uppercase; font-size: 60px !important; line-height: 1.2; margin: 0 0 .4em; } .mw-headline { margin-top: .2em; margin-bottom: .2em; font-family: MrEeeves, serif; font-weight: 800; color: #58180D; } .info-box { background-color: #e0e5c1; text-align: left; font-size: 100%; overflow:hidden; border-collapse: inherit; margin: 0; padding: 1rem; width: 400px; font-family: "ScalySans", sans-serif; } .info-box th { font-family: "ScalySansBold"; font-size: 30px; text-align: center; padding-top: 12px; } .info-box td { vertical-align: text-top; } .info-box-outer { margin: 5px; float: right; } .info-box-outer:before, .info-box-outer:after { content: ""; display: block; background-color: black; height: 10px; } .info-box-outer:before { clip-path: polygon(0px 10px, 100% 10px, calc(100% - 20px) 0px, calc(100% - 20px) 8px, 20px 8px, 20px 0px); -webkit-clip-path: polygon(0px 10px, 100% 10px, calc(100% - 20px) 0px, calc(100% - 20px) 8px, 20px 8px, 20px 0px); } .info-box-outer:after { clip-path: polygon(20px 10px, 20px 2px, calc(100% - 20px) 2px, calc(100% - 20px) 10px, 100% 0px, 0px 0px); -webkit-clip-path: polygon(20px 10px, 20px 2px, calc(100% - 20px) 2px, calc(100% - 20px) 10px, 100% 0px, 0px 0px); } .top-bar { background-color: #356064; text-decoration: none; } .top-bar-section ul li { text-decoration: none; background-color: #c29ada; } .left a{ text-decoration:none; } .top-bar-section .left li .dropdown{ background-colour: #e8e7a0; } .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button){ background-color:#e8e7a0;; } .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button){ background-color: #9bda9a; } .top-bar-section .has-form { background-color: #d12d2d; }