Difference between revisions of "Template:NUDT CHINA"

Line 747: Line 747:
 
.pure-menu-active>.pure-menu-children,.pure-menu-allow-hover:hover>.pure-menu-children{display:block;position:relative}
 
.pure-menu-active>.pure-menu-children,.pure-menu-allow-hover:hover>.pure-menu-children{display:block;position:relative}
 
.pure-menu-has-children>.pure-menu-link:after{padding-left:.5em;content:"\25B8";font-size:small}
 
.pure-menu-has-children>.pure-menu-link:after{padding-left:.5em;content:"\25B8";font-size:small}
 +
.large-header {
 +
position: relative;
 +
width: 100%;
 +
background: #333;
 +
overflow: hidden;
 +
background-size: cover;
 +
background-position: center center;
 +
z-index: 1;
 +
background-position: center bottom;
 +
}
 +
.main-title {
 +
position: absolute;
 +
margin: 0;
 +
padding: 0;
 +
color: #f9f1e9;
 +
text-align: center;
 +
top: 50%;
 +
left: 50%;
 +
-webkit-transform: translate3d(-50%,-50%,0);
 +
transform: translate3d(-50%,-50%,0);
 +
font-family: 'Clicker Script', cursive;
 +
font-weight: normal;
 +
font-size: 8em;
 +
padding-left: 10px;
 +
text-shadow: 2px 2px 4px rgba(0,0,0,0.4);
 +
}
 +
.main-title::before {
 +
content: '';
 +
width: 20vw;
 +
height: 20vw;
 +
min-width: 3.5em;
 +
min-height: 3.5em;
 +
background-size: cover;
 +
position: absolute;
 +
top: 50%;
 +
left: 50%;
 +
border-radius: 50%;
 +
z-index: -1;
 +
-webkit-transform: translate3d(-50%,-50%,0);
 +
transform: translate3d(-50%,-50%,0);
 +
}
 
</style>
 
</style>
  

Revision as of 00:12, 24 October 2017