8,756
edits
imported>Kittymmeow No edit summary |
(added qud-box to mobile) |
||
Line 998: | Line 998: | ||
.mwe-math-fallback-image-inline { | .mwe-math-fallback-image-inline { | ||
filter: invert(1); | filter: invert(1); | ||
} | |||
.qud-box-wrapper { | |||
overflow: hidden; | |||
line-height: normal; | |||
} | |||
.qud-box { | |||
border: 4px solid #77bfcf; | |||
border-top: 0; | |||
border-bottom: 0; | |||
padding: 0.4em 1em 0.1em 0.5em; | |||
margin: 1em 0 1em 0; | |||
font-family: Source Code Pro, Lucida Console, Consolas; | |||
font-size: medium; | |||
color: #b1c9c3; | |||
} | |||
.qud-box-header { | |||
position: relative; | |||
top: -0.8em; | |||
padding-left: 0.6em; | |||
padding-right: 0.6em; | |||
font-size: 1.2rem; | |||
font-weight: bold; | |||
} | |||
.qud-box-header:before, | |||
.qud-box-header:after { | |||
content: ""; | |||
position: absolute; | |||
height: 4px; | |||
background: #77bfcf; | |||
top: 20%; | |||
} | |||
.qud-box-header:before { | |||
width: 100px; | |||
left: -100px; | |||
} | |||
.qud-box-header:after { | |||
width: 9999px; | |||
right: -9999px; | |||
} | |||
.qud-box-content { | |||
margin-top: -0.5em; | |||
padding-left: 0.3em; | |||
line-height: 1.5em; | |||
} | |||
.qud-box-footer-left { | |||
position: relative; | |||
top: 0.6em; | |||
padding-left: 0.1em; | |||
padding-right: 0.1em; | |||
font-size:1.2rem; | |||
font-weight: bold; | |||
color: #fff; | |||
} | |||
.qud-box-footer-left:before, | |||
.qud-box-footer-left:after { | |||
content: ""; | |||
position: absolute; | |||
height: 4px; | |||
background: #77bfcf; | |||
top: 50%; | |||
} | |||
.qud-box-footer-left:before { | |||
width: 100px; | |||
left: -98px; | |||
} | |||
.qud-box-footer-left:after { | |||
width: 9999px; | |||
right: -9997px; | |||
} | |||
.white-border .qud-box-header:before, | |||
.white-border .qud-box-header:after, | |||
.white-border .qud-box-footer-left:before, | |||
.white-border .qud-box-footer-left:after | |||
{ | |||
background: #b1c9c3; | |||
} | |||
.white-border .qud-box { | |||
border: 4px solid #b1c9c3; | |||
border-top: 0; | |||
border-bottom: 0; | |||
} | } |