harukin/theme
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add Silver-icon ozero

Browse Source
This commit is contained in:
harukin 2018-11-29 23:22:23 +09:00
parent 9282a5a8b9
commit 4aabcaae5e
1 changed files with 1103 additions and 1050 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

329
view/theme/plusfuture/css/style.css
View File

@ -5,7 +5,6 @@
* Originally by harukin <harukin@haruk.in> * Originally by harukin <harukin@haruk.in>
*/ */
/* generals */ /* generals */
html { html {
@ -15,7 +14,7 @@ html {
body { body {
font-size: 0.9rem; font-size: 0.9rem;
background-color: $bgcolour; background-color: $bgcolour;
background-image: url('$background_image'); background-image: url("$background_image");
background-attachment: fixed; background-attachment: fixed;
background-size: cover; background-size: cover;
color: $font_colour; color: $font_colour;
@ -50,32 +49,38 @@ main {
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
background: rgba(0, 0, 0, .5); background: rgba(0, 0, 0, 0.5);
cursor: pointer; cursor: pointer;
z-index: 1028; z-index: 1028;
} }
h1, .h1 { h1,
.h1 {
font-size: 2rem; font-size: 2rem;
} }
h2, .h2 { h2,
.h2 {
font-size: 1.6rem; font-size: 1.6rem;
} }
h3, .h3 { h3,
.h3 {
font-size: 1.2rem; font-size: 1.2rem;
} }
h4, .h4 { h4,
.h4 {
font-size: 1.05rem; font-size: 1.05rem;
} }
h5, .h5 { h5,
.h5 {
font-size: 0.9rem; font-size: 0.9rem;
} }
h6, .h6 { h6,
.h6 {
font-size: 0.75rem; font-size: 0.75rem;
} }
@ -107,7 +112,6 @@ a,
color: $link_colour; color: $link_colour;
} }
a:hover, a:hover,
a:focus, a:focus,
.fakelink:hover, .fakelink:hover,
@ -120,11 +124,15 @@ a:focus,
cursor: pointer; cursor: pointer;
} }
input, optgroup, select, textarea { input,
optgroup,
select,
textarea {
font-size: 0.9rem !important; font-size: 0.9rem !important;
} }
input[type=text], textarea { input[type="text"],
textarea {
resize: vertical; resize: vertical;
background-color: $comment_item_colour; background-color: $comment_item_colour;
color: $font_colour; color: $font_colour;
@ -155,14 +163,14 @@ code {
} }
pre { pre {
background: #F5F5F5; background: #f5f5f5;
color: #333; color: #333;
border: 1px solid #ccc; border: 1px solid #ccc;
border-radius: $radius; border-radius: $radius;
} }
.heart { .heart {
color: #FF0000; color: #ff0000;
} }
nav { nav {
@ -184,19 +192,20 @@ nav {
} }
.error-message { .error-message {
color: #FF0000; color: #ff0000;
font-size: 1.1em; font-size: 1.1em;
border: 1px solid #FF8888; border: 1px solid #ff8888;
background-color: #FFEEEE; background-color: #ffeeee;
padding: 10px; padding: 10px;
} }
.nav-channel-select { margin-left: 8px; } .nav-channel-select {
margin-left: 8px;
}
/* contextual help */ /* contextual help */
.contextual-help-content { .contextual-help-content {
display: none; display: none;
} }
.contextual-help-content-open { .contextual-help-content-open {
@ -222,7 +231,7 @@ nav {
.contextual-help-tool { .contextual-help-tool {
padding: 7px; padding: 7px;
filter: alpha(opacity=20); filter: alpha(opacity=20);
opacity: .5; opacity: 0.5;
} }
.contextual-help-tool:hover { .contextual-help-tool:hover {
@ -268,10 +277,10 @@ nav {
-moz-animation: rotation 1s infinite linear; -moz-animation: rotation 1s infinite linear;
-o-animation: rotation 1s infinite linear; -o-animation: rotation 1s infinite linear;
animation: rotation 1s infinite linear; animation: rotation 1s infinite linear;
border-left: .2rem solid rgba(77, 77, 77, .15); border-left: 0.2rem solid rgba(77, 77, 77, 0.15);
border-right: .2rem solid rgba(77, 77, 77, .15); border-right: 0.2rem solid rgba(77, 77, 77, 0.15);
border-bottom: .2rem solid rgba(77, 77, 77, .15); border-bottom: 0.2rem solid rgba(77, 77, 77, 0.15);
border-top: .2rem solid rgba(77, 77, 77, .5); border-top: 0.2rem solid rgba(77, 77, 77, 0.5);
border-radius: 100%; border-radius: 100%;
} }
@ -350,9 +359,15 @@ nav {
} }
@keyframes jump { @keyframes jump {
0% {bottom: 0px;} 0% {
20% {bottom: 3px;} bottom: 0px;
40% {bottom: 0px;} }
20% {
bottom: 3px;
}
40% {
bottom: 0px;
}
} }
/* jumping dots end */ /* jumping dots end */
@ -416,7 +431,6 @@ footer {
.connect-btn-wrapper { .connect-btn-wrapper {
margin-bottom: 10px; margin-bottom: 10px;
} }
.profile-edit-side-link { .profile-edit-side-link {
@ -452,7 +466,8 @@ footer {
width: 50px; width: 50px;
} }
#fsuggest-desc, #fsuggest-submit-wrapper { #fsuggest-desc,
#fsuggest-submit-wrapper {
margin-top: 15px; margin-top: 15px;
margin-bottom: 15px; margin-bottom: 15px;
} }
@ -472,10 +487,9 @@ footer {
.pager { .pager {
padding: 10px; padding: 10px;
text-align: center; text-align: center;
font-size: 1.0em; font-size: 1em;
} }
.pager_first, .pager_first,
.pager_last, .pager_last,
.pager_prev, .pager_prev,
@ -583,7 +597,8 @@ footer {
margin-bottom: 10px; margin-bottom: 10px;
} }
#tagrm-submit, #tagrm-cancel { #tagrm-submit,
#tagrm-cancel {
margin-top: 25px; margin-top: 25px;
} }
@ -606,10 +621,9 @@ footer {
margin-right: 1rem; margin-right: 1rem;
} }
#nav-search-text { #nav-search-text {
width: 280px; width: 280px;
padding: .15rem .5rem; padding: 0.15rem 0.5rem;
} }
nav .acpopup { nav .acpopup {
@ -626,7 +640,8 @@ nav .acpopup {
color: #888; color: #888;
} }
#plugin-settings-link, #account-settings-link { #plugin-settings-link,
#account-settings-link {
margin-bottom: 10px; margin-bottom: 10px;
} }
@ -733,14 +748,16 @@ nav .acpopup {
* OAuth * OAuth
*/ */
.oauthapp { .oauthapp {
height: auto; overflow: auto; height: auto;
overflow: auto;
border-bottom: 2px solid #cccccc; border-bottom: 2px solid #cccccc;
padding-bottom: 1em; padding-bottom: 1em;
margin-bottom: 1em; margin-bottom: 1em;
} }
.oauthapp img { .oauthapp img {
float: left; float: left;
width: 48px; height: 48px; width: 48px;
height: 48px;
margin: 10px; margin: 10px;
} }
.oauthapp .icon { .oauthapp .icon {
@ -756,7 +773,6 @@ nav .acpopup {
float: left; float: left;
} }
.body-attach { .body-attach {
margin-top: 10px; margin-top: 10px;
} }
@ -767,12 +783,14 @@ nav .acpopup {
/* popup notifications */ /* popup notifications */
div.jGrowl div.notice { div.jGrowl div.notice {
background: #511919 url("../../../../images/icons/48/notice.png") no-repeat 5px center; background: #511919 url("../../../../images/icons/48/notice.png") no-repeat
5px center;
color: #ffffff; color: #ffffff;
padding-left: 58px; padding-left: 58px;
} }
div.jGrowl div.info { div.jGrowl div.info {
background: #364e59 url("../../../../images/icons/48/info.png") no-repeat 5px center; background: #364e59 url("../../../../images/icons/48/info.png") no-repeat 5px
center;
color: #ffffff; color: #ffffff;
padding-left: 58px; padding-left: 58px;
} }
@ -857,15 +875,20 @@ div.jGrowl div.jGrowl-notification {
.contact-block-content { .contact-block-content {
margin-top: 10px; margin-top: 10px;
} }
.contact-block-img.archived, .app-deleted, .dim { .contact-block-img.archived,
.app-deleted,
.dim {
opacity: 0.3; opacity: 0.3;
filter: alpha(opacity=30); filter: alpha(opacity=30);
} }
.profile-match-connect {
margin-top: 5px;
}
.profile-match-connect { margin-top: 5px; } .reshared-content {
margin-left: 20px;
.reshared-content { margin-left: 20px; } }
.shared_header img { .shared_header img {
border-radius: $radius; border-radius: $radius;
margin-right: 10px; margin-right: 10px;
@ -875,45 +898,37 @@ div.jGrowl div.jGrowl-notification {
font-size: 0.9em !important; font-size: 0.9em !important;
} }
.tag2 { .tag2 {
font-size : 1.0em !important; font-size: 1em !important;
} }
.tag3 { .tag3 {
font-size: 1.1em !important; font-size: 1.1em !important;
} }
.tag4 { .tag4 {
font-size: 1.2em !important; font-size: 1.2em !important;
} }
.tag5 { .tag5 {
font-size: 1.3em !important; font-size: 1.3em !important;
} }
.tag6 { .tag6 {
font-size: 1.4em !important; font-size: 1.4em !important;
} }
.tag7 { .tag7 {
font-size: 1.5em !important; font-size: 1.5em !important;
} }
.tag8 { .tag8 {
font-size: 1.6em !important; font-size: 1.6em !important;
} }
.tag9 { .tag9 {
font-size: 1.7em !important; font-size: 1.7em !important;
} }
.tag10 { .tag10 {
font-size: 1.8em !important; font-size: 1.8em !important;
} }
@ -951,7 +966,6 @@ a .generic-icons:hover {
color: $font_colour; color: $font_colour;
} }
.generic-icons-nav { .generic-icons-nav {
font-size: 1rem; font-size: 1rem;
margin-right: 7px; margin-right: 7px;
@ -972,7 +986,7 @@ a .drop-icons {
.drop-icons:hover, .drop-icons:hover,
a .drop-icons:hover { a .drop-icons:hover {
color: #FF0000; color: #ff0000;
} }
.lockview, .lockview,
@ -983,20 +997,19 @@ a .drop-icons:hover {
.permission-inherited { .permission-inherited {
float: left; float: left;
margin-right: 10px; margin-right: 10px;
color: #FF0000; color: #ff0000;
} }
.perm-inherited { .perm-inherited {
color: #FF0000; color: #ff0000;
} }
#menulist { #menulist {
list-style-type: none; list-style-type: none;
} }
#adminpage table tr:hover { #adminpage table tr:hover {
background-color: #BBC7D7; background-color: #bbc7d7;
} }
table { table {
@ -1004,11 +1017,13 @@ table {
max-width: 100%; max-width: 100%;
} }
th,td { th,
td {
padding: 3px; padding: 3px;
} }
#channels > tbody > tr > td, #users > tbody > tr > td { #channels > tbody > tr > td,
#users > tbody > tr > td {
max-width: 19.4em; max-width: 19.4em;
overflow: hidden; overflow: hidden;
} }
@ -1035,9 +1050,8 @@ img.mail-conv-sender-photo {
#profile-jot-wrapper { #profile-jot-wrapper {
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
border: 1px solid rgba(0, 0, 0, .2); border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: $radius; border-radius: $radius;
} }
#jot-title, #jot-title,
@ -1071,7 +1085,6 @@ img.mail-conv-sender-photo {
color: darkorange; color: darkorange;
} }
/* conversation */ /* conversation */
.top-radius { .top-radius {
@ -1082,7 +1095,7 @@ img.mail-conv-sender-photo {
.wall-event-item { .wall-event-item {
padding: 10px; padding: 10px;
color: #fff; color: #fff;
background-color: #3A87AD; /* should reflect calendar color */ background-color: #3a87ad; /* should reflect calendar color */
border-top-left-radius: $radius; border-top-left-radius: $radius;
border-top-right-radius: $radius; border-top-right-radius: $radius;
} }
@ -1136,7 +1149,6 @@ img.mail-conv-sender-photo {
border-top: 0px solid $comment_item_colour; border-top: 0px solid $comment_item_colour;
} }
.wall-item-photo { .wall-item-photo {
width: $top_photo; width: $top_photo;
height: $top_photo; height: $top_photo;
@ -1163,7 +1175,6 @@ img.mail-conv-sender-photo {
font-size: 1rem; font-size: 1rem;
} }
.comment-edit-text { .comment-edit-text {
border: 1px solid #f6f6f6; border: 1px solid #f6f6f6;
border-radius: $radius; border-radius: $radius;
@ -1214,7 +1225,8 @@ img.mail-conv-sender-photo {
background-color: #ffdddd; background-color: #ffdddd;
} }
.abook-pending-contact, .abook-permschange { .abook-pending-contact,
.abook-permschange {
background: orange; background: orange;
} }
@ -1357,7 +1369,6 @@ img.mail-conv-sender-photo {
border-radius: $radius; border-radius: $radius;
} }
.section-content-wrapper { .section-content-wrapper {
padding: 7px 10px; padding: 7px 10px;
background-color: $comment_item_colour; background-color: $comment_item_colour;
@ -1488,7 +1499,8 @@ blockquote {
} }
.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link,
.usermenu i ,.text-white{ .usermenu i,
.text-white {
color: $nav_icon_colour !important; color: $nav_icon_colour !important;
} }
@ -1500,7 +1512,6 @@ blockquote {
} }
@media screen and (max-width: 992px) { @media screen and (max-width: 992px) {
aside#region_1 { aside#region_1 {
border-right: 1px solid $nav_bd; border-right: 1px solid $nav_bd;
} }
@ -1527,7 +1538,6 @@ blockquote {
font-size: 1rem; font-size: 1rem;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
} }
.shareable_element_text { .shareable_element_text {
@ -1555,11 +1565,21 @@ dl.bb-dl > dt {
line is already acheivable in bbcode without dl */ line is already acheivable in bbcode without dl */
font-weight: normal; font-weight: normal;
} }
dl.dl-terms-monospace > dt { font-family: monospace; } dl.dl-terms-monospace > dt {
dl.dl-terms-bold > dt { font-weight: bold; } font-family: monospace;
dl.dl-terms-italic > dt { font-style: italic; } }
dl.dl-terms-underline > dt { text-decoration: underline; } dl.dl-terms-bold > dt {
dl.dl-terms-large > dt { font-size: 120%; } font-weight: bold;
}
dl.dl-terms-italic > dt {
font-style: italic;
}
dl.dl-terms-underline > dt {
text-decoration: underline;
}
dl.dl-terms-large > dt {
font-size: 120%;
}
dl.bb-dl:not(.dl-horizontal) > dd { dl.bb-dl:not(.dl-horizontal) > dd {
display: block; display: block;
margin-left: 2em; margin-left: 2em;
@ -1601,11 +1621,13 @@ dl.bb-dl > dd > li {
background-image: none !important; background-image: none !important;
} }
/* Turn checkboxes into switches */ /* Turn checkboxes into switches */
.form-group.checkbox > div { .form-group.checkbox > div {
position: relative; width: 40px; position: relative;
-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; width: 40px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
display: inline-block; display: inline-block;
} }
@ -1615,13 +1637,16 @@ dl.bb-dl > dd > li {
.form-group.checkbox > div label { .form-group.checkbox > div label {
/*カスタマイズ*/ /*カスタマイズ*/
display: block; overflow: hidden; cursor: pointer; display: block;
overflow: hidden;
cursor: pointer;
/*border: 1px solid #ccc;*/ /*border: 1px solid #ccc;*/
border-radius: 12px; border-radius: 12px;
margin: 0px; margin: 0px;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -webkit-transition: border-color ease-in-out 0.15s,
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -webkit-box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
height: 12px; height: 12px;
width: 35px; width: 35px;
} }
@ -1635,22 +1660,34 @@ dl.bb-dl > dd > li {
} }
.onoffswitch-inner { .onoffswitch-inner {
display: block; width: 200%; margin-left: -100%; display: block;
-moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; width: 200%;
-o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; margin-left: -100%;
-moz-transition: margin 0.3s ease-in 0s;
-webkit-transition: margin 0.3s ease-in 0s;
-o-transition: margin 0.3s ease-in 0s;
transition: margin 0.3s ease-in 0s;
} }
.onoffswitch-inner:before, .onoffswitch-inner:after { .onoffswitch-inner:before,
.onoffswitch-inner:after {
/*カスタマイズ*/ /*カスタマイズ*/
display: flex; float: left; width: 50%; height: 20px; padding: 0; line-height:20px; display: flex;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left;
width: 50%;
height: 20px;
padding: 0;
line-height: 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
} }
.onoffswitch-inner:before { .onoffswitch-inner:before {
/*カスタマイズ*/ /*カスタマイズ*/
content: attr(data-on); content: attr(data-on);
padding-right: 21px; padding-right: 21px;
background-color: #A4AFFF; background-color: #a4afff;
color: rgba(255, 255, 255, 0); color: rgba(255, 255, 255, 0);
text-align: right; text-align: right;
} }
@ -1658,18 +1695,27 @@ dl.bb-dl > dd > li {
.onoffswitch-inner:after { .onoffswitch-inner:after {
content: attr(data-off); content: attr(data-off);
padding-left: 21px; padding-left: 21px;
background-color: #D5CECE; color: rgba(255, 255, 255, 0); background-color: #d5cece;
color: rgba(255, 255, 255, 0);
text-align: left; text-align: left;
} }
.onoffswitch-switch { .onoffswitch-switch {
/*カスタマイズ*/ /*カスタマイズ*/
display: block; width: 20px; height: 20px;margin:4px; display: block;
width: 20px;
height: 20px;
margin: 4px;
background: #ccc; background: #ccc;
border-radius: 50%; border-radius: 50%;
position: absolute; top: -8px; bottom: 0; right: 18px; position: absolute;
-moz-transition: all 0.2s ease-in 0s; -webkit-transition: all 0.2s ease-in 0s; top: -8px;
-o-transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s; bottom: 0;
right: 18px;
-moz-transition: all 0.2s ease-in 0s;
-webkit-transition: all 0.2s ease-in 0s;
-o-transition: all 0.2s ease-in 0s;
transition: all 0.2s ease-in 0s;
filter: drop-shadow(0px 0px 2px rgba(42, 42, 42, 0.94)); filter: drop-shadow(0px 0px 2px rgba(42, 42, 42, 0.94));
} }
@ -1682,7 +1728,6 @@ dl.bb-dl > dd > li {
background-color: #0275d8; background-color: #0275d8;
} }
.form-group.checkbox > div > input:disabled + label .onoffswitch-switch { .form-group.checkbox > div > input:disabled + label .onoffswitch-switch {
/*カスタマイズ*/ /*カスタマイズ*/
background-color: #898989; background-color: #898989;
@ -1690,8 +1735,6 @@ dl.bb-dl > dd > li {
filter: alpha(opacity=30); filter: alpha(opacity=30);
} }
.help-searchlist { .help-searchlist {
list-style-type: none; list-style-type: none;
} }
@ -1738,7 +1781,8 @@ dl.bb-dl > dd > li {
text-align: center; text-align: center;
} }
#login-main, .rmagic-button { #login-main,
.rmagic-button {
max-width: 400px; max-width: 400px;
margin-top: 20px; margin-top: 20px;
margin-left: auto; margin-left: auto;
@ -1803,16 +1847,19 @@ dl.bb-dl > dd > li {
opacity: 1; opacity: 1;
} }
/*testarea*/ /*testarea*/
.toplevel_item > .wall-item-outside-wrapper .wall-item-name { .toplevel_item > .wall-item-outside-wrapper .wall-item-name {
font-size: 1.2rem; font-size: 1.2rem;
} }
.toplevel_item , #notifications , #profile-jot-wrapper{ .toplevel_item,
#notifications,
#profile-jot-wrapper {
box-shadow: 0px 0px 5px 1px rgba(75, 75, 75, 0.3); box-shadow: 0px 0px 5px 1px rgba(75, 75, 75, 0.3);
transition: all 300ms 0s; transition: all 300ms 0s;
} }
.toplevel_item:hover , #notifications:hover , #profile-jot-wrapper:hover{ .toplevel_item:hover,
#notifications:hover,
#profile-jot-wrapper:hover {
box-shadow: 0px 0px 5px 2px rgba(75, 75, 75, 0.5); box-shadow: 0px 0px 5px 2px rgba(75, 75, 75, 0.5);
} }
.dropdown-menu { .dropdown-menu {
@ -1820,10 +1867,13 @@ dl.bb-dl > dd > li {
} }
.bootstrap-tagsinput { .bootstrap-tagsinput {
background-color: #000 background-color: #000;
} }
#jot-title-wrap, #jot-category-wrap, #jot-text-wrap, #profile-jot-text{ #jot-title-wrap,
#jot-category-wrap,
#jot-text-wrap,
#profile-jot-text {
transition: all 300ms 0s; transition: all 300ms 0s;
} }
.bootstrap-tagsinput { .bootstrap-tagsinput {
@ -1883,15 +1933,11 @@ dl.bb-dl > dd > li {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
a[title*="harukin@plus.haruk.in"] { a[title*="harukin@plus.haruk.in"] {
color: rgb(170, 2, 2); color: rgb(170, 2, 2);
} }
a[title*="harukin@plus.haruk.in"]::after { a[title*="harukin@plus.haruk.in"]::after {
content: 'っ[鯖主]'; content: "っ[鯖主]";
font-size: 80%; font-size: 80%;
font-style: italic; font-style: italic;
} }
@ -1900,16 +1946,16 @@ a[title*="mstdn.y-zu.org"]{
color: rgb(62, 175, 58); color: rgb(62, 175, 58);
} }
a[title*="mstdn.y-zu.org"]::before { a[title*="mstdn.y-zu.org"]::before {
content: ''; content: "";
display: inline-block; display: inline-block;
width: 18px; width: 18px;
height: 20px; height: 20px;
background-image: url('https://mstdn.y-zu.org/favicon.ico'); background-image: url("https://mstdn.y-zu.org/favicon.ico");
vertical-align: middle; vertical-align: middle;
background-size: contain; background-size: contain;
} }
a[title*="mstdn.y-zu.org"]::after { a[title*="mstdn.y-zu.org"]::after {
content: 'っ[Yづドン！]'; content: "っ[Yづドン！]";
font-size: 80%; font-size: 80%;
font-style: italic; font-style: italic;
} }
@ -1918,16 +1964,16 @@ a[title*="itabashi.0j0.jp"]{
color: rgb(1, 153, 102); color: rgb(1, 153, 102);
} }
a[title*="itabashi.0j0.jp"]::before { a[title*="itabashi.0j0.jp"]::before {
content: ''; content: "";
display: inline-block; display: inline-block;
width: 18px; width: 18px;
height: 20px; height: 20px;
background-image: url('https://itabashi.0j0.jp/favicon.ico'); background-image: url("https://itabashi.0j0.jp/favicon.ico");
vertical-align: middle; vertical-align: middle;
background-size: contain; background-size: contain;
} }
a[title*="itabashi.0j0.jp"]::after { a[title*="itabashi.0j0.jp"]::after {
content: 'っ[板橋丼]'; content: "っ[板橋丼]";
font-size: 80%; font-size: 80%;
font-style: italic; font-style: italic;
} }
@ -1936,16 +1982,16 @@ a[title*="mstdn.jp"]{
color: rgb(177, 90, 90); color: rgb(177, 90, 90);
} }
a[title*="mstdn.jp"]::before { a[title*="mstdn.jp"]::before {
content: ''; content: "";
display: inline-block; display: inline-block;
width: 18px; width: 18px;
height: 20px; height: 20px;
background-image: url('https://mstdn.jp/favicon.ico'); background-image: url("https://mstdn.jp/favicon.ico");
vertical-align: middle; vertical-align: middle;
background-size: contain; background-size: contain;
} }
a[title*="mstdn.jp"]::after { a[title*="mstdn.jp"]::after {
content: 'っ[mstdn.jp]'; content: "っ[mstdn.jp]";
font-size: 80%; font-size: 80%;
font-style: italic; font-style: italic;
} }
@ -1954,16 +2000,16 @@ a[title*="odakyu.app"]{
color: rgb(0, 0, 255); color: rgb(0, 0, 255);
} }
a[title*="odakyu.app"]::before { a[title*="odakyu.app"]::before {
content: ''; content: "";
display: inline-block; display: inline-block;
width: 18px; width: 18px;
height: 20px; height: 20px;
background-image: url('https://odakyu.app/favicon.ico'); background-image: url("https://odakyu.app/favicon.ico");
vertical-align: middle; vertical-align: middle;
background-size: contain; background-size: contain;
} }
a[title*="odakyu.app"]::after { a[title*="odakyu.app"]::after {
content: 'っ[小田急don]'; content: "っ[小田急don]";
font-size: 80%; font-size: 80%;
font-style: italic; font-style: italic;
} }
@ -1972,16 +2018,16 @@ a[title*="kirishima.cloud"]{
color: rgb(138, 112, 0); color: rgb(138, 112, 0);
} }
a[title*="kirishima.cloud"]::before { a[title*="kirishima.cloud"]::before {
content: ''; content: "";
display: inline-block; display: inline-block;
width: 18px; width: 18px;
height: 20px; height: 20px;
background-image: url('https://kirishima.cloud/favicon.ico'); background-image: url("https://kirishima.cloud/favicon.ico");
vertical-align: middle; vertical-align: middle;
background-size: contain; background-size: contain;
} }
a[title*="kirishima.cloud"]::after { a[title*="kirishima.cloud"]::after {
content: 'っ[アスタルテ]'; content: "っ[アスタルテ]";
font-size: 80%; font-size: 80%;
font-style: italic; font-style: italic;
} }
@ -1990,16 +2036,16 @@ a[title*="oransns.com"]{
color: rgb(170, 111, 0); color: rgb(170, 111, 0);
} }
a[title*="oransns.com"]::before { a[title*="oransns.com"]::before {
content: ''; content: "";
display: inline-block; display: inline-block;
width: 18px; width: 18px;
height: 20px; height: 20px;
background-image: url('https://oransns.com/favicon.ico'); background-image: url("https://oransns.com/favicon.ico");
vertical-align: middle; vertical-align: middle;
background-size: contain; background-size: contain;
} }
a[title*="oransns.com"]::after { a[title*="oransns.com"]::after {
content: 'っ[おらんSNS]'; content: "っ[おらんSNS]";
font-size: 80%; font-size: 80%;
font-style: italic; font-style: italic;
} }
@ -2008,16 +2054,16 @@ a[title*="mstdn.mimikun.jp"]{
color: rgb(16, 187, 173); color: rgb(16, 187, 173);
} }
a[title*="mstdn.mimikun.jp"]::before { a[title*="mstdn.mimikun.jp"]::before {
content: ''; content: "";
display: inline-block; display: inline-block;
width: 18px; width: 18px;
height: 20px; height: 20px;
background-image: url('https://mstdn.mimikun.jp/favicon.ico'); background-image: url("https://mstdn.mimikun.jp/favicon.ico");
vertical-align: middle; vertical-align: middle;
background-size: contain; background-size: contain;
} }
a[title*="mstdn.mimikun.jp"]::after { a[title*="mstdn.mimikun.jp"]::after {
content: 'っ[mimikun丼]'; content: "っ[mimikun丼]";
font-size: 80%; font-size: 80%;
font-style: italic; font-style: italic;
} }
@ -2026,21 +2072,30 @@ a[title*="pawoo.net"]{
color: rgb(125, 44, 172); color: rgb(125, 44, 172);
} }
a[title*="pawoo.net"]::before { a[title*="pawoo.net"]::before {
content: ''; content: "";
display: inline-block; display: inline-block;
width: 18px; width: 18px;
height: 20px; height: 20px;
background-image: url('https://pawoo.net/favicon.ico'); background-image: url("https://pawoo.net/favicon.ico");
vertical-align: middle; vertical-align: middle;
background-size: contain; background-size: contain;
} }
a[title*="pawoo.net"]::after { a[title*="pawoo.net"]::after {
content: 'っ[Pawoo]'; content: "っ[Pawoo]";
font-size: 80%; font-size: 80%;
font-style: italic; font-style: italic;
} }
.contact-photo-wrapper a::before,.contact-photo-wrapper a::after{ .wall-item-photo[src*="https://plus.haruk.in/photo/profile/m/68"] {
width: calc($top_photo + 3px);
height: calc($top_photo + 3px);
border: Silver 3px outset;
border-radius: 50px;
filter: drop-shadow(2px 2px 2px rgba(75, 75, 75, 0.635));
}
.contact-photo-wrapper a::before,
.contact-photo-wrapper a::after {
display: none; display: none;
} }
@ -2052,7 +2107,7 @@ a[title*="pawoo.net"]::after{
} }
.shared_container::before { .shared_container::before {
content: '　再共有　'; content: "　再共有　";
font-size: 0.8em; font-size: 0.8em;
position: relative; position: relative;
top: -15px; top: -15px;
@ -2073,7 +2128,6 @@ a[title*="pawoo.net"]::after{
margin-right: 20px; margin-right: 20px;
} }
.region_3-on { .region_3-on {
left: -576px; left: -576px;
width: calc(100% + 288px + 288px); width: calc(100% + 288px + 288px);
} }
@ -2084,7 +2138,6 @@ a[title*="pawoo.net"]::after{
} }
@media screen and (min-width: 993px) { @media screen and (min-width: 993px) {
.region_3-on { .region_3-on {
left: 0px; left: 0px;
width: 100%; width: 100%;
} }