Line 154: | Line 154: | ||
left: 50%; | left: 50%; | ||
top: calc(50% - 3px); | top: calc(50% - 3px); | ||
+ | } | ||
+ | .comments { | ||
+ | margin: 100px auto; | ||
+ | width: 700px; | ||
+ | border-left: 2px solid #CCC; | ||
+ | padding: 0 20px 0 30px | ||
} | } | ||
+ | p { | ||
+ | background-color: #FFF; | ||
+ | padding: 10px; | ||
+ | font-size: 16px; | ||
+ | font-family: Tahoma, Arial; | ||
+ | border: 1px solid #CCC; | ||
+ | line-height: 1.7; | ||
+ | position: relative | ||
+ | } | ||
+ | |||
+ | p:before { | ||
+ | content: ""; | ||
+ | display: block; | ||
+ | width: 10px; | ||
+ | height: 10px; | ||
+ | border-radius: 50%; | ||
+ | background-color: #2c3e50; | ||
+ | border: 3px solid #CCC; | ||
+ | position: absolute; | ||
+ | top: 10px; | ||
+ | left: -40px | ||
+ | } | ||
+ | |||
+ | p:after { | ||
+ | content: ""; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | border-style: solid; | ||
+ | border-color: transparent #CCC transparent transparent; | ||
+ | border-width: 8px; | ||
+ | position: absolute; | ||
+ | left: -17px; | ||
+ | top: 10px | ||
+ | } | ||
</style> | </style> | ||
</head> | </head> | ||
Line 188: | Line 228: | ||
<h2 class="pb-3 pt-2" style="color:#C27099;"><img style="width:50%;" src="https://static.igem.org/mediawiki/2019/c/cf/T--DUT_China_B--HPbanner1.svg">Contact lab with society</h2> | <h2 class="pb-3 pt-2" style="color:#C27099;"><img style="width:50%;" src="https://static.igem.org/mediawiki/2019/c/cf/T--DUT_China_B--HPbanner1.svg">Contact lab with society</h2> | ||
</div> | </div> | ||
+ | <div class="comments"> | ||
+ | <p>This Is Paragraph Comment This Is Paragraph Comment This Is Paragraph Comment This Is Paragraph Comment This Is Paragraph Comment This Is Paragraph Comment </p> | ||
+ | <p>This Is Paragraph Comment This Is Paragraph Comment This Is Paragraph Comment This Is Paragraph Comment This Is Paragraph Comment This Is Paragraph Comment </p> | ||
+ | <p>This Is Paragraph Comment This Is Paragraph Comment This Is Paragraph Comment This Is Paragraph Comment This Is Paragraph Comment This Is Paragraph Comment </p> | ||
+ | <p>This Is Paragraph Comment This Is Paragraph Comment This Is Paragraph Comment This Is Paragraph Comment This Is Paragraph Comment This Is Paragraph Comment </p> | ||
+ | </div> | ||
</div> | </div> | ||
<hr> | <hr> |
Revision as of 01:05, 19 October 2019
This Is Paragraph Comment This Is Paragraph Comment This Is Paragraph Comment This Is Paragraph Comment This Is Paragraph Comment This Is Paragraph Comment
This Is Paragraph Comment This Is Paragraph Comment This Is Paragraph Comment This Is Paragraph Comment This Is Paragraph Comment This Is Paragraph Comment
This Is Paragraph Comment This Is Paragraph Comment This Is Paragraph Comment This Is Paragraph Comment This Is Paragraph Comment This Is Paragraph Comment
This Is Paragraph Comment This Is Paragraph Comment This Is Paragraph Comment This Is Paragraph Comment This Is Paragraph Comment This Is Paragraph Comment