{% extends "courses/course.html" %}
{% load staticfiles %}
{% load main_extras %}


{% block exercise_head %}
<style type="text/css">

#exercise-choices .list-group-item input {
	margin-top: 0px;
	margin-right: 0.5em;
	position: relative;
	top: 0.2em;
}


#exercise-choices .list-group-item-success {
	color: 	#555555;
	background-color: rgba(59, 255, 138, 0.3);
	outline: 0;
}


#exercise-choices .list-group-item-success:hover {
	color: 	#555555;
	background-color: rgba(59, 255, 138, 0.2);
	outline: 0;
}



#exercise-choices .list-group-item-userchoice {
	color: 	#555555;
	background-color: rgba(59, 255, 138, 0.3);
	outline: 0;
}


#exercise-choices .list-group-item-userchoice:hover {
	color: 	#555555;
	background-color: rgba(59, 255, 138, 0.2);
	outline: 0;
}

</style>
{% endblock %}


{% block exercise_content %}
{{ slide.content |safe }}

<div id="exercise-choices">

<h4>{{ slide_data.question }}</h4>

<div class="input-group">
  <span class="input-group-addon" id="sizing-addon2"><b></b></span>
  <input type="text" name="solution" id="solution" class="form-control" placeholder="Your answer." aria-describedby="sizing-addon2">
</div>

</div><!-- #exercise-choices -->
{% endblock %}


{% block exercise_response %}
<!-- empty output for quizzes -->
{% endblock %}