yqb/lib/template/framework/css/base.css

Static Package Manager

/* 
 * 基础css
 * author: <%= author %>
 * version: <%= version %>
 * website: http://www.431103.com
 */

body, div, ul, li, p, th, td, h1, h2, h3, h4, h5, h6, pre, input { margin: 0; padding: 0 }
body ｛ -webkit-user-select: none;font-family: "Helvetica Neue", "\9ED1\4F53", SimHei, sans-serif; line-height: 1.5; font-size: 16px; color: #000; background-color: #f8f8f8; -webkit-user-select: none; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; outline: 0 }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400 }
table { border-collapse: collapse; border-spacing: 0 }
li { list-style: none; }
input { border: 0; background-color: transparent; outline: 0; }
img, button { border: 0; outline: none; }
img { display: block; }
a { color: #0087E3; text-decoration: none; }
a:focus, a:hover { color: #0087E3 }

/* text */
.paf-txt-default { color: #000 }
.paf-txt-white { color: #fff }
.paf-txt-blue { color: #0087e3; }
.paf-txt-info { color: #777 }
.paf-txt-muted { color: #bbb }
.paf-txt-warning, .paf-txt-red { color: #ff4222 }
.paf-txt-feeds { color: #313c83 }

/* border */
.paf-border { }
.paf-border-top { border-top: 1px solid #e0e0e0 }
.paf-border-bottom { }
.paf-border-tb { }
.paf-border-left { }
.paf-border-right { }
.paf-border-radius { }
.paf-nowrap { max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.paf-hide { display: none; }
.paf-show { display: block; }
.paf-hidden { visibility: hidden; }
.paf-shown { visibility: visible; }

/* badeg */
.paf-badeg, .paf-badeg-mark { display: inline-block; text-align: center; background: #f74c31; color: #fff; font-size: 11px; height: 20px; line-height: 20px; padding: 0 6px; -webkit-border-radius: 8px; -webkit-background-clip: padding-box; background-clip: padding-box }
.paf-badeg-mark { -webkit-border-radius: 0; background: transparent; border: 1px solid #E6E6E6; color: #E6E6E6 }

/* header */
.paf-header { height: 50px; background-color: #fff; border-bottom: 1px solid #BBB9B9; padding: 0 15px; }
.paf-header-back { width: 12.5%; height: 50px; line-height: 50px; padding-left: 5px; float: left }
.paf-header-arrow { display: block; float: left; content: ''; width: 15px; height: 15px; margin-top: 16.5px; border-style: solid; border-width: 2px 0 0 2px; color: #0087e3; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) }
.paf-header-title { display: block; vertical-align: middle; float: left; padding: 0 5px; width: 75%; line-height: 50px }
.paf-header-title>span { font-size: 18px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center }
.paf-header-right { position: relative; display: block; vertical-align: middle; margin-left: 40px; font-size: 15px; text-align: right; line-height: 50px; white-space: nowrap; padding-left: 5px }