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

 
(14 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<style>
 
<style>
−
 
 
.dr-menu {
 
.dr-menu {
 
position: relative;
 
position: relative;
 +
width: 300px;
 
font-size: 1.1em;
 
font-size: 1.1em;
 
line-height: 1.2;
 
line-height: 1.2;
 
font-weight: 400;
 
font-weight: 400;
−
color: slategray;
+
padding: 1.1em 0 0.8em 2em;
−
padding: 0 0 0 2em;
+
border-right: 2px solid #7298ff;
−
    border: 0;
+
−
    border-radius: 0;
+
 
z-index: 200;
 
z-index: 200;
 
}
 
}
Line 22: Line 20:
  
 
.dr-menu > div .dr-icon {
 
.dr-menu > div .dr-icon {
−
color: slategray;
+
color: snow;
 
position: absolute;
 
position: absolute;
 
top: 0;
 
top: 0;
Line 50: Line 48:
 
position: relative;
 
position: relative;
 
right: 0;
 
right: 0;
−
font-family: 'montserrat', sans-serif;
+
font-family: 'britanic', sans-serif;
 
margin-bottom: 1rem!important;
 
margin-bottom: 1rem!important;
 
font-weight: 700;
 
font-weight: 700;
 +
color: snow;
 +
cursor: default;
 
}
 
}
  
 
.dr-menu ul {
 
.dr-menu ul {
−
font-family: 'roboto',sans-serif;
+
font-family: 'eras',sans-serif;
 
padding: 0;
 
padding: 0;
 
margin: 0 3em 0 0;
 
margin: 0 3em 0 0;
Line 71: Line 71:
 
margin: 0 0 5px 0;
 
margin: 0 0 5px 0;
 
opacity: 1;
 
opacity: 1;
 +
font-size: 17px;
 
}
 
}
  
 
.dr-menu ul li a {
 
.dr-menu ul li a {
 
display: inline-block;
 
display: inline-block;
−
padding: 0 20px;
+
color: snow;
−
color: slategray;
+
line-height: 1.3rem;
 +
text-align: left;
 
}
 
}
  
 
.dr-menu ul li a:hover {
 
.dr-menu ul li a:hover {
−
color: var(--iGEMgreen);
+
color: #7298ff!important;
 
}
 
}
  
Line 97: Line 99:
 
.dr-menu ul .dr-icon:before {
 
.dr-menu ul .dr-icon:before {
 
margin-right: 15px;
 
margin-right: 15px;
 +
}
 +
 +
.dr-menu ul li li{
 +
color: snow;
 +
font-size: 14px;
 +
width: 300%;
 +
padding-left: 20px;
 +
line-height: 1.3em;
 
}
 
}
  
Line 130: Line 140:
 
content: "\e007";
 
content: "\e007";
 
}
 
}
−
 
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 10:50, 20 October 2021