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

Line 5: Line 5:
 
     <style>
 
     <style>
 
         *::-webkit-scrollbar {
 
         *::-webkit-scrollbar {
                display: none;
+
            display: none;
        }
+
        }
 +
       
 
         #sideMenu,
 
         #sideMenu,
 
         #top_title {
 
         #top_title {
Line 22: Line 23:
 
             margin-left: -10px;
 
             margin-left: -10px;
 
         }
 
         }
         #bodyContent a[href ^="https://"] {
+
       
            padding: .4em 1em;
+
         #bodyContent a[href ^="https://"] {
 +
            padding: .4em 1em;
 
         }
 
         }
 
         /*content style*/
 
         /*content style*/
Line 112: Line 114:
 
             border: 0;
 
             border: 0;
 
             font-size: 100%;
 
             font-size: 100%;
          /* font: inherit;*/
+
            /* font: inherit;*/
 
             vertical-align: baseline;
 
             vertical-align: baseline;
 
         }
 
         }
Line 172: 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-text: #fff;
 
             --color-bg: #1f174e;
 
             --color-bg: #1f174e;
 
             --color-bg-2: #151436;
 
             --color-bg-2: #151436;
Line 197: Line 199:
 
          
 
          
 
         a:hover,
 
         a:hover,
       
 
 
         a:visited {
 
         a:visited {
 
             color: white;
 
             color: white;
Line 259: Line 260:
 
                 backface-visibility: hidden;
 
                 backface-visibility: hidden;
 
             }
 
             }
          /* .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 {
 
             .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 */
Line 347: Line 339:
 
             background-color: rgba(2, 23, 37, 0);
 
             background-color: rgba(2, 23, 37, 0);
 
         }
 
         }
       
 
 
          
 
          
 
         #cd-primary-naver a:hover {
 
         #cd-primary-naver a:hover {
Line 449: Line 440:
 
                 top: 10vh;
 
                 top: 10vh;
 
                 bottom: auto;
 
                 bottom: auto;
              /* -webkit-transform: translateY(-50%);
+
                /* -webkit-transform: translateY(-50%);
 
                 -moz-transform: translateY(-50%);
 
                 -moz-transform: translateY(-50%);
 
                 -ms-transform: translateY(-50%);
 
                 -ms-transform: translateY(-50%);
Line 658: Line 649:
 
             }
 
             }
 
         }
 
         }
 
 
     </style>
 
     </style>
 
     <!-- Resource style -->
 
     <!-- Resource style -->
Line 681: Line 671:
 
             <ul class="cd-primary-nav">
 
             <ul class="cd-primary-nav">
 
                 <li style="height:8vh"></li>
 
                 <li style="height:8vh"></li>
                        <li><a id="url" href="https://2019.igem.org/Team:Tongji_Software">HOME</a></li>
+
                <li><a id="url" href="https://2019.igem.org/Team:Tongji_Software">HOME</a></li>
                        <li class="cd-label">About Us</li>
+
                <li class="cd-label">About Us</li>
  
                        <li><a href="#0">Our Projects</a></li>
+
                <li><a href="#0">Our Projects</a></li>
                        <li><a href="#0">Team Information</a></li>
+
                <li><a href="#0">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/Demonstrate">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="#0">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/Madal">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>
  
                        <li class="cd-social cd-facebook"><a href="#0">Facebook</a></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-instagram"><a href="#0">Instagram</a></li>
                        <li class="cd-social cd-dribbble"><a href="#0">Dribbble</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>
+
                <li class="cd-social cd-twitter"><a href="#0">Twitter</a></li>
 
             </ul>
 
             </ul>
 
         </nav>
 
         </nav>

Revision as of 17:16, 13 October 2019

Tongji Software | Pathlab