User:Vish/common.css
Jump to navigation
Jump to search
|
Note: This is a user's personal page attached to their profile! This is not an actual article, may not be related to JoJo or Araki, and is not associated with the wiki. As such, it may not adhere to the policies. |
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.
/* Collapsible elements ([[MediaWiki:Gadget-site.js]]) */
.client-js:not(.ve-active) .collapsible.collapsed > tr:not(:first-child),
.client-js:not(.ve-active) .collapsible.collapsed > tbody > tr:not(:first-child),
.client-js:not(.ve-active) .collapsible.collapsed > thead + tbody > tr:first-child,
.client-js:not(.ve-active) .collapsible.collapsed > tbody + tbody > tr:first-child,
.client-js:not(.ve-active) .collapsible.collapsed > tfoot > tr,
.client-js:not(.ve-active) .collapsible.collapsed > .collapsible-content {
display: none;
}
.collapsetoggle {
display: inline-block;
font-weight: normal;
font-style: normal;
float: right;
text-align: right;
margin-left: 0.8em;
}
.collapsetoggle-left > tr > * > .collapsetoggle,
.collapsetoggle-left > * > tr > * > .collapsetoggle,
.collapsetoggle-left > * > .collapsetoggle,
.collapsetoggle-left > .collapsetoggle {
float: left;
text-align: left;
margin-right: 0.8em;
margin-left: 0;
}
.collapse-button-none > * > tr > * > .collapsetoggle,
.collapsetoggle-inline > tr > * > .collapsetoggle,
.collapsetoggle-inline > * > tr > * > .collapsetoggle,
.collapsetoggle-inline > * > .collapsetoggle,
.collapsetoggle-inline > .collapsetoggle {
float: none;
text-align:left;
}
.collapsetoggle-custom {
visibility: hidden;
}
/* Collapsible side panel sections (arrow copied from the Aether Wiki) */
#mw-panel nav.vector-menu-portal h3:before {
content: "";
display: inline-block;
background: 0 0;
position: relative;
width: 0;
height: 0;
border-style: solid;
border-color: #AAA transparent;
border-width: 6px 5px 0;
margin-right: -11px;
margin-bottom: 1px;
}
#mw-panel nav.vector-menu-portal.collapsed h3:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
nav.vector-menu-portal {
display: var(--sidebar-display, block);
margin-top: 0.5em;
margin-bottom: 2px;
padding: 0;
}
.vector-menu-portal .vector-menu-content {
margin-left: 0;
padding: 0;
}
.vector-menu-portal .vector-menu-content-list {
padding: 0.3em 0.5em;
}
div#mw-panel nav.vector-menu-portal h3 {
background: conic-gradient(from 180deg at 2px calc(100% - 2px), #6a6b6c 90deg, transparent 0),
conic-gradient(from 0 at calc(100% - 2px) 2px, #6a6b6c 90deg, transparent 0),
linear-gradient(to top, #464747 2px, transparent 0px),
linear-gradient(to bottom, #5a5b5c 2px, transparent 0px),
linear-gradient(to left, #464747 2px, transparent 0px),
linear-gradient(to right, #5a5b5c 2px, transparent 0px);
background-color: #313233;
padding: calc(0.5em + 2px);
border-bottom: 2px solid black;
}
@media screen and (min-width: 720px) {
div#mw-panel nav.vector-menu-portal.collapsed h3 {
background: conic-gradient(from 180deg at 2px calc(100% - 2px), #7c7c7d 90deg, transparent 0),
conic-gradient(from 0 at calc(100% - 2px) 2px, #7c7c7d 90deg, transparent 0),
linear-gradient(to top, #5a5b5c 2px, transparent 0),
linear-gradient(to bottom, #6d6d6e 2px, transparent 0),
linear-gradient(to left, #5a5b5c 2px, transparent 0),
linear-gradient(to right, #6d6d6e 2px, transparent 0);
background-color: #48494a;
padding: 0.5em calc(0.5em + 2px);
border-bottom: 5px solid #313233;
}
}
.vector-menu-portal .vector-menu-heading {
margin: 0;
}
nav.mw-portlet.emptyPortlet {
display: none;
}
