/sphinx-jp/static/general.css

https://bitbucket.org/shibu/sphinx-usersjp-web/ · CSS · 391 lines · 293 code · 73 blank · 25 comment · 0 complexity · d61b4daf58a6763f66b45949de910b71 MD5 · raw file

  1. @charset "UTF-8";
  2. @import "basic.css";
  3. @import "reset.css";
  4. @import "highlight.css";
  5. @import "document.css";
  6. @import "index.css";
  7. /* @group General */
  8. /* Sticky footer */
  9. html, body, div#wrapper {
  10. height: 100%;
  11. }
  12. body {
  13. background-color: #FEFEFE;
  14. margin: 0 auto;
  15. color: #222;
  16. }
  17. .left {
  18. float: left;
  19. }
  20. .right {
  21. float: right;
  22. }
  23. /* @end */
  24. /* @group Structure */
  25. div#wrapper {
  26. margin: 0 auto;
  27. min-width: 980px;
  28. font-size: 90%;
  29. /* Sticky footer */
  30. height: auto;
  31. min-height: 100%;
  32. }
  33. div#header {
  34. width: 100%;
  35. background: #363B45 url(header_bg.png) repeat-x;
  36. min-height: 180px;
  37. border-bottom: 1px solid #333;
  38. }
  39. div#content {
  40. clear: both;
  41. width: 95%;
  42. margin: 0 auto;
  43. /* Sticky footer */
  44. overflow: auto;
  45. padding-bottom: 160px; /* same height as the footer */
  46. }
  47. div#document {
  48. width: 65%;
  49. margin: 0;
  50. padding: 10px;
  51. border-right: 1px solid #EEE;
  52. background: #FFF url(../../../sphinx-jp/static/docBg.png) repeat-y right;
  53. }
  54. div#sidebar {
  55. width: 30%;
  56. float: left;
  57. padding: 10px 0;
  58. color: #444;
  59. }
  60. div#footer {
  61. background-color: #363B45;
  62. border-top: 1px solid #999;
  63. color: #FFF;
  64. /* Sticky footer */
  65. clear: both;
  66. position: relative;
  67. margin-top: -160px; /* negative value of footer height */
  68. height: 160px;
  69. }
  70. /* Sticky footer Opera Fix*/
  71. body:before {
  72. content:"";
  73. height:100%;
  74. float:left;
  75. width:0;
  76. margin-top:-32767px;/
  77. }
  78. /* @end */
  79. /* @group Section */
  80. /* header */
  81. div#header img.logo {
  82. height: 100px;
  83. width: 100px;
  84. float: left;
  85. margin-right: 20px;
  86. }
  87. div#header div#projInfo {
  88. width: 60%;
  89. float: left;
  90. margin: 20px 1em;
  91. }
  92. div#header div#headerNav {
  93. width: 30%;
  94. float: right;
  95. margin: 20px 1em;
  96. }
  97. fieldset.search {
  98. border: none;
  99. width: 226px;
  100. margin: 60px auto 0;
  101. }
  102. fieldset.search > input,
  103. fieldset.search > button {
  104. border: none;
  105. float: left;
  106. }
  107. fieldset.search input.hint {
  108. width: 190px;
  109. height: 20px;
  110. padding: 3px;
  111. color: #555;
  112. font-size: 1.2em;
  113. border-top: 1px solid #999;
  114. border-left: 1px solid #999;
  115. }
  116. fieldset.search input.hint:focus {
  117. outline: none;
  118. }
  119. fieldset.search button.button {
  120. width: 26px;
  121. height: 27px;
  122. text-indent: -9999px;
  123. background: #FFF url(search.png) no-repeat 3px 3px;
  124. border-top: 1px solid #999;
  125. }
  126. fieldset.search button.button:hover {
  127. cursor: pointer;
  128. }
  129. div#header > div#gnav {
  130. clear: both;
  131. height: 50px;
  132. padding-top: 20px;
  133. }
  134. div#header > div#gnav > ul {
  135. list-style: none;
  136. float: right;
  137. width: 30%;
  138. margin: 0 40px;
  139. }
  140. div#header > div#gnav > ul > li {
  141. float: left;
  142. width: 80px;
  143. height: 40px;
  144. margin-top: 0px;
  145. margin-left: 10px;
  146. }
  147. div#header > div#gnav > ul > li.home > p > a {
  148. background: url(gnav_home.png) no-repeat;
  149. }
  150. div#header > div#gnav > ul > li.home > p > a:hover {
  151. background: url(gnav_home.png) no-repeat 0 -40px;
  152. }
  153. div#header > div#gnav > ul > li.doc > p > a {
  154. background: url(gnav_btn_doc.png) no-repeat;
  155. }
  156. div#header > div#gnav > ul > li.doc > p > a:hover {
  157. background: url(gnav_btn_doc.png) no-repeat 0 -40px;
  158. }
  159. div#header > div#gnav > ul > li.modindex > p > a {
  160. background: url(gnav_mod.png) no-repeat;
  161. }
  162. div#header > div#gnav > ul > li.modindex > p > a:hover {
  163. background: url(gnav_mod.png) no-repeat 0 -40px;
  164. }
  165. div#header > div#gnav > ul > li > p > a{
  166. color: #FFF;
  167. text-indent: -9999px;
  168. width: 100px;
  169. height: 40px;
  170. display: block;
  171. }
  172. /* /header */
  173. /* sidebar */
  174. div.sidebarRow {
  175. margin-bottom: 10px;
  176. padding: 10px;
  177. border-top: 1px solid #DDD;
  178. }
  179. div#toc.sidebarRow {
  180. border-top: 5px solid #363B45;
  181. }
  182. div#sidebar div#toc > h3,
  183. div#sidebar div#source > h3,
  184. div#sidebar div#rel h4 {
  185. font-size: 1.1em;
  186. font-weight: bold;
  187. margin-bottom: 0.5em;
  188. color: #1a253d;
  189. }
  190. div.sidebarRow > ul > li {
  191. margin-left: 10px;
  192. list-style: none;
  193. }
  194. div#sidebar ul {
  195. font-size: 15px;
  196. font-weight: bold;
  197. list-style-type: square;
  198. }
  199. div#sidebar li {
  200. margin-bottom: 5px;
  201. }
  202. div#sidebar li > a {
  203. display: block;
  204. width: 100%;
  205. }
  206. div#sidebar ul ul {
  207. margin-left: 1em;
  208. }
  209. div#sidebar div#rel div.relRow {
  210. margin-bottom: 15px;
  211. }
  212. div#sidebar div#rel div.relRow.prev > h4 {
  213. background: url(prev.png) no-repeat 0 2px;
  214. text-indent: 25px;
  215. font-size: 1em;
  216. }
  217. div#sidebar div#rel div.relRow.next > h4 {
  218. background: url(next.png) no-repeat 0 2px;
  219. text-indent: 25px;
  220. font-size: 1em;
  221. }
  222. div#sidebar div#rel p.topless {
  223. margin-left: 1em;
  224. font-weight: bold;
  225. font-size: 0.9em;
  226. }
  227. div#sidebar div#rel p > a {
  228. display: block;
  229. width: 100%;
  230. }
  231. div#sidebar div#source > ul.this-page-menu {
  232. list-style: none;
  233. }
  234. div#sidebar div#source > ul.this-page-menu > li {
  235. font-weight: bold;
  236. font-size: 0.9em;
  237. background: url(show_source.png) no-repeat;
  238. height: 35px;
  239. padding-top: 3px;
  240. text-indent: 40px;
  241. }
  242. /* /sidebar */
  243. /* footer */
  244. div#footer > div.footerCol {
  245. float: left;
  246. width: 40%;
  247. margin: 10px;
  248. }
  249. div#footer > div.footerCol h1 {
  250. font-size: 1.5em;
  251. font-weight: bold;
  252. }
  253. div#footer > div.footerCol > p {
  254. font-size: 0.9em;
  255. color: #FFF;
  256. }
  257. div#footer > div.footerCol > p.sp {
  258. margin-bottom: 1em;
  259. }
  260. div#footer > div.footerCol > p.update {
  261. font-weight: bold;
  262. }
  263. div#footer > div.footerCol > div.relbar > dl {
  264. margin-bottom: 1em;
  265. }
  266. /* /footer */
  267. /* @end */
  268. /* @group Font style */
  269. div#header div#projInfo h1#title {
  270. font-size: 2.5em;
  271. font-weight: bold;
  272. text-shadow: #666 -1px -1px 0;
  273. }
  274. div#header div#projInfo p.docdesc {
  275. font-size: 0.9em;
  276. font-weight: bold;
  277. color: #FFF;
  278. text-shadow: #666 -1px -1px 0;
  279. }
  280. /* @end */
  281. /* @group List style */
  282. /* @end */
  283. /* @group Link style */
  284. div#header div#projInfo a,
  285. div#footer > div.footerCol h1 > a {
  286. color: #FFF;
  287. text-decoration: none;
  288. }
  289. div#sidebar a:link,
  290. div#sidebar a:visited,
  291. div#sidebar a:active {
  292. color: #444;
  293. text-decoration: none;
  294. }
  295. div#sidebar a:hover {
  296. color: #f95924;
  297. }
  298. div#footer a:link,
  299. div#footer a:visited,
  300. div#footer a:active {
  301. color: #7bb4f3;
  302. text-decoration: none;
  303. }
  304. div#footer a:hover {
  305. text-decoration: underline;
  306. }
  307. /* @end */
  308. /* @group Image(figure directive) style */
  309. div.figure .eventimage {
  310. float: left;
  311. }
  312. div.figure p.caption {
  313. padding-top: 1em;
  314. }
  315. div.section { /* reset float for figure (ugly..)*/
  316. clear: both;
  317. }
  318. /* @end */