MediaWiki:Common.css
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 */ @import url('https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;700&display=swap'); /* ============================== general interface =============================== */ .content hr { background-color: #eeeeee; height: 2px; border: 0; } .mw-parser-output { text-align: justify; } .mw-parser-output table td, .mw-parser-output table th { text-align: left; } h5 { font-style: italic!important; } .admin-only { display: none; } /* top bar cleanup */ #mw-mf-main-menu-button { display:none; } .minerva-header .branding-box { min-width: 19em; } .minerva-user-notifications { display:none; } .minerva-user-menu { display:none; } .minerva__tab-container { display:none; } .page-actions-menu { display:none; } /* top bar styling */ .header-container.header-chrome { background-color: #ffffff; color: #4c4c4c; box-shadow: none; } #searchInput { color: grey; border: 1px solid #4c4c4c; border-radius: 1.125em; } /* left-hand menu cleanup */ #p-interaction { display:none; } /* bottom area cleanup */ .talk { display:none; } .last-modified-bar { display:none; } footer .hlist li::after, .mw-footer .hlist li::after { color: #202122; } #footer-info-copyright .external { background-image: none!important; padding-right: 0!important; } #footer-info-lastmod { display:none; } /* general setting, page layout and colors */ .mw-body { background: #fbf0a4; } .heading-holder { display:none; } /* nasconde il titolo come generato automaticamente da MediaWiki, perché nelle varie pagine viene rigenerato ad hoc dal template Header */ .ns-special .heading-holder { display:block; } /* ma mostra il titolo come generato automaticamente da MediaWiki nelle pagine del namespace Special: */ blockquote { font-family: inherit; font-size: inherit; padding: 0; border-left: none; } .list-roman { list-style-type: upper-roman; } .content { background: #ffffff; margin-top: -1px; padding: 30px 60px 30px 60px; box-shadow: inset 0 3px 3px rgba(0,0,0,0.08); } .content table { margin-right: auto!important; margin-left: auto!important; } .img-slightly-comfy { margin: 15px; } .img-comfy { margin: 30px; } .boxed { width: 70%; margin: 0 auto; } .mw-search-result-data { display:none; } .custom-mobile-only { display: none; } .custom-print-only { display: none; } /* buttons, links etc. */ .mw-ui-progressive { background-color: #4c4c4c!important; border-color: #4c4c4c!important; } a:link { color: black; text-decoration: underline; } a:visited { color: #4c4c4c; } a:hover { color: #4c4c4c; text-decoration: none; } a.external.text { color: black; text-decoration: underline; background: none; padding-right: 0; padding-left: 0; } a.external.text:visited { color: #4c4c4c; } a.external.text:hover { color: #4c4c4c; text-decoration: none; } /* template:Menu bar */ .navbar { overflow: hidden; background-color: #4c4c4c; margin: -30px -60px 100px -60px; } .navbar a, .navbar a:visited { float: left; color: #fbf0a4; text-align: center; padding: 14px 16px; text-decoration: none; } .navbar a:hover { background-color: #666; } .navbar a.external, .navbar a.external:visited { color: #fbf0a4; text-decoration: none; } .navbar a.external:hover { color: #fbf0a4; text-decoration: none; } .navbar p { margin: 0; } .separator { border-left: 2px solid #565656; } .dropdown { float: left; overflow: hidden; } .dropdown .dropbtn { border: none; outline: none; color: #fbf0a4; padding: 14px 16px; background-color: inherit; font-family: inherit; margin: 0; } .dropdown-content { display: none; position: absolute; background-color: #4c4c4c; min-width: 160px; box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content a { float: none; color: #fbf0a4; padding: 12px 16px; text-decoration: none; display: block; text-align: left; } .dropdown-content-alt a { float: none; color: #fbf0a4; padding: 12px 24px; text-decoration: none; display: block; text-align: left; } .dropdown-content a:hover { background-color: #666; } .dropdown-content a.external { float: none; color: #fbf0a4; padding: 12px 16px; text-decoration: none; display: block; text-align: left; } .dropdown-content a.external:hover { background-color: #666; } .dropdown-content a.external::after { content: ""; } .dropdown:hover .dropdown-content { display: block; } .close-download-links, .close-language-links { display: none; } /* ============================== home =============================== */ .page-Main_Page .mw-body { background: #fbf0a4; } .page-Main_Page .heading-holder { display: none; } .page-Main_Page .content { background: #ffffff; padding: 30px 60px 30px 60px; } .page-Main_Page .content p { margin: 0.5em 0 0.5em 0; } .home-in-cooperation-with-container, .home-with-the-patronage-of-container { display: flex; gap: 20px; justify-content: space-around; margin: 0 auto; } .home-in-cooperation-with-item, .home-with-the-patronage-of-item { width: 50%; margin: auto; } /* ============================== templates =============================== */ .home-button-container-page { margin: 40px auto; width: 9em; } .home-button-container-page a:link, .home-button-container-page a:visited, .home-button-container-page a:hover, .home-button-container-page a:active { text-decoration: none; } .home-button-container-url { margin: 20px auto; width: 25em; } .home-button-container-url a:link, .home-button-container-url a:visited, .home-button-container-url a:hover, .home-button-container-url a:active { text-decoration: none; } .home-button { padding: 8px; text-align: center; background-color: white; border: 1px solid #4c4c4c; border-radius: 2em; transition: .5s; } .home-button:hover { box-shadow: 0 4px 4px rgba(0,0,0,0.08); } .home-header-container { display: flex; justify-content: space-between; align-items: center; padding: 20px 60px 20px 60px; margin: -29px -60px 30px -60px; background-color: #4c4c4c; color: #fbf0a4; } .home-header-container a:link, .home-header-container a:visited, .home-header-container a:hover, .home-header-container a:active { color: #fbf0a4; text-decoration: none; } .home-header-img { width: 70px; height: 78px; } .home-header-title { margin: 0; text-align: left; font-size: 300%; font-family: 'Linux Libertine','Georgia','Times',serif; } .home-picture-box { height: 300px; margin: 30px -60px 10px -60px; background-color: #4c4c4c; background-image: url('https://www.wittgensteinproject.org/w/images/9/99/Skjolden_from_the_other_shore_of_the_small_eidsvatnet_lake_Nicol%C3%A1s_Boullosa_CC_BY.jpg'); background-position: center bottom; background-repeat: no-repeat; background-size: cover; } .home-picture-box-2 { height: 300px; margin: 30px -60px 10px -60px; background-color: #4c4c4c; background-image: url('https://www.wittgensteinproject.org/w/images/a/a0/Wittgensteinhaus_%28bw_crop%29_by_Aldo_Ernstbrunner_CC_BY-SA.jpg'); background-position: center bottom; background-repeat: no-repeat; background-size: 100%; } .home-picture-box-3 { height: 300px; margin: 30px -60px 10px -60px; background-color: #4c4c4c; background-image: url('https://www.wittgensteinproject.org/w/images/2/26/Wittgenstein%2C_Ms-102%2C14v_%2813_November_1914%29.jpg'); background-position: center bottom; background-repeat: no-repeat; background-size: 100%; } .tl-check { display:none; } .toc-item { display: inline-block; width: 4em; margin: 0 3px 3px 0; } .custom-toc { width: 65%; margin: 20px auto 20px auto; } .colophon { width: 65%; margin: 20px auto 20px auto; } .custom-video { display: block; margin: 30px auto; border: 1px solid silver; width:640px; height:360px; } /* Template:Header */ .header-lines { margin:50px auto 50px auto; clear:both; text-align:center; border-top: 3px double #CCC; color:#222; line-height:120%; width:80%; } .header-title { font-size: 300%; text-align: center; margin-top: -95px; font-family: 'Linux Libertine','Georgia','Times',serif; } .header-whitespace { background-color: white; } /* Template:Title */ .tl-title { font-family: 'Linux Libertine','Georgia','Times',serif; font-size: 1.7em; text-align: center; margin-top: 30px; margin-bottom: 30px; } /* Template:Print Button */ #print-button { color: black; text-decoration: underline; } #print-button:hover { color: #4c4c4c; text-decoration: none; cursor: pointer; } .export-options { background-color: rgba(0,0,0,0.6); color: white; padding: .5em .5em .5em 1em; border-radius: .3em; position: absolute; left: 50%; transform: translate(-50%, -.5em); box-shadow: 0 3px 6px rgba(0,0,0,0.6); transition: .2s; } .export-options a { color: white; } .export-options a.external:hover { color: white; } .export-options:hover { box-shadow: 0 6px 10px rgba(0,0,0,0.6); } .export-options-close-button { float: right; margin-left: .5em; } .export-options-close-button:hover { cursor: pointer; } /* Template:Top */ .top-arrow { position: fixed; top: 50%; right: 20px; } .custom-tooltip { position: absolute; width: 12em; padding: .5em; border-radius: .3em; transform: translate(-14em, -.5em); background-color: rgba(0,0,0,0.6); box-shadow: 0 3px 6px rgba(0,0,0,0.6); color: white; text-align: left; transition: .2s; } .custom-tooltip:hover { box-shadow: 0 6px 10px rgba(0,0,0,0.6); } .tooltip-close-button { float: right; } .tooltip-close-button:hover { cursor: pointer; } /* Template:Nowrap */ .nowrap { white-space: nowrap; } /* Template:Spaced text */ .spaced-text { letter-spacing: 0.4em; margin-right: -0.4em; } /* Template:ParTLP */ .tlp-aside-par { margin-left: -8em; float: left; } .tlp-container { margin-left: 8em; } /* Template:BBB TS reference, Philosophie TS reference */ .bbb-aside-par, .philosophie-aside-par, .frazer-aside-par { float: right; margin-right: -8em; } .bbb-container, .philosophie-container { margin-right: 8em; } .frazer-container { margin-right: 8em; margin-left: 3em; } /* Template:Person */ .img-person { float: right; margin-left: 40px; } .person-container { background-color: #ffffff; padding: 40px 60px 0 60px; margin: 0 -60px; } /* Template:Notes toggle */ .switch { position: relative; display: block; width: 30px; height: 17px; margin: 0 auto; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; border-radius: 17px; } .slider:before { position: absolute; content: ""; height: 13px; width: 13px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%; } input:checked + .slider { background-color: #4c4c4c; } input:focus + .slider { box-shadow: 0 0 1px #4c4c4c; } input:checked + .slider:before { -webkit-transform: translateX(13px); -ms-transform: translateX(13px); transform: translateX(13px); } /* versione alternativa del toggle per Project:All texts */ .slider-alt { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #4c4c4c; -webkit-transition: .4s; transition: .4s; border-radius: 17px; } .slider-alt:before { position: absolute; content: ""; height: 13px; width: 13px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%; } input:checked + .slider-alt { background-color: #4c4c4c; } input:focus + .slider-alt { box-shadow: 0 0 1px #4c4c4c; } input:checked + .slider-alt:before { -webkit-transform: translateX(13px); -ms-transform: translateX(13px); transform: translateX(13px); } /* per default, in Project:All Texts viene mostrata la lista e non la tabella */ #all-texts-table { display: none; } /* viene forzata anche nella vista desktop lo scroll orizzontale della tabella */ .all-texts-table-container { width: 100%; overflow-x: auto; } /* template:Social icons */ .social-icons-container { display: flex; width: 30%; margin: 10px auto; } .social-icon { width: 25%; } .social-icon-img { transition: .5s; } .social-icon-img:hover { transform: scale(1.1); } /* ============================== linear Tractatus =============================== */ .tlp-flex-container { display: flex; } .tlp-column { width: 100%; } /* ============================== tree-like Tractatus =============================== */ .tlp-drawer { padding: 8px 0 8px 20px; margin-top: 10px; border-left: 2px solid #eeeeee; animation-name: fade-in; animation-duration: .4s; } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } .tlp-button { float: right; } .tree-like-tlp-container .tlp-aside-par, .static-tree-like-tlp-container .tlp-aside-par { margin-left: 0; float: none; } .static-tree-like-tlp-container .tlp-aside-par { display: inline-block; } .tlp-pr-with-children .tlp-aside-par a { display: inline-block; padding: 0 5px; } .follow-branch-arrow { border-radius: 3px; background-color: #b1cbec; text-decoration: none!important; transition: .3s; } .follow-branch-arrow:hover { background-color: #92b4e0; } .tlp-indent-1 { margin-left: 3em; } .tlp-indent-2 { margin-left: 6em; } .tlp-indent-3 { margin-left: 9em; } .tlp-separator { margin: 2em 0 5em 0; } /* ============================== side-by-side Tractatus =============================== */ .de_col .tlp-aside-par { display: none; } .en_col .tlp-aside-par { display: none; } .fr_col .tlp-aside-par { display: none; } .it_col .tlp-aside-par { display: none; } .es_col .tlp-aside-par { display: none; } .de_col .reference { display: none; } .en_col .reference { display: none; } .fr_col .reference { display: none; } .it_col .reference { display: none; } .es_col .reference { display: none; } .de_col .mwe-math-mathml-inline { display: block!important; } .en_col .mwe-math-mathml-inline { display: block!important; } .fr_col .mwe-math-mathml-inline { display: block!important; } .it_col .mwe-math-mathml-inline { display: block!important; } .es_col .mwe-math-mathml-inline { display: block!important; } .de_col, .en_col, .fr_col, .it_col, .es_col { vertical-align: top; } #de_col_head, #en_col_head, #fr_col_head, #it_col_head, #es_col_head { vertical-align: top; height: 100px; } .par_num_col { vertical-align: top; font-weight: bold; } .checkbox-container { position: relative; padding-left: 25px; padding-right: 10px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ .checkbox-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom checkbox */ .checkmark { position: absolute; top: 0; left: 0; height: 18px; width: 18px; border-radius: 2px; background-color: #eee; } /* On mouse-over, add a grey background color */ .checkbox-container:hover input ~ .checkmark { background-color: #ccc; } /* When the checkbox is checked, add a dark grey background */ .checkbox-container input:checked ~ .checkmark { background-color: #4c4c4c; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .checkbox-container input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .checkbox-container .checkmark:after { left: 6px; top: 2px; width: 4px; height: 8px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /* ============================== mobile responsiveness =============================== */ #mf-banner { display: none; } /* ============================== template:drawer =============================== */ .drawer-title { background-color: #4c4c4c; color: #fbf0a4; padding: 6px 12px 6px 12px; margin-top: 6px; } .drawer-title a { color: #fbf0a4; float: right; font-size: 1rem; } .drawer-title p { margin-bottom: 8px; } .drawer-content { padding: 6px 12px 6px 12px; border: 1px solid #eeeeee; } /* ============================== project:70 Years of Editing Wittgenstein =============================== */ .conference-header { background-color: rgba(0, 0, 0, 0.15); background-image: url('https://www.wittgensteinproject.org/w/images/b/b6/70_Years_of_Editing_Wittgenstein_Cover.jpg'); background-size: cover; background-repeat: no-repeat; background-blend-mode: overlay; padding: 30px; margin: -100px -60px 20px -60px; color: white; text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); } .conference-main-title { font-size: 220%; font-family: Georgia, serif; } /* ============================== template:Crowdfunding banner =============================== */ .crowdfunding-banner { background-color: rgba(0, 0, 0, 0.15); background-image: url('https://www.wittgensteinproject.org/w/images/e/e7/Ludwig_and_Paul_Wittgenstein_by_Carl_Pietzner%2C_1909.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center 35%; background-blend-mode: overlay; padding: 50px; margin: -100px -60px 20px -60px; color: white; text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.8); } .crowdfunding-main-title { font-size: 220%; font-family: Georgia, serif; } /* ============================== Template:Quality =============================== */ .quality-container { display: flex; } .scholarly-approved, .featured-text { display: inline-block; background-color: #4c4c4c; color: #fbf0a4; padding: 6px 16px; margin: 20px auto; } .scholarly-approved p, .featured-text p { margin: 0.5em 0 0.5em 0; } .quality-info { margin-left: 8px; } /* ============================== Template:Quality control =============================== */ .smart-template { display: flex; box-sizing: border-box; margin: 0 auto; } .smart-template-left { box-sizing: border-box; width: 30%; float: left; margin-bottom: 5px; padding: 5px; background-color: #e6e7e8; text-align: right; font-weight: bold; } .smart-template-right { box-sizing: border-box; width: 70%; float: left; margin-bottom: 5px; padding: 5px; background-color: #f2f2f2; } /* ============================== Hindi translations ============================== */ .page-ऑन_सर्टेन्टि .mw-parser-output * { font-family: 'Google Sans', sans-serif; } .page-ऑन_सर्टेन i { display: inline-block; margin-right: 0.2em; } /* ==================== Private:Project dashboard ======================= */ .dashboard-columns-container { display: flex; margin: 20px auto; } .dashboard-column { width: 100%; border: 1px solid silver; border-radius: 5px; margin: 0 10px; padding: 15px; text-align: left; } /* ==================== Private:Calendar ======================= */ .calendar-table { margin: 0 auto; width: 90%; } .calendar-table td { width: 14.2%; height: 8em; border-radius: 10px; border: 1px solid silver; padding: 5px; vertical-align: top; } .calendar-table td:nth-child(6) {color: silver;} .calendar-table td:nth-child(7) {color: silver;}