update qvitter style
This commit is contained in:
parent
e28db58c66
commit
6c4afc7bf4
170
css/qvitter.css
170
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 {
|
|||
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user