Template:Main page/navigation/styles.css

Template page
Revision as of 12:42, 14 January 2024 by ASRepairs (talk | contribs) (Created page with ".documentation { display: flex; box-sizing: border-box; flex-direction: column; margin: 1.6rem 0; padding-top: 1.6rem; border-top: 1px solid; border-color: var( --border-color-base ); border-radius: var( --border-radius--medium ); font-size: 0.875rem; } .documentation-header { margin-top: 0; margin-bottom: 0.8rem; color: var( --color-base--emphasized ); font-size: 1.25rem; font-weight: 600; line-height: 1.2; } .documentation-subheader { margin: -0.6r...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

.documentation { display: flex; box-sizing: border-box; flex-direction: column; margin: 1.6rem 0; padding-top: 1.6rem; border-top: 1px solid;

   border-color: var( --border-color-base );

border-radius: var( --border-radius--medium ); font-size: 0.875rem; }

.documentation-header { margin-top: 0; margin-bottom: 0.8rem; color: var( --color-base--emphasized ); font-size: 1.25rem; font-weight: 600; line-height: 1.2; }

.documentation-subheader { margin: -0.6rem 0 1.6rem 0; color: var( --color-base--subtle ); font-size: 0.825rem; }

.documentation-links { margin: 0.3rem 0; float: right; font-family: monospace; font-size: 0.875rem; font-weight: 400; }

.documentation-modulestats { display: flex;

   align-items: center;
   justify-content: space-between;

}

.documentation-modulestats .wikitable{ margin: 0; }

/**

* Tooltip styles used by DependencyList,
* shouldn't be here but it is only used here anyways
*/

.hatnote-container { position: relative; }

.tooltip-trigger { padding: 0.2rem 0.5rem; margin-right: 2px; background: var( --color-primary ); border-radius: 100px; color: #fff; }

.tooltip-trigger:hover { background: var( --color-primary--hover ); }

.tooltip-content { position: absolute; z-index: 1; right: 0; padding: 15px; background-color: var( --color-surface-1 ); border-radius: var( --border-radius--medium ); box-shadow: 0 14px 28px rgba( 0, 0, 0, 0.06 ), 0 10px 10px rgba( 0, 0, 0, 0.06 ); visibility: hidden; }

.tooltip-content > ol { margin-top: 0; margin-left: 1.2rem; }

.tooltip-content:hover, .tooltip-trigger:hover + .tooltip-content { visibility: visible; }