fix styles for v0.9.9.10/v0.9.30

typora · Aug 10, 2017 · e0217a5 · e0217a5
1 parent 1ef92c0
commit e0217a5
Show file tree

Hide file tree

Showing 6 changed files with 328 additions and 89 deletions.
diff --git a/themes/github.css b/themes/github.css
@@ -1,11 +1,9 @@
-@include-when-export url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,700,400&subset=latin,latin-ext);
+:root {
+    --side-bar-bg-color: #fafafa;
+    --control-text-color: #777;
+}
 
-/**
- * css forked from https://github.com/GitbookIO/gitbook 
- * www.gitbook.com
- * Apache License
- * https://github.com/GitbookIO/gitbook/blob/master/LICENSE
- **/
+@include-when-export url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,700,400&subset=latin,latin-ext);
 
 @font-face {
     font-family: 'Open Sans';
@@ -222,10 +220,10 @@ blockquote blockquote {
 }
 table {
     padding: 0;
+    word-break: initial;
 }
 table tr {
     border-top: 1px solid #cccccc;
-    background-color: white;
     margin: 0;
     padding: 0;
 }
@@ -345,7 +343,6 @@ tt {
 }
 .md-image>.md-meta {
     border: 1px solid #ddd;
-    background-color: #f8f8f8;
     border-radius: 3px;
     font-family: Consolas, "Liberation Mono", Courier, monospace;
     padding: 2px 4px 0px 4px;
@@ -362,6 +359,10 @@ tt {
     padding-bottom:20px;
 }
 
+.sidebar-tabs {
+    border-bottom: none;
+}
+
 #typora-quick-open {
     border: 1px solid #ddd;
     background-color: #f8f8f8;
@@ -374,11 +375,25 @@ tt {
     border-width: 1px;
 }
 
+#md-notification:before {
+    top: 10px;
+}
+
 /** focus mode */
 .on-focus-mode blockquote {
     border-left-color: rgba(85, 85, 85, 0.12);
 }
 
 header, .context-menu, .megamenu-content, footer{
     font-family: "Segoe UI", "Arial", sans-serif;
-}
+}
+
+.file-node-content:hover .file-node-icon,
+.file-node-content:hover .file-node-open-state{
+    visibility: visible;
+}
+
+.mac-seamless-mode #typora-sidebar {
+    background-color: #fafafa;
+    background-color: var(--side-bar-bg-color);
+}
diff --git a/themes/gothic.css b/themes/gothic.css
@@ -1,8 +1,6 @@
 @include-when-export url(http://fonts.googleapis.com/css?family=Ubuntu:400,700,400italic,700italic);
 @include-when-export url(http://fonts.googleapis.com/css?family=Raleway:600,400&subset=latin,latin-ext);
 
-
-
 @charset "UTF-8";
 @font-face {
     font-family: 'TeXGyreAdventor';
@@ -38,6 +36,20 @@
 	src: url(./gothic/texgyreadventor-bolditalic.otf);
 }
 
+:root {
+	--window-border: none;
+	--typora-center-window-title: true;
+	--active-file-bg-color: #f3f3f3;
+	--bg-color: #fcfcfc;
+	--control-text-color: #777;
+}
+
+.mac-seamless-mode #typora-sidebar {
+	top: var(--mac-title-bar-height);
+	padding-top: 0;
+	height: calc(100% - var(--mac-title-bar-height));
+}
+
 html,
 body,
 #write{
@@ -320,11 +332,12 @@ blockquote p {
 	padding-top: 3em;
     margin-top: -1.5em;
 	color: #999;
-	border-left: 1000px #f8f8f8 solid;
-	margin-left: -1000px;
-	border-right: 1000px #f8f8f8 solid;
-	margin-right: -1000px;
-	margin-bottom: 2em;
+
+	width: 100vw;
+	max-width: calc(100% + 60px);
+	margin-left: -30px;
+	border-left: 30px #f8f8f8 solid;
+	border-right: 30px #f8f8f8 solid;
 }
 .MathJax_Display {
 	font-size: 0.9em;
@@ -373,4 +386,20 @@ p.mathjax-block,
 
 .megamenu-menu-panel .btn {
 	border: 1px solid #ccc;
+}
+
+#typora-sidebar {
+	box-shadow: none;
+}
+
+.file-list-item ,
+.show-folder-name .file-list-item {
+	padding-top: 20px;
+	padding-bottom: 20px;
+	line-height: 20px;
+}
+
+.file-list-item-summary {
+	height: 40px;
+	line-height: 20px;
 }
diff --git a/themes/newsprint.css b/themes/newsprint.css
@@ -31,6 +31,14 @@
     src: local('PT Serif'), local('PTSerif-BoldItalic'), url('./newsprint/PT_Serif-Web-BoldItalic.ttf')
 }
 
+:root {
+	--active-file-bg-color: #dadada;
+	--active-file-bg-color: rgba(32, 43, 51, 0.63);
+	--active-file-text-color: white;
+	--bg-color: #f3f2ee;
+	--text-color: #1f0909;
+}
+
 html {
 	font-size: 16px;
 }
@@ -293,7 +301,7 @@ hr {
 	content: '\221A';
 	display: inline-block;
 	width: 1.25rem;
-  	height: 1.5rem;
+  	height: 1.6rem;
 	vertical-align: middle;
 	text-align: center;
 	color: #ddd;
@@ -319,34 +327,30 @@ hr {
 	color: #9B5146;
 }
 
-.md-expand.md-image>.md-meta {
-	background-color: rgba(255, 255, 255, 0.65);
-}
-
 .md-image>.md-meta{
 	font-family: Menlo, 'Ubuntu Mono', Consolas, 'Courier New', 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
 }
 
 
 #write>h3.md-focus:before{
-	left: -2.5rem;
+	left: -1.5rem;
 	color:#999;
 	border-color:#999;
 }
 #write>h4.md-focus:before{
-	left: -2.5rem;
+	left: -1.5rem;
 	top: .25rem;
 	color:#999;
 	border-color:#999;
 }
 #write>h5.md-focus:before{
-	left: -2.5rem;
+	left: -1.5rem;
 	top: .0.3125rem;
 	color:#999;
 	border-color:#999;
 }
 #write>h6.md-focus:before{
-	left: -2.5rem;
+	left: -1.5rem;
 	top: 0.3125rem;
 	color:#999;
 	border-color:#999;
@@ -366,19 +370,19 @@ hr {
 	background-color: #f3f2ee;
 }
 
-#outline-dropmenu {
+#typora-sidebar {
 	background-color: #f3f2ee;
 	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.375);
   	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.375);
 }
 
-.pin-outline #outline-dropmenu {
+.pin-outline #typora-sidebar {
 	background: inherit;
 	box-shadow: none;
 	border-right: 1px dashed;
 }
 
-.pin-outline #outline-dropmenu:hover .outline-title-wrapper {
+.pin-outline #typora-sidebar:hover .outline-title-wrapper {
 	border-left:1px dashed;
 }
 
@@ -465,6 +469,10 @@ header, .context-menu, .megamenu-content, footer {
 	background-color: #D2D1D1;
 }
 
+.btn-default {
+	background-color: transparent;
+}
+
 .typora-sourceview-on #toggle-sourceview-btn,
 .show-word-count #footer-word-count {
 	background: #c7c5c5;
@@ -478,3 +486,38 @@ header, .context-menu, .megamenu-content, footer {
 	margin-left: -1ch;
 	margin-top: 24px;
 }
+
+.file-list-item-file-name {
+	font-weight: initial;
+}
+
+.file-list-item-summary {
+	opacity: 1;
+}
+
+.file-list-item {
+	color: #777;
+}
+
+.file-list-item.active {
+	background-color: inherit;
+	color: black;
+}
+
+.file-list-item.active .file-list-item-file-name  {
+	font-weight: bold;
+}
+
+.file-list-item{
+    opacity:1 !important;
+}
+
+.file-library-node.active>.file-node-background{
+	background-color: rgba(32, 43, 51, 0.63);
+	background-color: var(--active-file-bg-color);
+}
+
+.file-tree-node.active>.file-node-content{
+	color: white;
+	color: var(--active-file-text-color);
+}