install.css 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. @charset "utf-8";
  2. /* ================================ */
  3. /* Installation related styles */
  4. /* Author: Hulihutu */
  5. /* Copyright: www.shopwwi.com */
  6. /* Create Date: Jun-04-2013 */
  7. /* Retrofit Date: Jun-15-2013 */
  8. /* ================================ */
  9. * { word-wrap: break-word; outline: none;}
  10. html, body, ul, li, p { padding: 0; margin: 0;}
  11. body { font-family: "microsoft yahei", "Microsoft YaHei", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 20px; color: #7E8C8D; background-color: #FFFFFF;}
  12. h1, h2, h4, h5, h6 { font-weight: normal; margin: 0;}
  13. i, em { font-style: normal;}
  14. ul, ol, li { list-style-type: none;}
  15. a { color: #16A085; text-decoration: underline; transition: all 0.25s ease 0s;}
  16. html { -webkit-text-size-adjust: none; min-height: 101%;}
  17. /* Button Style
  18. -------------------------------------- */
  19. .btn { font-size: 18px; line-height: 20px; color: #FFFFFF; background: #BDC3C7; display: inline-block; height: 20px; padding: 15px 30px; margin: 0 5px; border: none; text-decoration: none; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px/; border-radius: 4px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden;}
  20. .btn:hover, .btn:focus { color: #FFFFFF; background-color: #CACFD2; outline: none; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden;}
  21. .btn:active, .btn.active { color: rgba(255, 255, 255, 0.75); background-color: #A1A6A9; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
  22. .btn.disabled, .btn[disabled] { color: rgba(255, 255, 255, 0.75); background-color: #BDC3C7; opacity: 0.7; filter: alpha(opacity=70)/*IE*/; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
  23. .btn.btn-primary { background-color: #1ABC9C;}
  24. .btn.btn-primary:hover, .btn.btn-primary:focus { background-color: #48C9B0;}
  25. /* Layout head
  26. -------------------------------------- */
  27. .header { width: 100%; height: 100px; border-bottom: solid 1px #ECF0F1;}
  28. .header .layout { width: 960px; height: 100px; margin: 0 auto; position: relative; z-index: 1;}
  29. .header .layout .title { height: 60px; position: absolute; z-index: 1; top: 20px; left: 0;}
  30. .header .layout .title h2 { font-size: 36px; line-height: 40px; color: #159F85; display: block; height: 40px;}
  31. .header .layout .title h5 { font-size: 13px; font-weight: 600; line-height: 20px; color: #2C3E50; text-align: center; display: block; height: 20px;}
  32. .header .layout .title h5 i { font-size: 11px; font-weight: normal; display: inline-block; margin: 0 0 0 5px;}
  33. .header .layout .version { color: #7E8C8D; position: absolute; z-index: 1; bottom: 20px; right: 0;}
  34. /* Layout Central
  35. -------------------------------------- */
  36. .main { width: 100%; padding: 30px 0;}
  37. .menu { width: 898px;}
  38. .menu_tr td { border-bottom: 3px solid #EEEEEE; color: #999999; height: 30px; line-height: 30px;}
  39. .current { border-bottom-color: #FF9900 !important; color: #009900 !important; font-weight: bold;}
  40. /* Layout Bottom - copyright information
  41. -------------------------------------- */
  42. .footer { text-align: center; width: 100%; height: 60px; padding: 10px 0 20px 0; border-top: solid 1px #ECF0F1;}
  43. .footer h5 { font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 600; line-height: 24px; color: #7E8C8C;}
  44. .footer h5 .blue { color: #2B81BA;}
  45. .footer h5 .orange { color: #E77E23;}
  46. .footer h5 .black { color: #2D3E50;}
  47. .footer h5 sup { color: #34495E; margin-left: 2px;}
  48. .footer h6 { font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 11px; line-height: 16px; color: #92A5A5;}
  49. .footer h6 a { text-decoration: none; color: #7E8C8C;}
  50. .footer h6 a:hover { text-decoration: blink;}
  51. /* Content section
  52. -------------------------------------- */
  53. .text-box { width: 898px; margin: 0 auto; border: solid 1px #ECF0F1; position: relative; z-index: 1; overflow: hidden;}
  54. .btnbox{ text-align:center; }
  55. .btnbox input{ margin:0 2px; }
  56. .btnbox textarea{ margin-bottom:10px; width: 90%; height:150px; }