Team:ZJU-China/Notebook
.text-muted{color:#999} small, .small{font-size:85%}
- {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
img { border: 0; max-width: 100%; }
.timeline .img-responsive {
width: 100%;
}
.div-in{
background: rgba(255, 206, 146, 0.89); width: 20%; margin: 0 auto; border: 2px solid #ddd; padding-bottom: 2px; /* padding-left: 6%; */ /* padding-right: 6%; */ /* margin-left: 2%; */ /* margin-right: 2%; */ -moz-box-shadow: 10px 10px 5px #888888; box-shadow: 2px 2px 5px #888888; border-radius: 2em; text-align: center; color: rgb(35, 95, 42);
}
- tlsmallimg {
width: 50%;
}
.page-header h1 {
font-size: 3.26em; text-align: center; color: #efefef; text-shadow: 1px 1px 0 #000;
}
/** timeline box structure **/ .timeline {
list-style: none; position: relative; min-height:4000px;
}
.timeline:before {
top: 0; bottom: 0; position: absolute; content: " "; width: 4px; background-color: rgba(0, 255, 0, 0.42); left: 49.4%; margin-left: -1.5px;
}
.tldate {
display: block; width: 100%;; margin: 0 auto; padding: 30px 0; font-size: 3em; text-align: center;
}
.timeline li {
position: relative;
}
.timeline li:before, .timeline li:after {
content: " "; display: table;
} .timeline .tldate {
clear: both;
} .timeline li:before, .timeline li:after {
content: " "; display: table;
}
/** timeline panels **/ .timeline li .timeline-panel {
width: 99%; float: left; background: #fff; border: 2px solid rgba(255, 255, 255, 0.85); border-radius: 20px; padding: 20px; position: relative; margin-bottom: 18px; padding-left:6%; padding-right:6%; -moz-box-shadow: 10px 10px 5px #888888; box-shadow: 2px 2px 5px #888888;
}
/** panel arrows **/ .timeline li .timeline-panel:before {
position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid rgba(143, 202, 197, 0.67); border-right: 0 solid rgba(143, 202, 197, 0.67); border-bottom: 15px solid transparent; content: " ";
}
.timeline li .timeline-panel:after {
position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff; border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " ";
} .timeline li .timeline-panel.noarrow:before, .timeline li .timeline-panel.noarrow:after {
top:0; right:0; display: none; border: 0;
}
.timeline .entry li.timeline-inverted .timeline-panel {
float: right;
}
.timeline-inverted { clear:right; float:right; }
.timeline li.timeline-inverted .timeline-panel:before {
border-left-width: 0; border-right-width: 15px; left: -15px; right: auto;
}
.timeline li.timeline-inverted .timeline-panel:after {
border-left-width: 0; border-right-width: 14px; left: -14px; right: auto;
}
/** timeline circle icons **/
.timeline li .tl-circ {
position: absolute; top: 23px; left: 106%; text-align: center; background: #6a8db3; color: #fff; width: 35px; height: 35px; line-height: 35px; margin-left: -16px; border: 3px solid #90acc7; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; z-index: 1024;
}
.timeline li.timeline-inverted .timeline-panel { margin-left: 6px; }
.month { clear:both; }
/** timeline content **/
.tl-heading h4 {
margin: 0; padding-top: 1em;
}
.tl-body ul {
margin-bottom: -60px;
}
.tl-body > p + p {
margin-top: 5px;
}
.tl-body {
margin-bottom: 1em;
} .tl-body p{
font-size:18px; font-family:"gennifer",Georgia,Serif;
text-align:justify; text-justify:inter-word; } .tl-body .p1{
font-size:18px; font-family:"gennifer",Georgia,Serif; text-align:justify; text-justify:inter-word; position:relative; bottom:18px;
} footer { clear:both; }
@media (min-width: 992px) {
.timeline li.entry { width: 47vw; }
}
/** media queries **/ @media (max-width: 991px) {
.timeline li .timeline-panel { width: 44%; }
}
@media (max-width: 992px) {
.timeline li.entry { width: 100%; }
.page-header h1 { font-size: 1.8em; } ul.timeline:before { left: 1px; } .tldate { width: 200px; }
ul.timeline li .timeline-panel { width: 95%; }
ul.timeline li .tl-circ { top: 22px; left: 22px; margin-left: 0;
} ul.timeline > li > .tldate { margin: 0; text-align: left; }
ul.timeline > li > .timeline-panel { float: right; }
ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; }
ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
}