MediaWiki:Mobile.css: Difference between revisions
spoiler text |
No edit summary |
||
| Line 2,479: | Line 2,479: | ||
color:var(--body-color); | color:var(--body-color); | ||
transition:all 0.2s; | transition:all 0.2s; | ||
} | |||
/*New Qud dialogue and choices*/ | |||
.qud-look-modern-box { | |||
border-image-slice: 20 12 14 12 fill; | |||
border-image-width: 20px 12px 14px 12px; | |||
border-image-outset: 32px 7px 14px 7px; | |||
border-image-repeat: round round; | |||
border-image-source: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIcAAAAwCAYAAAA7KGnHAAAABHNCSVQICAgIfAhkiAAAAgpJREFUeJztnEFOwzAQRSdBwBHYsOgFkJAq0U3FWbrrPdkVqXfoOWARVqmmI487qQAl4/c3uH5xSjUje37tptvu9sPpeJDVeiMiIrptX8PaYr2IyGq9kdPxILYNa5v1JaizCdYu6+eWrbD5sPOyooHIZWaVbjiuUaU3gOVg3fPL66ATYrxI/7Xy+mG5WHFZGaHNJj1YT0OwnKzb7vaDBrZtB5X6a2Ngy2XFZaU02Oub2weC/R4LuxV9jX0Ny8l6u87YhNDLiZc4sJysH7NFTyc6ITTzEgeWk4Wt7OHzQ1AOPd09XkwGWjrmYSuL8sjG1ZtNJm28oTyKTArhjTeUT9cmhS56nqO7f/jf/xz9mYbvL4nEPGxlUS5FSonz1+dWNptwK3m0eXsvOlLb1+uMYcZoQ6XvsMY2VrZxYWVRVVhZ5CpiRMK7siiPwjUHVrY9hWsOz87om7Cs5FOo5vAuLN0E5dK1uFOQNqpI3ClIG1Uk7hSkjSp0Eoy9lfYUPgnG3kp7mmxl9SD2VvILK4uqwsqiorCyyFXoJNj4u5XaiaDSqSF9nW3D5s9KMbV9YSvr9c/lw8LiTMQvFW6ysrV6BLYs5sXWxj380wRYe+zmR03aLIMti0XiPvnhLbV+2DKY5V7cJz+8xWYjbHlMBCsLq7BSTG0fVrZBJoKVhTksuhxhZWEuw8o2yiJx/wExyTVDJC06EwAAAABJRU5ErkJggg=="); | |||
border-style: solid; | |||
margin: 80px 12px 14px 12px; | |||
display:block; | |||
font-family:var(--qud-font-terminal1); | |||
position:relative; | |||
} | |||
.qud-look-modern-box > div { | |||
overflow:hidden; | |||
} | |||
.qud-look-modern-box::after { | |||
content:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALcAAAA8CAYAAAAkGSuEAAAABHNCSVQICAgIfAhkiAAABAZJREFUeJzt2ktPE1EUB/Az2BbUyqM8lQgJxAdjIiuQSNg1gbiCpStX+jWoX0OjRtS4MUpcaULUDSqJCxcKIWw0SgIhRBLkVSJ1VTIMvfeeO6/bTv+/XZnbOzftv4dzZ+YEQehStp27cfP2+0vXRnI/Ntetf2trH0yvqRrUmF4AQFgSphdQLd7OTN81vYZqg8odkdHs+ORodnzS9DqqCcINsYW2JCJoS6KHyh0RtCXRQ7ghtizTC6hEKdvOOV/n5+dzomNcsjmcx4APldsjWZvhPOYeJzvGnR94EG6ILbQlHqRsO1esqmFdBXHOj7bEG1wK9MnZOriDXuoHIPtRoA0JFtqSAPkJJ4IdPFTuEHErNoQD4RbwekkvDLK1oB8XQ7glnNXW3TaUqsru9+icgzO3ey34LyCHnpuhVABVPTKnh/YyB3pzPlwKFCi2AqowyapsqTHccdzzoi0RQ+UWKIamHP/1I9g8qNwK7s2cqt9V9dDcMarzIdhq2FAqiB5oEm0wS20+VbjtCAKtB+EOQTGsOv06BA/h1iQKrt/Lc9zNKPAh3BqKbUHUN3jQjniDDSWDLMyyB6d0xuiMQ9h5ULmZRG2HcwMpu4spm9NN9sQg2hQ+hDsAqiskOoFEeIODtkTgVP/Vwv7+/uHrsewEERG9mXnFnkP0niDnKhocGKHZx/fwfTrgDqVA+nS96SWwWZaFYJeAtkSgvqGR/mysH74uVkwvVdcPzvmSyRTlI1lNZUHlFmhszJheAls6fcb0EsoSKrfAl+dTVtPAYOHv1uaRv0dVwXXmz2RaaTWUVVQ2VG6JtrazppegVFtbR5mmFtPLKEuo3BLNzW30e/kn5fN7x46F3XNz5+/u7sVmUgCVW+Lj1H2rq6tHOW4sO3HYRvihO09Heyd9n36BYAsg3AoLr19aDQ1NppdxTHOmlTg/vGqGtoSht/cyzc9/pd3dnZLH/W4ydd/X0dFJXed70I4ooHIzzD19aNl9/ZROm72xk0wk6eKFK/Tr3YyFYKuhcjPNPXtkDd+6U1hbW6GV1WXa2dk+NsbrJlP1vpqaGmpvO0ednV306ckDhJop0TJ0vWB6EZVicfEbERGlkrVEBaK9/C4dHByEft66upO0vb1FS0sLhO+Lz0raffiwQua+AhLVrftqh54bYst35R4azhIR0efZGenxItG4uIv6gatyw82BKk86Eu6Thi3q85nC/XKq5fPQFcTngqslEdnY2VQPgkAl/JZ/3V9Y3NsSrxUHn8tRgbQlfidQLSLuXxrwcHMQZF5wtQRiC+GG2EK4IbYQ7gA5N02cDZTueNCDcENsIdwRQIU2A+GG2MIdygDpXqPFPYBwoXJDbOF5bogtVG6ILYQbYus/MdvLHBKqRGEAAAAASUVORK5CYII="); | |||
left:calc(50% - 91px); | |||
top:-63px; | |||
position:absolute; | |||
} | |||
.qud-look-modern-title { | |||
text-align:center; | |||
} | |||
.qud-look-modern-box hr { | |||
margin:20px 0px 10px; | |||
border-top:2px solid var(--qud-border-bg-color); | |||
} | |||
.qud-look-modern-box hr::after { | |||
content:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALAAAAAQCAYAAAC2q/WwAAAABHNCSVQICAgIfAhkiAAAAKdJREFUaIHt2jsKhTAUhOEocTG6AsHWZdsK7kqrC9cnHmMMo//XWeUYhiGEZEVVjg4Q5VMP8FZ1086+h75LNMm75akHAELQwIGsTUsz34sGhjQCHMl/s9Ky8RBgSCPAgaxNSzPfiwBDGgGGNAIMaeZ74N895tH5jbtOOGfLwZlcbfHLRWJ4Yg1F7MuadU84QkCat1b2ldb46hFi77+/sh9PZCXjOSWUTXU/NUQoJn+5AAAAAElFTkSuQmCC"); | |||
top:-1em; | |||
position:relative; | |||
width:100%; | |||
left:calc(50% - 88px); | |||
} | |||
.qud-look-modern-text { | |||
padding: 0px 24px; | |||
overflow-x:hidden; | |||
} | |||
.qud-look-modern-status { | |||
border-top: 1px solid var(--qud-border-bg-color); | |||
margin:2em 0px 1em 0px; | |||
} | |||
.qud-look-modern-status span{ | |||
position: absolute; | |||
color: #fff; | |||
border-left: 1px solid var(--qud-border-bg-color); | |||
border-right: 1px solid var(--qud-border-bg-color); | |||
padding:0px 1em; | |||
line-height:1.2em; | |||
margin-left:2em; | |||
margin-top:-0.6em; | |||
background-color:#042928; | |||
} | |||
.qud-choice { | |||
text-align: center; | |||
font-family:var(--qud-font-terminal1); | |||
width:calc(100% - 3em); | |||
margin:0px 1.5em; | |||
border-spacing:0px 0.3em; | |||
border-collapse: separate; | |||
} | } | ||