国内流行的内容管理系统(CMS)多端全媒体解决方案 https://www.dedebiz.com
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

54 lines
2.3KB

  1. .boxy-wrapper { position: absolute; }
  2. .boxy-wrapper.fixed { position: fixed; }
  3. /* Modal */
  4. .boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; }
  5. /* Border */
  6. .boxy-wrapper { empty-cells: show; }
  7. .boxy-wrapper .top-left,
  8. .boxy-wrapper .top-right,
  9. .boxy-wrapper .bottom-right,
  10. .boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 }
  11. .boxy-wrapper .top-left { background: url('../images/boxy-nw.png'); }
  12. .boxy-wrapper .top-right { background: url('../images/boxy-ne.png'); }
  13. .boxy-wrapper .bottom-right { background: url('../images/boxy-se.png'); }
  14. .boxy-wrapper .bottom-left { background: url('../images/boxy-sw.png'); }
  15. /* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */
  16. /* NB: these must be absolute paths or URLs to your images */
  17. .boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-nw.png'); }
  18. .boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-ne.png'); }
  19. .boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-se.png'); }
  20. .boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-sw.png'); }
  21. .boxy-wrapper .top,
  22. .boxy-wrapper .bottom { height: 10px; background-color: #693; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
  23. .boxy-wrapper .left,
  24. .boxy-wrapper .right { width: 10px; background-color: #693; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
  25. /* Title bar */
  26. .boxy-wrapper .title-bar {
  27. padding: 6px;
  28. position: relative;
  29. background: #693;
  30. }
  31. .boxy-wrapper .title-bar.dragging { cursor: move; }
  32. .boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; }
  33. .boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }
  34. /* Content Region */
  35. .boxy-inner { background-color: white; padding: 0 }
  36. .boxy-content { padding: 15px; }
  37. /* Question Boxes */
  38. .boxy-wrapper .question { width: 350px; min-height: 80px; }
  39. .boxy-wrapper .answers { text-align: right; }