You are here

nav-book.css in Open Social 8.5

.nav-book {
  padding: 0;
}

.nav-book .menu-item {
  list-style: none;
  padding-top: 3px;
  padding-bottom: 3px;
  clear: both;
  padding-left: 1.25rem;
  position: relative;
}

.nav-book .menu-item:before {
  content: '\25CB';
  position: absolute;
  left: 0;
}

.nav-book .menu-item.menu-item--collapsed:before {
  content: '\25B8';
}

.nav-book .menu-item--expanded .menu {
  padding-left: 0;
}

.nav-book .menu-item--expanded.menu-item--has-children:before {
  content: '\25BE';
}

.navigation-book {
  padding: 0.5em 0;
  font-size: 14px;
}

.navigation-book a:hover {
  text-decoration: underline;
}

.navigation-book .page-links {
  text-align: center;
  font-size: 14px;
}

.navigation-book .pager__item {
  display: block;
  position: relative;
}

.navigation-book .pager__item span {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.navigation-book .pager__item .icon-inline {
  margin-top: 6px;
  position: absolute;
  top: 0;
}

.navigation-book .pager__item .icon-inline + span {
  line-height: 24px;
}

.navigation-book .pager__item--previous {
  text-align: left;
  margin-bottom: 5px;
}

.navigation-book .pager__item--previous span {
  padding-left: 24px;
}

.navigation-book .pager__item--previous .icon-inline {
  left: 0;
  margin-left: 12px;
}

.navigation-book .pager__item--next {
  text-align: right;
  margin-left: 0px;
}

.navigation-book .pager__item--next span {
  padding-right: 24px;
}

.navigation-book .pager__item--next .icon-inline {
  right: 0;
  margin-right: 12px;
}

#book-outline {
  min-width: 56em;
}

.book-outline-form .form-item {
  margin-top: 0;
  margin-bottom: 0;
}

html.js #edit-book-pick-book {
  display: none;
}

.form-item-book-bid .description {
  clear: both;
}

#book-admin-edit select {
  margin-right: 24px;
}

#book-admin-edit select.progress-disabled {
  margin-right: 0;
}

#book-admin-edit tr.ajax-new-content {
  background-color: #ffd;
}

#book-admin-edit .form-item {
  float: left;
}

@media (min-width: 600px) {
  .navigation-book .pager__item {
    max-width: 50%;
    display: inline-block;
  }
  .navigation-book .pager__item--previous {
    margin-bottom: 0px;
    float: left;
  }
  .navigation-book .pager__item--next {
    float: right;
  }
}

File

themes/socialbase/assets/css/nav-book.css
View source
  1. .nav-book {
  2. padding: 0;
  3. }
  4. .nav-book .menu-item {
  5. list-style: none;
  6. padding-top: 3px;
  7. padding-bottom: 3px;
  8. clear: both;
  9. padding-left: 1.25rem;
  10. position: relative;
  11. }
  12. .nav-book .menu-item:before {
  13. content: '\25CB';
  14. position: absolute;
  15. left: 0;
  16. }
  17. .nav-book .menu-item.menu-item--collapsed:before {
  18. content: '\25B8';
  19. }
  20. .nav-book .menu-item--expanded .menu {
  21. padding-left: 0;
  22. }
  23. .nav-book .menu-item--expanded.menu-item--has-children:before {
  24. content: '\25BE';
  25. }
  26. .navigation-book {
  27. padding: 0.5em 0;
  28. font-size: 14px;
  29. }
  30. .navigation-book a:hover {
  31. text-decoration: underline;
  32. }
  33. .navigation-book .page-links {
  34. text-align: center;
  35. font-size: 14px;
  36. }
  37. .navigation-book .pager__item {
  38. display: block;
  39. position: relative;
  40. }
  41. .navigation-book .pager__item span {
  42. display: inline-block;
  43. max-width: 100%;
  44. white-space: nowrap;
  45. overflow: hidden;
  46. text-overflow: ellipsis;
  47. }
  48. .navigation-book .pager__item .icon-inline {
  49. margin-top: 6px;
  50. position: absolute;
  51. top: 0;
  52. }
  53. .navigation-book .pager__item .icon-inline + span {
  54. line-height: 24px;
  55. }
  56. .navigation-book .pager__item--previous {
  57. text-align: left;
  58. margin-bottom: 5px;
  59. }
  60. .navigation-book .pager__item--previous span {
  61. padding-left: 24px;
  62. }
  63. .navigation-book .pager__item--previous .icon-inline {
  64. left: 0;
  65. margin-left: 12px;
  66. }
  67. .navigation-book .pager__item--next {
  68. text-align: right;
  69. margin-left: 0px;
  70. }
  71. .navigation-book .pager__item--next span {
  72. padding-right: 24px;
  73. }
  74. .navigation-book .pager__item--next .icon-inline {
  75. right: 0;
  76. margin-right: 12px;
  77. }
  78. #book-outline {
  79. min-width: 56em;
  80. }
  81. .book-outline-form .form-item {
  82. margin-top: 0;
  83. margin-bottom: 0;
  84. }
  85. html.js #edit-book-pick-book {
  86. display: none;
  87. }
  88. .form-item-book-bid .description {
  89. clear: both;
  90. }
  91. #book-admin-edit select {
  92. margin-right: 24px;
  93. }
  94. #book-admin-edit select.progress-disabled {
  95. margin-right: 0;
  96. }
  97. #book-admin-edit tr.ajax-new-content {
  98. background-color: #ffd;
  99. }
  100. #book-admin-edit .form-item {
  101. float: left;
  102. }
  103. @media (min-width: 600px) {
  104. .navigation-book .pager__item {
  105. max-width: 50%;
  106. display: inline-block;
  107. }
  108. .navigation-book .pager__item--previous {
  109. margin-bottom: 0px;
  110. float: left;
  111. }
  112. .navigation-book .pager__item--next {
  113. float: right;
  114. }
  115. }