Template:Upgrade row/style.css: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
mNo edit summary |
||
| Line 6: | Line 6: | ||
} | } | ||
.ur-head { | .ur-wrapper .ur-head { | ||
background-color: var(--background-color-object-neutral-subtle); | background-color: var(--background-color-object-neutral-subtle); | ||
display: flex; | display: flex; | ||
| Line 17: | Line 17: | ||
} | } | ||
.subtable-wrapper { | .ur-wrapper .subtable-wrapper { | ||
margin: 1em 0; | margin: 1em 0; | ||
padding: 4px; | padding: 4px; | ||
} | } | ||
.flex-wrapper { | .ur-wrapper .flex-wrapper { | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
| Line 29: | Line 29: | ||
} | } | ||
.flex-wrapper-vertical { | .ur-wrapper .flex-wrapper-vertical { | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
| Line 36: | Line 36: | ||
} | } | ||
.flex-item { | .ur-wrapper .flex-item { | ||
flex: 1 1 300px; | flex: 1 1 300px; | ||
} | } | ||
.flex-item-long { | .ur-wrapper .flex-item-long { | ||
flex: 2 1 601px; | flex: 2 1 601px; | ||
} | } | ||
.flex-item-body { | .ur-wrapper .flex-item-body { | ||
background-color: var(--background-color-object-neutral); | background-color: var(--background-color-object-neutral); | ||
font-size: 90%; | font-size: 90%; | ||
| Line 50: | Line 50: | ||
box-sizing: border-box; | box-sizing: border-box; | ||
width: 100%; | width: 100%; | ||
} | |||
.ur-wrapper .flex-left-icon-wrapper { | |||
align-items: flex-start; | |||
} | } | ||
Revision as of 17:26, 5 July 2026
/* [[Category:Template styles]] */
.ur-wrapper {
display: flex;
gap: 2px;
margin-top: 2px;
}
.ur-wrapper .ur-head {
background-color: var(--background-color-object-neutral-subtle);
display: flex;
align-items: center;
font-weight: bold;
font-size: 1.2em;
text-align: center;
padding: 5px;
}
.ur-wrapper .subtable-wrapper {
margin: 1em 0;
padding: 4px;
}
.ur-wrapper .flex-wrapper {
display: flex;
flex-wrap: wrap;
gap: 2px;
width: 100%;
}
.ur-wrapper .flex-wrapper-vertical {
display: flex;
flex-wrap: wrap;
gap: 2px;
width: 100%;
}
.ur-wrapper .flex-item {
flex: 1 1 300px;
}
.ur-wrapper .flex-item-long {
flex: 2 1 601px;
}
.ur-wrapper .flex-item-body {
background-color: var(--background-color-object-neutral);
font-size: 90%;
padding: .2em .3em;
box-sizing: border-box;
width: 100%;
}
.ur-wrapper .flex-left-icon-wrapper {
align-items: flex-start;
}