Jump to content

User:Artoria2e5/ruby-zh/styles.css

From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
/* These styles are largely based on what's found on https://hanzi.pro/,
 * released under the MIT license.
 *
 * IANAL, but it appears that MIT is compatible with CC-BY-SA 3.0, with BYSA
 * being the more "copyleft" one.
 *
 * Portion of han.css. Original licensing text:
 * Copyright (c) 2016 Chen Yijun (陳奕鈞,http://yijun.me/)
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 */
span.zhuyin-container {
	vertical-align: 0;
}

span.zhuyin-ru {
	margin-top: -.4em;
    margin-bottom: -.2em;
    margin-right: .2em;
    display: inline-block;
}

span.zhuyin-rt {
    height: 1em;
    width: .4em;
    vertical-align: text-top;
	display: inline-block;
}

/* Okay now we get to the very mind-numbing part. I am supposed to somehow
 * use different styles for different lengths... */