266 lines
4.7 KiB
CSS
266 lines
4.7 KiB
CSS
@charset "UTF-8";
|
|
/*
|
|
* @name: icon
|
|
* @description: 定义全站图标样式.
|
|
* @author: linyi (linyi6@yy.com)
|
|
*/
|
|
.ico {
|
|
display: inline-block;
|
|
*display: inline;
|
|
*zoom: 1;
|
|
background: url("http://file.do.yy.com/group3/M04/CC/5C/tz0GSFcLZtSAd0reAABPnRbRpGQ771.png") no-repeat;
|
|
font-size: 0 !important;
|
|
}
|
|
.ico-play {
|
|
height: 41px;
|
|
width: 41px;
|
|
background-position: -55px -201px;
|
|
}
|
|
.ico-dir {
|
|
width: 16px;
|
|
height: 13px;
|
|
background-position: 0 0;
|
|
}
|
|
.ico-search {
|
|
width: 16px;
|
|
height: 16px;
|
|
background-position: 0 -32px;
|
|
}
|
|
.ico-search-dark {
|
|
width: 16px;
|
|
height: 16px;
|
|
background-position: -170px -287px;
|
|
}
|
|
.ico-user {
|
|
width: 20px;
|
|
height: 19px;
|
|
background-position: 0 -64px;
|
|
}
|
|
.ico-log {
|
|
width: 22px;
|
|
height: 20px;
|
|
background-position: -29px -64px;
|
|
}
|
|
.ico-fav {
|
|
width: 20px;
|
|
height: 18px;
|
|
background-position: -61px -64px;
|
|
}
|
|
.ico-pc {
|
|
width: 18px;
|
|
height: 16px;
|
|
background-position: 0 -104px;
|
|
}
|
|
.ico-mobile {
|
|
width: 12px;
|
|
height: 16px;
|
|
background-position: -28px -104px;
|
|
}
|
|
.ico-clock {
|
|
width: 14px;
|
|
height: 14px;
|
|
background-position: 0 -136px;
|
|
}
|
|
.ico-camera {
|
|
width: 15px;
|
|
height: 11px;
|
|
background-position: -24px -136px;
|
|
}
|
|
.ico-camera-orange {
|
|
width: 14px;
|
|
height: 11px;
|
|
background-position: -93px -64px;
|
|
}
|
|
.ico-myperson {
|
|
width: 24px;
|
|
height: 28px;
|
|
background-position: 0 -163px;
|
|
}
|
|
.ico-ent {
|
|
width: 21px;
|
|
height: 27px;
|
|
background-position: -34px -163px;
|
|
}
|
|
.ico-game {
|
|
width: 32px;
|
|
height: 24px;
|
|
background-position: -65px -163px;
|
|
}
|
|
.ico-listen {
|
|
width: 28px;
|
|
height: 21px;
|
|
background-position: -107px -163px;
|
|
}
|
|
.ico-pop {
|
|
width: 26px;
|
|
height: 26px;
|
|
background-position: -143px -163px;
|
|
}
|
|
.ico-find {
|
|
width: 27px;
|
|
height: 27px;
|
|
background-position: -181px -163px;
|
|
}
|
|
.ico-warning {
|
|
width: 39px;
|
|
height: 39px;
|
|
background-position: 0 -202px;
|
|
}
|
|
.ico-follow,
|
|
.ico-followed {
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
.ico-follow {
|
|
background-position: 0 -253px;
|
|
}
|
|
.ico-followed {
|
|
background-position: -30px -253px;
|
|
}
|
|
.ico-home {
|
|
width: 25px;
|
|
height: 24px;
|
|
background-position: -60px -253px;
|
|
}
|
|
.ico-home:hover {
|
|
background-position: -95px -253px;
|
|
}
|
|
.ico-close {
|
|
width: 10px;
|
|
height: 10px;
|
|
background-position: -140px -253px;
|
|
}
|
|
.ico-emotion {
|
|
width: 21px;
|
|
height: 20px;
|
|
background: url("http://vipweb.bs2cdn.yy.com/vipinter_6582496d169046b9968ad0b2fe38e8dc.png") no-repeat;
|
|
}
|
|
.ico-sendmsg {
|
|
width: 16px;
|
|
height: 12px;
|
|
background: url("http://vipweb.bs2cdn.yy.com/vipinter_c5e40ec4c8614e15bb00e627b83805e7.png") no-repeat;
|
|
}
|
|
.ico-close {
|
|
width: 16px;
|
|
height: 16px;
|
|
background: url("http://vipweb.bs2cdn.yy.com/vipinter_f936284586a34d74b1c3f2de2a55cf7b.png") no-repeat;
|
|
}
|
|
.ico-gab {
|
|
width: 1px;
|
|
height: 20px;
|
|
background: url("http://vipweb.bs2cdn.yy.com/vipinter_89ecc463df5e472db461fe735c70d9d4.png") no-repeat;
|
|
}
|
|
.ico-primsg {
|
|
width: 20px;
|
|
height: 20px;
|
|
background: url("http://vipweb.bs2cdn.yy.com/vipinter_e44ce161cd4e476d8885d4cf4ea0b874.png") no-repeat;
|
|
}
|
|
.ico-primsg-ling {
|
|
background: url("http://vipweb.bs2cdn.yy.com/vipinter_21f2df0053384250ae679f8246608c8a.png") no-repeat;
|
|
}
|
|
.ico-quickmsg {
|
|
width: 9px;
|
|
height: 5px;
|
|
background: url("http://vipweb.bs2cdn.yy.com/vipinter_5d4b715c009b435c86bb5d487812e173.png") no-repeat;
|
|
}
|
|
.ico-flower {
|
|
width: 27px;
|
|
height: 27px;
|
|
background-position: -60px -287px;
|
|
}
|
|
.ico-flower:hover {
|
|
background-position: -96px -287px;
|
|
}
|
|
.ico-flower:active {
|
|
background-position: -133px -287px;
|
|
}
|
|
.ico-shrink,
|
|
.ico-expand {
|
|
width: 20px;
|
|
height: 37px;
|
|
}
|
|
.ico-shrink {
|
|
background-position: 0 -314px;
|
|
}
|
|
.ico-shrink:hover {
|
|
background-position: -30px -314px;
|
|
}
|
|
.ico-expand {
|
|
background-position: 0 -361px;
|
|
}
|
|
.ico-expand:hover {
|
|
background-position: -30px -361px;
|
|
}
|
|
.ico-gotop {
|
|
width: 51px;
|
|
height: 51px;
|
|
background-position: -320px 0;
|
|
}
|
|
.ico-ro1-spec,
|
|
.ico-rb1-spec {
|
|
display: block;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 100;
|
|
width: 29px;
|
|
height: 26px;
|
|
}
|
|
.ico-ro1-spec {
|
|
background-position: -320px -61px;
|
|
}
|
|
.ico-rb1-spec {
|
|
background-position: -368px -61px;
|
|
}
|
|
.ico-ro1,
|
|
.ico-ro2,
|
|
.ico-ro3,
|
|
.ico-rb2,
|
|
.ico-rb3,
|
|
.ico-r4,
|
|
.ico-r5,
|
|
.ico-r6,
|
|
.ico-r7,
|
|
.ico-r8,
|
|
.ico-r9,
|
|
.ico-r10 {
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
.ico-ro1 {
|
|
background-position: -320px -97px;
|
|
}
|
|
.ico-ro2 {
|
|
background-position: -320px -121px;
|
|
}
|
|
.ico-ro3 {
|
|
background-position: -320px -145px;
|
|
}
|
|
.ico-rb2 {
|
|
background-position: -368px -97px;
|
|
}
|
|
.ico-rb3 {
|
|
background-position: -368px -121px;
|
|
}
|
|
.ico-r4 {
|
|
background-position: -320px -169px;
|
|
}
|
|
.ico-r5 {
|
|
background-position: -320px -193px;
|
|
}
|
|
.ico-r6 {
|
|
background-position: -320px -217px;
|
|
}
|
|
.ico-r7 {
|
|
background-position: -320px -241px;
|
|
}
|
|
.ico-r8 {
|
|
background-position: -320px -265px;
|
|
}
|
|
.ico-r9 {
|
|
background-position: -320px -289px;
|
|
}
|
|
.ico-r10 {
|
|
background-position: -320px -313px;
|
|
}
|