From 6c4afc7bf431cbfe68ba375657650f60de91d71b Mon Sep 17 00:00:00 2001
From: wamo <wamo@noreply@wmsci.com>
Date: Sun, 9 Apr 2023 23:00:36 +0900
Subject: [PATCH] update qvitter style

---
 css/qvitter.css | 170 +++++++++++++++---------------------------------
 1 file changed, 51 insertions(+), 119 deletions(-)

diff --git a/css/qvitter.css b/css/qvitter.css
index 3855353..54d9da9 100644
--- a/css/qvitter.css
+++ b/css/qvitter.css
@@ -40,8 +40,11 @@
 	font-style: normal;
 	}
 
+@import url(https://fonts.bunny.net/css?family=noto-sans-jp:400,500,700);
+
+
 body {
-	font-family:"Helvetica Neue",Arial,sans-serif;
+	font-family:"Helvetica Neue",Arial,"Noto Sans JP",sans-serif;
 	}
 
 html {
@@ -239,10 +242,8 @@ body.rtl .discard-error-message {
 	}
 
 #top-compose {
-	border: 1px solid rgba(0, 0, 0, 0.1);
+	border: 1px solid rgba(0, 0, 0, 0.0);
     border-radius: 4px;
-    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
-    box-sizing: border-box;
     cursor: pointer;
     display: block;
     height: 32px;
@@ -275,7 +276,6 @@ body.rtl .discard-error-message {
 	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
 	}
 .topbar {
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
     left: 0;
     position: fixed;
     right: 0;
@@ -506,7 +506,7 @@ body.rtl .dropdown-menu li:not(.dropdown-caret) {
     font-weight: normal;
     line-height: 18px;
     overflow: hidden;
-    padding: 3px 0 3px 22px;
+    padding: 3px 12px 3px 22px;
     position: relative;
     text-decoration: none;
     text-overflow: ellipsis;
@@ -655,13 +655,12 @@ body.rtl .dropdown-menu .row-type-profile-prefs-toggle::before {
 
 #site-notice {
 	color: #EEEEEE;
-    font-size: 30px;
+    font-size: 20px;
     font-weight: 300;
-    line-height: 32px;
+    line-height: 25px;
     margin: 0;
     padding: 20px;
     text-align: left;
-    text-shadow: 0 1px 2px #000000;
 	display:none;
 	}
 
@@ -812,17 +811,11 @@ body.rtl #login-register-container {
 	}
 #login-content,
 .front-signup {
-	font-family: Arial,​sans-serif;
+	font-family: Arial,​sans-serif;
 	font-size: 14px;
 	color: #333333;
 	line-height: 18px;
 	background: #ffffff; /* Old browsers */
-	background: -moz-linear-gradient(top,  #ffffff 0px, #dddddd 100%); /* FF3.6+ */
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0px,#ffffff), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
-	background: -webkit-linear-gradient(top,  #ffffff 0px,#dddddd 100%); /* Chrome10+,Safari5.1+ */
-	background: -o-linear-gradient(top,  #ffffff 0px,#dddddd 100%); /* Opera 11.10+ */
-	background: -ms-linear-gradient(top,  #ffffff 0px,#dddddd 100%); /* IE10+ */
-	background: linear-gradient(to bottom,  #ffffff 0px,#dddddd 100%); /* W3C */
 	background-clip: border-box;
 	background-origin: padding-box;
 	background-size: auto auto;
@@ -857,7 +850,7 @@ body.rtl #login-register-container {
 .front-signup input,
 #login-content input#nickname,
 #login-content input#password {
-	font-family: Arial,​sans-serif;
+	font-family: Arial,​sans-serif;
 	font-size: 13px;
 	color: #000000;
 	line-height: 15.4333px;
@@ -974,19 +967,7 @@ button#submit-login {
 	font-weight: 700;
 	color: #FFFFFF;
 	line-height: 18px;
-
-	background: -moz-linear-gradient(top,  #33bcef 0%, #019ad2 100%); /* FF3.6+ */
-
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#33bcef), color-stop(100%,#019ad2)); /* Chrome,Safari4+ */
-
-	background: -webkit-linear-gradient(top,  #33bcef 0%,#019ad2 100%); /* Chrome10+,Safari5.1+ */
-
-	background: -o-linear-gradient(top,  #33bcef 0%,#019ad2 100%); /* Opera 11.10+ */
-
-	background: -ms-linear-gradient(top,  #33bcef 0%,#019ad2 100%); /* IE10+ */
-
-	background: linear-gradient(to bottom,  #33bcef 0%,#019ad2 100%); /* W3C */
-	background-repeat: repeat-x;
+	background: #019ad2;
 	height: 30px;
 	margin-top: 0px;
 	margin-right: 0px;
@@ -996,18 +977,7 @@ button#submit-login {
 	padding-right: 10px;
 	padding-bottom: 5px;
 	padding-left: 10px;
-	border-top-width: 1px;
-	border-right-width: 1px;
-	border-bottom-width: 1px;
-	border-left-width: 1px;
-	border-top-color: #057ED0;
-	border-right-color: #057ED0;
-	border-bottom-color: #057ED0;
-	border-left-color: #057ED0;
-	border-top-style: solid;
-	border-right-style: solid;
-	border-bottom-style: solid;
-	border-left-style: solid;
+	border: none;
 	border-top-left-radius: 4px;
 	border-top-right-radius: 4px;
 	border-bottom-left-radius: 4px;
@@ -1024,23 +994,11 @@ button#submit-login {
 	border-image-width: 1 1 1 1;
 	border-spacing: 0px 0px;
 	cursor: pointer;
-	text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 1px;
+	transition-duration: 200ms;
 	}
 button#submit-login:hover {
-
-	background: -moz-linear-gradient(top,  #2daddc 0%, #0271bf 100%); /* FF3.6+ */
-
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2daddc), color-stop(100%,#0271bf)); /* Chrome,Safari4+ */
-
-	background: -webkit-linear-gradient(top,  #2daddc 0%,#0271bf 100%); /* Chrome10+,Safari5.1+ */
-
-	background: -o-linear-gradient(top,  #2daddc 0%,#0271bf 100%); /* Opera 11.10+ */
-
-	background: -ms-linear-gradient(top,  #2daddc 0%,#0271bf 100%); /* IE10+ */
-
-	background: linear-gradient(to bottom,  #2daddc 0%,#0271bf 100%); /* W3C */
+	background: #0271bf;
 	background-repeat: repeat-x;
-	border-color:#096eb3;
 	color:#fff;
 	}
 
@@ -1095,7 +1053,7 @@ button#submit-login:hover {
 	text-decoration:none;
 	}
 #remember-forgot #openid-login:before {
-	content: " · ";
+	content: " · ";
 	font-size:11px;
 	}
 #remember-forgot #openid-login:after {
@@ -1147,16 +1105,9 @@ button#submit-login:hover {
 	}
 
 .front-signup .signup-btn {
-	background-color: #FD9A0F;
-	background: -moz-linear-gradient(top, rgba(254,233,79,1) 0px, rgba(253,154,15,1) 100%);
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0px,rgba(254,233,79,1)), color-stop(100%,rgba(253,154,15,1)));
-	background: -webkit-linear-gradient(top, rgba(254,233,79,1) 0px,rgba(253,154,15,1) 100%);
-	background: -o-linear-gradient(top, rgba(254,233,79,1) 0px,rgba(253,154,15,1) 100%);
-	background: -ms-linear-gradient(top, rgba(254,233,79,1) 0px,rgba(253,154,15,1) 100%);
-	background: linear-gradient(to bottom, rgba(254,233,79,1) 0px,rgba(253,154,15,1) 100%);
-    border: 1px solid #ffaa22;
+    background: #FFAA22;
+    border: none;
     border-radius: 4px;
-    box-shadow: 0 1px 0 #ffffff;
     color: #333333;
     cursor: pointer;
     display: inline-block;
@@ -1169,17 +1120,10 @@ button#submit-login:hover {
     padding-right: 12px;
     position: relative;
     right: 12px;
-    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
+    transition-duration: 200ms;
 	}
 .front-signup .signup-btn:hover, .front-signup .signup-btn:focus {
-    background-color: #FD9512;
-	background: -moz-linear-gradient(top, rgba(254,220,77,1) 0px, rgba(253,149,18,1) 100%);
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0px,rgba(254,220,77,1)), color-stop(100%,rgba(253,149,18,1)));
-	background: -webkit-linear-gradient(top, rgba(254,220,77,1) 0px,rgba(253,149,18,1) 100%);
-	background: -o-linear-gradient(top, rgba(254,220,77,1) 0px,rgba(253,149,18,1) 100%);
-	background: -ms-linear-gradient(top, rgba(254,220,77,1) 0px,rgba(253,149,18,1) 100%);
-	background: linear-gradient(to bottom, rgba(254,220,77,1) 0px,rgba(253,149,18,1) 100%);
-    border-color: #EC8B11;
+    background: #EC8B11;
 	}
 
 
@@ -1268,7 +1212,7 @@ button#submit-login:hover {
 #page-container {
 	width:890px;
 	padding:17px 14px 0 14px;
-	background-color:rgba(0,0,0,0.2);
+	background-color:rgba(0,0,0,0.5);
 	margin-left:-459px;
 	opacity:0;
 	}
@@ -1341,8 +1285,8 @@ body.rtl #footer-spinner-container {
     position: relative;
     background-color: #F9F9F9;
     border-top: 1px solid #E8E8E8;
-    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
 	font-size: 14px;
+	transition-duration: 200ms;
 	}
 .menu-container a:first-child {
 	border-top:0 none;
@@ -1905,6 +1849,7 @@ body.rtl .profile-card.user-muted .user-menu-cog::after,
 	list-style-image: none;
 	list-style-position: outside;
 	list-style-type: none;
+	transition-duration: 200ms;
     height:auto;
     position:relative;
 	}
@@ -2435,7 +2380,7 @@ body.rtl .queet.rtl .expanded-content {
 	font-style:italic;
 	}
 .oembed-item-provider-url:not(:empty)::before {
-	content:' · ';
+	content:' · ';
 	}
 .oembed-item-header,
 .oembed-item-body,
@@ -2903,7 +2848,7 @@ body.rtl .view-more-container-bottom { direction:rtl; }
 	text-decoration: underline;
 	}
 .stream-item-header .created-at:before {
-	content: "·";
+	content: "·";
     display: inline-block;
     margin-left: 4px;
 	}
@@ -3083,6 +3028,7 @@ ul.queet-actions > li .icon:before {
     text-align: center;
     vertical-align:text-top;
     width:21px;
+    transition-duration: 200ms;
 	}
 .stream-item.temp-post ul.queet-actions > li .icon:before {
 	color:rgba(0,0,0,0.05);
@@ -3271,6 +3217,7 @@ ul.queet-actions > li .icon.is-mine:before {
     top: 0;
     width: 30px;
     outline:none;
+    transition-duration: 200ms;
 	}
 .queet.rtl .ostatus-link {
 	right:auto;
@@ -4061,9 +4008,8 @@ body.rtl .queet-box-extras {
 	font-weight: 700;
 	color: #FFFFFF;
 	line-height: 16px;
-	border: 1px solid rgba(0, 0, 0, 0.1);
+	border: 1px solid rgba(0, 0, 0, 0.0);
     border-radius: 4px;
-    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
     box-sizing: border-box;
 	margin-top: 0px;
 	margin-right: 0px;
@@ -4081,7 +4027,7 @@ body.rtl .queet-box-extras {
 	border-image-source: none;
 	border-image-width: 1 1 1 1;
 	cursor: pointer;
-	text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 1px;
+	transition-duration: 200ms;
 	}
 button.signup-btn.disabled:hover,
 button.signup-btn.disabled:focus,
@@ -4099,7 +4045,7 @@ button.signup-btn.disabled {
     cursor: default;
 	}
 .queet-toolbar button.enabled:hover {
-	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
+	background: #005D7F;
 	}
 
 #settingslink .dropdown-toggle {
@@ -4415,7 +4361,7 @@ div.nav-session {
     float:left;
 	}
 .profile-banner-footer ul.stats li a {
-	padding: 0 15px 8px 12px;
+	padding: 0 9px 8px 12px;
 	}
 .hover-card .profile-banner-footer ul.stats li a {
 	padding-bottom: 5px;
@@ -4455,9 +4401,8 @@ div.clearfix {
 	font-weight: 700;
 	color: #333;
 	line-height: 16px;
-	border: 1px solid rgba(0, 0, 0, 0.1);
+	border: 1px solid rgba(0, 0, 0, 0);
     border-radius: 4px;
-    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
     box-sizing: border-box;
 	margin-top: 0px;
 	margin-right: 0px;
@@ -4475,16 +4420,21 @@ div.clearfix {
 	border-image-source: none;
 	border-image-width: 1 1 1 1;
 	cursor: pointer;
-	text-shadow: rgba(0, 0, 0, 0.15) 0px -1px 1px;
+	transition-duration: 200ms;
 	}
 .qvitter-follow-button,
 .edit-profile-button,
 .abort-edit-profile-button,
 .member-button {
 	background-color:#e2e2e2;
-	text-shadow: rgba(255, 255, 255, 0.15) 0px -1px 1px;
 	color:#333;
 	}
+.member-button:not(.disabled):not(.member):hover,
+.qvitter-follow-button:not(.disabled):not(.following):hover,
+.edit-profile-button:hover,
+.abort-edit-profile-button:hover {
+	background-color:#c9c9c9;
+	}
 .external-member-button.disabled,
 .member-button.disabled,
 .external-follow-button.disabled,
@@ -4501,17 +4451,6 @@ div.clearfix {
 .qvitter-follow-button.disabled i {
 	opacity:0.2;
 	}
-.external-member-button:not(.disabled):not(.member):hover,
-.member-button:not(.disabled):not(.member):hover,
-.external-follow-button:not(.disabled):not(.following):hover,
-.qvitter-follow-button:not(.disabled):not(.following):hover,
-.edit-profile-button:hover,
-.abort-edit-profile-button:hover,
-button.shorten:not(.disabled):hover,
-.save-profile-button:not(.disabled):hover,
-.crop-and-save-button:not(.disabled):hover {
-	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
-	}
 .external-member-button:not(.disabled):not(.member):active,
 .member-button:not(.disabled):not(.member):active,
 .external-follow-button:not(.disabled):not(.following):active,
@@ -4734,6 +4673,7 @@ body.rtl #feed-header-inner .loader {
     top:5px;
     opacity:0.5;
     cursor:pointer;
+    transition-duration: 200ms;
 	}
 .reload-stream:hover {
 	opacity:1;
@@ -5071,7 +5011,7 @@ body.rtl .modal-footer button {
     box-shadow: 0 1px 0 #EEEEEE inset, 0 1px 0 #FFFFFF;
     color: #000000;
     display: block;
-    font-family: Arial,​sans-serif;
+    font-family: Arial,​sans-serif;
     font-size: 13px;
     height: 20px;
     line-height: 15.4333px;
@@ -5422,11 +5362,8 @@ content:"\f068";
 	}
 #popup-shortcuts #shortcuts-container span.shortcut {
 	background-color: #eee;
-    background-image: linear-gradient(#fff, #eee);
     background-repeat: repeat-x;
-    border: 1px solid #ccc;
     border-radius: 3px;
-    box-shadow: 0 1px 0 #fff inset, 0 0.5px 0 #ccc;
     color: #666;
     display: inline-block;
     font-size: 12px;
@@ -5734,11 +5671,6 @@ body.rtl #feed-header-inner h2  {
 	}
 
 @media (max-width: 910px) {
-
-	body {
-		background:none !important;
-		}
-
 	.upload-background-image {
 		display:none;
 		}
@@ -5764,7 +5696,7 @@ body.rtl #feed-header-inner h2  {
 	.language-dropdown {
 		width:170px;
 		right:50%;
-		margin-right:-85px;
+		margin-right:-95px;
 		margin-top:5px;
 		}
 
@@ -5785,7 +5717,7 @@ body.rtl #feed-header-inner h2  {
 		height:35px;
 		}
 	#page-container {
-		margin-top:69px;
+		margin-top:59px;
 		background-color:transparent;
 		}
 
@@ -5876,7 +5808,7 @@ body.rtl #feed-header-inner h2  {
 		margin: 0;
 		position: fixed;
 		right: 6px;
-		top: 5px;
+		top: 3px;
 		width: 41px;
 		z-index: 100;
 		}
@@ -5885,8 +5817,8 @@ body.rtl #feed-header-inner h2  {
 		}
 	#top-compose:before {
 		font-size:25px;
-		line-height: 41px;
-	    padding-left: 2px;
+		line-height: 44px;
+	    padding-left: 5px;
 		}
 
 	#page-container {
@@ -6012,7 +5944,7 @@ body.rtl #feed-header-inner h2  {
 		}
 
 	body {
-		background-color:#000 !important;
+		background-color:#fff !important;
 		}
 	#logo {
 		display:none;
@@ -6086,7 +6018,7 @@ body.rtl #feed-header-inner h2  {
 		}
 	.menu-container {
 		margin:0;
-		height:59px;
+		height:47px;
 		border:0 none !important;
 		border-radius:0 0 0 0 !important;
 		box-shadow: 0 25px 55px 0 rgba(255, 255, 255, 0.5) inset;
@@ -6109,7 +6041,7 @@ body.rtl #feed-header-inner h2  {
 		float:left;
 		font-size:0;
 		color:transparent;
-		height:55px;
+		height:47px;
 		padding:0 !important;
 		margin:0;
 		border-radius:0 0 0 0 !important;
@@ -6125,7 +6057,7 @@ body.rtl #feed-header-inner h2  {
 		border:0 none !important;
 		}
 	.menu-container a:not(.current) {
-		height:63px;
+		height:47px;
 		}
 	.menu-container a:after,
 	.menu-container a.current:after {
@@ -6145,7 +6077,7 @@ body.rtl #feed-header-inner h2  {
 		left: 50%;
 		margin-left: -35px;
 		width: 70px;
-		height: 55px;
+		height: 47px;
 		background-size: 500px 1329px;
 		background-color:#ccc;
 		}
@@ -6461,4 +6393,4 @@ body.rtl #feed-header-inner h2  {
 
 
 
-	}
+	}
\ No newline at end of file