Jump to content
Marketplace Ɨ
New Theme Coming Soon Ɨ
TPX
New Theme Coming Soon

user info pane


bitzu

Recommended Posts

am incercat mai multe modalitati de a gasi aceste coduri din Ā imagine. is implementate si in postContainer/custom.css si globaltemplate.Ā ceea ce e in imaginile astea https://imgur.com/a/CDybTV9

iti las si mai jos Ā postContainer/custom.css si globaltemplate daca o sa ma poti ajuta

globalTemplatešŸ‘‡

<!DOCTYPE html>
<html id='ipsfocus' lang="{expression="\IPS\Member::loggedIn()->language()->bcp47()"}" dir="{{if member.language()->isrtl}}rtl{{else}}ltr{{endif}}" class='focus-g{expression="member.member_group_id"} {{if !member.member_id}}focus-guest focus-guest-alert{{else}}focus-member{{endif}} focus-transparent focus-post-bar focus-post-buttons'>
	<head>
		<title>{expression="output.getTitle( $title )"}</title>
		{{if settings.ipbseo_ga_enabled}}{setting="ipseo_ga"}{{endif}}
		<!--[if lt IE 9]>
			{{foreach \IPS\Theme::i()->css( 'extra/ie8.css', 'core' ) as $css}}<link rel="stylesheet" type="text/css" href="{$css}">{{endforeach}}
		    <script src="{url="applications/core/interface/html5shiv/html5shiv.js" base="none" protocol="\IPS\Http\Url::PROTOCOL_RELATIVE"}"></script>
		<![endif]-->
		{template="includeMeta" app="core" group="global" location="global" params=""}
		<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700" rel="stylesheet" />
		{template="includeCSS" app="core" group="global" location="global" params=""}
		{template="js_head" app="core" group="global" location="global" params=""}
		{template="includeJS" if="theme.js_include != 'footer'" app="core" group="global" location="global" params=""}
		
		{template="js_backgroundPicker" if="(theme.js_include != 'footer') && (theme.focus_picker)" app="core" group="global" location="global" params=""}
		{template="js_general" if="theme.js_include != 'footer'" app="core" group="global" location="global" params=""}
		{template="js_globalMessage" if="(theme.js_include != 'footer') && (theme.global_close)" app="core" group="global" location="global" params=""}
		{template="js_countdown" if="(theme.js_include != 'footer') && (theme.countdown_enable)" app="core" group="global" location="global" params=""}
		{template="js_theme" if="theme.js_include != 'footer'" app="core" group="global" location="global" params=""}
		
		{template="favico" app="core" group="global" location="front" params=""}
	</head>
	<body class='ipsApp ipsApp_front {{if isset( \IPS\Request::i()->cookie['hasJS'] )}}ipsJS_has{{else}}ipsJS_none{{endif}} ipsClearfix{{foreach output.bodyClasses as $class}} {$class}{{endforeach}}' {{if output.globalControllers}}data-controller='{expression="implode( ',', output.globalControllers )"}'{{endif}} {{if isset( output.inlineMessage )}}data-message="{expression="output.inlineMessage"}"{{endif}} data-pageApp='{$location['app']}' data-pageLocation='front' data-pageModule='{$location['module']}' data-pageController='{$location['controller']}' {{if isset( \IPS\Request::i()->id )}}data-pageID='{expression="(int) \IPS\Request::i()->id"}'{{endif}}>
		
		<a href='#elContent' class='ipsHide' title='{lang="jump_to_content_desc"}' accesskey='m'>{lang="jump_to_content"}</a>
		
		{template="mobileNavBar" app="core" group="global" params=""}
		
		<div id='ipsLayout_header'>
			<header id='header'>
				<div class='ipsLayout_container header-align'>
					<div class='logo-wrap'>{template="logo" app="core" group="global" params=""}</div>
					
				</div>
              
<div style="float: right" class="ipsUserPanel">
{{if !\in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}{template="userBar" app="core" group="global" params=""}{{endif}}
</div>
</div></div>
			</header>
			<div class='nav-bar'>
				<div class='ipsLayout_container secondary-header-align'>
					<div class='focus-nav'>{template="navBar" app="core" group="global" params=""}</div>
                  <ul id="menu">
<li class="desktopipsmenu"><a href="/forum/"><i class="fa fa-home faIconNavBarZay"></i><span class="hovernavbartext">WESTBOOST</span></a></li>
  <li class="desktopipsmenu"><a href="/forum/"><i class="fa fa-comments faIconNavBarZay"></i><span class="hovernavbartext">Forums</span></a></li>
<li class="desktopipsmenu"><a href="index.php?/staff/"><i class="fa fa-users faIconNavBarZay"></i><span class="hovernavbartext">Staff</span></a></li>
  <li class="desktopipsmenu"><a href="index.php?/online/"><i class="fa fa-user-plus faIconNavBarZay"></i><span class="hovernavbartext">Online</span></a></li>
</ul>
					<div class='ipsfocus-search'></div>
                  <div class='user-links user-links-sep'>{template="userBar" app="core" group="global" params=""}</div>
				</div>
			</div>
		</div>
		
		<main id='ipsLayout_body' class='ipsLayout_container'>
			<div class='content-wrap'>
				
				<div class='content-padding'>
				
					<div class='precontent-blocks'>
						
						<div class='ipsfocus-breadcrumb'>
							{template="breadcrumb" app="core" group="global" params="'top'"}
						</div>
						
						{template="ipsfocus_backgroundPicker" if="theme.focus_picker" app="core" group="global" params=""}
						
						{template="updateWarning" app="core" group="global" params=""}
						
						{template="ipsfocus_countdown" if="theme.countdown_enable" app="core" group="global" params=""}
						{template="ipsfocus_globalMessage" if="theme.global_enable" app="core" group="global" params=""}
						{template="ipsfocus_guestMessage" if="(theme.guest_enable) && !in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses ) && !member.member_id" app="core" group="global" params=""}
						
					</div>
					
					<div id='ipsLayout_contentArea'>
						<div id='ipsLayout_contentWrapper'>
							{template="sidebar" if="theme.sidebar_position == 'left'" app="core" group="global" params="'left'"}
							<div id='ipsLayout_mainArea'>
								<a id='elContent'></a>
								{advertisement="ad_global_header"}
								{template="acknowledgeWarning" if="\IPS\Member::loggedIn()->members_bitoptions['unacknowledged_warnings']" params="\IPS\Member::loggedIn()->warnings( 1, FALSE )" group="global" app="core"}
								{{if !in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses ) and !member.members_bitoptions['profile_completion_dismissed'] and $nextStep = member.nextProfileStep()}}
									{template="profileNextStep" group="global" app="core" params="$nextStep, true"}
								{{endif}}
								{template="widgetContainer" group="global" app="core" params="'header', 'horizontal'"}
								{$html|raw}
								{template="widgetContainer" group="global" app="core" params="'footer', 'horizontal'"}
							</div>
							{template="sidebar" if="theme.sidebar_position == 'right'" app="core" group="global" params="'right'"}
						</div>
					</div>
					
				</div>
				{template="ipsfocus_megaFooter" if="theme.footer_enable" app="core" group="global" params=""}
				{template="breadcrumb" app="core" group="global" params="'bottom'"}
				{template="inlineMessage" if="member.msg_show_notification and $message = \IPS\core\Messenger\Conversation::latestUnreadMessage()" app="core" group="global" params="$message"}
			</div>
		</main>
		<footer id='ipsLayout_footer'>
			{advertisement="ad_global_footer"}
			<div class='ipsLayout_container'>
				{template="footer" app="core" group="global" params=""}
			</div>
		</footer>
		{template="mobileNavigation" if="theme.responsive" app="core" group="global" params=""}
		{template="guestTermsBar" if="!\IPS\Member::loggedIn()->member_id and \IPS\Settings::i()->guest_terms_bar" app="core" group="global" params="base64_encode( \IPS\Settings::i()->base_url )"}
		{template="includeJS" if="theme.js_include == 'footer'" app="core" group="global" location="global" params=""}
		
		{template="js_backgroundPicker" if="(theme.js_include == 'footer') && (theme.focus_picker)" app="core" group="global" location="global" params=""}
		{template="js_general" if="theme.js_include == 'footer'" app="core" group="global" location="global" params=""}
		{template="js_countdown" if="(theme.js_include == 'footer') && (theme.countdown_enable)" app="core" group="global" location="global" params=""}
		{template="js_globalMessage" if="(theme.js_include == 'footer') && (theme.global_close)" app="core" group="global" location="global" params=""}
		{template="js_theme" if="theme.js_include == 'footer'" app="core" group="global" location="global" params=""}
		
		{template="viglink" if="settings.viglink_enabled" app="core" group="global" params=""}
		{template="metaTagEditor" if="isset( $_SESSION['live_meta_tags'] ) and $_SESSION['live_meta_tags'] and member.isAdmin()" app="core" group="global" params=""}
		<!--ipsQueryLog-->
		<!--ipsCachingLog-->
		{expression="output.endBodyCode" raw="true"}
		{{if settings.fb_pixel_enabled and settings.fb_pixel_id and $noscript = \IPS\core\Facebook\Pixel::i()->noscript()}}
      
      <noscript>
			{$noscript|raw}
			</noscript>
		{{endif}}
	</body>
</html>

postContainer

{{$idField = $comment::$databaseColumnId;}}
{{$itemClassSafe = str_replace( '\\', '_', mb_substr( $comment::$itemClass, 4 ) );}}
{{if $comment->isIgnored()}}
	<div class='ipsComment ipsComment_ignored ipsType_light' id='elIgnoreComment_{$comment->$idField}' data-ignoreCommentID='elComment_{$comment->$idField}' data-ignoreUserID='{$comment->author()->member_id}'>
		{lang="ignoring_content" sprintf="$comment->author()->name"} <a href='#elIgnoreComment_{$comment->$idField}_menu' data-ipsMenu data-ipsMenu-menuID='elIgnoreComment_{$comment->$idField}_menu' data-ipsMenu-appendTo='#elIgnoreComment_{$comment->$idField}' data-action="ignoreOptions" title='{lang="see_post_ignore_options"}' class='ipsType_blendLinks'>{lang="options"} <i class='fa fa-caret-down'></i></a>
		<ul class='ipsMenu ipsHide' id='elIgnoreComment_{$comment->$idField}_menu'>
			<li class='ipsMenu_item ipsJS_show' data-ipsMenuValue='showPost'><a href='#'>{lang="show_this_post"}</a></li>
			<li class='ipsMenu_sep ipsJS_show'><hr></li>
			<li class='ipsMenu_item' data-ipsMenuValue='stopIgnoring'><a href='{url="app=core&module=system&controller=ignore&do=remove&id={$comment->author()->member_id}" seoTemplate="ignore"}'>{lang="stop_ignoring_posts_by" sprintf="$comment->author()->name"}</a></li>
			<li class='ipsMenu_item'><a href='{url="app=core&module=system&controller=ignore" seoTemplate="ignore"}'>{lang="change_ignore_preferences"}</a></li>
		</ul>
	</div>
{{endif}}

<a id='comment-{$comment->$idField}'></a>
<article {{if $comment->author()->hasHighlightedReplies()}}data-memberGroup="{$comment->author()->member_group_id}" {{endif}} id='elComment_{$comment->$idField}' class='cPost ipsBox {{if $otherClasses}}{$otherClasses}{{endif}} ipsComment {{if ( settings.reputation_enabled and settings.reputation_highlight and $comment->reactionCount() >= settings.reputation_highlight ) OR $comment->isFeatured()}}ipsComment_popular{{endif}} ipsComment_parent ipsClearfix ipsClear ipsColumns ipsColumns_noSpacing ipsColumns_collapsePhone {{if $comment->author()->hasHighlightedReplies()}}ipsComment_highlighted{{endif}} {{if $comment->isIgnored()}}ipsHide{{endif}} {{if $comment->hidden() OR $item->hidden() === -2}}ipsModerated{{endif}}'>
	{{if $item->isQuestion() and !$comment->new_topic}}
		{template="postRating" group="topics" app="forums" params="$item, $comment, $votes"}
	{{endif}}

	<div class='cAuthorPane cAuthorPane_mobile ipsResponsive_showPhone ipsResponsive_block'>
		<h3 class='ipsType_sectionHead cAuthorPane_author ipsResponsive_showPhone ipsResponsive_inlineBlock ipsType_break ipsType_blendLinks ipsTruncate ipsTruncate_line'>
			{template="userLink" group="global" app="core" params="$comment->author(), $comment->warningRef(), TRUE"}
			<span class='ipsResponsive_showPhone ipsResponsive_inline'>&nbsp;&nbsp;{template="reputationBadge" group="global" app="core" params="$comment->author()"}</span>
		</h3>
		<li class='cAuthorPane_photo'>
                  {{if $comment->author()->pp_main_photo}}
                      <span class='ipsUserPhoto ipsUserPhoto_variable'>
                          <img src="{setting='base_url'}uploads/{$comment->author()->pp_main_photo}" />
                    </span>
              {{else}}
                          <img src='{resource="default_photo.png" app="core" location="global"}' />
              {{endif}}
            </li>
	</div>
	<aside class='ipsComment_author cAuthorPane ipsColumn ipsColumn_medium ipsResponsive_hidePhone'>
		<h3 class='ipsType_sectionHead cAuthorPane_author ipsType_blendLinks ipsType_break'><strong>{template="userLink" group="global" app="core" params="$comment->author(), $comment->warningRef(), FALSE"}
			</strong> <span class='ipsResponsive_showPhone ipsResponsive_inline'>&nbsp;&nbsp;{template="reputationBadge" group="global" app="core" params="$comment->author()"}</span></h3>
		<ul class='cAuthorPane_info ipsList_reset'>
			{{if $comment->author()->member_title && $comment->author()->member_id}}
				<li class='ipsType_break nexs-memTitle'>{$comment->author()->member_title}</li>
			{{elseif $comment->author()->rank['title'] && $comment->author()->member_id}}
				<li class='ipsType_break'>{$comment->author()->rank['title']}</li>
			{{endif}}
			{{if $comment->author()->rank['image'] && $comment->author()->member_id}}
				<li>{$comment->author()->rank['image']|raw}</li>
			{{endif}}

			<li class='cAuthorPane_photo'>
              {{if $comment->author()->pp_main_photo AND $comment->author()->pp_thumb_photo}}
              <img src="{url="" base=""}/uploads/{$comment->author()->pp_main_photo}">
              {{else}}
              <img src="{$comment->author()->photo}">
              {{endif}}
			</li>
          <div class="sharosky__group">
			<li>{expression="\IPS\Member\Group::load( $comment->author()->member_group_id )->formattedName" raw="true"}</li>
          </div>
          <li class="sharosky__field"><span class="leftpx"><i class="material-icons">question_answer</i>Posts</span><span class="rightpx">{$comment->author()->member_posts}</span></li>
          <li class="sharosky__field"><span class="leftpx"><i class="material-icons">thumb_up_alt</i>Likes</span><span class="rightpx">{$comment->author()->pp_reputation_points}</span></li>
          <li class="sharosky__field"><span class="leftpx"><i class="material-icons">warning</i>Warns</span><span class="rightpx">{$comment->author()->warn_level}</span></li>
          <li class="sharosky__field"><span class="leftpx"><i class="material-icons">fingerprint</i>ID</span><span class="rightpx">#{$comment->author()->member_id}</span></li>
      </ul>
    
	</aside>
	<div class='ipsColumn ipsColumn_fluid'>
		{template="post" group="topics" app="forums" params="$item, $comment, $item::$formLangPrefix . 'comment', $item::$application, $item::$module, $itemClassSafe"}
	</div>
</article>

custom.css

.headmenu {
    height: 100px;
    line-height: 100px;
    background: rgba(97, 66, 82, 0.5);
    backdrop-filter: blur(5px);
  	z-index: 9999;
    width: 100%;
  	transition: all 0.3s ease;
}
/* width */
::-webkit-scrollbar {
  width: 15px;
}
.parallax-window {
    min-height: 400px;
    background: transparent;
}

.ipsMessage {
    background: #1b1c1f url(https://i.imgurd.com/1ErVFc5.png) center no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}
/* Track */
::-webkit-scrollbar-track {
    background: transparent;
}
button.ipsApp.ipsButton.ipsButton_important.teamspeakbutton {
    background: #311f26 url(https://i.imgurd.com/1ErVFc5.png);
    width: 100%;
    height: 100px;
    text-transform: lowercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  	background-size: 100%;
}
#ipsfocus .cPost.ipsComment_highlighted:not(.ipsComment_selected):not(.ipsModerated):before, #ipsfocus .cPost.ipsComment_highlighted.ipsComment:not(.ipsComment_selected):not(.ipsModerated) .cAuthorPane_mobile, #ipsfocus .ipsComment_highlighted.ipsComment:not(.ipsComment_selected):not(.ipsModerated) .ipsComment_header {
	background: transparent !important;
}
.ipsWidget_inner a, .ipsWidget_inner a:hover {
	color: #eef2ff;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: #f1c230;
    border: 4px solid #1b1c1f;
    border-radius: 999px;
}
i.unread.crz_subforum_icon .material-icons {
  	color: #f1c230;
}
#chatcontent .ipsList_inline {
    display: table;
    color: rgb(118, 118, 118);
    font-weight: 600;
    font-size: 13px;
    position: relative;
    margin-top: 14px;
    background: rgb(27, 28, 31);
    padding: 10px;
    border-radius: 15px;
}
ul.ipsDataItem_subList.ipsList_inline li::after {
    width: 8px;
    height: 8px;
    content: "";
    position: absolute;
    top: 5px;
    bottom: 0px;
    left: -12px;
    vertical-align: middle;
    border-radius: 999px;
    background: linear-gradient(to right, rgb(241, 194, 48), rgb(244, 156, 45), rgb(244, 156, 45)) !important;
}
ul.ipsDataItem_subList.ipsList_inline li:not(.ipsDataItem_unread), ul.ipsDataItem_subList.ipsList_inline li {
	position: relative;
}

ul.ipsDataItem_subList.ipsList_inline li:not(.ipsDataItem_unread)::after {
    width: 8px;
    height: 8px;
    content: "";
    position: absolute;
    top: 5px;
    bottom: 0px;
    left: -12px;
    vertical-align: middle;
    border-radius: 999px;
    background: white !important;
}
#chatcontent .ipsPhotoPanel.ipsPhotoPanel_tiny > div {
    margin-left: 95px;
}
#chatcontent .ipsList_inline::before {
    content: "";
    position: absolute;
    margin-left: 10px;
    bottom: 100%;
    border-color: transparent transparent rgb(27, 28, 31);
    border-width: 6px;
    border-style: solid;
}
.cAuthorPane {
	border-right: 0;
}
article.cPost.ipsBox.ipsComment.ipsComment_parent.ipsClearfix.ipsClear.ipsColumns.ipsColumns_noSpacing.ipsColumns_collapsePhone.ipsComment_highlighted {
    background: #17181b;
    border-radius: 15px;
}
.material-icons {
vertical-align: middle
}
i.crz_subforum_icon .material-icons {
  	color: white;
}
li.ipsDataItem.chat_row {
    margin: 10px;
    background: rgba(49, 31, 38, 0.5) !important;
    padding: 10px;
    border-radius: 10px;
    backdrop-filter: blur(10px);
    border: 0;
}
.ipsDataItem_icon.ipsDataItem_category {
    height: 100%;
    line-height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 60px;
}
span.ipsItemStatus.ipsItemStatus_large.cForumIcon_normal {
    height: 60px;
    line-height: 60px;
    width: 60px;
    text-align: center;
    border-radius: 10px;
    background: #1b1c1f url(https://i.imgurd.com/I97ddZE.png) center no-repeat;
    background-position: center center;
    background-size: 100%;
}
.headmenu:hover {top: 0;z-index: 9999;}
.headmenu:after {
    top: 100px;
    content: 'swap_vert';
    height: 40px;
    width: 40px;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 40px;
    text-align: center;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    left: calc(50% - 40px);
    position: absolute;
    border-radius: 0px 0px 10px 10px;
    background: rgba(97, 66, 82, 0.5);
    backdrop-filter: blur(5px);
}
.headmenu a {
    padding: 0 25px;
  	color: #fff;
  	text-transform: uppercase;
}
.headmenu a span{
	font-weight: 700;
}
.rightPane {
    display: inline-block;
    float: right;
}
ul.ipsDataList.ipsDataList_reducedSpacing .ipsDataItem {
    border: 0;
    margin: 10px;
    background: rgb(23, 24, 27) !important;
    border-radius: 10px;
    backdrop-filter: blur(10px);
}
.ipsUserPhoto_tiny img, img.ipsUserPhoto_tiny, .ipsUserPhoto_tiny:after {
	border-radius: 10px;
}
.searchbar {
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    background: rgba(255, 255, 255, 0.05);
}
li.ipsWidget.ipsWidget_vertical.ipsBox {
    margin: 10px 0px;
  	border-radius: 10px;
    background: #1b1c1f url(https://i.imgurd.com/1ErVFc5.png);
}
li.cForumRow.ipsBox.ipsSpacer_bottom {
    margin: 20px;
  	border-radius: 10px;
    background: #1b1c1f url(https://i.imgurd.com/1ErVFc5.png);
}
[data-controller="bim.chatbox.free"] {
    background: #1b1c1f url(https://i.imgurd.com/1ErVFc5.png);
  	border-radius: 10px;
}
[data-controller="bim.chatbox.free"] div#chatBoxForm {
    background: rgba(82, 52, 63, 0.3);
    border-radius: 0 0 10px 10px;
}
.ipsWidget_inner.ipsPad {
    margin: 10px;
    background: rgb(27, 28, 31) !important;
    border-radius: 10px;
    backdrop-filter: blur(10px);
}
li.ipsWidget.ipsBox.ipsWidget_horizontal {
    margin: 20px;
    border-radius: 10px;
    background: #1b1c1f url(hhttps://i.imgurd.com/1ErVFc5.png);
}
.material-icons {
    line-height: unset !important;
    vertical-align: middle !important;
}
.ipsUserPhoto_variable img, img.ipsUserPhoto_variable, .ipsUserPhoto_variable:after {
		width: 170px;
		{{if theme.rounded_photos}}
			border-radius: 0px;
		{{endif}}
	}
li.cForumRow.ipsDataItem.ipsDataItem_responsivePhoto.ipsClearfix {
    margin: 10px;
    background: #1b1c1f !important;
    border-radius: 10px;
}
h4.ipsDataItem_title.ipsType_large.ipsType_break {
    opacity: 1;
    position: relative;
}
.cForumList .ipsDataItem {
    margin-bottom: 20px;
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.03);
}
.cForumRow .ipsType_sectionTitle, .cForumList .ipsType_sectionTitle, .cWidgetContainer[data-widgetArea="header"] ul > li.ipsWidget .ipsType_sectionTitle, .cWidgetContainer[data-widgetArea="header"] ul > li.ipsWidget .ipsWidget_title {
	background: transparent;
    height: 115px;
    font-size: 18px;
    font-weight: bold;
    padding: 50px 50px 0 46px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
    color: #f4f4f4;
}
h4.ipsDataItem_title.ipsType_large.ipsType_break {
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    padding: 14px 20px;
    border-radius: 5px;
    letter-spacing: 1px;
    transition: 0.3s linear;
}
body {
	background: #1b1c1f url(https://i.imgurd.com/1ErVFc5.png);
    background-repeat: no-repeat;
    background-position: top center;
}

#ipsLayout_header {
	background: unset !important;
}

.ipsBreadcrumb:before {
	display: none;
}
.bimcb_chatArea.ipsBox.ipsClearfix {
    border-radius: 5px;
    border: 2px solid #f1c230;
}
.ipsApp .ipsBreadcrumb {
    line-height: 45px;
    border-radius: 10px;
    box-shadow: unset;
    border: unset;
    color: #f2f2ff;
    font-size: 16px;
}

[data-controller="bim.chatbox.free"] div#chatBoxForm,.focus-post-bar .cTopic .ipsItemControls, .cPost:before, .headmenu, .headmenu:after, li.cForumRow.ipsBox.ipsSpacer_bottom, li.ipsWidget.ipsWidget_vertical.ipsBox, li.ipsWidget.ipsBox.ipsWidget_horizontal, [data-controller="bim.chatbox.free"], .ipsBreadcrumb.ipsBreadcrumb_top {
    background: rgba(0, 0, 0, 0.14);
    background-size: cover;
  	backdrop-filter: blur(1px);
  	-webkit-backdrop-filter: blur(1px);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

li.cForumRow.ipsBox.ipsSpacer_bottom {
    padding: 20px;
    margin: unset !important;
    margin-bottom: 40px !important;
}

.cForumRow .ipsType_sectionTitle, .cForumList .ipsType_sectionTitle, .cWidgetContainer[data-widgetArea="header"] ul > li.ipsWidget .ipsType_sectionTitle, .cWidgetContainer[data-widgetArea="header"] ul > li.ipsWidget .ipsWidget_title {
    height: unset !important;
    font-size: 20px !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
}

li.cForumRow.ipsDataItem.ipsDataItem_responsivePhoto.ipsClearfix {
    margin: unset !important;
}

span.ipsItemStatus.ipsItemStatus_large.cForumIcon_normal {
	background: unset !important;
}

.cForumToggle:after {
    transform: translateY(-10px);
}

h4.ipsDataItem_title.ipsType_large.ipsType_break {
    padding: 15px 0 !important;
}

.cForumList .ipsDataItem_unread .ipsDataItem_title:before, .cForumGrid_unread .ipsPhotoPanel h3 a:before {
    background: #f1c230;
}

.ipsWidget.ipsWidget_vertical .ipsWidget_title, .ipsWidget.ipsWidget_horizontal .ipsWidget_title {
    padding: 20px 10px 0 !important;
    height: unset !important;
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.header_slider-content {
    width: 50%;
    margin-top: 105px;
}
.header_slider-title {
    color: #fff;
    line-height: normal;
    font-size: 24px;
    font-weight: 700;
}
.header_slider-subtitle {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding-top: 15px;
    line-height: normal;
}
.header_slider-btn--orange {
    background: #f49c2d;
    background: -webkit-linear-gradient(to right, #f1c230, #f49c2d, #f49c2d);
    background: linear-gradient(to right, #f1c230, #f49c2d, #f49c2d);
}
.header_slider-btn {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-shadow: 0px 2px rgba(181, 101, 0, 0.3);
    padding: 15px 40px;
    border-radius: 25px;
    display: inline-block;
    margin-top: 30px;
}
.header_slider-content {
    width: 50%;
    margin-top: 105px;
}
.header_slider-content {
    width: 80%;
    margin-top: 105px;
    margin-left: 55px;
    margin-bottom: 105px;
}
.header_slider-btn--orange:hover {
    color: #fff;
    -moz-box-shadow: 0px 0px 32px rgba(241, 194, 48, 0.2);
    -webkit-box-shadow: 0px 0px 32px rgba(241, 194, 48, 0.2);
    box-shadow: 0px 0px 32px rgba(241, 194, 48, 0.2);
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.ipsContentBox {
	overflow: hidden;
}

#ipsLayout_header header {
	padding: 0px;
	background-color: transparent;
	padding-bottom: 40px;
	position: relative;
	padding-top: 0px;
}
.shiftingmenu ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.ipsNavigation .meniuHeader {
	margin-top: 0px;
	display: inline-block;
	line-height: 80px;
	padding-left: 24px;
}
.ipsLogo {
    display: inline-block;
}
.meniuforum a {
    background: transparent;
    font-size: 14px;
    color: #818181;
    padding: 0px 20px;
    border-radius: 2px 2px 0px 0px;
    font-weight: 700;
    transition: all 0.3s linear;
}
.unMainContent {
    flex: 1 1 100px;
}
.meniuforum {
	display: inline-block;
}
.meniuHeader a {
    background: transparent;
    font-size: 14px;
    color: #818181;
    padding: 0px 20px;
    border-radius: 2px 2px 0px 0px;
    font-weight: 700;
    transition: all 0.3s linear;
}
.ipsNavigation {
    background: rgba(9, 9, 11, 0.8);
    height: 80px;
  	display: inline-block;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.shiftingmenu {
    display: inline-block;
}
.ipsNavigation .meniuHeader a {
	background: transparent;
	font-size: 14px;
	color: #818181;
	padding: 0px 20px;
	border-radius: 2px 2px 0px 0px;
	font-weight: 700;
	transition: all 0.3s linear;
}

.ipsNavigation .meniuHeader a:hover {
	color: #f2b42f;
	background: none;
}
.ipsContentBox {
    background: linear-gradient(to bottom, rgba(11, 12, 14, 0.7), rgba(11, 12, 14, 0.0));
    display: inline-block;
    padding: 40px 0px 42px 40px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    height: 130px;
    width: 100%;
}

.ipsSubLogo {
	background: #18191e;
	border-radius: 0;
	font-size: 13px;
	font-weight: 700;
	color: #818181;
	padding: 15px 20px;
	margin-left: 30px;
	position: relative;
	cursor: pointer;
	transition: all 0.3s ease 0s;
	animation: logoH 6s ease-in-out infinite;
}

/* postcontainer */

.cAuthorPane {
	border-right: 1px solid rgba(12, 12, 12, 0.7);
}

.cAuthorPane_photo img {
	max-width: 170px;
	width: auto;
}

html[dir] .cPost .ipsComment_content {
	padding-right: 20px !important;
	padding-left: 20px !important;
}

.sharosky__group {
	height: 44px;
	line-height: 45px;
	display: block;
	font-size: 10px;
	padding: 0 10px;
	letter-spacing: 1.5px;
	text-transform: lowercase;
	position: relative;
}

.sharosky__field:first-of-type {
	margin-top: 30px;
}

.sharosky__field {
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-bottom: 2px;
	position: relative;
	cursor: pointer;
}

.sharosky__field .leftpx {
	float: left;
	color: #ccc;
	letter-spacing: 0.5px;
	text-transform: lowercase;
	font-weight: 400;
	font-size: 13px;
}
.ipsItemControls {
    background: transparent !important;
    border-top: 0;
}
.sharosky__field:after {
	content: '';
	position: absolute;
	bottom: 0px;
	height: 3px;
  	border-radius: 10px;
	width: 38px;
	background: linear-gradient(to right, rgb(241, 194, 48), rgb(244, 156, 45), rgb(244, 156, 45));
	left: 120px;
	transition: all 0.3s;
}
#ipsLayout_footer {
    margin: 0px;
    padding: 20px 0;
    background: #111214;
}
.sharosky__about {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin: auto;
    padding: 25px 0px;
    color: rgb(118, 118, 118);
    width: 50%;
}
.sharosky__footer {
    margin-left: 0;
    border-radius: 15px;
    width: 100%;
    padding: 50px 10px;
    display: inline-block;
  	text-align: center;
}
.sharosky__field i {
	position: relative;
	width: 35px;
	top: 0;
	font-size: 20px;
}
.sharosky__field:hover:after {
left: 0;
width: 170px;
transition: 0.3s cubic-bezier(0, 0, 0.04, 1.18);
}
.sharosky__field .rightpx {
	float: right;
	width: 60px;
	color: #ccc;
	font-weight: bold;
}

.nexs-memTitle {
	position: relative;
	padding: 3px;
	letter-spacing: 0.2px;
	font-size: 12px;
	color: rgba(250, 250, 250, 0.4);
	margin-bottom: 10px;
	box-sizing: border-box;
	border-bottom: 1px solid #f1c230;
}

.nexs-memTitle:before {
	content: "";
	position: absolute;
	left: calc(50% - 5px);
	bottom: -16px;
	transform: translateY(-50%);
	border: 5px solid;
	border-color: #f1c230 transparent transparent transparent;
}

html[dir="ltr"] #elUserNav {
	right: 46.35px;
	top: 46.35px;
}


/* .sharosky__badges:hover .sharosky__badges-ecila {
    height: 280px;
    position: relative;
    display: inline-block;
}
.sharosky__badges-ecila {
    position: relative;
    margin: 0 auto;
    height: 2px;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    margin-top: 15px;
} */

/* footer */


.cAuthorPane_photo img {
    max-width: 170px;
    width: 300px;
}

Ā 

Ā 

Link to comment
Share on other sites

Codul de userinfo panel HTML

<div class="sharosky__group">
			<li>{expression="\IPS\Member\Group::load( $comment->author()->member_group_id )->formattedName" raw="true"}</li>
          </div>
          <li class="sharosky__field"><span class="leftpx"><i class="material-icons">question_answer</i>Posts</span><span class="rightpx">{$comment->author()->member_posts}</span></li>
          <li class="sharosky__field"><span class="leftpx"><i class="material-icons">thumb_up_alt</i>Likes</span><span class="rightpx">{$comment->author()->pp_reputation_points}</span></li>
          <li class="sharosky__field"><span class="leftpx"><i class="material-icons">warning</i>Warns</span><span class="rightpx">{$comment->author()->warn_level}</span></li>
          <li class="sharosky__field"><span class="leftpx"><i class="material-icons">fingerprint</i>ID</span><span class="rightpx">#{$comment->author()->member_id}</span></li>

Cod de unserinfo panel CSS

.sharosky__group {
	height: 44px;
	line-height: 45px;
	display: block;
	font-size: 10px;
	padding: 0 10px;
	letter-spacing: 1.5px;
	text-transform: lowercase;
	position: relative;
}

.sharosky__field:first-of-type {
	margin-top: 30px;
}

.sharosky__field {
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-bottom: 2px;
	position: relative;
	cursor: pointer;
}

.sharosky__field .leftpx {
	float: left;
	color: #ccc;
	letter-spacing: 0.5px;
	text-transform: lowercase;
	font-weight: 400;
	font-size: 13px;
}
.ipsItemControls {
    background: transparent !important;
    border-top: 0;
}
.sharosky__field:after {
	content: '';
	position: absolute;
	bottom: 0px;
	height: 3px;
  	border-radius: 10px;
	width: 38px;
	background: linear-gradient(to right, rgb(241, 194, 48), rgb(244, 156, 45), rgb(244, 156, 45));
	left: 120px;
	transition: all 0.3s;
}

Ā 

Link to comment
Share on other sites

am rezolvat mersi pentru indiciiĀ šŸ’–

asta e tot codul din custom.css de care era nevoie

sharosky__group {
	height: 44px;
	line-height: 45px;
	display: block;
	font-size: 10px;
	padding: 0 10px;
	letter-spacing: 1.5px;
	text-transform: lowercase;
	position: relative;
}

.sharosky__field:first-of-type {
	margin-top: 30px;
}

.sharosky__field {
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-bottom: 2px;
	position: relative;
	cursor: pointer;
}

.sharosky__field .leftpx {
	float: left;
	color: #ccc;
	letter-spacing: 0.5px;
	text-transform: lowercase;
	font-weight: 400;
	font-size: 13px;
}
.ipsItemControls {
    background: transparent !important;
    border-top: 0;
}
.sharosky__field:after {
	content: '';
	position: absolute;
	bottom: 0px;
	height: 3px;
  	border-radius: 10px;
	width: 38px;
	background: linear-gradient(to right, rgb(241, 194, 48), rgb(244, 156, 45), rgb(244, 156, 45));
	left: 120px;
	transition: all 0.3s;
}
#ipsLayout_footer {
    margin: 0px;
    padding: 20px 0;
    background: #111214;
}
.sharosky__about {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin: auto;
    padding: 25px 0px;
    color: rgb(118, 118, 118);
    width: 50%;
}
.sharosky__footer {
    margin-left: 0;
    border-radius: 15px;
    width: 100%;
    padding: 50px 10px;
    display: inline-block;
  	text-align: center;
}
.sharosky__field i {
	position: relative;
	width: 35px;
	top: 0;
	font-size: 20px;
}
.sharosky__field:hover:after {
left: 0;
width: 170px;
transition: 0.3s cubic-bezier(0, 0, 0.04, 1.18);
}
.sharosky__field .rightpx {
	float: right;
	width: 60px;
	color: #ccc;
	font-weight: bold;
}

si asta cel de la postcontainer pe care mi lai dat tu ii lipseaĀ Ā 

</ul>

Ā 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...