Style and layout tweaks

core/styles/base.tid

@@ -19,6 +19,10 @@ tags: $:/core/styles
 
 {{$:/core/styles/reset}}
 
+html {
+	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+}
+
 body {
 	font-size: {{$:/core/styles/metrics##fontsize}};
 	line-height: {{$:/core/styles/metrics##lineheight}};
@@ -102,7 +106,8 @@ a.tw-tiddlylink-missing {
 	width: {{$:/core/styles/metrics##sidebarwidth}};
 	overflow-y: auto;
 	overflow-x: auto;
-	padding: 1em;
+	padding: 4em 0em 2em 2em;
+	margin: 0;
 }
 
 .tw-menu-list-item {
@@ -122,7 +127,7 @@ a.tw-tiddlylink-missing {
 	<<box-shadow "5px 5px 5px rgba(0, 0, 0, 0.1)">>
 }
 
-.tw-tiddler-frame .title {
+.title {
 	font-weight: bold;
 	font-size: 33px;
 	line-height: 40px;
@@ -138,6 +143,10 @@ a.tw-tiddlylink-missing {
 	float: right;
 }
 
+.tw-tiddler-controls .tw-button {
+	margin: 0 0 0 0.5em;
+}
+
 .tw-drop-down {
 	display: block;
 	position: absolute;
@@ -145,8 +154,9 @@ a.tw-tiddlylink-missing {
 	border: 1px solid {{$:/core/styles/colourmappings##dropdownborder}};
 	background-color: {{$:/core/styles/colourmappings##dropdownbackground}};
 	<<border-radius 4px>>
-	<<box-shadow "5px 5px 10px rgba(0, 0, 0, 0.2)">>
+	<<box-shadow "2px 2px 10px rgba(0, 0, 0, 0.5)">>
 	padding: 0.5em 0em 0.5em 0em;
+	margin: 0.25em 0 0 0;
 	white-space: nowrap;
 }
 
@@ -159,3 +169,18 @@ a.tw-tiddlylink-missing {
 	width: 100%;
 }
 
+canvas.tw-edit-bitmapeditor  {
+	cursor: crosshair;
+	-moz-user-select: none;
+	-webkit-user-select: none;
+	-ms-user-select: none;
+}
+
+img, canvas, embed {
+	max-width: 100%;
+}
+
+embed {
+	width: 100%;
+	height: 20em;
+}

core/styles/boot.css.tid

@@ -4,14 +4,12 @@ type: text/css
 /*
 Basic styles used before we boot up the parsing engine
 */
-html {
-    font-family: sans-serif;
-}
 
 /*
-Password prompts
+Password prompt
 */
 .tw-password-wrapper {
+    font-family: sans-serif;
 	z-index: 20000;
 	position: fixed;
 	text-align: center;

core/styles/colours.tid

@@ -4,4 +4,4 @@ type: application/x-tiddler-dictionary
 primary: `#6a5ccc`
 background: `#fff`
 pagebackground: `#ececec`
-medium: `#888`
+medium: `#bbb`

core/styles/metrics.tid

@@ -3,4 +3,4 @@ type: application/x-tiddler-dictionary
 
 fontsize: `14px`
 lineheight: `20px`
-sidebarwidth: `17%`
+sidebarwidth: `20%`

core/templates/PageTemplate.tid

@@ -6,9 +6,7 @@ title: $:/templates/PageTemplate
 <!-- The sidebar header -->
 <header class="sidebar-header">
 
-<div>
-{{SiteTitle}}<br><small>{{SiteSubtitle}}</small>
-</div>
+{{SiteTitle}}.title <br><small>{{SiteSubtitle}}</small>
 
 <$list filter="[list[$:/StoryList]]" history="$:/HistoryList" listview=classic itemClass="tw-menu-list-item"/>
 

core/templates/ViewTemplate.tid

@@ -2,8 +2,8 @@ title: $:/templates/ViewTemplate
 modifier: JeremyRuston
 
 <span class="tw-tiddler-controls">
-<$button message="tw-close-tiddler" class="btn-invisible">{{$:/core/images/close-button.svg}}</$button>
 <$button message="tw-edit-tiddler" class="btn-invisible">{{$:/core/images/edit-button.svg}}</$button>
+<$button message="tw-close-tiddler" class="btn-invisible">{{$:/core/images/close-button.svg}}</$button>
 </span>
 <span class="title">
 <$view field="title"/>