Difference between revisions of "Team:Tianjin/css/text"
| Line 26: | Line 26: | ||
} | } | ||
.title{ | .title{ | ||
| − | + | text-align: center; | |
font-weight: 400; | font-weight: 400; | ||
| − | |||
text-align: center; | text-align: center; | ||
border-bottom: none; | border-bottom: none; | ||
} | } | ||
.title-big{ | .title-big{ | ||
| − | font-size: | + | font-size: 50px; |
} | } | ||
.title-normal{ | .title-normal{ | ||
font-size: 2em; | font-size: 2em; | ||
margin-bottom:25px; | margin-bottom:25px; | ||
| − | |||
} | } | ||
.title-small{ | .title-small{ | ||
font-size: 1.8em; | font-size: 1.8em; | ||
color: #222; | color: #222; | ||
| − | font-family: ' | + | font-family: 'Mysteries of Passion Personal Use',sans-serif; |
} | } | ||
.partition{ | .partition{ | ||
| Line 52: | Line 50: | ||
margin-bottom: 50px; | margin-bottom: 50px; | ||
font-weight: 400 !important; | font-weight: 400 !important; | ||
| − | + | font-size: 20px !important; | |
| − | + | line-height: 1.8; | |
} | } | ||
.text-tight{ | .text-tight{ | ||
margin: 0px; | margin: 0px; | ||
font-weight: 400 !important; | font-weight: 400 !important; | ||
| − | + | font-size: 18px !important; | |
| − | + | line-height: 1.5; | |
} | } | ||
.picture{ | .picture{ | ||
| Line 90: | Line 88: | ||
line-height: 28px; | line-height: 28px; | ||
margin-top: 10px; | margin-top: 10px; | ||
| − | |||
padding-top: 10px; | padding-top: 10px; | ||
} | } | ||
| Line 96: | Line 93: | ||
text-decoration: none; | text-decoration: none; | ||
color: black; | color: black; | ||
| − | line-height: | + | line-height: 1.8; |
} | } | ||
.reftext>a:hover{ | .reftext>a:hover{ | ||
| Line 118: | Line 115: | ||
} | } | ||
.panel-title{ | .panel-title{ | ||
| − | font-size: | + | font-size: 23px; |
| + | padding-left: 9px; | ||
} | } | ||
.panel-collapse{ | .panel-collapse{ | ||
Revision as of 09:27, 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: 130px; } .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; }