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

 
(15 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;}
 
p{display: inline;}
 
::selection{
 
::selection{
Line 6: Line 17:
 
sup{
 
sup{
 
color: blue;
 
color: blue;
 +
}
 +
.text strong a{
 +
color: #5b759d;
 +
text-decoration: none;
 
}
 
}
 
.titleBox{
 
.titleBox{
Line 17: Line 32:
 
text-align: center;
 
text-align: center;
 
     font-weight: 400;
 
     font-weight: 400;
−
    font-family: 'Quicksand', sans-serif;
 
 
     text-align: center;
 
     text-align: center;
 
     border-bottom: none;
 
     border-bottom: none;
 
}
 
}
 
.title-big{
 
.title-big{
−
font-size: 3em;
+
font-size: 50px;
 
}
 
}
 
.title-normal{
 
.title-normal{
 
font-size: 2em;
 
font-size: 2em;
 
margin-bottom:25px;  
 
margin-bottom:25px;  
−
color: #5265F0;
 
 
}
 
}
 
.title-small{
 
.title-small{
 
font-size: 1.8em;
 
font-size: 1.8em;
−
color: #222;
+
color: #79acdd;
−
font-family: 'Mysteries of Passion Personal Use',sans-serif;
+
 
}
 
}
 
.partition{
 
.partition{
−
padding-top: 130px;
+
padding-top: 40px;
 
}
 
}
 
.text{
 
.text{
 
margin-top: 25px;
 
margin-top: 25px;
 
margin-bottom: 50px;
 
margin-bottom: 50px;
 +
font-weight: 400 !important;
 +
    font-size: 20px !important;
 +
    line-height: 1.8;
 +
}
 +
.text-tight{
 +
margin: 0px;
 
font-weight: 400 !important;
 
font-weight: 400 !important;
 
     font-size: 18px !important;
 
     font-size: 18px !important;
Line 46: Line 64:
 
.picture{
 
.picture{
 
margin-top: 25px;
 
margin-top: 25px;
 +
text-align: center;
 +
line-height: 60px;
 +
}
 +
.picture img {
 +
    width: 100%;
 
}
 
}
−
 
 
.panel-title a{
 
.panel-title a{
 
text-decoration: none;
 
text-decoration: none;
 
color: white;
 
color: white;
 +
        padding-top: 20px;
 +
        padding-bottom: 20px;
 +
        /* padding-left: 20px; */
 +
        padding-right: 100%;
 +
        word-break:keep-all;
 +
        white-space:nowrap;
 
}
 
}
  
 
.navbar-collapse{
 
.navbar-collapse{
−
font-family: 'Rounded Rough',sans-serif !important;
+
font-family: 'MOD20',sans-serif !important;
 
font-size: 20px !important;
 
font-size: 20px !important;
 
}
 
}
Line 63: Line 91:
 
/*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);*/
 
/*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;
 
padding: 15px;margin-top:  20px;
 +
word-wrap:break-word;
 
}
 
}
 
.reftext{
 
.reftext{
Line 68: Line 97:
 
     line-height: 28px;
 
     line-height: 28px;
 
     margin-top: 10px;
 
     margin-top: 10px;
−
    font-family: Courier, monospace;
 
 
     padding-top: 10px;
 
     padding-top: 10px;
 
}
 
}
Line 74: Line 102:
 
text-decoration: none;
 
text-decoration: none;
 
color: black;
 
color: black;
−
     line-height: 40px;
+
     line-height: 1.8;
 
}
 
}
 
.reftext>a:hover{
 
.reftext>a:hover{
Line 96: Line 124:
 
}
 
}
 
.panel-title{
 
.panel-title{
−
font-size: 19px;
+
font-size: 23px;
 +
padding-left: 9px;
 
}
 
}
 
.panel-collapse{
 
.panel-collapse{
Line 115: Line 144:
 
border-bottom-right-radius: 0!important;  
 
border-bottom-right-radius: 0!important;  
 
transition: 0s;
 
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;
   }

}