Template:Team:HokkaidoU Japan/Notebook/CSS

From 2014.igem.org

(Difference between revisions)
(Created page with ".notebook-list { font-size: 15px; margin: 30px auto; }")
 
(21 intermediate revisions not shown)
Line 1: Line 1:
 +
<html>
 +
<style type="text/css">
 +
.notebook-list {
.notebook-list {
-
     font-size: 15px;
+
     font-size: 20px;
-
     margin: 30px auto;
+
     margin: 50px auto;
}
}
 +
 +
#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: #f0e68c;
 +
  border: 2px solid #f0e68c;
 +
}
 +
#hokkaidou-contents .complete .step-tile {
 +
  margin-bottom: 0;
 +
  background: #ffc0cb;
 +
  border: 2px solid #ffc0cb;
 +
}
 +
#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-body {
 +
  width:
 +
}
 +
 +
#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;
 +
}
 +
 +
#hokkaidou-contents .notebook-list a:hover {
 +
  color:#30127a;
 +
}
 +
 +
</style>
 +
</html>

Latest revision as of 19:47, 17 October 2014

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