Team:Heidelberg/Notebook

From 2014.igem.org

(Difference between revisions)
Line 32: Line 32:
}
}
-
.arrow {
+
.arrow-head {
width: 0;
width: 0;
height: 0;
height: 0;
Line 38: Line 38:
border-width: 20px 10px 0 10px;
border-width: 20px 10px 0 10px;
border-color: #f3ca11 transparent transparent transparent;
border-color: #f3ca11 transparent transparent transparent;
 +
position:relative;
 +
top: -18px;
 +
}
 +
 +
.small .arrow-head {
 +
border-width: 10px 5px 0 5px;
 +
top: -8px;
 +
}
 +
 +
.small .line{
 +
margin-left:4px;
 +
margin-right:4px;
 +
}
 +
 +
.weekentery {
 +
  width:100%;
 +
  padding:5px;
 +
}
 +
 +
.weekbox {
 +
    border: solid 1px #333;
 +
    margin-bottom: 5px;
 +
}
 +
 +
 +
.weekentery .arrow.small {
 +
    width:10px;
 +
    margin-right:auto;
 +
    margin-left:auto;
}
}
Line 126: Line 155:
     <div class="row" style="height:90vh;">
     <div class="row" style="height:90vh;">
       <div class="col-lg-6">Graph</div>
       <div class="col-lg-6">Graph</div>
-
       <div class="col-lg-4">Wochen</div>
+
       <div class="col-lg-4">
 +
        <div style="width:100%;">
 +
          <div class="weekentery">
 +
                <div class="weekbox">
 +
                Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla
 +
                </div>
 +
                <div class="arrow small" style="height:30px;">
 +
                  <div class="line"></div>
 +
                  <div class="arrow-head"></div>
 +
                </div>
 +
          </div>
 +
          <div class="weekentery">
 +
                <div class="weekbox">
 +
                Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla
 +
                </div>
 +
                <div class="arrow small" style="height:30px;">
 +
                  <div class="line"></div>
 +
                  <div class="arrow-head"></div>
 +
                </div>
 +
          </div>
 +
          <div class="weekentery">
 +
                <div class="weekbox">
 +
                Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla
 +
                </div>
 +
          </div>
 +
        </div>
 +
      </div>
       <div class="col-lg-2" style="height:100%; position:relative;">
       <div class="col-lg-2" style="height:100%; position:relative;">
         <div style="height:100%; position:absolute; right:0; top:0;">
         <div style="height:100%; position:absolute; right:0; top:0;">
           <div class="line"></div>
           <div class="line"></div>
-
           <div class="arrow"></div>
+
           <div class="arrow-head"></div>
         </div>
         </div>
         <a href="#" class="month active" style="top:5%;">
         <a href="#" class="month active" style="top:5%;">

Revision as of 15:53, 13 October 2014

– the different way of documentation

DNMT I LOV Lysozyme Standards Toolbox

Graph
Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla
Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla
Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla