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.

bootstrap.css 9.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. /*!
  2. * Bootstrap v2.0.3
  3. *
  4. * Copyright 2012 Twitter, Inc
  5. * Licensed under the Apache License v2.0
  6. * http://www.apache.org/licenses/LICENSE-2.0
  7. *
  8. * Designed and built with all the love in the world @twitter by @mdo and @fat.
  9. */
  10. .clearfix { *zoom: 1; }
  11. .clearfix:before, .clearfix:after { display: table; content: ""; }
  12. .clearfix:after { clear: both; }
  13. .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
  14. .input-block-level { display: block; width: 100%; min-height: 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  15. .label { font-size: 11px; font-weight: bold; line-height: 14px; color: #ffffff; vertical-align: baseline; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.10); background-color: #999999; }
  16. .label { padding: 3px 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
  17. a.label:hover { color: #ffffff; text-decoration: none; cursor: pointer; }
  18. .label-important { background-color: #b94a48; }
  19. .label-important[href]{ background-color: #953b39; }
  20. .label-warning{ background-color: #f89406; }
  21. .label-warning[href] { background-color: #c67605; }
  22. .label-success { background-color: #468847; }
  23. .label-success[href] { background-color: #356635; }
  24. .label-info { background-color: #3a87ad; }
  25. .label-info[href] { background-color: #2d6987; }
  26. .label-inverse { background-color: #333333; }
  27. .label-inverse[href] { background-color: #1a1a1a; }
  28. .whead .btn-group [class*="button"] { border-top: none; border-bottom: none; border-right: none; float: right; height: 37px; padding: 0 12px 0 12px;
  29. line-height: 34px; border-radius: 0; font-size: 16px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topright: 2px; border-top-right-radius: 2px; }
  30. .whead .btn-group [class*="button"] > .caret { margin: 16px 0 0 8px; }
  31. .whead .caretOnly a > .caret { margin-left: 0!important; }
  32. .whead .bDefault:active { box-shadow: none; border-bottom: none; }
  33. .rightdd > [class*="button"] { border-radius: 0; -webkit-border-top-left-radius: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-left-radius: 2px; }
  34. .btn-group { position: relative; *zoom: 1; *margin-left: .3em; }
  35. .rightdd .caret { margin: 5px 0; }
  36. .btn-group:before, .btn-group:after { display: table; content: ""; }
  37. .btn-group:after { clear: both; }
  38. .btn-group:first-child { *margin-left: 0; }
  39. .btn-group + .btn-group { margin-left: 5px; }
  40. .btn-toolbar { margin-top: 9px; margin-bottom: 9px; }
  41. .btn-toolbar .btn-group { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; }
  42. .nav-pills { *zoom: 1; }
  43. .nav-pills:before, .nav-pills:after { display: table; content: ""; }
  44. .nav-pills:after { clear: both; }
  45. .nav-pills > li { display: inline-block; margin-left: 6px; }
  46. .nav-pills > li:first-child { margin-left: 0; }
  47. .nav-pills > li > a { color: #217199; }
  48. .nav-pills .dropdown-toggle .caret { margin: 9px 0 0 6px; }
  49. .toolbar > li { position: relative; float: left; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
  50. .toolbar li a { border-radius: 0; }
  51. .btn-group [class*="button"] { position: relative; float: left; margin-left: -1px; cursor: pointer; }
  52. .toolbar > li > [class*="button"] { border-radius: 0; }
  53. .toolbar > li:first-child [class*="button"], .toolbar > li:first-child [class*="control"] { margin-left: 0; -webkit-border-top-left-radius: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-left-radius: 2px; }
  54. .toolbar > li:last-child [class*="control"], .toolbar > li:last-child [class*="button"] { border-radius: 0; -webkit-border-top-right-radius: 2px; -moz-border-radius-topright: 2px; border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomright: 2px; border-bottom-right-radius: 2px; }
  55. .tableToolbar .toolbar > li { float: none; display: inline-block; margin-left: -4px; }
  56. .tableToolbar .toolbar > li:first-child { margin-left: 0; }
  57. .btn-group > [class*="button"]:last-child,
  58. .btn-group > .dropdown-toggle { -webkit-border-top-right-radius: 2px; -moz-border-radius-topright: 2px; border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomright: 2px; border-bottom-right-radius: 2px; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; }
  59. .btn-group > [class*="button"]:hover, .btn-group > [class*="button"]:focus, .btn-group > [class*="button"]:active, .btn-group > [class*="button"].active { z-index: 2; }
  60. .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; }
  61. .btn-group > .dropdown-toggle { padding-left: 8px; padding-right: 8px; -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); *padding-top: 4px; *padding-bottom: 4px; }
  62. .btn-group > .btn-mini.dropdown-toggle { padding-left: 5px; padding-right: 5px; }
  63. .btn-group > .btn-small.dropdown-toggle { *padding-top: 4px; *padding-bottom: 4px; }
  64. .btn-group > .btn-large.dropdown-toggle { padding-left: 12px; padding-right: 12px; }
  65. .btn-group.open .dropdown-toggle { }
  66. .btn-group.open .btn.dropdown-toggle { background-color: #e6e6e6; }
  67. .btn-group.open .btn-primary.dropdown-toggle { background-color: #0055cc; }
  68. .btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406; }
  69. .btn-group.open .btn-danger.dropdown-toggle { background-color: #bd362f; }
  70. .btn-group.open .btn-success.dropdown-toggle { background-color: #51a351; }
  71. .btn-group.open .btn-info.dropdown-toggle { background-color: #2f96b4; }
  72. .btn-group.open .btn-inverse.dropdown-toggle { background-color: #222222; }
  73. .bBlue > .caret, .bGreen > .caret, .bGreyish > .caret, .bRed > .caret, .bBlack > .caret, .bGold > .caret, .bLightBlue > .caret, .bBrown > .caret, .bSea > .caret { border-top-color: white; }
  74. .dropup .bBlue > .caret, .dropup .bGreen > .caret, .dropup .bGreyish > .caret, .dropup .bRed > .caret, .dropup .bBlack > .caret, .dropup .bGold > .caret, .dropup .bLightBlue > .caret, .dropup .bBrown > .caret, .dropup .bSea > .caret { border-bottom-color: white; }
  75. .dropup, .dropdown { position: relative; }
  76. .dropdown-toggle { *margin-bottom: -3px; }
  77. .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; }
  78. .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; opacity: 0.6; filter: alpha(opacity=60); margin: 5px -5px 5px 10px; }
  79. .dropdown .caret { margin-top: 8px; margin-left: 2px; }
  80. .dropdown:hover .caret, .open .caret { opacity: 0.3; filter: alpha(opacity=30); }
  81. .singleCaret > a { padding: 8px; }
  82. .singleCaret > a > .caret { margin: 5px 0; }
  83. .singleIcon > a { padding: 8px; }
  84. .singleIcon > a > span { padding: 0; margin: 1px 0 -1px 0!important; }
  85. [class*="whead"] .caret { margin: 10px 2px; }
  86. .dropdown-menu { position: absolute; text-align: left; top: 100%; left: -1px; z-index: 1000; display: none; float: left; min-width: 160px; margin: 0px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #c3c3c3; *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 2px 2px -2px #ccc; -moz-box-shadow: 0 2px 2px -2px #ccc; box-shadow: 0 2px 2px -2px #ccc; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; }
  87. .dropdown-menu.pull-right { right: 0; left: auto; }
  88. .dropdown-menu li a { border-bottom: 1px solid #e4e4e4; border-top: 1px solid #fff; }
  89. .dropdown-menu li:first-child a { border-top: none; }
  90. .dropdown-menu li:last-child a { border-bottom: none; }
  91. .dropdown-menu a { display: block; padding: 5px 10px; clear: both; font-weight: normal; color: #6A6A6A; white-space: nowrap; font-size: 11px; background: #fdfdfd; background: -moz-linear-gradient(top, #fdfdfd 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f5f5f5)); background: -webkit-linear-gradient(top, #fdfdfd 0%,#f5f5f5 100%); background: -o-linear-gradient(top, #fdfdfd 0%,#f5f5f5 100%); background: -ms-linear-gradient(top, #fdfdfd 0%,#f5f5f5 100%); background: linear-gradient(top, #fdfdfd 0%,#f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f5f5f5',GradientType=0 ); }
  92. .dropdown-menu a:hover { background: #f5f5f5; }
  93. .open { *z-index: 1000; }
  94. .open .dropdown-menu { display: block; }
  95. .pull-right .dropdown-menu { right: 0; left: auto; }
  96. .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000000; content: "\2191"; }
  97. .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; }