.manageralert{
margin:25px 0;
color:@xf-contentBg;
}
.alert-content , .alerticon{
background-image: url('https://up44.net/uploads/158374160008951.png');
border:1px solid #ccc;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.alert-content {
margin-left:90px;
padding:15px;
position:relative;
}
.alert-content:before , .alert-content:after{
content:'';
display:block;
border-right:20px solid @xf-linkHoverColor;
border-bottom:15px solid transparent;
position:absolute;
left:-20px;
top:15px;
z-index:10
}
.alert-content:after{
border-right:23px solid #ccc;
border-bottom:18px solid transparent;
left:-23px;
top:14px;
z-index:9
}
.alert-content h3 {
padding:0;
margin:0 0 10px;
}
.alert-content h3 label{
display:inline-block;
font-weight:bold;
padding:0 0 3px;
border-bottom:2px solid;
margin-left:7px;
}
.alert-content p{
margin:0;
padding:0;
}
.alerticon{
float:left;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
width:70px;
height:70px;
line-height:70px;
text-align:center;
font-size:23px;
margin-top:10px;
}
.p-navEl-link {
&:before{
font-size: 15px;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 3px;
.m-faBase();
}
&[data-nav-id="home"]:before{content: '\f015';}
&[data-nav-id="forums"]:before{content: '\f086';}
&[data-nav-id="whatsNew"]:before{content: '\f0e7';}
&[data-nav-id="members"]:before{content: '\f007';}
&[data-nav-id="newPosts"]:before{content: '\f075';}
&[data-nav-id="findThreads"]:before{content: '\f002';}
&[data-nav-id="watched"]:before{content: '\f2f1'; }
&[data-nav-id="searchForums"]:before{content: '\f689';}
&[data-nav-id="markForumsRead"]:before{content: '\f5b7';}
}
.menu-linkRow{
&:before{
display: inline-block;
font-size: 15px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 3px;
.m-faBase();
}
&[data-nav-id="whatsNewPosts"]:before{content: '\f4ad';}
&[data-nav-id="whatsNewProfilePosts"]:before{content: '\f4ff';}
&[data-nav-id="whatsNewNewsFeed"]:before{content: '\f09e';}
&[data-nav-id="latestActivity"]:before{content: '\f6a3';}
&[data-nav-id="currentVisitors"]:before{content: '\f0c0';}
&[data-nav-id="newProfilePosts"]:before{content: '\f4ff';}
&[data-nav-id="searchProfilePosts"]:before{content: '\f00e';}
&[data-nav-id="yourThreads"]:before{content: '\f4ad';}
&[data-nav-id="contributedThreads"]:before{content: '\f4ac';}
&[data-nav-id="unansweredThreads"]:before{content: '\f4b5';}
&[data-nav-id="watchedThreads"]:before{content: '\f14e';}
&[data-nav-id="watchedForums"]:before{content: '\f4ac';}
}
.menu-tabHeader .tabs-tab{
&:before{
display: inline-block;
font-size: 15px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 3px;
.m-faBase();
}
&[href="{{ link('account') }}"]:before{content: '\f509';}
&[href="{{ link('account/bookmarks') }}"]:before{content: '\f02e';}
}
.menu-content .listPlain .menu-linkRow{
&:before{
display: inline-block;
font-size: 15px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 3px;
.m-faBase();
}
&[href="{{ link('whats-new/news-feed') }}"]:before{content: '\f09e';}
&[href*="{{ link('search/member') }}"]:before{content: '\f4b2';}
&[href*="{{ link('account/reactions') }}"]:before{content: '\f361';}
&[href="{{ link('account/account-details') }}"]:before{content: '\f4fe';}
&[href="{{ link('account/security') }}"]:before{content: '\f502';}
&[href="{{ link('account/privacy') }}"]:before{content: '\f505';}
&[href="{{ link('account/preferences') }}"]:before{content: '\f6a3';}
&[href="{{ link('account/signature') }}"]:before{content: '\f5b7';}
&[href="{{ link('account/following') }}"]:before{content: '\f14e';}
&[href="{{ link('account/ignored') }}"]:before{content: '\f4fa';}
}
[href*="{{ link('logout') }}"]:before{
display: inline-block;
.m-faBase();
content: '\f011';
font-size: 15px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 3px;
}
.actionBar-action:before {
margin-right: 5px;
}
.actionBar-action--edit:before {.m-faContent("\f040");}
.actionBar-action--report:before {.m-faContent("\f071");}
.actionBar-action--ip:before {.m-faContent("\f002");}
.actionBar-action--delete:before {.m-faContent("\f00d");}
.actionBar-action--spam:before {.m-faContent("\f024");}
.actionBar-action--warn:before {.m-faContent("\f12a");}
.actionBar-action--history:before {.m-faContent("\f1da");}
.message-userExtras dl {
padding: 5px 8px 5px 25px;
background-color: #fff;
margin: 0 0 3px;
position: relative;
font-size: 10px;
height: 24px;
border-radius: 15px;
border: 1px solid #e4e4e4;
}
.message-userExtras dl i {
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 24px;
background-color: @xf-linkHoverColor;
color: #fff;
display: block;
text-align: center;
line-height: 20px;
font-size: 13px;
text-shadow: 0 1px 0 #654e2f;
}
.pairs.pairs--justified > dt {
color: #212121;
}
.message-threadStarter{
position:absolute;
right:70px;
top:-5px;
z-index:1;
overflow:hidden;width:75px;
height:75px;
text-align:left
}
.message-threadStarter .message-threadStarter--indicator
{
font-size:9px;
color:#fefefe;
font-weight:700;
position:absolute;
top:10px;
left:-17px;
text-transform:uppercase;
text-align:center;
line-height:20px;
width:75px;
display:block;
background:#79A70A;
background: linear-gradient(#9bc90d 0%, #79a70a 100%);
box-shadow:0 3px 10px -5px #000;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg)
}
.message-threadStarter .message-threadStarter--indicator:before,.message-threadStarter .message-threadStarter--indicator:after
{
content:"";
position:absolute;
top:100%;
z-index:-1;
border:3px solid;
border-top-color:#79a70a;
border-bottom-color:transparent
}
.message-threadStarter .message-threadStarter--indicator:before
{
left:0;
border-left-color:#79a70a;
border-right-color:transparent
}
.message-threadStarter .message-threadStarter--indicator:after{
right:0;
border-left-color:transparent;
border-right-color:#79a70a
}
.message-threadStarter .message-threadStarter--indicatorOff
{
font-size:10px;
color:#fefefe;
font-weight:700;
position:absolute;
top:10px;
left:-17px;
text-transform:uppercase;
text-align:center;
line-height:20px;
width:75px;
display:block;
background:#2577b1;
background:linear-gradient(#3492d5 0%, #2577b1 100%);
box-shadow:0 3px 10px -5px #000;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg)
}
.message-threadStarter .message-threadStarter--indicatorOff:before,.message-threadStarter .message-threadStarter--indicatorOff:after
{
content:"";
position:absolute;
top:100%;
z-index:-1;
border:3px solid;border-top-color:#2577b1;
border-bottom-color:transparent
}
.message-threadStarter .message-threadStarter--indicatorOff:before
{
left:0;
border-left-color:#2577b1;
border-right-color:transparent
}
.message-threadStarter .message-threadStarter--indicatorOff:after{
right:0;
border-left-color:transparent;
border-right-color:#2577b1
}
.message-avatar-wrapper .message-avatar-online {
border: 0;
}
@media (max-width: @xf-responsiveNarrow)
{
.message-threadStarter
{
display: none;
}
}
.actionBar-action--reply, .js-multiQuote, .actionBar-action--like, .actionBar-action--reaction {
display:inline-block;
background-image: url('https://up44.net/uploads/158374160008951.png');
color: rgb(255, 255, 255) !important;
padding: 5px 12px 5px;
line-height: 19px !important;
background-image: url('https://up44.net/uploads/158374160008951.png');
}
.actionBar-action--reply:hover, .js-multiQuote:hover, .actionBar-action--like:hover, .actionBar-action--reaction:hover {
background-image: url('https://up44.net/uploads/158374160008951.png');
color: rgb(255, 255, 255) !important;
text-decoration: none;
background-image: url('https://up44.net/uploads/158374160008951.png');
}
.actionBar-action--report, .actionBar-action--edit, .actionBar-action--history, .actionBar-action--delete, .actionBar-action--spam, .actionBar-action--warn, .actionBar-action--ip {
display:inline-block;
background-image: url('https://up44.net/uploads/158374160008951.png');
color: rgb(255, 255, 255) !important;
padding: 2px 6px 2px;
line-height: 19px !important;
background-image: url('https://up44.net/uploads/158374160008951.png');
}
.actionBar-action--report:hover, .actionBar-action--edit:hover, .actionBar-action--history:hover, .actionBar-action--delete:hover, .actionBar-action--spam:hover, .actionBar-action--warn:hover, .actionBar-action--ip:hover {
background-image: url('https://up44.net/uploads/158374160008951.png');
color: rgb(255, 255, 255) !important;
text-decoration: none;
background-image: url('https://up44.net/uploads/158374160008951.png');
}
/* أيقونات في صفحة حساب العضوية */
[data-template="account_alerts"], &[data-template="account_reactions"], &[data-template="account_bookmarks"],
&[data-template="account_details"], &[data-template="account_security"], &[data-template="account_privacy"],
&[data-template="account_preferences"], &[data-template="account_signature"], &[data-template="account_upgrades"],
&[data-template="account_connected"], &[data-template="account_following"], &[data-template="account_ignored"] {
.p-body-sideNavContent a.blockLink {
&:before {
.m-faBase();
padding-right: 5px;
}
&[href*="members/"]:before {
.m-faContent(@fa-var-user);
}
&[href*="account/alerts"]:before {
.m-faContent(@fa-var-bell);
}
&[href*="account/reactions"]:before {
.m-faContent(@fa-var-thumbs-up);
}
&[href*="account/bookmarks"]:before {
.m-faContent(@fa-var-bookmark);
}
&[href*="account/account-details"]:before {
.m-faContent(@fa-var-user-cog);
}
&[href*="account/security"]:before {
.m-faContent(@fa-var-shield-alt);
}
&[href*="account/privacy"]:before {
.m-faContent(@fa-var-lock);
}
&[href*="account/preferences"]:before {
.m-faContent(@fa-var-cogs);
}
&[href*="account/signature"]:before {
.m-faContent(@fa-var-signature);
}
&[href*="account/upgrades"]:before {
.m-faBase('Brands');
.m-faContent(@fa-var-paypal);
}
&[href*="account/connected-accounts"]:before {
.m-faContent(@fa-var-users-class);
}
&[href*="account/following"]:before {
.m-faContent(@fa-var-user-plus);
}
&[href*="account/ignored"]:before {
.m-faContent(@fa-var-user-minus);
}
&[href*="logout"]:before {
.m-faContent(@fa-var-sign-out);
}
}
}
/*****/
/*** فصل زر تسجيل الدخول و التسجيل عن بعضهما ***/
.p-navgroup-link-bg() {
background: @xf-publicHeaderAdjustColor;
}
.p-navgroup {
&--guest {
background: transparent;
}
.p-navgroup-link {
&--logIn {
.p-navgroup-link-bg;
border-top-right-radius: @xf-borderRadiusMedium;
margin-right: .10em; /*** هنا يمكنك التحكم في المسافة ***/
}
&--register {
.p-navgroup-link-bg;
border-top-left-radius: @xf-borderRadiusMedium;
border-left: none;
}
}
}
/*** نهاية كود فصل زر تسجيل الدخول و التسجيل عن بعضهما ***/
.button, a.button{
color:#FFFFFF;
line-height: 1.4;
font-family: "Droid Arabic Kufi","tahoma",sans-serif;
font-weight: 700;
font-size: 12px;
padding-left:8px;
padding-right:8px;
padding-top:6px;
padding-bottom:6px;
background-image: url('https://up44.net/uploads/158374160008951.png');
border:1px solid #0A3F63;
border-top-left-radius:17px;
border-top-right-radius:0;
border-bottom-right-radius:17px;
border-bottom-left-radius:0;
box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 4px rgba(0, 0, 0, 0.3);
}
/* كود أيقونات بصفحة قائمة أبرز الأعضاء */
[data-template="member_notable"] .p-body-sideNavContent a.blockLink,
&[data-template="member_notable"] h3.block-textHeader a {
&:before {
.m-faBase();
padding-right: 5px;
}
&[href*="members/"]:before {
.m-faContent(@fa-var-ellipsis-h-alt);
}
&[href*="key=most_messages"]:before {
.m-faContent(@fa-var-comments);
}
&[href*="key=highest_reaction_score"]:before {
.m-faContent(@fa-var-thumbs-up);
}
&[href*="key=most_points"]:before {
.m-faContent(@fa-var-dot-circle);
}
&[href*="key=xfrm_most_resources"]:before {
.m-faContent(@fa-var-cog);
}
&[href*="key=xfmg_most_media_items"]:before {
.m-faContent(@fa-var-images);
}
&[href*="key=xfmg_most_albums"]:before {
.m-faContent(@fa-var-image);
}
&[href*="key=todays_birthdays"]:before {
.m-faContent(@fa-var-gift);
}
&[href*="key=staff_members"]:before {
.m-faContent(@fa-var-user-tie);
}
}
/*****/
.p-footer-linkList a[href*="/misc/contact"]:before{ .m-faBase(); padding-right: 5px; content: "\f199" }
.p-footer-linkList a[href*="help/terms"]:before{.m-faBase(); padding-right: 5px;content: "\f071" !important;}
.p-footer-linkList a[href*="/help/"]:before{ .m-faBase(); padding-right: 5px; content: "\f059" }
.p-footer-linkList a[href*="/help/privacy-policy/"]:before{ .m-faBase(); padding-right: 5px; content: "\f21b" !important; }
.p-footer-linkList a[href*="https://"]:before{ .m-faBase(); padding-right: 5px; content: "\f015" }
/* Icons for Login and Register buttons */
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--logIn:before {
.m-faBase();
.m-faContent(@fa-var-sign-in, 1em);
color: #E6BB5C;
}
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--register:before {
.m-faBase();
.m-faContent(@fa-var-key, 1em);
color: #E6BB5C;
}
/**********/
[data-widget-section="staffMembers"] h3.block-minorHeader:before { /* Staff online */
display: inline-block;
padding-right: 5px;
.m-faBase();
.m-faContent(@fa-var-user-tie);
}
[data-widget-section="onlineNow"] h3.block-minorHeader:before { /* Members online */
display: inline-block;
padding-right: 5px;
.m-faBase();
.m-faContent(@fa-var-users);
}
[data-widget-key="forum_overview_new_posts"] h3.block-minorHeader:before { /* Latest posts */
display: inline-block;
padding-right: 5px;
.m-faBase();
.m-faContent(@fa-var-comments);
}
[data-widget-key="xfrm_forum_overview_new_resources"] h3.block-minorHeader:before { /* Latest resources */
display: inline-block;
.m-faBase();
.m-faContent(@fa-var-download);
}
[data-widget-key="forum_overview_forum_statistics"] h3.block-minorHeader:before { /* Forum statistics */
display: inline-block;
padding-right: 5px;
.m-faBase();
.m-faContent(@fa-var-chart-bar);
}
[data-widget-key="xfmg_media_slider"] h3.block-minorHeader:before { /* Random media */
display: inline-block;
padding-right: 5px;
.m-faBase();
.m-faContent(@fa-var-image);
}
[data-widget-key="forum_overview_share_page"] h3.block-minorHeader:before { /* Share this page */
display: inline-block;
padding-right: 5px;
.m-faBase();
.m-faContent(@fa-var-share-alt);
}
.PrevNextThread {
margin: 4px;
padding: 2px 4px 2px 4px;
font-family: "Tajawal","Open Sans",sans-serif;
font-size: 13px;
color: #0027B0;
font-weight: lighter;
}
.PrevNextThread a {
background-image: url('https://up44.net/uploads/158374160008951.png');
margin: 4px;
padding: 2px 4px 2px 4px;
font-family: "Tajawal","Open Sans",sans-serif;
font-size: 13px;
border: 1px solid rgb(24, 88, 134);
box-shadow: 0px 0px 3px #E2E2E2;
border-radius: 5px;
color: #FFFFFF;
font-weight: lighter;
}
h2.block-header {text-align: center;}
@resource-grid-gap: 10px;
@resource-grid-width: 330px;
@resource-grid-thumb: 108px;
@media (min-width: @xf-responsiveMedium){
@supports(display: grid){
.block[data-type="resource"] .structItemContainer{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(@resource-grid-width, 1fr));
grid-gap: @resource-grid-gap;
padding: @resource-grid-gap;
background-color: @xf-contentAltBg;
}
.structItem--resource {
background-color: @xf-contentBg;
border-radius: 3px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
border-width: 0px;
display: grid;
grid-template-columns: @resource-grid-thumb 1fr;
grid-template-areas: 'icon text' 'stats stats';
.structItem-cell--icon.structItem-cell--iconExpanded{
width: auto;
grid-area: icon;
}
.structItem-cell--main {
grid-area: text;
}
.structItem-cell--resourceMeta {
grid-area: stats;
width: auto;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.structItem-cell--iconExpanded .structItem-iconContainer .avatar {
width: 100%;
height: auto;
font-size: 56px;
}
.structItem-secondaryIcon {
display: none;
}
.structItem-metaItem--rating{
flex: 1 0 100%;
}
.structItem-metaItem--downloads,
.structItem-metaItem--lastUpdate{
flex: 0 1 auto;
}
.ratingStarsRow--justified {
border-bottom: 1px solid @xf-borderColorFaint;
margin-bottom: 4px;
padding-bottom: 4px;
}
}
}
}
.node-subNodeFlatList {
>li {
display: inline-block;
margin-right: 0;
float: left;
width: 50%;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap;
}