/sphinx-jp/static/document.css

https://bitbucket.org/shibu/sphinx-usersjp-web/ · CSS · 260 lines · 192 code · 42 blank · 26 comment · 0 complexity · 497a127342859f4c9fa5dd11eed166ae MD5 · raw file

  1. @charset "UTF-8";
  2. /*
  3. ** ドキュメント本体用のスタイルシート
  4. */
  5. /* @group general */
  6. div#document {
  7. color: #444;
  8. }
  9. div#document p {
  10. margin-bottom: 1em;
  11. }
  12. /* section headers */
  13. div#document h1{
  14. font-size: 2em;
  15. font-weight: bold;
  16. color: #444;
  17. margin-bottom: 0.5em;
  18. }
  19. div#document h2,
  20. div#document h3,
  21. div#document h4,
  22. div#document h5,
  23. div#document h6 {
  24. font-weight: 400;
  25. border-bottom: 1px dotted #CCC;
  26. color: #656565;
  27. margin-bottom: 0.5em;
  28. }
  29. div#document h2 {
  30. font-size: 1.5em;
  31. font-weight: bold;
  32. border-bottom: 3px solid #CCC;
  33. }
  34. div#document h3 {
  35. font-size: 1.2em;
  36. }
  37. div#document h4 {
  38. font-size: 1.1em;
  39. }
  40. div#document h5,
  41. div#document h6 {
  42. font-size: 1.0em;
  43. }
  44. div#document a.headerlink:link {
  45. display: none;
  46. }
  47. div#document a.headerlink:hover {
  48. margin-left: 0.5em;
  49. color: #999;
  50. text-decoration: none;
  51. }
  52. div#document ul {
  53. list-style-type: disc;
  54. list-style-position: outside;
  55. margin-bottom: 1em;
  56. margin-left: 1em;
  57. }
  58. div#document div.section {
  59. margin-bottom: 1.5em;
  60. }
  61. .problematic {
  62. background-color: #EEE;
  63. padding: 0.2em;
  64. }
  65. dl {
  66. margin: 0.5em 0;
  67. }
  68. dl > dt {
  69. font-weight: bold;
  70. }
  71. dl > dd {
  72. text-indent: 1em;
  73. }
  74. dl > dd li {
  75. text-indent: 0em;
  76. }
  77. div#document img {
  78. margin: 15px;
  79. }
  80. div#document .figure {
  81. text-align: center;
  82. margin: 10px;
  83. background-color: #eee;
  84. padding: 0.5em 1em;
  85. }
  86. div#document .figure img {
  87. margin: 5px;
  88. }
  89. div#document .figure p.caption {
  90. margin: 0 5px;
  91. font-weight: bold;
  92. text-align: center;
  93. padding: 0;
  94. }
  95. div#document .figure div {
  96. text-align: left;
  97. }
  98. /* @end general */
  99. /* 目次 */
  100. div#document ul li.toctree-l1 {
  101. list-style: none;
  102. }
  103. div#document ul li.toctree-l1 > a {
  104. font-weight: bold;
  105. }
  106. div#document ul ul {
  107. margin-left: 2em;
  108. }
  109. /* @group linkstyle */
  110. div#document a:link {
  111. color: #416d8d;
  112. text-decoration: underline;
  113. }
  114. div#document a:hover {
  115. color: #2c74ff;
  116. text-decoration: underline;
  117. }
  118. div#document a:visited {
  119. color: #416d8d;
  120. }
  121. div#document a:active {
  122. color: #2c74ff;
  123. text-decoration: underline;
  124. }
  125. /* @end */
  126. /* @group note */
  127. /* TODO: 背景にアイコンを入れる -> ノート、警告、参考 */
  128. div#document div.admonition {
  129. font-size: 90%;
  130. }
  131. div#document div.admonition > p.admonition-title {
  132. color: #FFF;
  133. padding-left: 0.5em;
  134. margin: 0;
  135. border-ight-color: 1px solid #AAA;
  136. }
  137. div#document div.admonition > p.last {
  138. background-color: #FFF;
  139. margin: 0;
  140. border-right: 1px solid #AAA;
  141. border-bottom: 1px solid #AAA;
  142. border-left: 1px solid #EEE;
  143. padding: 0.5em;
  144. }
  145. /* 参考 */
  146. div#document div.admonition.seealso p.admonition-title{
  147. background-color: #8ebbe1;
  148. }
  149. /* ノート */
  150. div#document div.admonition.note p.admonition-title{
  151. background-color: #ebe460;
  152. }
  153. /* 警告 */
  154. div#document div.admonition.warning p.admonition-title{
  155. background-color: #aa4936;
  156. }
  157. /* @end */
  158. /* @group 脚注 */
  159. div#document p.rubric {
  160. color: #;
  161. }
  162. div#document table.footnote {
  163. font-size: 90%;
  164. }
  165. /* @end */
  166. /* @group table */
  167. div#document table.docutils {
  168. margin: 1em;
  169. border-right: 1px solid #AAA;
  170. }
  171. div#document table.docutils > caption {
  172. font-weight: bold;
  173. background-color: #666;
  174. margin: 0;
  175. color: #FFF;
  176. border-top: 1px solid #666;
  177. border-left: 1px solid #666;
  178. border-right: 1px solid #666;
  179. }
  180. div#document table.docutils td,
  181. div#document table.docutils th {
  182. padding: 5px;
  183. border-left: 1px solid #AAA;
  184. }
  185. /* @end */
  186. /* @group search */
  187. /* search.html */
  188. div#document fieldset.search {
  189. border: none;
  190. width: 226px;
  191. margin: 30px 0;
  192. border: 1px solid #999;
  193. }
  194. div#document fieldset.search input.hint {
  195. width: 190px;
  196. height: 20px;
  197. padding: 3px;
  198. color: #555;
  199. font-size: 1.2em;
  200. border: none;
  201. }
  202. div#document fieldset.search button.button {
  203. width: 26px;
  204. height: 27px;
  205. text-indent: -9999px;
  206. border: none;
  207. }
  208. /* @end */
  209. /* @group hatena */
  210. /* hatena bookmark */
  211. div#document a.hatena-bookmark-count img {
  212. margin: 0 4px;
  213. }
  214. /* hatena star */
  215. div#document .hatena-star-star-container img.hatena-star-star {
  216. margin: 3px 0;
  217. }
  218. /* @end */