Home Explore Help
Sign In
shanpin
/
chat-server
Watch 3
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 235cc9652c
Branches Tags
chat-server
/
qq-imsvr
/
public
/
css
/
main.css

main.css 7.3 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105 
  1. /* main css */
    2. 

  2. body {min-width: 1024px; margin: 0px; padding: 0px; font-family: 'ArialMT', 'Arial';}
    3. 

  3. /*共用类样式*/
    4. 

  4. .clear{clear:both;}
    5. 

  5. .action{color: #FF0000;}
    6. 

  6. a{color: #333333; text-decoration:none;}
    7. 

  7. ul{margin: 0px; padding: 0px;}
    8. 

  8. li{list-style: none;}
    9. 

  9. /*共用类样式end*/
    10. 

  10. 

  11. /*框架*/
    12. 

  12. .main{margin: 0px auto; width: 1480px; font-family: 'ArialMT', 'Arial';}
    13. 

  13. .head{height: 70px; background-color: #333333;}
    14. 

  14. .bodyLeft{width: 1040px; float: left; height: 909px; margin-top: 30px; margin-left: 42px;}
    15. 

  15. .bodyLeftIframe{width: 1040px; height: 909px; border: none;}
    16. 

  16. .bodyRight{width: 340px; float: left; height: 909px; margin-top: 30px; margin-left: 50px;}
    17. 

  17. .bodyRightIframe{width: 340px; height: 909px; border: none;}
    18. 

  18. /*框架end*/
    19. 

  19. 

  20. /*头部*/
    21. 

  21. .logo{width: 70px; height: 35px; float: left; margin-top: 12px; margin-left: 20px; background-color: #0b97c4;}
    22. 

  22. .head h4{float: left; margin-left: 20px; color: #FFFFFF;}
    23. 

  23. .user{min-width: 215px; height: 35px; float: right; line-height: 35px; margin-top: 12px;}
    24. 

  24. .user img{width: 35px; height: 35px; float: right; border-radius:19px;}
    25. 

  25. .user span{margin-left: 10px; float: right; color: #FFFFFF; font-weight: 700; font-style: normal; font-size: 16px;}
    26. 

  26. .user>.level_icon {width: 16px; height: 16px; float: right; margin-top: 10px; margin-left: 7px;}
    27. 

  27. .user>.level {margin-left: 3px;}
    28. 

  28. .user>.online {width: 19px; height: 19px; float: right; margin-top: 8px; margin-left: 10px;}
    29. 

  29. .go_live{width: 190px; height: 35px; line-height: 35px; text-align:center; float: right; margin-top: 12px; margin-left: 33px; margin-right: 60px; background-color: red; border-radius:19px;}
    30. 

  30. .go_live a{color: #FFFFFF; font-size: 13px;}
    31. 

  31. /*头部end*/
    32. 

  32. 

  33. /*导航*/
    34. 

  34. .bodyLeftNavigation{float: left;}
    35. 

  35. .bodyLeftNavigation ul{border: 1px solid #C9C9C9; width: 185px; height: 907px; padding: 0px; margin: 0px; text-align: center; font-size: 13px; font-family: 'ArialMT', 'Arial';}
    36. 

  36. .bodyLeftNavigation ul li{border-bottom: 1px solid #C9C9C9; height: 46px; line-height: 46px; list-style: none;}
    37. 

  37. /*导航end*/
    38. 

  38. 

  39. /*左侧主体*/
    40. 

  40. .bodyLeftBody{width: 789px; height: 907px; float: left; border: 1px solid #C9C9C9; margin-left: 33px; font-family: 'ArialMT', 'Arial'; font-size: 13px;}
    41. 

  41. .bodyLeftBodyPiece{width: 266px; float: left; margin-left: 56px; margin-top: 25px;}
    42. 

  42. .bodyLeftBodyTitle{width: 266px; border-bottom: 1px solid #CCCCCC; color: #FF6600; font-weight: 700; font-style: normal; font-size: 16px;}
    43. 

  43. .bodyLeftBodyTitle span{border-bottom: 2px solid #FF6600; height: 27px; display: inline-block; position:relative; top: 1px;}
    44. 

  44. .bodyLeftBodyTitle a{float: right; font-weight:500;}
    45. 

  45. 

  46. .bodyLeftBodyIncome{float: left; width: 266px; height: 230px;}
    47. 

  47. .bodyLeftBodyIncome ul{padding-left: 20px; }
    48. 

  48. .bodyLeftBodyIncome ul li{margin-top: 29px; list-style-type:disc;}
    49. 

  49. .bodyLeftBodyIncome ul li span{font-size: 48px; display: inline-block; margin-top: 10px; margin-left: 65px; margin-right: 16px;}
    50. 

  50. 

  51. .bodyLeftBodyAffairs{float: left; width: 266px; height: 230px;}
    52. 

  52. .bodyLeftBodyAffairs ul{padding-left: 20px; }
    53. 

  53. .bodyLeftBodyAffairs ul li{margin-top: 29px; list-style-type:disc; line-height: 20px; min-height: 78px;}
    54. 

  54. .bodyLeftBodyAffairs ul li .title{font-weight: 600; color: #000;}
    55. 

  55. .bodyLeftBodyAffairs ul li span{color: #FF6600;}
    56. 

  56. 

  57. .bodyLeftBodyPrivateList{width: 664px;}
    58. 

  58. .bodyLeftBodyPrivateList .last{margin-right: 0px;}
    59. 

  59. .bodyLeftBodyPrivateList li{float: left; margin-top: 24px; margin-right: 44px; width: 97px; text-align: center;}
    60. 

  60. .bodyLeftBodyPrivateList ul li:last-child{margin-right: 0px;}
    61. 

  61. .bodyLeftBodyPrivateList ul li:nth-child(5n){margin-right: 0px;}
    62. 

  62. .bodyLeftBodyPrivateList li .avatar{width: 97px; height: 97px; border-radius:49px;}
    63. 

  63. .bodyLeftBodyPrivateList li .name{margin: 5px 0px;}
    64. 

  64. .bodyLeftBodyPrivateList li .level{border-radius:10px; padding-right: 4px; min-width: 35px; display: inline-block; height: 17px; line-height: 17px; background-color: #3399FF; color: #FFFFFF;}
    65. 

  65. .bodyLeftBodyPrivateList li .level img{float: left; margin-top: 2px; margin-left: 4px;}
    66. 

  66. .bodyLeftBodyPrivateList li .closeLevel{border-radius:10px; padding-right: 4px; min-width: 35px; display: inline-block; height: 17px; line-height: 17px; background-color: #FF66CC; color: #FFFFFF;}
    67. 

  67. .bodyLeftBodyPrivateList li .closeLevel img {float: left; margin-top: 3px; margin-left: 4px;}
    68. 

  68. 

  69. .listNavigation{height: 53px; border-bottom: 1px solid #E4E4E4;}
    70. 

  70. .listNavigation ul{line-height: 52px; float: left; margin-left: 8px;}
    71. 

  71. .listNavigation ul li{float: left; margin: 0px 15px;}
    72. 

  72. .listNavigation ul .action{border-bottom: 2px solid #FF6600;}
    73. 

  73. 

  74. .listNavigationRight{float: right; padding-top: 18px; margin-right: 13px;}
    75. 

  75. .listNavigationRight>.Button{padding: 0px 15px; float: left; height: 23px; line-height: 23px; border: 1px solid #797979; margin-right: 10px; border-radius:6px;}
    76. 

  76. .listNavigationRight>.redButton{background-color: #FF0000; color: #FFFFFF; padding: 0px 8px; float: left; height: 25px; line-height: 25px; margin-right: 10px; border-radius:6px;}
    77. 

  77. .listNavigationRight>.redButton a{color: #FFFFFF;}
    78. 

  78. 

  79. .albumList{padding: 27px 25px;}
    80. 

  80. .albumList ul li{width: 229px; height: 206px; float: left; margin-right: 26px; margin-bottom: 26px; text-align: center; overflow:hidden;}
    81. 

  81. .albumList ul li:nth-child(3n){margin-right: 0px;}
    82. 

  82. .albumList ul li .b_color{background-color: #F2F2F2; width: 229px; height: 173px; position: relative;}
    83. 

  83. .albumList ul li .lock{width: 15px; height: 14px; position: absolute; top: 3%; left: 90%;}
    84. 

  84. .albumList ul li .operating{width: 229px; height: 35px; position: absolute; bottom: 0px;}
    85. 

  85. .albumList ul li .operating_bg{width: 229px; height: 35px; background-color: #FFFFFF; position: absolute; bottom: 0px; z-index: 10; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
    86. 

  86. .albumList ul li .operating_edit{width: 115px; height: 35px; line-height: 35px; text-align: center; cursor:pointer; position: absolute; bottom: 0px; z-index: 11;}
    87. 

  87. .albumList ul li .operating_edit img{width: 23px; height: 22px; position: absolute; left: 20px; bottom: 8px; z-index: 12;}
    88. 

  88. .albumList ul li .operating_delete{width: 115px; height: 35px; line-height: 35px; text-align: center; cursor:pointer; position: absolute; left: 115px; bottom: 0px; z-index: 11;}
    89. 

  89. .albumList ul li .operating_delete img{width: 23px; height: 22px; position: absolute; left: 17px; bottom: 7px; z-index: 12;}
    90. 

  90. .albumList ul li .album{float: left; position: relative; left: 50%; }
    91. 

  91. .albumList ul li .video{position: absolute; top: 33%; left: -13%; width: 70px; height: 70px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
    92. 

  92. .albumList ul li .video_start{position: absolute; top: 44%; left: -3%; width: 23px; height: 32px;}
    93. 

  93. .albumList ul li img{height: 173px; float: left; position: relative; left: -50%;}
    94. 

  94. .albumList ul li .title{float: left; border-left: 1px solid #F2F2F2; border-right: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2; width: 227px; height: 32px; line-height: 31px; text-align: left; background-color: #FFFFFF;}
    95. 

  95. .albumList ul li span{margin-left: 10px;}
    96. 

  96. .albumList ul li .description{border: 1px solid #BCBCBC; width: 227px; height: 204px; display:table; }
    97. 

  97. .albumList ul li .description_child{padding: 0px 15px; width: 227px; display:table-cell; vertical-align:middle; word-wrap:break-word;}
    98. 

  98. /*左侧主体end*/
    99. 

  99. 

  100. /*右侧私信*/
    101. 

  101. .bodyRightBody{width: 338px; height: 907px; float: left; border: 1px solid #C9C9C9;}
    102. 

  102. /*右侧私信end*/
    103. 

  103. 

  104. .bottom{margin-top: 40px; height: 140px; background-color: #0d3349;}
    105. 

  105.