Template:Documentation/styles.css: Difference between revisions

Template page
starcitizen>Alistair3149
m (1 revision imported)
m (8 revisions imported)
 
(8 intermediate revisions by 3 users not shown)
Line 1: Line 1:
.documentation {
.documentation {
    margin: 1.6rem 0;
display: flex;
    padding: 1.2rem;
box-sizing: border-box;
    display: flex;
flex-direction: column;
    flex-direction: column;
margin: 1.6rem 0;
    font-size: 0.875rem;
padding-top: 1.6rem;
    box-sizing: border-box;
border-top: 1px solid;
    border: 1px solid #eaecf0;
     border-color: var( --border-color-base );
     background-color: white;
border-radius: var( --border-radius--medium );
    box-shadow: 0 1px 3px rgba(0,0,0,0.03), 0 1px 2px rgba(0,0,0,0.06);
font-size: 0.875rem;
}
}


.documentation-header {
.documentation-header {
    margin-top: 0;
margin-top: 0;
    margin-bottom: 0.8rem;
margin-bottom: 0.8rem;
    line-height: 1.2;
color: var( --color-base--emphasized );
    font-size: 1.25rem;
font-size: 1.25rem;
    color: #222222;
font-weight: 600;
    font-family: "Titillium Web","Univia Pro","Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI","Oxygen","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
line-height: 1.2;
    font-weight: 600;
}
}


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


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


/* Dark mode */
.documentation-modulestats {
@media (prefers-color-scheme: dark) {
display: flex;
    .documentation {
    align-items: center;
        border-color: #2b2f36;
    justify-content: space-between;
        background-color: #24272f;
}
    }
 
.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;
}


    .documentation-header {
.tooltip-content > ol {
        color: #e0e1e2;
margin-top: 0;
    }
margin-left: 1.2rem;
}


    .documentation-subheader {
.tooltip-content:hover,
        color: #a0a1a5;
.tooltip-trigger:hover + .tooltip-content {
    }
visibility: visible;
}
}

Latest revision as of 10:29, 7 November 2023

.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;
}