"
Team:UNAM-Genomics Mexico/Templates/Notebook
From 2011.igem.org
(Difference between revisions)
| Line 302: | Line 302: | ||
color: white; | color: white; | ||
} | } | ||
| + | .tabbed_images { | ||
| + | list-style:none; | ||
| + | margin:0; | ||
| + | padding:0; | ||
| + | clear:both; | ||
| + | } | ||
| + | .tabbed_images li { | ||
| + | list-style:none; | ||
| + | float:left; | ||
| + | margin:0; | ||
| + | padding:0; | ||
| + | } | ||
| + | |||
| + | .tabbed_images li a { | ||
| + | border:1px solid #ccc; | ||
| + | display:block; | ||
| + | float:left; | ||
| + | margin:0 10px 0 0; | ||
| + | } | ||
| + | |||
| + | .tabbed_images li a.active, | ||
| + | .tabbed_images li a:hover { | ||
| + | border:1px solid #333; | ||
| + | } | ||
| + | |||
| + | .tabbed_images li a img { | ||
| + | border:none; | ||
| + | padding:2px; | ||
| + | margin:0; | ||
| + | margin-bottom:-5px; | ||
| + | } | ||
| + | |||
| + | #image_1, | ||
| + | #image_2, | ||
| + | #image_3, | ||
| + | #image_4, | ||
| + | #image_5 { | ||
| + | margin-top:10px; | ||
| + | padding:2px; | ||
| + | border:1px solid #ccc; | ||
</style> | </style> | ||
</head> | </head> | ||
| Line 313: | Line 353: | ||
<div id="textContent"> | <div id="textContent"> | ||
{{{content}}} | {{{content}}} | ||
| + | |||
| + | |||
<ul class="tabbed_images" id="tabs_example_three"> | <ul class="tabbed_images" id="tabs_example_three"> | ||
<li><a href="#image_1"><img src="/stylesheets/sample_images/tabs_example_1_small.jpg"/></a></li> | <li><a href="#image_1"><img src="/stylesheets/sample_images/tabs_example_1_small.jpg"/></a></li> | ||
Revision as of 04:07, 25 September 2011
{{{content}}}
- <a href="#image_1"><img src="/stylesheets/sample_images/tabs_example_1_small.jpg"/></a>
- <a href="#image_2"><img src="/stylesheets/sample_images/tabs_example_2_small.jpg"/></a>
- <a href="#image_3"><img src="/stylesheets/sample_images/tabs_example_3_small.jpg"/></a>
- <a href="#image_4"><img src="/stylesheets/sample_images/tabs_example_4_small.jpg"/></a>
<img src="/stylesheets/sample_images/tabs_example_1_big.jpg" id="image_1"/> <img src="/stylesheets/sample_images/tabs_example_2_big.jpg" id="image_2"/> <img src="/stylesheets/sample_images/tabs_example_3_big.jpg" id="image_3"/> <img src="/stylesheets/sample_images/tabs_example_4_big.jpg" id="image_4"/>
