mod/book/styles.css

   1 /* == Fake toc block == */
   2 .path-mod-book .book_toc .action-list img.smallicon {
   3     margin: 0 3px;
   4 }
   5
   6 /* toc style INDENTED*/
   7 .path-mod-book .book_toc ul {
   8     display: flex;
   9     flex-direction: column;
  10 }
  11 .path-mod-book .book_toc li {
  12     flex: 1 1 100%;
  13 }
  14 .path-mod-book .book_toc_indented > ul {
  15     margin-left: 0;
  16     padding-left: 0;
  17 }
  18
  19 .path-mod-book .book_toc_indented li {
  20     list-style: none;
  21 }
  22
  23 /* toc style BULLETED*/
  24 .path-mod-book .book_toc_bullets > ul {
  25     margin-left: 0;
  26     padding-left: 1.3rem;
  27 }
  28 .path-mod-book .book_toc_bullets li {
  29     list-style: disc;
  30 }
  31
  32 /* toc style NUMBERED*/
  33 .path-mod-book .book_toc_numbered > ul {
  34     margin-left: 0;
  35     padding-left: 0;
  36 }
  37
  38 .path-mod-book .book_toc_numbered li {
  39     list-style: none;
  40 }
  41
  42 /* toc style NONE*/
  43 .path-mod-book .book_toc_none ul {
  44     margin-left: 0;
  45     padding-left: 0;
  46 }
  47
  48 .path-mod-book .book_toc_none li {
  49     list-style: none;
  50 }
  51
  52 .path-mod-book #mod_book-chaptersnavigation {
  53     top: 80px;
  54     width: inherit;
  55     margin: 0 -35px;
  56     position: sticky; /* Make navigation sticky. */
  57 }
  58
  59 .path-mod-book #mod_book-chaptersnavigation .tertiary-navigation .navitem {
  60     margin-bottom: -52px;
  61 }
  62
  63 .path-mod-book .book_content {
  64     margin: 0 5px;
  65     padding-right: 15px;
  66     padding-left: 15px;
  67     position: relative; /* Chapter navigation should not float on top of content. */
  68 }
  69
  70 .path-mod-book .btn-previous,
  71 .path-mod-book .btn-next {
  72     background: #dee2e6;
  73     box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 0.075);
  74     padding: 13px 10px;
  75 }
  76
  77 .path-mod-book .btn-previous {
  78     border-radius: 200px 0 0 200px;
  79 }
  80
  81 .path-mod-book .btn-next {
  82     border-radius: 0 200px 200px 0;
  83 }
  84
  85 .path-mod-book.dir-rtl .btn-previous .icon,
  86 .path-mod-book.dir-rtl .btn-next .icon {
  87     transform: scale(-1, -1); /* Flip the icons in RTL languages */
  88 }
  89
  90 .path-mod-book .btn-previous .icon,
  91 .path-mod-book .btn-next .icon {
  92     font-size: 24px;
  93     width: auto;
  94     height: auto;
  95     margin: auto;
  96 }
  97
  98 @media (max-width: 768px) {
  99     .path-mod-book #mod_book-chaptersnavigation {
 100         top: calc(100% - 250px);
 101         margin: 0 -0.5rem;
 102         z-index: 1;
 103     }
 104
 105     .path-mod-book .btn-previous,
 106     .path-mod-book .btn-next {
 107         opacity: 0.85;
 108         border-radius: 25px;
 109         padding: 10px;
 110         width: 45px;
 111         height: 45px;
 112     }
 113
 114     .path-mod-book .book_content {
 115         margin-left: -5px;
 116         margin-right: -5px;
 117     }
 118 }