Difference between revisions of "Template:Example2"
| Line 373: | Line 373: | ||
} | } | ||
| − | /* class for when the menu is not shown and the content occupies the whole screen */ | + | /* class for when the menu is not shown and the content occupies the whole screen */ |
.igem_2017_content_wrapper.full_screen { | .igem_2017_content_wrapper.full_screen { | ||
width: 96%; | width: 96%; | ||
| Line 414: | Line 414: | ||
} | } | ||
| + | |||
| + | /* highlight class */ | ||
.igem_2017_content_wrapper .highlight { | .igem_2017_content_wrapper .highlight { | ||
| Line 421: | Line 423: | ||
| − | + | /* highlight class */ | |
| − | .highlight.gray { | + | .igem_2017_content_wrapper .highlight.gray { |
background-color: #f2f2f2; | background-color: #f2f2f2; | ||
} | } | ||
| − | .highlight.blue_top { | + | /* highlight with decoration*/ |
| + | .igem_2017_content_wrapper .highlight .blue_top { | ||
border-top: 4px solid #00bdcd; | border-top: 4px solid #00bdcd; | ||
} | } | ||
| − | + | /* highlight class */ | |
| − | .highlight.blue_border { | + | .igem_2017_content_wrapper .highlight .blue_border { |
border: 4px solid #00bdcd; | border: 4px solid #00bdcd; | ||
} | } | ||
| Line 551: | Line 554: | ||
.igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;} | .igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;} | ||
.igem_2017_content_wrapper {width:100%; margin-left:0px;} | .igem_2017_content_wrapper {width:100%; margin-left:0px;} | ||
| + | |||
.column.half_size {width:100%; } | .column.half_size {width:100%; } | ||
.column.full_size img, .column.half_size img { padding: 10px 0px; width: 100%;} | .column.full_size img, .column.half_size img { padding: 10px 0px; width: 100%;} | ||
| + | |||
| + | |||
.highlight {padding:15px 5px;} | .highlight {padding:15px 5px;} | ||
| Line 623: | Line 629: | ||
<div class="column half_size" > | <div class="column half_size" > | ||
| + | <div class="highlight gray blue_top"> | ||
<p> | <p> | ||
Lorem ipsum dolor sit amet, veri ipsum disputando cu usu, an eum pertinax posidonium, ius malorum intellegam et. Eam perfecto periculis prodesset ne, possim nostrum referrentur ne his, alii aperiam referrentur eu ius. Ad quo sint quidam graeco. Te vis alii legimus. Est cu numquam maiestatis delicatissimi. Dicat nonumy melius sea et. | Lorem ipsum dolor sit amet, veri ipsum disputando cu usu, an eum pertinax posidonium, ius malorum intellegam et. Eam perfecto periculis prodesset ne, possim nostrum referrentur ne his, alii aperiam referrentur eu ius. Ad quo sint quidam graeco. Te vis alii legimus. Est cu numquam maiestatis delicatissimi. Dicat nonumy melius sea et. | ||
</p> | </p> | ||
| − | + | </div> | |
<img src="http://placehold.it/350x150"> | <img src="http://placehold.it/350x150"> | ||
</div> | </div> | ||
Revision as of 21:21, 7 February 2017
Welcome to iGEM 2016!
Lorem ipsum dolor sit amet, veri ipsum disputando cu usu, an eum pertinax posidonium, ius malorum intellegam et. Eam perfecto periculis prodesset ne, possim nostrum referrentur ne his, alii aperiam referrentur eu ius. Ad quo sint quidam graeco. Te vis alii legimus. Est cu numquam maiestatis delicatissimi. Dicat nonumy melius sea et.
Lorem ipsum dolor sit amet, veri ipsum disputando cu usu, an eum pertinax posidonium, ius malorum intellegam et. Eam perfecto periculis prodesset ne, possim nostrum referrentur ne his, alii aperiam referrentur eu ius. Ad quo sint quidam graeco. Te vis alii legimus. Est cu numquam maiestatis delicatissimi. Dicat nonumy melius sea et.
Lorem ipsum dolor sit amet, veri ipsum disputando cu usu, an eum pertinax posidonium, ius malorum intellegam et. Eam perfecto periculis prodesset ne, possim nostrum referrentur ne his, alii aperiam referrentur eu ius. Ad quo sint quidam graeco. Te vis alii legimus. Est cu numquam maiestatis delicatissimi. Dicat nonumy melius sea et.
