Template:Team:HokkaidoU Japan/Notebook/CSS

From 2014.igem.org

(Difference between revisions)
Line 7: Line 7:
}
}
-
</style>
+
#hokkaidou-contents .workflow-container {
 +
  width: 100%;
 +
  margin: 40px 0 0;
 +
}
 +
#hokkaidou-contents .steps {
 +
  width: 4px;
 +
  margin: 0 0 0 120px;
 +
  list-style: none;
 +
  background: #e6e6e6;
 +
}
 +
#hokkaidou-contents .step {
 +
  margin: 0 0 40px;
 +
}
 +
#hokkaidou-contents .step .step-tile {
 +
  width: 244px;
 +
  height: 80px;
 +
  margin-left: -120px;
 +
  background: #ffffff;
 +
  border: 2px solid #e6e6e6;
 +
}
 +
#hokkaidou-contents .start .step-tile {
 +
  background: #d2f1eb;
 +
  border: 2px solid #c1ddd8;
 +
}
 +
#hokkaidou-contents .complete .step-tile {
 +
  margin-bottom: 0;
 +
  background: #f0d3d0;
 +
  border: 2px solid #dcc2bf;
 +
}
 +
#hokkaidou-contents .step-tile h2 {
 +
  text-align: center;
 +
  font-size: 20px;
 +
  line-height: 80px;
 +
  margin: 0;
 +
}
 +
#hokkaidou-contents .start .step-tile h2, #hokkaidou-contents .complete .step-tile h2 {
 +
  font-size: 32px;
 +
}
 +
#hokkaidou-contents .step-detail {
 +
  position: relative;
 +
  width: 674px;
 +
  margin-top: 20px;
 +
  margin-left: 22px;
 +
  padding: 10px 30px;
 +
  border: 2px solid #e6e6e6;
 +
}
 +
#hokkaidou-contents .step-detail:after {
 +
  content: '';
 +
  position: absolute;
 +
  top: -10px;
 +
  left: 10px;
 +
  border-bottom: 14px solid #ffffff;
 +
  border-right: 7px solid transparent;
 +
  border-left: 7px solid transparent;
 +
}
 +
#hokkaidou-contents .step-detail:before {
 +
  content: '';
 +
  position: absolute;
 +
  top: -14px;
 +
  left: 10px;
 +
  border-bottom: 14px solid #e6e6e6;
 +
  border-right: 7px solid transparent;
 +
  border-left: 7px solid transparent;
 +
}
 +
#hokkaidou-contents .step-detail .step-detail-trials {
 +
  list-style-image: url("https://static.igem.org/mediawiki/2013/e/e0/HokkaidoU2013_CalendarIcon.png");
 +
  margin: 10px 40px;
 +
}
 +
#hokkaidou-contents .step-detail .step-detail-trials time {
 +
  vertical-align: 5px;
 +
}
 +
</style>
</html>
</html>

Revision as of 16:23, 21 September 2014

Retrieved from "http://2014.igem.org/Template:Team:HokkaidoU_Japan/Notebook/CSS"