| م \ محمد حمادة |
08-25-2018 11:51 AM |
رد: مشكلة بقالب معلومات العضو للجيل الثانى
تفضل اخى الحبيب
كود:
/*
* Droid Arabic Kufi (Arabic) http://www.google.com/fonts/earlyaccess
*/
@font-face {
font-family: 'Droid Arabic Kufi';
font-style: normal;
font-weight: 400;
src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot);
src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff) format('woff'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.ttf) format('truetype');
}
@font-face {
font-family: 'Droid Arabic Kufi';
font-style: normal;
font-weight: 700;
src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot);
src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff) format('woff'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.ttf) format('truetype');
}
/*-------------------------------- header -----------------------------------*/
.p-header {
color: #bcdef5;
background: #fff;
border-top: 2px solid #98c010;
}
/*-------------------------------- //header -----------------------------------*/
/*-------------------------------- Icons for navbar -----------------------------------*/
.p-navEl-link{
&:before{padding-right:5px;font-family: FontAwesome;content: "\f06e";}
&[data-nav-id="home"]{&:before{content: "\f015";}}
&[data-nav-id="forums"]{&:before{content: '\f0e6';}}
&[data-nav-id="whatsNew"]{&:before{content: '\f128';}}
&[data-nav-id="members"]{&:before{content: '\f007';}}
&[data-nav-id="xfrm"]{&:before{content: '\f019';}}
&[data-nav-id="xfmg"]{&:before{content: '\f030';}}
&[data-nav-id="newPosts"]{&:before{content: '\f06d';}}
&[data-nav-id="findThreads"]{&:before{content: '\f039';}}
&[data-nav-id="searchForums"]{&:before{content: '\f002';}}
&[data-nav-id="markForumsRead"]{&:before{content: '\f070';}}
&[data-nav-id="whatsNewPosts"]{&:before{content: '\f0f6';}}
&[data-nav-id="xfrmNewResources"]{&:before{content: '\f019';}}
&[data-nav-id="whatsNewProfilePosts"]{&:before{content: '\f040';}}
&[data-nav-id="whatsNewNewsFeed"]{&:before{content: '\f09e';}}
&[data-nav-id="latestActivity"]{&:before{content: '\f005';}}
&[data-nav-id="xfrmLatestReviews"]{&:before{content: '\f091';}}
&[data-nav-id="xfrmYourResources"]{&:before{content: '\f0ed';}}
&[data-nav-id="xfrmWatched"]{&:before{content: '\f06e';}}
&[data-nav-id="xfrmSearchResources"]{&:before{content: '\f002';}}
&[data-nav-id="currentVisitors"]{&:before{content: '\f234';}}
&[data-nav-id="newProfilePosts"]{&:before{content: '\f040';}}
&[data-nav-id="searchProfilePosts"]{&:before{content: '\f21b';}}
}
/*-------------------------------- //End Icons for navbar -----------------------------------*/
/*-------------------------------- Icons for Login and Register buttons -----------------------------------*/
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--logIn:before {
font-family: FontAwesome;
content: "\f090";
color: #fff;
padding-right: 5px;
}
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--register:before {
font-family: FontAwesome;
content: "\f084";
color: #fff;
padding-right: 5px;
}
/*-------------------------------- //End Icons for Login -----------------------------------*/
/*-------------------------------- Navbar & Forum category -----------------------------------*/
.p-nav {
line-height: 40px;
}
.p-sectionLinks {
border-bottom: 1px solid #8ab107;
}
.p-sectionLinks {
padding: 6px 0;
margin-bottom: 10px;
}
.p-sectionLinks .p-navEl {
background-color: #98c010;
color: #fff;
margin-left: 5px;
border-radius: 22px;
}
.p-sectionLinks-list .p-navEl.is-menuOpen {
background: rgb(27, 143, 161);
}
.p-sectionLinks-list .p-navEl-link, .p-sectionLinks-list .p-navEl-splitTrigger {
padding-top: 2px;
padding-bottom: 2px;
}
/*-------------------------------- //End Navbar & Forum category -----------------------------------*/
/*-------------------------------- sidebar -----------------------------------*/
.contentRow-main {
font-size: 13px;
}
.contentRow-main a {
color: #505050;
}
.pairs {
font-size: 13px;
padding: 5px;
}
.contentRow-main.contentRow-main--close {
border-bottom: 1px solid #ececec;
line-height: 25px;
font-size: 12px;
}
/*-------------------------------- //End sidebar -----------------------------------*/
/*-------------------------------- widget style -----------------------------------*/
.block-minorHeader {
font-size: 13px;
font-weight: 700;
color: #1b8fa1;
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 4px solid rgb(236, 240, 241);
font-family: 'Droid Arabic Kufi';
width: auto;
margin-top: 5px;
padding-left: 25px;
position: relative;
line-height: 15px;
}
.block-minorHeader a {
color: #1b8fa1;
text-decoration: none;
font-size: 13px;
font-weight: 700;
}
.block-minorHeader::before {
display: inline-block;
position: absolute;
top: 50%;
margin-top: -9px;
left: 5px;
vertical-align: middle;
font-family: 'FontAwesome';
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
width: 18px;
height: 18px;
line-height: 1;
content: "\f0fd";
}
.block-minorHeader::after {
content: "";
position: absolute;
bottom: -3px;
right: 0px;
width: 10%;
height: 3px;
background-color: #1b8fa1;
}
/*-------------------------------- //End widget -----------------------------------*/
/*-------------------------------- Breadcrumb -----------------------------------*/
.crumb-wrap {
margin: 15px 0;
position: relative;
}
.crumb-in {
margin-left: 42px;
background-color: #fff;
border: 1px solid #e0e0e0;
border-radius: 5px;
padding: 6px 10px;
min-height: 36px;
}
.crumb-in a {
font-weight: 700;
color: #58646f;
}
.crumb-wrap .p-breadcrumbs {
margin: 0;
}
.p-breadcrumbs>li:last-child:after {
display: none;
}
.p-breadcrumbs>li:last-child a {
font-weight: 700;
color: #58646f;
}
.crumb-home-icon {
display: block;
float: left;
width: 36px;
height: 36px;
text-align: center;
background-color: #fff;
line-height: 36px;
font-size: 25px;
position: absolute;
top: 0;
left: 0;
background: none repeat scroll 0 0 #e1e1e1;
border: 1px solid #ccc;
border-radius: 5px;
color: #646c74;
box-shadow: 0 0 3px #ccc;
text-shadow: 0 1px 0 #fff;
}
/*-------------------------------- //End Breadcrumb -----------------------------------*/
.Main {
background-color: #fdfdfd;
border: 1px solid #e0e0e0;
padding: 8px;
border-radius: 4px;
}
.F-HomeMainRight {
background-color: #4b8b8a;
border-radius: 0 10px 0 0;
-webkit-border-radius: 0 10px 0 0;
-moz-border-radius: 0 10px 0 0;
float: left;
height: 4px;
margin-left: -14px;
margin-top: -3px;
width: 5px;
}
.block.block--category.block--category .block-header {
background: #1b8fa1;
color: #ffffff;
margin: 1px 0px 0px -14px;
border-top-right-radius: 5px;
border-top-left-radius: 0px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
font-weight: 700;
font-size: 15px;
text-align: center;
text-shadow: 0 1px 1px #000;
}
.block-container:not(.block-container--noStripRadius) > :first-child, .block-topRadiusContent, .block-container:not(.block-container--noStripRadius) > .block-body:first-child > .blockLink:first-child {
border-top-right-radius: 3px;
border-top-left-radius: 0px;
}
.node--forum {
border-width: 0;
background-color: #fff;
}
.block--category .block-container {
background-color: transparent !important;
border-width: 0;
}
.node-title a {
font-size: 15px;
font-weight: 700;
color: #047b8d;
}
.node-title a:hover {
text-decoration: none;
color: #878787;
}
.node-subNodeFlatList a {
color: #026d7e;
}
.node-extra-row {
font-size: 11px;
font-weight: 400;
line-height: 22px;
}
.node-extra-row a {
color: #026d7e;
font-size: 11px;
font-weight: 400;
}
.F-HomeMainTitle {
text-align: center;
}
/*-------------------------------- Node Collapse -----------------------------------*/
.block--category
{
.collapseTrigger
{
opacity: 0.5;
transition: opacity 0.3s;
margin-left: 10px;
&.is-active:before
{
content: "\f196";
transform: scale(-1, 1);
margin-left: -8px;
font-size: 18px;
}
&:before
{
content: "\f205";
font-size: 80%;
}
}
.block-container:hover .collapseTrigger
{
opacity: 1;
}
}
.collapsible-nodes
{
.block-header
{
display: flex;
text-align: center;
}
.block-header--left
{
max-width: 100%;
}
.block-body
{
transition: all 0.75s cubic-bezier(0.68, -0.55, 0.27, 1.55);
-webkit-transition-property: all, -xf-opacity;
transition-property: all, -xf-opacity;
overflow-y: hidden;
height: 0;
-webkit-transition-property: all, -xf-height;
transition-property: all, -xf-height;
&.is-active
{
height: auto;
}
}
}
/*-------------------------------- //Node Collaps -----------------------------------*/
/*-------------------------------- Social -----------------------------------*/
.social-icon {
float: right;
margin-top: 6px;
list-style: none;
}
.social-icon li {
float: left;
margin-right: 6px;
}
.social-icon li a {
display: block;
width: 30px;
height: 30px;
color: #91a9bf;
float: right;
text-align: center;
position: relative;
z-index: 1;
line-height: 30px;
background-color: #fff;
border-radius: 4px;
border: 1px solid #d4dade;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.social-icon li a i {
display: block;
line-height: 30px;
font-size: 18px;
}
.social-icon li a:hover {
border-radius: 4px;
color: #fff;
text-decoration: none;
}
.social-icon a.Scfacebook {
color: #91a9bf;
}
.social-icon a.Sctwitter {
color: #91a9bf;
}
.social-icon a.Scgoogleplus {
color: #91a9bf;
}
.social-icon a.Scfacebook:hover {
background-color: #3b5998;
border: 1px solid #3b5998;
}
.social-icon a.Sctwitter:hover {
background-color: #55acee;
border: 1px solid #55acee;
}
.social-icon a.Scgoogleplus:hover {
background-color: #DE4B39;
border: 1px solid #DE4B39;
}
/*-------------------------------- //End Social -----------------------------------*/
/*-------------------------------- stickySep -----------------------------------*/
.stickySeparator {
height: 30px;
background-color: #c0cdd8;
border-bottom: 1px solid #88a0b4;
border-top: 0px;
border-left: 0px;
border-right: 0px;
margin: 0px;
}
/*-------------------------------- //End stickySep -----------------------------------*/
.button, a.button {
box-shadow: inset 0px -2px 0px rgba(0,0,0,0.3);
font-size: 11px;
}
.block-header a {
margin: 0px auto;
}
html {
line-height: 1.4;
-webkit-text-size-adjust: 100%;
}
.p-nav-list .p-navEl {
color: #fff;
text-decoration: none;
-webkit-transition: all .25s ease;
transition: all .25s ease;
font-weight: 700;
text-shadow: 0 1px 1px #717070;
}
.p-nav-list .p-navEl.is-selected {
color: #fff;
font-weight: 700;
background: #afd923;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
}
.p-navgroup-link.p-navgroup-link--iconic .p-navgroup-linkText, .p-navgroup-link.p-navgroup-link--textual i {
display: none;
}
.block-filterBar {
background: #c0cdd8;
border-bottom: 1px solid #88a0b4;
}
.block-filterBar a {
color: #2a4b68;
}
.pairs {
font-size: 12px;
padding: 5px;
}
/*-------------------------------- Star-----------------------------------*/
.rankBlock {
text-align: center;
margin-top: -20px;
}
/*-------------------------------- //End Star -----------------------------------*/
/*-------------------------------- User Extras Collapse-----------------------------------*/
.message-userExtras-body
{
.m-listPlain();
&.message-userExtras--collapsible
{
.has-no-js & { display: block; }
.m-transitionFadeDown();
}
}
.message-cell
{
.collapseTrigger
{
text-align: center;
&.is-active:before
{
transform: rotate(-180deg);
}
&:before
{
content: "\f107";
color: #2577b1;
transition: ease-in transform .3s;
width: auto;
background: rgba(95, 95, 95, 0.1);
width: 50px;
color: #636363;
border-radius: 20px;
}
&.collapseTrigger--block:before
{
float: none;
}
}
}
@media (max-width: @xf-responsiveNarrow)
{
.message-cell
{
.collapseTrigger
{
display: none;
}
}
}
/*-------------------------------- //End User Extras Collapse -----------------------------------*/
.message-body {
font-family: 'Droid Arabic Kufi',sans-serif;
font-size: 13px;
}
.bbCodeBlock.bbCodeBlock--quote .bbCodeBlock-content {
font-size: 12px;
}
.block--messages .message, .block--messages .block-row {
color: #141414;
background: #fefefe;
border-radius: 0px;
border: 5px solid #eaeaea;
}
@media screen and (max-width:700px) {
.rankBlock {
display: none;
}
.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: #ffc168;
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;
}
|
