Home Explore Help
Register Sign In
bianjiang
/
xihuaDesign
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 67229604df
Branches Tags
xihuaDesign
/
xihuaTemplate
/
extends
/
extends.css

extends.css 6.3 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 
  1. @charset "utf-8";
    2. 

  2. /* CSS Document */
    3. 

  3. .focus-box {  background-position:center; position:relative; font-family:'\5b8b\4f53'; }
    4. 

  4. .focus-container { overflow:hidden; position:relative; visibility:hidden;}
    5. 

  5. .focus-container .focus-item { position:absolute; width:100%; height: 100%; left:0; top:0; overflow: hidden;}
    6. 

  6. .focus-container .focus-item img { width: 100%;  border:0; vertical-align: top;}
    7. 

  7. .focus-title-bar {position:absolute;left: 50%;bottom: 34px;z-index: 40;width: 100%;height: 40px;margin-left: -550px;}
    8. 

  8. .focus-title-bg { width: 100%; height: 100%; background-color: #000; opacity: 0.7; filter:alpha(opacity=70);}
    9. 

  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. 

  10. .focus-title a,.focus-text a {color: #fff; text-decoration: none;}
    11. 

  11. .focus-title a:hover,.focus-text a:hover { color: #e5e5e5; text-decoration: none;}
    12. 

  12. .focus-text-box { position:absolute; left:30px; top:10px; z-index: 20; width: 40%; height: 100px;}
    13. 

  13. .focus-text-bg { width: 100%; height: 100%; background-color: #000; opacity: 0.7; filter:alpha(opacity=70);}
    14. 

  14. .focus-text-inner { position: absolute; left: 0; top: 0; z-index: 30; height: 100%; overflow: hidden;}
    15. 

  15. .focus-text{  padding:10px; line-height: 1.5; color: #fff; font-size: 13px; }
    16. 

  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. 

  17. .focus-navigation:hover { font-size: 30px; font-weight: bold; color: #fff; text-decoration: none;}
    18. 

  18. .focus-navigation:active {opacity: 1; filter:alpha(opacity=100);}
    19. 

  19. .focus-prev { left:0px;}
    20. 

  20. .focus-next { right:0px;}
    21. 

  21. .focus-pagination {position:absolute;right:10px;bottom: 10px;z-index:60;height:20px;text-align:right;}
    22. 

  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. 

  23. .focus-page span { display: none;}
    24. 

  24. .focus-page:hover { text-decoration: none; font-size: 12px; color: #fff; font-weight: bold; }
    25. 

  25. .focus-page-active { background-color:#ff4019;}
    26. 

  26. 

  27. /* sudyExtend */
    28. 

  28. /**选择菜单**/
    29. 

  29. .sudy-select { display:inline-block; position:relative; z-index:100;}
    30. 

  30. .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;}
    31. 

  31. .select-down .select-name { background-image:url(images/arrow01_up.gif);}
    32. 

  32. .select-down .select-open { background-image:url(images/arrow01_down.gif);}
    33. 

  33. .select-up .select-name { background-image:url(images/arrow01_down.gif);}
    34. 

  34. .select-up .select-open { background-image:url(images/arrow01_up.gif);}
    35. 

  35. .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;}
    36. 

  36. .sudy-select .select-list li { line-height:24px; cursor:pointer; white-space:nowrap;}
    37. 

  37. .sudy-select .select-list li.hover { background-color:#06C; color:#fff;}
    38. 

  38. 

  39. /**日历**/
    40. 

  40. .sudy-pubdate { width:42px; height:42px; border-radius:5px; overflow:hidden; background-color:#f2f2f2; border:1px solid #8d1212;}
    41. 

  41. .sudy-pubdate span { display:block; width:100%; font-family:Tahoma, Geneva, sans-serif; font-size:14px; font-weight:bold; text-align:center;}
    42. 

  42. .sudy-pubdate span.pubdate-month { height:20px; line-height:20px; font-size:16px; color:#fff; border-bottom:1px solid #999; background-color:#C00;}
    43. 

  43. .sudy-pubdate span.pubdate-day { height:20px; border-top:1px solid #e5e5e5; background-color:#f2f2f2;}
    44. 

  44. 

  45. /**选项卡**/
    46. 

  46. .sudy-tab {}
    47. 

  47. .sudy-tab .tab-menu { height:24px; border-bottom:1px solid #ccc;}
    48. 

  48. .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;}
    49. 

  49. .sudy-tab .tab-menu li.selected { background-color:#06C; color:#fff;}
    50. 

  50. 

  51. /**输入框提示**/
    52. 

  52. .sudy-input {display:inline-block; _display:inline; position:relative; font-family:Tahoma, Geneva, sans-serif; vertical-align:top;}
    53. 

  53. .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;}
    54. 

  54. .sudy-input textarea { height:85px;}
    55. 

  55. .sudy-input .tip { display:block; height:25px; line-height:25px; color:#888; font-size:13px; position:absolute; left:10px; top:0;}
    56. 

  56. 

  57. /**链接菜单**/
    58. 

  58. .sudy-links { display:inline-block; }
    59. 

  59. .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;}
    60. 

  60. .sudy-links .wrap-open { }
    61. 

  61. .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;}
    62. 

  62. .sudy-links .links-wrap a { display:block; padding:0 10px;}
    63. 

  63. .sudy-links .links-wrap a:hover { color:#fff; background-color:#1e90ff;}
    64. 

  64. 

  65. /**scroll滚动**/
    66. 

  66. .sudy-scroll { position:relative;}
    67. 

  67. .sudy-scroll-wrap { position:relative; left:0; top:0; overflow:hidden;}
    68. 

  68. .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;}
    69. 

  69. .sudy-scroll-nav .nav-prev:active,.sudy-scroll-nav .nav-next:active { background:#454545;}
    70. 

  70. .sudy-scroll-nav .nav-next { right:-22px;}
    71. 

  71. .sudy-scroll-nav .nav-prev { left:-22px;}
    72. 

  72. .sudy-scroll-page { width:100%; height:10px; text-align:center; position:absolute; left:0; bottom:-15px; z-index:100;}
    73. 

  73. .sudy-scroll-page .page-index { display:inline-block; width:10px; height:10px; border-radius:5px; overflow:hidden; background:#666; margin:0 3px;}
    74. 

  74. .sudy-scroll-page .active { background:#F30}
    75. 

  75. .sudy-scroll-page .page-index span { display:none;}
    76.