MediaWiki:Common.css: Difference between revisions

From Fate/Starry Night Wiki
Jump to navigation Jump to search
← Older edit
Admin (talk | contribs)
Bureaucrats, Interface administrators, Administrators
136 edits
No edit summary
No edit summary
 
(12 intermediate revisions by 2 users not shown)
Line 2: Line 2:


:root {
:root {
   --page-max: 1234px;
   /*--page-max: 1234px;*/
  --page-max: 1150px;
   --sidebar-width: 140px;
   --sidebar-width: 140px;
   --content-left: calc(100vw - var(--sidebar-width) /2 + 70px)
   --content-left: calc(100vw - var(--sidebar-width) /2 + 70px);
  --body-background: #0b0f13CC;
}
}


Line 12: Line 14:
  *****************************/
  *****************************/
html body {
html body {
max-width: 1234px;
max-width: var(--page-max);
min-height: calc(100% - 80px);
min-height: calc(100% - 80px);
height: auto;
height: auto;
Line 90: Line 92:
   transition: transform 0.2s ease, opacity 0.2s ease;
   transition: transform 0.2s ease, opacity 0.2s ease;
}
}
.toc.toc-floating ul ul { margin-left: 0 !important; }
/* Respect users who prefer reduced motion */
/* Respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
@media (prefers-reduced-motion: reduce) {
Line 97: Line 100:
}
}


/* Manual Warning Template Style*/
.manual-warning-box {
    background-color: #fee7e6 !important;
    border: 1px solid #fbc5c3 !important;
    color: #202122;
    margin: 1em 0;
    padding: 12px 15px;
    display: flex;
    align-items: flex-start;
    border-radius: 0px;
    text-align: left;
}




.manual-warning-box .manual-warning-content {
 
    flex-grow: 1;
 
    line-height: 1.5;
 
     background: transparent !important;
 
     border: none !important;          
/*****************************
     padding: 0 !important;            
*          THEMING          *
     margin: 0 !important;
*****************************/
/*
html {
background-image: url(https://starrynightrp.netlify.app/_media/kaminami_yoshitaka.jpg);
height: 100vh;
     background-position: 50%;
     background-repeat: no-repeat;
     background-size: cover;
     background-attachment: fixed;
}
}
 
html body {
.manual-warning-icon {
     background: var(--body-background);
     font-size: 1.2em;
}
    margin-right: 12px;
#content {
    flex-shrink: 0;
background: linear-gradient(rgba(26,30,36,.8),rgba(14,16,19,.8));
    line-height: 1.2;
    display: flex;
    align-items: center;
}
}
*/

Latest revision as of 23:48, 23 February 2026

/* CSS placed here will be applied to all skins */

:root {
  /*--page-max: 1234px;*/
  --page-max: 1150px;
  --sidebar-width: 140px;
  --content-left: calc(100vw - var(--sidebar-width) /2 + 70px);
  --body-background: #0b0f13CC;
}


/*****************************
 *        CONTAINER          *
 *****************************/
html body {
	max-width: var(--page-max);
	min-height: calc(100% - 80px);
	height: auto;
	padding-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
/*****************************
 *           LOGO            *
 *****************************/
#p-logo a { background-size: cover; }
.mw-wiki-logo { margin-top: 10px; }

/*****************************
 *        LANGUAGES          *
 *****************************/
#p-variants, #p-lang { display: none; }

/*****************************
 *         SIDEBAR           *
 *****************************/
/* Set defaults */
.emptyPortlet { 
	display: block; 
}
.portal .vector-menu-heading {
    background-image: none !important;
    padding: none !important;
    /* Category underline */
    padding: 0.2em 0 !important;
    margin: 0.5em 0.6em 0 0.66666667em !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.35) !important;
}
.portal .vector-menu-content { margin: 0 0 0 0.5em !important; }
/* Category - default */
.portal .vector-menu-heading::after {
    content: "▾";
    margin-left: auto;
    opacity: 0.6;
    transition: transform 0.2s ease, opacity 0.2s ease;
}
/* Category - collapsed */
.portal.collapsed .vector-menu-heading::after {
    content: "▸";
    opacity: 0.4;
}
.portal.collapsed .vector-menu-heading,
.portal.collapsed .vector-menu-heading a{
    color: #4d4d4d !important;
}
/* Hover effect */
.portal.collapsed .vector-menu-heading:hover,
.portal.collapsed .vector-menu-heading a:hover{
    text-decoration: none !important;
}
.portal .vector-menu-heading:hover::after {
    opacity: 0.85;
}

/*****************************
 *      TOC - FLOATING       *
 *****************************/
/* Floating TOC styling */
#toc.toc-floating {
  position: fixed;
  bottom: 10px;            
  transform: translateX(calc((100vw - min(var(--content-left), var(--page-max))) / 2 + 10px - var(--toc-left)));
  max-width: 135px;
  max-height: calc(100vh - 120px);
  overflow: auto;
  z-index: 100;
  background: var(--mw-body-background, #fff);
  padding: 0.5em 0.75em;
  border-radius: 10px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.10);
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.toc.toc-floating ul ul { margin-left: 0 !important; }
/* Respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  #toc.toc-floating {
    transition: none;
  }
}







/*****************************
 *          THEMING          *
 *****************************/
/*
html {
	background-image: url(https://starrynightrp.netlify.app/_media/kaminami_yoshitaka.jpg);
	height: 100vh;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
html body {
    background: var(--body-background);
}
#content {
	background: linear-gradient(rgba(26,30,36,.8),rgba(14,16,19,.8));
}
*/
Retrieved from "https://wiki.fatechan.top/index.php?title=MediaWiki:Common.css&oldid=247"