.me-page { width: 990px; margin: 0 auto 20px; .home-path { height: 40px; line-height: 40px; color: #ccc; font-size: 12px; .path-icon { float: left; display: block; background: resolve(home/home-icon.png); width: 15px; height: 15px; margin-right: 10px; margin-top: 11px; } a, span { color: #666; } span { font-weight: bold; } } .block { border: 1px solid #dedede; border-radius: 2px; } .me-main .block { margin-bottom: 10px; } .title { height: 40px; line-height: 40px; padding: 0 8px; background-color: #e3e3e3; background-position: 10px 12px; background-repeat: no-repeat; } .user-thumb { text-align: center; padding: 20px 0; background: #f8f8f8; .thumb-bg { width: 100px; height: 100px; padding: 5px 7px 7px 5px; margin: 0 auto; background: resolve(home/thumb-bg.png); } img, .default-user-thumb { width: 100px; height: 100px; } .default-user-thumb { background: resolve(home/default-thumb.png) no-repeat; background-size: 100%; } } .home-navigation { float: left; width: 180px; margin-right: 8px; .ucenter { background-image: resolve(home/ucenter.png); } } .nav-group .row { height: 38px; line-height: 38px; border-top: 1px solid #e2e2e2; padding-left: 35px; color: #666; background: #f8f8f8; font-size: 12px; a { display: inline-block; color: #666; } &.active { background: #636363; a { color: #fff; } } &.first { border-top: none; } span { color: #e0012b; font-weight: bold; } .new-count { text-indent: -9999px; background: resolve(home/new-ico.gif) no-repeat; display: inline-block; width: 30px; height: 14px; vertical-align: middle; } } .nav-group li:hover { background: #fff; color: #000; } .nav-group .nav-title { font-size: 14px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #333; background: #e6e6e6; padding-left: 0; .title-icon { float: left; display: block; width: 15px; height: 15px; background: resolve(home/pre-title.png); margin: 10px 10px 0; } } .me-main { float: left; width: 800px; } .me-pager { width: 778px; height: 22px; line-height: 22px; background: #f3f3f3; border-top: 1px solid #e3e3e3; padding: 10px; font-size: 12px; color: #666; .check-all { margin: 0; vertical-align: text-top; margin-right: 5px; } .del-checked { cursor: pointer; margin-left: 5px; &:hover { color: #468fa2; text-decoration: underline; } } a { border: 1px solid #cecece; padding: 0 6px; height: 18px; line-height: 18px; border-radius: 2px; margin-right: 4px; background-color: #fff; &:hover, &.cur { background-color: #222; color: #fff; } } .pager-html { display: inline; } } .help-us { height: 20px; line-height: 20px; font-size: 12px; a { color: #468fa2; } .help-us-icon { display: inline-block; width: 12px; height: 12px; margin-right: 8px; vertical-align: middle; background: resolve(home/help-us.png); } } .help-us-txt { vertical-align: middle; } .empty-tip { padding: 200px 0; text-align: center; overflow: hidden; } .tabs { height: 25px; margin: 10px; background: resolve(home/tab.png) repeat-x 0 -25px; font-size: 12px; line-height: 25px; padding-left: 10px; li { display: block; float: left; width: 88px; height: 25px; text-align: center; background: resolve(home/tab.png) no-repeat -92px 0; margin-right: 3px; color: #333; &.active { background-position: 0 0; font-weight: bold; } } a { display: block; width: 100%; height: 100%; } } .table-header { height: 30px; line-height: 30px; background: #efefef; border: 1px solid #e6e6e6; padding: 0 10px; > span { display: block; float: left; text-align: center; } } .freebie-tag, .advance-buy-tag, .virtual-good-tag, .presall-tag { display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 15px; line-height: 16px; text-align: center; color: #fff; } .freebie-tag { background: #88be51; } .advance-buy-tag { background: #fc1264; } .virtual-good-tag, .presall-tag { background: #333; } .swindle-info { margin: 10px; padding: 10px; font-size: 12px; background-color: #faf6da; color: #444; span { color: #cd0c25; } } }