{html_head}{literal}
<style type="text/css">
  div.media_icon_admin_element {
    width:20%;
    font-weight:normal;
	float: left;
  }
  .properties p {
	font-weight: normal;
	text-align: center;
	margin-top: 1em;
  }
  
  .media_icon_important {
	font-weight: bold;
  }
</style>
{/literal}{/html_head}

<div class="titrePage">
  <h2>{'Media Icon Plugin'|@translate}</h2>
</div>

<form method="post" action="" class="properties" ENCTYPE="multipart/form-data"> 
	<fieldset>
    <legend>{'Style'|@translate}</legend>
	<p>
		<label for="media_icon_select">{'Icon style:'|@translate}</label>
	</p>
	<p>	
		<select id="media_icon_select" name="style">
			<option value="logo" {$MEDIA_ICON_STYLE_LOGO_SELECTED}>{'Logo'|@translate}</option>
			<option value="photo" {$MEDIA_ICON_STYLE_PHOTO_SELECTED}>{'Photo'|@translate}</option>
			<option value="folder" {$MEDIA_ICON_STYLE_FOLDER_SELECTED}>{'Folder'|@translate}</option>
			<option value="foldercolor" {$MEDIA_ICON_STYLE_FOLDERCOLOR_SELECTED}>{'Folder color'|@translate}</option>
		</select>
	</p>
	<p>{'Click on submit to see changes.'|@translate}</p>
	</fieldset>
  
	<p><input class="submit" type="submit" value="{'Submit'|@translate}" name="submit"/></p>
</form>
  
<fieldset>
	<legend>{'Result'|@translate}</legend>
	<div class="media_icon_admin_element">{'Youtube videos'|@translate} <span class="media_icon_admin_youtube"></span></div>
	<div class="media_icon_admin_element">{'Vimeo videos'|@translate} <span class="media_icon_admin_vimeo"></span></div>
	<div class="media_icon_admin_element">{'Dailymotion videos'|@translate} <span class="media_icon_admin_dailymotion"></span></div>
	<div class="media_icon_admin_element">{'Wat videos'|@translate} <span class="media_icon_admin_wat"></span></div>
	<div class="media_icon_admin_element">{'Wideo videos'|@translate} <span class="media_icon_admin_wideo"></span></div>
	<div class="media_icon_admin_element">{'pdf files'|@translate} <span class="media_icon_admin_pdf"></span></div>
	<div class="media_icon_admin_element">{'Documents'|@translate} <span class="media_icon_admin_document"></span></div>
	<div class="media_icon_admin_element">{'Spreadsheets'|@translate} <span class="media_icon_admin_spreadsheet"></span></div>
	<div class="media_icon_admin_element">{'Presentations'|@translate} <span class="media_icon_admin_presentation"></span></div>
</fieldset>