TheDesk Miho (ver.13)

app/css/master.css

@@ -9,8 +9,6 @@ body{overflow:hidden;}
 }
 help {
   display: none;
-  font-size: 10px;
-  color: gray;
 }
 .show-help {
   display: inline;
@@ -71,7 +69,7 @@ option {
 }
 code:before, .pre:before {
   content: "Code";
-  font-size: 30px;
+  font-size: 1.8rem;
   line-height: 1em;
   font-family: monospace, monospace;
   color: #999;
@@ -115,7 +113,7 @@ blockquote, .quote {
 }
 blockquote:before, .quote:before {
   content: "Quote";
-  font-size: 30px;
+  font-size: 1.8rem;
   line-height: 1em;
   font-family: Open Sans, cursive;
   color: #999;
@@ -134,7 +132,7 @@ blockquote:before, .quote:before {
   align-items: center;
 }
 #drag-content {
-  font-size: 200%;
+  font-size: 2rem;
 }
 .radio{
   font-family:'Yanone Kaffeesatz'

app/css/post.css

@@ -15,7 +15,7 @@
   position: absolute;
   top: 3px;
   right: 3px;
-  font-size: 7px;
+  font-size: 0.5rem;
   color: gray;
   cursor: pointer;
 }
@@ -72,4 +72,22 @@
   background-color: #004d40;
   color: white;
   padding: 3px;
+}
+
+/*mini*/
+.mini-post .mize{
+  display:none !important;
+}
+.mini-post #textarea{
+  padding:0;
+}
+.mini-post #post-box{
+  width:200px;
+  min-width:100px;
+}
+.mini-post #toot-field{
+  padding:0;
+}
+.mini-post #toot-btn-field{
+  padding:0;
 }

app/css/tl.css

@@ -15,23 +15,17 @@ iframe {
   height: 100vh;
   flex: 1;
 }
-.tl-box{ height:calc(100% - 40px); overflow-y:scroll; overflow-x:hidden }
-@media screen and (max-width: 600px) {
-  #timeline-container {
-    display: block;
-    overflow-x: hidden;
-  }
-  .box {
-    width: 100vw;
-  }
-  .fixed-action-btn {
-    position: absolute;
-  }
+.user{
+  font-size:1.2rem;
 }
+.tl-box{ height:calc(100% - 40px); overflow-y:scroll; overflow-x:hidden }
 .additional {
   overflow-x: scroll;
   width: 100%;
 }
+.media-filter .nomedia{
+  display:none;
+}
 .cvo {
   padding-left: 5px;
   padding-right: 2px;
@@ -41,7 +35,7 @@ iframe {
   color: gray;
 }
 .sml {
-  font-size: 80%;
+  font-size: 0.8rem;
 }
 .toot {
   overflow: hide;
@@ -51,9 +45,6 @@ iframe {
   width: 100%;
   height: 200px;
 }
-.emoji-img{
-  width:17px;
-}
 .toot img:not(.emoji-img) {
   max-width: 100%;
   max-height: 300px;
@@ -62,7 +53,7 @@ iframe {
   display: inline-block;
   min-width: 10px;
   padding: 3px 7px;
-  font-size: 12px;
+  font-size: 0.8rem;
   margin-right: 5px;
   line-height: 1;
   color: #fff;
@@ -90,7 +81,6 @@ p {
   margin-right: 10px;
   width:100%;
   z-index:1000;
-  height:60px;
 }
 .tl-title {
   font-family: Open Sans;
@@ -102,7 +92,7 @@ p {
   float: right;
 }
 .setting {
-  font-size: 10px;
+  font-size: 0.6rem;
   color: gray;
   cursor: pointer;
 }