Вікіпэдыя:Форум/styles.css

Зьвесткі зь Вікіпэдыі — вольнай энцыкляпэдыі

/* Схаваць аўтанумарацыю загалоўкаў */ .mw-headline-number {

   display: none;

} /* Мэню */

  1. menu-container {

margin-bottom: 1em; }

  1. menu-container .mw-ui-button:not(.mw-ui-progressive) {
   opacity: .75;
   border: none;
   border-radius: 0;
   background: none;
   color: #000;

}

  1. menu-container :not(:last-child) .mw-ui-button:not(.mw-ui-progressive) {
   border-right: 1px #777 solid;

}

  1. menu-container .mw-ui-button:not(.mw-ui-progressive):hover {
   opacity: .5;
   border-right-color: #525252;

}

  1. menu-container .mw-ui-button:not(.mw-ui-progressive):active {
   opacity: 1;
   border-right-color: #9c9c9c;

} /* Увесь зьмест */

  1. forum-container {
   max-width: 1600px;
   display: flex;
   flex-direction: column;
   align-items: center;
   margin: 0 auto;

} /* Шапка */

  1. forum-top {
   display: inline-block;
   padding: 1em 0;

}

  1. forum-top h1,
  2. forum-top h3 {
   border-bottom: 0;
   margin: 0;
   padding: 0;
   text-align: center;

}

  1. forum-top .mw-inputbox-centered .mw-ui-input {
   max-width: 350px;

} /* Цела */

  1. forum-main {
   display: flex;
   flex-wrap: wrap;
   margin-top: 1em;

}

  1. forum-main h2 {
   text-align: center;
   border-bottom: none;
   margin: 0;

} /* Разьдзелы */ .topics-container {

   flex: 2;

} .topics-container > hr {

   max-width: 900px;
   margin: 0 auto;

} .topic-box {

   padding: 1em;
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   max-width: 900px;
   margin: 0 auto;

} .topic-left {

   text-align: center;
   flex: 5;

} .topic-left > a {

   font-size: 1.5em;
   line-height: 1.25;

} .topic-middle {

   margin: 0 1.25em;
   flex: 10;

} .topic-middle p {

   margin: 0;

} .topic-middle .mw-inputbox-centered {

   width: 100%;

} .topic-middle .mw-inputbox-centered .mw-ui-input {

   max-width: 250px;

} .topic-right {

   flex: 5;
   text-align: center;

} .topic-right .mw-ui-button {

   width: 100%;
   max-width: 15em;

} /* Запыт */ .faq-container {

   flex: 1;
   padding: 0em 1em;

} .faq-container h2 {

   padding-bottom: 1rem;

} .faq-container p {

   font-size: small;
   margin: 0;

} .faq-container p span {

   padding-left: 1em;

} /* Пошук */ .mw-ui-progressive2 {

   border: 1px solid transparent;
   background: none;
   color: #36c;

} .mw-ui-progressive2:hover {

   border: 1px solid transparent;
   color: #36c;
   filter: brightness(115%);
   background: none;

} .mw-ui-progressive2:active {

   border: 1px solid transparent;
   color: #36c;
   filter: brightness(85%);
   background: none;

}

  1. forum-top input[type="submit"],
  2. forum-main input[type="submit"] {
   border: none;
   font-size: 0;
   padding: 12px;
   background: url('https://upload.wikimedia.org/wikipedia/commons/d/de/OOjs_UI_icon_search-ltr.svg') center no-repeat;
   position: relative;
   right: 32px;
   margin-right: -32px;
   opacity: .66;

}

  1. forum-top input[type="submit"]:hover,
  2. forum-main input[type="submit"]:hover {
   opacity: .75;

} .mw-inputbox-centered, .mw-ui-input {

   display: inline-block;
   position: relative;

} .mw-ui-input {

   padding-right: 32px;

}

@media (max-width: 1024px) {

   #forum-main {
       display: block !important;
   }
   .faq-box {
       padding-top: 1rem;
       columns: 2;
       column-width: 200px;
   }

}