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

 
(28 intermediate revisions by the same user not shown)
Line 5: Line 5:
 
     <style>
 
     <style>
 
         *::-webkit-scrollbar {
 
         *::-webkit-scrollbar {
−
                display: none;
+
            display: none;
−
        }
+
        }
 +
       
 
         #sideMenu,
 
         #sideMenu,
 
         #top_title {
 
         #top_title {
Line 21: Line 22:
 
         #indexMenu ul {
 
         #indexMenu ul {
 
             margin-left: -10px;
 
             margin-left: -10px;
 +
        }
 +
       
 +
        #bodyContent a[href ^="https://"] {
 +
            padding: .4em 1em;
 
         }
 
         }
 
         /*content style*/
 
         /*content style*/
Line 109: Line 114:
 
             border: 0;
 
             border: 0;
 
             font-size: 100%;
 
             font-size: 100%;
−
          /* font: inherit;*/
+
            /* font: inherit;*/
 
             vertical-align: baseline;
 
             vertical-align: baseline;
 
         }
 
         }
Line 169: 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 194: Line 196:
 
          
 
          
 
         a:hover,
 
         a:hover,
−
       
 
 
         a:visited {
 
         a:visited {
 
             color: white;
 
             color: white;
Line 256: Line 257:
 
                 backface-visibility: hidden;
 
                 backface-visibility: hidden;
 
             }
 
             }
−
          /* .cd-header.is-fixed {
+
            /*.cd-header .is-fixed {
 
                 /* when the user scrolls down, we hide the header right above the viewport */
 
                 /* when the user scrolls down, we hide the header right above the viewport */
 
                 position: fixed;
 
                 position: fixed;
Line 264: Line 265:
 
                 -moz-transition: -moz-transform 0.3s;
 
                 -moz-transition: -moz-transform 0.3s;
 
                 transition: 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 */
 
                 -webkit-transform: translate3d(0, 100%, 0);
 
                 -webkit-transform: translate3d(0, 100%, 0);
Line 344: Line 345:
 
             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 443: Line 443:
 
                 line-height: 30px;
 
                 line-height: 30px;
 
                 /*菜单栏整体位置*/
 
                 /*菜单栏整体位置*/
−
                 left: 5vw;
+
                 left: 6vw;
 
                 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 475: 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 547: 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 654: Line 651:
 
                 font-size: 1.25rem;
 
                 font-size: 1.25rem;
 
             }
 
             }
−
        }
 
−
        #url {
 
−
            padding-right: 0;
 
 
         }
 
         }
 
     </style>
 
     </style>
Line 680: Line 674:
 
             <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="https://2019.igem.org/Team:Tongji_Software/Project">Our Project</a></li>
 +
                <li><a href="https://2019.igem.org/Team:Tongji_Software/Attributions">Team Information</a></li>
 +
 
 +
                <li class="cd-label">Other</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/Public_Engagement">Education & Engagement</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/Medal">Medal</a></li>
 +
                <li><a href="https://igem.org/2019_Judging_Form?id=3094">Judging Form</a></li>
  
−
                        <li><a href="#0">Our Projects</a></li>
+
                <li class="cd-label">Follow us</li>
−
                        <li><a href="#0">Team Information</a></li>
+
              <br>
 +
                <li class="cd-socia" style="color:white">Twitter@IGEMtongjisoft </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/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="#0">Model</a></li>
 
−
                        <li><a href="#0">Medal</a></li>
 
−
                        <li><a href="#0">Judging Form</a></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-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