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

(Blanked the page)
 
(16 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
@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;
 +
    }
 +
    .text p{
 +
        word-wrap: break-word;
 +
    }
 +
}

Latest revision as of 12:59, 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;
   }
   .text p{
       word-wrap: break-word;
   }

}