/shabti/templates/microsite/+package+/public/css/sphinx.css

https://bitbucket.org/gawel/shabti · CSS · 834 lines · 663 code · 152 blank · 19 comment · 0 complexity · 26f2b9dca5377bda63c7d4b88f404773 MD5 · raw file

  1. /**
  2. * Sphinx Doc Design
  3. */
  4. body {
  5. font-family: sans-serif;
  6. color: #000;
  7. }
  8. /* :::: LAYOUT :::: */
  9. div.document {
  10. background-color: #1c4e63;
  11. }
  12. div.documentwrapper {
  13. float: left;
  14. width: 100%;
  15. }
  16. div.bodywrapper {
  17. margin: 0 0 0 230px;
  18. }
  19. div.body {
  20. background-color: white;
  21. padding: 0 20px 30px 20px;
  22. }
  23. div.sphinxsidebarwrapper {
  24. padding: 10px 5px 0 10px;
  25. }
  26. div.sphinxsidebar {
  27. float: left;
  28. width: 230px;
  29. margin-left: -100%;
  30. font-size: 90%;
  31. }
  32. div.clearer {
  33. clear: both;
  34. }
  35. div.footer {
  36. color: #fff;
  37. width: 100%;
  38. padding: 9px 0 9px 0;
  39. text-align: center;
  40. font-size: 75%;
  41. }
  42. div.footer a {
  43. color: #fff;
  44. text-decoration: underline;
  45. }
  46. div.related {
  47. background-color: #133f52;
  48. color: #fff;
  49. width: 100%;
  50. height: 30px;
  51. line-height: 30px;
  52. font-size: 90%;
  53. }
  54. div.related h3 {
  55. display: none;
  56. }
  57. div.related ul {
  58. margin: 0;
  59. padding: 0 0 0 10px;
  60. list-style: none;
  61. }
  62. div.related li {
  63. display: inline;
  64. }
  65. div.related li.right {
  66. float: right;
  67. margin-right: 5px;
  68. }
  69. div.related a {
  70. color: white;
  71. }
  72. /* ::: TOC :::: */
  73. div.sphinxsidebar h3 {
  74. font-family: 'Trebuchet MS', sans-serif;
  75. color: white;
  76. font-size: 1.4em;
  77. font-weight: normal;
  78. margin: 0;
  79. padding: 0;
  80. }
  81. div.sphinxsidebar h4 {
  82. font-family: 'Trebuchet MS', sans-serif;
  83. color: white;
  84. font-size: 1.3em;
  85. font-weight: normal;
  86. margin: 5px 0 0 0;
  87. padding: 0;
  88. }
  89. div.sphinxsidebar p {
  90. color: white;
  91. }
  92. div.sphinxsidebar p.topless {
  93. margin: 5px 10px 10px 10px;
  94. }
  95. div.sphinxsidebar ul {
  96. margin: 10px;
  97. padding: 0;
  98. list-style: none;
  99. color: white;
  100. }
  101. div.sphinxsidebar ul ul,
  102. div.sphinxsidebar ul.want-points {
  103. margin-left: 20px;
  104. list-style: square;
  105. }
  106. div.sphinxsidebar ul ul {
  107. margin-top: 0;
  108. margin-bottom: 0;
  109. }
  110. div.sphinxsidebar a {
  111. color: #98dbcc;
  112. }
  113. div.sphinxsidebar form {
  114. margin-top: 10px;
  115. }
  116. div.sphinxsidebar input {
  117. border: 1px solid #98dbcc;
  118. font-family: sans-serif;
  119. font-size: 1em;
  120. }
  121. /* :::: MODULE CLOUD :::: */
  122. div.modulecloud {
  123. margin: -5px 10px 5px 10px;
  124. padding: 10px;
  125. line-height: 160%;
  126. border: 1px solid #cbe7e5;
  127. background-color: #f2fbfd;
  128. }
  129. div.modulecloud a {
  130. padding: 0 5px 0 5px;
  131. }
  132. /* :::: SEARCH :::: */
  133. ul.search {
  134. margin: 10px 0 0 20px;
  135. padding: 0;
  136. }
  137. ul.search li {
  138. padding: 5px 0 5px 20px;
  139. background-image: url(file.png);
  140. background-repeat: no-repeat;
  141. background-position: 0 7px;
  142. }
  143. ul.search li a {
  144. font-weight: bold;
  145. }
  146. ul.search li div.context {
  147. color: #888;
  148. margin: 2px 0 0 30px;
  149. text-align: left;
  150. }
  151. ul.keywordmatches li.goodmatch a {
  152. font-weight: bold;
  153. }
  154. /* :::: COMMON FORM STYLES :::: */
  155. div.actions {
  156. padding: 5px 10px 5px 10px;
  157. border-top: 1px solid #cbe7e5;
  158. border-bottom: 1px solid #cbe7e5;
  159. background-color: #e0f6f4;
  160. }
  161. form dl {
  162. color: #333;
  163. }
  164. form dt {
  165. clear: both;
  166. float: left;
  167. min-width: 110px;
  168. margin-right: 10px;
  169. padding-top: 2px;
  170. }
  171. input#homepage {
  172. display: none;
  173. }
  174. div.error {
  175. margin: 5px 20px 0 0;
  176. padding: 5px;
  177. border: 1px solid #d00;
  178. font-weight: bold;
  179. }
  180. /* :::: INLINE COMMENTS :::: */
  181. div.inlinecomments {
  182. position: absolute;
  183. right: 20px;
  184. }
  185. div.inlinecomments a.bubble {
  186. display: block;
  187. float: right;
  188. background-image: url(style/comment.png);
  189. background-repeat: no-repeat;
  190. width: 25px;
  191. height: 25px;
  192. text-align: center;
  193. padding-top: 3px;
  194. font-size: 0.9em;
  195. line-height: 14px;
  196. font-weight: bold;
  197. color: black;
  198. }
  199. div.inlinecomments a.bubble span {
  200. display: none;
  201. }
  202. div.inlinecomments a.emptybubble {
  203. background-image: url(style/nocomment.png);
  204. }
  205. div.inlinecomments a.bubble:hover {
  206. background-image: url(style/hovercomment.png);
  207. text-decoration: none;
  208. color: #3ca0a4;
  209. }
  210. div.inlinecomments div.comments {
  211. float: right;
  212. margin: 25px 5px 0 0;
  213. max-width: 50em;
  214. min-width: 30em;
  215. border: 1px solid #2eabb0;
  216. background-color: #f2fbfd;
  217. z-index: 150;
  218. }
  219. div#comments {
  220. border: 1px solid #2eabb0;
  221. margin-top: 20px;
  222. }
  223. div#comments div.nocomments {
  224. padding: 10px;
  225. font-weight: bold;
  226. }
  227. div.inlinecomments div.comments h3,
  228. div#comments h3 {
  229. margin: 0;
  230. padding: 0;
  231. background-color: #2eabb0;
  232. color: white;
  233. border: none;
  234. padding: 3px;
  235. }
  236. div.inlinecomments div.comments div.actions {
  237. padding: 4px;
  238. margin: 0;
  239. border-top: none;
  240. }
  241. div#comments div.comment {
  242. margin: 10px;
  243. border: 1px solid #2eabb0;
  244. }
  245. div.inlinecomments div.comment h4,
  246. div.commentwindow div.comment h4,
  247. div#comments div.comment h4 {
  248. margin: 10px 0 0 0;
  249. background-color: #2eabb0;
  250. color: white;
  251. border: none;
  252. padding: 1px 4px 1px 4px;
  253. }
  254. div#comments div.comment h4 {
  255. margin: 0;
  256. }
  257. div#comments div.comment h4 a {
  258. color: #d5f4f4;
  259. }
  260. div.inlinecomments div.comment div.text,
  261. div.commentwindow div.comment div.text,
  262. div#comments div.comment div.text {
  263. margin: -5px 0 -5px 0;
  264. padding: 0 10px 0 10px;
  265. }
  266. div.inlinecomments div.comment div.meta,
  267. div.commentwindow div.comment div.meta,
  268. div#comments div.comment div.meta {
  269. text-align: right;
  270. padding: 2px 10px 2px 0;
  271. font-size: 95%;
  272. color: #538893;
  273. border-top: 1px solid #cbe7e5;
  274. background-color: #e0f6f4;
  275. }
  276. div.commentwindow {
  277. position: absolute;
  278. width: 500px;
  279. border: 1px solid #cbe7e5;
  280. background-color: #f2fbfd;
  281. display: none;
  282. z-index: 130;
  283. }
  284. div.commentwindow h3 {
  285. margin: 0;
  286. background-color: #2eabb0;
  287. color: white;
  288. border: none;
  289. padding: 5px;
  290. font-size: 1.5em;
  291. cursor: pointer;
  292. }
  293. div.commentwindow div.actions {
  294. margin: 10px -10px 0 -10px;
  295. padding: 4px 10px 4px 10px;
  296. color: #538893;
  297. }
  298. div.commentwindow div.actions input {
  299. border: 1px solid #2eabb0;
  300. background-color: white;
  301. color: #135355;
  302. cursor: pointer;
  303. }
  304. div.commentwindow div.form {
  305. padding: 0 10px 0 10px;
  306. }
  307. div.commentwindow div.form input,
  308. div.commentwindow div.form textarea {
  309. border: 1px solid #3c9ea2;
  310. background-color: white;
  311. color: black;
  312. }
  313. div.commentwindow div.error {
  314. margin: 10px 5px 10px 5px;
  315. background-color: #fbe5dc;
  316. display: none;
  317. }
  318. div.commentwindow div.form textarea {
  319. width: 99%;
  320. }
  321. div.commentwindow div.preview {
  322. margin: 10px 0 10px 0;
  323. background-color: #70d0d4;
  324. padding: 0 1px 1px 25px;
  325. }
  326. div.commentwindow div.preview h4 {
  327. margin: 0 0 -5px -20px;
  328. padding: 4px 0 0 4px;
  329. color: white;
  330. font-size: 1.3em;
  331. }
  332. div.commentwindow div.preview div.comment {
  333. background-color: #f2fbfd;
  334. }
  335. div.commentwindow div.preview div.comment h4 {
  336. margin: 10px 0 0 0!important;
  337. padding: 1px 4px 1px 4px!important;
  338. font-size: 1.2em;
  339. }
  340. /* :::: SUGGEST CHANGES :::: */
  341. div#suggest-changes-box input, div#suggest-changes-box textarea {
  342. border: 1px solid #ccc;
  343. background-color: white;
  344. color: black;
  345. }
  346. div#suggest-changes-box textarea {
  347. width: 99%;
  348. height: 400px;
  349. }
  350. /* :::: PREVIEW :::: */
  351. div.preview {
  352. background-image: url(style/preview.png);
  353. padding: 0 20px 20px 20px;
  354. margin-bottom: 30px;
  355. }
  356. /* :::: INDEX PAGE :::: */
  357. table.contentstable {
  358. width: 90%;
  359. }
  360. table.contentstable p.biglink {
  361. line-height: 150%;
  362. }
  363. a.biglink {
  364. font-size: 1.3em;
  365. }
  366. span.linkdescr {
  367. font-style: italic;
  368. padding-top: 5px;
  369. font-size: 90%;
  370. }
  371. /* :::: INDEX STYLES :::: */
  372. table.indextable td {
  373. text-align: left;
  374. vertical-align: top;
  375. }
  376. table.indextable dl, table.indextable dd {
  377. margin-top: 0;
  378. margin-bottom: 0;
  379. }
  380. table.indextable tr.pcap {
  381. height: 10px;
  382. }
  383. table.indextable tr.cap {
  384. margin-top: 10px;
  385. background-color: #f2f2f2;
  386. }
  387. img.toggler {
  388. margin-right: 3px;
  389. margin-top: 3px;
  390. cursor: pointer;
  391. }
  392. form.pfform {
  393. margin: 10px 0 20px 0;
  394. }
  395. /* :::: GLOBAL STYLES :::: */
  396. .docwarning {
  397. background-color: #ffe4e4;
  398. padding: 10px;
  399. margin: 0 -20px 0 -20px;
  400. border-bottom: 1px solid #f66;
  401. }
  402. p.subhead {
  403. font-weight: bold;
  404. margin-top: 20px;
  405. }
  406. a {
  407. color: #355f7c;
  408. text-decoration: none;
  409. }
  410. a:hover {
  411. text-decoration: underline;
  412. }
  413. div.body h1,
  414. div.body h2,
  415. div.body h3,
  416. div.body h4,
  417. div.body h5,
  418. div.body h6 {
  419. font-family: 'Trebuchet MS', sans-serif;
  420. background-color: #f2f2f2;
  421. font-weight: normal;
  422. color: #20435c;
  423. border-bottom: 1px solid #ccc;
  424. margin: 20px -20px 10px -20px;
  425. padding: 3px 0 3px 10px;
  426. }
  427. div.body h1 { margin-top: 0; font-size: 200%; }
  428. div.body h2 { font-size: 160%; }
  429. div.body h3 { font-size: 140%; }
  430. div.body h4 { font-size: 120%; }
  431. div.body h5 { font-size: 110%; }
  432. div.body h6 { font-size: 100%; }
  433. a.headerlink {
  434. color: #c60f0f;
  435. font-size: 0.8em;
  436. padding: 0 4px 0 4px;
  437. text-decoration: none;
  438. visibility: hidden;
  439. }
  440. h1:hover > a.headerlink,
  441. h2:hover > a.headerlink,
  442. h3:hover > a.headerlink,
  443. h4:hover > a.headerlink,
  444. h5:hover > a.headerlink,
  445. h6:hover > a.headerlink,
  446. dt:hover > a.headerlink {
  447. visibility: visible;
  448. }
  449. a.headerlink:hover {
  450. background-color: #c60f0f;
  451. color: white;
  452. }
  453. div.body p, div.body dd, div.body li {
  454. /*text-align: justify;*/
  455. line-height: 130%;
  456. }
  457. div.body p.caption {
  458. text-align: inherit;
  459. }
  460. div.body td {
  461. text-align: left;
  462. }
  463. ul.fakelist {
  464. list-style: none;
  465. margin: 10px 0 10px 20px;
  466. padding: 0;
  467. }
  468. .field-list ul {
  469. padding-left: 1em;
  470. }
  471. .first {
  472. margin-top: 0 !important;
  473. }
  474. /* "Footnotes" heading */
  475. p.rubric {
  476. margin-top: 30px;
  477. font-weight: bold;
  478. }
  479. /* "Topics" */
  480. div.topic {
  481. background-color: #eee;
  482. border: 1px solid #ccc;
  483. padding: 0 7px 0 7px;
  484. margin: 10px 0 10px 0;
  485. }
  486. p.topic-title {
  487. font-size: 1.1em;
  488. font-weight: bold;
  489. margin-top: 10px;
  490. }
  491. /* Admonitions */
  492. div.admonition {
  493. margin-top: 10px;
  494. margin-bottom: 10px;
  495. padding: 7px;
  496. }
  497. div.admonition dt {
  498. font-weight: bold;
  499. }
  500. div.admonition dl {
  501. margin-bottom: 0;
  502. }
  503. div.admonition p {
  504. display: inline;
  505. }
  506. div.seealso {
  507. background-color: #ffc;
  508. border: 1px solid #ff6;
  509. }
  510. div.warning {
  511. background-color: #ffe4e4;
  512. border: 1px solid #f66;
  513. }
  514. div.note {
  515. background-color: #eee;
  516. border: 1px solid #ccc;
  517. }
  518. p.admonition-title {
  519. margin: 0px 10px 5px 0px;
  520. font-weight: bold;
  521. display: inline;
  522. }
  523. p.admonition-title:after {
  524. content: ":";
  525. }
  526. div.body p.centered {
  527. text-align: center;
  528. margin-top: 25px;
  529. }
  530. table.docutils {
  531. border: 0;
  532. }
  533. table.docutils td, table.docutils th {
  534. padding: 1px 8px 1px 0;
  535. border-top: 0;
  536. border-left: 0;
  537. border-right: 0;
  538. border-bottom: 1px solid #aaa;
  539. }
  540. table.field-list td, table.field-list th {
  541. border: 0 !important;
  542. }
  543. table.footnote td, table.footnote th {
  544. border: 0 !important;
  545. }
  546. .field-list ul {
  547. margin: 0;
  548. padding-left: 1em;
  549. }
  550. .field-list p {
  551. margin: 0;
  552. }
  553. dl {
  554. margin-bottom: 15px;
  555. clear: both;
  556. }
  557. dd p {
  558. margin-top: 0px;
  559. }
  560. dd ul, dd table {
  561. margin-bottom: 10px;
  562. }
  563. dd {
  564. margin-top: 3px;
  565. margin-bottom: 10px;
  566. margin-left: 30px;
  567. }
  568. .refcount {
  569. color: #060;
  570. }
  571. dt:target,
  572. .highlight {
  573. background-color: #fbe54e;
  574. }
  575. dl.glossary dt {
  576. font-weight: bold;
  577. font-size: 1.1em;
  578. }
  579. th {
  580. text-align: left;
  581. padding-right: 5px;
  582. }
  583. pre {
  584. padding: 5px;
  585. background: #efc url(/img/assets/background.png) 0 0 repeat;
  586. color: #333;
  587. border: 1px solid #ac9;
  588. border-left: none;
  589. border-right: none;
  590. overflow: auto;
  591. }
  592. td.linenos pre {
  593. padding: 5px 0px;
  594. border: 0;
  595. background-color: transparent;
  596. color: #aaa;
  597. }
  598. table.highlighttable {
  599. margin-left: 0.5em;
  600. }
  601. table.highlighttable td {
  602. padding: 0 0.5em 0 0.5em;
  603. }
  604. tt {
  605. background-color: #ecf0f3;
  606. padding: 0 1px 0 1px;
  607. font-size: 0.95em;
  608. }
  609. tt.descname {
  610. background-color: transparent;
  611. font-weight: bold;
  612. font-size: 1.2em;
  613. }
  614. tt.descclassname {
  615. background-color: transparent;
  616. }
  617. tt.xref, a tt {
  618. background-color: transparent;
  619. font-weight: bold;
  620. }
  621. .footnote:target { background-color: #ffa }
  622. h1 tt, h2 tt, h3 tt, h4 tt, h5 tt, h6 tt {
  623. background-color: transparent;
  624. }
  625. .optional {
  626. font-size: 1.3em;
  627. }
  628. .versionmodified {
  629. font-style: italic;
  630. }
  631. form.comment {
  632. margin: 0;
  633. padding: 10px 30px 10px 30px;
  634. background-color: #eee;
  635. }
  636. form.comment h3 {
  637. background-color: #326591;
  638. color: white;
  639. margin: -10px -30px 10px -30px;
  640. padding: 5px;
  641. font-size: 1.4em;
  642. }
  643. form.comment input,
  644. form.comment textarea {
  645. border: 1px solid #ccc;
  646. padding: 2px;
  647. font-family: sans-serif;
  648. font-size: 100%;
  649. }
  650. form.comment input[type="text"] {
  651. width: 240px;
  652. }
  653. form.comment textarea {
  654. width: 100%;
  655. height: 200px;
  656. margin-bottom: 10px;
  657. }
  658. .system-message {
  659. background-color: #fda;
  660. padding: 5px;
  661. border: 3px solid red;
  662. }
  663. div.body h2 {
  664. background: url(/img/assets/akhettransaqua.png) 10px 3px no-repeat;
  665. padding-left: 2.66em;
  666. }
  667. /* :::: PRINT :::: */
  668. @media print {
  669. div.document,
  670. div.documentwrapper,
  671. div.bodywrapper {
  672. margin: 0;
  673. width : 100%;
  674. }
  675. div.sphinxsidebar,
  676. div.related,
  677. div.footer,
  678. div#comments div.new-comment-box,
  679. #top-link {
  680. display: none;
  681. }
  682. }