Template:Documentation/styles.css: Difference between revisions
Jump to navigation
Jump to search
HyperNervie (talk | contribs) (Created page with ".documentation { border: 1px solid #a2a9b1; } .documentation-header { background-color: #4a31ff; padding: 1em; } .documentation-actions { float: right; position: relative; cursor: pointer; } .documentation-action-label { text-align: right; border-radius: 3px; padding: 0.5em; transition: background-color 0.2s linear; } ul.documentation-action-menu { display: none; list-style-type: none; position: absolute; top: 100%; righ...") |
HyperNervie (talk | contribs) (Change some border styles) |
||
| Line 1: | Line 1: | ||
.documentation { | .documentation { | ||
border: | border: 4px solid #4a31ff; | ||
border-radius: 12px; | |||
padding: 4px; | |||
} | |||
.documentation-header, .documentation-footer { | |||
border-radius: 4px; | |||
background-color: #4a31ff; | |||
} | } | ||
.documentation-header { | .documentation-header { | ||
padding: 1em; | padding: 1em; | ||
} | |||
.documentation-header b { | |||
font-family: 'Kurokane'; | |||
} | } | ||
.documentation-actions { | .documentation-actions { | ||
float: right; | |||
position: relative; | |||
cursor: pointer; | |||
} | } | ||
.documentation-action-label { | .documentation-action-label { | ||
text-align: right; | |||
border-radius: 3px; | |||
padding: 0.5em; | |||
transition: background-color 0.2s linear; | |||
} | } | ||
ul.documentation-action-menu { | ul.documentation-action-menu { | ||
display: none; | |||
list-style-type: none; | |||
position: absolute; | |||
top: 100%; | |||
right: 0; | |||
width: max-content; | |||
text-align: left; | |||
opacity: 0; | |||
margin: 0; | |||
padding: 0.5em; | |||
border: 1px solid #a7d7f9; | |||
border-radius: 5px; | |||
background-color: #00131d; | |||
transition: opacity 0.2s linear; | |||
} | } | ||
ul.documentation-action-menu > li { | ul.documentation-action-menu > li { | ||
padding: 0.15em 0.5em; | |||
border-radius: 3px; | |||
transition: background-color 0.2s linear; | |||
} | } | ||
ul.documentation-action-menu > li > a { | ul.documentation-action-menu > li > a { | ||
display: block; | |||
text-decoration: none; | |||
} | } | ||
.documentation-actions:hover .documentation-action-label { | .documentation-actions:hover .documentation-action-label { | ||
background-color: #3725bf; | |||
} | } | ||
.documentation-actions:hover .documentation-action-menu { | .documentation-actions:hover .documentation-action-menu { | ||
display: block; | |||
top: 100%; | |||
opacity: 1; | |||
z-index: 1; | |||
} | } | ||
ul.documentation-action-menu > li:hover { | ul.documentation-action-menu > li:hover { | ||
background-color: #002233; | |||
} | } | ||
.documentation-content { | .documentation-content { | ||
| Line 61: | Line 69: | ||
} | } | ||
.documentation-footer { | .documentation-footer { | ||
padding: 0.5em; | padding: 0.5em; | ||
font-size: 85%; | font-size: 85%; | ||
text-align: right; | text-align: right; | ||
} | } | ||
Revision as of 09:16, 23 August 2025
.documentation {
border: 4px solid #4a31ff;
border-radius: 12px;
padding: 4px;
}
.documentation-header, .documentation-footer {
border-radius: 4px;
background-color: #4a31ff;
}
.documentation-header {
padding: 1em;
}
.documentation-header b {
font-family: 'Kurokane';
}
.documentation-actions {
float: right;
position: relative;
cursor: pointer;
}
.documentation-action-label {
text-align: right;
border-radius: 3px;
padding: 0.5em;
transition: background-color 0.2s linear;
}
ul.documentation-action-menu {
display: none;
list-style-type: none;
position: absolute;
top: 100%;
right: 0;
width: max-content;
text-align: left;
opacity: 0;
margin: 0;
padding: 0.5em;
border: 1px solid #a7d7f9;
border-radius: 5px;
background-color: #00131d;
transition: opacity 0.2s linear;
}
ul.documentation-action-menu > li {
padding: 0.15em 0.5em;
border-radius: 3px;
transition: background-color 0.2s linear;
}
ul.documentation-action-menu > li > a {
display: block;
text-decoration: none;
}
.documentation-actions:hover .documentation-action-label {
background-color: #3725bf;
}
.documentation-actions:hover .documentation-action-menu {
display: block;
top: 100%;
opacity: 1;
z-index: 1;
}
ul.documentation-action-menu > li:hover {
background-color: #002233;
}
.documentation-content {
padding: 1em;
}
.documentation-content > p:last-child {
margin-bottom: 0;
}
.documentation-footer {
padding: 0.5em;
font-size: 85%;
text-align: right;
}