MediaWiki:Common.css
From HLT@INESC-ID
Note: After publishing, 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: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */ /* Custom Foreground menubar colors */ .top-bar, .top-bar-section ul, .top-bar-section ul li.active > a, .top-bar-section li a:not(.button), .top-bar-section .has-form { background: #282727; color: #dddddd; } .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { border-color: #282727; } /* 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: #282727; } #page-content { background: #ffff00; } /* Slightly darker color for the dropdowns */ .top-bar-section ul li ul.dropdown li > a { background: #282727; } .top-bar .button { background: #414141; border-top-color: #555555; border-right-color: #414141; border-bottom-color: #555555; border-left-color: #414141; } body { font-family: 'Lato', Helvetica, sans-serif; font-size: 16px; line-height: 1.25; color: #697060; /*background-color: #f7f7f7;*/ background-color: #ffffff; margin: 0px; } body p { margin-top: 1.25em; } body span.mw-headline { font-weight: normal; } body h1, body h2, body h3, body h4, body h5, body h6 { font-family: "Candara", "Lato", sans-serif; font-weight: normal; color: #697060; margin-top: 0.8em; } body h1 { font-size: 30px; } body h2 { font-size: 26px; } body h3 { font-size: 24px; } body h4 { font-size: 20px; } body h5 { font-size: 18px; } body h6 { font-size: 16px; } body .title { font-family: "Candara", "Lato", sans-serif; font-weight: normal; font-size: 30px; color: #697060; margin-top: 0em; } body #mw-content-text h3 { font-size: initial; margin-top: 0.8em; display: inline; } body #toctitle h2 { font-size: initial; margin-top: 0.8em; display: inline; } body pre { font-family: "Droid Sans Mono", monospace; font-size: 0.85em; line-height: 1.25em; background-color: #fcfcfc; padding: 8px; border-style: solid; border-width: 1px; border-color: #dddddd; } @media all { body h3#tagline { display: none; font-weight: normal; } body h5.subtitle { display: none; font-weight: normal; } } @media print { body h3#tagline { display: block; font-weight: normal; } } /* PEOPLE CARDS: BEGIN */ .people-cards { display: flex; flex-wrap: wrap; gap: 20px; font-family: 'Raleway', sans-serif; } .person-card { display: flex; width: 370px; height: 230px; border: 1px solid #dddddd; padding: 20px; box-sizing: border-box; position: relative; background-color: #ffffff; /* White background color */ box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2); /* Box shadow */ padding: 10px; /* Add padding to the white div */ flex-direction: column; } .person-card-top { margin-top: 10px; display: flex; height: 130px; } .person-card-img { width: 120px; } .person-card-img img { width: 100px; height: 100px; object-fit: cover; border: 1px solid #999999; border-radius: 50%; } .person-details { flex: 1; font-size: 0.9em; line-height: 1.2em; } .person-card-footer { padding-bottom: 4px; width: 100%; align-self: flex-end; /* Align the footer to the bottom */ display: flex; flex-direction: column; overflow: hidden; font-size: 0.8em; line-height: 1.1em; } /* PEOPLE CARDS: END */