MediaWiki:Mobile.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.
/* All CSS here will be loaded for users of the mobile site */ @import url('https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;700&display=swap'); /* ============================== general interface =============================== */ /* top bar cleanup */ #mw-mf-main-menu-button { display:none; } .header .branding-box { width:auto; } .minerva-user-notifications { display:none; } .minerva-user-menu { display:none; } .minerva-user-navigation { min-width: 0; } .minerva__tab-container { display:none; } .page-actions-menu { display:none; } /* hide title */ .pre-content.heading-holder { display: none; } /* 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; } .admin-only { display: none; } .mw-ui-progressive { background-color: #4c4c4c!important; border-color: #4c4c4c!important; } a:link { color: black; text-decoration: underline; } a:visited { color: #4c4c4c; } a.external.text { color: black; text-decoration: underline; background: none; padding-right: 0; padding-left: 0; } a.external.text:visited { color: #4c4c4c; } .img-comfy { margin: 30px; } .mw-search-result-data { display:none; } blockquote { font-family: inherit; font-size: inherit; padding: 0; border-left: none; } .custom-desktop-only { display: none; } .custom-print-only { 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; } .p-home { margin-left: -1.5em; margin-right: -1.5em; } .home-button-container-page { margin: 20px auto; width: 9em; } .home-button-container-page a:link, .home-button-container-page a:visited, .home-button-container-page a:active { text-decoration: none; } .home-button-container-url { margin: 20px auto; width: 18em; } .home-button-container-url a:link, .home-button-container-url a:visited, .home-button-container-url a:active { text-decoration: none; } .home-button { padding: 8px; text-align: center; text-decoration: none; background-color: white; border: 1px solid #4c4c4c; border-radius: 2em; transition: .5s; } .custom-video-container-home { margin: 30px -76px 30px -76px; } .custom-video-container { margin: 30px 0 30px 0; } .custom-video { display: block; margin: 0 auto; width:100%; height: 200px; } /* ============================== templates =============================== */ .home-header-container { display: flex; flex-direction: column; background-color: #4c4c4c; color: #fbf0a4; padding: 20px; margin: -31px -76px 20px -76px; } .home-header-container a, .home-header-container a:visited, .home-header-container a:active { color: #fbf0a4; text-decoration: none; } .home-header-img { display: block; order: 1; width: 60px; height: 67px; } .home-header-text { order: 2; } .home-header-title { font-size: 225%; font-family: 'Linux Libertine','Georgia','Times',serif; } .home-picture-box { height: 120px; margin: 20px -76px 10px -76px; 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: 100%; } .home-picture-box-2 { height: 120px; margin: 20px -76px 10px -76px; 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: 120px; margin: 20px -76px 10px -76px; 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%; } /* Template:Header */ .header-title { font-size: 220%; text-align: center; font-family: 'Linux Libertine','Georgia','Times',serif; margin-top: 30px; } .header-whitespace { display:none; } /* Template:Title */ .tl-title { font-family: 'Linux Libertine','Georgia','Times',serif; font-size: 1.7em; text-align: center; margin-top: 30px; margin-bottom: 30px; } .tl-check { display:none; } /* Template: TOCitem*/ .toc-item { display:inline-block; width: 3em; margin: 0 3px 3px 0; } .custom-toc { width: 85%; margin:20px auto 20px auto; } .colphon { width: 85%; margin:20px auto 20px auto; } /* Template:Print Button */ #print-button { color: black; text-decoration: underline; } .export-options { width: 90%; 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); } .export-options a { color: white; } .export-options-close-button { float: right; margin-left: .5em; } /* Template:Top */ .top-arrow { position: fixed; bottom: 20%; right: 20px; } .custom-tooltip { display: none; } /* Template:Nowrap */ .nowrap { white-space: nowrap; } /* Template:Spaced text */ .spaced-text { letter-spacing: 0.4em; margin-right: -0.4em; } /* Template:Person */ .person-container { background-color: #ffffff; padding: 20px; } .img-person { display: block; margin: 20px 0; } /* 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; } .slider:before { position: absolute; content: ""; height: 13px; width: 13px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; } 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); } /* Rounded sliders */ .slider.round { border-radius: 17px; } .slider.round:before { border-radius: 50%; } /* 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; } /* template:Social icons */ .social-icons-container { display: flex; margin: 10px auto; } .social-icon { width: 25%; } .social-icon-img { transition: .5s; } .social-icon-img:hover { transform: scale(1.1); } /* template:TLP drawer */ .tlp-button { float: right; } /* ============================== linear Tractatus =============================== */ .tlp-flex-container { display: block; } /* ============================== tree-like Tractatus =============================== */ /* template:TLP drawer */ .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; } /* TLP tree-like view pages */ .tree-like-tlp-container .tlp-aside-par, .static-tree-like-tlp-container .tlp-aside-par { margin-left: 0; float: none; } /* ============================== 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; } .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); } /* ============================== 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 20px; margin-right: -20px; margin-left: -20px; color: white; text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); } .conference-main-title { font-size: 220%; font-family: Georgia, serif; } /* ============================== project:70 Years of Editing Wittgenstein =============================== */ .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; background-blend-mode: overlay; padding: 30px 20px; margin-right: -76px; margin-left: -76px; color: white; text-shadow: 2px 2px 10px 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 { border-bottom: 1px solid silver; } .smart-template-left { margin-bottom: 5px; padding: 5px; font-weight: bold; } .smart-template-right { margin-bottom: 5px; padding: 5px; } /* ============================== Template:Menu bar =============================== */ .navbar { overflow: hidden; background-color: #4c4c4c; margin: 0 -16px; } .navbar a { float: left; color: #fbf0a4; text-align: center; padding: 14px 10px; text-decoration: none; } .navbar p { margin: 0; } .dropdown { float: left; overflow: hidden; color: #fbf0a4; text-align: center; padding: 14px 10px; } .dropdown-content-alt a { padding-top: 8px; font-style: italic; font-size: 90%; } .navbar-home, .navbar-about { display: none; } #navbar-about-links, #navbar-language-links, #navbar-download-links { display: none; position: absolute; left: 0; top: 60px; background-color: rgba(0,0,0,0.9); box-shadow: 0 3px 6px rgba(0,0,0,0.9); border-radius: .3em; text-align: center; color: white; width: 100%; transition: .2s; z-index: 2; } #navbar-download-links a, #navbar-language-links a { display: block; float: none; margin: 0; color: white; } #navbar-download-links a.external.text { text-decoration: none; } .close-download-links, .close-language-links { position: absolute; top: .5em; right: .5em; } .navbar-separator { display: none; } /* ============================== tree-like Tractatus =============================== */ .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; } .tlp-indent-1 { margin-left: 1.5em; } .tlp-indent-2 { margin-left: 3em; } .tlp-indent-3 { margin-left: 4.5em; } .tlp-separator { margin: 2em 0 5em 0; } /* ============================== Hindi translations ============================== */ .page-ऑन_सर्टेन्टि .mw-parser-output * { font-family: 'Google Sans', sans-serif; } .page-ऑन_सर्टेन i { display: inline-block; margin-right: 0.2em; }