2
0

style_mobile.css 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. .chapter_list .list {
  2. display: none;
  3. }
  4. .sutta_row {
  5. grid-template-columns: 100px 1fr 1fr;
  6. }
  7. .sutta_tag {
  8. grid-column: 1 / 4;
  9. }
  10. .chapter_head_tool_bar .chapter_back_button {
  11. display: inline-block;
  12. }
  13. .chapter_head_tool_bar .chapter_close_button {
  14. display: none;
  15. }
  16. #main_view{
  17. display:flex;
  18. flex-direction: column;
  19. }
  20. #left-bar {
  21. flex: 2;
  22. background-color: var(--box-bg-color2);
  23. display: none;
  24. }
  25. .chapter_list .more_info {
  26. display: flex;
  27. font-size: 80%;
  28. color: var(--main-color1);
  29. flex-direction: column;
  30. }
  31. .chapter_list ul li .main {
  32. display: flex;
  33. flex-direction: column;
  34. }
  35. .left_items {
  36. display: flex;
  37. flex-direction: row;
  38. }
  39. #tag_list_inner {
  40. display: flex;
  41. flex-direction: column-reverse;
  42. }
  43. #tag_list_tag_div {
  44. padding: 6px;
  45. }
  46. #tag_list_setting_div {
  47. padding: 6px;
  48. }
  49. #palicanon-category{
  50. display:block;
  51. }
  52. #palicanon-category>.chapter_list {
  53. flex-direction: column;
  54. }
  55. #palicanon-category li{
  56. display: flex;
  57. padding: 5px 0;
  58. border-bottom: 1px solid var(--border-line-color);
  59. }
  60. #palicanon-category .chapter_list .title .title_1 {
  61. width: unset;
  62. }
  63. #palicanon-category .chapter_list .title{
  64. width: -webkit-fill-available;
  65. padding-left: 12px;
  66. }
  67. #course_head_bar{
  68. padding:0 10px 10px 15px;
  69. }
  70. .chapter_list .title .title_1 {
  71. width: 100%;
  72. }