Difference between revisions of "Template:XJTU-China/style"

Line 501: Line 501:
 
     }
 
     }
 
}
 
}
−
/*
 
−
 
−
.box {
 
−
    width: 100%;
 
−
    background: #ccc;
 
−
}
 
−
 
−
.progress {
 
−
    position: fixed;
 
−
    top: 16px;
 
−
    left: 0;
 
−
    height: 5px;
 
−
    background: var(--fdtbrown);
 
−
    z-index: 20;
 
−
}
 
−
 
−
.align-padding-50-80 {
 
−
    padding: 50px 80px;
 
−
}
 
−
 
−
.align-padding-50-120 {
 
−
    padding: 50px 120px;
 
−
} */
 
  
 
.linkBox {
 
.linkBox {
Line 671: Line 648:
  
 
/* --------------------- */
 
/* --------------------- */
−
/* -----Tilteffect------ */
+
/* -----TiptoolAnimation------ */
−
.tiltBox
+
 
−
{
+
.tooltip__neo {
 +
position: relative;
 +
display: inline-block;
 +
}
 +
 
 +
.tooltip__trigger {
 +
cursor: pointer;
 +
position: relative;
 +
}
 +
 
 +
.tooltip__trigger-text {
 +
display: block;
 +
padding: 0.85em;
 +
pointer-events: none;
 +
}
 +
 
 +
.tooltip__base {
 +
position: absolute;
 +
bottom: 2em;
 +
left: 50%;
 +
margin-left: -150px;
 +
width: 300px;
 +
height: 200px;
 
display: flex;
 
display: flex;
 +
    align-items: center;
 +
    justify-content: center;
 +
opacity: 0;
 +
pointer-events: none;
 +
}
 +
 +
.tooltip__content {
 +
color: #4a4a4a!important;
 +
display: flex;
 +
position: relative;
 +
align-items: center;
 
justify-content: center;
 
justify-content: center;
−
margin-top: 2em;
+
width: 65%;
 +
padding: 0 1em;
 +
opacity: 0;
 +
font-size: 0.85em;
 
}
 
}
 +
 +
.tooltip__shape,
 +
.tooltip__deco {
 +
position: absolute;
 +
width: 100%;
 +
height: 100%;
 +
top: 0;
 +
left: 0;
 +
}
 +
 +
.tooltip__shape {
 +
fill: #141514;
 +
}
 +
 +
/* --------------------- */
 +
/* -----Tilteffect------ */
 +
  
 
.tilter {
 
.tilter {
Line 1,019: Line 1,049:
 
     font-size: 19vw;
 
     font-size: 19vw;
 
}
 
}
−
/*
 
−
.bannerImg {
 
−
    width: 100vw;
 
−
    height: 100vh;
 
−
    position: relative;
 
−
    overflow: hidden;
 
−
    background-size: cover;
 
−
}
 
−
 
−
.bannerImg::before{
 
−
    content: '';
 
−
    position: absolute;
 
−
    top: 0;
 
−
    left: 0;
 
−
    height: 100vh;
 
−
    width: 100vw;
 
−
    background: rgba(0, 0, 0, 0.1);
 
−
} */
 
  
 
#canvas {
 
#canvas {

Revision as of 03:07, 2 September 2021