small changes css and improve

Valessio Soares de Brito
1 parent 7cbb363a
Showing 3 changed files with 46 additions and 19 deletions Show diff stats
src/web/static/coda-slider-2.0/javascripts/jquery.coda-slider-2.0.js
src/web/static/css/survey.css
src/web/templates/survey.html
@@ -99,9 +99,9 @@ $.fn.codaSlider = function(settings) {
 		$('#coda-nav-right-' + sliderCount + ' a').click(function(){
 			navClicks++;
 			if (currentPanel == panelCount) {
-				this.style.display = 'none'; // Button display none;
-				document.getElementById("controls-form").style.display = 'block'; // Show buttons controls;
-				document.getElementById("coda-slider-1").style.display = 'none'; // Description hidden;
+				$(this).hide("fast"); // Button display none;
+				$(".show-end").show("fast"); // Show buttons controls;
+				$(".hide-end").hide("fast"); // Description hidden;
 				return false;
 				offset = 0;
 				currentPanel = 1;
@@ -38,6 +38,16 @@ display: block;
 z-index: 3;
 }
+#controls-form label#tip-finish .tip {
+margin-top: -50px;
+left: 90px;
+}
+
+#controls-form label#tip-continue .tip {
+margin-top: -80px;
+right: -60px;
+}
+
 .innertube {
 margin: 30px;
 }
@@ -73,16 +83,13 @@ display: none;
 }
 .screenshot {
-float: right;
+float: left;
 margin: 5px;
 }
-.content-pkg ul { 
-list-style: none;
-}
-
 .content-pkg ul li {
 margin-bottom: 10px;
+font-size: 
 }
 .radioButton,
@@ -106,6 +113,10 @@ z-index: 2;
 cursor: pointer;
 }
+#continue-button {
+float: right;
+}
+
 .radioButton:hover,
 #next-button:hover,
 #controls-form input:hover {
@@ -128,24 +139,30 @@ width: 180px;
 float: right;
 }
-#controls-form,
 #next-button {
 text-align: center;
 position: absolute;
-top: 120px;
+top: 90px;
 right: 65px;
 width: 150px;
 height: 20px;
+float: right;
 z-index: 3;
 }
 #controls-form {
-top: 90px;
-right: 85px;
-height: auto;
+position: absolute;
+top: 390px;
+width: 600px;
+margin-right: auto;
+margin-left: auto;
+text-align: center;
+height: 20px;
+z-index: 3;
 }
+
 /*
  * Package Box
  */
@@ -25,18 +25,26 @@ $var jsfiles: static/coda-slider-2.0/javascripts/jquery-1.3.2.min.js static/coda
 <h1>AppRecommender Survey</h1>
+<div class="show-end" style="display: none;">
+
+<p>
+A class <b>show-end</b> ou <b>hide-end</b> mostra um elemento ou esconde um elemento ao final do último Next.
+</p>
+
+</div>
+
+
 <form action="/save" method="post" enctype="multipart/form-data" name="surveyform">
 <input type="hidden" name="user_id" value=$request.user_id>
 <input type="hidden" name="strategy" value=$request.strategy>
-<div id="controls-form" style="display: none;"><!-- display show in the end form -->
+<div id="controls-form" style="display: none;" class="show-end"><!-- display show in the end form -->
 <label for="finish_button" id="tip-finish">
    <div class="tip important">
    <p>Conclude your participation in this survey</p>
    </div>
    <input id="finish-button" name="finish_button" type="submit" value="Finish" class="glass" />
 </label>
-<br />
 <label for="strategy_button" id="tip-continue">
    <div class="tip tip">
    <p>Evaluate more suggestions </p>
@@ -45,7 +53,7 @@ $var jsfiles: static/coda-slider-2.0/javascripts/jquery-1.3.2.min.js static/coda
 </label>
 </div><!-- id="controls-form" -->
-<div class="coda-slider-wrapper">
+<div class="coda-slider-wrapper hide-end">
 	<div class="coda-slider preload" id="coda-slider-1">
 $for pkg in pkg_details:
             <div class="panel">
@@ -79,6 +87,10 @@ $for pkg in pkg_details:
 			</div>
 			</label>
 			<br style="clear: both;" />
+		     	</div><!-- #panel-controls -->
+            		<div class="content-pkg">
+			   <ul>
+			    <li><b>Description</b>: 
 				<div class="screenshot">
 				<a class="link-thumb" rel="facebox" 
 				href="http://screenshots.debian.net/screenshot/$pkg['package']?.jpg" 
@@ -86,9 +98,7 @@ $for pkg in pkg_details:
 				<img src="http://screenshots.debian.net/thumbnail/$pkg['package']" 
 				alt="Screenshot $pkg['package']" /></a>
 				</div><!-- screenshot -->
-		     	</div><!-- #panel-controls -->
-            		<div class="content-pkg">
-			    <li><b>Description</b>: <br />$:pkg['long_description']</li>
+				<br />$:pkg['long_description']</li>
 			    $if pkg['homepage']:
 			        <li><b>Homepage</b>: $pkg['homepage']</li>
 			    $if pkg['task']: