From a77a0634bbf2471e178cfe36f8cfe043017ac851 Mon Sep 17 00:00:00 2001 From: Oliver Hamlet Date: Fri, 2 Jan 2015 20:53:53 +0000 Subject: [PATCH] Fixed docs styling in Firefox. Since it doesn't support the Shadow DOM, the /deep/ CSS selector was confusing it. Also, I found that Firefox will only load fonts from a relative (file://) URL if it's a subdirectory, so it won't load the bundled Roboto font. It doesn't make sense to move the docs or the font files though, so I guess Firefox users will just have to put up with Arial. --- docs/LOOT Metadata Syntax.html | 14 +++++--------- docs/LOOT Readme.html | 14 +++++--------- 2 files changed, 10 insertions(+), 18 deletions(-) diff --git a/docs/LOOT Metadata Syntax.html b/docs/LOOT Metadata Syntax.html index 44b9aa94..8052fcf8 100644 --- a/docs/LOOT Metadata Syntax.html +++ b/docs/LOOT Metadata Syntax.html @@ -77,9 +77,7 @@ html { font-size: 1.429rem; /*letter-spacing: 0.005em;*/ } -.subhead, h4, -#summary > h1, -html /deep/ paper-item { +.subhead, h4 { font-weight: 400; font-size: 1.143rem; line-height: 1.75; @@ -87,9 +85,7 @@ html /deep/ paper-item { /* line-height: 1.5; */ /*letter-spacing: 0.01em;*/ } -.button, -html /deep/ paper-tab, -html /deep/ paper-button { +.button { font-weight: 500; font-size: 1rem; text-transform: uppercase; @@ -105,17 +101,17 @@ a:hover { text-decoration: underline; } /* Tables */ -html /deep/ table { +table { border-collapse: collapse; width: 100%; background-color: #E8EAF6; } -html /deep/ table td, table th { +table td, table th { vertical-align: top; text-align: left; padding: 8px 16px; } -html /deep/ table th { +table th { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } diff --git a/docs/LOOT Readme.html b/docs/LOOT Readme.html index 0523b721..0399e6c5 100644 --- a/docs/LOOT Readme.html +++ b/docs/LOOT Readme.html @@ -77,9 +77,7 @@ html { font-size: 1.429rem; /*letter-spacing: 0.005em;*/ } -.subhead, h4, -#summary > h1, -html /deep/ paper-item { +.subhead, h4 { font-weight: 400; font-size: 1.143rem; line-height: 1.75; @@ -87,9 +85,7 @@ html /deep/ paper-item { /* line-height: 1.5; */ /*letter-spacing: 0.01em;*/ } -.button, -html /deep/ paper-tab, -html /deep/ paper-button { +.button { font-weight: 500; font-size: 1rem; text-transform: uppercase; @@ -105,17 +101,17 @@ a:hover { text-decoration: underline; } /* Tables */ -html /deep/ table { +table { border-collapse: collapse; width: 100%; background-color: #E8EAF6; } -html /deep/ table td, table th { +table td, table th { vertical-align: top; text-align: left; padding: 8px 16px; } -html /deep/ table th { +table th { border-bottom: 1px solid rgba(0, 0, 0, 0.12); }