Jump to content

MediaWiki:Common.css: Difference between revisions

 
(18 intermediate revisions by the same user not shown)
Line 3: Line 3:
font-size: 4em;
font-size: 4em;
}
}
.lore-spotlight-widget {
.emoji-trigger-wrap { margin-bottom: .5rem; }
    background: #001933;
#emoji-trigger { margin-right: .5rem; }
    border: 1px solid #FF6300;
/* --- VoteNY: render as 👍1 --- */
    padding: 0.75em;
.vote-box {
    margin: 1em 0;
  background-color: transparent;   /* remove green box */
    font-style: italic;
  height: auto;
    border-radius: 4px;
  width: auto;
  padding: 0;
  display: inline-block !important;
  align-items: center;
}
}


#blog-page-right {
#PollVotes.vote-number {
background-color: var(--color-accent-navy);
  color: inherit;            /* stop forcing white */
  display: inline-block !important;
  background-color: transparent;
  font-size: var(--font-size-medium) !important;
  font-weight: 600;
}
}
/* Layout */
.vote-box::before {
#blog-page-container {
  content: "👍";
   display: flex;
   display: inline-block;
   align-items: flex-start;
   font-size: var(--font-size-medium) !important;
   gap: 1.25rem;           /* space between columns */
   line-height: 1;
}
}


/* Reset any old floats from legacy CSS */
#PollVotes.vote-number::before {
#blog-page-left,
   content: none !important;
#blog-page-middle,
#blog-page-right {
   float: none !important;
}
}


/* Column sizing + order */
/* Hide the Vote/unvote link (we’ll keep it functional via JS) */
#blog-page-left  { flex: 0 0 260px; order: 1; }
#Answer.vote-action {
#blog-page-middle{ flex: 1 1 auto;  min-width: 0; order: 2; }
   display: none;
#blog-page-right { flex: 0 0 300px; order: 3; }
 
/* Make sure the clear div doesn't nuke the layout */
#blog-page-container .visualClear { display: none; }
 
/* Responsive stack on narrow screens */
@media (max-width: 1000px) {
   #blog-page-container { flex-direction: column; }
  #blog-page-left,
  #blog-page-right,
  #blog-page-middle { flex: 1 1 auto; order: initial; }
}
.c-form-title {
color: white;
}
}