Web Styleguide

Total Page:16

File Type:pdf, Size:1020Kb

Web Styleguide Web Styleguide METRARAIL.COM GRID SYSTEM This design utilizes Bootstrap 3’s 12-column grid. Visit www.npmjs.com/package/bootstrap-sass for installation and configuration details. 12-columns 10-columns Column-width to Gutter Ratio: 11:4 (73.5%:26.5%) 6-columns 4-columns Metra | Web Styleguide 2 COLOR PALETTE PRIMARY PALETTE BACKGROUND COLORS Metra Blue Purple Highlight Orange Background Grey Background Purple #005195 #543b8d #d03312 #F1F2F2 #f3f2f8 Metra Orange Black Dark Grey #e47224 #000000 #545454 Medium Grey Light Grey White #979797 #e2e2e2 #ffffff Metra | Web Styleguide 3 LAYER STYLES Highlight Orange / Thicc Highlight Orange / Skinny Metra Blue / Thicc Metra Blue / Skinny Border Border Border Border 10px solid #d33c1d 3px solid #d33c1d 10px solid #005195 3px solid #005195 Shadow Shadow Shadow Shadow #FFDCD4 #FFDCD4 #A6C6E2 #A6C6E2 h-offset: 0 h-offset: 0 h-offset: 0 h-offset: 0 y-offset: 4 y-offset: 4 y-offset: 4 y-offset: 4 blur: 20 blur: 20 blur: 20 blur: 20 spread: 1 spread: 1 spread: 1 spread: 1 Metra | Web Styleguide 4 Purple / Thicc Purple / Skinny Basic Card No Alerts or Events Border Border Border Border 10px solid #543b8d 3px solid #543b8d 0.5px solid #979797 0.5px solid #979797 Shadow Shadow Shadow Shadow #745BAC #745BAC #000 #000 h-offset: 0 h-offset: 0 h-offset: 0 h-offset: 0 y-offset: 4 y-offset: 4 y-offset: 2 y-offset: 2 blur: 10 blur: 10 blur: 2 blur: 2 spread: 1 spread: 1 spread: 0 spread: 0 opacity: 6 opacity: 6 Metra | Web Styleguide 5 TYPOGRAPHY Lato Regular AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz Bold AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz Roboto Slab Regular AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz Metra | Web Styleguide 6 TEXT STYLES Header 1 Header 2 Header 3 Font: Lato Font: Roboto Slab Font: Lato Weight: Bold Weight: Regular Weight: Bold Min. / Max. Size: 36px | 90px Min. / Max. Size: 20px | 30px Min. / Max. Size: 30px | 45px Min. / Max. Line Height: Min. / Max. Line Height: Min. / Max. Line Height: 32px | 90px 28px | 50px 35px | 50px Text-shadow: 0px 0px 8px #333 Header 4 Header 5 Header 6 Font: Lato Font: Roboto Slab Font: Lato Weight: Bold Weight: Regular Weight: Bold Size: 20px Size: 16px Size: 16px Line Height: 30px Line Height: 16px Line Height: 24px Metra | Web Styleguide 7 Body copy Font: Lato Weight: Regular Size: 16px Line Height: 24px / Bold / Underline / Italic / Bold Italic Font: Lato Font: Lato Font: Lato Font: Lato Weight: Bold Weight: Regular Weight: Italic Weight: Bold Italic Size: 16px Text Decoration: Underline Size: 16px Size: 16px Line Height: 24px Size: 16px Line Height: 24px Line Height: 24px Line Height: 24px Metra | Web Styleguide 8 Main Menu Desktop / Top Level / Child Items / Active Font: Lato Font: Lato Base: Child Items Weight: Bold Weight: Regular Padding Left: 15px Size: 16px Size: 16px Line Height: 24px Line Height: 24px Mobile / Base / Active / Bold Underline Font: Lato Font: Lato Font: Lato Weight: Regular Weight: Bold Weight: Bold Minimum Size: 12px Minimum Size: 12px Text Decoration: Underline Line Height: 20px Line Height: 20px Minimum Size: 12px Line Height: 20px Utility Menu Desktop Font: Lato Mobile Font: Lato Weight: Regular Weight: Regular Size: 16px Size: 16px Letter Spacing: 0.5px Letter Spacing: 0.5px Text Align: Right Line Height: 18px Text Align: Center Metra | Web Styleguide 9 Pagination / Unvisited / Hover / Active Font: Roboto Slab Font: Roboto Slab Font: Roboto Slab Weight: Regular Weight: Regular Weight: Regular Text Decoration: Underline Text Decoration: None Size: 16px Size: 16px Size: 16px Line Height: 16px Line Height: 16px Line Height: 16px Color: Purple (#543b8d) Color: Purple (#543b8d) Homepage Slideshow / Base / Hover Font: Lato Font: Lato Weight: Regular Weight: Regular Text Decoration: Underline Text Decoration: None Size: 24px Size: 24px Line Height: 30px Line Height: 30px Color: Dark Grey (#545454) Metra | Web Styleguide 10 BUTTONS PRIMARY BUTTON Base Hover Border: 1px solid #979797 Button text Layer Style: BUTTON TEXT Height: 42px BUTTON TEXT Highlight Orange / Skinny Width: Auto Color: Black; Font: Lato Active Weight: Bold Changes from primary button Size: 14px BUTTON TEXT Background: #f8f8f8 Line Height: 14px Letter Spacing: 0.5px Text Align: Center Focus Icon Size: 15 x 15px Changes from primary button Icon Color: Highlight Orange Outer border style: BUTTON TEXT Icon Padding Left: 10px See “No Alerts or Events” Layer Style Metra | Web Styleguide 11 TEXT BASED BUTTON Base Hover BUTTON TEXT Border Bottom: 1px solid #979797 BUTTON TEXT Changes from primary button Height: 42px Border Bottom Animation BUTTON TEXT Width: Auto • Dotted to solid Color: Medium Grey • Left to right Font: Roboto Slab • Gradient Size: 20px background: rgb(228,114,36); Line Height: 24px background: linear-gradient(315deg, Text Decoration: None rgba(228,114,36,1) 0%, rgba(208,51,18,1) 49%, Text Transform: Uppercase rgba(84,59,141,1) 100%); Align: Right Active BUTTON TEXT Changes from primary button Color: #543b8d (Purple) Focus Changes from primary button BUTTON TEXT Outer border style: See “No Alerts or Events” Layer Style Metra | Web Styleguide 12 SLIDESHOW ARROWS Base Hover Changes from primary button Opacity: 35% Border: 1px solid #979797 87px Height: Focus Width: 174px Changes from primary button Icons: Chevrons Left & Right 13 x 21px Outer border style: Icon Color: Varies See “No Alerts or Events” Layer Style Metra | Web Styleguide 13 ICONS MAIN & UTILITY MENU CHEVRONS & ARROWS Search Hamburger Menu More Menu Items Up Right / Forward Left / Back Down Service Alerts Find Next Bus Maps & Schedules Up To Move Forward Back To Down From BASE UI INPUTS Close Search Filter Radio / Unselected Radio / Deselect Date Picker Metra | Web Styleguide 14 INPUTS TEXT FIELDS INPUT WITH ICON (I.E., DROPDOWN, DATE PICKER) Input Title Input Title Input Placeholder Input Placeholder Input Title Text Style: Body Copy / Bold Input Title Text Style: Body Copy / Bold Input Placeholder: Header 5 / Black Input Placeholder: Header 5 / Black Padding Left & Right: 15px Width: To match width of content Width: To match width of content Height: 42px Height: 42px Padding Left & Right: 15px Icon: Varies Icon Size: 15 x 15px TEXT AREA Input Title Input Title Text Style: Body Copy / Bold Input Placeholder: Header 5 / Black Input Placeholder Width: To match width of content Height: 106px Metra | Web Styleguide 15 TABLES Table Header Text Style: Header 5 Capital Program Line Abbreviations Table Row Table Data::first-child { Text: Body Copy Text Style Align: Right Border: none } Table Row Table Data::not-first-child { Text: Header 6 Align: Left Border: 0.5px solid #B9B9B9 } Metra | Web Styleguide 16 FILTERS Desktop FILTER ACCORDION ACTIVE FILTER ACCORDION Text Style: Body Copy Bold Text Style: Body Copy Bold Layer Style: Basic Card Layer Style: Highlight Orange / Skinny Icon: Chevron Down / Highlight Orange Icon: Chevron Down / Highlight Orange FILTER ACCORDION - OPEN ACTIVE FILTER ACCORDION - OPEN Text Style: Body Copy Bold Filter Category Text Style: Body Copy Bold / Highlight Orange Layer Style: Basic Card Filter Option Text Style: Body Copy Icons: Selected, Filter Option Text Style: Body Copy Bold • Chevron Up / Highlight Orange Layer Style: Highlight Orange / Skinny • Radio Unselected / Dark Grey Icons: • Chevron Up / Highlight Orange • Radio Unselected / Dark Grey • Radio Deselect / Highlight Orange Metra | Web Styleguide 17 FILTERS Mobile Filters are a full screen takeover on mobile. Header Text Style: Header 5 / White Height: 42px Icon: Close / 12 x 12px / White Header Background Gradient: background: rgb(0,81,149); background: linear-gradient(227deg, rgba(0,81,149,1) 0%, rgba(84,59,141,1) 50%, rgba(228,114,36,1) 100%); Filters Background: #f8f8f8 Filter Category Text Style: Body Copy Bold Filter Option Text Style: Body Copy Selected, Filter Option Text Style: Body Copy Bold Icons: Unselected / Dark Grey | Deselected / Highlight Orange Metra | Web Styleguide 18 PHOTOGRAPHY Photography should leverage artistic crops and perspectives to emphasis people. Images of Metra employees interacting with customer are always preferred. Illustrate diversity in photography as a collective unit. Prioritize bright lighting and bold colors. Where possible, create a sense of or focus on movement. Metra | Web Styleguide 19 IMAGE SPECIFICATIONS There are 3 ways to display an image: Full width banner • Full width banner Width: Natural • Half width banner Height: 483px Crop: Center center • On an event detail page • Within WYSIWIG editors Half width banner Width: 50% page width Height: 483px Crop: Center center Event detail image Width: Natural Height: 314px Crop: Center center Within WYSIWIG editors Width: Natural Height: Natural Display Width: Follows content column count Display Height: Naturally proportionate *Please follow best practices for file sizes to ensure speedy load times. Metra | Web Styleguide 20.
Recommended publications
  • American Sociological Association Style Guide
    AMERICAN Copyright @ 1997 by the American Sociological Association SOCIOLOGICAL All rights reserved. No part of this book may be reproduced or utilized in any form or by any means, electronic or mechanical, including photocopy­ ASSOCIATION ing, recording, or by any information storage or retrieval system, without permission in writing frm the publisher. Cite as: American Sociological Association. 1997. American SociologicalAssociation Style Guide.2nd ed. Washington, DC: American Sociological Association. For information: American Sociological Association 1307 New York Avenue NW Washington, DC 20005-4701 (202) 383-9005 e-mail: [email protected] ISBN 0-912764-29-5 SECOND EDITION About the ASA The American Sociological Association (ASA), founded in 1905, is a non-profit membership association dedicated to serving sociologists in their work, advancing sociology as a scientific discipline and profession, and promoting the contributions and use of sociology to society. As the national organization for over 13,000 sociologists, the American Sociological Association is well positioned to provide a unique set of benefits to its members and to promote the vitality, visibility, and diversity of the discipline. Working at the national and international levels, the Association aims to articulate policy and implement programs likely to have the broadest possible impact for sociology now and in the future. Publications ASA publications are key to the Association's commitment to scholarly exchange and wide dissemination of sociological knowledge. ASA publications include eight journals (described below); substantive, academic, teaching, and career publications; and directories including the Directoryof Members,an annual Guideto GraduateDepartments of Sociology,a biannual Directory of Departmentsof Sociology,and a Directoryof Sociologistsin Policyand Practice.
    [Show full text]
  • Indesign CC 2015 and Earlier
    Adobe InDesign Help Legal notices Legal notices For legal notices, see http://help.adobe.com/en_US/legalnotices/index.html. Last updated 11/4/2019 iii Contents Chapter 1: Introduction to InDesign What's new in InDesign . .1 InDesign manual (PDF) . .7 InDesign system requirements . .7 What's New in InDesign . 10 Chapter 2: Workspace and workflow GPU Performance . 18 Properties panel . 20 Import PDF comments . 24 Sync Settings using Adobe Creative Cloud . 27 Default keyboard shortcuts . 31 Set preferences . 45 Create new documents | InDesign CC 2015 and earlier . 47 Touch workspace . 50 Convert QuarkXPress and PageMaker documents . 53 Work with files and templates . 57 Understand a basic managed-file workflow . 63 Toolbox . 69 Share content . 75 Customize menus and keyboard shortcuts . 81 Recovery and undo . 84 PageMaker menu commands . 85 Assignment packages . 91 Adjust your workflow . 94 Work with managed files . 97 View the workspace . 102 Save documents . 106 Chapter 3: Layout and design Create a table of contents . 112 Layout adjustment . 118 Create book files . 121 Add basic page numbering . 127 Generate QR codes . 128 Create text and text frames . 131 About pages and spreads . 137 Create new documents (Chinese, Japanese, and Korean only) . 140 Create an index . 144 Create documents . 156 Text variables . 159 Create type on a path . ..
    [Show full text]
  • From SAS ASCII Output to Word Document
    From SASÒ ASCII Output to Word Document – A SASÒ Macro Approach Jianlin ‘Jay’ Zhou, Quintiles, Inc., Kansas City, MO table with multiple pages. Yam (2000) described a method used to ABSTRACT generate Word tables by transferring SAS data to Excel with Dynamic Data Exchange (DDE), which serves as an intermediary for Generating SAS ASCII output directly with PROC REPORT or a repackaging SAS data with a Visual Basic for Application (VBA) DATA _NULL_ step is the most common method used by SAS macro and interfacing with Word via Object Linking and Embedding programmers in the pharmaceutical industry. However, because of (OLE) to get the Excel table into Word. With this method, 24 SAS the many limitations of SAS ASCII files for presentation and variables must be derived in order to instruct Excel to format a table handling, more and more medical writers, biostatisticians, appropriately. Therefore, the process may be time-consuming and publishers, and expert reviewers now request SAS reports in Word difficult to maintain. Within Quintiles, some of my colleagues insert document format. This paper introduces a macro that provides a a text file or copy the SAS output from the SAS output window and process to produce aesthetically improved Word documents with paste it into Word, then run a VBA macro to format the output and very limited programming effort. The macro was designed to expand save it as Word document. The method is very simple and easy, but the presentation capability of ASCII files, to accommodate various only one file is processed at a time and some minor manual effort is fonts, font sizes, and margins, to add one of eighteen pagination required.
    [Show full text]
  • Magazine Layout and Pagination
    XML Professional Publisher: Magazine Layout and Pagination for use with XPP 9.0 September 2014 Notice © SDL Group 1999, 2003-2005, 2009, 2012-2014. All rights reserved. Printed in U.S.A. SDL Group has prepared this document for use by its personnel, licensees, and customers. The information contained herein is the property of SDL and shall not, in whole or in part, be reproduced, translated, or converted to any electronic or machine-readable form without prior written approval from SDL. Printed copies are also covered by this notice and subject to any applicable confidentiality agreements. The information contained in this document does not constitute a warranty of performance. Further, SDL reserves the right to revise this document and to make changes from time to time in the content thereof. SDL assumes no liability for losses incurred as a result of out-of-date or incorrect information contained in this document. Trademark Notice See the Trademark Notice PDF file on your SDL product documentation CD-ROM for trademark information. U.S. Government Restricted Rights Legend Use, duplication or disclosure by the government is subject to restrictions as set forth in subparagraph (c)(1)(ii) of the Rights in Technical Data and Computer Software clause at DFARS 252.227-7013 or other similar regulations of other governmental agencies, which designate software and documentation as proprietary. Contractor or manufacturer is SDL Group, 201 Edgewater Drive, Wakefield, MA 01880-6216. ii Contents About This Manual Conventions Used in This Manual ........................... x For More Information ...................................... xii Chapter 1 Magazine Layout and Pagination Magazine Production .....................................
    [Show full text]
  • An XML Model of CSS3 As an XƎL ATEX-TEXML-HTML5 Stylesheet
    An XML model of CSS3 as an XƎLATEX-TEXML-HTML5 stylesheet language S. Sankar, S. Mahalakshmi and L. Ganesh TNQ Books and Journals Chennai Abstract HTML5[1] and CSS3[2] are popular languages of choice for Web development. However, HTML and CSS are prone to errors and difficult to port, so we propose an XML version of CSS that can be used as a standard for creating stylesheets and tem- plates across different platforms and pagination systems. XƎLATEX[3] and TEXML[4] are some examples of XML that are close in spirit to TEX that can benefit from such an approach. Modern TEX systems like XƎTEX and LuaTEX[5] use simplified fontspec macros to create stylesheets and templates. We use XSLT to create mappings from this XML-stylesheet language to fontspec-based TEX templates and also to CSS3. We also provide user-friendly interfaces for the creation of such an XML stylesheet. Style pattern comparison with Open Office and CSS Now a days, most of the modern applications have implemented an XML package format that includes an XML implementation of stylesheet: InDesign has its own IDML[6] (InDesign Markup Language) XML package format and MS Word has its own OOXML[7] format, which is another ISO standard format. As they say ironically, the nice thing about standards is that there are plenty of them to choose from. However, instead of creating one more non-standard format, we will be looking to see how we can operate closely with current standards. Below is a sample code derived from OpenOffice document format: <style:style style:name=”Heading_20_1” style:display-name=”Heading
    [Show full text]
  • Seven Steps to Regulatory Publication Style with Proc Report Dennis Gianneschi, Amgen Inc., Thousand Oaks, CA
    Seven Steps to Regulatory Publication Style With Proc Report Dennis Gianneschi, Amgen Inc., Thousand Oaks, CA ABSTRACT This paper outlines SAS® 9.1.3 coding steps to produce output that meets "Regulatory Publication Style". This style is specific to my clinical trial reporting environment and is composed of requirements coming from two separate sources. The first source is an internal company document called the Style Guide for Regulatory Submission, which all output submitted to a regulatory agency must follow. The second source is the publishing software itself, which processes all output into the regulatory filing. Examples of style guide requirements are: RTF output, Arial font, and that footnotes must attach to the bottom of the table without a box drawn around them. Publishing system requirements are: a) The user controls the type of line breaks, either soft, {\line}, or hard, {\par}, in the title, which controls how much of the title is picked up by the publishing software and put in the table of contents. b) Each line, such as a spanning underline or the line between the table body and the footnotes, must have a minimum thickness of 19 twips. c) Section breaks are not allowed. d) Table title and footnotes cannot be in the header or footnote section of the RTF document. e) Table title must be "free text" on the page and not in a table structure. The seven steps to achieve this style are: 1) proc template, 2) statistical procs (optional), 3) reformat data (optional), 4) add pagination and footnotes, 5) proc report, 6) post process RTF file, and 7) View in WORD® (optional).
    [Show full text]
  • Book Typography 101 at the End of This Session, Participants Should Be Able To: 1
    3/21/2016 Objectives Book Typography 101 At the end of this session, participants should be able to: 1. Evaluate typeset pages for adherence Dick Margulis to traditional standards of good composition 2. Make sensible design recommendations to clients based on readability of text and clarity of communication © 2013–2016 Dick Margulis Creative Services © 2013–2016 Dick Margulis Creative Services What is typography? Typography encompasses • The design and layout of the printed or virtual page • The selection of fonts • The specification of typesetting variables • The actual composition of text © 2013–2016 Dick Margulis Creative Services © 2013–2016 Dick Margulis Creative Services What is typography? What is typography? The goal of good typography is to allow Typography that intrudes its own cleverness the unencumbered communication and interferes with the dialogue of the author’s meaning to the reader. between author and reader is almost always inappropriate. Assigned reading: “The Crystal Goblet,” by Beatrice Ward http://www.arts.ucsb.edu/faculty/reese/classes/artistsbooks/Beatrice%20Warde,%20The%20Crystal%20Goblet.pdf (or just google it) © 2013–2016 Dick Margulis Creative Services © 2013–2016 Dick Margulis Creative Services 1 3/21/2016 How we read The basics • Saccades • Page size and margins The quick brown fox jumps over the lazy dog. Mary had a little lamb, a little bread, a little jam. • Line length and leading • Boules • Justification My very educated mother just served us nine. • Typeface My very educated mother just served us nine.
    [Show full text]
  • Figures and Tables
    Word for Research Writing II: Figures and Tables Last updated: 10/2017 ♦ Shari Hill Sweet ♦ [email protected] or 631‐7545 1. The Graduate School Template .................................................................................................. 1 1.1 Document structure ...................................................................................................... 1 1.1.1 Beware of Section Breaks .................................................................................... 1 1.1.2 Order of elements ................................................................................................ 2 1.2 Refresher: The Styles Pane ........................................................................................... 3 1.2.1 Style types and usage ........................................................................................... 3 1.2.2 Modifying text styles ............................................................................................ 4 1.2.3 Creating a new text style ..................................................................................... 4 2. Working with Figures and Tables ................................................................................................ 6 2.1 Figures: Best practices .................................................................................................. 6 2.1.1 Insert figures after the end of a paragraph ......................................................... 6 2.1.2 Order of insertion ...............................................................................................
    [Show full text]
  • Guidelines for Preparing FHWA Publications
    GUIDELINES FOR PREPARING ITS JPO REPORTS Format for Research Reports Standard research reports must follow the guidance in this document regarding formatting and font, type size, symbols, margins, page numbering, bullets, columns, and other elements as the preferred style. The report must be consistent throughout in format and style. All reports are to be submitted as a 508-compliant, PDF file. Order of Elements in Reports This section lists the various components of a report in the order in which they should appear. However, please note that it is not necessary to use all elements in all reports. (For example, if a report does not contain references, there would be no need for a reference section in the report.) Covers Front Cover Inside Front Cover (R&D Foreword and Disclaimer Notice) Front Matter Technical Report Documentation Page (Form DOT F 1700.7) Acknowledgements (if any) Metric Conversion Chart Table of Contents List of Figures (including equations) List of Tables List of Abbreviations and Symbols Body of Executive Summary Report Main text separated into chapters Conclusions Recommendations Back Matter Appendices (Use consecutive pagination, do not use A-1, etc.) Glossary References Bibliography Index Back Cover Cover Note: Contractors' names may not appear in the report, except in block 9 of the Technical Report Documentation Page (form DOT F 1700.7). Contractor logos may not appear at all. Paid consultants should not be acknowledged anywhere else in FHWA publications. 5-2017 1 ITS JPO Report Guidelines If an acknowledgement page must be used, it should not contain contractor, author, or company names.
    [Show full text]
  • ADS Style and Format Guide
    ADS Style and Format Guide A Mandatory Reference for ADS Chapter 501 Full Revision Date: 05/09/2019 Responsible Office: M/MPBP File Name: 501mac_050919 Table of Contents Introduction ................................................................................................................ 3 Editorial Guidelines ................................................................................................. 4 I. Writing in Plain Language ..................................................................................... 4 II. Abbreviations and Acronyms ................................................................................ 5 III. Capitalization ........................................................................................................ 6 IV. Grammar .............................................................................................................. 7 V. Numbers ............................................................................................................... 8 VI. Punctuation........................................................................................................... 9 Formatting Guidelines .......................................................................................... 11 I. Fonts ................................................................................................................. 11 II. Pagination .......................................................................................................... 11 III. Sections .............................................................................................................
    [Show full text]
  • Brief Pagination in Microsoft Word
    Brief Pagination in Microsoft Word Follow the steps below to insert page numbers properly in a formal brief. Note: Electronic and paper versions of formal briefs must have a cover page that complies with FRAP 32(2). Blank, fillable PDF brief cover pages are available at http://www.ca4.uscourts.gov/FormsNots.htm, under Briefs & Appendices. Before Inserting Page Numbers Open the file containing the brief. Ensure that the file contains: cover page; table of contents; table of authorities; the body of the brief, and; certificate of service. The certificate of compliance and, if required, the disclosure statement may be uploaded to CM/ECF as separate file. Insert Section Breaks Section breaks must be inserted into a Word document if you want to have different page number sets within one document. 1. Place your cursor after the last word of the cover page. 2. Click the Layout tab. 3. Click Breaks. 4. Select Next Page. 5. If there is already a hard page break be- tween the cover page and table of contents, delete it. 6. Place your cursor after the last character of the table of authorities. 7. Follow steps 2 through 4 above to insert a section break between the table of authori- ties and the body of the brief. 8. If there is already a hard page break be- tween the table of authorities and the body of the brief, delete it. 1 Insert Page Numbers 1. Click the Insert tab. 2. Click Page Number. 3. Click Bottom of Page. 4. Select Plain Number 2. 5. The Header & Footer Tools ribbon will open automatically.
    [Show full text]
  • Style Guide for Graduate Students
    THE STYLE GUIDE FOR GRADUATE STUDENTS Presentation is vitally important. This is not because there is any virtue in following rules for their own sake, but because the rules make sense - an essay or dissertation that is well written and properly laid out will gain your readers' confidence and convey your message to them as efficiently as possible. Getting the presentation right is an essential part of the historian's craft. The rules in this guide should be followed in all class essays and assessed work, as well as in the dissertation or thesis. The standard authority on all matters of presentation and format is Judith Butcher, Copy-editing for Editors, Authors, Publishers, 3rd edn, (Cambridge, 1992), and the MHRA Style Guide (2002), of which there is a copy in the Graduate Programme Office. The MHRA Style Guide can also be accessed at http://www.mhra.org.uk/Publications/Books/StyleGuide/. A FORMAT a) The thesis should be typed (or printed), on A4 paper, on one side only. b) There should be a 4cm (1½-inch) margin at the left-hand side of the page, and an adequate margin on the other three edges. c) Spacing: The text of your essay should be double-spaced. The footnotes (or endnotes) should however be single-spaced. d) Indentation: Except for the very first paragraph under a new heading, the first line of every paragraph should be indented. You do not need to add extra spacing between paragraphs: the indentation alone tells the reader that you have begun a new paragraph. e) Pagination: Number each page of your essay.
    [Show full text]