TheDesk Airi (ver.1)

app/css/master.css

@@ -37,6 +37,9 @@ option {
   position: fixed;
   z-index: 9;
 }
+#imagemodal, #videomodal, #tootmodal {
+  background-color: white;
+}
 #imagemodal .modal-content {
   overflow: hidden;
 }
@@ -134,7 +137,28 @@ blockquote:before, .quote:before {
   font-size: 2rem;
 }
 .radio{
-  font-family:'Yanone Kaffeesatz'
+  font-family:'Baloo Bhai'
+}
+#pip{
+  z-index:1001;
+  width:418px;
+  background-color: white;
+  position:absolute;
+}
+.pip-bottom{
+  bottom:10px;
+}
+.pip-left{
+  left:10px;
+}
+.pip-top{
+  top:10px;
+}
+.pip-right{
+  right:10px;
+}
+#pip-content .material-icons{
+  display:none;
 }
 
 @media only screen and (min-width: 993px){
@@ -173,7 +197,7 @@ blockquote:before, .quote:before {
   justify-content: center;
   align-items: center;
 }
-.blacktheme #imagemodal, #videomodal, #tootmodal {
+.blacktheme #imagemodal,.blacktheme  #videomodal,.blacktheme  #tootmodal {
   background-color: black;
 }
 .blacktheme .collapsible-header {
@@ -182,6 +206,9 @@ blockquote:before, .quote:before {
 .blacktheme .tabs {
   background-color: #212121;
 }
+.blacktheme #pip {
+  background-color: #212121;
+}
 
 /*スクロールバー*/
 ::-webkit-scrollbar {

app/css/tl.css

@@ -28,6 +28,9 @@ iframe {
   flex: 1;
   border: thin solid gray;
 }
+.box .pin{
+  display:none;
+}
 .user{
   cursor:text;
   font-size:1.2rem;
@@ -118,7 +121,6 @@ font-size:1rem;
 .toot-img {
   object-fit: cover;
   width: 100%;
-  height: 200px;
 }
 .toot img:not(.emoji-img) {
   max-width: 100%;
@@ -148,6 +150,9 @@ p {
 .shared {
   background-color: #cfd8dc;
 }
+.emphasized {
+  background-color: #81c784;
+}
 .udg {
   cursor: pointer;
 }
@@ -165,6 +170,10 @@ p {
   grid-template-rows: 30px 30px;
   grid-template-areas: 'notice notice_name notice_name notice_name notice_name notice_name' 'notice a1 a2 a3 a4 a5' 'notf-box notf-box notf-box notf-box notf-box notf-box';
 }
+.emp{
+  font-weight: bold;
+  text-decoration: underline;
+}
 
 .area-notice {
   grid-area: notice;
@@ -268,4 +277,7 @@ p {
 }
 .blacktheme .notice-box {
   background-color: #333333;
+}
+.blacktheme .emphasized {
+  background-color: #4e342e;
 }