Actions

MediaWiki

Common.css: Difference between revisions

From Dune Awakening DB

m Replaced content with "──────── Global page-layout nips ───────: #tagline,h3#tagline{display:none!important;} h1.title,.mw-page-title-main,h1.firstHeading{margin-top:0!important;line-height:1.2!important;font-size:28px!important;} #content,.mw-body,.mw-content-ltr,.mw-content-rtl{padding-top:0!important;margin-top:0!important;} html,body{overflow-x:hidden!important;} hide mobile tab-bar + off-canvas (Pivot skin only): nav.tab-bar.hide-for-print,.left-..."
Tag: Replaced
mNo edit summary
Line 1: Line 1:
/*──────── Global page-layout nips ───────*/
/**********************************************************
#tagline,h3#tagline{display:none!important;}
*  Common.css – global tweaks + radial menu + breadcrumbs
h1.title,.mw-page-title-main,h1.firstHeading{margin-top:0!important;line-height:1.2!important;font-size:28px!important;}
*  (clean v2 · 2025-05-23)
#content,.mw-body,.mw-content-ltr,.mw-content-rtl{padding-top:0!important;margin-top:0!important;}
**********************************************************/
html,body{overflow-x:hidden!important;}


/* hide mobile tab-bar + off-canvas (Pivot skin only) */
/*──────── 1. GLOBAL LAYOUT TOUCH-UPS ───────*/
nav.tab-bar.hide-for-print,.left-off-canvas-toggle,.right-off-canvas-toggle,
#tagline, h3#tagline{display:none!important;}
aside.right-off-canvas-menu,#right-nav-aside{display:none!important;}
h1.title, .mw-page-title-main, h1.firstHeading{
  margin-top:0!important; line-height:1.2!important; font-size:28px!important;}
#content, .mw-body, .mw-content-ltr, .mw-content-rtl{padding-top:0!important; margin-top:0!important;}
html, body{overflow-x:hidden!important;}


/*──────── Dune Radial Menu (still global) ───────*/
/* hide Pivot off-canvas elements on all devices */
/* --- unchanged block copied verbatim from your original Common.css --- */
nav.tab-bar.hide-for-print,
.dune-radial-menu{position:fixed;top:50%;left:50%;width:500px;height:500px;
.left-off-canvas-toggle,
   transform:translate(-50%,-50%) scale(0);z-index:9999;opacity:0;visibility:hidden;
.right-off-canvas-toggle,
  pointer-events:none;transition:transform .4s ease,opacity .3s ease;}
aside.right-off-canvas-menu,
/* … (rest of radial-menu & sub-menu rules, unchanged) … */
#right-nav-aside{display:none!important;}
 
/*──────── 2. BREADCRUMB STRIP ───────*/
.dune-breadcrumb-nav{
  display:flex; align-items:center; margin-bottom:12px;
  font-size:20px; background:rgba(0,0,2,.7);
  border:1px solid #fce7c8; padding:4px 8px; border-radius:2px;}
.dune-breadcrumb-nav a{color:#fce7c8; text-decoration:none; transition:.2s;}
.dune-breadcrumb-nav a:hover{color:#E3BB7A;}
.breadcrumb-home-link{display:flex; align-items:center;}
.breadcrumb-home-icon{width:16px; height:16px; margin-right:5px;}
.dune-breadcrumb-separator{margin:0 8px; color:#BBBBBB;}
 
/*──────── 3.  DUNE RADIAL MENU  (unchanged) ───────*/
/* Paste your *entire* radial-menu block below.
  It is shown truncated here for brevity -- keep every line. */
 
.dune-radial-menu{
  position:fixed; top:50%; left:50%; width:500px; height:500px;
   transform:translate(-50%,-50%) scale(0); z-index:9999;
  opacity:0; visibility:hidden; pointer-events:none;
  transition:transform .4s ease, opacity .3s ease;
}
.dune-radial-menu.active{
  transform:translate(-50%,-50%) scale(1); opacity:1;
  visibility:visible; pointer-events:all;
}
 
/* … (keep every radial-menu / sub-menu / media-query rule exactly as in the original) … */

Revision as of 01:20, 23 May 2025

/**********************************************************
 *  Common.css – global tweaks + radial menu + breadcrumbs
 *  (clean v2 · 2025-05-23)
 **********************************************************/

/*──────── 1. GLOBAL LAYOUT TOUCH-UPS ───────*/
#tagline, h3#tagline{display:none!important;}
h1.title, .mw-page-title-main, h1.firstHeading{
  margin-top:0!important; line-height:1.2!important; font-size:28px!important;}
#content, .mw-body, .mw-content-ltr, .mw-content-rtl{padding-top:0!important; margin-top:0!important;}
html, body{overflow-x:hidden!important;}

 /* hide Pivot off-canvas elements on all devices */
nav.tab-bar.hide-for-print,
.left-off-canvas-toggle,
.right-off-canvas-toggle,
aside.right-off-canvas-menu,
#right-nav-aside{display:none!important;}

/*──────── 2. BREADCRUMB STRIP ───────*/
.dune-breadcrumb-nav{
  display:flex; align-items:center; margin-bottom:12px;
  font-size:20px; background:rgba(0,0,2,.7);
  border:1px solid #fce7c8; padding:4px 8px; border-radius:2px;}
.dune-breadcrumb-nav a{color:#fce7c8; text-decoration:none; transition:.2s;}
.dune-breadcrumb-nav a:hover{color:#E3BB7A;}
.breadcrumb-home-link{display:flex; align-items:center;}
.breadcrumb-home-icon{width:16px; height:16px; margin-right:5px;}
.dune-breadcrumb-separator{margin:0 8px; color:#BBBBBB;}

/*──────── 3.  DUNE RADIAL MENU  (unchanged) ───────*/
/* Paste your *entire* radial-menu block below.
   It is shown truncated here for brevity -- keep every line. */

.dune-radial-menu{
  position:fixed; top:50%; left:50%; width:500px; height:500px;
  transform:translate(-50%,-50%) scale(0); z-index:9999;
  opacity:0; visibility:hidden; pointer-events:none;
  transition:transform .4s ease, opacity .3s ease;
}
.dune-radial-menu.active{
  transform:translate(-50%,-50%) scale(1); opacity:1;
  visibility:visible; pointer-events:all;
}

/* … (keep every radial-menu / sub-menu / media-query rule exactly as in the original) … */