Thanks for your patience during our recent outage at scalar.usc.edu. While Scalar content is loading normally now, saving is still slow, and Scalar's 'additional metadata' features have been disabled, which may interfere with features like timelines and maps that depend on metadata. This also means that saving a page or media item will remove its additional metadata. If this occurs, you can use the 'All versions' link at the bottom of the page to restore the earlier version. We are continuing to troubleshoot, and will provide further updates as needed. Note that this only affects Scalar projects at scalar.usc.edu, and not those hosted elsewhere.
Practical Scalar Guide for the Field of Digital HistoryMain MenuMediaNavigationAestheticsAdvanced Scalar TechniquesContextCitationsBlake Hatton668ed8e064332293f5252d57bb106581fc79a416Jonathan Rees3c1d30e7d6075de94f4565f942234014223611d6
CSS Code for Scalar
12017-02-27T11:51:36-08:00Blake Hatton668ed8e064332293f5252d57bb106581fc79a416153792plain2017-04-25T20:21:27-07:00Blake Hatton668ed8e064332293f5252d57bb106581fc79a416CSS, or Cascading Style Sheet, is the programming language used in conjunction with HTML to style webpages. Essentially, HTML will put text on a page, and CSS will tell it to be purple, should the user so desire. Many of the most useful CSS functions are already present in the Scalar text editor, such as font sizes and colors, but there are several functions that can be used that are not already present here.
For an in-depth and comprehensive guide to CSS, w3schools is an excellent resource.
To access the CSS editing interface, open the CSS dialog in the styling tab at the bottom of the edit interface.
Simply paste the following code into the box to achieve your desired affect.
Background color of page:
body{background-color:yourcolor;}
Background image of page:
body{background-image:url("yourimageurl.jpg");}
Change Font:
body {font-family: "Times New Roman", Times, serif;} For a list of web fonts, click here.