| | استايل الانمي لنسخة الجديدةتصميم استايل للانمي لنسخة الماسية AwesomeBB وبتقنية css فقط | |
| | كاتب الموضوع | رسالة |
---|
جاك سبارو Admin
المساهمات : 247 تاريخ الميلاد : 02/01/1999 تاريخ التسجيل : 29/07/2018 العمر : 25 الأوسمة :
| موضوع: استايل الانمي لنسخة الجديدةتصميم استايل للانمي لنسخة الماسية AwesomeBB وبتقنية css فقط السبت أغسطس 18, 2018 12:39 pm | |
|
عدل سابقا من قبل جاك سبارو في الثلاثاء أغسطس 18, 2020 8:20 pm عدل 9 مرات | |
| | | جاك سبارو Admin
المساهمات : 247 تاريخ الميلاد : 02/01/1999 تاريخ التسجيل : 29/07/2018 العمر : 25 الأوسمة :
| موضوع: رد: استايل الانمي لنسخة الجديدةتصميم استايل للانمي لنسخة الماسية 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://2img.net/i/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://2img.net/s/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://2img.net/i/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://2img.net/i/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
المساهمات : 247 تاريخ الميلاد : 02/01/1999 تاريخ التسجيل : 29/07/2018 العمر : 25 الأوسمة :
| موضوع: رد: استايل الانمي لنسخة الجديدةتصميم استايل للانمي لنسخة الماسية 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://2img.net/s/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://2img.net/s/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://2img.net/s/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://2img.net/s/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://2img.net/s/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://2img.net/i/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://2img.net/s/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://2img.net/s/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
المساهمات : 247 تاريخ الميلاد : 02/01/1999 تاريخ التسجيل : 29/07/2018 العمر : 25 الأوسمة :
| موضوع: رد: استايل الانمي لنسخة الجديدةتصميم استايل للانمي لنسخة الماسية 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://2img.net/i/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://2img.net/i/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://2img.net/i/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
المساهمات : 247 تاريخ الميلاد : 02/01/1999 تاريخ التسجيل : 29/07/2018 العمر : 25 الأوسمة :
| موضوع: رد: استايل الانمي لنسخة الجديدةتصميم استايل للانمي لنسخة الماسية 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://2img.net/s/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://2img.net/s/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://2img.net/s/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://2img.net/s/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://2img.net/i/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://2img.net/s/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://2img.net/s/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
المساهمات : 247 تاريخ الميلاد : 02/01/1999 تاريخ التسجيل : 29/07/2018 العمر : 25 الأوسمة :
| موضوع: رد: استايل الانمي لنسخة الجديدةتصميم استايل للانمي لنسخة الماسية 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://2img.net/s/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://2img.net/s/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://2img.net/s/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://2img.net/s/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://2img.net/s/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://2img.net/i/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://2img.net/s/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://2img.net/s/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; } | |
| | | | استايل الانمي لنسخة الجديدةتصميم استايل للانمي لنسخة الماسية AwesomeBB وبتقنية css فقط | |
|
مواضيع مماثلة | |
|
| صلاحيات هذا المنتدى: | تستطيع الرد على المواضيع في هذا المنتدى
| |
| |
| |