Difference between revisions of "Template:GreatBay SCIE/CSS new"

Revision as of 12:01, 19 November 2021

sideMenu, #top_title, .patrollink, #firstHeading, #home_logo, #sideMenu { display:none; }
content { padding:0px; width:100%; margin-top:-7px; margin-left:0px; border:none;}

body, html {width: 100%; height: 100%;}

bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
bodyContent a[href ^="https://"], .link-https {padding-right:25px;}

@font-face {

   font-family: 'Kumbh Sans'; 
   src: url('https://static.igem.org/mediawiki/2021/d/d6/T--GreatBay_SCIE--Kumbh_Sans.ttf');

}

@font-face {

   font-family: 'JosefinSans'; 
   src: url('https://static.igem.org/mediawiki/2021/2/2c/T--GreatBay_SCIE--JosefinSans.ttf');

} @font-face {

  font-family: 'Klee Font'; 
  src: url('https://static.igem.org/mediawiki/2021/b/b7/T--GreatBay_SCIE--Klee_Font.ttf');

}

html, body{

   height: 100%; /*为了让其他引用width的元素在屏幕合适的大小*/
   margin: 0;
   padding: 0;
   scroll-behavior: smooth; /*让侧边栏点击时动画顺滑*/

} .top1{

   margin-top:0px;

} .btm1{

   margin-bottom: 0px;

} .top1:hover{

   border-radius: 50px / 15px;
   border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;

} .text{

   margin-top:72.9px;margin-left:24%;font-size:200px;

} .sidebar_outer, #sidebar_outer{

   float:left;
   /*margin-top: 72.6px;*/
   /*margin-top: -16px;*/
   margin-top: 60px;
   margin-bottom: 20px;
   width: 356px;
   position: relative;
   top: 0;
   height: 100%;
   padding-top: 5px;
   background-color:#e7e7e7;
   z-index: 1;
   list-style: none;
   width: 20%;height: auto!important;margin-left: 5%;border-radius:10px;

} .sidebar_outer ul{

   border-radius: 6px;
   margin-left:20px;

} .sidebar_outer ul li{

   list-style: none;

} .sidebar_outer.stick, #sidebar_outer.stick{

   margin-top: 150px; top:0; position:fixed;

} .sidebar_outer ul li a{ /*侧边栏上的按钮文字*/

   font-size: 130%; /*字体大小*/
   font-weight: 700; 
   color:grey; /*文字颜色：黑*/
   text-decoration:none;
   display:block;
   margin-left: 0px;
   margin-right: 35px; /*调位置*/
   padding:3px 5px 3px 5px;

   font-family:"Klee"; /*字体*/
   
   transition: all 0.25s ease-out; /*过渡*/

}

.sidebar_outer ul li a:hover{

   color: black; transition:ease-in 0.15s;

} .sidebar_outer ul li a.active{

   color: black; transition:ease-in 0.15s;

}

} .sidebar_outer ul li ul a{ /*侧边栏上的二级按钮文字*/

   font-size: 120%; /*字体大小*/
   font-weight: 700; 
   color:grey; /*文字颜色：黑*/
   text-decoration:none;
   display:block;
   margin-left: 0px;
   margin-right: 35px; /*调位置*/
   padding:3px 5px 3px 5px;

   font-family:"Klee"; /*字体*/
   
   transition: all 0.25s ease-out; /*过渡*/

}

.sidebar_outer ul li ul a:hover{

   color: black; transition:ease-in 0.15s;

} .sidebar_outer ul li ul a.active{

   color: black; transition:ease-in 0.15s;

}

.sidebar_outer img{

   width:100px; margin-top:-90px; margin-left:33%;

}

/* p{

   margin-left: 28.2%;
   font-size: 18px !important;
   line-height: 100% !important;

}

h1, h2, h3, h4{

   margin-left:28.2%;
   font-family: "Century Gothic" !important;

line-height: 100%;

} strong{font-family: "Century Gothic" !important;} ol{

   margin-left:29%;

} ul{

   margin-left:29%;

}*/ p{

   font-size: 18px !important;
   line-height: 1.7em !important;
    font-family: "Kumbh Sans" !important;
   margin-bottom: 24px !important;

} h1, h2, h3, h4{

   font-family: "Kumbh Sans" !important; line-height: 100%;

} h1{ font-size:30px;

} h2{

   font-size: 24px

} .title{

   font-size: 500% !important;
   font-weight: 700;

line-height: 100%; } ol{

   margin-left:0px;}

.text{

   margin-left: 50%;

} .content{

   margin-top: 42.5px;
   margin-right:5%;
   margin-left: 28.2%;
   font-family: "Kumbh Sans" !important;

} h1, h2, h3, a:target{padding-top: 90px; margin-top: -90px;} .highlights{

   margin: 20px;
   padding: 20px;
   background-color:  #EBEBEB;
   border-radius: 10px;

} .content_img{

   max-width: 66%;
   text-align:center;

}

.quote{ margin-left: 20px; color: #666666; }

h3{

    text-decoration: underline;
    font-size: 18px;

} h1{

    line-height:190%;
    margin-left:-20px;

}

selection{

    color: black;
    background-color: #ffe4e1;

} .image_text{ font-size:1.18em; } .top_bt{ float:right; } .top_bt img{ width: 80%; margin:10px; margin-top:0px!important; margin-left:10%; cursor:pointer; }

.bton{ text-decoration:none; border-radius: 6px; padding:5px;} .bton:hover{color:white!important; text-decoration:none; transition: all, 0.1s; background-color: #f4c2c2;} .header{margin-top: -20px !important;}

@@ Line 15: / Line 15: @@
 @font-face {
-    font-family: 'Klee_Font';
+    font-family: 'Klee Font';
     src: url('https://static.igem.org/mediawiki/2021/b/b7/T--GreatBay_SCIE--Klee_Font.ttf');
 }