User:蓝云天/vector.css

@keyframes nav
{
0% {top: 10px;opacity: 0.025;}
60% {top: 10px;opacity: 0.025;}
100% {top: 0;opacity: auto;}
}

@-moz-keyframes nav
{
0% {top: 10px;opacity: 0.025;}
60% {top: 10px;opacity: 0.025;}
100% {top: 0;opacity: auto;}
}

@-webkit-keyframes nav
{
0% {top: 10px;opacity: 0.025;}
60% {top: 10px;opacity: 0.025;}
100% {top: 0;opacity: auto;}
}

@-o-keyframes nav
{
0% {top: 10px;opacity: 0.025;}
60% {top: 10px;opacity: 0.025;}
100% {top: 0;opacity: auto;}
}


@keyframes logo
{
0% {left: 0;opacity: 0.025;}
60% {left: 0;opacity: 0.025;}
100% {left: 50px;opacity: auto;}
}

@-moz-keyframes logo
{
0% {left: 0;opacity: 0.025;}
60% {left: 0;opacity: 0.025;}
100% {left: 50px;opacity: auto;}
}

@-webkit-keyframes logo
{
0% {left: 0;opacity: 0.025;}
60% {left: 0;opacity: 0.025;}
100% {left: 50px;opacity: auto;}
}

@-o-keyframes logo
{
0% {left: 0;opacity: 0.025;}
60% {left: 0;opacity: 0.025;}
100% {left: 50px;opacity: auto;}
}






#theme-name:after {
  content: "Stream-Style, for Vector" !important;
}

#siteNotice,
.portal,
#mw-indicators,
a[title="Learn about new features"] {
  display: none;
}



#footer ul li {
  font-size: .5em !important;
}

#footer {
  top: 15px;
  position: relative;
  opacity: 0.1;
}

#footer:hover {
  opacity: 0.5;
}







#page-base,
#mw-page-base {
  height: 108px !important;
  background: transparent !important;
}

#head-base,
#mw-head-base {
  position: absolute;
  left: 2.5%;
  top: 25px;
  background: linear-gradient(-45deg,#f2ffd3 0%,#a1ff85 50%,#b1ffa5 50%,#f3fff0 100%);
  box-shadow: 0 2px 6px rgba(44,219,0,.39) !important;
  width: 95% !important;
  height: 120px !important;
  margin:0 !important;
}

#left-navigation {
  position: relative;
  margin: 85px 0 0 86px !important;
  animation: nav 2s;
  -moz-animation: nav 2s;
  -webkit-animation: nav 2s;
  -o-animation: nav 2s;
} 

#right-navigation {
  position: relative;
  left: -1px;
  margin: 85px 90px 0 0 !important;
  animation: nav 2s;
  -moz-animation: nav 2s;
  -webkit-animation: nav 2s;
  -o-animation: nav 2s;
}




div.vectorTabs ul li {
  opacity: 0.5;
  background: transparent !important;
}

div.vectorTabs span {
  background: transparent !important;
}

div.vectorMenu {
  opacity: 0.5;
  background: transparent !important;
}

div.vectorTabs ul li:hover {
  opacity: 1 !important;
}

div.vectorMenu:hover {
  opacity: 1 !important;
}



div.menu {
  opacity: 0.8 !important;
  box-shadow: 0 2px 5px rgba(0,0,0,.35) !important;
}

div.menu ul li {
  opacity: 0.9 !important;
}

div.menu ul li:.hover {
  opacity: 1 !important;
}

button.mw-interlanguage-selector {
  background-image:url(https://zh.wikipedia.org/static/1.26wmf18/extensions/UniversalLanguageSelector/resources/css/../images/compact-links-trigger.svg?50018) !important;
  background-size:17px !important;
  background-repeat:no-repeat !important;
  background-position:9% 8% !important;
  font-size:12px !important;
}





#p-personal {
  display: none;
}



#panel,
#mw-panel {
  padding: 0 !important;
  top: 5px !important;
  left: 50px !important;
  width: 60px !important;
  height: 60px !important;
  animation: logo 2s;
  -moz-animation: logo 2s;
  -webkit-animation: logo 2s;
  -o-animation: logo 2s;
}

#p-logo,
#p-logo a {
  position: relative !important;
  top: 0 !important;
  width: 200px !important;
  height: 60px !important;
  color: #333 !important;
  text-shadow: 0 3px 2px #fff;
}

#p-logo a:after {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 60px !important;
  content: 'Wikipedia' !important;
  font: 35px georgia;
  opacity: 1 !important;
}



#p-search {
  margin: 0;
  position: absolute !important;
  top: -72px !important;
  right: -35px !important;
}

#searchInput {
  font-size: .85em !important;
}






body {
  max-width: 960px !important;
  margin: auto !important;
  background: white !important;
}



#content {
  position: relative;
  top: 20px;
  border: 1px solid #FFFAFA;
  overflow-x: auto;
  letter-spacing: 0.048em;
  width: auto !important;
  padding: 33px 39px !important;
  margin: 0 96px !important;
  background: rgba(255,255,255,.8);
  box-shadow: 0 2px 5px rgba(87,120,255,.3) !important;
}

#firstHeading {
  font-family: georgia !important;
  color: #001D8F;
  text-shadow: 0 0 2px #7591FF;
}

#siteSub {
  color: #888 !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
}

#bodyContent p {
  margin: 12px 0 !important;
  line-height: 2 !important;
}

.mw-content-ltr > p {
  text-indent: 2em;
}

html {
  font-size: 12px !important;
}







.mw-ui-button {
  border-radius: 4px;
  border: 1px solid #cbcbcb;
  color: #347Bff;
  background: #fff;
}

.mw-ui-progressive {
  border-radius: 4px;
  border: 1px soild #347bff;
  color: #347bff;
  background: #fff;
}

.mw-ui-constructive {
  border-radius: 4px;
  border: 1px solid #7Bff34;
  color: #347Bff;
  background: #fff;
}

.mw-ui-destructive {
  border-radius: 4px;
  border: 1px solid #ff7B34;
  color: #347Bff;
  background: #fff;
}

.mw-ui-button.mw-ui-progressive: hover,.mw-ui-button.mw-ui-progressive: focus,.mw-ui-button: hover,.mw-ui-progressive: hover,.mw-ui-button: focus,.mw-ui-progressive: focus {
  box-shadow: 0px 0px 0px !important;
  border-width: 2px;
}

.mw-ui-button.mw-ui-progressive: active {
  box-shadow: 0px 0px 0px !important;
  border-width: 3px;
}



a {
  color: #0088cc;
  text-decoration: none;
}

a: hover {
  text-shadow: 0 1px 0 #fcfff6 !important;
  text-decoration: none;
  background: rgba(128,198,255,0.3);
}

a: active {
  text-shadow: 0 -1px 0 #fcfff6 !important;
  text-decoration: none;
  background: rgba(128,198,255,0.3);
}

sup.reference {
  text-indent: 0;
  font-size: 85%;
}