User:Dave/workspace/survey of Google Sites base themes: Difference between revisions

From Parents
Jump to navigation Jump to search
(More base themes)
(Delete some columns, more base themes, update first themes with width info)
Line 13: Line 13:


{|
{|
! Base Theme !! page width !! line-height || font-size || font-family || color || h2, h3, h4
! Base Theme !! page width !! line-height || font-size || size of h2, h3, h4
|-
|-
| Ski (default) || Percentage padded twice || 1.5 || 14px || "Open Sans" || rgb(97,97,97) || rgb(34,34,34) "Open Sans" 19px, 17px, 15px
| Ski (default) || 77% + 50px || 1.5 || 14px || 19px, 17px, 15px
|-
|-
| Iceberg || Percentage padded outside || 1.6 || 10pt || Arial,Verdana || rgb(68,68,68) || rgb(68,68,68) Arial,Verdana 1.6em, 1.4em, 1.2em
| Iceberg || 90% + 10px || 1.6 || 10pt || 1.6em, 1.4em, 1.2em
|-
|-
| Open Sky || Percentage padded outside || 1.2 || 10pt || Arial,Verdana || rgb(68,68,68) || rgb(68,68,68) Arial,Verdana 1.6em, 1.4em, 1.2em
| Open Sky || 90% + 10px || 1.2 || 10pt || 1.6em, 1.4em, 1.2em
|-
|-
| Rounders || Percentage padded outside || normal || 10pt || Arial || rgb(102,97,84) || rgb(102,97,84) Arial,Verdana 1.6em, 1.4em, 1.2em
| Rounders || 80% + 10px || normal || 10pt || 1.6em, 1.4em, 1.2em
|-
|-
| Slate || 90% + 10px || 1.25 || 10pt || "Lucida Grande","Lucida Sans Unicode" || rgb(255,255,255) || rgb(255,255,255) (h4 different color) "Trebuchet MS",Arial ''none'', 1.3em, 1.1em
| Slate || 90% + 10px || 1.25 || 10pt || ''none'', 1.3em, 1.1em
|-
|-
| Simple || 90% + 15px || 1.25 || 10pt || "Verdana","Helvetica",Arial || rgb(0,0,0) || rgb(51,51,51) "Verdana","Helvetica",Arial 1.5em, 1.2em, 1.1em
| Simple || 90% + 15px || 1.25 || 10pt || 1.5em, 1.2em, 1.1em
|-
|-
| Ember || 90% + 10px || 1.25 || 10pt || "Lucida Grande","Lucida Sans Unicode" || rgb(50,50,41) || rgb(50,50,41) "Trebuchet MS",Arial 1.5em, 1.3em, 1.1em
| Ember || 90% + 10px || 1.25 || 10pt || 1.5em, 1.3em, 1.1em
|-
|-
| Branches || 90% + 10px || 1.6 || 10pt || Georgia,Times New Roman || rgb(105,115,53) || rgb(105,115,53) (with border-bottom) Georgia,Times New Roman 2em, 1.75em, 1.5em
| Branches || 90% + 10px || 1.6 || 10pt || 2em, 1.75em, 1.5em
|-
|-
| Notebook || 840px + 10px || 1.6 || 10pt || Georgia,Times New Roman || rgb(51,51,51) || rgb(105,115,53) (with border-bottom) Georgia,Times New Roman 2em, 1.5em, 1.25em
| Notebook || 840px + 10px || 1.6 || 10pt || 2em, 1.5em, 1.25em
|-
| Blank Slate || 100% + 10px || normal || 10pt || ''default'', ''default'', ''default''
|-
| Micro [Bluprint,Light,Sport] || 90% + 10px || 1.5 || 10pt || 1.8em, 1.4em, 1.2em
|-
| Madison || 95% + ~60px || 1.6 || 10pt || 2em, 1.4em, 1.2em
|}
|}



Revision as of 00:10, 18 November 2013

In the service of Sagamore PTA Google Sites notes, try to choose the best Google Sites base theme (since that's where important non-customizable style lives). November 2013.

  1. Create a new site
  2. Template: "Blank template"
  3. Edit the Home page with some markup to test (just run through the GUI Format options)
  4. Try different base themes and take note in the table below

Notes:

  • The GUI font size selection in points (pt) actually sets html of '<font size="1-6">'
  • The theme font size selection specifies new size in pixels (13px for 10pt, 16px for 12pt)
  • Custom "Entire page" "text" stomps on header sizes too (try "Content area" (and "Gadget area") instead)
Base Theme page width line-height font-size size of h2, h3, h4
Ski (default) 77% + 50px 1.5 14px 19px, 17px, 15px
Iceberg 90% + 10px 1.6 10pt 1.6em, 1.4em, 1.2em
Open Sky 90% + 10px 1.2 10pt 1.6em, 1.4em, 1.2em
Rounders 80% + 10px normal 10pt 1.6em, 1.4em, 1.2em
Slate 90% + 10px 1.25 10pt none, 1.3em, 1.1em
Simple 90% + 15px 1.25 10pt 1.5em, 1.2em, 1.1em
Ember 90% + 10px 1.25 10pt 1.5em, 1.3em, 1.1em
Branches 90% + 10px 1.6 10pt 2em, 1.75em, 1.5em
Notebook 840px + 10px 1.6 10pt 2em, 1.5em, 1.25em
Blank Slate 100% + 10px normal 10pt default, default, default
Micro [Bluprint,Light,Sport] 90% + 10px 1.5 10pt 1.8em, 1.4em, 1.2em
Madison 95% + ~60px 1.6 10pt 2em, 1.4em, 1.2em

Not included above because they're fixed width (like Notebook above): Legal Pad,