MediaWiki:Main.css: Difference between revisions
From Tiny Rogues Wiki
No edit summary |
No edit summary |
||
Line 57: | Line 57: | ||
transform: translateX(0); | transform: translateX(0); | ||
} | } | ||
} | |||
/****************************** Checkbox, Radio & Button Styles ******************************/ | |||
input, | |||
button { | |||
position: relative; | |||
} | |||
/****************************** Namebox Styles ******************************/ | |||
table.nmbox { | |||
border-collapse: collapse; | |||
width: 100%; | |||
clear: both; | |||
font-size: 85%; | |||
border: 2px solid #bfdbe3; | |||
margin: 20px 0; | |||
} | |||
.nmbox th:first-of-type { | |||
width: 80px; | |||
} | |||
table.nmbox > tbody > tr > th, | |||
table.nmbox > tbody > tr > td { | |||
padding: 0.4em 0.8em; | |||
} | |||
table.nmbox > tbody > tr > td { | |||
background-color: #f7fdff; | |||
} | |||
table.nmbox > tbody > tr > th { | |||
background-color: #ebf4f7; | |||
} | |||
#p-googleadsense .pBody { | |||
padding-top: 5px; | |||
text-align: center; | |||
} | |||
/* Collapsible toggle */ | |||
.mw-content-ltr .section-border .mw-collapsible-toggle { | |||
padding-right: 10px; | |||
position: absolute; | |||
right: 0; | |||
} | |||
/* floating text */ | |||
.textfloat { | |||
color: #fff; | |||
text-shadow: 1px 1px 1px #000; | |||
} | |||
.textfloat a, | |||
.textfloat a:link, | |||
.textfloat a:visited, | |||
.textfloat a:hover, | |||
.textfloat a:active { | |||
color: inherit; | |||
} | |||
th { | |||
background-color: inherit; | |||
} | |||
/** | |||
Bilibili Sidebar Style | |||
**/ | |||
.portal h3 { | |||
background-image: none !important; | |||
padding: 0 0 3px 0 !important; | |||
} | |||
.portal h3, | |||
.portal h3:hover, | |||
.portal h3:active, | |||
.portal h3:link, | |||
.portal h3:visited { | |||
font-weight: bolder !important; | |||
text-decoration: none !important; | |||
} | |||
.portal li > ul { | |||
position: absolute; | |||
visibility: hidden; | |||
left: 100%; | |||
background-color: #fff; | |||
margin-top: -1em !important; | |||
margin-left: -10px !important; | |||
min-width: 180px; | |||
max-width: 230px; | |||
opacity: 0; | |||
-webkit-box-shadow: 10px 10px 10px #ccf; | |||
-moz-box-shadow: 10px 10px 10px #ccf; | |||
box-shadow: 10px 10px 10px #ccf; | |||
} | } |
Revision as of 16:45, 19 January 2024
/* after content section */
#mw-data-after-content > div {
display: flex;
flex-direction: column;
padding: 10px;
gap: 15px;
place-items: center;
border: 1px solid var(--border-color);
border-top: 0;
}
#mw-data-after-content br {
display: none;
}
#mw-data-after-content {
background: var(--theme-tone-6);
border-radius: 0 0 5px 5px;
}
#mw-data-after-content a.nn-cmp-show {
margin-top: 0.8em;
display: inline-block;
padding: 5px 10px;
background-color: var(--theme-tone-3);
width: fit-content;
border-radius: 4px;
font-weight: 500;
color: black;
transition: background-color 0.3s, color 0.2s;
text-decoration: none;
color: var(--text-color);
}
#mw-data-after-content a.nn-cmp-show:hover {
background-color: var(--accent-color);
color: white;
}
@media screen and (min-width: 1100px) and (max-width: 1340px) {
#content-bottom-stuff {
margin-left: 0;
display: table-caption;
}
#mw-related-navigation .sidebar-chunk {
box-shadow: 0 0 2px 1px rgb(0 0 0 / 10%) !important;
}
#mw-related-navigation {
position: absolute;
right: 0;
transform: translateX(90%);
transition: 300ms;
}
#mw-related-navigation:hover {
transform: translateX(0);
}
}
/****************************** Checkbox, Radio & Button Styles ******************************/
input,
button {
position: relative;
}
/****************************** Namebox Styles ******************************/
table.nmbox {
border-collapse: collapse;
width: 100%;
clear: both;
font-size: 85%;
border: 2px solid #bfdbe3;
margin: 20px 0;
}
.nmbox th:first-of-type {
width: 80px;
}
table.nmbox > tbody > tr > th,
table.nmbox > tbody > tr > td {
padding: 0.4em 0.8em;
}
table.nmbox > tbody > tr > td {
background-color: #f7fdff;
}
table.nmbox > tbody > tr > th {
background-color: #ebf4f7;
}
#p-googleadsense .pBody {
padding-top: 5px;
text-align: center;
}
/* Collapsible toggle */
.mw-content-ltr .section-border .mw-collapsible-toggle {
padding-right: 10px;
position: absolute;
right: 0;
}
/* floating text */
.textfloat {
color: #fff;
text-shadow: 1px 1px 1px #000;
}
.textfloat a,
.textfloat a:link,
.textfloat a:visited,
.textfloat a:hover,
.textfloat a:active {
color: inherit;
}
th {
background-color: inherit;
}
/**
Bilibili Sidebar Style
**/
.portal h3 {
background-image: none !important;
padding: 0 0 3px 0 !important;
}
.portal h3,
.portal h3:hover,
.portal h3:active,
.portal h3:link,
.portal h3:visited {
font-weight: bolder !important;
text-decoration: none !important;
}
.portal li > ul {
position: absolute;
visibility: hidden;
left: 100%;
background-color: #fff;
margin-top: -1em !important;
margin-left: -10px !important;
min-width: 180px;
max-width: 230px;
opacity: 0;
-webkit-box-shadow: 10px 10px 10px #ccf;
-moz-box-shadow: 10px 10px 10px #ccf;
box-shadow: 10px 10px 10px #ccf;
}