You are here

Home » API reference » Moderation Dashboard 8

moderation_dashboard.css in Moderation Dashboard 8

Same filename and directory in other branches
  1. 2.0.x css/moderation_dashboard.css
.moderation-dashboard {
  display: flex;
}

.moderation-dashboard-region {
  flex-grow: 1;
  width: 33%;
  margin: .5rem;
}

.moderation-dashboard-region:first-child {
  margin-left: 0;
}

.moderation-dashboard-region:last-child {
  margin-right: 0;
}

@media (max-width: 850px) {
  .moderation-dashboard {
    display: block;
  }
  .moderation-dashboard-region {
    width: 100%;
    margin-left: 0;
  }
}

.moderation-dashboard .views-field-revision-uid,
.moderation-dashboard .views-field-uid {
  float: left;
  margin-right: .5rem;
}

.moderation-dashboard canvas::selection {
  background: none;
}

.moderation-dashboard .moderation-dashboard-block {
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem;
  margin-bottom: 1rem;
}

.moderation-dashboard .moderation-dashboard-block > h2 {
  background-color: #f7f7f9;
  border-bottom: 1px solid rgba(0,0,0,.125);
  margin: 0;
  font-weight: normal;
  text-align: left;
  font-size: 1.3rem;
}

.moderation-dashboard .moderation-dashboard-block > h2,
.moderation-dashboard .moderation-dashboard-block > div:not([data-contextual-id]) {
  padding: .75rem;
}

.moderation-dashboard nav ul {
  background: rgba(0, 0, 0, 0.05);
  margin-bottom: -.75rem;
  margin-left: -.75rem;
  margin-right: -.75rem;
  margin-top: 10px;
  padding: 10px;
  list-style: none;
  display: flex;
  justify-content: center;
}

.moderation-dashboard nav li {
  margin-right: 1rem;
}

.moderation-dashboard .views-row,
.moderation-dashboard-add-links li {
  padding: 10px 0 10px 0;
}

.moderation-dashboard .views-row:not(:last-child),
.moderation-dashboard-add-links li:not(:last-child) {
  border-bottom: 1px solid #d4d4d4;
}

.moderation-dashboard .views-row:first-child,
.moderation-dashboard-add-links li:first-child {
  padding-top: 0;
}

.moderation-dashboard .views-row:last-child,
.moderation-dashboard-add-links li:last-child {
  padding-bottom: 0;
}

.moderation-dashboard h5 {
  font-size: 18px;
  text-transform: none;
  margin: 0;
  letter-spacing: inherit;
}

.moderation-dashboard [class*="block-region"] {
  margin-top: 0;
}

.moderation-dashboard-add-links ul {
  list-style: none;
  margin: 0;
  padding: .75rem;
}

.moderation-dashboard-add-links li {
  font-weight: bold;
}

File

css/moderation_dashboard.css
View source 
  1. .moderation-dashboard {

  2.   display: flex;

  3. }

  4. 

  5. .moderation-dashboard-region {

  6.   flex-grow: 1;

  7.   width: 33%;

  8.   margin: .5rem;

  9. }

  10. 

  11. .moderation-dashboard-region:first-child {

  12.   margin-left: 0;

  13. }

  14. 

  15. .moderation-dashboard-region:last-child {

  16.   margin-right: 0;

  17. }

  18. 

  19. @media (max-width: 850px) {

  20.   .moderation-dashboard {

  21.     display: block;

  22.   }

  23.   .moderation-dashboard-region {

  24.     width: 100%;

  25.     margin-left: 0;

  26.   }

  27. }

  28. 

  29. .moderation-dashboard .views-field-revision-uid,

  30. .moderation-dashboard .views-field-uid {

  31.   float: left;

  32.   margin-right: .5rem;

  33. }

  34. 

  35. .moderation-dashboard canvas::selection {

  36.   background: none;

  37. }

  38. 

  39. .moderation-dashboard .moderation-dashboard-block {

  40.   border: 1px solid rgba(0,0,0,.125);

  41.   border-radius: .25rem;

  42.   margin-bottom: 1rem;

  43. }

  44. 

  45. .moderation-dashboard .moderation-dashboard-block > h2 {

  46.   background-color: #f7f7f9;

  47.   border-bottom: 1px solid rgba(0,0,0,.125);

  48.   margin: 0;

  49.   font-weight: normal;

  50.   text-align: left;

  51.   font-size: 1.3rem;

  52. }

  53. 

  54. .moderation-dashboard .moderation-dashboard-block > h2,

  55. .moderation-dashboard .moderation-dashboard-block > div:not([data-contextual-id]) {

  56.   padding: .75rem;

  57. }

  58. 

  59. .moderation-dashboard nav ul {

  60.   background: rgba(0, 0, 0, 0.05);

  61.   margin-bottom: -.75rem;

  62.   margin-left: -.75rem;

  63.   margin-right: -.75rem;

  64.   margin-top: 10px;

  65.   padding: 10px;

  66.   list-style: none;

  67.   display: flex;

  68.   justify-content: center;

  69. }

  70. 

  71. .moderation-dashboard nav li {

  72.   margin-right: 1rem;

  73. }

  74. 

  75. .moderation-dashboard .views-row,

  76. .moderation-dashboard-add-links li {

  77.   padding: 10px 0 10px 0;

  78. }

  79. 

  80. .moderation-dashboard .views-row:not(:last-child),

  81. .moderation-dashboard-add-links li:not(:last-child) {

  82.   border-bottom: 1px solid #d4d4d4;

  83. }

  84. 

  85. .moderation-dashboard .views-row:first-child,

  86. .moderation-dashboard-add-links li:first-child {

  87.   padding-top: 0;

  88. }

  89. 

  90. .moderation-dashboard .views-row:last-child,

  91. .moderation-dashboard-add-links li:last-child {

  92.   padding-bottom: 0;

  93. }

  94. 

  95. .moderation-dashboard h5 {

  96.   font-size: 18px;

  97.   text-transform: none;

  98.   margin: 0;

  99.   letter-spacing: inherit;

  100. }

  101. 

  102. .moderation-dashboard [class*="block-region"] {

  103.   margin-top: 0;

  104. }

  105. 

  106. .moderation-dashboard-add-links ul {

  107.   list-style: none;

  108.   margin: 0;

  109.   padding: .75rem;

  110. }

  111. 

  112. .moderation-dashboard-add-links li {

  113.   font-weight: bold;

  114. }