nodebb-theme-persona 12.1.6 → 12.1.8

package/less/rtl.less

@@ -0,0 +1,132 @@
+html[data-dir="rtl"] {
+	@import (less) "./bootstrap-flipped.css";
+
+	.home {
+		h4 {
+			text-align: right;
+		}
+	}
+
+	.container {
+		#main-nav {
+			float: right !important;
+		}
+
+		#logged-in-menu, #logged-out-menu {
+			float: left !important;
+		}
+	}
+
+	html[data-dir=rtl] .navbar .dropdown-menu {
+		left: 0;
+		right: auto;
+	}
+
+	.categories > li .card, .category > ul > li .card {
+		border-left: none;
+		border-right: 4px solid #ccc;
+	}
+
+	.categories > li .content .icon, .category > ul > li .content .avatar {
+		margin-left: 15px;
+		margin-right: 0px;
+	}
+
+	.categories .description, .categories .category-children {
+		margin-left: auto;
+		margin-right: 62px;
+	}
+
+	.page-user .posts-list .posts-list-item .user-img {
+		left: 0;
+	}
+
+	.slideout-menu .menu-section-list a, .slideout-menu .menu-section-list button {
+		text-align: right;
+	}
+
+	[component="chat/list"] {
+		.avatar-placeholder, .main-avatar {
+			right: 0;
+			left: auto;
+		}
+
+		.room-name, .teaser-content {
+			padding-right: 80px;
+			padding-left: 0;
+			text-align: right;
+		}
+
+	}
+
+	[component="chat/composer"] {
+		[component="chat/message/remaining"] {
+			right: auto;
+			left: 5.25em;
+		}
+
+		[data-action="send"] {
+			transform: scale(-1, 1);
+		}
+	}
+
+	.chats-full [component="chat/header"] .dropdown .avatar, .chat-modal [component="chat/header"] .dropdown .avatar {
+		margin-right: 0;
+		margin-left: 0.5em;
+	}
+
+	.chats-list > li .teaser-content, .chats-list > li .room-name {
+		padding-left: 0;
+		padding-right: 80px;
+	}
+
+	.chats-list > li {
+		.avatar-placeholder, .main-avatar {
+			left: auto;
+			right: 0;
+		}
+
+		.members {
+			right: 53px;
+			left: auto;
+			padding-left: 0;
+			padding-right: 1rem;
+		}
+	}
+
+	.slideout-menu .chat-list li .teaser-content, .slideout-menu .chat-list li .room-name {
+		padding-right: 60px;
+	}
+
+	.posts-list .posts-list-item {
+		.post-body {
+			border-right: none;
+			border-left: 2px solid @brand-primary;
+		}
+
+		.post-info {
+			left: inherit;
+			right: 100%;
+
+			.post-author {
+				padding-left: 0;
+				padding-right: 25px;
+			}
+		}
+
+		.user-img {
+			margin-right: -14px;
+			margin-left: 0;
+		}
+
+		.content {
+			padding-right: 0;
+			padding-left: 10px;
+		}
+	}
+
+	.persona-usercard {
+		left: inherit;
+		right: 0;
+	}
+}

package/less/search.less

@@ -0,0 +1,96 @@
+.search {
+	.user-img {
+		.user-icon-style(24px, 1.5, 50%);
+	}
+	.post-search-item {
+		.bootstrap-tagsinput {
+			display: block;
+		}
+	}
+
+	#advanced-search {
+		.panel-heading {
+			cursor: pointer;
+		}
+	}
+}
+
+.search-result-title {
+	font-weight: 600;
+}
+
+.search-result-text {
+	max-height: 250px;
+	overflow: hidden;
+	position: relative;
+
+	h4, p {
+		overflow-y: hidden;
+	}
+}
+
+.topic-search {
+	position: fixed;
+	top: 60px;
+	right: 10px;
+
+	button {
+		padding: 4px 6px;
+	}
+}
+
+.quick-search-container {
+	.dropdown-menu;
+	display: block;
+	left: auto;
+	right: 0px;
+	.filter-category {
+		padding-left: 20px;
+	}
+	.quick-search-results {
+		max-width: 400px;
+		max-height: 500px;
+		overflow-x: hidden;
+		overflow-y: auto;
+		padding: 0px 0px;
+		li {
+			list-style: none;
+			a {
+				text-overflow: ellipsis;
+				overflow: hidden;
+				display: block;
+				padding: 3px 20px;
+				clear: both;
+				font-weight: 400;
+				line-height: 1.42857143;
+				white-space: nowrap;
+			}
+		}
+		.quick-search-title {
+			font-weight: 600;
+		}
+
+		.snippet {
+			word-break: break-word;
+			white-space: normal;
+			font-size: initial;
+		}
+	}
+}
+
+@media (max-width: @screen-xs-max) {
+	.quick-search-container {
+		left: 0px;
+		right: 0px;
+	}
+}
+
+.quick-search-results, .search-results {
+	.post-info {
+		font-size: 12px;
+		.fa-stack {
+			font-size: 10px;
+			border-radius: 50%;
+		}
+	}
+}

package/{scss/style.scss → less/style.less}

@@ -7,9 +7,13 @@ body {
 	min-height: 100%;
 }
 
-@include media-breakpoint-down(sm) {
+#panel {
+	padding-top: var(--panel-offset);
+}
+
+@media (max-width: @screen-xs-max) {
 	.slideout-panel {
- 		min-height: 100vh;
+		min-height: 100vh;
 	}
 }
 
@@ -38,13 +42,17 @@ a:hover, .btn-link:hover, .btn-link:active, .btn-link:focus {
 		vertical-align: middle;
 		background: transparent;
 		margin: 0.25em;
-		@include pointer;
-		@include inline-block;
+		.pointer;
+		.inline-block;
 	}
 }
 
+.jumbotron {
+	word-wrap: break-word;
+}
+
 #content {
-	padding-bottom: 20px;
+	padding-bottom:20px;
 	-webkit-transition: opacity 150ms linear;
 	-moz-transition: opacity 150ms linear;
 	-ms-transition: opacity 150ms linear;
@@ -54,6 +62,7 @@ a:hover, .btn-link:hover, .btn-link:active, .btn-link:focus {
 	&.ajaxifying {
 		-moz-opacity: 0;
 		opacity: 0;
+		-ms-filter:~"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 	}
 }
 
@@ -62,19 +71,19 @@ a:hover, .btn-link:hover, .btn-link:active, .btn-link:focus {
 	vertical-align: middle;
 
 	&.online {
-		color: $success;
+		color: @material-success;
 	}
 
 	&.away {
-		color: $warning;
+		color: @material-warning;
 	}
 
 	&.dnd {
-		color: $danger;
+		color: @material-danger;
 	}
 
 	&.offline {
-		color: $gray-600;
+		color: @gray;
 	}
 }
 
@@ -88,7 +97,7 @@ a:hover, .btn-link:hover, .btn-link:active, .btn-link:focus {
 }
 
 .topic .topic-item.highlight, .category .category-item.highlight {
-	background-color: lighten($info, 20%);
+	background-color: lighten(@brand-info, 20%);
 }
 
 .fa-facebook-square {
@@ -134,16 +143,6 @@ a:hover, .btn-link:hover, .btn-link:active, .btn-link:focus {
 	}
 }
 
-.caret {
-    display: inline-block;
-    width: 0;
-    height: 0;
-    vertical-align: middle;
-    border-top: 4px dashed;
-    border-right: 4px solid transparent;
-    border-left: 4px solid transparent;
-}
-
 .fade-out {
 	position: absolute;
 	top: 190px;
@@ -203,6 +202,30 @@ a:hover, .btn-link:hover, .btn-link:active, .btn-link:focus {
 	background-image: -o-linear-gradient(top, transparent, #2b3e50);
 }
 
+.skin-darkly, .skin-cyborg {
+	[component="composer"] {
+		background: #333;
+
+		.title, .preview, textarea {
+			background-color: #303030;
+			color: #fff;
+		}
+
+		textarea {
+			outline: none;
+			border-color: #000;
+		}
+
+		.formatting-bar .formatting-group li, .formatting-bar span {
+			color: #fff;
+		}
+
+		.formatting-bar .formatting-group li:focus, .formatting-bar .formatting-group li:hover {
+			background-color: #444;
+		}
+	}
+}
+
 .icon-container {
 	.row {
 		margin: 0;
@@ -210,7 +233,7 @@ a:hover, .btn-link:hover, .btn-link:active, .btn-link:focus {
 			width:20px;
 			height:20px;
 			margin: 1px;
-			@include pointer();
+			.pointer;
 			line-height: 20px;
 			text-align: center;
 
@@ -238,6 +261,7 @@ a.permalink {
 	&:hover,
 	&:focus,
 	&:active {
+		color: @gray-light;
 		text-decoration: underline;
 	}
 }
@@ -251,7 +275,7 @@ a.permalink {
 	pointer-events: none;
 }
 
-@include media-breakpoint-down(sm) {
+@media (max-width: @screen-sm-max) {
 	.form-control {
 		font-size: 16px;
 	}
@@ -270,4 +294,4 @@ a.permalink {
 		top: 0;
 		left: 0;
 	}
-}
+}

package/less/tags.less

@@ -0,0 +1,37 @@
+.tags {
+
+}
+
+.tag-container {
+	margin-right: 1em;
+}
+
+.tag-item {
+	color: lighten(@gray-light, 20%);
+	padding: .2em .4em .3em;
+	font-size: 85%;
+	text-transform: uppercase;
+	color: #999;
+	font-weight: 700;
+	white-space: nowrap;
+}
+
+.tag-topic-count {
+	color: lighten(@brand-primary, 20%);
+	padding: 0em 0.4em 0.1em;
+	font-size: 85%;
+	font-weight: 700;
+	white-space: nowrap;
+	border-left: none;
+}
+
+.tag-list {
+	display: inline-block;
+	.tag {
+		text-transform: uppercase;
+		font-size: 10px;
+		background: lighten(@gray-lighter, 2.5%);
+		padding: 5px;
+		white-space: nowrap;
+	}
+}