added temp-home page, few css changes, changed SMS page (more white space in right hand side to create less crowded feel)

chaloBEST/mumbai/static/css/content.css

@@ -84,6 +84,8 @@
 .listtitlesmall{height: 1.8em; background-color:#999;} /* for stacked lists */
 .listtitlesmall h3{float:left; margin:0px; padding: 5px; color:#fff; width:80%; font-size:100%;}	/* for stacked lists */
 .listtitlesmall img{float:left; margin:0px; padding: 5px; height:20px; width:20px;}	/* for stacked lists */
+.listtitlewarning {height: 1.8em;}
+.listtitlewarning h3 {float:left; margin:0px; padding: 5px 5px 0 5px; width:80%; font-size:100%;}
 
 /* for extra info under the list header */
 .listextrainfo {padding:1em 10px 0 5px; height: 2.3em;}
@@ -202,7 +204,7 @@ span.half {display:inline; float:left; margin:0; padding:0; width:50%;}
 /* STATIC PAGES (SMS,ANDROID,JOIN US,ABOUT US) */
 /* block */
 .staticpage {min-height: 1em; overflow:hidden;}
-.staticpage h1{color:red; font-size: 1.75em; line-height:1.33333333333333em;}
+.staticpage h1{color:red; font-size: 1.5em; line-height:1.33333333333333em;}
 .staticpage h2 {font-size:100%;}
 .staticpage p, .staticpage h3, .staticpage ul, .staticpage ol {font-size:80%;}
 .staticpage .box {padding:10px 0.8em;}
@@ -211,13 +213,18 @@ span.half {display:inline; float:left; margin:0; padding:0; width:50%;}
 
 /* highlight box top right*/
 .highlight {margin: -2px 0 0 0; padding:15px; background-color:#BEDB74; border: 2px solid #FBDD09; border-radius:0 0 15px 15px;}
-.highlight .right{width:100%; text-align:center;}
+.highlight2 {margin: -2px 0 0 0; padding:15px 15px 0 15px; /*border: 2px solid #FBDD09; border-radius:0 0 15px 15px;*/}
-.highlight .submit{float:right; margin5px 0; height:1.5em;}
+.highlight .right, .highlight2 .right{width:100%; text-align:center;}
-.highlight h2{font-size:1em; color:#FE2423;}
+.highlight .submit, .highlight2 .submit {float:right; margin5px 0; height:1.5em;}
-.highlight ol{font-size:1.2em;}
+.highlight h2, .highlight2 h2{font-size:1em; color:#FE2423;}
-.highlight ul{/*list-style-type:none; text-align:right;*/ padding-left:12%;}
+.highlight ol, .highlight2 ol{font-size:1.2em;}
+.highlight ul, .highlight2 ul{padding-left:6%;}
 .highlight ul.sublist{font-size:0.6em;}
-.highlight ul span{font-style:italic;}
+
+.highlight2 ul{font-size:1em; padding-left:6%; list-style-type: none;}
+.highlight2 li {padding-bottom:12px;}
+
+.highlight p span,.highlight ul span, .highlight2 p span,.highlight2 ul span{font-style:italic;}
 .actionbutton {background-color:#FBDD09 !important; border:2px solid yellow; border-radius:15px; text-align:center !important;}
 
 /* highlight special header */

chaloBEST/templates/innov/SMS.html

@@ -145,24 +145,21 @@
 <!-- right banner -->
 <div class="g3">
 	<div class="g3_3 ">
-		<div class="highlight">
+		<div class="highlight2">
-			<h2>SMS ChaloBEST</h2>
+			<h2>ChaloBEST by SMS</h2>
-			<ol>
+			<div class="leading20"></div>
-				<li><b>Find bus & route info:</b></li>
+			<ul>
-				<ul class="sublist">
+				<li><b>Directions: </b><br /> "<span>[stop name]</span><b> to </b><span>[stop name]</span>"</li>
-					<li>Directions: "<span>[stop name]</span><b> to </b><span>[stop name]</span>"</li>
+				<li><b>Buses at your stop:</b><br /> "<span>[stop name]</span>"</li>
-					<li>Buses at your stop: "<span>[stop name]</span>"</li>
+				<li><b>Bus stop list &amp; frequency:</b><br /> "<span>[number]</span>"</li>
-					<li>Bus stop list &amp; frequency: "<span>[number]</span>"</li>
+				<li>SMS to <b>9619524420</b></li>
 			</ul>
-				<li><b>SMS it to 9619524420</b></li>
-			</ol>
 		</div>
 	</div>
 </div>
 <div class="g3">
-	<div class="leading20"></div>
+	<div class="g3_3 listtitlewarning red"><h3 class="red">DISCLAIMER: TEST PHASE</h3></div>
-	<div class="g3_3 listtitlesmall"><h3>DISCLAIMER: TEST PHASE</h3></div>
+	<div class="g3_3 staticpage">
-	<div class="g3_3 staticpage lightgrey">
 		<div class="box">
 			<p>ChaloBEST SMS is in public beta, and your feedback is most welcome, <a href="contact.html">click here to contact</a>.</p>
 			<p>ChaloBEST सुविधा क़ी अभी जांच एवं परिक्षण जारी है. इस सेवा पे आपके विचार एवं सुझाव हमें ज़रूर भेजें. हम से समपर्क करने के लिए <a href="contact.html">इधर क्लिक करें</a>.</p>

chaloBEST/templates/innov/temp-home.html

@@ -0,0 +1,46 @@
+{% extends 'innov/base.html' %}
+
+
+{% block content %}
+
+<div class="g2"></div>
+<div class="g7">
+	<div class="leading30"></div>
+	<div class="g9_9 staticpage main">
+		<div class=""><h1 class="hwider darkgrey">Free public transport tools for Mumbai on SMS, web & smartphone</h1></div>
+		<div class="leading20"></div>
+		<h1>SMS 96195.24420 &nbsp; &nbsp; - &nbsp;  &nbsp;  एस.एम.एस.  ९६१९५२४४२०</h1>
+		<h3>Find your way by SMS(*))! <a href="sms.html">Available for English, मराठी and हिन्दी</a></h3>
+		<p></p>
+		<p>(*) Normal SMS charges applicable as per carrier rate and plan.<br />
+			(*) या सुविधेसाठी  तुमच्या एस.एम.एस सेवेचा नियमीत शुल्क आकारले जातील. <br />
+			(*) सुविधा पे सामान्य SMS शुल्क लागू </p>
+		<div class="leading40"></div>
+		<h2>Coming soon:</h2>
+		<div class="g9_9">
+			<div class="g9_3">
+				<img src="img/ChaloBEST_laptop.png" alt="ChaloBEST Mumbai BEST Bus Guide to be launched soon" />
+			</div>
+			<div class="g9_3">
+				<img src="img/android_screenshot.png" alt="ChaloBEST Mumbai Android Route planner to be launched soon" />
+			</div>
+		</div>
+	</div>
+</div>
+<div class="g3">
+	<div class="g3_3 ">
+		<div class="highlight">
+			<h2>ChaloBEST SMS:</h2>
+			<p>In English, मराठी and हिन्दी </p>
+			<ul>
+				<li><b>Directions: </b><br /> "<span>[stop name]</span><b> to </b><span>[stop name]</span>"</li>
+				<li><b>Buses at your stop:</b><br /> "<span>[stop name]</span>"</li>
+				<li><b>Bus stop list &amp; frequency:</b><br /> "<span>[number]</span>"</li>
+				<li>SMS to <b>9619524420</b></li>
+			</ul>
+			<p><a href="SMS.html">Detailed instructions</a></p>
+		</div>
+	</div>
+</div>
+
+{% endblock content %}