mirror of
https://github.com/nuintun/command-manager.git
synced 2025-06-06 10:54:07 +08:00
137 lines
2.9 KiB
CSS
137 lines
2.9 KiB
CSS
@charset "utf-8";
|
|
|
|
/* alice.base 样式模块 */
|
|
|
|
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
|
|
html {
|
|
color: #000; background: #fff;
|
|
-webkit-text-size-adjust: 100%;
|
|
-ms-text-size-adjust: 100%;
|
|
}
|
|
/* 内外边距通常让各个浏览器样式的表现位置不同 */
|
|
body, div, dl, dt, dd, ul,
|
|
ol, li, h1, h2, h3, h4, h5,
|
|
h6, pre, code, form, fieldset,
|
|
legend, input, textarea, p, blockquote,
|
|
th, td, hr, button, article, aside, details,
|
|
figcaption, figure, footer, header, hgroup, menu, nav, section {
|
|
margin: 0; padding: 0;
|
|
}
|
|
/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
|
|
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
|
|
display: block;
|
|
}
|
|
/* HTML5 媒体文件跟 img 保持一致 */
|
|
audio, canvas, video {
|
|
display: inline-block; *display: inline; *zoom: 1;
|
|
}
|
|
/* 要注意表单元素并不继承父级 font 的问题 */
|
|
body, button, input, select, textarea {
|
|
font: 12px/1.5 Microsoft Yahei, tahoma, arial, "Hiragino Sans GB", \5b8b\4f53;
|
|
}
|
|
input, select, textarea {
|
|
font-size: 100%;
|
|
}
|
|
/* 去掉各Table cell 的边距并让其边重合 */
|
|
table {
|
|
border-collapse: collapse; border-spacing: 0;
|
|
}
|
|
/* IE bug fixed: th 不继承 text-align*/
|
|
th {
|
|
text-align: inherit;
|
|
}
|
|
/* 去除默认边框 */
|
|
fieldset, img {
|
|
border: 0;
|
|
}
|
|
/* ie6 7 8(q) bug 显示为行内表现 */
|
|
iframe {
|
|
display: block;
|
|
}
|
|
/* 去掉 firefox 下此元素的边框 */
|
|
abbr, acronym {
|
|
border: 0; font-variant: normal;
|
|
}
|
|
/* 一致的 del 样式 */
|
|
del {
|
|
text-decoration: line-through;
|
|
}
|
|
address, caption, cite, code, dfn, em, th, var {
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
}
|
|
/* 去掉列表前的标识, li 会继承 */
|
|
ol, ul {
|
|
list-style: none;
|
|
}
|
|
/* 对齐是排版最重要的因素, 别让什么都居中 */
|
|
caption, th {
|
|
text-align: left;
|
|
}
|
|
/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-size: 100%;
|
|
font-weight: 500;
|
|
}
|
|
q:before, q:after {
|
|
content: '';
|
|
}
|
|
/* 统一上标和下标 */
|
|
sub, sup {
|
|
font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;
|
|
}
|
|
sup { top: -0.5em; }
|
|
sub { bottom: -0.25em; }
|
|
/* 正常链接 未访问 */
|
|
a:link {
|
|
color: #08c;
|
|
}
|
|
/* 鼠标悬停 */
|
|
a:hover {
|
|
color: #08c;
|
|
text-decoration: underline;
|
|
}
|
|
/* 默认不显示下划线，保持页面简洁 */
|
|
ins, a {
|
|
text-decoration: none;
|
|
}
|
|
/* 代码字体 */
|
|
code,
|
|
kbd,
|
|
pre,
|
|
samp {
|
|
font-family: monospace, serif;
|
|
font-size: 1em;
|
|
}
|
|
/* 清理浮动 */
|
|
.fn-clear:after {
|
|
visibility: hidden;
|
|
display: block;
|
|
font-size: 0;
|
|
content: " ";
|
|
clear: both;
|
|
height: 0;
|
|
}
|
|
.fn-clear {
|
|
zoom: 1; /* for IE6 IE7 */
|
|
}
|
|
/* 隐藏, 通常用来与 JS 配合 */
|
|
body .fn-hide {
|
|
display: none;
|
|
}
|
|
/* visibility 隐藏, 通常用来与 JS 配合 */
|
|
body .fn-invisible {
|
|
visibility: hidden;
|
|
}
|
|
/* 设置内联, 减少浮动带来的bug */
|
|
.fn-left,
|
|
.fn-right {
|
|
display: inline;
|
|
}
|
|
.fn-left {
|
|
float: left;
|
|
}
|
|
.fn-right {
|
|
float: right;
|
|
}
|