本WIKI由spt赛小息6于2020年05月27日担任站长并维护更新，编辑权限开放，如遇Chrome浏览器登陆后无法编辑点这里    BWIKI反馈留言板
目前WIKI是开放编辑权限，任何人都可以在遵守《BWIKI社区规则》和《赛尔号星球大战WIKI社区规则》的前提下进行内容制作，违规者将会被封禁。

全站通知：

Widget:测试3/css

来自赛尔号星球大战WIKI_BWIKI_哔哩哔哩
跳到导航 跳到搜索

.animate-fast{ 

   transition: all 300ms;

}


  1. map-wrap #map-menu .wiki-logo{
   padding: 6px 0;
   width: 60%;

}

  1. map-wrap #map-menu .wiki-logo img{
   width: 100%;

}

  1. map-wrap #map-menu .menu-search-box {
   padding: 14px 0px 0 0;
   width: 40%;

}

  1. map-wrap #map-menu .menu-search-box input {
   padding: 7px 12px;
   width: 100%;
   border: 1px solid rgba(0,0,0,0.1);
   border-radius: 20px;
   text-align: right;
   outline: none;
   margin-right: -4px;

}

  1. map-wrap #map-menu .menu-btn-group{
   display: flex;
   text-align: center;
   color: rgba(0,0,0,0.85);
   font-size: 14px;
   border: 1px solid rgba(0,0,0,0.1);
   line-height: 18px;
   padding: 9px 0;
   border-radius: 6px;
   width: 100%;

}

  1. map-wrap #map-menu .menu-btn-group> div{
   cursor: pointer;
   width: 25%;
   border-right: 1px solid rgba(0,0,0,0.1);

}

  1. map-wrap #map-menu .menu-btn-group> div:hover{
   color: rgba(0,0,0,1);

}

  1. map-wrap #map-menu .menu-btn-group> div:last-child{
   border-right: none;

}

  1. map-wrap #map-menu .menu-tab-nav{
   display: flex;
   text-align: center;
   font-size: 16px;
   font-weight: bold;
   color: rgba(0,0,0,0.35);
   width: 100%;
   justify-content: space-around;

}

  1. map-wrap #map-menu .menu-tab-nav> div{
   cursor: pointer;
   width: 30%;
   padding: 10px;

}

  1. map-wrap #map-menu .menu-tab-nav> div:hover{
   color: rgba(0,0,0,0.55);

}

  1. map-wrap #map-menu .menu-tab-nav > div.toggle-active{
   color: rgba(0,0,0,0.85);
   position: relative;

}

  1. map-wrap #map-menu .menu-tab-nav:after{
   content: "";
   position: absolute;
   display: inline-block;
   width: 20px;
   border-bottom: 2px solid rgba(0,0,0,0.85);
   height: 0;
   bottom: -1px;
   left: 20%;
   margin-left: -10px;
   transition: all 300ms;

}

  1. map-wrap #map-menu .menu-tab-nav.tab-listPanel:after{
   left: 20%;

}

  1. map-wrap #map-menu .menu-tab-nav.tab-infoPanel:after{
   left: 50%;

}

  1. map-wrap #map-menu .menu-tab-nav.tab-toolPanel:after{
   left: 80%;

}

  1. map-wrap #mapSetting{
   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
   border-radius:  6px;

}

  1. map-wrap .map-setting-btn{
   zoom: 0.8;
   width: 24px;
   height: 24px;
   color: #CED3DE;
   line-height: 24px;
   background: rgba(0, 0, 0, 0.8);
   padding: 4px;
   white-space: nowrap;
   cursor: pointer;

}

  1. map-wrap .map-setting-btn:first-child{
   border-radius:  6px 6px 0 0;

}

  1. map-wrap .map-setting-btn:last-child{
   border-radius:  0 0 6px 6px;

}

  1. map-wrap .map-setting-btn.toggle-active{
   color: white;
   background: #98c138;

}


  1. map-wrap #map {
   background-color: #fff !important

}

  1. map-wrap .mark-wrap {
   max-width: none

}

  1. map-wrap .BMap_bubble_title {
   word-wrap: break-word;
   word-break: keep-all;
   white-space: normal !important

}

  1. map-wrap .BMap_bubble_content .map-header {
   line-height: 20px

}

  1. map-wrap .BMap_bubble_content .map-header .map-info-id {
   display: inline-block;
   line-height: 36px

}

  1. map-wrap .BMap_bubble_content .map-header .map-info-mark {
   background: #000;
   font-size: 14px;
   color: #fff;
   text-align: center;
   padding: 6px 14px;
   float: right

}

  1. map-wrap .BMap_bubble_content .map-header, #map-wrap .BMap_bubble_content .map-info-des, #map-wrap .BMap_bubble_content .map-info-image-wrap {
   margin: 10px 0

}

  1. map-wrap .BMap_bubble_content .map-info-image-wrap img {
   width: 100%

}

  1. map-wrap .BMap_bubble_content .map-info-footer {
   margin-top: 30px

}

  1. map-wrap .BMap_bubble_content .map-info-footer .map-info-wikilink {
   display: inline-block;
   border: 1px solid #00b6ff;
   font-size: 14px;
   color: #00b6ff;
   text-align: center;
   padding: 8px 44px

}

  1. map-wrap .BMap_bubble_content .map-info-footer .map-info-videolink {
   background: #000;
   font-size: 14px;
   color: #fff;
   text-align: center;
   padding: 8px 44px;
   float: right

}

  1. map-wrap .anchorBL, #map-wrap .BMap_cpyCtrl {
   display: none

}

  1. map-wrap .toggle-type {
   display: none;
   position: absolute;
   right: 100px;
   top: 20px

}

  1. map-wrap .toggle-json {
   display: none;
   position: absolute;
   right: 200px;
   top: 20px

}

  1. map-wrap .toggle-id {
   display: none;
   position: absolute;
   right: 300px;
   top: 20px

}

  1. map-wrap .BMap_pop {
   margin-top: -40px

}

  1. map-wrap .map-link, #map-wrap .map-mark {
   float: right;
   box-sizing: border-box;
   display: block;
   border-radius: 5px;
   margin-right: 10px;
   text-align: center;
   line-height: 30px;
   font-size: 14px;
   font-weight: 700;
   height: 30px;
   margin-top: 10px;
   padding: 0 10px;
   text-decoration: none;
   cursor: pointer;
   color: #fff

}

  1. map-wrap .map-mark {
   background-color: #242424

}

  1. map-wrap .map-link {
   background-color: #0069f8

}

  1. map-wrap #map-menu {
   width: 400px;
   max-width: 85vw;
   position: absolute;
   left: -400px;
   top: 0;
   box-shadow: 0 2px 8px rgba(0, 0, 0, .5);
   box-sizing: border-box;
   flex-direction: column;
   transition: all .5s;
   transform: translate(0%, 0%);
   background: white;
   z-index: 999;
   padding-top: 20vh;
   height: 100%;

}

  1. map-wrap #map-menu .mapMenu {
   width: 100%;
   height: 20vh;
   display: flex;
   justify-content: flex-start;
   flex-wrap: wrap;
   padding: 0 20px;
   border-bottom: 1px solid rgba(0,0,0,0.08);
   position: absolute;
   top: 0;
   align-content: space-between;
   justify-content: space-between;
   box-sizing: border-box;

}


  1. map-wrap #map-menu .mapShrink {
   width: 48px;
   height: 60px;
   position: absolute;
   right: -48px;
   top: 24px;
   cursor: pointer;
   border-radius: 0 6px 6px 0;

}

  1. map-wrap #map-menu .mapShrink .shrink-inner {
   width: 36px;
   height: 48px;
   border-radius: 0 6px 6px 0;
   color: rgba(206,211,222,1);
   background: rgba(0,0,0,0.8);
   text-align: center;

}

  1. map-wrap #map-menu .mapShrink .shrink-inner:after {
   content: ">>";
   letter-spacing: -.3rem;
   margin-left: -3px;
   line-height: 48px;

}

  1. map-wrap #map-menu.toggle-active .shrink-inner:after {
   content: "<<";

}

  1. map-wrap #map-menu .mapSearch {
   margin: 0 20px 10px;

}

  1. map-wrap #map-menu .mapSearch span {
   font-size: 18px;
   color: #333;
   font-weight: 700

}

  1. map-wrap #map-menu .markerList {
   box-sizing: border-box;
   flex: 1;
   overflow-x: hidden;
   overflow-y: auto;
   margin: 0 auto;
   padding: 10px ;
   height: 100%;

}

  1. map-wrap *::-webkit-scrollbar {
   width: 6px;
   background: rgba(225,229,235,1);

}

  1. map-wrap *::-webkit-scrollbar-thumb {
   background: rgba(174,183,201,1);

}

  1. map-wrap #map-menu .markerList .orderItem {
   margin-bottom: 15px;
   padding-bottom: 15px;
   border-bottom: 1px solid rgba(0,0,0,0.08);

}

  1. map-wrap #map-menu .markerList .orderItem .order-h5 {
   height: 24px;
   line-height: 24px;
   color: #333;
   cursor: pointer;
   position: relative;
   margin: 0 0 10px;

}

  1. map-wrap #map-menu .markerList .orderItem .order-h5 span{
   font-size: 16px;
   color: rgba(0,0,0,0.85);
   font-weight: bold;
   padding-left: 10px;

}

  1. map-wrap #map-menu .markerList .orderItem .order-h5 .pcRun {
   display: block;
   width: 78px;
   height: 24px;
   line-height: 24px;
   position: absolute;
   right: 25px;
   top: 0;
   font-size: 12px;
   text-align: center;
   color: rgba(152,162,171,1);

}

  1. map-wrap #map-menu .markerList .orderItem .items-wrap {
   display: flex;
   flex-flow: row wrap;
   align-content: flex-start

}

  1. map-wrap #map-menu .markerList .orderItem .items-wrap a {
   display: flex;
   height: 50px;
   flex: 0 0 48%;
   font-size: 15px;
   color: #88847f;
   cursor: pointer;
   margin: 1%;

}

@media screen and (max-width: 768px) { 

   #map-wrap #map-menu .markerList .orderItem .items-wrap a {
       font-size: 12px
   }

}

  1. map-wrap #map-menu .markerList .orderItem .items-wrap a:hover {
   background: rgba(242,244,246,0.5);

}

  1. map-wrap #map-menu .markerList .orderItem .items-wrap a.item-active {
   border-radius: 6px;
   background: rgba(242,244,246,1);
   color: rgba(0,0,0,0.85);

}

  1. map-wrap #map-menu .markerList .orderItem .items-wrap a div {
   flex: 1;
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 10px

}

  1. map-wrap #map-menu .markerList .orderItem .items-wrap a div .catTit {
   display: flex;
   align-items: center

}

  1. map-wrap #map-menu .markerList .orderItem .items-wrap a div .catTit .list-img {
   width: 20px;
   padding-right: 12px;
   margin-top: -3px;
   box-sizing: content-box;

}

  1. map-wrap #map-menu .markerList .orderItem .items-wrap a div .catNum {
   position: relative

}

  1. map-wrap #map-menu.toggle-active {
   transform: translate(100%, 0%);

}


  1. map-wrap .allHide {
   background: url(https://patchwiki.biligame.com/images/ys/f/f5/h3d1ij0241voanqcxcf682gbijlq7ko.png);

}

  1. map-wrap .allScreen {
   background: url(https://patchwiki.biligame.com/images/ys/2/28/qhi5h9t3yqclpmf72vgp708abm41b51.png)

}

  1. map-wrap .btn-clearStorage {
   background: url(https://patchwiki.biligame.com/images/ys/0/0a/guety3byfxw1rjnwtswsbtd4cu2ooa6.png)

}

  1. map-wrap .logo {
   width: 112px !important;
   height: 116px !important;
   margin: 0px !important;
   background: url(https://patchwiki.biligame.com/images/ys/9/90/d8dtw61n8v9xj69x7wj45jxjx6wmdue.png) no-repeat center;

}

@media screen and (max-width: 1200px) { 

   #map-wrap .logo {
       display: none;
   }

}

.custom-select { 

   position: relative;
   font-family: Arial;

}

.custom-select select { 

   display: none;

}

.select-selected { 

   background: url(https://patchwiki.biligame.com/images/ys/3/39/p9cztxdzn8dknr3ii4ohhf481acvi5z.png);

}

.select-items div, .select-selected { 

   color: #445566;
   font-size: 16px;
   font-weight: bold;
   text-align: center;
   line-height: 32px;
   width: 108px;
   height: 32px;
   cursor: pointer;
   user-select: none;

}

.select-items { 

   position: absolute;
   top: 100%;
   left: 0;
   right: 0;
   z-index: 99;
   border: #702e00 3px double;
   border-radius: 5px;

}

.select-items div { 

   width: 102px;

}

.select-hide { 

   display: none;

}

.select-items div:hover, .same-as-selected { 

   background-color: #8b7449;
   color: #fff;

}

/* -- 地图全屏css -- */ /* full screen */ .fs { 

   object-fit: contain;
   position: fixed !important;
   top: 0px !important;
   right: 0px !important;
   bottom: 0px !important;
   left: 0px !important;
   box-sizing: border-box !important;
   min-width: 0px !important;
   max-width: 100% !important;
   min-height: 0px !important;
   max-height: 100% !important;
   width: 100% !important;
   height: 100% !important;
   transform: none !important;
   margin: 0px !important;
   z-index: 9999999;

}


@media screen and (max-width: 539px) { 

   #map-wrap #map-menu {
       left: -85vw
   }

   .leaflet-popup-tip-container{
       padding-top: 20px;
       box-sizing: border-box;
   }
   .leaflet-popup-content-wrapper, .leaflet-popup-close-button{
       visibility: hidden;
   }
   .leaflet-popup.leaflet-zoom-animated {
       top: -26px;
       margin-left: 1px;
   }
   .leaflet-popup.leaflet-zoom-animated .leaflet-popup-tip-container {
       animation-name: likes;
       animation-direction: alternate;
       animation-timing-function: linear;
       animation-delay: 0s;
       animation-iteration-count: infinite;
       animation-duration: 1s;
   }
   @keyframes likes {
       0%{
           transform: scale(1);
       }
       25%{
           transform: scale(0.9);
       }
       50%{
           transform: scale(0.85);
       }
       75%{
           transform: scale(0.9);
       }
       100%{
           transform: scale(1);
       }
   }

}

取自“https://wiki.biligame.com/seerwar/index.php?title=Widget:测试3/css&oldid=20168”