Home Explore Help
Register Sign In
PerfectEquation
/
GZ
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: db155e2997
Branches Tags
GZ
/
nwyj
/
.svn
/
pristine
/
00
/
00bb315ebd51a02987a6f63153bc1fecb41eff99.svn-base

00bb315ebd51a02987a6f63153bc1fecb41eff99.svn-base 10 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135 
  1. .cs_show_win_content { width:262px; height:300px; margin:10px 0; display: inline-block; float:left; }
    2. 

  2. .cs_show_win_content ul  { list-style:none; padding:0; }
    3. 

  3. .cs_show_win_content ul li { width:100px; height:100px; float:left; margin:10px; }
    4. 

  4. .cs_show_win_content .cs_win_item { width:100px; height:100px; cursor:pointer; border-radius:5px; margin:1px; }
    5. 

  5. .cs_win_item:active{ background:#535ea7; box-shadow:0 3px 10px rgba(0, 0, 0, .5);}
    6. 

  6. .ct_win_border{ border:1px dashed #0090e2; border-radius:5px; }
    7. 

  7. .co_win_border{ border:1px dashed #ccc; border-radius:5px; }
    8. 

  8. .cs_win_item_active{ background:rgba(83,94,167,.7); }
    9. 

  9. 

  10. /* 保存按钮 */
    11. 

  11. .subject_btn { float:right;
    12. 

  12.     min-height: 15px; display: inline-block; padding: 2px 6px; margin-right: 20px; margin: 7px;cursor: pointer; opacity: 0.9;
    13. 

  13.     color: #FFF; background: #3a617e; font-size: 1em; letter-spacing: 1px; text-shadow: rgba(0,0,0,0.9) 0px 1px 2px; border: 1px solid #242424;
    14. 

  14.    
    15. 

  15.     -webkit-border-radius: 4px;
    16. 

  16.      -khtml-border-radius: 4px;
    17. 

  17.        -moz-border-radius: 4px;
    18. 

  18.          -o-border-radius: 4px;
    19. 

  19.             border-radius: 4px;
    20. 

  20.     -webkit-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    21. 

  21.      -khtml-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    22. 

  22.        -moz-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    23. 

  23.          -o-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    24. 

  24.             box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    25. 

  25.     -webkit-transition: all 0.1s linear;
    26. 

  26.      -khtml-transition: all 0.1s linear;
    27. 

  27.        -moz-transition: all 0.1s linear;
    28. 

  28.          -o-transition: all 0.1s linear;
    29. 

  29.             transition: all 0.1s linear;
    30. 

  30. }
    31. 

  31. .subject_btn:hover {
    32. 

  32.     -webkit-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    33. 

  33.      -khtml-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    34. 

  34.        -moz-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    35. 

  35.          -o-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    36. 

  36.             box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    37. 

  37. }
    38. 

  38. .subject_btn:active {
    39. 

  39.     -webkit-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px,inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    40. 

  40.      -khtml-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px,inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    41. 

  41.        -moz-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    42. 

  42.          -o-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    43. 

  43.             box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    44. 

  44. }
    45. 

  45. .subject_shine {
    46. 

  46.    display: block;
    47. 

  47.    position: relative;
    48. 

  48.    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    49. 

  49.    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
    50. 

  50.    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    51. 

  51.    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    52. 

  52.    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    53. 

  53.    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
    54. 

  54.    background: linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    55. 

  55.    padding: 0px 12px; top: -2px; left: -10px; height: 1px;
    56. 

  56.    -webkit-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
    57. 

  57.     -khtml-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
    58. 

  58.       -moz-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
    59. 

  59.         -o-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
    60. 

  60.            box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
    61. 

  61.    -webkit-transition: all 0.3s ease-in-out;
    62. 

  62.     -khtml-transition: all 0.3s ease-in-out;
    63. 

  63.       -moz-transition: all 0.3s ease-in-out;
    64. 

  64.         -o-transition: all 0.3s ease-in-out;
    65. 

  65.            transition: all 0.3s ease-in-out;
    66. 

  66. }
    67. 

  67. .subject_btn:hover .subject_shine {left: 0px;}
    68. 

  68. .subject_btn:active .subject_shine {opacity: 0;}
    69. 

  69. .subject_show{ margin:30px 30px 0 0; }
    70. 

  70. 

  71. /* 右侧  */
    72. 

  72. .cs_show_win_await { width:410px; height: 316px; display: inline-block; float: left; margin-left: 0; border-left: 1px solid #afaeae; overflow-y: auto; position: absolute; right: 0; background:#f0f0f0
    73. 

  73. }
    74. 

  74. 

  75. /* 飞入 */
    76. 

  76. .fly_subject_item{position: absolute; z-index: 999; width:110px; height:110px; top:0; left:0; }
    77. 

  77. .fly_subject_char_details_more {
    78. 

  78.     position: absolute; right:7px; top:2px; padding: 5px; padding-bottom: 0;
    79. 

  79.     font-size: 12px; background-color: rgba(0, 0, 0, 0.03);
    80. 

  80.     -webkit-border-radius: 3px;
    81. 

  81.        -moz-border-radius: 3px;
    82. 

  82.             border-radius: 15px;
    83. 

  83.        -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.6);
    84. 

  84.           -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.6);
    85. 

  85.                box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.6);
    86. 

  86.        -webkit-transition: all 0.15s ease-in;
    87. 

  87. }
    88. 

  88. .fly_details { position: absolute; bottom: 0; background: #fff; background: rgba(255, 255, 255, 0.7);
    89. 

  89.     border-top: 1px solid #fff; width: 100px; height:25px; border-bottom: 1px solid rgba(0, 0, 0, 0.25); padding: 0;
    90. 

  90.     -webkit-border-radius: 0 0 5px 5px;
    91. 

  91.     -moz-border-radius: 0 0 5px 5px;
    92. 

  92.     border-radius: 0 0 5px 5px;
    93. 

  93.     -webkit-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.35);
    94. 

  94.     -moz-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.35);
    95. 

  95.     box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.35);
    96. 

  96.     z-index: 9;
    97. 

  97. }
    98. 

  98. .fly_subject_char_details_more img{ width:100px; height:100px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
    99. 

  99. .fly_subject_btn_span{ color:#000000; font-size: 12px; width:80px; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space:nowrap;}
    100. 

  100. 

  101. 

  102. /* 选中专题窗中  */
    103. 

  103. .details_win { position: absolute; bottom: 0; background: #fff; background: rgba(255, 255, 255, 0.7);
    104. 

  104.     border-top: 1px solid #fff; width: 100%; height:25px; border-bottom: 1px solid rgba(0, 0, 0, 0.25); padding: 0;
    105. 

  105.     -webkit-border-radius: 0 0 5px 5px;
    106. 

  106.     -moz-border-radius: 0 0 5px 5px;
    107. 

  107.     border-radius: 0 0 5px 5px;
    108. 

  108.     -webkit-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.35);
    109. 

  109.     -moz-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.35);
    110. 

  110.     box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.35);
    111. 

  111. }
    112. 

  112. .details_win span { margin-bottom: 0px; margin-left: 7px; line-height:25px; letter-spacing: -1px; color:#000; font-size: 12px; float:left; }
    113. 

  113. .details_win a.subject_char_details_more { position: absolute; right:7px; top:2px;
    114. 

  114.     padding:3px; font-size: 12px; background-color: rgba(0, 0, 0, 0.03);
    115. 

  115.     -webkit-border-radius: 3px;
    116. 

  116.     -moz-border-radius: 3px;
    117. 

  117.     border-radius: 15px;
    118. 

  118.     -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.6);
    119. 

  119.     -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.6);
    120. 

  120.     box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.6);
    121. 

  121.     -webkit-transition: all 0.15s ease-in;
    122. 

  122. }
    123. 

  123. .scdm_img{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
    124. 

  124. .details_win a{ color: #0090e2; }
    125. 

  125. .details_win a:hover { background-color: #0090e2; color: #fff; }
    126. 

  126. .empty_win{ width:100px; height:100px; background: url("/nwyj/images/test.png") no-repeat; }   
    127. 

  127. .subject_bg_img{ width:100px; height:100px; } 
    128. 

  128.     
    129. 

  129. 

  130. /* 左侧点击选中 */
    131. 

  131. .subject_acitve_left{ background:rgba(52,152,219,.7)!important; }    
    132. 

  132.     
    133. 

  133.     
    134. 

  134.     
    135. 

  135.     
    136.