Mercurial Mercurial > metadatacomposer / file revision
summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help
Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
integration/modal-bibliotheque-image.html
author durandn
Thu, 16 Apr 2015 16:16:08 +0200
changeset 191 7eef5c1eee8c
parent 83 8f954a0d6031
permissions -rw-r--r--
fix url tags for embed_iframe in templates

<div class="row">
	<div class="span3">
		<ul class="modal-menu">
		    <li><a class="btn active" tabindex="-1" href="#"><i class="icon-folder-open"></i> Bibliothèque</a></li>
		    <li><a class="add-new  btn open-modal" data-type-media="image" data-title="Ajouter une image" tabindex="-1" href="modal-image.html"><i class="icon-plus-sign"></i> Ajouter une image</a></li>
    	</ul>
	</div>
	<div class="span8 popup-content bibliotheque-image">
		<div class="row">
			<div class="span2">
				<a href="#" 
					data-url="http://upload.wikimedia.org/wikipedia/commons/8/81/Waves_lajolla.jpg" 
					data-title="splash!!!"
					data-description="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam"
				><img src="http://upload.wikimedia.org/wikipedia/commons/8/81/Waves_lajolla.jpg" alt=""></a>
				<h5>
					<a href="#" 
					data-url="http://upload.wikimedia.org/wikipedia/commons/8/81/Waves_lajolla.jpg" 
					data-title="splash!!!"
					data-description="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam"
				>splash!!!</a>
				</h5>
			</div>
			<div class="span2">
				<a href="#" 
					data-url="http://upload.wikimedia.org/wikipedia/commons/8/81/Waves_lajolla.jpg" 
					data-title="splash!!!"
					data-description="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam"
				><img src="http://upload.wikimedia.org/wikipedia/commons/8/81/Waves_lajolla.jpg" alt=""></a>
				<h5>
					<a href="#" 
					data-url="http://upload.wikimedia.org/wikipedia/commons/8/81/Waves_lajolla.jpg" 
					data-title="splash!!!"
					data-description="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam"
				>splash!!!</a>
				</h5>
			</div>
			<div class="span2">
				<a href="#" 
					data-url="http://upload.wikimedia.org/wikipedia/commons/8/81/Waves_lajolla.jpg" 
					data-title="splash!!!"
					data-description="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam"
				><img src="http://upload.wikimedia.org/wikipedia/commons/8/81/Waves_lajolla.jpg" alt=""></a>
				<h5>
					<a href="#" 
					data-url="http://upload.wikimedia.org/wikipedia/commons/8/81/Waves_lajolla.jpg" 
					data-title="splash!!!"
					data-description="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam"
				>splash!!!</a>
				</h5>
			</div>
			<div class="span2">
				<a href="#" 
					data-url="http://upload.wikimedia.org/wikipedia/commons/8/81/Waves_lajolla.jpg" 
					data-title="splash!!!"
					data-description="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam"
				><img src="http://upload.wikimedia.org/wikipedia/commons/8/81/Waves_lajolla.jpg" alt=""></a>
				<h5>
					<a href="#" 
					data-url="http://upload.wikimedia.org/wikipedia/commons/8/81/Waves_lajolla.jpg" 
					data-title="splash!!!"
					data-description="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam"
				>splash!!!</a>
				</h5>
			</div>
			<div class="span2">
				<a href="#" 
					data-url="http://upload.wikimedia.org/wikipedia/commons/8/81/Waves_lajolla.jpg" 
					data-title="splash!!!"
					data-description="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam"
				><img src="http://upload.wikimedia.org/wikipedia/commons/8/81/Waves_lajolla.jpg" alt=""></a>
				<h5>
					<a href="#" 
					data-url="http://upload.wikimedia.org/wikipedia/commons/8/81/Waves_lajolla.jpg" 
					data-title="splash!!!"
					data-description="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam"
				>splash!!!</a>
				</h5>
			</div>
			<div class="span2">
				<a href="#" 
					data-url="http://upload.wikimedia.org/wikipedia/commons/8/81/Waves_lajolla.jpg" 
					data-title="splash!!!"
					data-description="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam"
				><img src="http://upload.wikimedia.org/wikipedia/commons/8/81/Waves_lajolla.jpg" alt=""></a>
				<h5>
					<a href="#" 
					data-url="http://upload.wikimedia.org/wikipedia/commons/8/81/Waves_lajolla.jpg" 
					data-title="splash!!!"
					data-description="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam"
				>splash!!!</a>
				</h5>
			</div>
			<div class="span2">
				<a href="#" 
					data-url="http://upload.wikimedia.org/wikipedia/commons/8/81/Waves_lajolla.jpg" 
					data-title="splash!!!"
					data-description="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam"
				><img src="http://upload.wikimedia.org/wikipedia/commons/8/81/Waves_lajolla.jpg" alt=""></a>
				<h5>
					<a href="#" 
					data-url="http://upload.wikimedia.org/wikipedia/commons/8/81/Waves_lajolla.jpg" 
					data-title="splash!!!"
					data-description="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam"
				>splash!!!</a>
				</h5>
			</div>
			<div class="span2">
				<a href="#" 
					data-url="http://upload.wikimedia.org/wikipedia/commons/8/81/Waves_lajolla.jpg" 
					data-title="splash!!!"
					data-description="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam"
				><img src="http://upload.wikimedia.org/wikipedia/commons/8/81/Waves_lajolla.jpg" alt=""></a>
				<h5>
					<a href="#" 
					data-url="http://upload.wikimedia.org/wikipedia/commons/8/81/Waves_lajolla.jpg" 
					data-title="splash!!!"
					data-description="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam"
				>splash!!!</a>
				</h5>
			</div>
			
		</div>
		<div class="pagination">
		    <ul>
			    <li class="disabled"><a href="#">Prev</a></li>
			    <li class="active"><a href="#">1</a></li>
			    <li><a href="#">2</a></li>
			    <li><a href="#">3</a></li>
			    <li><a href="#">4</a></li>
			    <li><a href="#">5</a></li>
			    <li><a href="#">Next</a></li>
		    </ul>
	    </div>
	</div>
</div>
metadatacomposer