style.css 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  1. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top; background: transparent; } /*Reset style*/
  2. button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; } input[type="checkbox"]:focus { -moz-outline-offset: -1px !important; -moz-outline: 1px solid #000 !important; } :focus { outline: none; } /*Remove a dotted line around 1) buttons, 2) checkboxes, 3) links*/
  3. a { text-decoration: none; cursor: pointer; color: inherit; } a:hover { text-decoration: underline; }
  4. div, span, a, input { background-repeat: no-repeat; }
  5. body {
  6. width: 780px;
  7. margin: 0 auto;
  8. background: #f5f5f5;
  9. color: #000;
  10. font-size: 14px;
  11. font-family: Tahoma, Arial, Verdana, sans-serif, Lucida Sans;
  12. line-height: 1.5em;
  13. text-align: center;
  14. }
  15. .allPage {
  16. display: inline-block;
  17. width: 700px;
  18. margin: 15px auto;
  19. padding: 5px 25px 10px 25px;
  20. background: #fff;
  21. border: 1px solid #000;
  22. text-align: left;
  23. }
  24. .mainTitle {
  25. font-size: 2em;
  26. font-weight: bold;
  27. margin: 0.6em 0;
  28. white-space: nowrap;
  29. }
  30. .mainTitle-text {
  31. display: inline-block;
  32. }
  33. .flagLink {
  34. display: inline-block;
  35. }
  36. .flagLink.first { margin-left: 20px; }
  37. .chooseLang {
  38. width: 24px;
  39. height: 24px;
  40. margin: 0 5px;
  41. opacity: 0.9;
  42. vertical-align: middle;
  43. }
  44. p {
  45. max-width: 700px;
  46. margin: 0.4em 0;
  47. }
  48. p.margin1 { margin: 0.9em 0; }
  49. .linksBox {
  50. color: #999;
  51. }
  52. .example {
  53. width: 445px;
  54. height: 200px;
  55. }
  56. .blueLink {
  57. color: #36b;
  58. }
  59. .grayLink {
  60. color: #999;
  61. }
  62. .secondTitle {
  63. font-size: 1.5em;
  64. font-weight: bold;
  65. margin: 2.4em 0 1.2em;
  66. line-height: 1.3em;
  67. }
  68. .optionBox {
  69. max-width: 800px;
  70. margin: 1.5em 0;
  71. white-space: nowrap;
  72. }
  73. .option-left {
  74. display: inline-block;
  75. width: 180px;
  76. color: #777;
  77. font-weight: bold;
  78. }
  79. .option-left-small {
  80. font-size: 0.8em;
  81. line-height: 1.5em;
  82. }
  83. .option-right {
  84. display: inline-block;
  85. white-space: normal;
  86. }
  87. .option-right-small {
  88. margin-top: 2px;
  89. font-size: 0.9em;
  90. }
  91. .option-hint {
  92. margin: 0.5em 0;
  93. color: #999;
  94. font-size: 0.85em;
  95. line-height: 1.5em;
  96. white-space: normal;
  97. }
  98. #url {
  99. width: 300px;
  100. }
  101. .radio.fisrt {
  102. margin-left: 0;
  103. }
  104. .radio:checked + .r-text { color: #494; }
  105. .button {
  106. min-width: 160px;
  107. height: 26px;
  108. margin: 0 10px 3px 0;
  109. padding-bottom: 1px;
  110. }
  111. .bottomHint {
  112. max-width: 700px;
  113. margin: 0.85em 0;
  114. color: #999;
  115. font-size: 0.85em;
  116. line-height: 1.5em;
  117. }
  118. .bottomInfo {
  119. text-align: center;
  120. }