TheDesk Airi (ver.4[fixed])

app/css/master.css

@@ -1,5 +1,5 @@
 /*共通CSS*/
-body{overflow:hidden; user-select: none; cursor:default;}
+html,body{overflow:hidden; user-select: none; cursor:default; font-size:13px;}
 .btn {
   margin: 5px;
   text-transform: none;
@@ -140,7 +140,7 @@ blockquote:before, .quote:before {
   font-family:'Baloo Bhai'
 }
 #pip{
-  z-index:1001;
+  z-index:504;
   width:418px;
   background-color: white;
   position:absolute;
@@ -181,9 +181,6 @@ blockquote:before, .quote:before {
       opacity: 1;
   }
 }
-.modal-overlay{
-  z-index:999 !important;
-}
 
 /*black theme*/
 .blacktheme body {

app/css/materialize.css

@@ -5445,7 +5445,7 @@ button.btn-floating {
   overflow-y: auto;
   opacity: 0;
   position: absolute;
-  z-index: 999;
+  z-index: 505;
   will-change: width, height;
 }
 
@@ -5675,7 +5675,7 @@ button.btn-floating {
 
 .modal-overlay {
   position: fixed;
-  z-index: 999;
+  z-index: 506;
   top: -25%;
   left: 0;
   bottom: 0;

app/css/post.css

@@ -5,7 +5,7 @@
   bottom: 3px;
   background-color: white;
   border: thin solid gray;
-  z-index: 1000;
+  z-index: 500;
   width: 350px;
   min-width:350px;
   max-width:100%;
@@ -49,7 +49,7 @@
   right: 20px;
   width: 300px;
   height: 370px;
-  z-index: 1003;
+  z-index: 502;
   padding: 5px;
 }
 #emoji-list {

app/css/tl.css

@@ -1,16 +1,18 @@
 /*TL CSS(ただしBBCode pulse:master.css/spin:font-awesome*/
+#main{
+  display:flex;
+  width:100vw;
+}
 #timeline-container {
   overflow-x: scroll;
   overflow-y: hidden;
   display: flex;
-  width: calc(100vw - 70px);
   height: 100vh;
-  float:left;
+  flex-grow:4;
 }
 #sidebar{
-  width:70px;
+  width:75px;
   height:100vh;
-  float:left;
   background-color:#e0e0e0;
   display:flex;
   flex-wrap:wrap;
@@ -37,14 +39,14 @@
 #sidebar .big-menu{
   text-align:center;
 }
-#sidebar .big-menu i{
+#sidebar .big-menu i.big-icon{
   font-size:5em;
 }
 #sidebar .small-menu i{
   font-size:2rem;
 }
 #sidebar .small-menu .side-label{
-  font-size:1rem;
+  font-size:12px;
   vertical-align: 0.6rem;
 }
 #sidebar #side-dead{
@@ -78,7 +80,10 @@ iframe {
 }
 .user{
   cursor:text;
-  font-size:1.2rem;
+  font-size:1.2em;
+}
+.emoji-img{
+  width:1.2rem;
 }
 .tl-box{ height:calc(100% - 40px); overflow-y:scroll; overflow-x:hidden }
 .additional {
@@ -158,7 +163,7 @@ font-size:1rem;
   color: gray;
 }
 .sml {
-  font-size: 0.8rem;
+  font-size: 0.8em;
 }
 .toot {
   overflow: hide;
@@ -175,7 +180,7 @@ font-size:1rem;
   display: inline-block;
   min-width: 10px;
   padding: 3px 7px;
-  font-size: 0.8rem;
+  font-size: 0.8em;
   margin-right: 5px;
   line-height: 1;
   color: #fff;
@@ -211,7 +216,7 @@ p:not(:last-child){
   margin-right: 10px;
   width:100%;
   min-height:60px;
-  z-index:1000;
+  z-index:500;
   padding:5px;
   display: grid;
   grid-template-columns: 40px 1fr 1fr 1fr 1fr;
@@ -276,7 +281,7 @@ p:not(:last-child){
   right: 70px;
   background-color: white;
   border: thin solid gray;
-  z-index: 1001;
+  z-index: 501;
   width: 400px;
   padding: 5px;
   min-height: 100px;

app/css/userdata.css

@@ -17,7 +17,7 @@
 }
 #his-data-show {
   margin: 50px;
-  background-color: #e6ee9c;
+  background-color:rgba(255, 255, 255, 0.9);
   width: calc(100% - 50px);
   height: calc(100% - 50px);
   margin-bottom: 0;
@@ -31,7 +31,7 @@
   width: 11.11%;
 }
 .active-back{
-  background-color:rgba(255, 255, 255, 0.3);
+  background-color: #e6ee9c;
 }