Commits

jdeblank  committed bf9cbe1

jquery stuff

  • Participants
  • Parent commits 0ed993d

Comments (0)

Files changed (2)

File ratemyflight/project_template/site_media/css/style.css

 #message h2 { margin: 0; font-size: 22px; margin-bottom: 10px; color: #000; }
 #message p { line-height: 19px; margin-bottom: 6px; }
 
-#map_holder { position: relative; margin: 0 auto 20px; text-align: center; border: 1px solid #231f20; background: #fff; }
+#map_holder { position: relative; overflow: hidden; margin: 0 auto 20px; text-align: center; border: 1px solid #231f20; background: #fff; }
 #map_canvas { height: 500px; }
 #map_data { width: 950px; padding: 4px; height: 20px; position: absolute; z-index: 3; top: 0; background: rgba(64, 64, 64, 0.5); text-align: right; color: #fff; }
 #map_holder .close { float:right; text-decoration:none; font-size:18px; font-weight:bold; color:#fff; }
 
-#form_rater { width: 260px; background: rgba(21, 21, 21, 0.95); position: absolute; z-index: 100; top: 20px; left: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 2px solid #fff; padding: 10px 20px; }
+#form_rater { width: 260px; background: rgba(21, 21, 21, 0.95); position: absolute; z-index: 100; top: 10px; left: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 2px solid #fff; padding: 10px 20px; }
 #form_rater h2 { height: 30px; color: #65CCE7; font-size: 21px; text-align: left; }
 
 #footer { width: 1000px; margin: 15px auto; }
 .cl { clear: both; }
 form.rate li { list-style: none; }
 form.rate label { width: 50px; }
-form.rate table { margin: 10px 0 0 30px; }
+form.rate table { margin: 10px 0 0 0; }
 form.rate th { text-align: right; vertical-align: top; }
 form.rate th, form.rate td { padding: 5px; color: #fff; }
 form.rate td { font-size: 10px; text-align: left; }
 #rankings ul { width:298px; float:left; list-style-type:none; margin:0 0 10px 20px; padding-bottom: 20px; border-right:1px solid #a7bac5; }
 #rankings .last { border-right-width:0px; }
 #rankings .topflyer-avatar { width: 25px; vertical-align: middle; margin-right: 7px; }
-#rankings li { margin-top:5px; font-size: 15px; color: #0d84a9; height:30px;}
+#rankings li { margin-top:5px; font-size: 15px; color: #0d84a9; height:30px;}
 #rankings li:first-child { margin-bottom: 15px; }
 #rankings .ranking-icon { float: left; margin-right: 7px; }
 
 #nav { width:100%; height: 53px; white-space:nowrap; background: url("../img/bg-nav.gif") repeat-x 0 0; }
 #nav li { height: 31px; display:inline-block; color: #fff; margin:7px 0 0 10px; padding: 15px 20px 0; background: #22627f; border-top-left-radius: 5px; border-top-right-radius: 5px;  }
-#nav li.active { background: #fff; }
 #nav li:hover { background: #23536e; }
 #nav a { font-size:16px; color: #fff; text-decoration: none; font-weight: bold; }
 #nav li.active a { color: #23536e; }
 #nav li.active a:hover { color: #fff; }
 #nav a:hover { color: #fff; }
+#nav li.active, #nav li.active a:hover { background: #fff; color: #23536e; }
 
 .content { padding:50px; font-size:18px; line-height:24px; }
 .content h1, .content h2, .content p, .content pre { margin-bottom:20px; }

File ratemyflight/project_template/templates/index.html

     $(window).load(function() {
         loadGMapScript();
     });
+	$(function(){
+		$("#form_rater .close").click(function() {
+			$('.rate').slideToggle("slow");
+			return false;
+		});
+	});
 </script>
 {% endblock %}
 
 <div id="map_holder">
 	<div id="map_canvas"></div>
 	<div id="form_rater">
-	    <a class="close" href="#" onclick="$(this).parent().hide(); return false;">X</a>
+	    <a class="close" href="#">X</a>
 		<h2>Rate a flight</h2>
 		<form method="post" class="rate">
 			<table>{{ form.as_table }}</table>