Difference between revisions of "Common.css"
Line 189: | Line 189: | ||
/* Custom Foreground menubar colors */ | /* Custom Foreground menubar colors */ | ||
.top-bar, | .top-bar, | ||
− | + | background: #8b0000; | |
− | |||
− | |||
− | |||
− | background: # | ||
color: #000; | color: #000; | ||
} | } | ||
Line 199: | Line 195: | ||
.top-bar-section > ul > .divider, | .top-bar-section > ul > .divider, | ||
.top-bar-section > ul > [role="separator"] { | .top-bar-section > ul > [role="separator"] { | ||
− | border-color: # | + | border-color: #8b0000; |
} | } | ||
Line 205: | Line 201: | ||
.top-bar-section ul li.hover > a, | .top-bar-section ul li.hover > a, | ||
.top-bar-section ul li ul.dropdown li.hover > a { | .top-bar-section ul li ul.dropdown li.hover > a { | ||
− | background: # | + | background: #8b0000; |
} | } | ||
/* Slightly darker color for the dropdowns */ | /* Slightly darker color for the dropdowns */ | ||
.top-bar-section ul li ul.dropdown li > a { | .top-bar-section ul li ul.dropdown li > a { | ||
− | background: # | + | background: ##8b0000; |
} | } |
Revision as of 12:33, 18 September 2020
@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); } /* Custom Foreground menubar colors */ .top-bar, background: #8b0000; color: #000; } .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { border-color: #8b0000; } /* Darker color for the hover over items */ .top-bar-section ul li.hover > a, .top-bar-section ul li ul.dropdown li.hover > a { background: #8b0000; } /* Slightly darker color for the dropdowns */ .top-bar-section ul li ul.dropdown li > a { background: ##8b0000; }