MediaWiki:Mainpage.css

Материал из Backpack Battles Wiki
Перейти к навигации Перейти к поиску

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
  • Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
  • Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
  • Opera: Нажмите Ctrl+F5.
/* Меню главной */
.ui-widget-content {
  background: none;
  color: var(--theme-page-text-color) !important;
}

.ui-widget-content a {
  color: var(--theme-link-color) !important;
}

.ui-widget-content a:hover {
  color: var(--theme-link-color--hover);
}

.menu-portal_container { }
.menu-portal_section ul  { list-style: disc; }
.menu-portal_section { border: 0 solid black; margin: 0 0 10px 0;}
.menu-portal_header { padding: 0 1em; position: relative; }
.menu-portal_header_text { width: 100%; padding: .6em 0 0 0; border-bottom: 1px dotted rgb(139,0,0); text-align: center; font-family: IMFELLDWPicaPRORegular; font-size: 2em; }
.menu-portal_headerlinks { font-size: .8em; position: absolute; bottom: 0em; padding-bottom: 2px; top: 465px; }
.menu-portal_header, .menu-portal_header a:link, .menu-portal_header a:visited, .menu-portal_header a:hover, .menu-portal_header a:active { color: rgb(139,0,0); }
.menu-portal_body { padding: .0em; }
.menu-portal_subheader { padding: 0 1em; position: relative; font-size: .9em; }
.menu-portal_subheader, .menu-portal_subheader a:link, .menu-portal_subheader a:visited, .menu-portal_subheader a:hover, .menu-portal_subheader a:active { color: rgb(139,0,0); }
.menu-portal_subheader_text { display: table; width: 100%; padding: .4em 0 0 0; border-bottom: 1px dotted rgb(78,156,190); text-align: left; font-family: IMFELLDWPicaPRORegular; font-size: 1.8em; color: rgb(78,156,190);}

#menu-portal_content { font-size: 12px; line-height: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif;}
#menu-portal_content .menu-portal_body > table { height: 400px; }
#menu-portal_content ul { list-style: disc outside; }
#menu-portal_content ul ul { margin-left: 1em; }

#menu-portal_slider { margin:0; padding:0; position: relative; height: 400px; }
#menu-portal_slider #menu-portal_next, #menu-portal_slider #menu-portal_prev { text-align: center; cursor: pointer; border: 0 solid #FEC356; height: 30px !important; width: 20px; font-family: arial, san-serif; font-size: 36px; line-height: 22px; font-weight: bold; position: absolute; bottom: 8px; background: transparent; -moz-box-shadow: inset 1px 1px 2px rgba(255,255,255, .8); -webkit-box-shadow: inset 1px 1px 2px rgba(255,255,255, .8); box-shadow: inset 1px 1px 2px rgba(255,255,255, .8); background-image: -moz-linear-gradient(bottom, rgb(169,111,1) 0, rgb(254,195,86) 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(169,111,1)), color-stop(100%, rgb(254,195,86))); text-shadow: 1px 1px rgba(255, 255, 255, .3), -1px 0 rgba(0,0,0,.3); color: rgb(190,124,1); -moz-user-select: none; -webkit-user-select: none; user-select: none; display: none;}
#menu-portal_slider #menu-portal_next:hover, #menu-portal_slider #menu-portal_prev:hover { background-image: -moz-linear-gradient(bottom, rgb(233,152,1) 0, rgb(254,218,150) 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(233,152,1)), color-stop(100%, rgb(254,218,150))); color: rgb(233,152,1); display: none;}
#menu-portal_slider #menu-portal_next { right: 10px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; display: none;}
#menu-portal_slider #menu-portal_prev { right: 31px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; display: none;}
#menu-portal_slider > .menu-portal_body { padding: 0; }

#menu-portal_content-1, #menu-portal_content-2, #menu-portal_content-3, #menu-portal_content-4, #menu-portal_content-5, #menu-portal_content-6, #menu-portal_content-7, #menu-portal_content-8, #menu-portal_content-9, #menu-portal_content-10, #menu-portal_content-11, #menu-portal_content-12, #menu-portal_content-13, #menu-portal_content-14, #menu-portal_content-15, #menu-portal_content-16, #menu-portal_content-17, #menu-portal_content-18, #menu-portal_content-19, #menu-portal_content-20, #menu-portal_content-21, #menu-portal_content-22, #menu-portal_content-23, #menu-portal_content-24, #menu-portal_content-25, #menu-portal_content-26, #menu-portal_content-27, #menu-portal_content-28, #menu-portal_content-29, #menu-portal_content-30, #menu-portal_content-31, #menu-portal_content-32, #menu-portal_content-33, #menu-portal_content-34, #menu-portal_content-35, #menu-portal_content-36, #menu-portal_content-37, #menu-portal_content-38, #menu-portal_content-39, #menu-portal_content-40, #menu-portal_content-41, #menu-portal_content-42, #menu-portal_content-43, #menu-portal_content-44, #menu-portal_content-45, #menu-portal_content-46, #menu-portal_content-47, #menu-portal_content-48, #menu-portal_content-49, #menu-portal_content-50, #menu-portal_content-51, #menu-portal_content-52, #menu-portal_content-53, #menu-portal_content-54, #menu-portal_content-55, #menu-portal_content-56, #menu-portal_content-57, #menu-portal_content-58, #menu-portal_content-59, #menu-portal_content-60, #menu-portal_content-61  
{ padding:0; }


.menu-locations {
  border: solid0 black;
  width: 241px;
  height: 238px;
  position: relative;
  top: 15px;
  left: 20px;
}

.menu-resources {
  border: solid0 black;
  width: 241px;
  height: 238px;
  position: relative;
  top: -210px;
  left: 572px;
}

.menu-slimes {
  border: solid0 black;
  width: 241px;
  height: 238px;
  position: relative;
  top: -232px;
  left: 84px;
}

.menu-tools {
  border: solid0 black;
  width: 241px;
  height: 238px;
  position: relative;
  top: -488px;
  left: 465px;
}

.menu-glorp {
  border: solid0 black; 
  width: 241px; 
  height: 238px;
  position: relative; 
  top: -770px;
  left: 300px;
}

.menu-about {
  border: solid0 black; 
  width: 241px; 
  height: 238px;
  position: relative; 
  top: -1182px;
  left: 356px;
}

.ui-widget-content .button span {
  background: var(--theme-accent-color);
  border-radius: 5px;
  bottom: 20px;
  color: var(--theme-accent-label-color) !important;
  padding: 4px 7px;
  position: absolute;
  transition: .3s;
}

.ui-widget-content .button span:hover {
  background: var(--theme-accent-color--hover);
}

/* Призрачные картинки */
.ghost img {
  -moz-opacity: .2;
  -khtml-opacity: .2;
  opacity: .2;
  transition:1s;
}
 
.ghost img:hover {
  -moz-opacity: .8;
  -khtml-opacity: .8;
  opacity: .8;
  transition:1s;
}

/* Прозрачные картинки */
.ghastly img {
  -moz-opacity: .0;
  -khtml-opacity: .0;
  opacity: .0;
  transition: 1s;
}

.ghastly img:hover {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  transition: 1s;
}

/* Прозрачные заголовки меню */
.Montague img {
  -moz-opacity: .6;
  -khtml-opacity: .6;
  opacity: .6;
  transition: .5s;
}

.Montague img:hover {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  transition: .5s;
}

/* Заголовки */
.theme-fandomdesktop-light h1.mainpage, h1.mainpage a {
  /* color: #E43A70; */
  color: #573924;
  font-family: Amatic SC;
  font-weight: bold !important;
  line-height: 1 !important;
  margin: 0 0 -9px 3px !important;
}
.theme-fandomdesktop-dark h1.mainpage, h1.mainpage a {
  /* color: #E43A70; */
  color: #FFFFFF;
  font-family: Amatic SC;
  line-height: 1 !important;
  margin: 0 0 -9px 3px !important;
}

/* Новости */
.blog-listing.mainpage {
  margin-top: 5px;
}

.mainpage .blog-listing__post {
  background-color: var(--srw-gray-tr);
  border: none;
  border-radius: var(--srw-block-border-radius);
  box-shadow: -5px 5px var(--srw-block-box-shadow);
  display: flex;
  flex-wrap: wrap;
  line-height: 18px !important;
  margin: 0 0 15px 10px;
  padding: 10px !important;
}

.mainpage .blog-listing__user-avatar {
  display: none;
}

.blog-listing__bullet,
.blog-listing__post-details span {
  font-weight: normal;
}

.mainpage .blog-listing__title {
  flex-basis: 100%;
  font-size: 16px !important;
  margin: 0 0 15px !important;
}

.mainpage .blog-listing__post-details {
  align-items: center;
  display: flex;
  flex-basis: 100%;
  justify-content: space-between;
  margin-top: 5px;
  order: 1;
}

.mainpage .blog-listing__read-post{
  display: none;
}

.more-news {
  float: right;
  font-size: 13px;
  margin-right: 11px;
}

/* Верхняя */
.vk-light,
.vk-dark {
    position: relative;
}

body.theme-fandomdesktop-light .vk-light,
body.theme-fandomdesktop-dark .vk-dark {
    z-index: 200;
}

body.theme-fandomdesktop-light .vk-dark,
body.theme-fandomdesktop-dark .vk-light {
    margin-top: -400px;
    z-index: -200;
}

/* Нижняя */

.servanto {
  background: var(--srw-gray-tr);
  border-radius: 4px;
  content: "";
  min-height: 227px;
  width: 100%;
}
/* BPB: Они одинаковые.Так надо. */
.servanto2 {
  background: var(--srw-gray-tr);
  border-radius: 4px;
  content: "";
  min-height: 227px;
  width: 100%;
}

.servanto .button a {
  background: var(--theme-accent-color);
  border-radius: 5px;
  color: var(--theme-accent-label-color);
  padding: 4px 7px;
  transition: .3s;
}

.servanto .button a:hover {
  background: var(--theme-accent-color--hover);
}