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

Revision as of 12:10, 17 October 2018

@font-face{ font-family: MOD20; src:url(https://static.igem.org/mediawiki/2018/2/27/T--Tianjin--MOD20.ttf); } @font-face{ font-family: font2; src:url(https://static.igem.org/mediawiki/2018/9/98/T--VIT_Vellore--Bahnschrift.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: #79acdd; } .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;

       padding-top: 20px;
       padding-bottom: 20px;
       /* padding-left: 20px; */
       padding-right: 100%;
       word-break:keep-all;
       white-space:nowrap;

}

.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; } @media(max-width: 767px){

   .title-big{
       word-wrap: break-word;
       font-size: 25px;
   }
   .title-normal{
       font-size: 18px;
   }
   .title-small{
       font-size: 15px;
   }
   .partition{
       padding-top: 20px;
   }
   .picture {
       margin-top: 12px;
       text-align: center;
       line-height: 30px;
   }
   .text{
       margin-top: 12px;
       margin-bottom: 24px;
       font-weight: 400 !important;
       font-size: 14px !important;
       line-height: 1.0;
   }
   .reftext{
       font-size: 13px;
       line-height: 1.0;
       margin-top: 10px;
       padding-top: 10px;
   }
   .panel-title a{
       word-break: break-word;
       white-space: normal;
   }

   .panel-body .row {
       margin-left: -15px;
       margin-right: -15px;
   }

}