minor faq and css updates
authorRyan Doherty <rdoherty@mozilla.com>
Fri, 29 May 2009 09:05:47 -0700
changeset 976 973e541671eabaab86feccdc83e8865788095a14
parent 975 22035089d1e7261b566463217da8b8b2e36a109a
child 977 c57f5f1255c870bd58d4f342e50e714be24f1f67
push id611
push userrdoherty@mozilla.com
push dateFri, 29 May 2009 16:05:51 +0000
minor faq and css updates
server/demo_create.php
server/demo_create2.php
server/demo_create3.php
server/demo_create4.php
server/faq.php
static/css/style.css
--- a/server/demo_create.php
+++ b/server/demo_create.php
@@ -7,17 +7,17 @@
 	$title = "How to Create Personas"; 
 	include 'templates/header.php'; 
 ?>
 <body>
     <div id="outer-wrapper">
         <div id="inner-wrapper">
 <?php include 'templates/nav.php'; ?>
             <div id="header">
-                <h2>Demo</h2>
+                <h2>How To</h2>
                 <h3>Personas are lightweight, easy to install and easy to change “skins” for your Firefox web browser.</h3>
             </div>
             <div id="maincontent" class="demo">
                 <div id="breadcrumbs">
                     <a href="http://www.getpersonas.com">Personas Home</a> : How to Create Personas
                 </div>
                 
 
--- a/server/demo_create2.php
+++ b/server/demo_create2.php
@@ -7,17 +7,17 @@
 	$title = "How to Create Personas"; 
 	include 'templates/header.php'; 
 ?>
 <body>
     <div id="outer-wrapper">
         <div id="inner-wrapper">
 <?php include 'templates/nav.php'; ?>
             <div id="header">
-                <h2>Demo</h2>
+                <h2>How To</h2>
                 <h3>Personas are lightweight, easy to install and easy to change “skins” for your Firefox web browser.</h3>
             </div>
             <div id="maincontent" class="demo">
                 <div id="breadcrumbs">
                     <a href="http://www.getpersonas.com">Personas Home</a> : How to Create Personas
                 </div>
                 
 
--- a/server/demo_create3.php
+++ b/server/demo_create3.php
@@ -7,17 +7,17 @@
 	$title = "How to Create Personas"; 
 	include 'templates/header.php'; 
 ?>
 <body>
     <div id="outer-wrapper">
         <div id="inner-wrapper">
 <?php include 'templates/nav.php'; ?>
             <div id="header">
-                <h2>Demo</h2>
+                <h2>How To</h2>
                 <h3>Personas are lightweight, easy to install and easy to change “skins” for your Firefox web browser.</h3>
             </div>
             <div id="maincontent" class="demo">
                 <div id="breadcrumbs">
                     <a href="http://www.getpersonas.com">Personas Home</a> : How to Create Personas
                 </div>
                 
 
--- a/server/demo_create4.php
+++ b/server/demo_create4.php
@@ -7,17 +7,17 @@
 	$title = "How to Create Personas"; 
 	include 'templates/header.php'; 
 ?>
 <body>
     <div id="outer-wrapper">
         <div id="inner-wrapper">
 <?php include 'templates/nav.php'; ?>
             <div id="header">
-                <h2>Demo</h2>
+                <h2>How To</h2>
                 <h3>Personas are lightweight, easy to install and easy to change “skins” for your Firefox web browser.</h3>
             </div>
             <div id="maincontent" class="demo">
                 <div id="breadcrumbs">
                     <a href="http://www.getpersonas.com">Personas Home</a> : How to Create Personas
                 </div>
                 
 
--- a/server/faq.php
+++ b/server/faq.php
@@ -27,17 +27,27 @@
                         <p>Personas are lightweight “skins” that change the look of your Firefox web browser. You can easily switch between Personas with just a few clicks. There are hundreds of Personas to choose from, with more added every day. You can even create your own and share it with others.</p>
                     </dd>
                     <dt>How do I add Personas to my Firefox?</dt>
                     <dd><p>In less than 60 seconds, you can install a Persona and transform the look of your Firefox web browser. Visit <a href="http://getpersonas.com">GetPersonas.com</a> and click the download button. After installation, you will be asked to restart Firefox.</p>
 
                     <p>If you want to see how it works, you can watch a quick video demonstration <a href="/demo_install">here</a>.</p>
 
                     <p>Once Personas are installed, you’ll be able to choose and change your selected Persona any time simply by clicking on the little fox mask in the lower left-hand corner of your browser window.</p></dd>
-                
+                        <dt>How do I create or edit my designer profile?</dt>
+                           <dd>
+                               <p>If you are a new Personas designer, you will be asked to create a profile when
+                                  you first sign up <a href="https://personas.services.mozilla.com/signin?return=/upload">here</a>. You will have the option to include a "display
+                                  name" and "designer description", both of which will be displayed in the public
+                                  gallery.</p>
+
+                                  <p>If you are an existing Personas designer, you can edit and add to your profile
+                                  <a href="http://sm-weave-proxy01.services.mozilla.com/profile">here</a>.</p>
+
+                           </dd>
                 
                 <dt>How can I add or change my current Persona?</dt>
                 <dd><p>There are two easy ways to change your Persona:</p>
                     <ol>
                         <li>Visit the Personas website at <a href="http://getpersonas.com">GetPersonas.com</a>, check out the gallery, choose your favorite Persona, and click on your choice to instantly change the look of your browser.<br> OR</li>
                        <li>Click on the little fox mask in the lower left hand corner of your browser, then select a Persona that suits your style.</li>
                     </ol>
                 
@@ -136,27 +146,17 @@
 
 
 
                <dt>Is Personas for Firefox open source?</dt>
 
                <dd><p>Yes. The source code for Personas is available under the MPL/GPL/LGPL tri-license. You can view the source <a href="http://hg.mozilla.org/labs/personas/personas">here</a>.</p>
                    
                    
-                   <dt>How Do I Create or Edit My Designer Profile?</dt>
-                   <dd>
-                       <p>If you are a new Personas designer, you will be asked to create a profile when
-                          you first sign up <a href="https://personas.services.mozilla.com/signin?return=/upload">here</a>. You will have the option to include a "display
-                          name" and "designer description", both of which will be displayed in the public
-                          gallery.</p>
-
-                          <p>If you are an existing Personas designer, you can edit and add to your profile
-                          <a href="http://sm-weave-proxy01.services.mozilla.com/profile">here</a>.</p>
-                    
-                   </dd>
+               
                    
                  
          </dd>       
       </dl>
                 
             </div>
 <?php include 'templates/get_personas.php'; ?>
         </div>
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1305,31 +1305,31 @@ img.preview  {
 
 }
 
 #tutorial {
 	width:680px;
 	margin:0 auto;
 }
 
-ol {
+#tutorial ol {
 	
 	padding: 0px;
 	margin: 0px;
 	margin-left: 90px;
 }
 
-ul {
+#tutorial ul {
 	
 	padding: 0px;
 	margin: 0px;
 	margin-left: 90px;
 }
 
-li {
+#tutorial li {
 	
 	padding: 0px;
 	margin: 0px;
 	margin-bottom: 6px;
 }
 
 
 .tut_box{
@@ -1377,16 +1377,20 @@ li {
 
 .tut_info p, .tut_didyouknow p, .tut_warning p, .tut_alert p{
 	
 	padding: 0px;
 	margin: 0px;
 	margin-left: 80px;
 }
 
+#tutorial .tut_info ul,#tutorial  .tut_didyouknow ul,#tutorial  .tut_warning ul,#tutorial  .tut_alert ul {
+    margin: 0 0 0 30px;
+}
+
 .tut_info, .tut_didyouknow, .tut_warning, .tut_alert, .tut_box {
     position: relative;
     padding: 15px 60px;
 }
 
 .tut_info a{
 	color:#2a6780;
 }