المواضيع الأخيرة
» كود حذف
الخميس نوفمبر 15, 2018 3:59 am من طرف مسرووور

» كود تصاميم الازرار
الأحد نوفمبر 04, 2018 5:02 am من طرف مسرووور

» مامعاكم مخبر زين
الخميس أكتوبر 25, 2018 10:35 pm من طرف مسرووور

» الله واكبر تغير حبكم يازين
الثلاثاء سبتمبر 25, 2018 3:40 pm من طرف مسرووور

» موضوع فاضي لتجربة
الثلاثاء سبتمبر 25, 2018 3:38 pm من طرف مسرووور

» اول تصميم استايل لنسخة الماسية المتطورة AwesomeBB
الإثنين سبتمبر 24, 2018 1:12 am من طرف مسرووور

» استايل الانمي لنسخة الجديدةتصميم استايل للانمي لنسخة الماسية AwesomeBB  وبتقنية css فقط
الخميس سبتمبر 13, 2018 7:34 am من طرف مسرووور

» موضوعك الأول
الأربعاء أغسطس 01, 2018 8:51 pm من طرف مسرووور


استايل الانمي لنسخة الجديدةتصميم استايل للانمي لنسخة الماسية AwesomeBB  وبتقنية css فقط

اذهب الى الأسفل

اهداء استايل الانمي لنسخة الجديدةتصميم استايل للانمي لنسخة الماسية AwesomeBB  وبتقنية css فقط

مُساهمة من طرف مسرووور في السبت أغسطس 18, 2018 12:39 pm

السلام عليكم اخواني اعضاء منتدى الدعم
اقدم لكم تصميم لنسخة الماسية AwesomeBB  وبتقنية css فقط
وهذا التصميم اهدا لعشاق الانمي
وان شاء الله ينال اعجابكم

والان الاستايل الواجهه


الفئات


المنتديات


المواضيع


اسفل المنتدى


طريقة التركيب
حول نسخة منتداك الى النسخة الماسية AwesomeBB
اذهب الى لوحة الادارة - مظهر المنتدى-التصاميم - اختيار التصميم
ثم اختار النسخة AwesomeBB
ثم اذهب الى ورقه css وانسخ والصق جميع الاكواد التالية في صفحة css

الكود:
#page-footer {
background: none;
  margin: 0 auto -310px;
}
footer {
background: none;
color: #FFF;
font-size: 13px;

padding: 30px 0;
margin-top: -232px;
}
.post-date {
/* color: rgba(255,255,255,0.44); */
/* display: block; */
/* float: right; */
/* font-size: 13px; */
display: none;
}


#forum-statistics {
float: right;
font-size: 13px;
text-align: right;
width: 100%;
/* top: 232px; */
margin: 0 auto 60px;
}
.block .block-header, .forum-header, .post-header, .posts-header {
background: #00aeef;
background-repeat: no-repeat;
background-size: cover;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-radius: 10px 10px 0 0;
box-shadow: 0 2px 3px rgba(1,86,119,.18),inset 0 1px rgba(255,255,255,.17);
color: #fff;
font-family: Arial;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 400;
height: 46px;
line-height: 46px;
margin: -11px -6px 10px;
padding: 0;
position: relative;
text-align: center;
text-shadow: 0 1px 0 rgba(16,143,191,.75);
z-index: 0;
   background-image: url('https://i24.servimg.com/u/f24/19/34/83/47/bg_foo10.png');
    background-repeat: no-repeat;
    background-size: cover;
border-bottom: 2px solid #ECCA05;
  background-size: 300px 100px;
}

#simple-wrap, #wrap {
background: #fff url(https://i.servimg.com/u/f33/17/83/79/07/bg310.png) repeat-x center top;
border: 1px solid #fff;
border-radius: 30px 30px 30px 30px;
box-shadow: 0 2px 2px #8ABDD2;
height: 100%;

max-width: 80%;
padding: 10px;
top: -32px;
margin: 0 auto 300px;
}

body.chatbox, html {
height: 100%;
background-color: #fff;
}
#header-banner {
background: url() center top no-repeat,
    url() right top no-repeat,
    url() center top repeat-x,
    url() right top no-repeat,
    url() center top no-repeat,
    url() right bottom no-repeat,
    url(https://dynamic.websimages.com/s/themes/playtime/v1.60/images/bg_nav_cloud.png) center bottom no-repeat,
    url() right bottom no-repeat,
    url() center bottom repeat-x,
    url() left repeat-y,
    url() right repeat-y;
margin: 30px 0 -10px;
padding: 0;
  height: 170px;
}

.forum, .post-wrap, .posts {
background-color: #fff;
background-image: url(https://illiweb.com/fa/empty.gif);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #dcdcdc;
border-radius: 10px;
clear: both;
margin-bottom: 20px;
margin-top: 10px;
padding: 5px;
}
.forum-section, .posts-section {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
color: #383838;
font-family: Arial;

font-style: normal;
font-variant: normal;

margin-bottom: 6px;
position: relative;
z-index: 0;
}

blockquote {
background-color: #FFF2B5;
border-color: rgba(0,0,0,0.11);
border-radius: 10px;
border-style: solid;

font-size: 14px;
font-style: italic;
line-height: 1.5;
padding: 8px 10px 8px 16px;

background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #FFF;
border: 1px solid #39C;
border-color: rgba #39C;
border-radius: 10px;
border-style: solid;
color: #000;
font-size: 14px;
line-height: 1.5;
padding: 8px 16px;
}


body, html {
margin: 0px;
background: #e4f9ff url("https://i24.servimg.com/u/f24/19/34/83/47/page_b10.jpg") repeat-x top;
}
#header-banner h2 {
display:none
}
.chatbox {
padding: 8px;
position: relative;
background: none;
}
body {
background: url("https://hitsk.in/t/21/41/12/i_logo.png") center top no-repeat,
    url("https://i24.servimg.com/u/f24/19/34/83/47/110.png") center top no-repeat,
url("https://i24.servimg.com/u/f24/19/34/83/47/bg_foo10.png") center bottom no-repeat,
 url("https://i24.servimg.com/u/f24/19/34/83/47/footer10.jpg") center bottom repeat-x,  
url() repeat-y center top;
padding: 0px 0px 273px 0px;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
.forum-description img {
    background: #fff url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
    border-radius: 10px;
    font-size: 0;
    height: 70px;
    margin-left: 6px;
    margin-top: 3px;
    padding: 4px;
    width: 115px;
    border: 1px solid #DDD !important;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/

header {
background-repeat: no-repeat;
background-size: cover;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-radius: 10px 10px 0 0;

color: #fff;
font-family: Arial;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 400;
/* height: 46px; */
/* line-height: 46px; */
margin: -11px -6px 10px;
padding: 0;
position: relative;
text-align: center;

z-index: 0;
background: none;
}




.action-bar {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #F3F3F3;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
clear: both;
color: #000;
display: block;
font-weight: 700;
list-style: none;
margin: 0 0 6px;
padding: 12px 16px 0;
  margin-bottom: 20px;
}
.action-bar i {
color: #000;
font-size: 21px;
margin: -2px 0 -2px 3px;
vertical-align: -6px;
}
.action-bar a, .action-bar a:hover i {
color: #263238;
}
#breadcrumbs {

background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #F3F3F3;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
clear: both;
color: #000;
display: block;
font-weight: 700;
list-style: none;
margin: 0 0 6px;

}
#breadcrumbs a:last-child:after {
display:none
}
#breadcrumbs a {
border-radius: 10px;
color: #000;
display: inline-block;
font-size: 13px;
padding: 9px 16px;
position: relative;
}




.block {
background-color: #fff;
background-image: url(https://illiweb.com/fa/empty.gif);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #dcdcdc;
border-radius: 10px;
clear: both;
margin-bottom: 20px;
margin-top: 10px;
padding: 5px;
}
.block .block-content {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
font-weight: 700;
margin-bottom: 6px;
}

#fa_ticker_block .module {
background: none!important;
background-color: rgba(0,0,0,0.06);
border-radius: 10px;
bottom: 7px;
box-shadow: none;
margin-top: 20px;
padding: 1px 0!important;
}
#fa_ticker * {
font-family: Arial;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 400;
padding: 0;
position: relative;
transition: none;
z-index: 0;
}

#block-birthdays .headline, #block-online .headline {
background: #00aeef;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-radius: 10px 10px 0 0;
color: #FFF;
font-family: Arial;
font-size: 22px;
font-style: normal;
font-variant: normal;
font-weight: 400;
margin: -17px -17px 0;
padding: 11px 15px;
position: relative;
text-shadow: 0 1px 0 rgba(16,143,191,.75);
text-transform: uppercasebackground: #39C;
z-index: 0;
   background-image: url('https://i24.servimg.com/u/f24/19/34/83/47/bg_foo10.png');
    background-repeat: no-repeat;
    background-size: cover;
border-bottom: 2px solid #ECCA05;
  background-size: 300px 100px;
}
.block-subtle {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #FFF;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
color: #383838;
font-size: 13px;
font-weight: 700;
margin-bottom: 6px;
padding: 16px;
  border-radius: 10px 10px 0 0;
  margin-bottom: 20px;
border-radius: 10px;
}

.pagination span a:hover {
background-color: #333;
border-color: #111;
}
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span strong {
background: #00aeef;
border: none;
border-bottom: 2px solid #17A;
border-radius: 10px;
color: #FFF;
font-weight: 700;
transition: 300ms;
  border-bottom: 2px solid #ECCA05;
}
.posts .pagination > a {
background: #00aeef;
border-radius: 2px;
box-shadow: none;
color: #FFF;
display: inline-block;
float: none;
font-size: 11px;
font-weight: 400;
height: 15px;
line-height: 15px;
margin: 0 1px;
padding: 0 6px;
width: auto;
}
.btn-default, .button, .button1, .button2, .liteoption, .mainoption {
/* background-color: #1E88E5; */
border-radius: 10px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);
color: #FFF;
font-size: 13px;
height: 36px;
line-height: 36px;
padding: 0 24px;
background: #00aeef;
}
.pagination > a {
background: #00aeef;
/* background-color: #1E88E5; */
border-radius: 10px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);
color: #FFF;
cursor: pointer;
display: block;
float: right;
font-size: 13px;
height: 36px;
line-height: 36px;
margin-left: 10px;
padding: 0 24px;
text-align: center;
border-bottom: 2px solid #ECCA05;
}
#header-user img, .avatar-big img, .avatar-default img, .avatar-mini img {
background: #FFF;
border-radius: 100px;
box-shadow: 0 2px 3px rgba(0,0,0,0.3), 0 -1px 1px rgba(0,0,0,0.3);
display: inline-block;
margin: 10px 0;
overflow: hidden;
padding: 3px;
}
.jumpbox-wrap input, .quickmod-wrap input, .select-wrap input {
/* background-color: #1E88E5; */
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14), 0 5px 3px -2px rgba(0,0,0,0.2), 0 1px 8px 0 rgba(0,0,0,0.12);
color: #FFF;
cursor: pointer;
background: #00aeef;
}
.post-aside {
background-color: #F5F5F5;
border: 1px solid #DDD!important;
border-radius: 10px;
flex-basis: 200px;
flex-grow: 0;
flex-shrink: 0;
float: right;
font-size: 13px;
margin: 6px 3px 7px 3px;
padding: 16px 25px;
position: relative;
text-align: center;
}
.post {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
color: #383838;
font-weight: 700;
margin-bottom: 6px;
}
.post-content {
background: url(https://i.servimg.com/u/f63/11/53/34/85/f3al_c10.png) no-repeat;
background-position: top;
font-family: Arial;
font-size: 20px;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1.6;
padding: 150px 10px 10px;
position: relative;
text-align: center;
vertical-align: text-bottom;
word-wrap: break-word;
z-index: 0;
}

.codebox {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #FFF;
border: 1px solid #39C;
border-color: rgba #39C;
border-radius: 10px;
border-style: solid;
color: #000;
font-size: 14px;
line-height: 1.5;
padding: 8px 16px;
}

.codebox p {
background: #39C;
border: none;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
color: #FFF;
font-size: 11px;
margin: -9px -16px 10px;
padding: 9px;
text-align: right;
}

.post-signature {
background: transparent url(https://i.servimg.com/u/f62/19/34/83/47/315_co10.png);
background-position: top;
background-repeat: no-repeat;
border: none;
border-bottom: 2px solid #ddd;
border-radius: 10px;
color: #FFF;
direction: ltr;
display: block;
font-family: mk,geneva,lucida,"lucida grande",arial,helvetica,sans-serif;
font-size: 10pt;
font-style: normal;
font-variant: normal;
font-weight: 700;
margin: 3px;
max-height: 200px;
overflow: auto;
padding: 22px 3px;
text-align: center;
text-transform: none;
}
.spoiler_title {
background: #F6F6F6!important;
border: 1px solid #39C;
border-bottom-width: 2px;
border-radius: 10px;
margin: 6px 3px;
text-align: right;
}
.spoiler_content {
background-color: #ddd;
border: 1px solid #39C;
border-color: rgba #39C;
border-radius: 10px;
border-style: solid;
color: #000;
display: none;
font-size: 14px;
line-height: 1.5;
margin-top: 6px;
padding-right: 22px;
}
.block .block-secondary-content {
background-color: #F5F5F5;
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #dcdcdc;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
clear: both;
margin-bottom: 7px;
margin-top: 6px;
padding: 8px 16px;
}

.box-head {

background: #00aeef;
background-repeat: no-repeat;
background-size: cover;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-radius: 10px 10px 0 0;
box-shadow: 0 2px 3px rgba(1,86,119,.18),inset 0 1px rgba(255,255,255,.17);
color: #fff;
font-family: Arial;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 400;
height: 46px;
line-height: 46px;
margin: -11px -6px 10px;
padding: 0;
position: relative;
text-align: center;
text-shadow: 0 1px 0 rgba(16,143,191,.75);
z-index: 0;
   background-image: url('https://i24.servimg.com/u/f24/19/34/83/47/bg_foo10.png');
    background-repeat: no-repeat;
    background-size: cover;
border-bottom: 2px solid #ECCA05;
  background-size: 300px 100px;
}
.box {
font-size: 13px;
margin-bottom: 24px;
background-color: #fff;
background-image: url(https://illiweb.com/fa/empty.gif);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #dcdcdc;
border-radius: 10px;
clear: both;
margin-bottom: 20px;
margin-top: 10px;
padding: 5px;
}
.box-body {
background-color: #FFF;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
margin-top: 6px;
overflow: hidden;
padding: 10px;
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
font-weight: 700;
margin-bottom: 6px;
}
#tabs ul, .tabs ul {
background-color: #FFF;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
list-style: none;
margin: 0;
padding: 8px 0;
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
font-weight: 700;
margin-bottom: 6px;
}
.notification-row {
background-color: #FFF;
border-radius: 10px;
box-shadow: 0 1px 11px rgba(0,0,0,0.06), 0 0 2px rgba(0,0,0,0.11);
margin: 0;
padding: 8px 16px;
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #FFF;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
font-weight: 700;
list-style: none;
margin: 0 0 6px;
/* padding: 8px 0; */
}
.forumline thead th, .table1 thead th {
/* background-color: #3793ff; */
/* color: #FFF; */
/* font-weight: 400; */
background: #00aeef;
background-repeat: no-repeat;
background-size: cover;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
/* border-radius: 10px 10px 0 0; */
box-shadow: 0 2px 3px rgba(1,86,119,.18),inset 0 1px rgba(255,255,255,.17);
color: #fff;
font-family: Arial;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 400;
height: 46px;
line-height: 46px;
margin: -11px -6px 10px;
padding: 0;
position: relative;
text-align: center;
text-shadow: 0 1px 0 rgba(16,143,191,.75);
z-index: 0;
}
.forumline td, .forumline th, .table1 td, .table1 th {
border: 1px solid #EBEBEB;
padding: 16px;
position: relative;

background-color: #FFF;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
font-weight: 700;
margin-bottom: 6px;
margin-top: 6px;
overflow: hidden;
/* padding: 10px; */
}
.block-market .market-image img {
border-radius: 10px;
display: block;
height: 150px;
object-fit: cover;
width: 200px;
background: #fff url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border-radius: 10px;
font-size: 0;
margin-left: 6px;
margin-top: 3px;
padding: 4px;
border: 1px solid #DDD !important;
}
.block-market .market-item-price {

background: #eee url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
font-weight: 700;
margin-bottom: 1px;
margin-top: 1px;
margin-left: 1px;
}
#forum-statistics > div {
display: inline;
float: right;
margin: 30px 10px 10px 50px;
text-align: right;
padding: 0 20px 0 0;
font-size: 10pt;
font-family: Verdana, sans-serif;

}


#forum-statistics strong {
font-size: 4px;
/* vertical-align: -4px; */
font: normal 11px/16px 'Arial';
  }
.linklist {
list-style: none;
margin: 0;
font: normal 11px/16px 'Arial';
}

.page-header .btn, .topic-header .btn {
float: left;
margin-bottom: 22px;
border-bottom: 2px solid #ECCA05;
}
.jumpbox-wrap input, .quickmod-wrap input, .select-wrap input {
background: #00aeef;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14), 0 5px 3px -2px rgba(0,0,0,0.2), 0 1px 8px 0 rgba(0,0,0,0.12);
color: #FFF;
cursor: pointer;
border-bottom: 2px solid #ECCA05;
}

.codebox code {
display: block;
max-height: 400px;
overflow: auto;
white-space: nowrap;
text-align: left;
}

#message-box textarea {
width: 100%!important;
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
/* border-radius: 10px; */
/* font-weight: 700; */
margin-bottom: 6px;
}

اخيراااااا لكتابة اسم منتداك على الصورة المرفقة في التصميم
ابحث عن رابط الصورة التالية

الكود:
https://hitsk.in/t/21/41/12/i_logo.png

هذا واتمنااا ان ينال التصميم رضاااكم
والى القاء في التصميم القادم ان شاء الله
جميع حقوق النشر محفوظه لمنتدى الدعم والمساعدة

مسرووور
Admin

المساهمات : 22
تاريخ التسجيل : 29/07/2018

معاينة صفحة البيانات الشخصي للعضو http://msrooo1r.yoo7.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

اهداء رد: استايل الانمي لنسخة الجديدةتصميم استايل للانمي لنسخة الماسية AwesomeBB  وبتقنية css فقط

مُساهمة من طرف مسرووور في السبت أغسطس 18, 2018 8:26 pm

الكود:
#page-footer {
background: none;
  margin: 0 auto -310px;
}
footer {
background: none;
color: #FFF;
font-size: 13px;

padding: 30px 0;
margin-top: -232px;
}
.post-date {
/* color: rgba(255,255,255,0.44); */
/* display: block; */
/* float: right; */
/* font-size: 13px; */
display: none;
}


#forum-statistics {
float: right;
font-size: 13px;
text-align: right;
width: 100%;
/* top: 232px; */
margin: 0 auto 60px;
}
.block .block-header, .forum-header, .post-header, .posts-header {
background: #00aeef;
background-repeat: no-repeat;
background-size: cover;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-radius: 10px 10px 0 0;
box-shadow: 0 2px 3px rgba(1,86,119,.18),inset 0 1px rgba(255,255,255,.17);
color: #fff;
font-family: Arial;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 400;
height: 46px;
line-height: 46px;
margin: -11px -6px 10px;
padding: 0;
position: relative;
text-align: center;
text-shadow: 0 1px 0 rgba(16,143,191,.75);
z-index: 0;
  background-image: url('https://i.servimg.com/u/f24/19/34/83/47/bg_foo10.png');
    background-repeat: no-repeat;
    background-size: cover;
border-bottom: 2px solid #ECCA05;
  background-size: 300px 100px;
}

#simple-wrap, #wrap {
background: #fff url(https://i.servimg.com/u/f33/17/83/79/07/bg310.png) repeat-x center top;
border: 1px solid #fff;
border-radius: 30px 30px 30px 30px;
box-shadow: 0 2px 2px #8ABDD2;
height: 100%;

max-width: 80%;
padding: 10px;
top: -32px;
margin: 0 auto 300px;
}

body.chatbox, html {
height: 100%;
background-color: #fff;
}
#header-banner {
background: url() center top no-repeat,
    url() right top no-repeat,
    url() center top repeat-x,
    url() right top no-repeat,
    url() center top no-repeat,
    url() right bottom no-repeat,
    url(https://dynamic.websimages.com/s/themes/playtime/v1.60/images/bg_nav_cloud.png) center bottom no-repeat,
    url() right bottom no-repeat,
    url() center bottom repeat-x,
    url() left repeat-y,
    url() right repeat-y;
margin: 30px 0 -10px;
padding: 0;
  height: 170px;
}

.forum, .post-wrap, .posts {
background-color: #fff;
background-image: url(https://illiweb.com/fa/empty.gif);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #dcdcdc;
border-radius: 10px;
clear: both;
margin-bottom: 20px;
margin-top: 10px;
padding: 5px;
}
.forum-section, .posts-section {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
color: #383838;
font-family: Arial;

font-style: normal;
font-variant: normal;

margin-bottom: 6px;
position: relative;
z-index: 0;
}

blockquote {
background-color: #FFF2B5;
border-color: rgba(0,0,0,0.11);
border-radius: 10px;
border-style: solid;

font-size: 14px;
font-style: italic;
line-height: 1.5;
padding: 8px 10px 8px 16px;

background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #FFF;
border: 1px solid #39C;
border-color: rgba #39C;
border-radius: 10px;
border-style: solid;
color: #000;
font-size: 14px;
line-height: 1.5;
padding: 8px 16px;
}


body, html {
margin: 0px;
background: #e4f9ff url("https://i.servimg.com/u/f24/19/34/83/47/page_b10.jpg") repeat-x top;
}
#header-banner h2 {
display:none
}
.chatbox {
padding: 8px;
position: relative;
background: none;
}
body {
background: url("https://hitsk.in/t/21/41/12/i_logo.png") center top no-repeat,
    url("https://i.servimg.com/u/f24/19/34/83/47/110.png") center top no-repeat,
url("https://i.servimg.com/u/f24/19/34/83/47/bg_foo10.png") center bottom no-repeat,
 url("https://i.servimg.com/u/f24/19/34/83/47/footer10.jpg") center bottom repeat-x, 
url() repeat-y center top;
padding: 0px 0px 273px 0px;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
.forum-description img {
    background: #fff url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
    border-radius: 10px;
    font-size: 0;
    height: 70px;
    margin-left: 6px;
    margin-top: 3px;
    padding: 4px;
    width: 115px;
    border: 1px solid #DDD !important;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/

header {
background-repeat: no-repeat;
background-size: cover;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-radius: 10px 10px 0 0;

color: #fff;
font-family: Arial;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 400;
/* height: 46px; */
/* line-height: 46px; */
margin: -11px -6px 10px;
padding: 0;
position: relative;
text-align: center;

z-index: 0;
background: none;
}




.action-bar {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #F3F3F3;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
clear: both;
color: #000;
display: block;
font-weight: 700;
list-style: none;
margin: 0 0 6px;
padding: 12px 16px 0;
  margin-bottom: 20px;
}
.action-bar i {
color: #000;
font-size: 21px;
margin: -2px 0 -2px 3px;
vertical-align: -6px;
}
.action-bar a, .action-bar a:hover i {
color: #263238;
}
#breadcrumbs {

background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #F3F3F3;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
clear: both;
color: #000;
display: block;
font-weight: 700;
list-style: none;
margin: 0 0 6px;

}
#breadcrumbs a:last-child:after {
display:none
}
#breadcrumbs a {
border-radius: 10px;
color: #000;
display: inline-block;
font-size: 13px;
padding: 9px 16px;
position: relative;
}




.block {
background-color: #fff;
background-image: url(https://illiweb.com/fa/empty.gif);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #dcdcdc;
border-radius: 10px;
clear: both;
margin-bottom: 20px;
margin-top: 10px;
padding: 5px;
}
.block .block-content {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
/* border-radius: 10px; */
font-weight: 700;
margin-bottom: 0px;
margin-top: 2px;
}
#fa_ticker_block .module {
background: none!important;
background-color: rgba(0,0,0,0.06);
border-radius: 10px;
bottom: 7px;
box-shadow: none;
margin-top: 20px;
padding: 1px 0!important;
}
#fa_ticker * {
font-family: Arial;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 400;
padding: 0;
position: relative;
transition: none;
z-index: 0;
}

#block-birthdays .headline, #block-online .headline {
background: #00aeef;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-radius: 10px 10px 0 0;
color: #FFF;
font-family: Arial;
font-size: 22px;
font-style: normal;
font-variant: normal;
font-weight: 400;
margin: -17px -17px 0;
padding: 11px 15px;
position: relative;
text-shadow: 0 1px 0 rgba(16,143,191,.75);
text-transform: uppercasebackground: #39C;
z-index: 0;
  background-image: url('https://i.servimg.com/u/f24/19/34/83/47/bg_foo10.png');
    background-repeat: no-repeat;
    background-size: cover;
border-bottom: 2px solid #ECCA05;
  background-size: 300px 100px;
}
.block-subtle {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #FFF;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
color: #383838;
font-size: 13px;
font-weight: 700;
margin-bottom: 6px;
padding: 16px;
  border-radius: 10px 10px 0 0;
  margin-bottom: 20px;
border-radius: 10px;
}

.pagination span a:hover {
background-color: #333;
border-color: #111;
}
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span strong {
background: #00aeef;
border: none;
border-bottom: 2px solid #17A;
border-radius: 10px;
color: #FFF;
font-weight: 700;
transition: 300ms;
  border-bottom: 2px solid #ECCA05;
}
.posts .pagination > a {
background: #00aeef;
border-radius: 2px;
box-shadow: none;
color: #FFF;
display: inline-block;
float: none;
font-size: 11px;
font-weight: 400;
height: 15px;
line-height: 15px;
margin: 0 1px;
padding: 0 6px;
width: auto;
}
.btn-default, .button, .button1, .button2, .liteoption, .mainoption {
/* background-color: #1E88E5; */
border-radius: 10px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);
color: #FFF;
font-size: 13px;
height: 36px;
line-height: 36px;
padding: 0 24px;
background: #00aeef;
}
.pagination > a {
background: #00aeef;
/* background-color: #1E88E5; */
border-radius: 10px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);
color: #FFF;
cursor: pointer;
display: block;
float: right;
font-size: 13px;
height: 36px;
line-height: 36px;
margin-left: 10px;
padding: 0 24px;
text-align: center;
border-bottom: 2px solid #ECCA05;
}
#header-user img, .avatar-big img, .avatar-default img, .avatar-mini img {
background: #FFF;
border-radius: 100px;
box-shadow: 0 2px 3px rgba(0,0,0,0.3), 0 -1px 1px rgba(0,0,0,0.3);
display: inline-block;
margin: 10px 0;
overflow: hidden;
padding: 3px;
}
.jumpbox-wrap input, .quickmod-wrap input, .select-wrap input {
/* background-color: #1E88E5; */
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14), 0 5px 3px -2px rgba(0,0,0,0.2), 0 1px 8px 0 rgba(0,0,0,0.12);
color: #FFF;
cursor: pointer;
background: #00aeef;
}
.post-aside {
background-color: #F5F5F5;
border: 1px solid #DDD!important;
border-radius: 10px;
flex-basis: 200px;
flex-grow: 0;
flex-shrink: 0;
float: right;
font-size: 13px;
margin: 6px 3px 7px 3px;
padding: 16px 25px;
position: relative;
text-align: center;
}
.post {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
color: #383838;
font-weight: 700;
margin-bottom: 6px;
}
.post-content {
background: url(https://i.servimg.com/u/f63/11/53/34/85/f3al_c10.png) no-repeat;
background-position: top;
font-family: Arial;
font-size: 20px;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1.6;
padding: 150px 10px 10px;
position: relative;
text-align: center;
vertical-align: text-bottom;
word-wrap: break-word;
z-index: 0;
}

.codebox {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #FFF;
border: 1px solid #39C;
border-color: rgba #39C;
border-radius: 10px;
border-style: solid;
color: #000;
font-size: 14px;
line-height: 1.5;
padding: 8px 16px;
}

.codebox p {
background: #39C;
border: none;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
color: #FFF;
font-size: 11px;
margin: -9px -16px 10px;
padding: 9px;
text-align: right;
}

.post-signature {
background: transparent url(https://i.servimg.com/u/f62/19/34/83/47/315_co10.png);
background-position: top;
background-repeat: no-repeat;
border: none;
border-bottom: 2px solid #ddd;
border-radius: 10px;
color: #FFF;
direction: ltr;
display: block;
font-family: mk,geneva,lucida,"lucida grande",arial,helvetica,sans-serif;
font-size: 10pt;
font-style: normal;
font-variant: normal;
font-weight: 700;
margin: 3px;
max-height: 200px;
overflow: auto;
padding: 22px 3px;
text-align: center;
text-transform: none;
}
.spoiler_title {
background: #F6F6F6!important;
border: 1px solid #39C;
border-bottom-width: 2px;
border-radius: 10px;
margin: 6px 3px;
text-align: right;
}
.spoiler_content {
background-color: #ddd;
border: 1px solid #39C;
border-color: rgba #39C;
border-radius: 10px;
border-style: solid;
color: #000;
display: none;
font-size: 14px;
line-height: 1.5;
margin-top: 6px;
padding-right: 22px;
}
.block .block-secondary-content {
background-color: #F5F5F5;
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #dcdcdc;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
clear: both;
margin-bottom: 7px;
margin-top: 6px;
padding: 8px 16px;
}

.box-head {

background: #00aeef;
background-repeat: no-repeat;
background-size: cover;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-radius: 10px 10px 0 0;
box-shadow: 0 2px 3px rgba(1,86,119,.18),inset 0 1px rgba(255,255,255,.17);
color: #fff;
font-family: Arial;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 400;
height: 46px;
line-height: 46px;
margin: -11px -6px 10px;
padding: 0;
position: relative;
text-align: center;
text-shadow: 0 1px 0 rgba(16,143,191,.75);
z-index: 0;
  background-image: url('https://i.servimg.com/u/f24/19/34/83/47/bg_foo10.png');
    background-repeat: no-repeat;
    background-size: cover;
border-bottom: 2px solid #ECCA05;
  background-size: 300px 100px;
}
.box {
font-size: 13px;
margin-bottom: 24px;
background-color: #fff;
background-image: url(https://illiweb.com/fa/empty.gif);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #dcdcdc;
border-radius: 10px;
clear: both;
margin-bottom: 20px;
margin-top: 10px;
padding: 5px;
}
.box-body {
background-color: #FFF;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
margin-top: 6px;
overflow: hidden;
padding: 10px;
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
font-weight: 700;
margin-bottom: 6px;
}
#tabs ul, .tabs ul {
background-color: #FFF;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
list-style: none;
margin: 0;
padding: 8px 0;
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
font-weight: 700;
margin-bottom: 6px;
}
.notification-row {
background-color: #FFF;
border-radius: 10px;
box-shadow: 0 1px 11px rgba(0,0,0,0.06), 0 0 2px rgba(0,0,0,0.11);
margin: 0;
padding: 8px 16px;
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #FFF;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
font-weight: 700;
list-style: none;
margin: 0 0 6px;
/* padding: 8px 0; */
}
.forumline thead th, .table1 thead th {
/* background-color: #3793ff; */
/* color: #FFF; */
/* font-weight: 400; */
background: #00aeef;
background-repeat: no-repeat;
background-size: cover;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
/* border-radius: 10px 10px 0 0; */
box-shadow: 0 2px 3px rgba(1,86,119,.18),inset 0 1px rgba(255,255,255,.17);
color: #fff;
font-family: Arial;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 400;
height: 46px;
line-height: 46px;
margin: -11px -6px 10px;
padding: 0;
position: relative;
text-align: center;
text-shadow: 0 1px 0 rgba(16,143,191,.75);
z-index: 0;
}
.forumline td, .forumline th, .table1 td, .table1 th {
border: 1px solid #EBEBEB;
padding: 16px;
position: relative;

background-color: #FFF;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
font-weight: 700;
margin-bottom: 6px;
margin-top: 6px;
overflow: hidden;
/* padding: 10px; */
}
.block-market .market-image img {
border-radius: 10px;
display: block;
height: 150px;
object-fit: cover;
width: 200px;
background: #fff url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border-radius: 10px;
font-size: 0;
margin-left: 6px;
margin-top: 3px;
padding: 4px;
border: 1px solid #DDD !important;
}
.block-market .market-item-price {

background: #eee url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
font-weight: 700;
margin-bottom: 1px;
margin-top: 1px;
margin-left: 1px;
}
#forum-statistics > div {
display: inline;
float: right;
margin: 30px 10px 10px 50px;
text-align: right;
padding: 0 20px 0 0;
font-size: 10pt;
font-family: Verdana, sans-serif;

}


#forum-statistics strong {
font-size: 4px;
/* vertical-align: -4px; */
font: normal 11px/16px 'Arial';
  }
.linklist {
list-style: none;
margin: 0;
font: normal 11px/16px 'Arial';
}

.page-header .btn, .topic-header .btn {
float: left;
margin-bottom: 22px;
border-bottom: 2px solid #ECCA05;
}
.jumpbox-wrap input, .quickmod-wrap input, .select-wrap input {
background: #00aeef;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14), 0 5px 3px -2px rgba(0,0,0,0.2), 0 1px 8px 0 rgba(0,0,0,0.12);
color: #FFF;
cursor: pointer;
border-bottom: 2px solid #ECCA05;
}

.codebox code {
display: block;
max-height: 400px;
overflow: auto;
white-space: nowrap;
text-align: left;
}

#message-box textarea {
width: 100%!important;
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
/* border-radius: 10px; */
/* font-weight: 700; */
margin-bottom: 6px;
}

مسرووور
Admin

المساهمات : 22
تاريخ التسجيل : 29/07/2018

معاينة صفحة البيانات الشخصي للعضو http://msrooo1r.yoo7.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

اهداء رد: استايل الانمي لنسخة الجديدةتصميم استايل للانمي لنسخة الماسية AwesomeBB  وبتقنية css فقط

مُساهمة من طرف مسرووور في الإثنين أغسطس 20, 2018 4:32 am

اكواد التصميم البرتقالي تحت الانشاء
الكود:
#page-footer {
background: none;
background-color: #000;
/* border-top: 1px solid rgba(255,255,255,0.22); */
margin: 0 auto -310px;
border-top: 2px solid #e36a49;
}
footer {
background: none;
background-color: #000;
color: #FFF;
font-size: 13px;
/* margin: -232px 0 -22px; */
padding: 30px 0;
}
footer {
background: none;
background-color: #263238;
color: #FFF;
font-size: 13px;
margin: 33px 0 -22px;
padding: 44px 0;
background: none;
background-color: #000;
/* background-image: url(https://hitsk.in/t/21/41/12/i_logo.png); */
background-repeat: no-repeat;
background-size: 350px 100px;
border-bottom: 2px solid #000;
border-top: 2px solid #e36a49;
}
#page-footer {
background: none;
background-color: #000;
border-top: 2px solid #e36a49;
margin: 0 auto -310px;
background: none;
background-color: #000;
color: #FFF;
font-size: 13px;
/* margin: -232px 0 -22px; */
padding: 30px 0;
background-image: url('https://hitsk.in/t/21/41/12/i_logo.png');
background-repeat: no-repeat;
background-size: cover;
border-bottom: 2px solid #000000;
background-size: 350px 100px;
}


header {
  background-color: #000000;
border-bottom: 2px solid #e36a49;
}
#forum-statistics {
float: right;
font-size: 13px;
text-align: right;
width: 100%;
/* top: 232px; */
margin: 0 auto 60px;
}

#simple-wrap, #wrap {
background-color: #F3F4F5;
background: url("https://i.servimg.com/u/f11/19/34/83/47/6610.png") left top no-repeat, url("https://i.servimg.com/u/f11/19/34/83/47/5510.png") right top no-repeat, url(https://i.servimg.com/u/f11/19/34/83/47/oy_o10.png) center top repeat-x, url(https://i.servimg.com/u/f11/19/34/83/47/-110.png) left bottom no-repeat, url(https://i.servimg.com/u/f11/19/34/83/47/0110.png) right bottom no-repeat, url(https://i.servimg.com/u/f11/19/34/83/47/io_o10.png) center bottom repeat-x, url("https://i.servimg.com/u/f11/19/34/83/47/a_o10.png") left repeat-y, url("https://i.servimg.com/u/f11/19/34/83/47/aoao_o10.png") right repeat-y;
padding: 19px 19px 9px 19px;


height: 100%;

max-width: 80%;
padding: 10px;
top: -32px;

}

body.chatbox, html {
height: 100%;
background-color: #F3F4F5;
}
#header-banner {
background: url("https://hitsk.in/t/21/41/12/i_logo.png") center top no-repeat,
    url("") center top no-repeat,
url("") center bottom no-repeat,
 url("") center bottom repeat-x, 
url() repeat-y center top;
padding: 0px 0px 273px 0px;

padding: 0;
height: 230px;
margin: 70px 0 -10px;
}

.forum, .post-wrap, .posts {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
/* background-position: 0 0; */
background-repeat: repeat-x;
border: 1px solid #dcdcdc;
border-radius: 10px;
clear: both;
margin-bottom: 20px;
margin-top: 10px;
padding: 5px;
}

.forum-section, .posts-section {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border-bottom: 2px solid #e8e8e8;
border-bottom-width: 2px!important;
box-shadow: none;
display: block;
font-weight: 700;
line-height: 22px;
margin: 6px -5px 10px;
padding: 19px 16px;
}
blockquote {
background-color: #FFF2B5;
border-color: rgba(0,0,0,0.11);
border-radius: 10px;
border-style: solid;

font-size: 14px;
font-style: italic;
line-height: 1.5;
padding: 8px 10px 8px 16px;

background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #FFF;
border: 1px solid #e36a49;
border-color: rgba #e36a49;
border-radius: 10px;
border-style: solid;
color: #000;
font-size: 14px;
line-height: 1.5;
padding: 8px 16px;
}


body, html {

background-attachment: fixed;
background-color: #ededed;
background-image: url(http://atfal.do.am/.s/t/1171/bg.jpg);
}
#header-banner h2 {
display:none
}
.chatbox {
padding: 8px;
position: relative;
background: none;
}
body {
background: url("") center top no-repeat,
    url("") center top no-repeat,
url("") center bottom no-repeat,
 url("") center bottom repeat-x, 
url() repeat-y center top;
padding: 0px 0px 273px 0px;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
.forum-description img {
    background: #fff url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
    border-radius: 10px;
    font-size: 0;
    height: 70px;
    margin-left: 6px;
    margin-top: 3px;
    padding: 4px;
    width: 115px;
    border: 1px solid #DDD !important;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/






.action-bar {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #F3F3F3;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
clear: both;
color: #000;
display: block;
font-weight: 700;
list-style: none;
margin: 0 0 6px;
padding: 12px 16px 0;
  margin-bottom: 20px;
}
.action-bar i {
color: #000;
font-size: 21px;
margin: -2px 0 -2px 3px;
vertical-align: -6px;
}
.action-bar a, .action-bar a:hover i {
color: #263238;
}
#breadcrumbs {

background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #F3F3F3;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
clear: both;
color: #000;
display: block;
font-weight: 700;
list-style: none;
margin: 0 0 6px;

}
#breadcrumbs a:last-child:after {
display:none
}
#breadcrumbs a {
border-radius: 10px;
color: #000;
display: inline-block;
font-size: 13px;
padding: 9px 16px;
position: relative;
}




.block {
background-repeat: repeat-x;
border: 1px solid #dcdcdc;
border-radius: 10px;
clear: both;
margin-bottom: 20px;
margin-top: 10px;
padding: 5px;
  background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
}
.block .block-content {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border-bottom: 2px solid #e8e8e8;
border-bottom-width: 2px!important;
box-shadow: none;
display: block;
font-weight: 700;
line-height: 22px;
margin: 6px -5px 10px;
padding: 19px 16px;

}
#fa_ticker_block .module {
background: none!important;
background-color: rgba(0,0,0,0.06);
border-radius: 10px;
bottom: 7px;
box-shadow: none;
margin-top: 20px;
padding: 15px 0!important;
}
#fa_ticker * {
font-family: Arial;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 400;
padding: 0;
position: relative;
transition: none;
z-index: 0;
}

#block-birthdays .headline, #block-online .headline {
background: #e36a49;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-radius: 10px 10px 0 0;
color: #FFF;
font-family: Arial;
font-size: 22px;
font-style: normal;
font-variant: normal;
font-weight: 400;
margin: -17px -17px 0;
padding: 11px 15px;
position: relative;
text-shadow: 0 1px 0 rgba(16,143,191,.75);
text-transform: uppercasebackground: #e36a49;
z-index: 0;
  background-image: url('https://hitsk.in/t/21/41/12/i_logo.png');
    background-repeat: no-repeat;
    background-size: cover;
border-bottom: 1px solid #dcdcdc;
  background-size: 250px 46px;
}
.block-subtle {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #FFF;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
color: #383838;
font-size: 13px;
font-weight: 700;
margin-bottom: 6px;
padding: 16px;
  border-radius: 10px 10px 0 0;
  margin-bottom: 20px;
border-radius: 10px;
}


.btn-default, .button, .button1, .button2, .liteoption, .mainoption {
/* background-color: #1E88E5; */
border-radius: 10px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);
color: #FFF;
font-size: 13px;
height: 36px;
line-height: 36px;
padding: 0 24px;
background: #e36a49;
}

#header-user img, .avatar-big img, .avatar-default img, .avatar-mini img {
background: #FFF;
border-radius: 100px;
box-shadow: 0 2px 3px rgba(0,0,0,0.3), 0 -1px 1px rgba(0,0,0,0.3);
display: inline-block;
margin: 10px 0;
overflow: hidden;
padding: 3px;
}
.jumpbox-wrap input, .quickmod-wrap input, .select-wrap input {
background: none!important;
border: none!important;
box-shadow: none!important;
color: #000;
}
.post-aside {
/* background-color: #F5F5F5; */
/* border: 1px solid #DDD!important; */
/* border-radius: 10px; */
/* flex-basis: 200px; */
/* flex-grow: 0; */
/* flex-shrink: 0; */
/* float: right; */
/* font-size: 13px; */
/* margin: 6px 3px 7px; */
/* padding: 16px 25px; */
/* position: relative; */
/* text-align: center; */
background-color: #F5F5F5;
border-radius: 3px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
flex-basis: 200px;
flex-grow: 0;
flex-shrink: 0;
float: right;
font-size: 13px;
padding: 16px 25px;
position: relative;
text-align: center;
background-color: #F5F5F5;
flex-basis: 200px;
flex-grow: 0;
flex-shrink: 0;
float: right;
font-size: 13px;
margin: 0px -1px 11px;
padding: 16px 25px;
position: relative;
text-align: center;
}
.post {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
/* border-radius: 10px; */
color: #383838;
font-weight: 700;
margin-bottom: 6px;
margin: 6px -3px 10px;
}
.post-content {
background: url(https://i.servimg.com/u/f63/11/53/34/85/f3al_c10.png) no-repeat;
background-position: top;
font-family: Arial;
font-size: 20px;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1.6;
padding: 150px 10px 10px;
position: relative;
text-align: center;
vertical-align: text-bottom;
word-wrap: break-word;
z-index: 0;
}

.codebox {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #FFF;
border: 1px solid #e36a49;
border-color: rgba #e36a49;
border-radius: 10px;
border-style: solid;
color: #000;
font-size: 14px;
line-height: 1.5;
padding: 8px 16px;
}

.codebox p {
background: #e36a49;
border: none;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
color: #FFF;
font-size: 11px;
margin: -9px -16px 10px;
padding: 9px;
text-align: right;
}

.post-signature {
background: transparent url(https://i.servimg.com/u/f62/19/34/83/47/315_co10.png);
background-position: top;
background-repeat: no-repeat;
border: none;
border-bottom: 2px solid #ddd;
border-radius: 10px;
color: #FFF;
direction: ltr;
display: block;
font-family: mk,geneva,lucida,"lucida grande",arial,helvetica,sans-serif;
font-size: 10pt;
font-style: normal;
font-variant: normal;
font-weight: 700;
margin: 3px;
max-height: 200px;
overflow: auto;
padding: 22px 3px;
text-align: center;
text-transform: none;
}
.spoiler_title {
background: #F6F6F6!important;
border: 1px solid #e36a49;
border-bottom-width: 2px;
border-radius: 10px;
margin: 6px 3px;
text-align: right;
}
.spoiler_content {
background-color: #ddd;
border: 1px solid #e36a49;
border-color: rgba #e36a49;
border-radius: 10px;
border-style: solid;
color: #000;
display: none;
font-size: 14px;
line-height: 1.5;
margin-top: 6px;
padding-right: 22px;
}
.block .block-secondary-content {
background-color: #F5F5F5;
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #dcdcdc;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
clear: both;
margin-bottom: 7px;
margin-top: 6px;
padding: 8px 16px;
}

.box-head {

background: #e36a49;
background-repeat: no-repeat;
background-size: cover;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-radius: 10px 10px 0 0;
box-shadow: 0 2px 3px rgba(1,86,119,.18),inset 0 1px rgba(255,255,255,.17);
color: #fff;
font-family: Arial;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 400;
height: 46px;
line-height: 46px;
margin: -11px -6px 10px;
padding: 0;
position: relative;
text-align: center;
background-image: url(https://hitsk.in/t/21/41/12/i_logo.png);
background-repeat: no-repeat;
background-size: 250px 46px;
    background-size: cover;


}
.box {
font-size: 13px;
margin-bottom: 24px;
background-color: #fff;
background-image: url(https://illiweb.com/fa/empty.gif);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #dcdcdc;
border-radius: 10px;
clear: both;
margin-bottom: 20px;
margin-top: 10px;
padding: 5px;
}
.box-body {
background-color: #FFF;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
margin-top: 6px;
overflow: hidden;
padding: 10px;
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
font-weight: 700;
margin-bottom: 6px;
}
#tabs ul, .tabs ul {
background-color: #FFF;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
list-style: none;
margin: 0;
padding: 8px 0;
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
font-weight: 700;
margin-bottom: 6px;
}
.notification-row {
background-color: #FFF;
border-radius: 10px;
box-shadow: 0 1px 11px rgba(0,0,0,0.06), 0 0 2px rgba(0,0,0,0.11);
margin: 0;
padding: 8px 16px;
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #FFF;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
font-weight: 700;
list-style: none;
margin: 0 0 6px;
/* padding: 8px 0; */
}
.forumline thead th, .table1 thead th {
/* background-color: #3793ff; */
/* color: #FFF; */
/* font-weight: 400; */
background: #e36a49;
background-repeat: no-repeat;
background-size: cover;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
/* border-radius: 10px 10px 0 0; */
box-shadow: 0 2px 3px rgba(1,86,119,.18),inset 0 1px rgba(255,255,255,.17);
color: #fff;
font-family: Arial;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 400;
height: 46px;
line-height: 46px;
margin: -11px -6px 10px;
padding: 0;
position: relative;
text-align: center;
text-shadow: 0 1px 0 rgba(16,143,191,.75);
z-index: 0;
}
.forumline td, .forumline th, .table1 td, .table1 th {
border: 1px solid #EBEBEB;
padding: 16px;
position: relative;

background-color: #FFF;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
font-weight: 700;
margin-bottom: 6px;
margin-top: 6px;
overflow: hidden;
/* padding: 10px; */
}
.block-market .market-image img {
border-radius: 10px;
display: block;
height: 150px;
object-fit: cover;
width: 200px;
background: #fff url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border-radius: 10px;
font-size: 0;
margin-left: 6px;
margin-top: 3px;
padding: 4px;
border: 1px solid #DDD !important;
}
.block-market .market-item-price {

background: #eee url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
font-weight: 700;
margin-bottom: 1px;
margin-top: 1px;
margin-left: 1px;
}
#forum-statistics > div {
display: inline;
float: right;
margin: 30px 10px 10px 50px;
text-align: right;
padding: 0 20px 0 0;
font-size: 10pt;
font-family: Verdana, sans-serif;

}


#forum-statistics strong {
font-size: 4px;
/* vertical-align: -4px; */
font: normal 11px/16px 'Arial';
  }
.linklist {
list-style: none;
margin: 0;
font: normal 11px/16px 'Arial';
}

.page-header .btn, .topic-header .btn {
background:none!important;
border:none!important;
color: #000;
    box-shadow:none!important;
}


.codebox code {
display: block;
max-height: 400px;
overflow: auto;
white-space: nowrap;
text-align: left;
}

#message-box textarea {
width: 100%!important;
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
/* border-radius: 10px; */
/* font-weight: 700; */
margin-bottom: 6px;
}

#chatbox_header {
overflow: hidden;
background: #e36a49;
background-image: url(https://hitsk.in/t/21/41/12/i_logo.png);
background-repeat: no-repeat;
background-size: 250px 46px;
/* border-bottom: 1px solid #dcdcdc; */
/* border-bottom-left-radius: 0; */
/* border-bottom-right-radius: 0; */
/* border-radius: 10px 10px 0 0; */
/* color: #FFF; */
/* font-family: Arial; */
/* font-size: 22px; */
/* font-style: normal; */
/* font-variant: normal; */
/* font-weight: 400; */
/* margin: -17px -17px 0; */
/* padding: 11px 15px; */
/* position: relative; */
/* text-shadow: 0 1px 0 rgba(16,143,191,.75); */
text-transform: uppercasebackground: #e36a49;
/* z-index: 0; */
/* height: 230px; */
margin: -14px -6px 20px;
border-radius: 10px 10px 0 0;
}


.pagination span {
display:inline-block;
margin:6px 0
}
.pagination span a,.pagination span a:link,.pagination span a:visited,.pagination span strong {
color:#FFF;
font-weight:700;
background:#39C;
border:none;

border-radius:3px;
padding:0px 6px;
transition:300ms
}
.pagination span a:hover {
background-color:#333;
border-color:#111
}
.pagination span a:active,.pagination span a:focus,.pagination span strong {
background-color:#8B5;
border-color:#593
}
.pagination a.pag-img {
background:none!important;
border:none!important;
padding:0!important
}


.pagination span a:hover {
background-color: #333;
border-color: #111;
}
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span strong {
background: #e36a49;
border: none;
border: 2px solid #dcdcdc;
border-radius: 10px;
color: #FFF;
font-weight: 700;
transition: 300ms;
 
}
.posts .pagination > a {
background:none!important;
border:none!important;
color: #000;

}

.pagination > a {
background:none!important;
border:none!important;
color: #000;
    box-shadow:none!important;
}

.block .block-header, .forum-header, .post-header, .posts-header {
background: #e36a49;
background-image: url(https://hitsk.in/t/21/41/12/i_logo.png);
background-repeat: no-repeat;
background-size: 250px 46px;
border-bottom: 1px solid #dcdcdc;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-radius: 10px 10px 0 0;
margin: -5px -6px -6px;
}

.post-date {
/* background-color: #F5F5F5; */
border-radius: 3px;
/* border-top: 1px solid #EBEBEB; */
/* margin: auto -25px -16px; */
overflow: hidden;
padding: 8px 25px;
display: none;
}




عدل سابقا من قبل مسرووور في الخميس سبتمبر 13, 2018 10:32 am عدل 1 مرات

مسرووور
Admin

المساهمات : 22
تاريخ التسجيل : 29/07/2018

معاينة صفحة البيانات الشخصي للعضو http://msrooo1r.yoo7.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

اهداء رد: استايل الانمي لنسخة الجديدةتصميم استايل للانمي لنسخة الماسية AwesomeBB  وبتقنية css فقط

مُساهمة من طرف مسرووور في الثلاثاء أغسطس 21, 2018 3:15 am

التصميم الرصاصي
الكود:
#page-footer {
background: none;
  margin: 0 auto -310px;
}
footer {
background: none;
color: #FFF;
font-size: 13px;

padding: 30px 0;
margin-top: -232px;
}
.post-date {
/* color: rgba(255,255,255,0.44); */
/* display: block; */
/* float: right; */
/* font-size: 13px; */
display: none;
}


#forum-statistics {
float: right;
font-size: 13px;
text-align: right;
width: 100%;
/* top: 232px; */
margin: 0 auto 60px;
}
.block .block-header, .forum-header, .post-header, .posts-header {
background: #EDEDEF;
background-image: url(http://33colorworld.ucoz.com/img/main_bg.jpg);
background-repeat: no-repeat;
background-size: 100%px 100px;
border-bottom: 2px solid #ECCA05;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-radius: 10px 10px 0 0;
box-shadow: 0 2px 3px rgba(1,86,119,.18),inset 0 1px rgba(255,255,255,.17);
color: #fff;
font-family: Arial;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 400;
height: 46px;
line-height: 46px;
margin: -11px -6px 10px;
padding: 0;
position: relative;
text-align: center;
text-shadow: 0 1px 0 rgba(16,143,191,.75);
z-index: 0;
  }
  .block .block-header img, .forum-header img, .post-header img, .posts-header img {
background-image: url(https://i.servimg.com/u/f24/19/34/83/47/bg_foo10.png);
background-repeat: no-repeat;
background-size: 300px 100px;
}
#simple-wrap, #wrap {
background: #fff url() repeat-x center top;
border: 1px solid #00B3D9;
border-radius: 30px 30px 30px 30px;
box-shadow: 0 2px 2px #8ABDD2;
height: 100%;

max-width: 80%;
padding: 10px;
top: -32px;
}
body.chatbox, html {
height: 100%;
background-color: #fff;
}
#header-banner {
background: url() center top no-repeat,
    url() right top no-repeat,
    url() center top repeat-x,
    url() right top no-repeat,
    url() center top no-repeat,
    url() right bottom no-repeat,
    url(https://dynamic.websimages.com/s/themes/playtime/v1.60/images/bg_nav_cloud.png) center bottom no-repeat,
    url() right bottom no-repeat,
    url() center bottom repeat-x,
    url() left repeat-y,
    url() right repeat-y;
margin: 30px 0 -10px;
padding: 0;
  height: 170px;
}

.forum, .post-wrap, .posts {
background-color: #fff;
background-image: url(https://illiweb.com/fa/empty.gif);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #dcdcdc;
border-radius: 10px;
clear: both;
margin-bottom: 20px;
margin-top: 10px;
padding: 5px;
}
.forum-section, .posts-section {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
color: #383838;
font-family: Arial;

font-style: normal;
font-variant: normal;

margin-bottom: 6px;
position: relative;
z-index: 0;
}

blockquote {
background-color: #FFF2B5;
border-color: rgba(0,0,0,0.11);
border-radius: 10px;
border-style: solid;

font-size: 14px;
font-style: italic;
line-height: 1.5;
padding: 8px 10px 8px 16px;

background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #FFF;
border: 1px solid #39C;
border-color: rgba #39C;
border-radius: 10px;
border-style: solid;
color: #000;
font-size: 14px;
line-height: 1.5;
padding: 8px 16px;
}


body, html {
margin: 0px;
background: #EDEDEF url("http://33colorworld.ucoz.com/img/main_bg.jpg") repeat-x top;
}

body {
background: url("") center top no-repeat,
    url("") center top no-repeat,
url("https://i.servimg.com/u/f98/19/95/06/84/eee10.png") center bottom no-repeat,
 url("") center bottom repeat-x, 
url() repeat-y center top;

}
#header-banner h2 {
display:none
}
.chatbox {
padding: 8px;
position: relative;
background: none;
}
body {

}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
.forum-description img {
    background: #fff url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
    border-radius: 10px;
    font-size: 0;
    height: 70px;
    margin-left: 6px;
    margin-top: 3px;
    padding: 4px;
    width: 115px;
    border: 1px solid #DDD !important;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/

header {
background-repeat: no-repeat;
background-size: cover;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-radius: 10px 10px 0 0;

color: #fff;
font-family: Arial;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 400;
/* height: 46px; */
/* line-height: 46px; */
margin: -11px -6px 10px;
padding: 0;
position: relative;
text-align: center;

z-index: 0;
background: none;
}




.action-bar {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #F3F3F3;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
clear: both;
color: #000;
display: block;
font-weight: 700;
list-style: none;
margin: 0 0 6px;
padding: 12px 16px 0;
  margin-bottom: 20px;
}
.action-bar i {
color: #000;
font-size: 21px;
margin: -2px 0 -2px 3px;
vertical-align: -6px;
}
.action-bar a, .action-bar a:hover i {
color: #263238;
}
#breadcrumbs {

background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #F3F3F3;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
clear: both;
color: #000;
display: block;
font-weight: 700;
list-style: none;
margin: 0 0 6px;

}
#breadcrumbs a:last-child:after {
display:none
}
#breadcrumbs a {
border-radius: 10px;
color: #000;
display: inline-block;
font-size: 13px;
padding: 9px 16px;
position: relative;
}




.block {
background-color: #fff;
background-image: url(https://illiweb.com/fa/empty.gif);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #dcdcdc;
border-radius: 10px;
clear: both;
margin-bottom: 20px;
margin-top: 10px;
padding: 5px;
}
.block .block-content {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
/* border-radius: 10px; */
font-weight: 700;
margin-bottom: 0px;
margin-top: 2px;
}
#fa_ticker_block .module {
background: none!important;
background-color: rgba(0,0,0,0.06);
border-radius: 10px;
bottom: 7px;
box-shadow: none;
margin-top: 20px;
padding: 1px 0!important;
}
#fa_ticker * {
font-family: Arial;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 400;
padding: 0;
position: relative;
transition: none;
z-index: 0;
}

#block-birthdays .headline, #block-online .headline {
background: #00aeef;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-radius: 10px 10px 0 0;
color: #FFF;
font-family: Arial;
font-size: 22px;
font-style: normal;
font-variant: normal;
font-weight: 400;
margin: -17px -17px 0;
padding: 11px 15px;
position: relative;
text-shadow: 0 1px 0 rgba(16,143,191,.75);
text-transform: uppercasebackground: #39C;
z-index: 0;
  background-image: url('https://i.servimg.com/u/f24/19/34/83/47/bg_foo10.png');
    background-repeat: no-repeat;
    background-size: cover;
border-bottom: 2px solid #ECCA05;
  background-size: 300px 100px;
}
.block-subtle {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #FFF;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
color: #383838;
font-size: 13px;
font-weight: 700;
margin-bottom: 6px;
padding: 16px;
  border-radius: 10px 10px 0 0;
  margin-bottom: 20px;
border-radius: 10px;
}

.pagination span a:hover {
background-color: #333;
border-color: #111;
}
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span strong {
background: #00aeef;
border: none;
border-bottom: 2px solid #17A;
border-radius: 10px;
color: #FFF;
font-weight: 700;
transition: 300ms;
  border-bottom: 2px solid #ECCA05;
}
.posts .pagination > a {
background: #00aeef;
border-radius: 2px;
box-shadow: none;
color: #FFF;
display: inline-block;
float: none;
font-size: 11px;
font-weight: 400;
height: 15px;
line-height: 15px;
margin: 0 1px;
padding: 0 6px;
width: auto;
}
.btn-default, .button, .button1, .button2, .liteoption, .mainoption {
/* background-color: #1E88E5; */
border-radius: 10px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);
color: #FFF;
font-size: 13px;
height: 36px;
line-height: 36px;
padding: 0 24px;
background: #00aeef;
}
.pagination > a {
background: #00aeef;
/* background-color: #1E88E5; */
border-radius: 10px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);
color: #FFF;
cursor: pointer;
display: block;
float: right;
font-size: 13px;
height: 36px;
line-height: 36px;
margin-left: 10px;
padding: 0 24px;
text-align: center;
border-bottom: 2px solid #ECCA05;
}
#header-user img, .avatar-big img, .avatar-default img, .avatar-mini img {
background: #FFF;
border-radius: 100px;
box-shadow: 0 2px 3px rgba(0,0,0,0.3), 0 -1px 1px rgba(0,0,0,0.3);
display: inline-block;
margin: 10px 0;
overflow: hidden;
padding: 3px;
}
.jumpbox-wrap input, .quickmod-wrap input, .select-wrap input {
/* background-color: #1E88E5; */
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14), 0 5px 3px -2px rgba(0,0,0,0.2), 0 1px 8px 0 rgba(0,0,0,0.12);
color: #FFF;
cursor: pointer;
background: #00aeef;
}
.post-aside {
background-color: #F5F5F5;
border: 1px solid #DDD!important;
border-radius: 10px;
flex-basis: 200px;
flex-grow: 0;
flex-shrink: 0;
float: right;
font-size: 13px;
margin: 6px 3px 7px 3px;
padding: 16px 25px;
position: relative;
text-align: center;
}
.post {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
color: #383838;
font-weight: 700;
margin-bottom: 6px;
}
.post-content {
background: url(https://i.servimg.com/u/f63/11/53/34/85/f3al_c10.png) no-repeat;
background-position: top;
font-family: Arial;
font-size: 20px;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1.6;
padding: 150px 10px 10px;
position: relative;
text-align: center;
vertical-align: text-bottom;
word-wrap: break-word;
z-index: 0;
}

.codebox {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #FFF;
border: 1px solid #39C;
border-color: rgba #39C;
border-radius: 10px;
border-style: solid;
color: #000;
font-size: 14px;
line-height: 1.5;
padding: 8px 16px;
}

.codebox p {
background: #39C;
border: none;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
color: #FFF;
font-size: 11px;
margin: -9px -16px 10px;
padding: 9px;
text-align: right;
}

.post-signature {
background: transparent url(https://i.servimg.com/u/f62/19/34/83/47/315_co10.png);
background-position: top;
background-repeat: no-repeat;
border: none;
border-bottom: 2px solid #ddd;
border-radius: 10px;
color: #FFF;
direction: ltr;
display: block;
font-family: mk,geneva,lucida,"lucida grande",arial,helvetica,sans-serif;
font-size: 10pt;
font-style: normal;
font-variant: normal;
font-weight: 700;
margin: 3px;
max-height: 200px;
overflow: auto;
padding: 22px 3px;
text-align: center;
text-transform: none;
}
.spoiler_title {
background: #F6F6F6!important;
border: 1px solid #39C;
border-bottom-width: 2px;
border-radius: 10px;
margin: 6px 3px;
text-align: right;
}
.spoiler_content {
background-color: #ddd;
border: 1px solid #39C;
border-color: rgba #39C;
border-radius: 10px;
border-style: solid;
color: #000;
display: none;
font-size: 14px;
line-height: 1.5;
margin-top: 6px;
padding-right: 22px;
}
.block .block-secondary-content {
background-color: #F5F5F5;
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #dcdcdc;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
clear: both;
margin-bottom: 7px;
margin-top: 6px;
padding: 8px 16px;
}

.box-head {

background: #00aeef;
background-repeat: no-repeat;
background-size: cover;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-radius: 10px 10px 0 0;
box-shadow: 0 2px 3px rgba(1,86,119,.18),inset 0 1px rgba(255,255,255,.17);
color: #fff;
font-family: Arial;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 400;
height: 46px;
line-height: 46px;
margin: -11px -6px 10px;
padding: 0;
position: relative;
text-align: center;
text-shadow: 0 1px 0 rgba(16,143,191,.75);
z-index: 0;
  background-image: url('https://i.servimg.com/u/f24/19/34/83/47/bg_foo10.png');
    background-repeat: no-repeat;
    background-size: cover;
border-bottom: 2px solid #ECCA05;
  background-size: 300px 100px;
}
.box {
font-size: 13px;
margin-bottom: 24px;
background-color: #fff;
background-image: url(https://illiweb.com/fa/empty.gif);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #dcdcdc;
border-radius: 10px;
clear: both;
margin-bottom: 20px;
margin-top: 10px;
padding: 5px;
}
.box-body {
background-color: #FFF;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
margin-top: 6px;
overflow: hidden;
padding: 10px;
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
font-weight: 700;
margin-bottom: 6px;
}
#tabs ul, .tabs ul {
background-color: #FFF;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
list-style: none;
margin: 0;
padding: 8px 0;
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
font-weight: 700;
margin-bottom: 6px;
}
.notification-row {
background-color: #FFF;
border-radius: 10px;
box-shadow: 0 1px 11px rgba(0,0,0,0.06), 0 0 2px rgba(0,0,0,0.11);
margin: 0;
padding: 8px 16px;
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #FFF;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
font-weight: 700;
list-style: none;
margin: 0 0 6px;
/* padding: 8px 0; */
}
.forumline thead th, .table1 thead th {
/* background-color: #3793ff; */
/* color: #FFF; */
/* font-weight: 400; */
background: #00aeef;
background-repeat: no-repeat;
background-size: cover;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
/* border-radius: 10px 10px 0 0; */
box-shadow: 0 2px 3px rgba(1,86,119,.18),inset 0 1px rgba(255,255,255,.17);
color: #fff;
font-family: Arial;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 400;
height: 46px;
line-height: 46px;
margin: -11px -6px 10px;
padding: 0;
position: relative;
text-align: center;
text-shadow: 0 1px 0 rgba(16,143,191,.75);
z-index: 0;
}
.forumline td, .forumline th, .table1 td, .table1 th {
border: 1px solid #EBEBEB;
padding: 16px;
position: relative;

background-color: #FFF;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
font-weight: 700;
margin-bottom: 6px;
margin-top: 6px;
overflow: hidden;
/* padding: 10px; */
}
.block-market .market-image img {
border-radius: 10px;
display: block;
height: 150px;
object-fit: cover;
width: 200px;
background: #fff url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border-radius: 10px;
font-size: 0;
margin-left: 6px;
margin-top: 3px;
padding: 4px;
border: 1px solid #DDD !important;
}
.block-market .market-item-price {

background: #eee url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
font-weight: 700;
margin-bottom: 1px;
margin-top: 1px;
margin-left: 1px;
}
#forum-statistics > div {
display: inline;
float: right;
margin: 30px 10px 10px 50px;
text-align: right;
padding: 0 20px 0 0;
font-size: 10pt;
font-family: Verdana, sans-serif;

}


#forum-statistics strong {
font-size: 4px;
/* vertical-align: -4px; */
font: normal 11px/16px 'Arial';
  }
.linklist {
list-style: none;
margin: 0;
font: normal 11px/16px 'Arial';
}

.page-header .btn, .topic-header .btn {
float: left;
margin-bottom: 22px;
border-bottom: 2px solid #ECCA05;
}
.jumpbox-wrap input, .quickmod-wrap input, .select-wrap input {
background: #00aeef;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14), 0 5px 3px -2px rgba(0,0,0,0.2), 0 1px 8px 0 rgba(0,0,0,0.12);
color: #FFF;
cursor: pointer;
border-bottom: 2px solid #ECCA05;
}

.codebox code {
display: block;
max-height: 400px;
overflow: auto;
white-space: nowrap;
text-align: left;
}

#message-box textarea {
width: 100%!important;
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
/* border-radius: 10px; */
/* font-weight: 700; */
margin-bottom: 6px;
}

مسرووور
Admin

المساهمات : 22
تاريخ التسجيل : 29/07/2018

معاينة صفحة البيانات الشخصي للعضو http://msrooo1r.yoo7.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

اهداء رد: استايل الانمي لنسخة الجديدةتصميم استايل للانمي لنسخة الماسية AwesomeBB  وبتقنية css فقط

مُساهمة من طرف مسرووور في الخميس سبتمبر 13, 2018 6:56 am

استايل منتدى الدعم الرصاصي التطوير الثاني

الكود:
.post-header a {
color: #616161;
}


footer {
margin: 50px 0 0 0;
border-top: 1px solid #cfcfcf;
background: #2f72b0;
border-top: 1px solid #cfcfcf;
}


.post-date {
/* color: rgba(255,255,255,0.44); */
/* display: block; */
/* float: right; */
/* font-size: 13px; */
display: none;
}
header {
  background-color: #000000;
border-bottom: 2px solid #3998B6;
}
#forum-statistics {
float: right;
font-size: 13px;
text-align: right;
width: 100%;
/* top: 232px; */
margin: 0 auto 60px;
}
.block .block-header, .forum-header, .post-header, .posts-header {
bbackground-image: url(https://hitsk.in/t/21/41/12/i_logo.png);
background-repeat: no-repeat;
background-size: 250px 46px;
background: #eff0f0;
border: 1px solid #d7d7d7!important;
border-radius: 5px;
color: #696969;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: 35px;
padding: 0 2px;
text-align: center;
text-shadow: 0 0px 0 #000;
 }
 
#simple-wrap, #wrap {
padding: 19px 19px 9px 19px;
background: #fff;
/* border: 1px solid #e7e7e7; */
border-radius: 5px;
box-shadow: 0 0 2px rgba(0,0,0,0.18);
height: 100%;

max-width: 90%;
padding: 10px;
top: -32px;

}

body.chatbox, html {
height: 100%;
background-color: #F3F4F5;
}
#header-banner {
background: url("https://hitsk.in/t/21/41/12/i_logo.png") center top no-repeat,
    url("") center top no-repeat,
url("") center bottom no-repeat,
 url("") center bottom repeat-x, 
url() repeat-y center top;
padding: 0px 0px 273px 0px;
margin-top: 730px;
padding: 0;
height: 230px;
margin: 70px 0 20px;
}

.forum, .post-wrap, .posts {


background-repeat: repeat-x;
border: 1px solid #dcdcdc;
border-radius: 10px;
clear: both;
margin-bottom: 20px;
margin-top: 10px;
padding: 5px;
  background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
}
.forum-section, .posts-section {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
box-shadow: none;
border-bottom-width: 2px!important;
/* border-radius: 3px; */
/* color: #383838; */
font-weight: 700;
margin-bottom: 6px;
border-bottom: 2px solid #e8e8e8;
/* background: #F2F2F2; */
/* border: 1px solid #dcdcdc; */
}
.forum-section, .posts-section {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
box-shadow: none;
border-bottom-width: 2px!important;
/* border-radius: 3px; */
margin: -5px -5px 10px -5px;
display: block;
line-height: 22px;
margin-top: 6px;
padding: 19px 16px;
}
blockquote {
background-color: #FFF2B5;
border-color: rgba(0,0,0,0.11);
border-radius: 10px;
border-style: solid;

font-size: 14px;
font-style: italic;
line-height: 1.5;
padding: 8px 10px 8px 16px;

background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #FFF;
border: 1px solid #3998B6;
border-color: rgba #3998B6;
border-radius: 10px;
border-style: solid;
color: #000;
font-size: 14px;
line-height: 1.5;
padding: 8px 16px;
}


body, html {
background: url(http://forum.ucoz.ae/images/bg2.gif);
color: #616161;
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 16px;
}
#header-banner h2 {
display:none
}
.chatbox {
padding: 8px;
position: relative;
background: none;
}
body {
background: url("") center top no-repeat,
    url("") center top no-repeat,
url("") center bottom no-repeat,
 url("") center bottom repeat-x, 
url() repeat-y center top;
padding: 0px 0px 273px 0px;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
.forum-description img {
    background: #fff url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
    border-radius: 10px;
    font-size: 0;
    height: 70px;
    margin-left: 6px;
    margin-top: 3px;
    padding: 4px;
    width: 115px;
    border: 1px solid #DDD !important;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/






.action-bar {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #F3F3F3;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
clear: both;
color: #000;
display: block;
font-weight: 700;
list-style: none;
margin: 0 0 6px;
padding: 12px 16px 0;
  margin-bottom: 20px;
}
.action-bar i {
color: #000;
font-size: 21px;
margin: -2px 0 -2px 3px;
vertical-align: -6px;
}
.action-bar a, .action-bar a:hover i {
color: #263238;
}
#breadcrumbs {

background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #F3F3F3;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
clear: both;
color: #000;
display: block;
font-weight: 700;
list-style: none;
margin: 0 0 6px;

}
#breadcrumbs a:last-child:after {
display:none
}
#breadcrumbs a {
border-radius: 10px;
color: #000;
display: inline-block;
font-size: 13px;
padding: 9px 16px;
position: relative;
}




.block {
background-repeat: repeat-x;
border: 1px solid #dcdcdc;
border-radius: 10px;
clear: both;
margin-bottom: 20px;
margin-top: 10px;
padding: 5px;
  background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
}
.block .block-content {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border-bottom: 2px solid #e8e8e8;
border-bottom-width: 2px!important;
box-shadow: none;
display: block;
font-weight: 700;
line-height: 22px;
margin: 6px -5px 10px;
padding: 19px 16px;
}
#fa_ticker_block .module {
background: none!important;
background-color: rgba(0,0,0,0.06);
border-radius: 10px;
bottom: 7px;
box-shadow: none;
margin-top: 20px;
padding: 15px 0!important;
}
#fa_ticker * {
font-family: Arial;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 400;
padding: 0;
position: relative;
transition: none;
z-index: 0;
}

#block-birthdays .headline, #block-online .headline {
background-image: url(https://hitsk.in/t/21/41/12/i_logo.png);
background-repeat: no-repeat;
background-size: 250px 46px;
background: #eff0f0;
border: 1px solid #d7d7d7!important;
border-radius: 5px;
color: #696969;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: 35px;
padding: 0 2px;
text-align: center;
text-shadow: 0 0px 0 #000;
 }
.block-subtle {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #FFF;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
color: #383838;
font-size: 13px;
font-weight: 700;
margin-bottom: 6px;
padding: 16px;
  border-radius: 10px 10px 0 0;
  margin-bottom: 20px;
border-radius: 10px;
}


.btn-default, .button, .button1, .button2, .liteoption, .mainoption {
/* background-color: #1E88E5; */
border-radius: 10px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);
color: #FFF;
font-size: 13px;
height: 36px;
line-height: 36px;
padding: 0 24px;
background: #3998B6;
}

#header-user img, .avatar-big img, .avatar-default img, .avatar-mini img {
background: #FFF;
border-radius: 100px;
box-shadow: 0 2px 3px rgba(0,0,0,0.3), 0 -1px 1px rgba(0,0,0,0.3);
display: inline-block;
margin: 10px 0;
overflow: hidden;
padding: 3px;
}
.jumpbox-wrap input, .quickmod-wrap input, .select-wrap input {
background: none!important;
border: none!important;
box-shadow: none!important;
color: #000;
}
.post-aside {
background-color: #F5F5F5;
border: 1px solid #DDD!important;
border-radius: 10px;
flex-basis: 200px;
flex-grow: 0;
flex-shrink: 0;
float: right;
font-size: 13px;
margin: 6px 3px 7px 3px;
padding: 16px 25px;
position: relative;
text-align: center;
}
.post {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
color: #383838;
font-weight: 700;
margin-bottom: 6px;
}
.post-content {
background: url(https://i.servimg.com/u/f63/11/53/34/85/f3al_c10.png) no-repeat;
background-position: top;
font-family: Arial;
font-size: 20px;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1.6;
padding: 150px 10px 10px;
position: relative;
text-align: center;
vertical-align: text-bottom;
word-wrap: break-word;
z-index: 0;
}

.codebox {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #FFF;
border: 1px solid #3998B6;
border-color: rgba #3998B6;
border-radius: 10px;
border-style: solid;
color: #000;
font-size: 14px;
line-height: 1.5;
padding: 8px 16px;
}

.codebox p {
background: #3998B6;
border: none;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
color: #FFF;
font-size: 11px;
margin: -9px -16px 10px;
padding: 9px;
text-align: right;
}

.post-signature {
background: transparent url(https://i.servimg.com/u/f62/19/34/83/47/315_co10.png);
background-position: top;
background-repeat: no-repeat;
border: none;
border-bottom: 2px solid #ddd;
border-radius: 10px;
color: #FFF;
direction: ltr;
display: block;
font-family: mk,geneva,lucida,"lucida grande",arial,helvetica,sans-serif;
font-size: 10pt;
font-style: normal;
font-variant: normal;
font-weight: 700;
margin: 3px;
max-height: 200px;
overflow: auto;
padding: 22px 3px;
text-align: center;
text-transform: none;
}
.spoiler_title {
background: #F6F6F6!important;
border: 1px solid #3998B6;
border-bottom-width: 2px;
border-radius: 10px;
margin: 6px 3px;
text-align: right;
}
.spoiler_content {
background-color: #ddd;
border: 1px solid #3998B6;
border-color: rgba #3998B6;
border-radius: 10px;
border-style: solid;
color: #000;
display: none;
font-size: 14px;
line-height: 1.5;
margin-top: 6px;
padding-right: 22px;
}
.block .block-secondary-content {
background-color: #F5F5F5;
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #dcdcdc;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
clear: both;
margin-bottom: 7px;
margin-top: 6px;
padding: 8px 16px;
}

.box-head {
background-image: url(https://hitsk.in/t/21/41/12/i_logo.png);
background-repeat: no-repeat;
background-size: 250px 46px;
background: #eff0f0;
border: 1px solid #d7d7d7!important;
border-radius: 5px;
color: #696969;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: 35px;
padding: 0 2px;
text-align: center;
text-shadow: 0 0px 0 #000;
 }
.box {
font-size: 13px;
margin-bottom: 24px;
background-color: #fff;
background-image: url(https://illiweb.com/fa/empty.gif);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #dcdcdc;
border-radius: 10px;
clear: both;
margin-bottom: 20px;
margin-top: 10px;
padding: 5px;
}
.box-body {
background-color: #FFF;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
margin-top: 6px;
overflow: hidden;
padding: 10px;
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
font-weight: 700;
margin-bottom: 6px;
}
#tabs ul, .tabs ul {
background-color: #FFF;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
list-style: none;
margin: 0;
padding: 8px 0;
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
font-weight: 700;
margin-bottom: 6px;
}
.notification-row {
background-color: #FFF;
border-radius: 10px;
box-shadow: 0 1px 11px rgba(0,0,0,0.06), 0 0 2px rgba(0,0,0,0.11);
margin: 0;
padding: 8px 16px;
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #FFF;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
font-weight: 700;
list-style: none;
margin: 0 0 6px;
/* padding: 8px 0; */
}
.forumline thead th, .table1 thead th {
/* background-color: #3793ff; */
/* color: #FFF; */
/* font-weight: 400; */
background: #3998B6;
background-repeat: no-repeat;
background-size: cover;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
/* border-radius: 10px 10px 0 0; */
box-shadow: 0 2px 3px rgba(1,86,119,.18),inset 0 1px rgba(255,255,255,.17);
color: #fff;
font-family: Arial;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 400;
height: 46px;
line-height: 46px;
margin: -11px -6px 10px;
padding: 0;
position: relative;
text-align: center;
text-shadow: 0 1px 0 rgba(16,143,191,.75);
z-index: 0;
}
.forumline td, .forumline th, .table1 td, .table1 th {
border: 1px solid #EBEBEB;
padding: 16px;
position: relative;

background-color: #FFF;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
font-weight: 700;
margin-bottom: 6px;
margin-top: 6px;
overflow: hidden;
/* padding: 10px; */
}
.block-market .market-image img {
border-radius: 10px;
display: block;
height: 150px;
object-fit: cover;
width: 200px;
background: #fff url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border-radius: 10px;
font-size: 0;
margin-left: 6px;
margin-top: 3px;
padding: 4px;
border: 1px solid #DDD !important;
}
.block-market .market-item-price {

background: #eee url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
font-weight: 700;
margin-bottom: 1px;
margin-top: 1px;
margin-left: 1px;
}
#forum-statistics > div {
display: inline;
float: right;
margin: 30px 10px 10px 50px;
text-align: right;
padding: 0 20px 0 0;
font-size: 10pt;
font-family: Verdana, sans-serif;

}


#forum-statistics strong {
font-size: 4px;
/* vertical-align: -4px; */
font: normal 11px/16px 'Arial';
  }
.linklist {
list-style: none;
margin: 0;
font: normal 11px/16px 'Arial';
}

.page-header .btn, .topic-header .btn {
background:none!important;
border:none!important;
color: #000;
    box-shadow:none!important;
}


.codebox code {
display: block;
max-height: 400px;
overflow: auto;
white-space: nowrap;
text-align: left;
}

#message-box textarea {
width: 100%!important;
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
/* border-radius: 10px; */
/* font-weight: 700; */
margin-bottom: 6px;
}

#chatbox_header {
background-image: url(https://hitsk.in/t/21/41/12/i_logo.png);
background-repeat: no-repeat;
background-size: 250px 46px;
background: #eff0f0;
border: 1px solid #d7d7d7!important;
border-radius: 5px;
color: #696969;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: 35px;
padding: 0 2px;
text-align: center;
text-shadow: 0 0px 0 #000;
}


.pagination span {
display:inline-block;
margin:6px 0
}
.pagination span a,.pagination span a:link,.pagination span a:visited,.pagination span strong {
color:#FFF;
font-weight:700;
background:#39C;
border:none;

border-radius:3px;
padding:0px 6px;
transition:300ms
}
.pagination span a:hover {
background-color:#333;
border-color:#111
}
.pagination span a:active,.pagination span a:focus,.pagination span strong {
background-color:#E1E9F1;
border-color:#dcdcdc
}
.pagination a.pag-img {
background:none!important;
border:none!important;
padding:0!important
}


.pagination span a:hover {
background-color: #333;
border-color: #111;
}
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span strong {
/* background: #3998B6; */
border: 1px solid #dcdcdc;
border-radius: 7px;
color: #000;
font-weight: 700;
padding: 0 6px;
transition: 300ms;
background: #eff0f0;
/* border: 1px solid #d7d7d7!important; */
}
.posts .pagination > a {
background:none!important;
border:none!important;
color: #000;

}

.pagination > a {
background:none!important;
border:none!important;
color: #000;
    box-shadow:none!important;
}

.pagination span a:active, .pagination span a:focus, .pagination span strong {
background: #eff0f0;
border: 1px solid #dcdcdc;
}

.forum-hide {
background: #696969;
border-radius: 3px;
color: #696969;
height: 32px;
left: 9px;
line-height: 32px;
position: absolute;
text-align: center;
top: 1px;
width: 32px;
}


#page-footer {
background: #2f72b0;
background-color: #2f72b0;
border-top: 2px solid #3998B6;
margin: 0 auto -310px;
background: none;

color: #FFF;
font-size: 13px;
/* margin: -232px 0 -22px; */
padding: 30px 0;
background-image: url('https://hitsk.in/t/21/41/12/i_logo.png');
background-repeat: no-repeat;
background-size: cover;
border-top: 1px solid #cfcfcf;
background-size: 350px 100px;
}
#page-footer {
background: none;
border-top: 1px solid #cfcfcf;
background: #2f72b0;
/* border-top: 1px solid rgba(255,255,255,0.22); */
margin: 0 auto -310px;
}

مسرووور
Admin

المساهمات : 22
تاريخ التسجيل : 29/07/2018

معاينة صفحة البيانات الشخصي للعضو http://msrooo1r.yoo7.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

اهداء رد: استايل الانمي لنسخة الجديدةتصميم استايل للانمي لنسخة الماسية AwesomeBB  وبتقنية css فقط

مُساهمة من طرف مسرووور في الخميس سبتمبر 13, 2018 7:34 am

البرتقالي اخر تحديث

الكود:
#page-footer {
background: none;
background-color: #000;
/* border-top: 1px solid rgba(255,255,255,0.22); */
margin: 0 auto -310px;
border-top: 2px solid #e36a49;
}
footer {
background: none;
background-color: #000;
color: #FFF;
font-size: 13px;
/* margin: -232px 0 -22px; */
padding: 30px 0;
}
footer {
background: none;
background-color: #263238;
color: #FFF;
font-size: 13px;
margin: 33px 0 -22px;
padding: 44px 0;
background: none;
background-color: #000;
/* background-image: url(https://hitsk.in/t/21/41/12/i_logo.png); */
background-repeat: no-repeat;
background-size: 350px 100px;
border-bottom: 2px solid #000;
border-top: 2px solid #e36a49;
}
#page-footer {
background: none;
background-color: #000;
border-top: 2px solid #e36a49;
margin: 0 auto -310px;
background: none;
background-color: #000;
color: #FFF;
font-size: 13px;
/* margin: -232px 0 -22px; */
padding: 30px 0;
background-image: url('https://hitsk.in/t/21/41/12/i_logo.png');
background-repeat: no-repeat;
background-size: cover;
border-bottom: 2px solid #000000;
background-size: 350px 100px;
}


header {
  background-color: #000000;
border-bottom: 2px solid #e36a49;
}
#forum-statistics {
float: right;
font-size: 13px;
text-align: right;
width: 100%;
/* top: 232px; */
margin: 0 auto 60px;
}

#simple-wrap, #wrap {
background-color: #F3F4F5;
background: url("https://i.servimg.com/u/f11/19/34/83/47/6610.png") left top no-repeat, url("https://i.servimg.com/u/f11/19/34/83/47/5510.png") right top no-repeat, url(https://i.servimg.com/u/f11/19/34/83/47/oy_o10.png) center top repeat-x, url(https://i.servimg.com/u/f11/19/34/83/47/-110.png) left bottom no-repeat, url(https://i.servimg.com/u/f11/19/34/83/47/0110.png) right bottom no-repeat, url(https://i.servimg.com/u/f11/19/34/83/47/io_o10.png) center bottom repeat-x, url("https://i.servimg.com/u/f11/19/34/83/47/a_o10.png") left repeat-y, url("https://i.servimg.com/u/f11/19/34/83/47/aoao_o10.png") right repeat-y;
padding: 19px 19px 9px 19px;


height: 100%;

max-width: 80%;
padding: 10px;
top: -32px;

}

body.chatbox, html {
height: 100%;
background-color: #F3F4F5;
}
#header-banner {
background: url("https://hitsk.in/t/21/41/12/i_logo.png") center top no-repeat,
    url("") center top no-repeat,
url("") center bottom no-repeat,
 url("") center bottom repeat-x, 
url() repeat-y center top;
padding: 0px 0px 273px 0px;

padding: 0;
height: 230px;
margin: 70px 0 -10px;
}

.forum, .post-wrap, .posts {
  background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-repeat: repeat-x;
border: 1px solid #dcdcdc;
border-radius: 10px;
clear: both;
margin-bottom: 20px;
margin-top: 10px;
padding: 5px;
}
.forum-section, .posts-section {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border-bottom: 2px solid #e8e8e8;
border-bottom-width: 2px!important;
box-shadow: none;
display: block;
font-weight: 700;
line-height: 22px;
margin: 6px -5px 10px;
padding: 19px 16px;
}
blockquote {
background-color: #FFF2B5;
border-color: rgba(0,0,0,0.11);
border-radius: 10px;
border-style: solid;

font-size: 14px;
font-style: italic;
line-height: 1.5;
padding: 8px 10px 8px 16px;

background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #FFF;
border: 1px solid #e36a49;
border-color: rgba #e36a49;
border-radius: 10px;
border-style: solid;
color: #000;
font-size: 14px;
line-height: 1.5;
padding: 8px 16px;
}


body, html {

background-attachment: fixed;
background-color: #ededed;
background-image: url(http://atfal.do.am/.s/t/1171/bg.jpg);
}
#header-banner h2 {
display:none
}
.chatbox {
padding: 8px;
position: relative;
background: none;
}
body {
background: url("") center top no-repeat,
    url("") center top no-repeat,
url("") center bottom no-repeat,
 url("") center bottom repeat-x, 
url() repeat-y center top;
padding: 0px 0px 273px 0px;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
.forum-description img {
    background: #fff url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
    border-radius: 10px;
    font-size: 0;
    height: 70px;
    margin-left: 6px;
    margin-top: 3px;
    padding: 4px;
    width: 115px;
    border: 1px solid #DDD !important;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/






.action-bar {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #F3F3F3;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
clear: both;
color: #000;
display: block;
font-weight: 700;
list-style: none;
margin: 0 0 6px;
padding: 12px 16px 0;
  margin-bottom: 20px;
}
.action-bar i {
color: #000;
font-size: 21px;
margin: -2px 0 -2px 3px;
vertical-align: -6px;
}
.action-bar a, .action-bar a:hover i {
color: #263238;
}
#breadcrumbs {

background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #F3F3F3;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
clear: both;
color: #000;
display: block;
font-weight: 700;
list-style: none;
margin: 0 0 6px;

}
#breadcrumbs a:last-child:after {
display:none
}
#breadcrumbs a {
border-radius: 10px;
color: #000;
display: inline-block;
font-size: 13px;
padding: 9px 16px;
position: relative;
}




.block {
background-repeat: repeat-x;
border: 1px solid #dcdcdc;
border-radius: 10px;
clear: both;
margin-bottom: 20px;
margin-top: 10px;
padding: 5px;
  background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
}
.block .block-content {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border-bottom: 2px solid #e8e8e8;
border-bottom-width: 2px!important;
box-shadow: none;
display: block;
font-weight: 700;
line-height: 22px;
margin: 6px -5px 10px;
padding: 19px 16px;

}
#fa_ticker_block .module {
background: none!important;
background-color: rgba(0,0,0,0.06);
border-radius: 10px;
bottom: 7px;
box-shadow: none;
margin-top: 20px;
padding: 15px 0!important;
}
#fa_ticker * {
font-family: Arial;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 400;
padding: 0;
position: relative;
transition: none;
z-index: 0;
}

#block-birthdays .headline, #block-online .headline {
background: #e36a49;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-radius: 10px 10px 0 0;
color: #FFF;
font-family: Arial;
font-size: 22px;
font-style: normal;
font-variant: normal;
font-weight: 400;
margin: -17px -17px 0;
padding: 11px 15px;
position: relative;
text-shadow: 0 1px 0 rgba(16,143,191,.75);
text-transform: uppercasebackground: #e36a49;
z-index: 0;
  background-image: url('https://hitsk.in/t/21/41/12/i_logo.png');
    background-repeat: no-repeat;
    background-size: cover;
border-bottom: 1px solid #dcdcdc;
  background-size: 250px 46px;
}
.block-subtle {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #FFF;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
color: #383838;
font-size: 13px;
font-weight: 700;
margin-bottom: 6px;
padding: 16px;
  border-radius: 10px 10px 0 0;
  margin-bottom: 20px;
border-radius: 10px;
}


.btn-default, .button, .button1, .button2, .liteoption, .mainoption {
/* background-color: #1E88E5; */
border-radius: 10px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);
color: #FFF;
font-size: 13px;
height: 36px;
line-height: 36px;
padding: 0 24px;
background: #e36a49;
}

#header-user img, .avatar-big img, .avatar-default img, .avatar-mini img {
background: #FFF;
border-radius: 100px;
box-shadow: 0 2px 3px rgba(0,0,0,0.3), 0 -1px 1px rgba(0,0,0,0.3);
display: inline-block;
margin: 10px 0;
overflow: hidden;
padding: 3px;
}
.jumpbox-wrap input, .quickmod-wrap input, .select-wrap input {
background: none!important;
border: none!important;
box-shadow: none!important;
color: #000;
}
.post-aside {
background-color: #F5F5F5;
/* border: 1px solid #DDD!important; */
/* border-radius: 10px; */
flex-basis: 200px;
flex-grow: 0;
flex-shrink: 0;
float: right;
font-size: 13px;
/* margin: 6px 3px 7px; */
padding: 16px 25px;
position: relative;
text-align: center;
margin: -10px -1px 0;
}
.post {
/* background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; */
/* border: 1px solid #DDD!important; */
/* border-bottom-width: 2px!important; */
/* border-radius: 10px; */
/* color: #383838; */
/* font-weight: 700; */
/* margin-bottom: 6px; */
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border-bottom: 2px solid #e8e8e8;
border-bottom-width: 2px!important;
box-shadow: none;
display: block;
font-weight: 700;
line-height: 22px;
/* margin: 6px -5px 10px; */
padding: 19px 16px;
}
.post-content {
background: url(https://i.servimg.com/u/f63/11/53/34/85/f3al_c10.png) no-repeat;
background-position: top;
font-family: Arial;
font-size: 20px;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1.6;
padding: 150px 10px 10px;
position: relative;
text-align: center;
vertical-align: text-bottom;
word-wrap: break-word;
z-index: 0;
}

.codebox {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #FFF;
border: 1px solid #e36a49;
border-color: rgba #e36a49;
border-radius: 10px;
border-style: solid;
color: #000;
font-size: 14px;
line-height: 1.5;
padding: 8px 16px;
}

.codebox p {
background: #e36a49;
border: none;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
color: #FFF;
font-size: 11px;
margin: -9px -16px 10px;
padding: 9px;
text-align: right;
}

.post-signature {
background: transparent url(https://i.servimg.com/u/f62/19/34/83/47/315_co10.png);
background-position: top;
background-repeat: no-repeat;
border: none;
border-bottom: 2px solid #ddd;
border-radius: 10px;
color: #FFF;
direction: ltr;
display: block;
font-family: mk,geneva,lucida,"lucida grande",arial,helvetica,sans-serif;
font-size: 10pt;
font-style: normal;
font-variant: normal;
font-weight: 700;
margin: 3px;
max-height: 200px;
overflow: auto;
padding: 22px 3px;
text-align: center;
text-transform: none;
}
.spoiler_title {
background: #F6F6F6!important;
border: 1px solid #e36a49;
border-bottom-width: 2px;
border-radius: 10px;
margin: 6px 3px;
text-align: right;
}
.spoiler_content {
background-color: #ddd;
border: 1px solid #e36a49;
border-color: rgba #e36a49;
border-radius: 10px;
border-style: solid;
color: #000;
display: none;
font-size: 14px;
line-height: 1.5;
margin-top: 6px;
padding-right: 22px;
}
.block .block-secondary-content {
background-color: #F5F5F5;
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #dcdcdc;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
clear: both;
margin-bottom: 7px;
margin-top: 6px;
padding: 8px 16px;
}

.box-head {

background: #e36a49;
background-repeat: no-repeat;
background-size: cover;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-radius: 10px 10px 0 0;
box-shadow: 0 2px 3px rgba(1,86,119,.18),inset 0 1px rgba(255,255,255,.17);
color: #fff;
font-family: Arial;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 400;
height: 46px;
line-height: 46px;
margin: -11px -6px 10px;
padding: 0;
position: relative;
text-align: center;
background-image: url(https://hitsk.in/t/21/41/12/i_logo.png);
background-repeat: no-repeat;
background-size: 250px 46px;
    background-size: cover;


}
.box {
font-size: 13px;
margin-bottom: 24px;
background-color: #fff;
background-image: url(https://illiweb.com/fa/empty.gif);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #dcdcdc;
border-radius: 10px;
clear: both;
margin-bottom: 20px;
margin-top: 10px;
padding: 5px;
}
.box-body {
background-color: #FFF;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
margin-top: 6px;
overflow: hidden;
padding: 10px;
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
font-weight: 700;
margin-bottom: 6px;
}
#tabs ul, .tabs ul {
background-color: #FFF;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
list-style: none;
margin: 0;
padding: 8px 0;
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
font-weight: 700;
margin-bottom: 6px;
}
.notification-row {
background-color: #FFF;
border-radius: 10px;
box-shadow: 0 1px 11px rgba(0,0,0,0.06), 0 0 2px rgba(0,0,0,0.11);
margin: 0;
padding: 8px 16px;
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #FFF;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
font-weight: 700;
list-style: none;
margin: 0 0 6px;
/* padding: 8px 0; */
}
.forumline thead th, .table1 thead th {
/* background-color: #3793ff; */
/* color: #FFF; */
/* font-weight: 400; */
background: #e36a49;
background-repeat: no-repeat;
background-size: cover;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
/* border-radius: 10px 10px 0 0; */
box-shadow: 0 2px 3px rgba(1,86,119,.18),inset 0 1px rgba(255,255,255,.17);
color: #fff;
font-family: Arial;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 400;
height: 46px;
line-height: 46px;
margin: -11px -6px 10px;
padding: 0;
position: relative;
text-align: center;
text-shadow: 0 1px 0 rgba(16,143,191,.75);
z-index: 0;
}
.forumline td, .forumline th, .table1 td, .table1 th {
border: 1px solid #EBEBEB;
padding: 16px;
position: relative;

background-color: #FFF;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
font-weight: 700;
margin-bottom: 6px;
margin-top: 6px;
overflow: hidden;
/* padding: 10px; */
}
.block-market .market-image img {
border-radius: 10px;
display: block;
height: 150px;
object-fit: cover;
width: 200px;
background: #fff url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border-radius: 10px;
font-size: 0;
margin-left: 6px;
margin-top: 3px;
padding: 4px;
border: 1px solid #DDD !important;
}
.block-market .market-item-price {

background: #eee url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
font-weight: 700;
margin-bottom: 1px;
margin-top: 1px;
margin-left: 1px;
}
#forum-statistics > div {
display: inline;
float: right;
margin: 30px 10px 10px 50px;
text-align: right;
padding: 0 20px 0 0;
font-size: 10pt;
font-family: Verdana, sans-serif;

}


#forum-statistics strong {
font-size: 4px;
/* vertical-align: -4px; */
font: normal 11px/16px 'Arial';
  }
.linklist {
list-style: none;
margin: 0;
font: normal 11px/16px 'Arial';
}

.page-header .btn, .topic-header .btn {
background:none!important;
border:none!important;
color: #000;
    box-shadow:none!important;
}


.codebox code {
display: block;
max-height: 400px;
overflow: auto;
white-space: nowrap;
text-align: left;
}

#message-box textarea {
width: 100%!important;
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
/* border-radius: 10px; */
/* font-weight: 700; */
margin-bottom: 6px;
}

#chatbox_header {
overflow: hidden;
background: #e36a49;
background-image: url(https://hitsk.in/t/21/41/12/i_logo.png);
background-repeat: no-repeat;
background-size: 250px 46px;
/* border-bottom: 1px solid #dcdcdc; */
/* border-bottom-left-radius: 0; */
/* border-bottom-right-radius: 0; */
/* border-radius: 10px 10px 0 0; */
/* color: #FFF; */
/* font-family: Arial; */
/* font-size: 22px; */
/* font-style: normal; */
/* font-variant: normal; */
/* font-weight: 400; */
/* margin: -17px -17px 0; */
/* padding: 11px 15px; */
/* position: relative; */
/* text-shadow: 0 1px 0 rgba(16,143,191,.75); */
text-transform: uppercasebackground: #e36a49;
/* z-index: 0; */
/* height: 230px; */
margin: -14px -6px 20px;
border-radius: 10px 10px 0 0;
}


.pagination span {
display:inline-block;
margin:6px 0
}
.pagination span a,.pagination span a:link,.pagination span a:visited,.pagination span strong {
color:#FFF;
font-weight:700;
background:#39C;
border:none;

border-radius:3px;
padding:0px 6px;
transition:300ms
}
.pagination span a:hover {
background-color:#333;
border-color:#111
}
.pagination span a:active,.pagination span a:focus,.pagination span strong {
background-color:#8B5;
border-color:#593
}
.pagination a.pag-img {
background:none!important;
border:none!important;
padding:0!important
}


.pagination span a:hover {
background-color: #333;
border-color: #111;
}
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span strong {
background: #e36a49;
border: none;
border: 2px solid #dcdcdc;
border-radius: 10px;
color: #FFF;
font-weight: 700;
transition: 300ms;
 
}
.posts .pagination > a {
background:none!important;
border:none!important;
color: #000;

}

.pagination > a {
background:none!important;
border:none!important;
color: #000;
    box-shadow:none!important;
}


.block .block-header, .forum-header, .post-header, .posts-header {
background: #e36a49;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
margin: -5px -6px 10px;
border-radius: 10px 10px 0 0;
    background-image: url('https://hitsk.in/t/21/41/12/i_logo.png');
    background-repeat: no-repeat;
    background-size: cover;
border-bottom: 1px solid #dcdcdc;
  background-size: 250px 46px;
}
.post-date {
/* background-color: #F5F5F5; */
border-radius: 3px;
/* border-top: 1px solid #EBEBEB; */
/* margin: auto -25px -16px; */
overflow: hidden;
padding: 8px 25px;
display: none;
}


.post-footer {
/* background-color: #F5F5F5; */
/* border-radius: 3px; */
/* border-top: 1px solid #EBEBEB; */
margin: auto -25px -16px;
overflow: hidden;
padding: 8px 25px;
}

مسرووور
Admin

المساهمات : 22
تاريخ التسجيل : 29/07/2018

معاينة صفحة البيانات الشخصي للعضو http://msrooo1r.yoo7.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى