Difference between revisions of "Team:Tianjin/css/text"

Line 44: Line 44:
 
}
 
}
 
.partition{
 
.partition{
−
padding-top: 130px;
+
padding-top: 40px;
 
}
 
}
 
.text{
 
.text{

Revision as of 10:52, 14 October 2018

@font-face{ font-family: MOD20; src:url(https://static.igem.org/mediawiki/2018/2/27/T--Tianjin--MOD20.ttf); } body{ font-family: 'MOD20',sans-serif!important; } p{display: inline;}

selection{

color: white; background-color: rgba(0,0,0,0.1); } sup{ color: blue; } .text strong a{ color: #5b759d; text-decoration: none; } .titleBox{ padding-top: 200px; } .textCon{ padding-left: 100px; padding-right: 100px; } .title{ text-align: center; 

   font-weight: 400;
   text-align: center;
   border-bottom: none;

} .title-big{ font-size: 50px; } .title-normal{ font-size: 2em; margin-bottom:25px; } .title-small{ font-size: 1.8em; color: #222; font-family: 'Mysteries of Passion Personal Use',sans-serif; } .partition{ padding-top: 40px; } .text{ margin-top: 25px; margin-bottom: 50px; font-weight: 400 !important; 

   font-size: 20px !important;
   line-height: 1.8;

} .text-tight{ margin: 0px; font-weight: 400 !important; 

   font-size: 18px !important;
   line-height: 1.5;

} .picture{ margin-top: 25px; text-align: center; line-height: 60px; } .picture img { 

   width: 100%;

} .panel-title a{ text-decoration: none; color: white; }

.navbar-collapse{ font-family: 'MOD20',sans-serif !important; font-size: 20px !important; } .panel-body{border-top:1px solid #ddd;}

.reference{ width: 100%;margin: auto; /*box-shadow: 0 9px 3px 0 rgba(0,0,0,0.23), 0 4px 10px 0 rgba(0,0,0,0.13), 0 -3px 2px 3px rgba(0,0,0,0.22);*/ padding: 15px;margin-top: 20px; word-wrap:break-word; } .reftext{ font-size: 18px; 

   line-height: 28px;
   margin-top: 10px;
   padding-top: 10px;

} .reftext>a{ text-decoration: none; color: black; 

   line-height: 1.8;

} .reftext>a:hover{ color: #5b759d; } .text-panel{ border: transparent solid 1px; /*box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.18824);*/ } .panel-group{ 

   margin-bottom: 3px;

} .text-pan-heading{ background: #79acdd; overflow: hidden; padding-top: 20px; padding-bottom: 20px; padding-left: 15px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-title{ font-size: 23px; padding-left: 9px; } .panel-collapse{ background: linear-gradient(rgba(91,117,157,0.4), rgba(121,172,221,0.3)); } .panel-top{ border-top-left-radius: 25px; 

   border-top-right-radius: 25px;

} .panel-bottom{ border-bottom-left-radius: 25px; 

   border-bottom-right-radius: 25px;
   transition: 0.5s;
   overflow: hidden;

} .panel-show{ border-bottom-left-radius:0!important; border-bottom-right-radius: 0!important; transition: 0s; } .pan-heading:hover{ background: #5b759d; transition: .2s; } .pan-heading:focus{ background: #5b759d; } .pan-heading:active{ background: #5b759d; } .deep{ background: #5b759d; }