diff --git a/view/theme/plusfuture/css/style.css b/view/theme/plusfuture/css/style.css
index 4d22d3a..57401e3 100644
--- a/view/theme/plusfuture/css/style.css
+++ b/view/theme/plusfuture/css/style.css
@@ -5,99 +5,104 @@
  * Originally by harukin <harukin@haruk.in>
  */
 
-
 /* generals */
 
 html {
-	font-size: $font_size;
+  font-size: $font_size;
 }
 
 body {
-	font-size: 0.9rem;
-	background-color: $bgcolour;
-	background-image: url('$background_image');
-	background-attachment: fixed;
-	background-size: cover;
-	color: $font_colour;
-	margin: 0px;
+  font-size: 0.9rem;
+  background-color: $bgcolour;
+  background-image: url("$background_image");
+  background-attachment: fixed;
+  background-size: cover;
+  color: $font_colour;
+  margin: 0px;
 }
 
 aside {
-	width: $aside_widthpx;
-	min-width: $aside_widthpx;
-	max-width: $aside_widthpx;
+  width: $aside_widthpx;
+  min-width: $aside_widthpx;
+  max-width: $aside_widthpx;
 }
 
 aside #region_1 {
-	border-right: 1px solid transparent;
+  border-right: 1px solid transparent;
 }
 
 aside #left_aside_wrapper,
 aside #right_aside_wrapper {
-	margin-bottom: 10px;
+  margin-bottom: 10px;
 }
 
 main {
-	margin-left: auto;
-	margin-right: auto;
-	/*カスタマイズ*/
-	/*max-width: $main_widthpx;*/
+  margin-left: auto;
+  margin-right: auto;
+  /*カスタマイズ*/
+  /*max-width: $main_widthpx;*/
 }
 
 #overlay {
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 100%;
-	background: rgba(0, 0, 0, .5);
-	cursor: pointer;
-	z-index: 1028;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.5);
+  cursor: pointer;
+  z-index: 1028;
 }
 
-h1, .h1 {
-	font-size: 2rem;
+h1,
+.h1 {
+  font-size: 2rem;
 }
 
-h2, .h2 {
-	font-size: 1.6rem;
+h2,
+.h2 {
+  font-size: 1.6rem;
 }
 
-h3, .h3 {
-	font-size: 1.2rem;
+h3,
+.h3 {
+  font-size: 1.2rem;
 }
 
-h4, .h4 {
-	font-size: 1.05rem;
+h4,
+.h4 {
+  font-size: 1.05rem;
 }
 
-h5, .h5 {
-	font-size: 0.9rem;
+h5,
+.h5 {
+  font-size: 0.9rem;
 }
 
-h6, .h6 {
-	font-size: 0.75rem;
+h6,
+.h6 {
+  font-size: 0.75rem;
 }
 
 #banner {
-	color: $banner_colour;
-	font-weight: bold;
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
+  color: $banner_colour;
+  font-weight: bold;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 #banner img {
-	max-height: 1.35rem;
-	width: auto;
+  max-height: 1.35rem;
+  width: auto;
 }
 
 .jslider {
-	font-family: sans-serif, arial, freesans;
+  font-family: sans-serif, arial, freesans;
 }
 
 abbr {
-	border-bottom: none;
+  border-bottom: none;
 }
 
 /* icons */
@@ -107,7 +112,6 @@ a,
   color: $link_colour;
 }
 
-
 a:hover,
 a:focus,
 .fakelink:hover,
@@ -117,123 +121,128 @@ a:focus,
 
 .fakelink,
 .cursor-pointer {
-	cursor: pointer;
+  cursor: pointer;
 }
 
-input, optgroup, select, textarea {
-	font-size: 0.9rem !important;
+input,
+optgroup,
+select,
+textarea {
+  font-size: 0.9rem !important;
 }
 
-input[type=text], textarea {
-	resize: vertical;
-	background-color: $comment_item_colour;
-	color: $font_colour;
+input[type="text"],
+textarea {
+  resize: vertical;
+  background-color: $comment_item_colour;
+  color: $font_colour;
 }
 
 .selected-doco-nav {
-	font-weight: bold;
-	text-shadow: 2px 2px 3px lightgray;
+  font-weight: bold;
+  text-shadow: 2px 2px 3px lightgray;
 }
 
 #doco-content img {
-	width: 100%;
+  width: 100%;
 }
 
 #help-content pre code {
-	overflow-x: auto;
-	white-space: pre;
+  overflow-x: auto;
+  white-space: pre;
 }
 
 pre code {
-	border: none;
-	padding: 1em 1.5em;
+  border: none;
+  padding: 1em 1.5em;
 }
 
 code {
-	background: #ccc;
-	color: #000;
+  background: #ccc;
+  color: #000;
 }
 
 pre {
-	background: #F5F5F5;
-	color: #333;
-	border:1px solid #ccc;
-	border-radius: $radius;
+  background: #f5f5f5;
+  color: #333;
+  border: 1px solid #ccc;
+  border-radius: $radius;
 }
 
 .heart {
-	color: #FF0000;
+  color: #ff0000;
 }
 
 nav {
-	opacity: $nav_float_min_opacity;
-	filter:alpha(opacity=$nav_percent_min_opacity);
+  opacity: $nav_float_min_opacity;
+  filter: alpha(opacity=$nav_percent_min_opacity);
 }
 
 #powered-by {
-	font-size: 0.5rem;
-	position: absolute;
-	top: 50px;
-	left: 16px;
+  font-size: 0.5rem;
+  position: absolute;
+  top: 50px;
+  left: 16px;
 }
 
 #powered-by img {
-	margin-top: -2px;
-	height: 10px;
-	width: 10px;
+  margin-top: -2px;
+  height: 10px;
+  width: 10px;
 }
 
 .error-message {
-	color: #FF0000;
-	font-size: 1.1em;
-	border: 1px solid #FF8888;
-	background-color: #FFEEEE;
-	padding: 10px;
+  color: #ff0000;
+  font-size: 1.1em;
+  border: 1px solid #ff8888;
+  background-color: #ffeeee;
+  padding: 10px;
 }
 
-.nav-channel-select { margin-left: 8px; }
+.nav-channel-select {
+  margin-left: 8px;
+}
 
 /* contextual help */
 .contextual-help-content {
-	display: none;
-
+  display: none;
 }
 
 .contextual-help-content-open {
-	display: block;
-	position: fixed;
-	top: 3.35rem;
-	left: 0px;
-	width: 100%;
-	max-height: 80vh;
-	background: $comment_item_colour;
-	padding: 1rem;
-	border-bottom: #ccc 1px solid;
-	overflow: auto;
-	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
+  display: block;
+  position: fixed;
+  top: 3.35rem;
+  left: 0px;
+  width: 100%;
+  max-height: 80vh;
+  background: $comment_item_colour;
+  padding: 1rem;
+  border-bottom: #ccc 1px solid;
+  overflow: auto;
+  -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
+  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
 }
 
 .contextual-help-content dd {
-	margin-bottom: 1em;
+  margin-bottom: 1em;
 }
 
 .contextual-help-tool {
-	padding: 7px;
-	filter: alpha(opacity=20);
-	opacity: .5;
+  padding: 7px;
+  filter: alpha(opacity=20);
+  opacity: 0.5;
 }
 
 .contextual-help-tool:hover {
-	filter: alpha(opacity=50);
-	opacity: 1;
-	text-decoration: none;
+  filter: alpha(opacity=50);
+  opacity: 1;
+  text-decoration: none;
 }
 
 .contextual-help-tool i {
-	color: $font_colour;
-	font-size: 1.05rem;
+  color: $font_colour;
+  font-size: 1.05rem;
 }
 
 /* contextual help end */
@@ -241,918 +250,921 @@ nav {
 /* spinner */
 
 .spinner-wrapper {
-	display: none;
+  display: none;
 }
 
 .spinner.s {
-	height: 1rem;
-	width: 1rem;
+  height: 1rem;
+  width: 1rem;
 }
 
 .spinner.m {
-	height: 2rem;
-	width: 2rem;
+  height: 2rem;
+  width: 2rem;
 }
 
 .spinner.l {
-	height: 3rem;
-	width: 3rem;
+  height: 3rem;
+  width: 3rem;
 }
 
 .spinner.s,
 .spinner.m,
 .spinner.l {
-	margin: 0 auto;
-	position: relative;
-	-webkit-animation: rotation 1s infinite linear;
-	-moz-animation: rotation 1s infinite linear;
-	-o-animation: rotation 1s infinite linear;
-	animation: rotation 1s infinite linear;
-	border-left: .2rem solid rgba(77, 77, 77, .15);
-	border-right: .2rem solid rgba(77, 77, 77, .15);
-	border-bottom: .2rem solid rgba(77, 77, 77, .15);
-	border-top: .2rem solid rgba(77, 77, 77, .5);
-	border-radius: 100%;
+  margin: 0 auto;
+  position: relative;
+  -webkit-animation: rotation 1s infinite linear;
+  -moz-animation: rotation 1s infinite linear;
+  -o-animation: rotation 1s infinite linear;
+  animation: rotation 1s infinite linear;
+  border-left: 0.2rem solid rgba(77, 77, 77, 0.15);
+  border-right: 0.2rem solid rgba(77, 77, 77, 0.15);
+  border-bottom: 0.2rem solid rgba(77, 77, 77, 0.15);
+  border-top: 0.2rem solid rgba(77, 77, 77, 0.5);
+  border-radius: 100%;
 }
 
 @-webkit-keyframes rotation {
-	from {
-		-webkit-transform: rotate(0deg);
-	}
-	to {
-		-webkit-transform: rotate(359deg);
-	}
+  from {
+    -webkit-transform: rotate(0deg);
+  }
+  to {
+    -webkit-transform: rotate(359deg);
+  }
 }
 
 @-moz-keyframes rotation {
-	from {
-		-moz-transform: rotate(0deg);
-	}
-	to {
-		-moz-transform: rotate(359deg);
-	}
+  from {
+    -moz-transform: rotate(0deg);
+  }
+  to {
+    -moz-transform: rotate(359deg);
+  }
 }
 
 @-o-keyframes rotation {
-	from {
-		-o-transform: rotate(0deg);
-	}
-	to {
-		-o-transform: rotate(359deg);
-	}
+  from {
+    -o-transform: rotate(0deg);
+  }
+  to {
+    -o-transform: rotate(359deg);
+  }
 }
 
 @keyframes rotation {
-	from {
-		transform: rotate(0deg);
-	}
-	to {
-		transform: rotate(359deg);
-	}
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
 }
 
 /* spinner end */
 
 /* jumping dots */
 .jumping-dots span {
-	position: relative;
-	bottom: 0px;
-	transition-timing-function: ease-in-out;
-	-webkit-animation: jump 1s infinite;
-	animation: jump 1s infinite;
+  position: relative;
+  bottom: 0px;
+  transition-timing-function: ease-in-out;
+  -webkit-animation: jump 1s infinite;
+  animation: jump 1s infinite;
 }
 
 .jumping-dots .dot-1 {
-	-webkit-animation-delay: 200ms;
-	animation-delay: 200ms;
+  -webkit-animation-delay: 200ms;
+  animation-delay: 200ms;
 }
 
 .jumping-dots .dot-2 {
-	-webkit-animation-delay: 400ms;
-	animation-delay: 400ms;
+  -webkit-animation-delay: 400ms;
+  animation-delay: 400ms;
 }
 
 .jumping-dots .dot-3 {
-	-webkit-animation-delay: 600ms;
-	animation-delay: 600ms;
+  -webkit-animation-delay: 600ms;
+  animation-delay: 600ms;
 }
 
 @-webkit-keyframes jump {
-	0% {
-		bottom: 0px;
-	}
-	20% {
-		bottom: 3px;
-	}
-	40% {
-		bottom: 0px;
-	}
+  0% {
+    bottom: 0px;
+  }
+  20% {
+    bottom: 3px;
+  }
+  40% {
+    bottom: 0px;
+  }
 }
 
 @keyframes jump {
-	0%   {bottom: 0px;}
-	20%  {bottom: 3px;}
-	40%  {bottom: 0px;}
+  0% {
+    bottom: 0px;
+  }
+  20% {
+    bottom: 3px;
+  }
+  40% {
+    bottom: 0px;
+  }
 }
 /* jumping dots end */
 
 /* footer */
 
 footer {
-	position:fixed;
-	bottom:1px;
-	text-align: right;
-	padding-bottom: 1em;
-	padding-right: 3em; 
+  position: fixed;
+  bottom: 1px;
+  text-align: right;
+  padding-bottom: 1em;
+  padding-right: 3em;
 }
 
 .birthday-today,
 .event-today {
-	font-weight: bold;
+  font-weight: bold;
 }
 
 .warning-text {
-	font-size: 1.2em;
-	font-weight: bold;
-	color: #ff0000;
+  font-size: 1.2em;
+  font-weight: bold;
+  color: #ff0000;
 }
 
 #noperm-msg {
-	margin-top: 15px;
+  margin-top: 15px;
 }
 
 .preview-indicator {
 }
 
 #theme-preview {
-	margin: 15px 0px;
+  margin: 15px 0px;
 }
 
 #cropimage-wrapper,
 #cropimage-preview-wrapper {
-	margin-bottom: 10px;
+  margin-bottom: 10px;
 }
 
 .fn {
-	font-weight: bold;
-	font-size: 1rem;
-	color: #444444;
+  font-weight: bold;
+  font-size: 1rem;
+  color: #444444;
 }
 
 .vcard {
-	margin-bottom: 10px;
-	padding: 0px 10px 10px 10px;
-	background-color: rgba(254,254,254,0.5);
-	border: 1px solid rgba(254,254,254,0.5);
-	border-radius: $radius;
-	word-wrap: break-word;
+  margin-bottom: 10px;
+  padding: 0px 10px 10px 10px;
+  background-color: rgba(254, 254, 254, 0.5);
+  border: 1px solid rgba(254, 254, 254, 0.5);
+  border-radius: $radius;
+  word-wrap: break-word;
 }
 
 .vcard dl,
 .vcard .title {
-	margin-top: 10px;
-	margin-bottom: 0px;
+  margin-top: 10px;
+  margin-bottom: 0px;
 }
 
 .connect-btn-wrapper {
-	margin-bottom: 10px;
-
+  margin-bottom: 10px;
 }
 
 .profile-edit-side-link {
-	padding: 3px 0px;
-	opacity: 0;
-	filter:alpha(opacity=30);
-	float: right;
+  padding: 3px 0px;
+  opacity: 0;
+  filter: alpha(opacity=30);
+  float: right;
 }
 
 .vcard:hover .profile-edit-side-link {
-	opacity: 1;
-	filter:alpha(opacity=100);
+  opacity: 1;
+  filter: alpha(opacity=100);
 }
 
 #profile-photo-wrapper img {
-	width: 100%;
-	height: 100%;
-	max-width: 300px;
-	max-height: 300px;
+  width: 100%;
+  height: 100%;
+  max-width: 300px;
+  max-height: 300px;
 }
 
 #profile-photo-wrapper {
-	width: 251px;
-	height: 251px;
-	margin-bottom: 10px;
-	border-radius: $radius;
+  width: 251px;
+  height: 251px;
+  margin-bottom: 10px;
+  border-radius: $radius;
 }
 
 #hide-friends-yes-label,
 #hide-friends-no-label {
-	margin-left: 125px;
-	float: left;
-	width: 50px;
+  margin-left: 125px;
+  float: left;
+  width: 50px;
 }
 
-#fsuggest-desc, #fsuggest-submit-wrapper {
-	margin-top: 15px;
-	margin-bottom: 15px;
+#fsuggest-desc,
+#fsuggest-submit-wrapper {
+  margin-top: 15px;
+  margin-bottom: 15px;
 }
 
 .app-name {
-	overflow: none;
+  overflow: none;
 }
 
 .app-container img {
-	margin-left: auto;
-	margin-right: auto;
-	width: 80px;
-	height: 80px;
-	display: block;
+  margin-left: auto;
+  margin-right: auto;
+  width: 80px;
+  height: 80px;
+  display: block;
 }
 
 .pager {
   padding: 10px;
   text-align: center;
-  font-size: 1.0em;
+  font-size: 1em;
 }
 
-
 .pager_first,
 .pager_last,
 .pager_prev,
 .pager_next,
 .pager-prev,
 .pager-next,
-.pager_n { 
-	border: 1px solid #ccc;
-	background: transparent;
-	padding: 4px;
+.pager_n {
+  border: 1px solid #ccc;
+  background: transparent;
+  padding: 4px;
 }
 
 .pager_current {
-	border: 1px solid transparent;
-	background: transparent;
-	padding: 4px;
+  border: 1px solid transparent;
+  background: transparent;
+  padding: 4px;
 }
 
 .photo,
 .contact-block-img {
-	border-radius: $radius;
-	box-shadow: $shadowpx $shadowpx $shadowpx 0 #444444;
+  border-radius: $radius;
+  box-shadow: $shadowpx $shadowpx $shadowpx 0 #444444;
 }
 
 #side-bar-photos-albums {
-	margin-top: 15px;
+  margin-top: 15px;
 }
 
 #side-bar-photos-albums ul {
-	list-style: none;
+  list-style: none;
 }
 
 .profile-match-photo img,
 .directory-photo-img {
-	border-radius: $radius;
-	box-shadow: $shadowpx $shadowpx $shadowpx 0 #444444;
+  border-radius: $radius;
+  box-shadow: $shadowpx $shadowpx $shadowpx 0 #444444;
 }
 
 .profile-match-photo img {
-	width: $top_photo !important;
-	height: $top_photo !important;
+  width: $top_photo !important;
+  height: $top_photo !important;
 }
 
 #photo-view-wrapper {
-	background-color: $item_colour;
+  background-color: $item_colour;
 }
 
 .pmenu.horizontal {
-	padding: 0 0 0 0;
-	border-bottom: none;
+  padding: 0 0 0 0;
+  border-bottom: none;
 }
 
 .pmenu.horizontal .pmenu-title {
-	display: none;
+  display: none;
 }
 .pmenu.horizontal ul {
-	-moz-padding-start: 0;
+  -moz-padding-start: 0;
 }
 
 .pmenu.horizontal li {
-	margin-left: 0;
-	display: inline;
-	padding-right: 15px;
+  margin-left: 0;
+  display: inline;
+  padding-right: 15px;
 }
 
 .group-delete-wrapper {
-	float: right;
+  float: right;
 }
 
 #pause {
-	position: fixed;
-	bottom: 5px;
-	right: 5px;
+  position: fixed;
+  bottom: 5px;
+  right: 5px;
 }
 
 #contact-block {
-	width: 100%;
+  width: 100%;
 }
 
 #contact-block-numcontacts {
-	font-weight: bold;
-	margin-bottom:10px;
+  font-weight: bold;
+  margin-bottom: 10px;
 }
 
 .contact-block-div {
-	display: inline;
+  display: inline;
 }
 
 .contact-block-textdiv {
-	width: 150px;
-	height: 34px;
+  width: 150px;
+  height: 34px;
 }
 
 .contact-block-img {
-	width:47px;
-	height:47px;
-	margin-bottom: 3px;
+  width: 47px;
+  height: 47px;
+  margin-bottom: 3px;
 }
 
 #tag-remove {
-	margin-bottom: 15px;
+  margin-bottom: 15px;
 }
 
 #tagrm li {
-	margin-bottom: 10px;
+  margin-bottom: 10px;
 }
 
-#tagrm-submit, #tagrm-cancel {
-	margin-top: 25px;
+#tagrm-submit,
+#tagrm-cancel {
+  margin-top: 25px;
 }
 
 #tagrm-cancel {
-	margin-left: 15px;
+  margin-left: 15px;
 }
 
 .wall-item-conv {
-	background-color: $comment_item_colour;
+  background-color: $comment_item_colour;
 }
 
 #nav-notifications-template,
 #nav-notifications-forums-template {
-	display: none;
+  display: none;
 }
 
 #nav-search-spinner {
-	float: right;
-	margin-top: -1.4rem;
-	margin-right: 1rem;
+  float: right;
+  margin-top: -1.4rem;
+  margin-right: 1rem;
 }
 
-
 #nav-search-text {
-	width: 280px;
-	padding: .15rem .5rem;
+  width: 280px;
+  padding: 0.15rem 0.5rem;
 }
 
 nav .acpopup {
-	top: 46px !important;
-	margin-left: -35px;
-	width: 290px;
+  top: 46px !important;
+  margin-left: -35px;
+  width: 290px;
 }
 
 .clear {
-	clear: both;
+  clear: both;
 }
 
 .descriptive-text {
-	color: #888;
+  color: #888;
 }
 
-#plugin-settings-link, #account-settings-link {
-	margin-bottom: 10px;
+#plugin-settings-link,
+#account-settings-link {
+  margin-bottom: 10px;
 }
 
 #uexport-link {
-	margin-bottom: 20px;
+  margin-bottom: 20px;
 }
 
 #network-new-link {
-	margin-top: 15px;
-	margin-bottom: 15px;
+  margin-top: 15px;
+  margin-bottom: 15px;
 }
 
 #cboxOverlay {
-	z-index: 1050;
+  z-index: 1050;
 }
 
 #colorbox {
-	z-index: 1051;
+  z-index: 1051;
 }
 
 #cboxContent {
-	padding: 3px;
-	border: 0px solid #fff;
-	border-radius: $radius;
-	background-color: #fff;
-	z-index: 1052;
+  padding: 3px;
+  border: 0px solid #fff;
+  border-radius: $radius;
+  background-color: #fff;
+  z-index: 1052;
 }
 
 .app-title {
-	margin: 10px;
+  margin: 10px;
 }
 
 .profile-match-photo {
-	float: left;
+  float: left;
 }
 
 .profile-match-name {
-	width: 120px;
-	height: 1.5em;
-	overflow: hidden !important;
+  width: 120px;
+  height: 1.5em;
+  overflow: hidden !important;
 }
 
 .profile-match-note {
-	text-align: center;
+  text-align: center;
 }
 
 .profile-match-connect {
-	text-align: center;
-	font-weight: bold;
+  text-align: center;
+  font-weight: bold;
 }
 
 .profile-match-wrapper {
-    float: left;
-    width: 120px;
-    height: 150px;
-    padding: 10px;
-    margin: 8px 10px 0 0;
-    border-top: 1px solid #eee;
-    border-left: 2px solid #eee;
+  float: left;
+  width: 120px;
+  height: 150px;
+  padding: 10px;
+  margin: 8px 10px 0 0;
+  border-top: 1px solid #eee;
+  border-left: 2px solid #eee;
 }
 .profile-match-ignore {
-	float: right;
+  float: right;
 }
 
 .side-link {
-	margin-bottom: 15px;
+  margin-bottom: 15px;
 }
 
 #prof-members {
-	margin-top: 20px;
-	padding: 10px;
-	height: 250px;
-	overflow: auto;
-	border: 1px solid #ddd;
+  margin-top: 20px;
+  padding: 10px;
+  height: 250px;
+  overflow: auto;
+  border: 1px solid #ddd;
 }
 
 #prof-separator {
-	margin-top: 10px;
-	margin-bottom: 10px;
+  margin-top: 10px;
+  margin-bottom: 10px;
 }
 
 #prof-all-contacts {
-	padding: 10px;
-	height: 450px;
-	overflow: auto;
-	border: 1px solid #ddd;
+  padding: 10px;
+  height: 450px;
+  overflow: auto;
+  border: 1px solid #ddd;
 }
 
 #prof-edit-desc {
-	margin-top: 15px;
+  margin-top: 15px;
 }
 
 .required {
-	color: #ff0000;
+  color: #ff0000;
 }
 
 .notif-image {
-	height: 80px;
-	width: 80px;
-	margin-right: 15px;
+  height: 80px;
+  width: 80px;
+  margin-right: 15px;
 }
 
 /**
  * OAuth
  */
 .oauthapp {
-	height: auto; overflow: auto;
-	border-bottom: 2px solid #cccccc;
-	padding-bottom: 1em;
-	margin-bottom: 1em;	
+  height: auto;
+  overflow: auto;
+  border-bottom: 2px solid #cccccc;
+  padding-bottom: 1em;
+  margin-bottom: 1em;
 }
 .oauthapp img {
-	float: left;
-	width: 48px; height: 48px;
-	margin: 10px;
+  float: left;
+  width: 48px;
+  height: 48px;
+  margin: 10px;
 }
 .oauthapp .icon {
-	margin-right: 20px;
+  margin-right: 20px;
 }
 
 .oauthapp img.noicon {
-	background-image: url("../../../../images/icons/48/plugin.png");
-	background-position: center center;
-	background-repeat: no-repeat;
+  background-image: url("../../../../images/icons/48/plugin.png");
+  background-position: center center;
+  background-repeat: no-repeat;
 }
 .oauthapp a {
-	float: left;
+  float: left;
 }
 
-
 .body-attach {
-	margin-top: 10px;
+  margin-top: 10px;
 }
 
 .acpopup li div.taggable {
-	color:#cc0000;
+  color: #cc0000;
 }
 
 /* popup notifications */
 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;
   padding-left: 58px;
 }
 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;
   padding-left: 58px;
 }
 #jGrowl.top-right {
-	top: 4.5rem;
-	right: 15px;
+  top: 4.5rem;
+  right: 15px;
 }
 
 div.jGrowl div.jGrowl-notification {
-    min-height: 60px;
+  min-height: 60px;
 }
 
 .jslider .jslider-scale ins {
-	color: #333;
-	font-size: 0.9rem;
-	width: 100px;
-	text-align: center;
+  color: #333;
+  font-size: 0.9rem;
+  width: 100px;
+  text-align: center;
 }
 
 .conv-participants {
-	color: $font_colour;
+  color: $font_colour;
 }
 
 .contactname {
-	font-weight: bold;
-	color: $font_colour;
-	display: block;
-	overflow: hidden;
-	text-overflow: ellipsis;
+  font-weight: bold;
+  color: $font_colour;
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .dropdown-notification,
 .notification,
 .member-item {
-	line-height: 1.2em;
-	font-size: 0.75rem;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	display: block;
-	white-space: nowrap;
+  line-height: 1.2em;
+  font-size: 0.75rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+  white-space: nowrap;
 }
 
 .notification.notification-forum {
-	font-size: 0.9rem;
-	color: $font_colour;
+  font-size: 0.9rem;
+  color: $font_colour;
 }
 
 #acl-search::-webkit-input-placeholder {
-	/* non-fontawesome fonts set a fallback for text parts of the placeholder*/
-	font-family: ForkAwesome, sans-serif, arial, freesans;
+  /* non-fontawesome fonts set a fallback for text parts of the placeholder*/
+  font-family: ForkAwesome, sans-serif, arial, freesans;
 }
 
 #acl-search::-moz-placeholder {
-	/* non-fontawesome fonts set a fallback for text parts of the placeholder*/
-	font-family: ForkAwesome, sans-serif, arial, freesans;
+  /* non-fontawesome fonts set a fallback for text parts of the placeholder*/
+  font-family: ForkAwesome, sans-serif, arial, freesans;
 }
 
 .acl-item-header {
-	width: 100%;
+  width: 100%;
 }
 
 .acl-list-item.grouphide {
-	border: 1px solid red;
-	z-index: 2;
+  border: 1px solid red;
+  z-index: 2;
 }
 
 .acl-list-item.groupshow {
-	border: 1px solid green;
-	z-index: 2;
+  border: 1px solid green;
+  z-index: 2;
 }
 
 .acl-list-item.taggable {
-	background-color: #ddddff;
+  background-color: #ddddff;
 }
 
 .acl-button-show,
 .acl-button-hide {
-	float: right;
-	margin-left: 5px;
+  float: right;
+  margin-left: 5px;
 }
 
 .contact-block-content {
-	margin-top: 10px;
+  margin-top: 10px;
 }
-.contact-block-img.archived, .app-deleted, .dim {
-	opacity: 0.3;
-	filter:alpha(opacity=30);
+.contact-block-img.archived,
+.app-deleted,
+.dim {
+  opacity: 0.3;
+  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 {
-	border-radius: $radius;
-	margin-right: 10px;
+  border-radius: $radius;
+  margin-right: 10px;
 }
 
 .tag1 {
-    font-size : 0.9em !important;
-  }
+  font-size: 0.9em !important;
+}
 .tag2 {
-    font-size : 1.0em !important;
-  }
-
+  font-size: 1em !important;
+}
 
 .tag3 {
-    font-size : 1.1em !important;
-  }
-
+  font-size: 1.1em !important;
+}
 
 .tag4 {
-    font-size : 1.2em !important;
-  }
-
+  font-size: 1.2em !important;
+}
 
 .tag5 {
-    font-size : 1.3em !important;
-  }
-
+  font-size: 1.3em !important;
+}
 
 .tag6 {
-    font-size : 1.4em !important;
-  }
-
+  font-size: 1.4em !important;
+}
 
 .tag7 {
-    font-size : 1.5em !important;
-  }
-
+  font-size: 1.5em !important;
+}
 
 .tag8 {
-    font-size : 1.6em !important;
-  }
-
+  font-size: 1.6em !important;
+}
 
 .tag9 {
-    font-size : 1.7em !important;
-  }
-
+  font-size: 1.7em !important;
+}
 
 .tag10 {
-    font-size : 1.8em !important;
-  }
+  font-size: 1.8em !important;
+}
 
 div#write-pages {
-display: block;
-background: silver;
-width: 100%;
+  display: block;
+  background: silver;
+  width: 100%;
 }
 
 div#write-pages a {
-color: #000;
-margin-right: 50px;
+  color: #000;
+  margin-right: 50px;
 }
 
 .pmenu ul {
-	list-style-type: none;
+  list-style-type: none;
 }
 
 .generic-icons,
 a .generic-icons {
-	font-size: 1rem;
-	margin-right: 0.5rem;
-	color: $font_colour;
+  font-size: 1rem;
+  margin-right: 0.5rem;
+  color: $font_colour;
 }
 
 .generic-icons:hover,
 a .generic-icons:hover {
-	color: $font_colour;
+  color: $font_colour;
 }
 
 .generic-icons-right {
-	font-size: 1rem;
-	margin-left: 0.5rem;
-	color: $font_colour;
+  font-size: 1rem;
+  margin-left: 0.5rem;
+  color: $font_colour;
 }
 
-
 .generic-icons-nav {
-	font-size: 1rem;
-	margin-right: 7px;
+  font-size: 1rem;
+  margin-right: 7px;
 }
 
 .admin-icons {
-	font-size: 1.2em;
-	margin-right: 7px;
+  font-size: 1.2em;
+  margin-right: 7px;
 }
 
 .drop-icons,
 a .drop-icons {
-	font-size: 1rem;
-	color: $font_colour;
-	text-decoration: none;
-	cursor: pointer;
+  font-size: 1rem;
+  color: $font_colour;
+  text-decoration: none;
+  cursor: pointer;
 }
 
 .drop-icons:hover,
 a .drop-icons:hover {
-	color: #FF0000;
+  color: #ff0000;
 }
 
 .lockview,
 .sys-apps-toggle {
-	cursor: pointer;
+  cursor: pointer;
 }
 
 .permission-inherited {
-	float: left;
-	margin-right: 10px;
-	color: #FF0000;
+  float: left;
+  margin-right: 10px;
+  color: #ff0000;
 }
 
 .perm-inherited {
-	color: #FF0000;
+  color: #ff0000;
 }
 
-
 #menulist {
-	list-style-type: none;
+  list-style-type: none;
 }
 
 #adminpage table tr:hover {
-	background-color: #BBC7D7;
+  background-color: #bbc7d7;
 }
 
 table {
-	border-spacing: 2px;
-	max-width: 100%;
+  border-spacing: 2px;
+  max-width: 100%;
 }
 
-th,td {
-	padding: 3px;
+th,
+td {
+  padding: 3px;
 }
 
-#channels > tbody > tr > td, #users > tbody > tr > td {
-	max-width: 19.4em;
-	overflow: hidden;
+#channels > tbody > tr > td,
+#users > tbody > tr > td {
+  max-width: 19.4em;
+  overflow: hidden;
 }
-	
+
 /* mail */
 
 img.mail-conv-sender-photo {
-	border-radius: $radius;
+  border-radius: $radius;
 }
 
 /* jot */
 
 .jothidden {
-	font-weight: bold;
+  font-weight: bold;
 }
 
 .jothidden input::-webkit-input-placeholder {
-	font-weight: bold;
+  font-weight: bold;
 }
 
 .jothidden input::-moz-placeholder {
-	font-weight: bold;
+  font-weight: bold;
 }
 
 #profile-jot-wrapper {
-	background-color: rgb(255, 255, 255);
-	border: 1px solid rgba(0, 0, 0, .2);
-	border-radius: $radius;
-
+  background-color: rgb(255, 255, 255);
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: $radius;
 }
 
 #jot-title,
 #jot-pagetitle,
 #profile-jot-text {
-	border-radius: $radius;
+  border-radius: $radius;
 }
 
 #profile-jot-text::-webkit-input-placeholder {
-	font-size: 1.2rem;
+  font-size: 1.2rem;
 }
 
 #profile-jot-text::-moz-placeholder {
-	font-size: 1.2rem;
+  font-size: 1.2rem;
 }
 
 #profile-jot-text:focus::-webkit-input-placeholder {
-	color: transparent;
+  color: transparent;
 }
 
 #profile-jot-text:focus::-moz-placeholder {
-	color: transparent;
+  color: transparent;
 }
 
 #profile-jot-text-loading {
-	color: #777;
-	display: none;
+  color: #777;
+  display: none;
 }
 
 .jot-icons.jot-lock-warn {
-	color: darkorange;
+  color: darkorange;
 }
 
-
 /* conversation */
 
 .top-radius {
-	border-top-right-radius: $radius;
-	border-top-left-radius: $radius;
+  border-top-right-radius: $radius;
+  border-top-left-radius: $radius;
 }
 
 .wall-event-item {
-	padding: 10px;
-	color: #fff;
-	background-color: #3A87AD; /* should reflect calendar color */
-	border-top-left-radius: $radius;
-	border-top-right-radius: $radius;
+  padding: 10px;
+  color: #fff;
+  background-color: #3a87ad; /* should reflect calendar color */
+  border-top-left-radius: $radius;
+  border-top-right-radius: $radius;
 }
 
 .wall-photo-item img {
-	max-width: 100% !important;
-	border-top-right-radius: $radius;
-	border-top-left-radius: $radius;
+  max-width: 100% !important;
+  border-top-right-radius: $radius;
+  border-top-left-radius: $radius;
 }
 
 .wall-item-footer {
-	font-size: 0.75rem;
-	margin-top: 2em;
+  font-size: 0.75rem;
+  margin-top: 2em;
 }
 
 .wall-item-content-wrapper {
-	background-color: $item_colour;
-	border-top-right-radius: $radius;
-	border-top-left-radius: $radius;
+  background-color: $item_colour;
+  border-top-right-radius: $radius;
+  border-top-left-radius: $radius;
 }
 
 .wall-item-content-wrapper.comment {
-	background-color: $comment_item_colour;
-	border-top-right-radius: 0px;
-	border-top-left-radius: 0px;
+  background-color: $comment_item_colour;
+  border-top-right-radius: 0px;
+  border-top-left-radius: 0px;
 }
 .hide-comments-outer {
-	background-color: $comment_item_colour;
-	border-top-color: #ccc;
-	border-style: solid;
-	border-top-style: dashed;
-	border-width: 1px 0px 0px 0px;
-	text-align: center;
-	border-radius: 0px;
+  background-color: $comment_item_colour;
+  border-top-color: #ccc;
+  border-style: solid;
+  border-top-style: dashed;
+  border-width: 1px 0px 0px 0px;
+  text-align: center;
+  border-radius: 0px;
 }
 
 .hide-comments-outer:hover {
-	border-top: 1px dashed #adadad;
+  border-top: 1px dashed #adadad;
 }
 
 .wall-item-comment-wrapper {
-	padding: 7px 10px;
-	background-color: $comment_item_colour;
-	border-radius: 0px;
-	border-bottom-right-radius: $radius;
-	border-bottom-left-radius: $radius;
-	border-top: 3px solid $comment_item_colour;
+  padding: 7px 10px;
+  background-color: $comment_item_colour;
+  border-radius: 0px;
+  border-bottom-right-radius: $radius;
+  border-bottom-left-radius: $radius;
+  border-top: 3px solid $comment_item_colour;
 }
 
 .wall-item-comment-wrapper-wc {
-	border-top: 0px solid $comment_item_colour;
+  border-top: 0px solid $comment_item_colour;
 }
 
-
 .wall-item-photo {
-	width: $top_photo;
-	height: $top_photo;
-	border: none;
-	border-radius: 50px;
-	filter: drop-shadow(2px 2px 2px rgba(75, 75, 75, 0.635));
+  width: $top_photo;
+  height: $top_photo;
+  border: none;
+  border-radius: 50px;
+  filter: drop-shadow(2px 2px 2px rgba(75, 75, 75, 0.635));
 }
 
 .comment .wall-item-photo {
-	width: $reply_photo;
-	height: $reply_photo;
+  width: $reply_photo;
+  height: $reply_photo;
 }
 
 .wall-item-ago,
 .dropdown-sub-text {
-	color: #777;
+  color: #777;
 }
 
 .wall-item-content,
@@ -1160,190 +1172,190 @@ img.mail-conv-sender-photo {
 .page-body,
 .chat-item-text,
 .chat-item-text-self {
-	font-size: 1rem;
+  font-size: 1rem;
 }
 
-
 .comment-edit-text {
-	border: 1px solid #f6f6f6;
-	border-radius: $radius;
-	/*カスタマイズ*/
-	transition: all 300ms 0s;
+  border: 1px solid #f6f6f6;
+  border-radius: $radius;
+  /*カスタマイズ*/
+  transition: all 300ms 0s;
 }
 
 .divgrow-showmore {
-	display: block;
-	border-top: 1px dashed #ccc;
-	text-align: center;
+  display: block;
+  border-top: 1px dashed #ccc;
+  text-align: center;
 }
 
 .divgrow-showmore:hover {
-	border-top: 1px dashed #adadad;
+  border-top: 1px dashed #adadad;
 }
 
 .directory-item .divgrow-showmore {
-	background-color: $comment_item_colour;
+  background-color: $comment_item_colour;
 }
 
 /* widgets */
 
 .widget {
-	background-color: rgba(254,254,254);
-	border-radius: $radius;
-	filter: drop-shadow(0px 0px 2px rgba(75, 75, 75, 0.678));
+  background-color: rgba(254, 254, 254);
+  border-radius: $radius;
+  filter: drop-shadow(0px 0px 2px rgba(75, 75, 75, 0.678));
 }
 
 #note-text {
-	border-radius: $radius;
+  border-radius: $radius;
 }
 
 .fileas-ul {
-	list-style-type: none;
+  list-style-type: none;
 }
 
 #datebrowse-sidebar select {
-	border: 1px solid #ccc;
-	border-radius: $radius;
+  border: 1px solid #ccc;
+  border-radius: $radius;
 }
 
 .thing-show img {
-	margin: 10px;
+  margin: 10px;
 }
 
 .abook-self {
-	background-color: #ffdddd;
+  background-color: #ffdddd;
 }
 
-.abook-pending-contact, .abook-permschange {
-	background: orange;
+.abook-pending-contact,
+.abook-permschange {
+  background: orange;
 }
 
 .online-now {
-	color: red;
-	cursor: pointer;
+  color: red;
+  cursor: pointer;
 }
 
 .chat-item-photo,
 .chat-item-photo-self {
-	border-radius: $radius;
+  border-radius: $radius;
 }
 
 .chat-item-title,
 .chat-item-title-self {
-	border-radius: $radius;
-	background-color: $item_colour;
+  border-radius: $radius;
+  background-color: $item_colour;
 }
 
 #chatMembers img {
-	border-radius: $radius;
+  border-radius: $radius;
 }
 
 .menu-img-3 {
-	width: 3.3em;
-	height: 3.3em;
-	margin-right: 5px;
-	border-radius: $radius;
-	float: left;
+  width: 3.3em;
+  height: 3.3em;
+  margin-right: 5px;
+  border-radius: $radius;
+  float: left;
 }
 
 .menu-img-2 {
-	height: 2.2em;
-	width: 2.2em;
-	margin-right: 5px;
-	border-radius: $radius;
-	float: left;
+  height: 2.2em;
+  width: 2.2em;
+  margin-right: 5px;
+  border-radius: $radius;
+  float: left;
 }
 
 .menu-img-1 {
-	height: 1.28571429em;
-	width: 1.28571429em;
-	border-radius: $radius;
+  height: 1.28571429em;
+  width: 1.28571429em;
+  border-radius: $radius;
 }
 
 .usermenu {
-	width: 3.75rem;
+  width: 3.75rem;
 }
 
 #avatar {
-	width: 2.35rem;
-	height: 2.35rem;
-	/*カスタマイズ*/
-	border-radius: 50%;
-	filter: drop-shadow(2px 2px 3px rgba(75, 75, 75, 0.378));
+  width: 2.35rem;
+  height: 2.35rem;
+  /*カスタマイズ*/
+  border-radius: 50%;
+  filter: drop-shadow(2px 2px 3px rgba(75, 75, 75, 0.378));
 }
 
 #nav-app-link {
-	padding: 0 !important;
-	line-height: 1.175;
-	white-space: nowrap;
+  padding: 0 !important;
+  line-height: 1.175;
+  white-space: nowrap;
 }
 
 .page-title {
-	margin: 7px 0px;
+  margin: 7px 0px;
 }
 
 .generic-content-wrapper-styled {
-	background-color: $bgcolour;
-	padding: 10px;
-	border-radius: $radius;
+  background-color: $bgcolour;
+  padding: 10px;
+  border-radius: $radius;
 }
 
 .generic-content-wrapper {
-	border-radius: $radius;
-	margin-bottom: 1.5rem;
+  border-radius: $radius;
+  margin-bottom: 1.5rem;
 }
 
 .section-title-wrapper {
-	padding: 7px 10px;
-	border-top-left-radius: $radius;
-	border-top-right-radius: $radius;
+  padding: 7px 10px;
+  border-top-left-radius: $radius;
+  border-top-right-radius: $radius;
 }
 
 .section-title-wrapper h2,
 .section-subtitle-wrapper h3 {
-	margin-top: 0px;
-	margin-bottom: 0px;
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
+  margin-top: 0px;
+  margin-bottom: 0px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .section-subtitle-wrapper h3 {
-	padding: 3px;
+  padding: 3px;
 }
 
 .section-subtitle-wrapper {
-	padding: 4px 10px;
-	background-color: $item_colour;
-	border-bottom: 3px solid $comment_item_colour;
+  padding: 4px 10px;
+  background-color: $item_colour;
+  border-bottom: 3px solid $comment_item_colour;
 }
 
 .section-content-tools-wrapper {
-	padding: 7px 10px;
+  padding: 7px 10px;
 }
 
 .section-content-info-wrapper {
-	padding: 21px 10px;
-	color: #0c5460;
-	background-color: #d1ecf1;
-	border-bottom: 3px solid $comment_item_colour;
-	text-align: center;
+  padding: 21px 10px;
+  color: #0c5460;
+  background-color: #d1ecf1;
+  border-bottom: 3px solid $comment_item_colour;
+  text-align: center;
 }
 
 .section-content-warning-wrapper {
-	padding: 21px 10px;
-	color: #856404;
-	background-color: #fff3cd;
-	border-bottom: 3px solid $comment_item_colour;
-	text-align: center;
+  padding: 21px 10px;
+  color: #856404;
+  background-color: #fff3cd;
+  border-bottom: 3px solid $comment_item_colour;
+  text-align: center;
 }
 
 .section-content-danger-wrapper {
-	padding: 21px 10px;
-	color: #721c24;
-	background-color: #f8d7da;
-	border-bottom: 3px solid $comment_item_colour;
-	text-align: center;
+  padding: 21px 10px;
+  color: #721c24;
+  background-color: #f8d7da;
+  border-bottom: 3px solid $comment_item_colour;
+  text-align: center;
 }
 
 .section-content-tools-wrapper .section-content-info-wrapper,
@@ -1352,57 +1364,56 @@ img.mail-conv-sender-photo {
 .section-content-wrapper .section-content-warning-wrapper,
 .section-content-tools-wrapper .section-content-danger-wrapper,
 .section-content-wrapper .section-content-danger-wrapper {
-	margin-bottom: 10px;
-	border-bottom: none;
-	border-radius: $radius;
+  margin-bottom: 10px;
+  border-bottom: none;
+  border-radius: $radius;
 }
 
-
 .section-content-wrapper {
-	padding: 7px 10px;
-	background-color: $comment_item_colour;
-	border-bottom-left-radius: $radius;
-	border-bottom-right-radius: $radius;
-	word-wrap: break-word;
+  padding: 7px 10px;
+  background-color: $comment_item_colour;
+  border-bottom-left-radius: $radius;
+  border-bottom-right-radius: $radius;
+  word-wrap: break-word;
 }
 
 .section-content-wrapper-np {
-	background-color: $comment_item_colour;
-	border-bottom-left-radius: $radius;
-	border-bottom-right-radius: $radius;
-	word-wrap: break-word;
+  background-color: $comment_item_colour;
+  border-bottom-left-radius: $radius;
+  border-bottom-right-radius: $radius;
+  word-wrap: break-word;
 }
 
 main.fullscreen {
-	left: 0px;
-	width: 100%;
-	height: 100vh;
-	max-width: none;
+  left: 0px;
+  width: 100%;
+  height: 100vh;
+  max-width: none;
 }
 
 main.fullscreen .generic-content-wrapper {
-	position: absolute;
-	width: 100%;
-	top: 0px;
-	left: 0px;
-	border-radius: 0px;
-	border-width: 0px;
+  position: absolute;
+  width: 100%;
+  top: 0px;
+  left: 0px;
+  border-radius: 0px;
+  border-width: 0px;
 }
 
 main.fullscreen .section-title-wrapper {
-	border-radius: 0px;
-	position: sticky;
-	top: 0;
-	z-index: 1020;
+  border-radius: 0px;
+  position: sticky;
+  top: 0;
+  z-index: 1020;
 }
 
 main.fullscreen .section-content-wrapper,
 main.fullscreen .section-content-wrapper-np {
-	border-radius: 0px;
+  border-radius: 0px;
 }
 
 #inline-btn {
-	display: none;
+  display: none;
 }
 
 .atoken-index-row:hover td,
@@ -1412,7 +1423,7 @@ main.fullscreen .section-content-wrapper-np {
 .locs-index-row:hover td,
 [id^="cloud-index-"]:hover td,
 .cloud-index-active {
-	background-color: $item_colour;
+  background-color: $item_colour;
 }
 
 [id^="webpage-list-item-"]:hover td,
@@ -1420,15 +1431,15 @@ main.fullscreen .section-content-wrapper-np {
 [id^="layout-list-item-"]:hover td,
 [id^="menu-list-item-"]:hover td,
 [id^="mitem-list-item-"]:hover td {
-	background-color: $item_colour;
+  background-color: $item_colour;
 }
 
 #perms-tool-table .highlight:hover {
-	background-color: $item_colour;
+  background-color: $item_colour;
 }
 
 .notify-seen {
-	background-color: $item_colour;
+  background-color: $item_colour;
 }
 /* bootstrap overrides */
 
@@ -1436,30 +1447,30 @@ main.fullscreen .section-content-wrapper-np {
 .form-control,
 .nav-pills .nav-link,
 .nav-tabs .nav-link {
-	border-radius: $radius;
+  border-radius: $radius;
 }
 
 .rounded-top {
-	border-top-left-radius: $radius !important;
-	border-top-right-radius: $radius !important;
+  border-top-left-radius: $radius !important;
+  border-top-right-radius: $radius !important;
 }
 
 blockquote {
-	font-size: 1rem;
-	font-style: italic;
-	border-left: 3px solid #ccc;
-	padding: 1em 0px 1em 1.5em;
-	margin: 0px;
+  font-size: 1rem;
+  font-style: italic;
+  border-left: 3px solid #ccc;
+  padding: 1em 0px 1em 1.5em;
+  margin: 0px;
 }
 
 .dropdown-menu {
-	color: $font_colour;
-	font-size: 0.9rem;
-	border-radius: $radius;
+  color: $font_colour;
+  font-size: 0.9rem;
+  border-radius: $radius;
 }
 
 .dropdown-item {
-	color: $font_colour;
+  color: $font_colour;
 }
 
 .dropdown-item:active,
@@ -1469,656 +1480,703 @@ blockquote {
 .textcomplete-item:hover .dropdown-item,
 .textcomplete-item.active .dropdown-item,
 .textcomplete-item:active .dropdown-item {
-	color: $font_colour;
-	background-color: $item_colour;
+  color: $font_colour;
+  background-color: $item_colour;
 }
 
 .dropdown-item.active {
-	color: #fff;
-	background-color: #007bff;
+  color: #fff;
+  background-color: #007bff;
 }
 
 .bg-dark {
-	background-color: $nav_bg !important;
+  background-color: $nav_bg !important;
 }
 
 .navbar {
-	z-index:1030;
-	filter: drop-shadow(0px 0px 3px rgba(75, 75, 75, 0.678));
+  z-index: 1030;
+  filter: drop-shadow(0px 0px 3px rgba(75, 75, 75, 0.678));
 }
 
 .navbar-dark .navbar-nav .nav-link,
-.usermenu i ,.text-white{
-	color: $nav_icon_colour !important;
+.usermenu i,
+.text-white {
+  color: $nav_icon_colour !important;
 }
 
 .navbar-dark .navbar-nav .nav-link:focus,
 .navbar-dark .navbar-nav .nav-link:hover,
 .usermenu:focus i,
 .usermenu:hover i {
-	color: $nav_active_icon_colour;
+  color: $nav_active_icon_colour;
 }
 
 @media screen and (max-width: 992px) {
+  aside#region_1 {
+    border-right: 1px solid $nav_bd;
+  }
 
-	aside#region_1 {
-		border-right: 1px solid $nav_bd;
-	}
+  main {
+    left: -$aside_widthpx;
+    width: calc(100% + $aside_widthpx);
+  }
 
-	main {
-		left: -$aside_widthpx;
-		width: calc( 100% + $aside_widthpx );
-	}
+  main.region_1-on {
+    left: 0px;
+  }
 
-	main.region_1-on {
-		left: 0px;
-	}
+  #nav-app-link-wrapper.has_location {
+    min-width: 0;
+    flex-basis: 25%;
+  }
 
-	#nav-app-link-wrapper.has_location {
-		min-width: 0;
-		flex-basis: 25%;
-	}
-
-	#nav-app-link-wrapper {
-		margin-right: 0.5rem;
-	}
-
-	#navbar-collapse-2 .navbar-app i {
-		font-size: 1rem;
-		margin-right: 0.5rem;
-	}
+  #nav-app-link-wrapper {
+    margin-right: 0.5rem;
+  }
 
+  #navbar-collapse-2 .navbar-app i {
+    font-size: 1rem;
+    margin-right: 0.5rem;
+  }
 }
 
 .shareable_element_text {
-	height: 300px;
-	width: 300px;
+  height: 300px;
+  width: 300px;
 }
 
 .bb_observer {
-	color: red;
+  color: red;
 }
 
 .bb_observer img {
-	border: 3px solid red !important;
+  border: 3px solid red !important;
 }
 
 .bb_rm-logo {
-	height: 1.3em;
-	width: auto;
-	margin-top:-3px;
+  height: 1.3em;
+  width: auto;
+  margin-top: -3px;
 }
 
-dl.bb-dl > dt { 
-	/* overriding the default dl style from bootstrap, as bootstrap's
+dl.bb-dl > dt {
+  /* overriding the default dl style from bootstrap, as bootstrap's
 	   style of a bold unindented line followed by a plain unindented
 	   line is already acheivable in bbcode without dl */
-	font-weight: normal; 
-} 
-dl.dl-terms-monospace > dt { font-family:     monospace; }
-dl.dl-terms-bold      > dt { 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%; }
+  font-weight: normal;
+}
+dl.dl-terms-monospace > dt {
+  font-family: monospace;
+}
+dl.dl-terms-bold > dt {
+  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 {
-	display: block;
-	margin-left: 2em;
+  display: block;
+  margin-left: 2em;
 }
 dl.bb-dl > dd > li {
-	/* adding some indent so bullet-list items will line up better with 
+  /* adding some indent so bullet-list items will line up better with 
 	   dl descriptions if someone wants to be impure and combine them */
-	margin-left: 1em;
+  margin-left: 1em;
 }
 
 .bootstrap-tagsinput .tag:before {
-	/* Copied from fa-asterisk, is there a better way to do it? */
-	font-family: ForkAwesome;
-	font-weight: normal;
-	font-style: normal;
-	text-decoration: inherit;
-	content:"\f069  ";
+  /* Copied from fa-asterisk, is there a better way to do it? */
+  font-family: ForkAwesome;
+  font-weight: normal;
+  font-style: normal;
+  text-decoration: inherit;
+  content: "\f069  ";
 }
 
 /* Modified original CSS to match input in plusfuture */
 .jothidden .bootstrap-tagsinput {
-	border: 0px solid transparent;
-	margin-bottom: 0px;
-	box-shadow: none;
-	display: inline-block;
-	border-radius: $radius;
-	cursor: text;
-	padding: 0px 10px;
-	width: 100%;
+  border: 0px solid transparent;
+  margin-bottom: 0px;
+  box-shadow: none;
+  display: inline-block;
+  border-radius: $radius;
+  cursor: text;
+  padding: 0px 10px;
+  width: 100%;
 }
 
 .bootstrap-tagsinput .label {
-	font-size: 100%;
+  font-size: 100%;
 }
 
 /* Abusing theme-green is less work than makeing a new new one */
 .theme-green .back-bar .selected-bar {
-	background-color: #000000;
-	background-image: none !important;
+  background-color: #000000;
+  background-image: none !important;
 }
 
-
 /* Turn checkboxes into switches */
 .form-group.checkbox > div {
-    position: relative; width: 40px;
-    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
-    display:inline-block;
+  position: relative;
+  width: 40px;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  display: inline-block;
 }
 
 .form-group.checkbox input {
-    display: none;
+  display: none;
 }
 
 .form-group.checkbox > div label {
-	/*カスタマイズ*/
-    display: block; overflow: hidden; cursor: pointer;
-    /*border: 1px solid #ccc;*/
-    border-radius: 12px;
-    margin:0px;
-	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-	height: 12px;
-	width: 35px;
+  /*カスタマイズ*/
+  display: block;
+  overflow: hidden;
+  cursor: pointer;
+  /*border: 1px solid #ccc;*/
+  border-radius: 12px;
+  margin: 0px;
+  -webkit-transition: border-color ease-in-out 0.15s,
+    -webkit-box-shadow ease-in-out 0.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;
+  width: 35px;
 }
 
 .form-group.checkbox:hover label {
-	color: $link_colour;
+  color: $link_colour;
 }
 
 .form-group.checkbox:hover > div label {
-	border-color: $link_colour;
+  border-color: $link_colour;
 }
 
 .onoffswitch-inner {
-    display: block; width: 200%; 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;
+  display: block;
+  width: 200%;
+  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 {
-	/*カスタマイズ*/
-    display: flex; 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:after {
+  /*カスタマイズ*/
+  display: flex;
+  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 {
-	/*カスタマイズ*/
-    content: attr(data-on);
-    padding-right: 21px;
-    background-color: #A4AFFF;
-	color: rgba(255, 255, 255, 0);
-    text-align: right;
+  /*カスタマイズ*/
+  content: attr(data-on);
+  padding-right: 21px;
+  background-color: #a4afff;
+  color: rgba(255, 255, 255, 0);
+  text-align: right;
 }
 
 .onoffswitch-inner:after {
-    content: attr(data-off);
-    padding-left: 21px;
-    background-color: #D5CECE; color: rgba(255, 255, 255, 0);
-    text-align: left;
+  content: attr(data-off);
+  padding-left: 21px;
+  background-color: #d5cece;
+  color: rgba(255, 255, 255, 0);
+  text-align: left;
 }
 
 .onoffswitch-switch {
-	/*カスタマイズ*/
-    display: block; width: 20px; height: 20px;margin:4px;
-    background: #ccc;
-    border-radius: 50%;
-    position: absolute; top: -8px; 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));
+  /*カスタマイズ*/
+  display: block;
+  width: 20px;
+  height: 20px;
+  margin: 4px;
+  background: #ccc;
+  border-radius: 50%;
+  position: absolute;
+  top: -8px;
+  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));
 }
 
 .form-group.checkbox > div > input:checked + label .onoffswitch-inner {
-    margin-left: 0px;
+  margin-left: 0px;
 }
 
 .form-group.checkbox > div > input:checked + label .onoffswitch-switch {
-    right: 0px;
-    background-color: #0275d8;
+  right: 0px;
+  background-color: #0275d8;
 }
 
-
 .form-group.checkbox > div > input:disabled + label .onoffswitch-switch {
-	/*カスタマイズ*/
-	background-color: #898989;
-	/*opacity: 0.3;*/
-	filter:alpha(opacity=30);
+  /*カスタマイズ*/
+  background-color: #898989;
+  /*opacity: 0.3;*/
+  filter: alpha(opacity=30);
 }
 
-
-
 .help-searchlist {
-	list-style-type: none;
+  list-style-type: none;
 }
 
 .help-searchlist a {
-	font-size: 130%;
+  font-size: 130%;
 }
 
 .embed-photo-selected-photo {
-	border-color: blue;
-	border-style: solid;
-	border-width: 5px;
+  border-color: blue;
+  border-style: solid;
+  border-width: 5px;
 }
 
 #wiki-preview img {
-	max-width: 100%;
+  max-width: 100%;
 }
 
 #ace-editor,
 #editor {
-	border-bottom-left-radius: $radius;
-	border-bottom-right-radius: $radius;
+  border-bottom-left-radius: $radius;
+  border-bottom-right-radius: $radius;
 }
 
 .sub-menu-wrapper {
-	padding-left: 1rem;
-	display: none;
+  padding-left: 1rem;
+  display: none;
 }
 
 .sub-menu {
-	width: 100%;
-	margin-top: 0.5rem;
-	padding-left: 1rem;
-	border-left: 0.2rem solid #eee;
+  width: 100%;
+  margin-top: 0.5rem;
+  padding-left: 1rem;
+  border-left: 0.2rem solid #eee;
 }
 
 .app-icon {
-	color: #777;
-	font-size: 80px;
-	text-shadow: 3px 3px 3px lightgrey;
+  color: #777;
+  font-size: 80px;
+  text-shadow: 3px 3px 3px lightgrey;
 }
 
 .app-detail {
-	text-align: center;
+  text-align: center;
 }
 
-#login-main, .rmagic-button {
-	max-width: 400px;
-	margin-top: 20px;
-	margin-left: auto;
-	margin-right: auto;
+#login-main,
+.rmagic-button {
+  max-width: 400px;
+  margin-top: 20px;
+  margin-left: auto;
+  margin-right: auto;
 }
 
 #permcat-index {
-	margin: 10px;
+  margin: 10px;
 }
 
 .cloud-container {
-	float: left;
-	width: 100px;
-	height: 110px;
-	margin: 5px;
+  float: left;
+  width: 100px;
+  height: 110px;
+  margin: 5px;
 }
 
 .cloud-icon-container {
-	width: 64px;
-	height: 64px;
-	border: 1px solid #eee;
-	border-radius: $radius;
+  width: 64px;
+  height: 64px;
+  border: 1px solid #eee;
+  border-radius: $radius;
 }
 
 .cloud-icon i {
-	font-size: 42px;
-	color: #888;
-	margin-top: 8px;
-	margin-left: 6px;
+  font-size: 42px;
+  color: #888;
+  margin-top: 8px;
+  margin-left: 6px;
 }
 
 .cloud-icon img {
-	max-width: 64px;
-	max-height: 64px;
-	border-radius: $radius;
+  max-width: 64px;
+  max-height: 64px;
+  border-radius: $radius;
 }
 
 .cloud-title {
-	width: 98px;
-	height: 36px;
-	overflow: hidden;
+  width: 98px;
+  height: 36px;
+  overflow: hidden;
 }
 
 .caption-visible {
-	max-height: 75%;
+  max-height: 75%;
 }
 
 .oneway-overlay {
-    position: absolute;
-    text-shadow: -2px 0 1px #fff, 0 2px 1px#fff, 2px 0 1px #fff, 0 -2px 1px #fff;
+  position: absolute;
+  text-shadow: -2px 0 1px #fff, 0 2px 1px#fff, 2px 0 1px #fff, 0 -2px 1px #fff;
 }
 
 .cover-photo-review {
-	margin-bottom: 10px;
+  margin-bottom: 10px;
 }
 
-.hover-fx-hide  {
-	opacity: 0;
+.hover-fx-hide {
+  opacity: 0;
 }
 
 .hover-fx-show:hover .hover-fx-hide {
-	opacity: 1;
+  opacity: 1;
 }
 
-
 /*testarea*/
 .toplevel_item > .wall-item-outside-wrapper .wall-item-name {
-	font-size: 1.2rem;
+  font-size: 1.2rem;
 }
-.toplevel_item , #notifications , #profile-jot-wrapper{
-	box-shadow: 0px 0px 5px 1px rgba(75, 75, 75, 0.3);
-	transition: all 300ms 0s;
+.toplevel_item,
+#notifications,
+#profile-jot-wrapper {
+  box-shadow: 0px 0px 5px 1px rgba(75, 75, 75, 0.3);
+  transition: all 300ms 0s;
 }
-.toplevel_item:hover , #notifications:hover , #profile-jot-wrapper:hover{
-	box-shadow: 0px 0px 5px 2px rgba(75, 75, 75, 0.5);
+.toplevel_item:hover,
+#notifications:hover,
+#profile-jot-wrapper:hover {
+  box-shadow: 0px 0px 5px 2px rgba(75, 75, 75, 0.5);
 }
 .dropdown-menu {
-	filter: drop-shadow(0px 0px 5px rgba(75, 75, 75, 0.48));
+  filter: drop-shadow(0px 0px 5px rgba(75, 75, 75, 0.48));
 }
 
 .bootstrap-tagsinput {
-	background-color: #000
+  background-color: #000;
 }
 
-#jot-title-wrap, #jot-category-wrap, #jot-text-wrap, #profile-jot-text{
-	transition: all 300ms 0s;
+#jot-title-wrap,
+#jot-category-wrap,
+#jot-text-wrap,
+#profile-jot-text {
+  transition: all 300ms 0s;
 }
 .bootstrap-tagsinput {
-	background-color: $comment_item_colour !important;
+  background-color: $comment_item_colour !important;
 }
 
-.modal-open{
-	overflow: unset !important;
+.modal-open {
+  overflow: unset !important;
 }
-.modal-backdrop{
-	display: none;
+.modal-backdrop {
+  display: none;
 }
 
-.modal-content{
-	filter: drop-shadow(0px 0px 7px rgba(75, 75, 75, 0.678));
-	border: none;
+.modal-content {
+  filter: drop-shadow(0px 0px 7px rgba(75, 75, 75, 0.678));
+  border: none;
 }
 
-#profile-jot-submit-wrapper .btn-outline-secondary:not([data-dismiss]){
-	border: unset;
-	border-radius: 50% !important;
-	width: 2.5rem;
-	height: 2.5rem;
+#profile-jot-submit-wrapper .btn-outline-secondary:not([data-dismiss]) {
+  border: unset;
+  border-radius: 50% !important;
+  width: 2.5rem;
+  height: 2.5rem;
 }
-.btn-primary:not([onclick*="post_comment"]){
-	border-radius: 15% !important;
+.btn-primary:not([onclick*="post_comment"]) {
+  border-radius: 15% !important;
 }
 
-#user_menu{
-	background-color: #0000;
-	filter: none;
+#user_menu {
+  background-color: #0000;
+  filter: none;
 }
 
-#user_menu > ul > li{
-	font-size: 1.2em;
-	position: relative;
-	left: -40px;
-	transition: all 300ms 0s;
+#user_menu > ul > li {
+  font-size: 1.2em;
+  position: relative;
+  left: -40px;
+  transition: all 300ms 0s;
 }
-#user_menu > ul > iframe{
-	position: relative;
-	left: -15px;
+#user_menu > ul > iframe {
+  position: relative;
+  left: -15px;
 }
-#user_menu > ul > li:hover{
-	background-color: #e1dede;
+#user_menu > ul > li:hover {
+  background-color: #e1dede;
 }
-#user_menu > ul > li > a{
-	display: flex;
-	margin-left: 40px;
-	margin-top: 7px;
+#user_menu > ul > li > a {
+  display: flex;
+  margin-left: 40px;
+  margin-top: 7px;
 }
-#user_menu > ul > li > a > i{
-	font-size: 130%;
-	margin: 0 20px 0px -20px;
+#user_menu > ul > li > a > i {
+  font-size: 130%;
+  margin: 0 20px 0px -20px;
 }
-#user_menu > ul > li > a > p{
-	margin-bottom: 0.5rem;
+#user_menu > ul > li > a > p {
+  margin-bottom: 0.5rem;
 }
 
-
-
-
-
-a[title*="harukin@plus.haruk.in"]{
-	color: rgb(170, 2, 2);
+a[title*="harukin@plus.haruk.in"] {
+  color: rgb(170, 2, 2);
 }
-a[title*="harukin@plus.haruk.in"]::after{
-	content: 'っ[鯖主]';
-	font-size: 80%;
-	font-style: italic;
+a[title*="harukin@plus.haruk.in"]::after {
+  content: "っ[鯖主]";
+  font-size: 80%;
+  font-style: italic;
 }
 
-a[title*="mstdn.y-zu.org"]{
-	color: rgb(62, 175, 58);
+a[title*="mstdn.y-zu.org"] {
+  color: rgb(62, 175, 58);
 }
-a[title*="mstdn.y-zu.org"]::before{
-	content: '';
-	display: inline-block;
-	width: 18px;
-	height: 20px;
-	background-image: url('https://mstdn.y-zu.org/favicon.ico');
-	vertical-align: middle;
-	background-size: contain;
+a[title*="mstdn.y-zu.org"]::before {
+  content: "";
+  display: inline-block;
+  width: 18px;
+  height: 20px;
+  background-image: url("https://mstdn.y-zu.org/favicon.ico");
+  vertical-align: middle;
+  background-size: contain;
 }
-a[title*="mstdn.y-zu.org"]::after{
-	content: 'っ[Yづドン！]';
-	font-size: 80%;
-	font-style: italic;
+a[title*="mstdn.y-zu.org"]::after {
+  content: "っ[Yづドン！]";
+  font-size: 80%;
+  font-style: italic;
 }
 
-a[title*="itabashi.0j0.jp"]{
-	color: rgb(1, 153, 102);
+a[title*="itabashi.0j0.jp"] {
+  color: rgb(1, 153, 102);
 }
-a[title*="itabashi.0j0.jp"]::before{
-	content: '';
-	display: inline-block;
-	width: 18px;
-	height: 20px;
-	background-image: url('https://itabashi.0j0.jp/favicon.ico');
-	vertical-align: middle;
-	background-size: contain;
+a[title*="itabashi.0j0.jp"]::before {
+  content: "";
+  display: inline-block;
+  width: 18px;
+  height: 20px;
+  background-image: url("https://itabashi.0j0.jp/favicon.ico");
+  vertical-align: middle;
+  background-size: contain;
 }
-a[title*="itabashi.0j0.jp"]::after{
-	content: 'っ[板橋丼]';
-	font-size: 80%;
-	font-style: italic;
+a[title*="itabashi.0j0.jp"]::after {
+  content: "っ[板橋丼]";
+  font-size: 80%;
+  font-style: italic;
 }
 
-a[title*="mstdn.jp"]{
-	color: rgb(177, 90, 90);
+a[title*="mstdn.jp"] {
+  color: rgb(177, 90, 90);
 }
-a[title*="mstdn.jp"]::before{
-	content: '';
-	display: inline-block;
-	width: 18px;
-	height: 20px;
-	background-image: url('https://mstdn.jp/favicon.ico');
-	vertical-align: middle;
-	background-size: contain;
+a[title*="mstdn.jp"]::before {
+  content: "";
+  display: inline-block;
+  width: 18px;
+  height: 20px;
+  background-image: url("https://mstdn.jp/favicon.ico");
+  vertical-align: middle;
+  background-size: contain;
 }
-a[title*="mstdn.jp"]::after{
-	content: 'っ[mstdn.jp]';
-	font-size: 80%;
-	font-style: italic;
+a[title*="mstdn.jp"]::after {
+  content: "っ[mstdn.jp]";
+  font-size: 80%;
+  font-style: italic;
 }
 
-a[title*="odakyu.app"]{
-	color: rgb(0, 0, 255);
+a[title*="odakyu.app"] {
+  color: rgb(0, 0, 255);
 }
-a[title*="odakyu.app"]::before{
-	content: '';
-	display: inline-block;
-	width: 18px;
-	height: 20px;
-	background-image: url('https://odakyu.app/favicon.ico');
-	vertical-align: middle;
-	background-size: contain;
+a[title*="odakyu.app"]::before {
+  content: "";
+  display: inline-block;
+  width: 18px;
+  height: 20px;
+  background-image: url("https://odakyu.app/favicon.ico");
+  vertical-align: middle;
+  background-size: contain;
 }
-a[title*="odakyu.app"]::after{
-	content: 'っ[小田急don]';
-	font-size: 80%;
-	font-style: italic;
+a[title*="odakyu.app"]::after {
+  content: "っ[小田急don]";
+  font-size: 80%;
+  font-style: italic;
 }
 
-a[title*="kirishima.cloud"]{
-	color: rgb(138, 112, 0);
+a[title*="kirishima.cloud"] {
+  color: rgb(138, 112, 0);
 }
-a[title*="kirishima.cloud"]::before{
-	content: '';
-	display: inline-block;
-	width: 18px;
-	height: 20px;
-	background-image: url('https://kirishima.cloud/favicon.ico');
-	vertical-align: middle;
-	background-size: contain;
+a[title*="kirishima.cloud"]::before {
+  content: "";
+  display: inline-block;
+  width: 18px;
+  height: 20px;
+  background-image: url("https://kirishima.cloud/favicon.ico");
+  vertical-align: middle;
+  background-size: contain;
 }
-a[title*="kirishima.cloud"]::after{
-	content: 'っ[アスタルテ]';
-	font-size: 80%;
-	font-style: italic;
+a[title*="kirishima.cloud"]::after {
+  content: "っ[アスタルテ]";
+  font-size: 80%;
+  font-style: italic;
 }
 
-a[title*="oransns.com"]{
-	color: rgb(170, 111, 0);
+a[title*="oransns.com"] {
+  color: rgb(170, 111, 0);
 }
-a[title*="oransns.com"]::before{
-	content: '';
-	display: inline-block;
-	width: 18px;
-	height: 20px;
-	background-image: url('https://oransns.com/favicon.ico');
-	vertical-align: middle;
-	background-size: contain;
+a[title*="oransns.com"]::before {
+  content: "";
+  display: inline-block;
+  width: 18px;
+  height: 20px;
+  background-image: url("https://oransns.com/favicon.ico");
+  vertical-align: middle;
+  background-size: contain;
 }
-a[title*="oransns.com"]::after{
-	content: 'っ[おらんSNS]';
-	font-size: 80%;
-	font-style: italic;
+a[title*="oransns.com"]::after {
+  content: "っ[おらんSNS]";
+  font-size: 80%;
+  font-style: italic;
 }
 
-a[title*="mstdn.mimikun.jp"]{
-	color: rgb(16, 187, 173);
+a[title*="mstdn.mimikun.jp"] {
+  color: rgb(16, 187, 173);
 }
-a[title*="mstdn.mimikun.jp"]::before{
-	content: '';
-	display: inline-block;
-	width: 18px;
-	height: 20px;
-	background-image: url('https://mstdn.mimikun.jp/favicon.ico');
-	vertical-align: middle;
-	background-size: contain;
+a[title*="mstdn.mimikun.jp"]::before {
+  content: "";
+  display: inline-block;
+  width: 18px;
+  height: 20px;
+  background-image: url("https://mstdn.mimikun.jp/favicon.ico");
+  vertical-align: middle;
+  background-size: contain;
 }
-a[title*="mstdn.mimikun.jp"]::after{
-	content: 'っ[mimikun丼]';
-	font-size: 80%;
-	font-style: italic;
+a[title*="mstdn.mimikun.jp"]::after {
+  content: "っ[mimikun丼]";
+  font-size: 80%;
+  font-style: italic;
 }
 
-a[title*="pawoo.net"]{
-	color: rgb(125, 44, 172);
+a[title*="pawoo.net"] {
+  color: rgb(125, 44, 172);
 }
-a[title*="pawoo.net"]::before{
-	content: '';
-	display: inline-block;
-	width: 18px;
-	height: 20px;
-	background-image: url('https://pawoo.net/favicon.ico');
-	vertical-align: middle;
-	background-size: contain;
+a[title*="pawoo.net"]::before {
+  content: "";
+  display: inline-block;
+  width: 18px;
+  height: 20px;
+  background-image: url("https://pawoo.net/favicon.ico");
+  vertical-align: middle;
+  background-size: contain;
 }
-a[title*="pawoo.net"]::after{
-	content: 'っ[Pawoo]';
-	font-size: 80%;
-	font-style: italic;
+a[title*="pawoo.net"]::after {
+  content: "っ[Pawoo]";
+  font-size: 80%;
+  font-style: italic;
 }
 
-.contact-photo-wrapper a::before,.contact-photo-wrapper a::after{
-	display: none;
+.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));
 }
 
-.shared_container{
-	border-radius: 2px;
-	margin-top: 15px;
-	box-shadow: 2px 2px 6px 1px rgba(75, 75, 75, 0.5);
-	margin-left: 10px;
+.comment .wall-item-photo[src*="https://plus.haruk.in/photo/profile/m/68"] {
+  width: calc($reply_photo + 3px);
+  height: calc($reply_photo + 3px);
 }
 
-.shared_container::before{
-	content: '　再共有　';
-	font-size: 0.8em;
-	position: relative;
-	top: -15px;
-	background-color: #cdf6a1;
-	border-radius: 0.6em;
-	margin: 15px;
-	left: -25px;
-	filter: drop-shadow(1px 1px 1px rgba(75 ,75 ,75, 0.675));
+.contact-photo-wrapper a::before,
+.contact-photo-wrapper a::after {
+  display: none;
 }
 
-.shared_container::after{
-	height: 20px;
-	content: "";
-	display: block;
-}
-.shared_container > div{
-	margin-left: 20px;
-	margin-right: 20px;
-}
-.region_3-on{
-
-	left: -576px;
-	width: calc( 100% + 288px + 288px );
+.shared_container {
+  border-radius: 2px;
+  margin-top: 15px;
+  box-shadow: 2px 2px 6px 1px rgba(75, 75, 75, 0.5);
+  margin-left: 10px;
 }
 
-.toplevel_item{
-	width: 100%;
-	max-width: $converse_widthpx;
+.shared_container::before {
+  content: "　再共有　";
+  font-size: 0.8em;
+  position: relative;
+  top: -15px;
+  background-color: #cdf6a1;
+  border-radius: 0.6em;
+  margin: 15px;
+  left: -25px;
+  filter: drop-shadow(1px 1px 1px rgba(75, 75, 75, 0.675));
+}
+
+.shared_container::after {
+  height: 20px;
+  content: "";
+  display: block;
+}
+.shared_container > div {
+  margin-left: 20px;
+  margin-right: 20px;
+}
+.region_3-on {
+  left: -576px;
+  width: calc(100% + 288px + 288px);
+}
+
+.toplevel_item {
+  width: 100%;
+  max-width: $converse_widthpx;
 }
 @media screen and (min-width: 993px) {
-	.region_3-on{
-
-		left: 0px;
-		width: 100%;
-	}
-	.region_3-on .toplevel_item{
-		width: 100%;
-		margin-left: unset;
-		margin-right: unset;
-	}
-	#overlay{
-		display: none;
-	}
- }
- @media screen and (min-width: 800px){
-	.toplevel_item{
-		width: calc(50% - 16px);
-		margin: 8px;
-		margin-left: calc(calc(50% - $converse_widts ) / 2);
-		margin-right: calc(calc(50% - $converse_widts ) / 2);
-	}
- }
- @media screen and (min-width: $converse_widtd ){
-	.toplevel_item{
-		width: calc(50% - 16px);
-		margin: 8px;
-		margin-left: calc(calc(50% - $converse_widts ) / 2);
-		margin-right: calc(calc(50% - $converse_widts ) / 2);
-	}
- }
- .toplevel_item:nth-child(2n){
-	float: left;
+  .region_3-on {
+    left: 0px;
+    width: 100%;
+  }
+  .region_3-on .toplevel_item {
+    width: 100%;
+    margin-left: unset;
+    margin-right: unset;
+  }
+  #overlay {
+    display: none;
+  }
 }
-.toplevel_item:nth-child(2n+1){
-	float: right;
+@media screen and (min-width: 800px) {
+  .toplevel_item {
+    width: calc(50% - 16px);
+    margin: 8px;
+    margin-left: calc(calc(50% - $converse_widts) / 2);
+    margin-right: calc(calc(50% - $converse_widts) / 2);
+  }
+}
+@media screen and (min-width: $converse_widtd) {
+  .toplevel_item {
+    width: calc(50% - 16px);
+    margin: 8px;
+    margin-left: calc(calc(50% - $converse_widts) / 2);
+    margin-right: calc(calc(50% - $converse_widts) / 2);
+  }
+}
+.toplevel_item:nth-child(2n) {
+  float: left;
+}
+.toplevel_item:nth-child(2n + 1) {
+  float: right;
+}
+.comment-edit-preview .toplevel_item {
+  width: calc(100% - 16px);
 }
-.comment-edit-preview .toplevel_item{
-	width: calc(100% - 16px);
-}
\ No newline at end of file
diff --git a/view/theme/plusfuture/pdl/mod_wiki.pdl b/view/theme/plusfuture/pdl/mod_wiki.pdl
index 745a7a6..e648e11 100644
--- a/view/theme/plusfuture/pdl/mod_wiki.pdl
+++ b/view/theme/plusfuture/pdl/mod_wiki.pdl
@@ -1,7 +1,5 @@
 [region=aside]
 [widget=userlogomenu][/widget]
-[widget=wiki_pages][/widget]
-[widget=notifications][/widget]
 [/region]
 
 [region=content]
@@ -10,5 +8,6 @@ $content
 [/region]
 
 [region=right_aside]
-[widget=shortprofile][var=scale]2[/var][/widget]
+[widget=notifications][/widget]
+[widget=wiki_pages][/widget]
 [/region]
diff --git a/view/theme/plusfuture/php/config.php b/view/theme/plusfuture/php/config.php
index 3415147..62d58d0 100644
--- a/view/theme/plusfuture/php/config.php
+++ b/view/theme/plusfuture/php/config.php
@@ -2,26 +2,27 @@
 
 namespace Zotlabs\Theme;
 
-class plusfutureConfig {
+class plusfutureConfig
+{
 
-	function get_schemas() {
+	function get_schemas()
+	{
 		$files = glob('view/theme/plusfuture/schema/*.php');
 
 		$scheme_choices = [];
 
-		if($files) {
+		if ($files) {
 
-			if(in_array('view/theme/plusfuture/schema/default.php', $files)) {
+			if (in_array('view/theme/plusfuture/schema/default.php', $files)) {
 				$scheme_choices['---'] = t('Default');
 				$scheme_choices['focus'] = t('Focus (Hubzilla default)');
-			}
-			else {
+			} else {
 				$scheme_choices['---'] = t('Focus (Hubzilla default)');
 			}
 
-			foreach($files as $file) {
+			foreach ($files as $file) {
 				$f = basename($file, ".php");
-				if($f != 'default') {
+				if ($f != 'default') {
 					$scheme_name = $f;
 					$scheme_choices[$f] = $scheme_name;
 				}
@@ -31,36 +32,38 @@ class plusfutureConfig {
 		return $scheme_choices;
 	}
 
-	function get() {
-		if(! local_channel()) { 
+	function get()
+	{
+		if (!local_channel()) {
 			return;
 		}
 
 		$arr = array();
-		$arr['narrow_navbar'] = get_pconfig(local_channel(),'plusfuture', 'narrow_navbar' );
-		$arr['singlepost'] = get_pconfig(local_channel(),'plusfuture', 'singlepost' );
-		$arr['nav_bg'] = get_pconfig(local_channel(),'plusfuture', 'nav_bg' );
-		$arr['nav_icon_colour'] = get_pconfig(local_channel(),'plusfuture', 'nav_icon_colour' );
-		$arr['nav_active_icon_colour'] = get_pconfig(local_channel(),'plusfuture', 'nav_active_icon_colour' );
-		$arr['link_colour'] = get_pconfig(local_channel(),'plusfuture', 'link_colour' );
-		$arr['banner_colour'] = get_pconfig(local_channel(),'plusfuture', 'banner_colour' );
-		$arr['bgcolour'] = get_pconfig(local_channel(),'plusfuture', 'background_colour' );
-		$arr['background_image'] = get_pconfig(local_channel(),'plusfuture', 'background_image' );
-		$arr['item_colour'] = get_pconfig(local_channel(),'plusfuture', 'item_colour' );
-		$arr['comment_item_colour'] = get_pconfig(local_channel(),'plusfuture', 'comment_item_colour' );
-		$arr['font_size'] = get_pconfig(local_channel(),'plusfuture', 'font_size' );
-		$arr['font_colour'] = get_pconfig(local_channel(),'plusfuture', 'font_colour' );
-		$arr['radius'] = get_pconfig(local_channel(),'plusfuture', 'radius' );
-		$arr['shadow'] = get_pconfig(local_channel(),'plusfuture', 'photo_shadow' );
-		$arr['converse_width']=get_pconfig(local_channel(),"plusfuture","converse_width");
-		$arr['top_photo']=get_pconfig(local_channel(),"plusfuture","top_photo");
-		$arr['reply_photo']=get_pconfig(local_channel(),"plusfuture","reply_photo");
+		$arr['narrow_navbar'] = get_pconfig(local_channel(), 'plusfuture', 'narrow_navbar');
+		$arr['singlepost'] = get_pconfig(local_channel(), 'plusfuture', 'singlepost');
+		$arr['nav_bg'] = get_pconfig(local_channel(), 'plusfuture', 'nav_bg');
+		$arr['nav_icon_colour'] = get_pconfig(local_channel(), 'plusfuture', 'nav_icon_colour');
+		$arr['nav_active_icon_colour'] = get_pconfig(local_channel(), 'plusfuture', 'nav_active_icon_colour');
+		$arr['link_colour'] = get_pconfig(local_channel(), 'plusfuture', 'link_colour');
+		$arr['banner_colour'] = get_pconfig(local_channel(), 'plusfuture', 'banner_colour');
+		$arr['bgcolour'] = get_pconfig(local_channel(), 'plusfuture', 'background_colour');
+		$arr['background_image'] = get_pconfig(local_channel(), 'plusfuture', 'background_image');
+		$arr['item_colour'] = get_pconfig(local_channel(), 'plusfuture', 'item_colour');
+		$arr['comment_item_colour'] = get_pconfig(local_channel(), 'plusfuture', 'comment_item_colour');
+		$arr['font_size'] = get_pconfig(local_channel(), 'plusfuture', 'font_size');
+		$arr['font_colour'] = get_pconfig(local_channel(), 'plusfuture', 'font_colour');
+		$arr['radius'] = get_pconfig(local_channel(), 'plusfuture', 'radius');
+		$arr['shadow'] = get_pconfig(local_channel(), 'plusfuture', 'photo_shadow');
+		$arr['converse_width'] = get_pconfig(local_channel(), "plusfuture", "converse_width");
+		$arr['top_photo'] = get_pconfig(local_channel(), "plusfuture", "top_photo");
+		$arr['reply_photo'] = get_pconfig(local_channel(), "plusfuture", "reply_photo");
 		$arr['advanced_theming'] = get_pconfig(local_channel(), 'plusfuture', 'advanced_theming');
 		return $this->form($arr);
 	}
 
-	function post() {
-		if(!local_channel()) { 
+	function post()
+	{
+		if (!local_channel()) {
 			return;
 		}
 
@@ -87,37 +90,38 @@ class plusfutureConfig {
 		}
 	}
 
-	function form($arr) {
+	function form($arr)
+	{
 
-		if(get_pconfig(local_channel(), 'plusfuture', 'advanced_theming'))
+		if (get_pconfig(local_channel(), 'plusfuture', 'advanced_theming'))
 			$expert = 1;
-					
-	  	$o .= replace_macros(get_markup_template('theme_settings.tpl'), array(
+
+		$o .= replace_macros(get_markup_template('theme_settings.tpl'), array(
 			'$submit' => t('Submit'),
 			'$baseurl' => z_root(),
 			'$theme' => \App::$channel['channel_theme'],
 			'$expert' => $expert,
 			'$title' => t("Theme settings"),
-			'$narrow_navbar' => array('plusfuture_narrow_navbar',t('Narrow navbar'),$arr['narrow_navbar'], '', array(t('No'),t('Yes'))),
-			'$singlepost' => array('plusfuture_singlepost',t('Singlepost'),$arr['singlepost'], '', array(t('No'),t('Yes'))),
-			'$nav_bg' => array('plusfuture_nav_bg', t('Navigation bar background color'), $arr['nav_bg']),
-			'$nav_icon_colour' => array('plusfuture_nav_icon_colour', t('Navigation bar icon color '), $arr['nav_icon_colour']),	
-			'$nav_active_icon_colour' => array('plusfuture_nav_active_icon_colour', t('Navigation bar active icon color '), $arr['nav_active_icon_colour']),
-			'$link_colour' => array('plusfuture_link_colour', t('Link color'), $arr['link_colour'], '', $link_colours),
-			'$banner_colour' => array('plusfuture_banner_colour', t('Set font-color for banner'), $arr['banner_colour']),
-			'$bgcolour' => array('plusfuture_background_colour', t('Set the background color'), $arr['bgcolour']),
-			'$background_image' => array('plusfuture_background_image', t('Set the background image'), $arr['background_image']),	
-			'$item_colour' => array('plusfuture_item_colour', t('Set the background color of items'), $arr['item_colour']),
-			'$comment_item_colour' => array('plusfuture_comment_item_colour', t('Set the background color of comments'), $arr['comment_item_colour']),
-			'$font_size' => array('plusfuture_font_size', t('Set font-size for the entire application'), $arr['font_size'], t('Examples: 1rem, 100%, 16px')),
-			'$font_colour' => array('plusfuture_font_colour', t('Set font-color for posts and comments'), $arr['font_colour']),
-			'$radius' => array('plusfuture_radius', t('Set radius of corners'), $arr['radius'], t('Example: 4px')),
-			'$shadow' => array('plusfuture_shadow', t('Set shadow depth of photos'), $arr['shadow']),
-			'$converse_width' => array('plusfuture_converse_width',t('Set maximum width of content region in pixel'),$arr['converse_width'], t('Leave empty for default width')),
+			'$narrow_navbar' => array('plusfuture_narrow_navbar', t('細めのナビバー'), $arr['narrow_navbar'], '', array(t('No'), t('Yes'))),
+			'$singlepost' => array('plusfuture_singlepost', t('Singlepost'), $arr['singlepost'], '', array(t('No'), t('Yes'))),
+			'$nav_bg' => array('plusfuture_nav_bg', t('ナビゲーションバーバックグラウンドカラー'), $arr['nav_bg']),
+			'$nav_icon_colour' => array('plusfuture_nav_icon_colour', t('ナビゲーションバーアイコンカラー'), $arr['nav_icon_colour']),
+			'$nav_active_icon_colour' => array('plusfuture_nav_active_icon_colour', t('ナビゲーションバーアクティブアイコンカラー'), $arr['nav_active_icon_colour']),
+			'$link_colour' => array('plusfuture_link_colour', t('リンクカラー'), $arr['link_colour'], '', $link_colours),
+			'$banner_colour' => array('plusfuture_banner_colour', t('バナーのフォントカラー'), $arr['banner_colour']),
+			'$bgcolour' => array('plusfuture_background_colour', t('バックグラウンドカラー'), $arr['bgcolour']),
+			'$background_image' => array('plusfuture_background_image', t('バックグラウンド画像'), $arr['background_image']),
+			'$item_colour' => array('plusfuture_item_colour', t('バックグラウンドの画像や色を指定してください。'), $arr['item_colour']),
+			'$comment_item_colour' => array('plusfuture_comment_item_colour', t('コメント欄のアイテムカラー'), $arr['comment_item_colour']),
+			'$font_size' => array('plusfuture_font_size', t('フォントサイズ'), $arr['font_size'], t('Examples: 1rem, 100%, 16px')),
+			'$font_colour' => array('plusfuture_font_colour', t('投稿とコメントのフォントサイズ'), $arr['font_colour']),
+			'$radius' => array('plusfuture_radius', t('カードの角丸'), $arr['radius'], t('Example: 4px')),
+			'$shadow' => array('plusfuture_shadow', t('影'), $arr['shadow']),
+			'$converse_width' => array('plusfuture_converse_width', t('コンテンツの幅指定'), $arr['converse_width'], t('Leave empty for default width')),
 			'$top_photo' => array('plusfuture_top_photo', t('Set size of conversation author photo'), $arr['top_photo']),
 			'$reply_photo' => array('plusfuture_reply_photo', t('Set size of followup author photos'), $arr['reply_photo']),
-			'$advanced_theming' => ['plusfuture_advanced_theming', t('Show advanced settings'), $arr['advanced_theming'], '', [t('No'), t('Yes')]]
-			));
+			'$advanced_theming' => ['plusfuture_advanced_theming', t('詳細設定を開く'), $arr['advanced_theming'], '', [t('No'), t('Yes')]]
+		));
 
 		return $o;
 	}
diff --git a/view/theme/plusfuture/tpl/notifications_widget.tpl b/view/theme/plusfuture/tpl/notifications_widget.tpl
index 6843fe1..fb7b12a 100644
--- a/view/theme/plusfuture/tpl/notifications_widget.tpl
+++ b/view/theme/plusfuture/tpl/notifications_widget.tpl
@@ -90,8 +90,9 @@
 
 		$("#nav-{{$notification.type}}-menu .notification").each(function(i, el){
 			var cn = $(el).data('contact_name').toString().toLowerCase();
+			var ca = $(el).data('contact_addr').toString().toLowerCase();
 
-			if(cn.indexOf(val) === -1)
+			if(cn.indexOf(val) === -1 && ca.indexOf(val) === -1)
 				$(this).addClass('d-none');
 			else
 				$(this).removeClass('d-none');
@@ -119,18 +120,18 @@
 		{{$no_notifications}}<span class="jumping-dots"><span class="dot-1">.</span><span class="dot-2">.</span><span class="dot-3">.</span></span>
 	</div>
 	<div id="nav-notifications-template" rel="template">
-		<a class="list-group-item clearfix notification {5}" href="{0}" title="{2}" data-b64mid="{6}" data-notify_id="{7}" data-thread_top="{8}" data-contact_name="{2}">
+		<a class="list-group-item clearfix notification {6}" href="{0}" title="{3}" data-b64mid="{7}" data-notify_id="{8}" data-thread_top="{9}" data-contact_name="{2}" data-contact_addr="{3}">
 			<img class="menu-img-3" data-src="{1}">
 			<span class="contactname">{2}</span>
-			<span class="dropdown-sub-text">{3}<br>{4}</span>
+			<span class="dropdown-sub-text">{4}<br>{5}</span>
 		</a>
 	</div>
 	<div id="nav-notifications-forums-template" rel="template">
-		<a class="list-group-item clearfix notification notification-forum" href="{0}" title="{3}" data-b64mid="{6}" data-notify_id="{7}" data-thread_top="{8}" data-contact_name="{2}">
-			<span class="float-right badge badge-{{$notification.severity}}">{9}</span>
+		<a class="list-group-item clearfix notification notification-forum" href="{0}" title="{4} - {3}" data-b64mid="{7}" data-notify_id="{8}" data-thread_top="{9}" data-contact_name="{2}" data-contact_addr="{3}">
+			<span class="float-right badge badge-{{$notification.severity}}">{10}</span>
 			<img class="menu-img-1" data-src="{1}">
 			<span class="">{2}</span>
-			<i class="fa fa-{10} text-muted"></i> 
+			<i class="fa fa-{11} text-muted"></i> 
 		</a>
 	</div>
 	<div id="notifications" class="navbar-nav">
diff --git a/view/theme/plusfuture/tpl/userlogomenu.tpl b/view/theme/plusfuture/tpl/userlogomenu.tpl
index 88d9bcb..b464068 100644
--- a/view/theme/plusfuture/tpl/userlogomenu.tpl
+++ b/view/theme/plusfuture/tpl/userlogomenu.tpl
@@ -67,7 +67,7 @@
           <p>利用規約</p>
         </a>
       </li>
-      <iframe id="frame" width="115%" height="120%" src="https://plus.haruk.in/page/harukin/noti"  frameborder="0"></iframe>
+      <iframe id="frame" width="115%" height="120%" src="./page/harukin/noti"  frameborder="0"></iframe>
       <script>
       $(function(){
         $('#frame').on('load', function(){