[关闭]
@njy 2016-06-21T10:04:34.000000Z 字数 23997 阅读 1279

新浪新版登录（pc端）

新浪彩通

原因：用户登录认证SSO_SDK升级

为了解决用户账号密码泄露问题，新版停用cookie里SUP字段的明文用户账号信息。改用SUBP字段取得

推荐使用方法二 如果时间来不及 可先按方法一修改
具体修改点击这个链接：https://www.zybuluo.com/njy/note/408335
测试线上地址： http://euro.sina.com.cn/lottery/niujianyin.html

方法一：最简单的修改方式

  1. //旧版获取uid
  2. var SUP = getSinaWbCookieVal('SUP');
  3. var wbId = '';
  4. var tmp = SUP.split('&');
  5. for (var i = 0; i < tmp.length; i++) {
  6.   var arr = tmp[i].split('=');
  7.   if ('uid' == arr[0]) {
  8.     wbId = arr[1];
  9.     util.wbId = wbId;
  10.     break;
  11.   }
  12. }

修改为

  1. var wbId = sinaSSOController &&sinaSSOController.getSinaCookie()&& sinaSSOController.getSinaCookie().uid  
  2. var nick = sinaSSOController &&sinaSSOController.getSinaCookie()&& sinaSSOController.getSinaCookie().nick

去除掉前端的判断 只判断sinaSSOController && sinaSSOController.getSinaCookie().uid 是否存在

  1. var SUP = getSinaWbCookieVal('SUP');
  2. if (null == SUP || SUP == '') {
  3. util.alert("在购买前请先登录");
  4. return;
  5. }
  6. var wbId = '';
  7. var tmp = SUP.split('&');
  8. for (var i = 0; i < tmp.length; i++) {
  9. var arr = tmp[i].split('=');
  10. if ('uid' == arr[0]) {
  11.   wbId = arr[1];
  12.   util.wbId = wbId;
  13.   break;
  14. }
  15. }
  16. if (wbId == '') {
  17. util.alert("在购买前请先登录");
  18. return;
  19. }
  21. var nickName = getSinaWbCookieVal('SINA_WB_LOCAL_NICKNAME');
  22. var uId = getSinaWbCookieVal('SINA_WB_LOCAL_NICKNAME_UID');
  23. if (wbId != uId) {
  24. util.alert("获取登录信息异常,请重新登录");
  25. return;
  26. }

方法二：和新浪体育保持一致的修改

新版登录前端代码引入（运营登录顶托）

  1. project(newlogin)
  2.   ├─ c   (样式)  
  3.   │  ├─ topbarlogin.css (登录样式) 
  4.   ├─ i   (图片)  
  5.   │  ├─ topbarlogin
  6.   │  │  └─more
  7.   ├─ j    (工程模块)
  8.   │  ├─ lib     (基础模块)
  9.   │  │  └─ configLogin.js  (登录回调  所有相关登录后的操作代码放入这个文件，需要修改)
  10.   │  │  └─ topbarLogin.js  (这个不需要改动  登录固定代码)
  11.   │  │  └─ more  （其他登录分拆代码，无用）
  12.   ├─ index.html    (新版登录页面)
  13.   ...

1.index.html (顶托包括logo,登录小人，我的订单)

  1. //本地未编译版本  看结构  使用下边编译版本
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5.   <title>欧洲杯智能平台_新浪彩通</title>
  6.   <link rel="import" href="h/commonHead.html?__inline">
  7. </head>
  8. <body>
  9.   <!-- 头部 html start -->
  10.   <link rel="stylesheet" href="l/topbarlogin.less" type="text/css" media="screen" />
  11.   <link rel="import" href="h/header.html?__inline">
  13.   <!-- 登录组件js -->
  14.   <script src="./j/lib/jquery-1.11.1.min.js"></script>
  15.   <script type="text/javascript" src="./j/lib/configLogin.js"></script>
  16.   <script type="text/javascript" src="./j/lib/topbarLogin.js"></script>
  17.   <!-- 头部 html end -->
  18. </body>
  19. </html>
  1. //编译版本 
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5.   <title>欧洲杯智能平台_新浪彩通</title>
  6.     <meta charset="utf-8">
  7.   <meta name="keywords" content="欧洲杯,体育彩票,体彩,欧洲杯预测,欧洲杯分析,预测,分析。" />
  8.   <meta name="description" content="新浪彩通欧洲杯智能结果预测采用大数据和模型算法，对今天进行的欧洲杯赛事的胜负进行分析，提供基于基本面、赔率面和数据面的全面参考。" />
  9.   <meta name="robots" content="all">
  10.   <meta name="applicable-device" content="pc">
  11.   <meta name="renderer" content="webkit">
  12.   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  13.   <meta name="viewport" content="width=1024,maximum-scale=2.0" />
  15.   <script>
  16.   // ie绕过同源策略
  17.   try{
  18.     document.domain="sina.com.cn";
  19.   }catch(e){}
  20.   </script>
  21. </head>
  22. <body>
  23.   <!-- 头部 html start -->
  24.   <link rel="stylesheet" href="c/topbarlogin.css" type="text/css" media="screen" />
  25.   <!-- 顶通 html start -->
  26. <div class="nav-b" id="j_nav" data-sudaclick="blk_topnav_div">
  27.   <div class="layout-wrap-a layout-relative clearfix" layer-type="layer-wrap">
  28.     <a href="http://lottery.sina.com.cn/" target="_blank" class="sina-top-bar-logo"></a>
  29.     <div id="layout-wrap-order">
  30.       <a href="http://ai.lottery.sina.com.cn/uc/order/index/" target="_blank">我的订单</a>
  31.     </div>
  32.     <div class="extra" node-type="extra">
  33.       <div node-type="user" class="TAP14">
  34.         <div class="ac-rgst">
  35.           <a href="https://login.sina.com.cn/signup/signup?entry=sports" class="msg-link" target="_blank">注册</a>
  36.         </div>
  37.         <div class="ac-login">
  38.           <div class="ac-login-cnt ">
  39.             <a href="#" class="">
  40.               <span class="thumb">
  41.                 <img src="http://i.sso.sina.com.cn/images/login/thumb_default.png"></span>
  42.               <span class="log-links">登录</span>
  43.             </a>
  44.           </div>
  45.         </div>
  46.       </div>
  47.     </div>
  48.   </div>
  49. </div>
  50. <!-- 顶通 html end -->
  53.   <!-- 登录组件js -->
  54.   <script src="j/lib/jquery-1.11.1.min.js"></script>
  55.   <script type="text/javascript" src="j/lib/configLogin.js"></script>
  56.   <script type="text/javascript" src="j/lib/topbarLogin.js"></script>
  57.   <!-- 头部 html end -->
  58. </body>
  59. </html>

1.引入c/topbarlogin.css
2.引入顶通html
3.引入jquery 如：j/lib/jquery-1.11.1.min.js
4.引入j/lib/configLogin.js 登录回调 所有相关登录后的操作代码放入这个文件，需要修改
5.引入j/lib/topbarLogin.js 这个不需要改动 登录代码
现实测试地址： http://euro.sina.com.cn/lottery/niujianyin.html

configLogin.js 具体修改详情：

  1. /**
  2.  *全局变量caitong   固定名称，登录后回调caitong方法
  3.  *loginSuccess  登录成功回调
  4.  *logoutSuccess  退出成功回调
  5.  *sinaSSOController.getSinaCookie() 获取新浪账号信息  没有返回null  
  6.  *Object { status: "0", flag: "00", evid: "", uid: "1834456825", nick: "余荫漫步" }
  7.  *SINA_OUTLOGIN_LAYER.isLogin()  //是否登录
  8.  */
  9. // ssologin.js是注入的 所以先定义一下 
  10. window.sinaSSOController = null;
  11. // caitong  名称固定  如果想用其他回调对象名  请到topbarLogin.js Navb模块中修改
  13. window.caitong = {
  14.   // 登录成功回调
  15.   loginSuccess: function(info){
  17.   },
  18.   // 退出成功回调
  19.   logoutSuccess: function(info){
  21.   },
  22.   // 获取微博id  从cookie里的SUBP
  23.   getWbId: function(){
  24.     return (sinaSSOController && sinaSSOController.getSinaCookie().uid) || '';
  25.   },
  26.   // 获取微博昵称  从cookie里的SUBP
  27.   getWbNick: function(){
  28.     return (sinaSSOController && sinaSSOController.getSinaCookie().nick) || '';
  29.   },
  30.   // 新版方法获取微博头像图片  
  31.   getWeiboInfo: function(){
  33.   },
  34.   // 老版方法获取微博头像图片
  35.   getWeiboInfoByUrl: function(){
  37.   },
  38.   // 是否登录
  39.   isLogin: function(){
  40.     return (SINA_OUTLOGIN_LAYER && SINA_OUTLOGIN_LAYER.isLogin())|| false;
  41.   },
  42.   // 显示浮层
  43.   showLogin: function(){
  44.     (SINA_OUTLOGIN_LAYER && SINA_OUTLOGIN_LAYER.show());
  45.   },
  46.   // 关闭浮层
  47.   hideLogin: function(){
  48.     (SINA_OUTLOGIN_LAYER && SINA_OUTLOGIN_LAYER.hide());
  49.   }
  50. }
  53. /**
  54.  *将微博昵称和wbId放cookie中 不建议使用   写入新浪域  有可能被清掉
  55.  *发送新浪特定接口请求返回会执行新浪域的白名单  delete掉自己写入新浪域的cookie
  56.  *建议使用cookie里的SUBP
  57.  解密方法：
  58.   var getCookie = function(name) {
  59.     var Res = (new RegExp(name + "=([^;]+)")).exec(document.cookie);
  60.     return Res == null ? null : Res[1]
  61.   }
  62.   var subp = getCookie("SUBP");
  63.   if (!subp) {
  64.       return null
  65.   }
  66.   //sinaSSOEncoder  来源于ssologin.js（自动引入）  sinaSSOEncoder目前是全局全局方法ååååå
  67.   var arrSubp = sinaSSOEncoder.getSUBPCookie.decode(subp);
  68.   try {
  69.       arrSubp.uid = arrSubp.uid.replace(/(^\s*)|(\s*$)/g, "");
  70.       arrSubp.nick = decodeURIComponent(arrSubp.nick.replace(/(^\s*)|(\s*$)/g, ""))
  71.   } catch (err) {
  72.       return null
  73.   }
  74.   console.log(arrSubp);
  75.   return arrSubp
  76. */

建议

1.微博uid 和nick 都从cookie中的SUBP中获取 获取方法为：sinaSSOController.getSinaCookie() sinaSSOController 为全局变量
2.假如自己写入的cookie 加逻辑判断,下面是之前写入了微博uid，nick，微博头像图片地址。 加逻辑判断为 假如没有在新浪域取到自己写入cookie的SINA_WB_LOCAL_NICKNAME_UID 去取cookie中的SUBP里的uid 

  1. var ckName = 'SINA_WB_LOCAL_NICKNAME';
  2. var ckNameId = 'SINA_WB_LOCAL_NICKNAME_UID';
  3. var ckLogoUrl = 'SINA_WB_LOCAL_LOGO_URL';
  4. var ckDomain = 'sina.com.cn';
  5. // setSinaWbCookie  和 getSinaWbCookieVal 方法依然保留 可以直接使用  如setSinaWbCookie(ckNameId, util.wbId, ckDomain, 0);
  6. util.setSinaWbCookie(ckNameId, util.wbId, ckDomain, 0);
  7. util.setSinaWbCookie(ckName, util.nick, ckDomain, 0);
  8. util.setSinaWbCookie(ckLogoUrl, util.wbImg, ckDomain, 0);

注意

  1. //上线之前把util.debug  设置为false   关闭控制台debugger 信息
  2. util.debug = false;

注意：把之前引入的旧版顶通旧版登录样式删除掉。
euro.com.cn/lottery 是common.css 中的
@import url('./top.less');
@import url('./top_account.less');
具体删除代码见底部附录（c1）

ai.lottery.sina.com.cn/uc/order/index 是删除

  1. <!-- 登录组件 -->
  2.   <link rel="stylesheet" type="text/css" href="http://i.sso.sina.com.cn/css/userpanel/v1/top_account_v2.css"/>
  3.   <!--登录皮肤css-->
  4.   <link rel="stylesheet" type="text/css" href="http://tech.sina.com.cn/css/717/20140821/index2014/comment.css"/> 
  5.   <script type="text/javascript" src="http://tech.sina.com.cn/js/717/20140827/index2014/top.js"></script>
  6.   <script type="text/javascript" src="http://i.sso.sina.com.cn/js/outlogin_layer.js" charset="utf-8"></script>
  7.   <script type="text/javascript" src="http://i.sso.sina.com.cn/js/user_panel_new_version_v2.js" charset="utf-8"></script>

删除js里原来的顶通调用

  1. window.__SinaTopBar__.user.init(document.getElementById('SI_User'), {
  2.   entry: 'caitong',
  3.   login_success: function() {
  4.     var sinaURL = 'http://api.sina.com.cn/weibo/wb/users_show.json?uid=';
  5.     var SUP = getSinaWbCookieVal('SUP');
  6.     var wbId = '';
  7.     var tmp = SUP.split('&');
  8.     for (var i = 0; i < tmp.length; i++) {
  9.       var arr = tmp[i].split('=');
  10.       if ('uid' == arr[0]) {
  11.         wbId = arr[1];
  12.         util.wbId = wbId;
  13.         break;
  14.       }
  15.     }
  16.     $.ajax({
  17.       url: sinaURL + wbId,
  18.       type: "GET",
  19.       dataType: "jsonp",
  20.       async: false,
  21.       success: function(jsonMsg) {
  22.         //console.log(jsonMsg);                 
  23.         var sts = jsonMsg.result.status.msg;
  24.         if ('success' == sts) {
  25.           var _uid = jsonMsg.result.data.id;
  26.           if (_uid != wbId) {
  27.             // util.alert('读取新浪接口返回的微博id不一不致');
  28.             return null;
  29.           }
  31.           var nickName = jsonMsg.result.data.name;
  32.           var wbImg = jsonMsg.result.data.avatar_large;
  34.           //将微博昵称和wbId放cookie中
  35.           var ckName = 'SINA_WB_LOCAL_NICKNAME';
  36.           var ckNameId = 'SINA_WB_LOCAL_NICKNAME_UID';
  37.           var ckLogoUrl = 'SINA_WB_LOCAL_LOGO_URL';
  38.           var ckDomain = 'sina.com.cn';
  39.           setSinaWbCookie(ckName, nickName, ckDomain, 0);
  40.           setSinaWbCookie(ckNameId, _uid, ckDomain, 0);
  41.           setSinaWbCookie(ckLogoUrl, wbImg, ckDomain, 0);
  42.           util.wbId = wbId;
  43.           $('#sina-top-bar-right').show();
  45.           // 登录成功之后  验证是否已经购买过比赛。  需要测试
  46.           if(window.switchGame){
  47.             for(var i=0; i<4; i++){
  48.               window.switchGame(i);
  49.             }
  50.           }
  52.           if(window.mdinfo && mdinfo.livecast_id){
  53.             var matchId= mdinfo.livecast_id;
  54.             getMdData(matchId);
  55.           }
  56.         } else {
  57.           // util.alert('读取新浪接口获取微博信息失败');
  58.           return null;
  59.         }
  60.       }
  61.     });
  62.   },
  63.   logout_success: function() {
  64.     $('#sina-top-bar-right').hide();
  65.     location.href = logoutUrl;
  66.   }
  67. });
  69. sinaLoginLayer.set('plugin',   { 
  70.   qqLogin :  false
  71. });
  73. sinaLoginLayer.set('styles',   {
  74.   marginLeft: '0px'
  75. });
  77. function middleLogin(msg) {
  78.   var UserPanel = SINA_USER_PANEL;
  79.   UserPanel.setOutLoginMiddle();
  80.   UserPanel.getOutLogin().show();
  81.   // 可添加提示
  82.   __SinaTopBar__.user.showTip(msg);
  83. }
  85. function checkLogin() {
  86.   if (sinaLoginLayer) {
  87.     return sinaLoginLayer.isLogin();
  88.   }
  89.   return false;
  90. }
  92. function setSinaWbCookie(name, value, domain, expires) {
  93.   domain = domain || document.domain;
  94.   if (typeof(expires) == 'undefiend' || expires == null || expires == '') {
  95.     document.cookie = name + "=" + encodeURIComponent(value) + "; path=" + "/" + "; domain=" + domain;
  96.   } else {
  97.     var expTimes = expires * 1000;
  98.     var expDate = new Date();
  99.     expDate.setTime(expDate.getTime() + expTimes);
  100.     document.cookie = name + "=" + encodeURIComponent(value) + ";expires=" + expDate.toGMTString() + "; path=" + "/" + "; domain=" + domain;
  101.   }
  102. }
  104. function getSinaWbCookieVal(name) {
  105.   var cookieArr = document.cookie.replace(/\s/g, "").split(';');
  106.   for (var i = 0; i < cookieArr.length; i++) {
  107.     var tempObj = cookieArr[i].split('=');
  108.     if (tempObj[0] == name)
  109.       return decodeURIComponent(tempObj[1]);
  110.   }
  111.   return null;
  112. }

附录

c1:
在topbarlogin.css 后增加以下样式修改logo

  1. .sina-top-bar-logo{
  2.   float: left;
  3.   height: 36px;
  4.   width: 105px;
  5.   background: url(../i/logo.png) no-repeat;
  6. }

top.less

  1. /* top.less*/
  2. /* [2,717,211] published at 2014-09-02 15:53:31 */
  4. html,body{padding: 0;margin: 0;}
  5. .sina-top-bar-wrap a:link,.sina-top-bar-wrap a:visited{color:#333;text-decoration: none;}
  6. .sina-top-bar-wrap a:hover,.sina-top-bar-wrap a:active{color:#FA8200;text-decoration: none;}
  7. .sina-top-bar-wrap ul{list-style: none;padding: 0;margin: 0;}
  8. .sina-top-bar-ico{font-size: 0;display: inline;float: left;margin:10px 0 0 10px;position: relative;overflow: hidden;background: url(http://i1.sinaimg.cn/dy/deco/2014/0718/top.png) 0 0 no-repeat;}
  9. .sina-top-bar-ico-list{width:15px;height:13px;margin:6px 8px 0 0;background-position: 0 0;}
  10. .sina-top-bar-ico-down{width:8px;height:4px;background-position: -40px 0;}
  11. .sina-top-bar-wrap{/*background:#FBFBFB;border-bottom: 1px solid #C7C7C7;border-top: 3px solid #FA8200;position: fixed;left:0;top:0;width:100%;*/ min-width: 1000px; z-index: 9; position:relative;}
  12. .sina-top-bar-inner{width:1000px;height:36px;margin:0 auto;position: relative;}
  13. .sina-top-bar-nav{font:14px/24px "Microsoft Yahei","微软雅黑","SimSun","宋体","Arial Narrow",serif;color:#333;}
  14. .sina-top-bar-nav-list{position: absolute;}
  15. .sina-top-bar-nav-list li{float: left;display: inline;}
  16. .sina-top-bar-nav-list li a{float:left;height:24px; padding: 17px 15px 16px;overflow: hidden;}
  17. .sina-top-bar-nav-txt{float: left;display: inline;}
  18. .sina-top-bar-nav-list .sina-top-bar-nav-first a{padding-left: 0;}
  19. .sina-top-bar-nav-other{border:1px solid #C7C7C7;border-top:0;display: block;width:998px;position: absolute;right:0;top:58px;display: none;background: #fff;}
  20. .sina-top-bar-nav-other li{float: left;display: inline;}
  21. .sina-top-bar-nav-other li a{display: block;padding: 13px 15px 12px;}
  22. .sina-top-bar-nav-more,.sina-top-bar-nav-guide{padding: 0 1px;zoom:1;}
  23. .sina-top-bar-nav-list .sina-top-bar-nav-guide{margin-right: 15px;display:none;}
  24. .sina-top-bar-tip{float: right;display: inline;width:87px;height:37px;margin: 6px 5px 0 0; background: url(http://i1.sinaimg.cn/dy/deco/2014/0725/toptip.png) no-repeat 0 0;}
  25. .sina-top-bar-tip:hover{filter:alpha(opacity=80);opacity:0.8;}
  26. .sina-top-bar-nav-other .sina-top-bar-nav-mlnk{display: none;}
  28. /*dropdown*/
  30. .sina-top-bar-nav-show .sina-top-bar-nav-more,.sina-top-bar-nav-show .sina-top-bar-nav-guide{padding:0;border:1px solid #CACACA; border-top:0;border-bottom:2px solid #fff;background: #fff;}
  31. .sina-top-bar-nav-show .sina-top-bar-nav-other{display: block;}
  32. .sina-top-bar-nav-show .sina-top-bar-ico-list,a:hover .sina-top-bar-ico-list{ background-position: -20px 0;}
  33. .sina-top-bar-nav-show .sina-top-bar-ico-down{background-position: -40px -10px;}
  34. .sina-top-bar-nav-show .sina-top-bar-nav-guide a:link,.sina-top-bar-nav-show .sina-top-bar-nav-guide a:visited{color:#FA8200;}
  35. .sina-top-bar-nav-show .sina-top-bar-nav-guide a:hover,.sina-top-bar-nav-show .sina-top-bar-nav-guide a:active{color:#FA8200;}
  36. .sina-top-bar-nav-show .sina-top-bar-nav-more a:link,.sina-top-bar-nav-show .sina-top-bar-nav-more a:visited{color:#FA8200;}
  37. .sina-top-bar-nav-show .sina-top-bar-nav-more a:hover,.sina-top-bar-nav-show .sina-top-bar-nav-more a:active{color:#FA8200;}
  39. /*fixed*/
  40. .sina-top-bar-wrap-fixed .sina-top-bar-nav-list li{display: none;}
  41. .sina-top-bar-wrap-fixed .sina-top-bar-nav-list .sina-top-bar-nav-guide,.sina-top-bar-wrap-fixed .sina-top-bar-nav-list .sina-top-bar-nav-first{display: block;}
  42. .sina-top-bar-wrap-fixed .sina-top-bar-nav-mlnk{display: inline;}
  43. .sina-top-bar-wrap-fixed .sina-top-bar-nav-slnk{display: none;}
  45. /*login*/
  46. .sina-top-bar-user img{border: 0;}
  47. .outlogin_layerbox_bylx .sina-top-bar-user-tip{width:452px;line-height: 36px !important; font-size: 16px !important;padding: 10px 0 0 25px;position: absolute;background: white;left: 0;right: 25px;overflow: hidden;}
  48. .outlogin_layerbox_bylx .sina-top-bar-user-tip span{color: #a87a2c;}
  50. /*ie6*/
  51. /*html,body{_background-image:url(about:blank);_background-attachment:fixed}
  52. .sina-top-bar-wrap{_position:absolute;_top:expression(documentElement.scrollTop);}*/
  54. /*skin*/
  55. .sina-top-bar-red .sina-top-bar-ico{background-image: url(http://i2.sinaimg.cn/dy/deco/2014/0730/top_red.png);}
  56. .sina-top-bar-red{border-top-color:#CC0000;}
  57. .sina-top-bar-red a:hover,
  58. .sina-top-bar-red a:active,
  59. .sina-top-bar-red .sina-top-bar-nav-show .sina-top-bar-nav-guide a:link,
  60. .sina-top-bar-red .sina-top-bar-nav-show .sina-top-bar-nav-guide a:visited,
  61. .sina-top-bar-red .sina-top-bar-nav-show .sina-top-bar-nav-guide a:hover,
  62. .sina-top-bar-red .sina-top-bar-nav-show .sina-top-bar-nav-guide a:active,
  63. .sina-top-bar-red .sina-top-bar-nav-show .sina-top-bar-nav-more a:link,
  64. .sina-top-bar-red .sina-top-bar-nav-show .sina-top-bar-nav-more a:visited,
  65. .sina-top-bar-red .sina-top-bar-nav-show .sina-top-bar-nav-more a:hover,
  66. .sina-top-bar-red .sina-top-bar-nav-show .sina-top-bar-nav-more a:active,
  67. .sina-top-bar-red .TAP14 a:hover{color:#CC0000;}
  69. .sina-top-bar-blue .sina-top-bar-ico{background-image: url(http://i2.sinaimg.cn/dy/deco/2014/0730/top_red.png);}
  70. .sina-top-bar-blue{border-top-color:#1f90e0;}
  71. .sina-top-bar-blue a:hover,
  72. .sina-top-bar-blue a:active,
  73. .sina-top-bar-blue .sina-top-bar-nav-show .sina-top-bar-nav-guide a:link,
  74. .sina-top-bar-blue .sina-top-bar-nav-show .sina-top-bar-nav-guide a:visited,
  75. .sina-top-bar-blue .sina-top-bar-nav-show .sina-top-bar-nav-guide a:hover,
  76. .sina-top-bar-blue .sina-top-bar-nav-show .sina-top-bar-nav-guide a:active,
  77. .sina-top-bar-blue .sina-top-bar-nav-show .sina-top-bar-nav-more a:link,
  78. .sina-top-bar-blue .sina-top-bar-nav-show .sina-top-bar-nav-more a:visited,
  79. .sina-top-bar-blue .sina-top-bar-nav-show .sina-top-bar-nav-more a:hover,
  80. .sina-top-bar-blue .sina-top-bar-nav-show .sina-top-bar-nav-more a:active,
  81. .sina-top-bar-blue .TAP14 a:hover{color:#CC0000;}
  82. .sina-top-bar-blue .TAP14 .msg-tab li a.cur:link,
  83. .sina-top-bar-blue .TAP14 .msg-tab li a.cur:hover,
  84. .sina-top-bar-blue .TAP14 .msg-tab li a.cur:visited,
  85. .sina-top-bar-blue .TAP14 a.list-link:link, .sina-top-bar-blue .TAP14 a.list-link:visited,.sina-top-bar-blue .TAP14 a.list-link:hover{color:#cc0000 !important;}

top_account.less

  1. /*top_account.less*/
  2. /* CSS Document */
  3. .TAP14{float:right!important;position:relative!important;width:270px!important;height:36px!important;font:normal 16px 'Microsoft Yahei';}
  4. .TAP14-logined{width:198px!important;}
  5. .TAP14 .ac-icon{background-repeat:no-repeat!important;display:inline-block!important;*display:inline!important;*zoom:1!important; vertical-align:text-bottom!important;overflow:hidden!important;}
  6. .TAP14 .ac-icon-message{width:14px!important;height:14px!important;background-position:0 0!important;}
  7. /*.TAP14 .ac-icon-slash{width:4px!important;height:14px!important;background-position:-21px 1px!important;}*/
  8. .TAP14 .ac-icon-at{width:16px!important;height:16px!important;background-position:0 -20px!important;}
  9. .TAP14 .ac-icon-dot{width:16px!important;height:16px!important;background-position:0 -40px!important;}
  10. .TAP14 .ac-icon-bbs{width:16px!important;height:16px!important;background-position:0 -60px!important;}
  11. .TAP14 .ac-icon-mail{width:23px!important;height:16px!important;background-position:-20px -20px!important;}
  12. .TAP14 .ac-icon-mvip{width:23px!important;height:16px!important;background-position:-20px -40px!important;}
  13. .TAP14 .ac-icon-ment{width:23px!important;height:16px!important;background-position:-20px -60px!important;}
  14. .TAP14 .ac-icon-aru{width:10px!important;height:6px!important;background-position:0 -80px!important;}
  15. .TAP14 .ac-icon-ard{width:10px!important;height:6px!important;background-position:-20px -80px!important;}
  17. .TAP14 .ac-login{position:relative!important;float:right!important;width:120px!important;height:36px!important;z-index:10;}
  18. .TAP14 .ac-login-cnt{float:left!important;height:36!important;}
  19. .TAP14 .ac-login-cnt a{display:block!important;width:120px!important;height:36!important;zoom:1!important; cursor:pointer!important;}
  20. .TAP14 .ac-login-cnt a:hover,
  21. .TAP14 .ac-login-cnt a:active,
  22. .TAP14 .ac-login a.active{position:relative!important;border-width:0 1px!important;border-style:solid!important;width:118px!important;height:36px!important;_height:36!important;_bottom:-1px!important;}
  23. .TAP14 .ac-login .thumb{float:left!important;margin:4px 0 0 13px!important;width:30px!important;height:30px!important;overflow:hidden!important;border-radius:15px!important;border:none!important;_display:inline!important;_zoom:1!important;}
  24. /*.TAP14 .ac-login .thumb:hover{width:36px!important;height:36px!important;overflow:hidden!important;border:none!important;}*/
  25. .TAP14 .ac-login-cnt .thumb{float:left!important;width:30px!important;overflow:hidden!important;border:none!important;_zoom:1!important;outline:none!important;}
  26. .TAP14 .ac-logined .thumb{margin:0px 0 0 13px!important;}
  27. .TAP14 .ac-logined   a.thumb,
  28. .TAP14 .ac-logined   a.thumb:link,
  29. .TAP14 .ac-logined  a.thumb:visited,
  30. .TAP14 .ac-logined  a.thumb:hover,
  31. .TAP14 .ac-logined  a.thumb:active{margin-left:0!important;border:none!important;width:36px!important;height:36px!important;overflow:hidden;}
  32. .TAP14 .thumb img{float:left;border:none!important;outline:none!important; width: 30px; height: 30px;}
  33. .TAP14 .ac-login .log-links{float:left!important;height:36px!important;line-height:39px!important;padding-left:14px!important;_height:38px!important;_padding-top:0!important;}
  34. /*.TAP14 .ac-login .log-links a{padding-left:14px!important;}
  35. .TAP14 .ac-login .ac-icon-slash{margin:0 8px!important;}*/
  36. .TAP14 .ac-nl{ font-family:'Arial';}
  37. /*登录*/
  38. .TAP14 .ac-logined{width:100px!important;}
  39. /*.TAP14 .ac-logined .thumb{margin-left:26px!important;_display:inline!important;width:36px!important;height:36px!important;overflow:hidden!important;}*/
  40. .TAP14 .ac-logined .ac-login-cnt{width:75px!important;padding-left:25px!important;overflow:hidden!important;}
  41. .TAP14 .ac-logined .active{width:74px!important;padding-left:24px!important;border-width:0 1px!important;border-style:solid!important;}
  42. /*.TAP14 .ac-logined .active .thumb,
  43. .TAP14 .ac-logined .ac-login-cnt:link .thumb,
  44. .TAP14 .ac-logined .ac-login-cnt:visited .thumb,
  45. .TAP14 .ac-logined .ac-login-cnt:hover .thumb,
  46. .TAP14 .ac-logined .ac-login-cnt:active .thumb{margin-left:25px!important;border:none!important;width:36px!important;height:36px!important;outline:none!important;overflow:hidden!important;}*/
  47. .TAP14 .ac-logined .thumb img{width:36px!important;height:36px!important;outline:none!important;border:none!important;}
  48. .TAP14 .ac-logined .ac-icon-aru,
  49. .TAP14 .ac-logined .ac-icon-ard{position:absolute!important;right:14px!important;top:17px!important;}
  50. /*下拉菜单*/
  51. .TAP14 .ac-dropdown{position:absolute!important;top:36px!important;left:0!important;border-width:0 1px!important;border-style:solid!important;width:98px!important;z-index:1000!important;}
  52. .TAP14 .ac-dropdown li{border-width:0 0 1px!important;border-style:solid!important;vertical-align:top!important;text-align:center!important;}
  53. .TAP14 .ac-dropdown a,
  54. .TAP14 .ac-dropdown span{display:block!important;height:35px!important;line-height:35px!important; word-break:break-all!important;overflow:hidden!important;font-size:14px!important;}
  55. .TAP14 .ac-dropdown span{cursor:default;}
  56. .TAP14 .ac-dropdown a:hover{ text-decoration:none!important;}
  57. /*消息*/
  58. .TAP14 .message,
  59. .TAP14 .ac-rgst{position:relative!important;float:right!important;width:90px!important;z-index:3}
  60. .TAP14 .ac-rgst{width:60px!important;}
  61. .TAP14 .message .msg-link,
  62. .TAP14 .ac-rgst .msg-link {position:relative!important;display:block!important;width:90px!important;height:36px!important;text-align:center!important;line-height:39px!important; text-decoration:none!important;}
  63. .TAP14 .ac-rgst .msg-link{width:60px!important;}
  64. .TAP14 .msg-link .ac-icon-message{position:absolute!important;right:14px!important;top:14px!important;}
  65. .TAP14 .msg-link:hover .ac-icon-message{right:13px!important;}
  66. .TAP14 .message .msg-link:hover,
  67. .TAP14 .message .active{position:relative!important;border-width:0 1px!important;border-style:solid!important;width:88px!important;height:58px!important;z-index:10;_height:36px!important;_bottom:-1px!important;}
  68. /*消息下拉菜单*/
  69. .TAP14 .msg-dropdown{position:absolute!important;top:36px!important;right:0!important;width:268px!important;border-width:1px!important;border-style:solid!important;overflow:hidden!important;z-index:1000!important;}
  70. .TAP14 .msg-dropdown .msg-tab{height:47px!important;width:275px!important;}
  71. .TAP14 .msg-tab li{float:left!important;width:90px!important;border-width:0 0 1px!important;border-style:solid!important;}
  72. .TAP14 .msg-tab li a{display:block!important;height:34px!important;*padding-bottom:14px!important;margin:0 4px!important;text-align:center!important;position:relative!important;}
  73. .TAP14 .msg-tab li a.cur{position:relative!important;border-width:0 0 3px!important;border-style:solid!important;height:31px!important;}
  74. .TAP14 .msg-tab .ac-icon-message{position:absolute!important;top:-7px!important;right:12px!important;*top:7px!important;}
  75. .TAP14 .msg-tab span{display:block!important;margin:14px -3px 0 0!important;height:14px!important;border-width:0 1px 0 0!important;border-style:solid!important;padding-right:3px!important;line-height:16px!important;}
  76. .TAP14 .msg-lst{overflow:hidden!important;clear:both!important;}
  77. .TAP14 .msg-lst li{margin-top:-1px!important;height:28px!important;border-width:1px 0 0!important;border-style:solid!important;padding:14px 14px 0!important;vertical-align:top!important;font-size:14px!important;line-height:1!important; cursor:pointer;}
  78. .TAP14 .msg-lst .ac-icon{margin-right:6px!important;}
  79. .TAP14 .msg-lst li a{float:right!important;*line-height:20px!important;}
  80. .TAP14 .needlogin{padding:54px 0!important;text-align:center!important;font-size:14px!important;}
  81. .TAP14 .needlogin a{padding-left:6px!important;text-decoration:underline!important;}
  82. /*判断css是否加载完毕*/
  83. .TAP14 .css_check{visibility: hidden;height:0px;width:120px;}
  84. /*可定制内容*/
  85. /*icon*/
  86. .TAP14 .ac-icon{background-image:url(http://i.sso.sina.com.cn/images/login/top_account_icon.png);_background-image:url(http://i.sso.sina.com.cn/images/login/top_account_icon_ie6.png);}
  87. /*边框颜色*/
  88. .TAP14 .ac-login .active,
  89. .TAP14 .ac-login-cnt a:hover,
  90. .TAP14 .ac-dropdown,
  91. .TAP14 .ac-dropdown li,
  92. .TAP14 .message .msg-link:hover,
  93. .TAP14 .message .active,
  94. .TAP14 .msg-dropdown,
  95. .TAP14 .msg-tab li,
  96. .TAP14 .msg-tab li a,
  97. .TAP14 .msg-tab span{border-color:#c7c7c7;}
  98. .TAP14 .msg-lst li{border-color:#f4f4f4;}
  99. .TAP14 .msg-tab li a.cur{border-color:#fa8200;}
  100. /*背景色*/
  101. .TAP14 .msg-dropdown,
  102. .TAP14 .ac-dropdown,
  103. .TAP14 .ac-login .active,
  104. .TAP14 .ac-login-cnt:hover,
  105. .TAP14 .message .msg-link:hover,
  106. .TAP14 .message .active{background:#fff;}
  107. .TAP14 .msg-lst li:hover,
  108. .TAP14 .ac-dropdown li a:hover{background:#f4f4f4;}
  109. /*链接色*/
  110. .TAP14{color:#333;}
  111. .TAP14 a:link,
  112. .TAP14 a:visited{color:#333;text-decoration:none;}
  113. .TAP14 a:hover{color:#fa8200;text-decoration:none;}
  114. .TAP14 .msg-tab li a.cur{color:#fa8200;}
  115. .TAP14 a.list-link:link,
  116. .TAP14 a.list-link:visited,
  117. .TAP14 a.list-link:hover{color:#fa8200;}
  118. .TAP14 .ac-login .log-links a:link,
  119. .TAP14 .ac-login .log-links a:visited,
  120. .TAP14 .ac-login a.msg-link:link,
  121. .TAP14 .ac-login a.msg-link:visited{color:#333}
  122. /*
  123. .TAP14 .ac-login .log-links a:hover,
  124. .TAP14 .ac-login .active,
  125. .TAP14 .message .active,
  126. .TAP14 .ac-login a.msg-link:hover{color:#fa8200}*/
  127. .sina-top-bar-wrap *,.outlogin_layerbox_bylx *,.outlogin_layerbox_bylx_anrrow *{
  128.   -webkit-box-sizing: content-box;
  129.   -moz-box-sizing: content-box;
  130.   -ms-box-sizing: content-box;
  131.   -o-box-sizing: content-box;
  132.   box-sizing: content-box
  133. }
添加新批注
在作者公开此批注前，只有你和作者可见。
回复批注