forum.css 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. .app-forum .page-content .table {
  2. table-layout: fixed; }
  3. .app-forum .page-content .table .content {
  4. position: relative; }
  5. .app-forum .page-content .table .content > * {
  6. overflow: hidden;
  7. text-overflow: ellipsis;
  8. white-space: nowrap; }
  9. .app-forum .page-content .table .flags {
  10. display: inline-block; }
  11. .app-forum .page-content .table a {
  12. text-decoration: none; }
  13. .app-forum .page-content .table .title {
  14. line-height: 25px; }
  15. .app-forum .page-content .table .title > * {
  16. margin-right: 10px; }
  17. .app-forum .page-content .table .title .locked {
  18. color: #a3afb7; }
  19. .app-forum .page-content .table .sticky-top {
  20. font-size: 90%; }
  21. .app-forum .page-content .table .sticky-top .icon {
  22. margin-right: 4px; }
  23. .app-forum .page-content .table .metas {
  24. color: #a3afb7; }
  25. .app-forum .page-content .table .metas > span {
  26. position: relative;
  27. margin-right: 10px; }
  28. .app-forum .page-content .table .metas > span + span:before {
  29. content: "";
  30. position: absolute;
  31. width: 2px;
  32. height: 2px;
  33. top: 50%;
  34. left: -8px;
  35. background-color: #a7b0b8; }
  36. .app-forum .page-content .table .forum-posts {
  37. text-align: right; }
  38. .app-forum .slidePanel-header {
  39. background-color: #6da611; }
  40. .app-forum .slidePanel-header::after {
  41. display: block;
  42. clear: both;
  43. content: ""; }
  44. .app-forum .slidePanel .actions-top {
  45. position: absolute;
  46. top: 30px;
  47. right: 20px; }
  48. .app-forum .slidePanel .actions-bottom {
  49. position: absolute;
  50. bottom: 30px;
  51. right: 20px; }
  52. .app-forum .slidePanel .avatar, .app-forum .slidePanel .name {
  53. margin-right: 6px; }
  54. .app-forum .slidePanel .time {
  55. color: #a3afb7; }
  56. .app-forum .slidePanel .forum-header, .app-forum .slidePanel .forum-content, .app-forum .slidePanel .forum-metas {
  57. margin-bottom: 20px; }
  58. .app-forum .slidePanel .forum-header::after, .app-forum .slidePanel .forum-content::after, .app-forum .slidePanel .forum-metas::after {
  59. display: block;
  60. clear: both;
  61. content: ""; }
  62. .app-forum .slidePanel .forum-content:last-child {
  63. margin-bottom: 0; }
  64. .app-forum .slidePanel .tags {
  65. margin-bottom: 15px; }
  66. @media (max-width: 1199.98px) {
  67. .app-forum .page-content .table .content {
  68. padding-right: 100px; }
  69. .app-forum .page-content .table .flags {
  70. position: absolute;
  71. top: 0;
  72. right: 0; } }
  73. @media (max-width: 479.98px) {
  74. .app-forum .nav-tabs-line > li > a {
  75. padding: 10px; }
  76. .app-forum .responsive-hide {
  77. display: none !important; }
  78. .app-forum .page-content .table .content {
  79. padding-right: 0; } }