extends.css 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. @charset "utf-8";
  2. /* CSS Document */
  3. .focus-box { background-position:center; position:relative; font-family:'\5b8b\4f53'; }
  4. .focus-container { overflow:hidden; position:relative; visibility:hidden;}
  5. .focus-container .focus-item { position:absolute; width:100%; height: 100%; left:0; top:0; overflow: hidden;}
  6. .focus-container .focus-item img { width: 100%; border:0; vertical-align: top;}
  7. .focus-title-bar {position:absolute;left: 50%;bottom: 34px;z-index: 40;width: 100%;height: 40px;margin-left: -550px;}
  8. .focus-title-bg { width: 100%; height: 100%; background-color: #000; opacity: 0.7; filter:alpha(opacity=70);}
  9. .focus-title {display: inline-block;white-space: nowrap;height: 40px;line-height: 40px;margin: 0px; padding: 0 15px;color: #fff;font-size: 16px;font-weight:normal;font-family:"Microsoft YaHei";position: absolute;left: 0;top: 0;z-index: 50;}
  10. .focus-title a,.focus-text a {color: #fff; text-decoration: none;}
  11. .focus-title a:hover,.focus-text a:hover { color: #e5e5e5; text-decoration: none;}
  12. .focus-text-box { position:absolute; left:30px; top:10px; z-index: 20; width: 40%; height: 100px;}
  13. .focus-text-bg { width: 100%; height: 100%; background-color: #000; opacity: 0.7; filter:alpha(opacity=70);}
  14. .focus-text-inner { position: absolute; left: 0; top: 0; z-index: 30; height: 100%; overflow: hidden;}
  15. .focus-text{ padding:10px; line-height: 1.5; color: #fff; font-size: 13px; }
  16. .focus-navigation { display:block; width:30px; text-align:center; height:50px; line-height:50px; background:#000; text-decoration: none; color:#fff; font-size:30px; font-weight:bold; text-decoration: none; cursor:pointer; position:absolute; top:50%; margin-top:-25px; z-index: 50; opacity: 0.7; filter:alpha(opacity=70);}
  17. .focus-navigation:hover { font-size: 30px; font-weight: bold; color: #fff; text-decoration: none;}
  18. .focus-navigation:active {opacity: 1; filter:alpha(opacity=100);}
  19. .focus-prev { left:0px;}
  20. .focus-next { right:0px;}
  21. .focus-pagination {position:absolute;right:10px;bottom: 10px;z-index:60;height:20px;text-align:right;}
  22. .focus-page { display:inline-block; width:10px; height:10px; line-height:10px; text-align:center; font-size:12px; text-decoration: none; font-family:Arial, Helvetica, sans-serif; overflow:hidden; border-radius:5px; background-color:#999; color:#fff; margin-right:5px; cursor:pointer;}
  23. .focus-page span { display: none;}
  24. .focus-page:hover { text-decoration: none; font-size: 12px; color: #fff; font-weight: bold; }
  25. .focus-page-active { background-color:#ff4019;}
  26. /* sudyExtend */
  27. /**选择菜单**/
  28. .sudy-select { display:inline-block; position:relative; z-index:100;}
  29. .sudy-select .select-name { display:inline-block; line-height:24px; padding:0 22px 0 5px; background:url(images/arrow01_down.gif) no-repeat right 50%; border:1px solid #CCC; cursor:pointer;}
  30. .select-down .select-name { background-image:url(images/arrow01_up.gif);}
  31. .select-down .select-open { background-image:url(images/arrow01_down.gif);}
  32. .select-up .select-name { background-image:url(images/arrow01_down.gif);}
  33. .select-up .select-open { background-image:url(images/arrow01_up.gif);}
  34. .sudy-select .select-list { border:1px solid #999; position:absolute; left:0; background-color:#fff; display:none; z-index:100; z-index:100; _margin-top:_2px;}
  35. .sudy-select .select-list li { line-height:24px; cursor:pointer; white-space:nowrap;}
  36. .sudy-select .select-list li.hover { background-color:#06C; color:#fff;}
  37. /**日历**/
  38. .sudy-pubdate { width:42px; height:42px; border-radius:5px; overflow:hidden; background-color:#f2f2f2; border:1px solid #8d1212;}
  39. .sudy-pubdate span { display:block; width:100%; font-family:Tahoma, Geneva, sans-serif; font-size:14px; font-weight:bold; text-align:center;}
  40. .sudy-pubdate span.pubdate-month { height:20px; line-height:20px; font-size:16px; color:#fff; border-bottom:1px solid #999; background-color:#C00;}
  41. .sudy-pubdate span.pubdate-day { height:20px; border-top:1px solid #e5e5e5; background-color:#f2f2f2;}
  42. /**选项卡**/
  43. .sudy-tab {}
  44. .sudy-tab .tab-menu { height:24px; border-bottom:1px solid #ccc;}
  45. .sudy-tab .tab-menu li { display:inline-block; height:24px; line-height:24px; float:left; font-size:14px; font-weight:bold; color:#333; padding:0 10px; border-radius:5px 5px 0 0; cursor:default;}
  46. .sudy-tab .tab-menu li.selected { background-color:#06C; color:#fff;}
  47. /**输入框提示**/
  48. .sudy-input {display:inline-block; _display:inline; position:relative; font-family:Tahoma, Geneva, sans-serif; vertical-align:top;}
  49. .sudy-input input,.sudy-input textarea { display:inline-block; height:17px; line-height:17px; color:#333; font-size:13px; vertical-align:top; padding:3px; background-color:#fff; border:1px solid #ccc; outline:none; border-radius:3px; overflow:hidden;}
  50. .sudy-input textarea { height:85px;}
  51. .sudy-input .tip { display:block; height:25px; line-height:25px; color:#888; font-size:13px; position:absolute; left:10px; top:0;}
  52. /**链接菜单**/
  53. .sudy-links { display:inline-block; }
  54. .sudy-links .links-name { display:inline-block; font-weight:bold; line-height:24px; padding:0 20px 0 5px; background:#fff url(images/arrow.png) no-repeat right 50%; border:1px solid #444; cursor:default;}
  55. .sudy-links .wrap-open { }
  56. .sudy-links .links-wrap { overflow:hidden; white-space:nowrap; border:1px solid #444; padding:3px 0; background-color:#fff; line-height:1.7; position:absolute; display:none; left:0; bottom:25px; z-index: 10000;}
  57. .sudy-links .links-wrap a { display:block; padding:0 10px;}
  58. .sudy-links .links-wrap a:hover { color:#fff; background-color:#1e90ff;}
  59. /**scroll滚动**/
  60. .sudy-scroll { position:relative;}
  61. .sudy-scroll-wrap { position:relative; left:0; top:0; overflow:hidden;}
  62. .sudy-scroll-nav .nav-prev,.sudy-scroll-nav .nav-next { display:block; width:20px; height:24px; text-align:center; line-height:24px; font-size:18px; font-family:Tahoma, Geneva, sans-serif; color:#fff; background:#666; cursor:pointer; position:absolute; top:50%; margin-top:-12px; z-index:100;}
  63. .sudy-scroll-nav .nav-prev:active,.sudy-scroll-nav .nav-next:active { background:#454545;}
  64. .sudy-scroll-nav .nav-next { right:-22px;}
  65. .sudy-scroll-nav .nav-prev { left:-22px;}
  66. .sudy-scroll-page { width:100%; height:10px; text-align:center; position:absolute; left:0; bottom:-15px; z-index:100;}
  67. .sudy-scroll-page .page-index { display:inline-block; width:10px; height:10px; border-radius:5px; overflow:hidden; background:#666; margin:0 3px;}
  68. .sudy-scroll-page .active { background:#F30}
  69. .sudy-scroll-page .page-index span { display:none;}