_page_list.scss 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. .main-container .main .timeline-body { // {{{
  2. .revision-path {
  3. margin-top: 1.6em;
  4. margin-bottom: 0;
  5. border: solid 2px #ddd;
  6. border-bottom: none;
  7. padding: 16px;
  8. background: #ddd;
  9. }
  10. .revision-body {
  11. font-size: 14px;
  12. border: solid 2px #ddd;
  13. padding: 16px;
  14. background: #fdfdfd;
  15. }
  16. } // }}}
  17. .page-list {
  18. .page-list-container {
  19. line-height: 1.6em;
  20. font-size: 15px;
  21. }
  22. .page-list-ul {
  23. margin: 0;
  24. padding-left: 0;
  25. > li {
  26. margin: 0;
  27. list-style: none;
  28. .page-list-option {
  29. float: right;
  30. margin-left: 4px;
  31. }
  32. .picture {
  33. width: 16px;
  34. height: 16px;
  35. }
  36. > a {
  37. display: inline;
  38. padding: 0 4px;
  39. color: inherit;
  40. strong {
  41. color: #333;
  42. }
  43. }
  44. > span.page-list-meta {
  45. font-size: .9em;
  46. color: #999;
  47. >span {
  48. margin-right: .3rem;
  49. }
  50. i {
  51. margin-right: 2px;
  52. }
  53. }
  54. }
  55. // after second level indent
  56. .page-list-ul {
  57. padding-left: 2rem;
  58. }
  59. // override .page-list-ul
  60. &.page-list-ul-flat {
  61. padding-left: 0;
  62. }
  63. }
  64. }
  65. .popular-page-high {
  66. color: #e80000;
  67. font-size: 1.1em;
  68. font-weight: bold;
  69. }
  70. .popular-page-mid {
  71. color: #e47800;
  72. font-weight: bold;
  73. }
  74. .popular-page-low {
  75. color: #ab7c7c;
  76. }