From 0e78ecd3e04b5ab9548f5c52c2091d49fa05e649 Mon Sep 17 00:00:00 2001
From: Jeremy Ruston <jeremy@osmosoft.com>
Date: Sat, 3 Aug 2013 09:38:36 +0100
Subject: [PATCH] Make CSS selectors in giffmex styles more specific

This works around a (temporary) problem with the order in which
stylesheets are applied.
---
 themes/giffmex/blanca/styles.tid | 36 +++++++++++++++---------------
 themes/giffmex/blue/styles.tid   | 30 ++++++++++++-------------
 themes/giffmex/rocker/styles.tid | 38 ++++++++++++++++----------------
 3 files changed, 52 insertions(+), 52 deletions(-)

diff --git a/themes/giffmex/blanca/styles.tid b/themes/giffmex/blanca/styles.tid
index 5d142b3e0..fa1f12b27 100644
--- a/themes/giffmex/blanca/styles.tid
+++ b/themes/giffmex/blanca/styles.tid
@@ -1,36 +1,36 @@
 title: $:/themes/giffmex/blanca/styles
 tags: [[$:/tags/stylesheet]]
 
-body { 
+html body { 
 font-size:14px;
 line-height:20px; 
 background-color:#ffffff;
 }
 
-.tw-page-controls {background-color:#ffffff;
+html .tw-page-controls {background-color:#ffffff;
 padding:8px;}
 
-.tw-sidebar-lists a.tw-tiddlylink {
+html .tw-sidebar-lists a.tw-tiddlylink {
 color: #5959c0;
 }
 
-h1 {
+html h1 {
     font-size: 1.5em;
     margin: 0.67em 0;
 padding-top:1em;}
 
 
-table th {padding:10px;vertical-align:top;} 
-table td {padding:10px;vertical-align:top; background-color:#ffffff;}
-table th {color: #000;background-color:#eee;font-weight:normal;}
-table th {border-color:#000;}
-table td {border-color:#000;}
-table {border-color:#000;}
+html table th {padding:10px;vertical-align:top;} 
+html table td {padding:10px;vertical-align:top; background-color:#ffffff;}
+html table th {color: #000;background-color:#eee;font-weight:normal;}
+html table th {border-color:#000;}
+html table td {border-color:#000;}
+html table {border-color:#000;}
 
-.blueTable td {background-color:#eeeeff;}
-.blueTable th {background-color: #cccccc;}
+html .blueTable td {background-color:#eeeeff;}
+html .blueTable th {background-color: #cccccc;}
 
-.tw-tag-label {
+html .tw-tag-label {
 font-weight:normal;
 	padding: 4px 6px;
 	color: #000000;
@@ -38,23 +38,23 @@ font-weight:normal;
 	background-color: #ffeebb;
 }
 
-.title {
+html .title {
 	color: #ff9900;
 }
 
-.tw-tiddler-frame {
+html .tw-tiddler-frame {
 border-style:solid;border-color:#eee;border-width:1px;
 }
 
-.tw-tab-buttons button {
+html .tw-tab-buttons button {
 	background-color: #eee;
 }
 
-.tw-tab-buttons button.tw-tab-selected {
+html .tw-tab-buttons button.tw-tab-selected {
 	background-color: #ffffff;
 	border-bottom: 1px solid #ffffff;
 }
 
-svg.tw-image-new-button, svg.tw-image-options-button, svg.tw-image-save-button {
+html svg.tw-image-new-button, html svg.tw-image-options-button, html svg.tw-image-save-button {
   fill: #cccccc;
 }
diff --git a/themes/giffmex/blue/styles.tid b/themes/giffmex/blue/styles.tid
index faad3acb9..25611bf71 100644
--- a/themes/giffmex/blue/styles.tid
+++ b/themes/giffmex/blue/styles.tid
@@ -1,33 +1,33 @@
 title: $:/themes/giffmex/blue/styles
 tags: [[$:/tags/stylesheet]]
 
-body { 
+html body { 
 font-size:14px;
 line-height:20px; 
 background-color:#ddddff;
 }
 
-.tw-sidebar-lists a.tw-tiddlylink {
+html .tw-sidebar-lists a.tw-tiddlylink {
 color: #5959c0;
 }
 
-.tw-page-controls {background-color:#ddddff;
+html .tw-page-controls {background-color:#ddddff;
 padding:8px;}
 
-.title {
+html .title {
 	color: #5959c0;
 }
 
-.tw-tab-buttons button {
+html .tw-tab-buttons button {
 	background-color: #ccccdd;
 }
 
-.tw-tab-buttons button.tw-tab-selected {
+html .tw-tab-buttons button.tw-tab-selected {
 	background-color: #ddddff;
 	border-bottom: 1px solid #ddddff;
 }
 
-.tw-tag-label {
+html .tw-tag-label {
 font-weight:normal;
 	padding: 4px 6px;
 	color: #000000;
@@ -35,19 +35,19 @@ font-weight:normal;
 	background-color: #eeeeff;
 }
 
-h1 {
+html h1 {
     font-size: 1.5em;
     margin: 0.67em 0;
 padding-top:1em;}
 
 
-table th {padding:10px;vertical-align:top;} 
-table td {padding:10px;vertical-align:top; background-color:#ffffff;}
-table th {color: #000;background-color:#eee;font-weight:normal;}
-table th {border-color:#000;}
-table td {border-color:#000;}
-table {border-color:#000;}
+html table th {padding:10px;vertical-align:top;} 
+html table td {padding:10px;vertical-align:top; background-color:#ffffff;}
+html table th {color: #000;background-color:#eee;font-weight:normal;}
+html table th {border-color:#000;}
+html table td {border-color:#000;}
+html table {border-color:#000;}
 
-.btn-mini {
+html .btn-mini {
 	color: #c0c0c0;
 }
diff --git a/themes/giffmex/rocker/styles.tid b/themes/giffmex/rocker/styles.tid
index 017c55607..ade75c27d 100644
--- a/themes/giffmex/rocker/styles.tid
+++ b/themes/giffmex/rocker/styles.tid
@@ -1,15 +1,15 @@
 title: $:/themes/giffmex/rocker/styles
 tags: [[$:/tags/stylesheet]]
 
-body { font-size:14px;line-height:20px; background-color:#000000;}
-.tw-page-controls {background-color:#000000; padding:8px;}
+html body { font-size:14px;line-height:20px; background-color:#000000;}
+html .tw-page-controls {background-color:#000000; padding:8px;}
 
-.title {color: #cc0000;}
-a.tw-tiddlylink {text-decoration: none;font-style: normal;font-weight: bold;color: #cc0000;}
-.tw-sidebar-lists a.tw-tiddlylink {color: #cc0000;}
-.sidebar-header {text-shadow: none;}
+html .title {color: #cc0000;}
+html a.tw-tiddlylink {text-decoration: none;font-style: normal;font-weight: bold;color: #cc0000;}
+html .tw-sidebar-lists a.tw-tiddlylink {color: #cc0000;}
+html .sidebar-header {text-shadow: none;}
 
-.tw-tag-label {
+html .tw-tag-label {
 font-weight:normal;
 	padding: 4px 6px;
 	color: #000000;
@@ -17,33 +17,33 @@ font-weight:normal;
 	background-color: #ffbb99;
 }
 
-.tw-missing-tiddler-label {
+html .tw-missing-tiddler-label {
 	font-style: italic;
 	font-weight: normal;
 color:#cc0000;
 }
 
-.tw-tab-buttons button {background-color: #000;color:#cc0000;font-weight:bold;border: 1px solid #665544;}
+html .tw-tab-buttons button {background-color: #000;color:#cc0000;font-weight:bold;border: 1px solid #665544;}
 
-.tw-tab-buttons button.tw-tab-selected {background-color: #000;color:#ff8800;font-weight:bold;border-bottom: 1px solid #000;}
+html .tw-tab-buttons button.tw-tab-selected {background-color: #000;color:#ff8800;font-weight:bold;border-bottom: 1px solid #000;}
 
-.tw-tab-divider {
+html .tw-tab-divider {
 	border: 1px solid #654;
 }
 
-h1 {
+html h1 {
     font-size: 1.5em;
     margin: 0.67em 0;
 padding-top:1em;}
 
 
-table th {padding:10px;vertical-align:top;} 
-table td {padding:10px;vertical-align:top; background-color:#ffffff;}
-table th {color: #000;background-color:#eee;font-weight:normal;}
-table th {border-color:#000;}
-table td {border-color:#000;}
-table {border-color:#000;}
+html table th {padding:10px;vertical-align:top;} 
+html table td {padding:10px;vertical-align:top; background-color:#ffffff;}
+html table th {color: #000;background-color:#eee;font-weight:normal;}
+html table th {border-color:#000;}
+html table td {border-color:#000;}
+html table {border-color:#000;}
 
-.sidebar-header {
+html .sidebar-header {
 	color: #ccc;	
 }