420
edits
Template:Documentation/styles.css: Difference between revisions
Change some border styles
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; | ||
} | } | ||