MediaWiki:Common.css: Difference between revisions
From Luminys WIKI
No edit summary |
No edit summary |
||
(110 intermediate revisions by the same user not shown) | |||
Line 8: | Line 8: | ||
#mw-content { | #mw-content { | ||
background-color: #f5f5f5; | background-color: #f5f5f5; | ||
box-shadow: none; | |||
} | } | ||
Line 22: | Line 23: | ||
section.tabber__section { | section.tabber__section { | ||
background-color: #fff; | background-color: #fff; | ||
padding-bottom: 40px; | |||
} | } | ||
.tabber__tab { | .tabber__tab { | ||
Line 40: | Line 42: | ||
.tabber__header { | .tabber__header { | ||
box-shadow: none; | box-shadow: none; | ||
} | |||
article.tabber__panel{ | |||
} | } | ||
/* TAB END */ | /* TAB END */ | ||
/* TABLE */ | |||
table.wikitable { | |||
width: 100%; | |||
} | |||
.wikitable tr > th, .wikitable tr > td { | |||
padding-left: 15px; | |||
border-top-color: #fff; | |||
border-bottom-color: #fff; | |||
} | |||
.wikitable tr > th:first-child, .wikitable tr > td:first-child{ | |||
border-left-color: white; | |||
border-left-width: 2px; | |||
} | |||
.wikitable tr > th:last-child, .wikitable tr > td:last-child{ | |||
border-right-color: white; | |||
border-right-width: 2px; | |||
} | |||
.wikitable tr > th { | |||
background-color: #fff; | |||
padding-top: 9px; padding-bottom: 9px; | |||
} | |||
.wikitable tr:nth-child(even) > td { | |||
background-color: #fff; | |||
} | |||
.wikitable tr:nth-child(odd) > td { | |||
background-color: #f3f3f3; | |||
} | |||
.wikitable tr > td img { | |||
max-height: 60px; | |||
} | |||
/* TABLE END */ | |||
.mw-body .mw-heading2, .mw-body h2{ | |||
font-size: 36px; | |||
border-bottom: none; | |||
} | |||
#mw-content { | |||
padding: 0 0 0 0; | |||
border : none; | |||
max-width: 1280px; | |||
/* margin: 0 auto; */ | |||
margin: 50px auto; | |||
} | |||
#mw-footer-container{ | |||
display: none; | |||
} | |||
#mw-content-container { | |||
border-bottom: none; | |||
padding-bottom: 70px; | |||
} | |||
body { | |||
font-size: 18px; | |||
} | |||
#mw-related-navigation-aaa{display:none} | #mw-related-navigation-aaa{display:none} | ||
#footer-icons{ display:none } | #footer-icons{ display:none } | ||
Line 96: | Line 155: | ||
#mw-header-lm-title{ | #mw-header-lm-title{ | ||
position: absolute; | position: absolute; | ||
width: | width:auto; | ||
top: | top: 180px; | ||
/* //left: 50%; */ | /* //left: 50%; */ | ||
font-size:2em; | font-size:2em; | ||
left: calc( (100% - 1280px)/2 ); | |||
font-family: mont-blanc-semibold, 'Segoe UI', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Lato', 'Liberation Sans', 'Noto Sans', 'Helvetica Neue', 'Helvetica', sans-serif; | |||
} | } | ||
#mw-header-hack{display:none;} | #mw-header-hack{display:none;} | ||
#mw-header-container{ | #mw-header-container{ | ||
height: | /* height:456px; */ | ||
width: 100%; | |||
height: 460px;/*24vw;*/ | |||
background: lightgray; | background: lightgray; | ||
position: relative; | position: relative; | ||
Line 115: | Line 178: | ||
#mw-content-container{ | #mw-content-container{ | ||
margin-top: 0; | margin-top: 0; | ||
} | |||
.lm-banner{ | |||
display: none; | |||
} | |||
#user-tools { | |||
position: absolute; | |||
top: 9px; | |||
right: calc((100% - 1280px) / 2); | |||
text-align: right; | |||
} | |||
#user-tools #personal-inner{ | |||
text-align: left; | |||
} | |||
#user-tools #personal h2{ | |||
background-position: left 14px; | |||
} | |||
#p-logo-text{ | |||
display: none; | |||
} | |||
#searchform{ | |||
width: calc(640px); | |||
margin-left: calc((100% - 1280px) / 2); | |||
position: absolute; | |||
top: 340px; | |||
} | |||
@media screen and (min-width: 851px) { | |||
.ts-inner { | |||
/* max-width: 115em; | |||
box-sizing: border-box; */ | |||
padding: 0 0; | |||
/* margin: auto; */ | |||
} | |||
} | |||
:root{ | |||
--scrollbar-width: calc(100vw - 100%); | |||
} | |||
.bg-white{ | |||
background-color: white; | |||
padding-top: 50px; | |||
padding-bottom: 50px; | |||
/* margin-left: calc(640px - 50vw ); | |||
width: calc(100vw ); */ | |||
/* width: calc(100vw - var(--scrollbar-width) ); */ | |||
/* width: 100vw; */ | |||
} | |||
.lm-btn-link{ | |||
background-color: #00C8FF; | |||
padding: 8px 80px; | |||
color: white; | |||
} | |||
.lm-btn-link:hover{ | |||
color: white; | |||
} | |||
.center{ | |||
text-align: center; | |||
margin-left: auto; | |||
margin-right: auto; | |||
display: block; | |||
width: fit-content; | |||
} | |||
body { | |||
/* width: calc(100vw - (100vw - 100%)); */ | |||
/* overflow-x: hidden; */ | |||
} | |||
/* unlogin */ | |||
#mw-page-header-links { display: none;} | |||
#mw-site-navigation { display: none;} | |||
#mw-related-navigation { display: none;} | |||
@font-face { | |||
font-family: mont-blanc; | |||
src: url("/lmweb/fonts/MontBlanc-Regular.otf") format("opentype"); | |||
} | |||
@font-face { | |||
font-family: mont-blanc-semibold; | |||
src: url("/lmweb/fonts/MontBlanc-SemiBold.otf") format("opentype"); | |||
} | |||
@font-face { | |||
font-family: open-sans-regular; | |||
src: url("/lmweb/fonts/OpenSans-Regular.ttf"); | |||
} | |||
@font-face { | |||
font-family: open-sans-medium; | |||
src: url("/lmweb/fonts/OpenSans-Medium.ttf"); | |||
} | |||
@font-face { | |||
font-family: open-sans-semibold; | |||
src: url("/lmweb/fonts/OpenSans-SemiBold.ttf"); | |||
} | |||
.mw-body .mw-heading, .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt { | |||
font-weight: normal; | |||
font-family: mont-blanc-semibold, 'Linux Libertine', 'Times New Roman', 'Liberation Serif', 'Nimbus Roman', 'Noto Serif', 'Times', serif; | |||
line-height: 1.125; | |||
margin: 1.25em 0 0.5em; | |||
} | |||
body{ | |||
font-family: open-sans-regular, 'Segoe UI', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Lato', 'Liberation Sans', 'Noto Sans', 'Helvetica Neue', 'Helvetica', sans-serif; | |||
} | } |
Latest revision as of 09:30, 20 September 2024
/* http://mediawiki.i.donnie.fun:8085/MediaWiki:Common.css */ /* CSS placed here will be applied to all skins */ #mw-content-container { background-color: #f5f5f5; } #mw-content { background-color: #f5f5f5; box-shadow: none; } /* TAB */ a.tabber__tab { background: #f0f0f0; border: 1px solid #d6d6d6; margin-right: 8px; border-bottom: none; } nav.tabber__tabs { background: none; } section.tabber__section { background-color: #fff; padding-bottom: 40px; } .tabber__tab { font-weight: unset; min-width: 90px; text-align: center; } .tabber__tab[aria-selected='true'] { color: #00C8FF !important; border: none; background-color: #fff; box-shadow: none; } .tabber__tab[aria-selected='true']:visited { box-shadow: none; } .tabber__header { box-shadow: none; } article.tabber__panel{ } /* TAB END */ /* TABLE */ table.wikitable { width: 100%; } .wikitable tr > th, .wikitable tr > td { padding-left: 15px; border-top-color: #fff; border-bottom-color: #fff; } .wikitable tr > th:first-child, .wikitable tr > td:first-child{ border-left-color: white; border-left-width: 2px; } .wikitable tr > th:last-child, .wikitable tr > td:last-child{ border-right-color: white; border-right-width: 2px; } .wikitable tr > th { background-color: #fff; padding-top: 9px; padding-bottom: 9px; } .wikitable tr:nth-child(even) > td { background-color: #fff; } .wikitable tr:nth-child(odd) > td { background-color: #f3f3f3; } .wikitable tr > td img { max-height: 60px; } /* TABLE END */ .mw-body .mw-heading2, .mw-body h2{ font-size: 36px; border-bottom: none; } #mw-content { padding: 0 0 0 0; border : none; max-width: 1280px; /* margin: 0 auto; */ margin: 50px auto; } #mw-footer-container{ display: none; } #mw-content-container { border-bottom: none; padding-bottom: 70px; } body { font-size: 18px; } #mw-related-navigation-aaa{display:none} #footer-icons{ display:none } table.main-table { margin-top: 10px; } table.main-table td, table.main-table th{ padding-left: 10px; padding-right: 10px; } .lm-main-3{ width:33%; /* border: 1px solid black; */ margin: 10px; padding: 10px; } .img100 img{ max-width: 100px; } .img100 a{ background-image: none !important; /* display: block; width: 100px; height: 100px; */ } .my-img{ max-width: 100px; } #toc{display:none;} #mw-content-container{background-image:none;} #p-logo-text #p-banner{display:none;} #p-logo{display:none;} #lm-header{ display: flex; justify-content:space-around; list-style-type:none;} #lm-header li a{ color:black; cursor: pointer; margin-right:40px; font-size: 16px;} nav.tabber__tabs{ } a.tabber__tab{ } #firstHeading { display:none; } #mw-header-lm-title{ position: absolute; width:auto; top: 180px; /* //left: 50%; */ font-size:2em; left: calc( (100% - 1280px)/2 ); font-family: mont-blanc-semibold, 'Segoe UI', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Lato', 'Liberation Sans', 'Noto Sans', 'Helvetica Neue', 'Helvetica', sans-serif; } #mw-header-hack{display:none;} #mw-header-container{ /* height:456px; */ width: 100%; height: 460px;/*24vw;*/ background: lightgray; position: relative; padding-top: 100px; } #mw-header{ height:200px; } #mw-content-container{ margin-top: 0; } .lm-banner{ display: none; } #user-tools { position: absolute; top: 9px; right: calc((100% - 1280px) / 2); text-align: right; } #user-tools #personal-inner{ text-align: left; } #user-tools #personal h2{ background-position: left 14px; } #p-logo-text{ display: none; } #searchform{ width: calc(640px); margin-left: calc((100% - 1280px) / 2); position: absolute; top: 340px; } @media screen and (min-width: 851px) { .ts-inner { /* max-width: 115em; box-sizing: border-box; */ padding: 0 0; /* margin: auto; */ } } :root{ --scrollbar-width: calc(100vw - 100%); } .bg-white{ background-color: white; padding-top: 50px; padding-bottom: 50px; /* margin-left: calc(640px - 50vw ); width: calc(100vw ); */ /* width: calc(100vw - var(--scrollbar-width) ); */ /* width: 100vw; */ } .lm-btn-link{ background-color: #00C8FF; padding: 8px 80px; color: white; } .lm-btn-link:hover{ color: white; } .center{ text-align: center; margin-left: auto; margin-right: auto; display: block; width: fit-content; } body { /* width: calc(100vw - (100vw - 100%)); */ /* overflow-x: hidden; */ } /* unlogin */ #mw-page-header-links { display: none;} #mw-site-navigation { display: none;} #mw-related-navigation { display: none;} @font-face { font-family: mont-blanc; src: url("/lmweb/fonts/MontBlanc-Regular.otf") format("opentype"); } @font-face { font-family: mont-blanc-semibold; src: url("/lmweb/fonts/MontBlanc-SemiBold.otf") format("opentype"); } @font-face { font-family: open-sans-regular; src: url("/lmweb/fonts/OpenSans-Regular.ttf"); } @font-face { font-family: open-sans-medium; src: url("/lmweb/fonts/OpenSans-Medium.ttf"); } @font-face { font-family: open-sans-semibold; src: url("/lmweb/fonts/OpenSans-SemiBold.ttf"); } .mw-body .mw-heading, .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt { font-weight: normal; font-family: mont-blanc-semibold, 'Linux Libertine', 'Times New Roman', 'Liberation Serif', 'Nimbus Roman', 'Noto Serif', 'Times', serif; line-height: 1.125; margin: 1.25em 0 0.5em; } body{ font-family: open-sans-regular, 'Segoe UI', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Lato', 'Liberation Sans', 'Noto Sans', 'Helvetica Neue', 'Helvetica', sans-serif; }