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: | ||
/* | /********************************************************** | ||
* 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, | ||
.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, | ||
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) … */ | |||
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) … */