check in next round of wizard changes - add some CSS to make the dialogs consistent, etc

This commit is contained in:
alecf%netscape.com 1999-07-02 02:20:25 +00:00
parent 460d62cc6b
commit eff4d61ee0
16 changed files with 267 additions and 101 deletions

View File

@ -19,14 +19,12 @@
*/
var wizardMap = {
intro: { next: "identity" },
accounttype: { next: "mailtype" },
mailtype: { next: "fullname", previous: "accounttype" },
fullname: { next: "email", previous: "mailtype" },
email: { next: "server", previous: "fullname" },
server: { next: "smtp", previous: "email", validate: validateServer},
smtp: { next: "done", previous: "server", validate: validateSmtp},
done: { previous: "smtp" }
accounttype: { next: "identity" },
identity: { next: "server", previous: "accounttype" },
server: { next: "login", previous: "identity"},
login: { next: "accname", previous: "server"},
accname: { next: "done", previous: "login" },
done: { previous: "accname" }
}
var pagePrefix="aw-";
@ -55,6 +53,12 @@ function wizardPageLoaded(tag) {
function onNext(event) {
if (!wizardMap[currentPageTag]) {
dump("Error, could not find entry for current page: " +
currentPageTag + "\n");
return;
}
// only run validation routine if it's there
var validate = wizardMap[currentPageTag].validate;
if (validate)
@ -116,8 +120,10 @@ function saveContents(win, hash) {
var inputs = win.document.getElementsByTagName("FORM")[0].elements;
dump("There are " + inputs.length + " input tags\n");
for (var i=0 ; i<inputs.length; i++) {
dump("Saving: ID=" + inputs[i].id + " Value=" + inputs[i].value + "\n");
hash[inputs[i].id] = inputs[i].value;
dump("Saving: ");
dump("ID=" + inputs[i].name + " Value=" + inputs[i].value + "..");
hash[inputs[i].name] = inputs[i].value;
dump("done.\n");
}
}

View File

@ -1,6 +1,7 @@
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://messenger/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://messenger/skin/wizard.css" type="text/css"?>
<!--
The contents of this file are subject to the Netscape Public
@ -32,7 +33,7 @@ Rights Reserved.
<html:script language="JavaScript" src="AccountWizard.js"/>
<box align="vertical" style="width: 100%; height: 100%">
<html:iframe flex="100%" style="width: 100%; height: 200px; border: none" src="aw-accounttype.xul" name="wizardContents"/>
<html:iframe flex="100%" style="width: 100%; height: 240px; border: none; margin: 5px;" src="aw-accounttype.xul" name="wizardContents" scrolling="auto"/>
<html:div>
Click next to continue entering information.
</html:div>

View File

@ -35,13 +35,9 @@ custreceipt.html
pref-diskspace.html
AccountWizard.xul
AccountWizard.js
aw-intro.xul
aw-accounttype.xul
aw-identity.xul
aw-server.xul
aw-smtp.xul
aw-done.xul
aw-accounttype.xul
aw-mailtype.xul
aw-fullname.xul
aw-email.xul
aw-login.xul
aw-accname.xul
aw-done.xul

View File

@ -48,16 +48,12 @@ EXPORT_RESOURCE_SAMPLES = \
$(srcdir)/pref-diskspace.html \
$(srcdir)/AccountWizard.xul \
$(srcdir)/AccountWizard.js \
$(srcdir)/aw-intro.xul \
$(srcdir)/aw-accounttype.xul \
$(srcdir)/aw-identity.xul \
$(srcdir)/aw-server.xul \
$(srcdir)/aw-smtp.xul \
$(srcdir)/aw-done.xul \
$(srcdir)/aw-accounttype.xul \
$(srcdir)/aw-mailtype.xul \
$(srcdir)/aw-fullname.xul \
$(srcdir)/aw-email.xul \
$(srcdir)/aw-login.xul \
$(srcdir)/aw-accname.xul \
$(srcdir)/aw-done.xul \
$(NULL)
EXPORT_RESOURCE_SAMPLES_TO_REMOVE := $(addprefix $(SAMPLES_DIR)/, $(EXPORT_RESOURCE_SAMPLES))

View File

@ -0,0 +1,47 @@
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://messenger/skin/" type="text/css"?>
<!--
The contents of this file are subject to the Netscape Public
License Version 1.1 (the "License"); you may not use this file
except in compliance with the License. You may obtain a copy of
the License at http://www.mozilla.org/NPL/
Software distributed under the License is distributed on an "AS
IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
implied. See the License for the specific language governing
rights and limitations under the License.
The Original Code is Mozilla Communicator client code, released
March 31, 1998.
The Initial Developer of the Original Code is Netscape
Communications Corporation. Portions created by Netscape are
Copyright (C) 1998-1999 Netscape Communications Corporation. All
Rights Reserved.
-->
<!DOCTYPE window
[
<!ENTITY accnameTitle.label "Account Name">
<!ENTITY accnameDesc.label "Enter the name by which you would like to refer to this account.">
<!ENTITY accnameExample.label "For example, Work Account, Home Account or News Account">
<!ENTITY accnameLabel.label "Account Name:">
]>
<window id="accnamepage" xmlns:html="http://www.w3.org/TR/REC-html40"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
onload="parent.wizardPageLoaded('accname');">
<box align="vertical" style="width: 100%; height: 100%">
<box class="title" align="horizontal">
<html:div class="title">&accnameTitle.label;</html:div>
<spring flex="100%"/>
<titledbutton class="plain" src="resource:/res/throbber/anims00.gif"/>
</box>
<html:div>&accnameDesc.label;</html:div>
</box>
</window>

View File

@ -1,6 +1,7 @@
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://messenger/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://messenger/skin/wizard.css" type="text/css"?>
<!--
The contents of this file are subject to the Netscape Public
@ -24,10 +25,13 @@ Rights Reserved.
<!DOCTYPE window
[
<!ENTITY accountTypeTitle.label "Mail or news:">
<!ENTITY accountTypeDesc.label "Select the type of account to set up:">
<!ENTITY accountTypeTitle.label "Welcome to the Account Setup Wizard">
<!ENTITY accountTypeDesc.label "This wizard will collect the necessary information needed before you can use your new account. If you do not know the information requested, please contact your Internet Service Provider or System Administrator.">
<!ENTITY accountTypeMail.label "Mail">
<!ENTITY accountTypeNews.label "News">
<!ENTITY accountTypeWebMail.label "Netscape WebMail">
<!ENTITY webMailNew.label "New Account">
<!ENTITY webMailExisting.label "Existing Account">
]>
<window id="accounttype" xmlns:html="http://www.w3.org/TR/REC-html40"
@ -35,10 +39,14 @@ Rights Reserved.
onload="parent.wizardPageLoaded('accounttype');">
<box align="vertical" style="width: 100%; height: 100%">
<html:div>
<html:div>&accountTypeTitle.label;</html:div>
<html:div>&accountTypeDesc.label;</html:div>
</html:div>
<box class="title" align="horizontal">
<html:div class="title">&accountTypeTitle.label;</html:div>
<spring flex="100%"/>
<titledbutton class="plain" src="resource:/res/throbber/anims00.gif"/>
</box>
<html:div class="desc">&accountTypeDesc.label;</html:div>
<box align="vertical">
<html:div>
<html:input type="radio" name="acctyperadio" id="mailaccount" value="mail" checked="1"/>
@ -48,6 +56,21 @@ Rights Reserved.
<html:input type="radio" name="acctyperadio" id="newsaccount" value="news"/>
&accountTypeNews.label;
</html:div>
<html:div>
<html:input type="radio" name="acctyperadio" id="webmailaccount" value="webmail"/>
&accountTypeWebMail.label;
</html:div>
<html:div style="padding-left: 15px">
<html:div>
<html:input type="radio" name="webmailradio" id="newwebmail" value="webmail" checked="1"/>
&webMailNew.label;
</html:div>
<html:div>
<html:input type="radio" name="webmailradio" id="existwebmail" value="webmail"/>
&webMailExisting.label;
</html:div>
</html:div>
</box>
</box>
</window>

View File

@ -1,6 +1,7 @@
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://messenger/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://messenger/skin/wizard.css" type="text/css"?>
<!--
The contents of this file are subject to the Netscape Public

View File

@ -1,6 +1,7 @@
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://messenger/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://messenger/skin/wizard.css" type="text/css"?>
<!--
The contents of this file are subject to the Netscape Public
@ -22,27 +23,51 @@ Communications Corporation. Portions created by Netscape are
Rights Reserved.
-->
<!DOCTYPE window>
<!DOCTYPE window
[
<!ENTITY identityTitle.label "Identity">
<!ENTITY identityDesc.label "Each account can have its own identity, which is the ifnormation that other people see when they read your messages.">
<window id="identity" xmlns:html="http://www.w3.org/TR/REC-html40"
<!ENTITY fullnameDesc.label "Enter the name you would like to appear in the From field of your outgoing messages.">
<!ENTITY fullnameExample.label "For example, John Smith">
<!ENTITY fullnameLabel.label "Your Name:">
<!ENTITY emailDesc.label "Enter your email address. This is the address otherws will use to send email to you.">
<!ENTITY emailExample.label "For example, test@netscape.net">
<!ENTITY emailLabel.label "Email Address:">
]>
<window id="identitypage" xmlns:html="http://www.w3.org/TR/REC-html40"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
onload="parent.wizardPageLoaded('identity');">
<box align="vertical" style="width: 100%; height: 100%">
<box align="vertical" style="width: 100%; height: 100%; margin: 10px">
<html:div>Please enter your name and email address.</html:div>
<html:div>This information will be saved in your preferences</html:div>
<html:div>Full name:</html:div>
<box align="horizontal">
<html:input id="name" type="text"/>
<html:div>(e.g. John Smith)</html:div>
<box class="title" align="horizontal">
<html:div class="title">&identityTitle.label;</html:div>
<spring flex="100%"/>
<titledbutton class="plain" src="resource:/res/throbber/anims00.gif"/>
</box>
<html:div>&identityDesc.label;</html:div>
<html:div>Email Address:</html:div>
<box align="horizontal">
<html:input id="email" type="text"/>
<html:div>(e.g. jsmith@company.com)</html:div>
</box>
<html:div>
<html:div>&fullnameDesc.label;</html:div>
<html:div>&fullnameExample.label;</html:div>
<box align="horizontal">
<html:div>&fullnameLabel.label;</html:div>
<html:input type="text" name="fullname" id="fullname"/>
<spring flex="100%"/>
</box>
</html:div>
<html:div>
<html:div>&emailDesc.label;</html:div>
<html:div>&emailExample.label;</html:div>
<box align="horizontal">
<html:div>&emailLabel.label;</html:div>
<html:input type="text" name="email" id="email"/>
<spring flex="100%"/>
</box>
</html:div>
</box>
</window>

View File

@ -1,6 +1,7 @@
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://messenger/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://messenger/skin/wizard.css" type="text/css"?>
<!--
The contents of this file are subject to the Netscape Public
@ -24,34 +25,53 @@ Rights Reserved.
<!DOCTYPE window
[
<!ENTITY loginTitle.label "Your Email Account Name and Password:">
<!ENTITY loginDesc.label "Enter your server login name and password given to you by your email provider:">
<!ENTITY loginExample.label "For example: elmer">
<!ENTITY loginTitle.label "Name and Password">
<!ENTITY usernameDesc.label "Enter your user name given to you by your email provider.">
<!ENTITY usernameExample.label "For example: jsmith">
<!ENTITY usernameLabel.label "User Name:">
<!ENTITY passwordTitle.label "Password:">
<!ENTITY passwordTitle.label "Password Storage">
<!ENTITY savePasswordDesc.label "Netscape Mail can save your password so that you are not asked for it each time you access this account. Your password is automatically sent to the server to which you are connecting. This is not recommended if other people have access to your computer.">
<!ENTITY savePasswordLabel.label "If you want Netscape Mail to save your password, check the box below.">
<!ENTITY savePasswordCheckbox.label "Save my password">
<!ENTITY passwordDesc.label "Enter the password given to you by your email provider">
<!ENTITY passwordLabel.label "Password:">
]>
<window id="loginpage" xmlns:html="http://www.w3.org/TR/REC-html40"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
onload="parent.wizardPageLoaded('login');">
<box align="vertical" style="width: 100%; height: 100%">
<html:div>
<html:div>&loginTitle.label;</html:div>
<html:div>&loginDesc.label;</html:div>
</html:div>
<box align="horizontal">
<html:input type="text" name="login" id="login"/>
<box class="title" align="horizontal">
<html:div class="title">&loginTitle.label;</html:div>
<spring flex="100%"/>
<titledbutton class="plain" src="resource:/res/throbber/anims00.gif"/>
</box>
<html:div>&loginExample.label;</html:div>
<box align="vertical" class="padded">
<html:div>&usernameDesc.label;</html:div>
<html:div>
&usernameLabel.label;
<html:input type="text" name="username" id="username"/>
</html:div>
</box>
<html:div>
<html:div>&passwordTitle.label;</html:div>
</html:div>
<box align="horizontal">
<html:input type="text" name="password" id="password"/>
<spring flex="100%"/>
<box align="vertical" class="padded">
<html:div class="title">&passwordTitle.label;</html:div>
<html:div>&savePasswordDesc.label;</html:div>
<html:div>&savePasswordLabel.label;</html:div>
<html:div>
<html:input type="checkbox" value="savepassword" name="savepassword" id="savepassword"/>
&savePasswordCheckbox.label;
</html:div>
<html:div style="padding-left: 15px">
<html:div>&passwordDesc.label;</html:div>
<html:div>
&passwordLabel.label;
<html:input type="password" name="password" id="password"/>
</html:div>
</html:div>
</box>
</box>
</window>

View File

@ -26,7 +26,6 @@ Rights Reserved.
[
<!ENTITY mailTypeTitle.label "Netscape WebMail or Other Mail:">
<!ENTITY mailTypeDesc.label "Select a free Netscape WebMail account or other mail account, such as your ISP or company mail.">
<!ENTITY mailTypeWebMail.label "Netscape WebMail">
<!ENTITY mailTypeOtherMail.label "Other Mail">
]>

View File

@ -1,6 +1,7 @@
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://messenger/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://messenger/skin/wizard.css" type="text/css"?>
<!--
The contents of this file are subject to the Netscape Public
@ -24,12 +25,20 @@ Rights Reserved.
<!DOCTYPE window
[
<!ENTITY serverTitle.label "Incoming Server Name:">
<!ENTITY serverDesc.label "Enter the name of your incoming email server:">
<!ENTITY serverExample.label "For example: pop.fudd.com">
<!ENTITY serverTitle.label "Server Information">
<!ENTITY incomingServerTitle.label "Incoming Server">
<!ENTITY incomingServerTypeDesc.label "Select the type of incoming server you are using.">
<!ENTITY incomingServerTypeLabel.label "Server Type:">
<!ENTITY incomingServerNameDesc.label "Enter the name of your incoming server. For example, pop.netscape.net">
<!ENTITY incomingServerLabel.label "Server Name:">
<!ENTITY serverTypeTitle.label "Incoming Server Type:">
<!ENTITY serverTypeDesc.label "Enter the type of incoming server you are using:">
<!ENTITY smtpServerTitle.label "Outgoing (SMTP) Server">
<!ENTITY smtpServerDesc.label "Enter the name of your outgoing (SMTP) server. For example, smtp.netscape.net">
<!ENTITY smtpServerLabel.label "Server Name:">
<!ENTITY imapType.label "IMAP Mail Server">
<!ENTITY popType.label "POP Mail Server">
<!ENTITY nntpType.label "News Server">
]>
@ -38,26 +47,38 @@ Rights Reserved.
onload="parent.wizardPageLoaded('server');">
<box align="vertical" style="width: 100%; height: 100%; margin: 10px">
<html:div>
<html:div>&serverTitle.label;</html:div>
<html:div>&serverDesc.label;</html:div>
</html:div>
<box align="horizontal">
<html:input id="hostname" name="hostname" type="text"/>
<spring flex="100%"/>
<box class="title" align="horizontal">
<html:div class="title">&serverTitle.label;</html:div>
<spring flex="100%"/>
<titledbutton class="plain" src="resource:/res/throbber/anims00.gif"/>
</box>
<html:div>
<html:div>&serverTypeTitle.label;</html:div>
<html:div>&serverTypeDesc.label;</html:div>
</html:div>
<box align="horizontal">
<html:select name="servertype" id="servertype">
<html:option id="pop3radio" value="pop3">POP3</html:option>
<html:option id="imapradio" value="imap">IMAP</html:option>
<html:option id="nntpradio" value="nntp">NNTP</html:option>
</html:select>
<spring flex="100%"/>
<box align="vertical" class="padded">
<html:div class="title">&incomingServerTitle.label;</html:div>
<html:div>&incomingServerTypeDesc.label;</html:div>
<html:div>
&incomingServerTypeLabel.label;
<html:select id="servertype" name="servertype">
<html:option value="pop3">&popType.label;</html:option>
<html:option value="imap">&imapType.label;</html:option>
<html:option value="nntp">&nntpType.label;</html:option>
</html:select>
</html:div>
<html:br/>
<html:div>&incomingServerNameDesc.label;</html:div>
<html:div>
&incomingServerLabel.label;
<html:input type="text" id="serverhostname" name="serverhostname"/>
</html:div>
</box>
<box align="vertical" class="padded">
<html:div class="title">&smtpServerTitle.label;</html:div>
<html:div>&smtpServerDesc.label;</html:div>
<html:div>
&smtpServerLabel.label;
<html:input type="text" id="smtphostname" name="smtphostname"/>
</html:div>
</box>
</box>
</window>

View File

@ -39,16 +39,12 @@ install::
$(MAKE_INSTALL) pref-diskspace.html $(DIST)\bin\chrome\messenger\content\default
$(MAKE_INSTALL) AccountWizard.xul $(DIST)\bin\chrome\messenger\content\default
$(MAKE_INSTALL) AccountWizard.js $(DIST)\bin\chrome\messenger\content\default
$(MAKE_INSTALL) aw-intro.xul $(DIST)\bin\chrome\messenger\content\default
$(MAKE_INSTALL) aw-accounttype.xul $(DIST)\bin\chrome\messenger\content\default
$(MAKE_INSTALL) aw-identity.xul $(DIST)\bin\chrome\messenger\content\default
$(MAKE_INSTALL) aw-server.xul $(DIST)\bin\chrome\messenger\content\default
$(MAKE_INSTALL) aw-smtp.xul $(DIST)\bin\chrome\messenger\content\default
$(MAKE_INSTALL) aw-done.xul $(DIST)\bin\chrome\messenger\content\default
$(MAKE_INSTALL) aw-accounttype.xul $(DIST)\bin\chrome\messenger\content\default
$(MAKE_INSTALL) aw-mailtype.xul $(DIST)\bin\chrome\messenger\content\default
$(MAKE_INSTALL) aw-fullname.xul $(DIST)\bin\chrome\messenger\content\default
$(MAKE_INSTALL) aw-email.xul $(DIST)\bin\chrome\messenger\content\default
$(MAKE_INSTALL) aw-login.xul $(DIST)\bin\chrome\messenger\content\default
$(MAKE_INSTALL) aw-accname.xul $(DIST)\bin\chrome\messenger\content\default
$(MAKE_INSTALL) aw-done.xul $(DIST)\bin\chrome\messenger\content\default
clobber::
rm -f $(DIST)\chrome\messenger\content\default\AccountManager.xul
@ -62,16 +58,13 @@ clobber::
rm -f $(DIST)\chrome\messenger\content\default\am-advanced.xul
rm -f $(DIST)\chrome\messenger\content\default\AccountWizard.xul
rm -f $(DIST)\chrome\messenger\content\default\AccountWizard.js
rm -f $(DIST)\chrome\messenger\content\default\aw-intro.xul
rm -f $(DIST)\chrome\messenger\content\default\aw-accounttype.xul
rm -f $(DIST)\chrome\messenger\content\default\aw-identity.xul
rm -f $(DIST)\chrome\messenger\content\default\aw-server.xul
rm -f $(DIST)\chrome\messenger\content\default\aw-smtp.xul
rm -f $(DIST)\chrome\messenger\content\default\aw-done.xul
rm -f $(DIST)\chrome\messenger\content\default\aw-accounttype.xul
rm -f $(DIST)\chrome\messenger\content\default\aw-mailtype.xul
rm -f $(DIST)\chrome\messenger\content\default\aw-fullname.xul
rm -f $(DIST)\chrome\messenger\content\default\aw-email.xul
rm -f $(DIST)\chrome\messenger\content\default\aw-login.xul
rm -f $(DIST)\chrome\messenger\content\default\aw-accname.xul
rm -f $(DIST)\chrome\messenger\content\default\aw-done.xul
rm -f $(DIST)\chrome\messenger\content\default\pref-mailnews.html
rm -f $(DIST)\chrome\messenger\content\default\pref-identity.html
rm -f $(DIST)\chrome\messenger\content\default\pref-mailservers.html

View File

@ -17,5 +17,6 @@
#
accounttree.css
wizard.css
winclassic.gif
winwide.gif

View File

@ -30,6 +30,7 @@ SAMPLES_DIR = $(DIST)/bin/chrome/messenger/skin/default
EXPORT_RESOURCE_SAMPLES = \
$(srcdir)/accounttree.css \
$(srcdir)/wizard.css \
$(srcdir)/winclassic.gif \
$(srcdir)/winwide.gif \
$(NULL)

View File

@ -21,11 +21,13 @@ include <$(DEPTH)\config\rules.mak>
install::
$(MAKE_INSTALL) accounttree.css $(DIST)\bin\chrome\messenger\skin\default
$(MAKE_INSTALL) wizard.css $(DIST)\bin\chrome\messenger\skin\default
$(MAKE_INSTALL) winclassic.gif $(DIST)\bin\chrome\messenger\skin\default
$(MAKE_INSTALL) winwide.gif $(DIST)\bin\chrome\messenger\skin\default
clobber::
rm -f $(DIST)\chrome\messenger\skin\default\accounttree.css
rm -f $(DIST)\chrome\messenger\skin\default\wizard.css
rm -f $(DIST)\chrome\messenger\skin\default\winclassic.gif
rm -f $(DIST)\chrome\messenger\skin\default\winwide.gif

View File

@ -0,0 +1,34 @@
/* -*- Mode: CSS; tab-width: 4; indent-tabs-mode: nil; c-basic-offset: 4 -*-
* The contents of this file are subject to the Netscape Public
* License Version 1.1 (the "License"); you may not use this file
* except in compliance with the License. You may obtain a copy of
* the License at http://www.mozilla.org/NPL/
*
* Software distributed under the License is distributed on an "AS
* IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
* implied. See the License for the specific language governing
* rights and limitations under the License.
*
* The Original Code is Mozilla Communicator client code, released
* March 31, 1998.
*
* The Initial Developer of the Original Code is Netscape
* Communications Corporation. Portions created by Netscape are
* Copyright (C) 1998-1999 Netscape Communications Corporation. All
* Rights Reserved.
*/
box.title {
background-color: lightgray;
padding: 5px;
}
div.title {
font-weight: bold;
font-size: large;
}
div.subtitle {
font-weight: bold;
}