Difference between revisions of "Template:Tongji Software/CSS"

 
(17 intermediate revisions by the same user not shown)
Line 174: Line 174:
 
             font-family: "Source Sans Pro", sans-serif;
 
             font-family: "Source Sans Pro", sans-serif;
 
             color: rgba(2, 23, 37, 0.7);
 
             color: rgba(2, 23, 37, 0.7);
−
            --color-text: #fff;
 
 
             --color-bg: #1f174e;
 
             --color-bg: #1f174e;
 
             --color-bg-2: #151436;
 
             --color-bg-2: #151436;
−
             --color-bg-3: #000;
+
             --color-bg-3: #060029;
−
             --color-link: #8596df;
+
             background: linear-gradient(90deg, var(--color-bg-3), var(--color-bg-2),var(--color-bg),var(--color-bg-2), var(--color-bg-3));
−
            --color-link-hover: #723bb7;
+
−
            background: radial-gradient(ellipse at 30% 48%, var(--color-bg) 0, var(--color-bg-2) 45%, var(--color-bg-3) 150%);
+
 
             /*overflow: hidden;*/
 
             /*overflow: hidden;*/
 
             /* 溢出隐藏 */
 
             /* 溢出隐藏 */
Line 260: Line 257:
 
                 backface-visibility: hidden;
 
                 backface-visibility: hidden;
 
             }
 
             }
−
             .cd-header.is-visible {
+
            /*.cd-header .is-fixed {
 +
                /* when the user scrolls down, we hide the header right above the viewport */
 +
                position: fixed;
 +
                top: -80px;
 +
                background-color: rgba(2, 23, 37, 0.96);
 +
                -webkit-transition: -webkit-transform 0.3s;
 +
                -moz-transition: -moz-transform 0.3s;
 +
                transition: transform 0.3s;
 +
            } */
 +
             .cd-header .is-visible {
 
                 /* if the user changes the scrolling direction, we show the header */
 
                 /* if the user changes the scrolling direction, we show the header */
 
                 -webkit-transform: translate3d(0, 100%, 0);
 
                 -webkit-transform: translate3d(0, 100%, 0);
Line 469: Line 475:
 
             /*菜单下来后的背景色*/
 
             /*菜单下来后的背景色*/
 
             /*background: rgba(2, 23, 37, 0.8);*/
 
             /*background: rgba(2, 23, 37, 0.8);*/
−
            --color-text: #fff;
 
 
             --color-bg: #1f174e;
 
             --color-bg: #1f174e;
 
             --color-bg-2: #151436;
 
             --color-bg-2: #151436;
−
             --color-bg-3: #000;
+
             --color-bg-3: #060029;
−
             --color-link: #8596df;
+
             background: linear-gradient(90deg, var(--color-bg-3), var(--color-bg-2),var(--color-bg),var(--color-bg-2), var(--color-bg-3));
−
            --color-link-hover: #723bb7;
+
−
            background: radial-gradient(ellipse at 30% 48%, var(--color-bg) 0, var(--color-bg-2) 45%, var(--color-bg-3) 150%);
+
 
             z-index: 2;
 
             z-index: 2;
 
             text-align: center;
 
             text-align: center;
Line 541: Line 544:
 
             height: 44px;
 
             height: 44px;
 
             padding: 0;
 
             padding: 0;
−
             background-image: url("../img/cd-socials.svg");
+
             background-image: url("https://static.igem.org/mediawiki/2019/9/93/T--Tongji_Software--menu_cd-socials.svg");
 
             background-repeat: no-repeat;
 
             background-repeat: no-repeat;
 
             /* image replacement */
 
             /* image replacement */
Line 674: Line 677:
 
                 <li class="cd-label">About Us</li>
 
                 <li class="cd-label">About Us</li>
  
−
                 <li><a href="https://2019.igem.org/Team:Tongji_Software/Demonstrate">Our Projects</a></li>
+
                 <li><a href="https://2019.igem.org/Team:Tongji_Software/Project">Our Project</a></li>
−
                 <li><a href="#0">Team Information</a></li>
+
                 <li><a href="https://2019.igem.org/Team:Tongji_Software/Attributions">Team Information</a></li>
  
 
                 <li class="cd-label">Other</li>
 
                 <li class="cd-label">Other</li>
−
                 <li><a href="https://2019.igem.org/Team:Tongji_Software/Demonstrate">Safety</a></li>
+
                 <li><a href="https://2019.igem.org/Team:Tongji_Software/Safety">Safety</a></li>
 
                 <li><a href="https://2019.igem.org/Team:Tongji_Software/Human_Practices">Human Practices</a></li>
 
                 <li><a href="https://2019.igem.org/Team:Tongji_Software/Human_Practices">Human Practices</a></li>
 
                 <li><a href="https://2019.igem.org/Team:Tongji_Software/Public_Engagement">Education & Engagement</a></li>
 
                 <li><a href="https://2019.igem.org/Team:Tongji_Software/Public_Engagement">Education & Engagement</a></li>
−
                 <li><a href="#0">Model</a></li>
+
                 <li><a href="https://2019.igem.org/Team:Tongji_Software/Model">Model</a></li>
−
                 <li><a href="https://2019.igem.org/Team:Tongji_Software/Madal">Medal</a></li>
+
                 <li><a href="https://2019.igem.org/Team:Tongji_Software/Medal">Medal</a></li>
 
                 <li><a href="https://igem.org/2019_Judging_Form?id=3094">Judging Form</a></li>
 
                 <li><a href="https://igem.org/2019_Judging_Form?id=3094">Judging Form</a></li>
  
 
                 <li class="cd-label">Follow us</li>
 
                 <li class="cd-label">Follow us</li>
 +
              <br>
 +
                <li class="cd-socia" style="color:white">Twitter@IGEMtongjisoft </li>
 +
 +
  
−
                <li class="cd-social cd-facebook"><a href="#0">Facebook</a></li>
 
−
                <li class="cd-social cd-instagram"><a href="#0">Instagram</a></li>
 
−
                <li class="cd-social cd-dribbble"><a href="#0">Dribbble</a></li>
 
−
                <li class="cd-social cd-twitter"><a href="#0">Twitter</a></li>
 
 
             </ul>
 
             </ul>
 
         </nav>
 
         </nav>

Latest revision as of 01:49, 22 October 2019

Tongji Software | Pathlab