*/HaYeF al ajme 101 KuwaiT body#layout #main-header { width: 780px; } body#layout #header-wrapper { width: 780px; } body#layout #navigation { display: none; } body#layout #outer-wrapper { width: 780px; } body#layout #main-wrapper { width: 555px; padding:20px 10px 0 0; min-height: 0!important; } body#layout #rightside-wrapper { width: 200px; padding:0 7px 0 0; margin-top: 20px; } body#layout #lower-container { width: 780px; } body#layout #credit { display: none; } body#layout ul, body#layout ul li { list-style-type: none; list-style: none; } /*============================== Body Basic Styles ==============================*/ body { color: #444; background: #E9E9E9; font-family: 'Noto Sans', Arial, Helvetica, sans-serif; font-size: 13px; padding: 0; margin: 0; } .main .widget { margin: 0; padding: 0; } .main .Blog { border-bottom-width: 0; } .clears { clear: both; margin-top: -10px; } .clear { clear: both; } h1, h2, h3, h4, h5, h6 { font-weight: 700; line-height: 1; text-align: right; margin-bottom: 16px; } h1 { font-size: 38px; } h2 { font-size: 30px; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5 { font-size: 16px; } h6 { font-size: 14px; } table { width: 100%; margin-bottom: 45px; } thead th { background: #C3D9FF; } th { font-weight: 700; padding:4px 5px 4px 10px; } td { padding:4px 5px 4px 10px; } caption { background: #EEE; padding:4px 5px 4px 10px; } tr.even td { background: #E5ECF9; } tfoot { font-style: normal; } ul, ol { margin:0 0 20px 40px; padding-right: 40px; } ul { list-style-type: disc; } ol { list-style-type: decimal; } dl { margin: 0 0 20px; } dl dt { font-weight: 700; } dd { margin-right: 20px; } pre { background-color: #474747; color: #ACE4F7; border-right: 5px solid #1CA933; border-radius: 5px; font-weight: 700; padding: 20px 40px; overflow: hidden; } pre, code, tt { font-family: Courier, monospace; font-size: 16px; line-height: 18px; } li ol, li ul { margin: 0; } a:link, a:visited { color: #000; font-weight: 700; text-decoration: none; outline: none; } a:hover { color: #86CE50; text-decoration: none; outline: none; } a img { border-width: 0; } /*============================== Main Header ==============================*/ #main-header { display: block; background: #FFF; width: 100%; height: 200px; } #header-wrapper { width: 1050px; height: 200px; overflow: hidden; margin: 0 auto; } #header { display: inline-block; float: right; overflow: hidden; margin: 60px 0; } #header h1 { color: #F3F3F3; font-family: 'Lora', serif; font-size: 36px; font-weight: normal; margin: 11px 0; } #header h1 a { color: #2B2B2B; text-decoration: none; } #header-inner { background-position: center; margin-left: auto; } #Header1_headerimg { max-width: 220px; height: 80px; margin: 0 auto; } .titlewrapper { width: 240px; height: auto; text-align: center; } #header .description { height: 20px; font-family: Cambria, Georgia, Times, Times New Roman, Serif; font-size: 18px; line-height: 18px; font-weight: 700; text-align: center; } #right-ad { float: left; width: 728px; max-width: 728px; max-height: 90px; overflow: hidden; padding: 0; margin: 55px 0; } /*============================== Navigation ==============================*/ #navigation { background: #535353; width: 100%; height: 50px; border-bottom: solid 5px #23A839; } #navigation ul { width: 1050px; height: 50px; overfliw: hidden; padding: 0; margin: 0 auto; } #navigation li { display: block; float: right; position: relative; list-style: none; padding: 0; margin: 0 1px; } #navigation .home a { background: url("http://1.bp.blogspot.com/-elLznFPGTFk/U7iQVYYIEaI/AAAAAAAAAwA/qmKzITzNJWc/s1600/home-icon.png") no-repeat 50% 50%; width: 30px; text-indent: -9999px; } #navigation li a { display: block; color: #FFF; font-size: 15px; line-height: 20px; text-decoration: none; padding: 15px; } .home { background: #23A839; } .active { border-bottom: solid 5px #79E867; } #navigation li a:hover { background-color: #23A839; } #navigation li.sub-indicator a { padding-right: 15px; padding-left: 25px; } #navigation li.sub-indicator:after { content: ""; top: 24px; left: 7px; border-width: 6px 5px; border-style: solid; border-color: #6FFF87 transparent transparent transparent; position: absolute; width: 0; height: 0; } #navigation ul.sub-menu { width: 180px; height: auto; top: 100%; border: solid 3px #57C569; position: absolute; z-index: 111; visibility: hidden; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; } #navigation li.sub-indicator:hover ul.sub-menu { top: 100%; -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; visibility: visible; } #navigation ul.sub-menu a { display: block; background: #565656; font-size: 14px; padding: 13px; transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -0-transition: all 0.3s; -webkit-transition: all 0.3s; } #navigation ul.sub-menu a:hover { border: solid 1px #222; } #navigation ul.sub-menu li { float: none; margin: 0; } #navigation ul.sub-menu li a:hover { color: #FFF; background-color: #23A829; } #mobilenav1 { display: none; } #navigation.fixed-nav { position: fixed; top: 0; right: 0; width: 100% !important; z-index: 999; padding: 0; } #search { float: left; padding: 6px 0; } #submitsearch input { float: right; width: 120px; border: 1px solid #AAA; font-family: 'Lora', serif; font-size: 14px; font-weight: 700; margin: 0; outline: 0; padding: 9px 5px; text-align: center; border-radius: 2px; } #submitsearch input:focus { background:#FFF47F; } #search button { background: #23A839; color: #FFF; height: 38px; font-family: 'Lora', serif; font-size: 14px; font-weight: 700; position: relative; cursor: pointer; overflow: hidden; border: none; outline: 0; margin-right: 8px; border-radius: 2px; } .fa-search { padding: 0 4px; font-size: 22px; } /*============================== Featured Posts ==============================*/ #featured-posts { background: #FFF; border-bottom: solid 2px #23A839; overflow: hidden; } #featured-posts-wrapper { width: 1050px; margin: 0 auto; } .featured-block { display: block; float: right; width: 232px; margin: 15px; margin-top: 50px; } .post-thumbnail { display: block; background: #D5D5D5; width: 100%; height: 172px; overflow: hidden; border: solid 1px #23A839; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .post-thumbnail img { display: inline-block; width: 220px; max-width: 100%; height: 160px; border: 0; } .featured-block h3 { display: block; font-family: 'Lora', serif; font-size: 17px; line-height: 30px; font-weight: 700; text-transform: none; padding: 5px; } .featured-block img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: background-size 300ms linear; transition: 300ms linear; transition-timing-function: cubic-bezier(1,.25,.60,.90); } /*============================== Outer Wrapper ==============================*/ #outer-wrapper { width: 1050px; margin: auto; margin-top: 40px; } /*============================== Content Wrapper ==============================*/ #content-wrapper { width: 100%; height: auto; padding: 0; } /*============================== Main Wrapper ==============================*/ #main-wrapper { float: right; width: 705px; min-height: 1500px!important; overflow: hidden; text-indent: 1px; padding-left: 8px; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*============================== Post Content ==============================*/ h2.date-header { display: none; margin: 1.6em 0 0.5em; } .post-title { color: #333; width: 100%; font-size: 32px; line-height: 1.6; font-weight: 700; text-transform: none; margin: 15px 0; } .post-title a, .post-title a:visited, .post-title strong { display: block; color: #6FB621; font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif; font-size: 32px; text-decoration: none; text-shadow: 0 1px 1px #CCC; } .post-title strong, .post-title a:hover { color: #6DA133; } .postmeta { float: right; width: 100%; font-family: 'Lora', serif; font-size: 15px; padding: 15px 0; } .author { padding-left: 10px; } .comment-count, .clock { padding: 0 10px; } .post.hentry { padding: 25px; background: #FFF; border: solid 1px #BBB; margin-bottom: 15px; border-top: solid 4px #23a839; border-radius: 2px; } .post-body { font-family: 'Lora', serif; font-size: 15px; line-height: 1.8em; text-align: right; } .post ol li { padding: 0; margin: 5px auto; } .post ul li { padding: 0; margin: 5px auto; } .postthumb img { background: #D5D5D5; width: 100%; height: 360px; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: solid 1px #23a839; } .postthumb img:hover { -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: url("data:image/svg+xml;utf8,#greyscale"); } /*============================== Post Read More ==============================*/ .readmore { text-align: center; } .readmore a { display: inline-block; color: #FFF; background: #23A839; border: solid 1px #2074AC; border-radius: 2px; font-size: 14px; line-height: 15px; text-shadow: 0 1px 1px #555; text-transform: none; text-decoration: none; padding: 7px 9px; } .readmore a:hover { background: #2BC344; } .fa-share-square-o { margin-left: 5px; } /*============================== Post Author Box ==============================*/ #author-box { float: right; background: #F7F7F7; width: 100%; border: 1px solid #BBB; border-bottom: solid 4px #999; margin: 30px 0; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .author-avator img { float: right; width: 94px; height: 86px; border: 1px solid #BBB; border-radius: 3px; margin: 25px 16px!important; } .author-description { font-size: 13px; padding-bottom: 15px; } .author-name h3 { font-size: 17px; font-weight: 700; margin: 0; padding:10px 10px 5px 20px; } .post-all { font-size: 15px; margin-top: 8px; } /*============================== Post Tags ==============================*/ .post-tags { float: right; width: 100%; text-align: right; margin: 20px 0; } .post-tags h4 { float: right; color: #555; font-size: 17px; margin: 12px 6px; } .post-tags a { display: inline-block; background: #23A839; color: #FFF; border-bottom: solid 3px #222; border-radius: 2px; font-size: 13px; text-decoration: none; position: relative; margin: 5px; padding: 2px 12px; } .post-tags a:hover { color: #B8FF6B; text-decoration: underline; } /*============================== Blackquote Style ==============================*/ .post blockquote { color: #000; background: url('http://3.bp.blogspot.com/-PsbE4vORb1k/U1OBa3_VsOI/AAAAAAAAAfU/Q-PhAtYCgHo/s1600/quote-mark.png') no-repeat scroll 3px 3px #FFF; font-family: Consolas, 'Courier New', Monaco, Courier, Monospace; line-height: 18px; border-color: #B6B6B6 #666 #666 #A0A0A0; border-style: solid; border-width: 1px; border-left: solid 5px #23A839; overflow: hidden; padding:12px 45px 12px 20px; margin: 0 45px; -webkit-box-shadow: #B6B4B4 0 2px 2px; box-shadow: #B6B4B4 0 2px 2px; } /*============================== مواضيع مشابهة ==============================*/ #related-posts { float: right; width: 100%; height: 320px; margin-top: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #related-posts h2 { font-family: 'Lora', serif; font-size: 18px; line-height: 15px; font-weight: 700; text-transform: capitalize; padding: 12px 5px; } .related-header { border-bottom: solid 3px #23a839; padding: 10px 0; } #related-posts img { background: #F8F8F8; width: 170px!important; border: solid 1px #CCC; padding: 5px; } #related-posts img:hover { border: solid 1px #555; -webkit-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; } .related-body { width: 184px; padding: 15px!important; } .related-title { color: #000; width: auto; height: 50px; margin: 0; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: 25px; font-family: Roboto Slab, serif; text-align: right; } /*============================== Comments ==============================*/ #comments h4 { display: inline; color: #FFF; font-family: 'Noto Sans', Arial, Helvetica, sans-serif; font-size: 18px; line-height: 40px; font-weight: 700!important; text-transform: uppercase; position: relative; margin: 0; padding: 10px; } #comments h4, .comments .continue a { background: #23A839; font-weight: normal; border-radius: 3px; } #comments h4:after { content : ""; position: absolute; right: 10px; bottom: -10px; border-top: 10px solid #23A839; border-left: 20px solid transparent; width: 0; height: 0; line-height: 0; } .comments { background: #FFF; padding: 20px; border: solid 1px #BBB; } .comment-thread a { color: #333; font-family: Georgia, "Times New Roman", Times, serif; } .comment-thread ol { margin: 0 0 50px; } .comments .avatar-image-container { overflow: visible; } .comments .avatar-image-container img { float: right; max-width: 36px; max-height: 36px; border: solid 1px #DDD; padding: 4px; } .comments .comment-block { background: #FCFCFC; width: auto; border: 1px solid #CCC; border-radius: 2px; margin:0 55px 15px 55px; } .comments .comment-thread.inline-thread .comment { width: 88%; } .comment-header { border-bottom: 1px solid #CFCFCF; padding: 8px 0; } .comments .comments-content .user, .comments .user a { color: #000; font-family: 'Lora', serif; font-size: 18px; line-height: 25px; font-weight: 700; text-transform: capitalize; padding-right: 15px; } .comments .user a { padding-right: 0; } .comments .comments-content .icon.blog-author { display: inline-block; background-image: none; width: auto; height: auto; margin:0 8px -3px 0; } .comments .comments-content .icon.user.blog-author:after { content: "Admin"; display: block; float: right; background: #23A839; color: #FFF; border-radius: 2px; font-size: 12px; line-height: 1; padding: 3px 6px; } .comments .comments-content .datetime { line-height: 30px; font-style: normal; margin: 0; padding-right: 15px; } .comments .comments-content .comment-content { color: #111; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; line-height: 27px; overflow: hidden; } .comments .comments-content .comment { width: 100%; font-size: 13px; line-height: 1em; margin: 55px 0 0; } .comments .comment-content { line-height: 1.6em; padding: 20px; } .comments .comment .comment-actions a { float: left; border: 1px solid #CCC; margin-top: -32px; padding: 9px; } .comments .continue a { display: block; background: #F8F8F8; width: 65px; border: 1px solid #BBB; border-radius: 3px; font-size: 12px; line-height: 23px; text-align: center; font-weight: 700; text-transform: none; padding: 1px 0; } #comment-editor { background: #EEE; border: solid 1px #CCC; position: relative; margin: 10px 0; } .item-control.blog-admin { display: none; } /*============================== Blog Pager ==============================*/ #blog-pager { margin: 15px auto; padding: 15px 0; } #blog-pager-newer-link, #blog-pager-older-link { background: #23A839; width: 44%; height: 55px; line-height: 29px; overflow: hidden; font-family: 'Lora', serif; font-size: 16px; border: 1px solid #777; border-bottom: solid 4px #666; padding: 10px; } #blog-pager-newer-link a, #blog-pager-older-link a { color: #FFF; } #blog-pager-newer-link a:hover, #blog-pager-older-link a:hover { color: #111; } .fa-chevron-right, .fa-chevron-left { color: #F6FC25; font-size: 17px; margin: 4px; } /*============================== Page Navigation ==============================*/ .showpageOf { display: none; font-size: 15px; text-decoration: none; padding: 3px; margin-left: 3px; } .showpagePoint { color: #FFF!important; background: #2BC344!important; } .showpageNum { margin: 0 4px; } .showpagePoint, .showpageNum a:link, .showpage a:link { color: #000; background: #23A839; font-size: 14px; font-weight: 700; text-decoration: none; border-radius: 2px; padding: 6px 12px; margin: 0 4px; } .showpageNum a:hover, .showpage a:hover { color: #FFF; background: #2BC344;!important; } /*============================== rightside Wrapper ==============================*/ #rightside-wrapper { float: right; width: 337px; padding:0 8px 8px 0; } .sidebar { color: #374142; font-size: 13px; margin-bottom: 10px; } .sidebar h2 { color: #FFF; height: 28px; border-bottom: 3px solid #23A839; font-size: 19px; font-family: Roboto slab; font-weight: 700; text-transform: capitalize; } .sidebar h2 span { float: right; background: #23A839; padding: 5px 10px; } .sidebar .widget { color: #374142; background: #FFF; font-size: 13px; border: solid 1px #BBB; padding: 18px; margin-bottom: 15px; border-top: solid 4px #23a839; border-radius: 2px; } .sidebar a { color: #5F5F5F; text-decoration: none; } .sidebar a:hover { color: #797979; text-decoration: none; } .sidebar ul { width: 100%; list-style-type: none; list-style: none; padding: 0; margin: 0; } .sidebar ul li { padding: 0 0 9px; margin: 0 0 8px; } /*============================== Popular Posts ==============================*/ .PopularPosts .widget-content ul li { padding: 23px 0 15px; border-bottom: solid 1px #A2A2A2; margin: 0; } .PopularPosts img { width: 100px; height: 100px; } .PopularPosts img:hover { -webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; } .PopularPosts .item-title a { color: #3D5054; font-family: 'Lora', serif; font-size: 20px; line-height: 25px; font-weight: normal; text-transform: capitalize; } .item-snippet { display: none; } /*============================== List Style Labels ==============================*/ body .list-label-widget-content li { display: inline-block; float: right; color: #FFF; background: #23A839; font-size: 15px; font-weight: 700; line-height: 1.2em; border-radius: 2px; overflow: hidden; text-decoration: none; white-space: nowrap; text-transform: uppercase; padding: 10px 12px; margin:0 0 6px 6px; } body .list-label-widget-content li a { color: #FFF; text-transform: capitalize; font-weight: 700; } /*============================== Lower Section ==============================*/ #footer { background: #263138; width: 100%; border-top: 6px solid #23A839; } #lower-container { display: block; width: 1050px; margin: 0 auto; } #lower-wrapper { display: block; width: 100%; padding: 20px 0; margin: 0 auto; } #lowerbar-box { float: right; color: #DDD; width: 33.3%; font-family: Arial, Verdana; font-size: 12px; line-height: 1.8em; font-weight: 700; text-align: right; word-wrap: break-word; overflow: hidden; padding-bottom: 20px; } .lowerbar { padding: 0; margin: 0 0 -15px; } .lowerbar .widget { padding: 10px 20px 0; margin: 0; } .lowerbar h2 { background: url('http://4.bp.blogspot.com/-Yq85MrcCmoY/VFyPsGlxhtI/AAAAAAAABDs/JXf_TuySoGI/s1600/lower-bg.png') no-repeat scroll center bottom transparent; color: #FFF; width: 100%; height: 30px; font-family: 'Lora', serif; font-size: 18px; text-transform: none; font-weight: 700; position: relative; text-align: center; margin: 0 0 25px; padding:5px 0 20px 0; } .lowerbar ul { color: #FFF; list-style-type: none; padding: 0; margin: 0 auto; } .lowerbar li { display: block; color: #FFF; line-height: 1.8em; list-style-type: none; padding: 14px 0; } .lowerbar li a { color: #FFF; font-size: 14px; text-decoration: none; } .lowerbar li a:hover { text-decoration: underline; } /*============================== Credits ==============================*/ #credit { display: block; color: #FFF; background: #333; width: 100%; height: 85px; font-family: Roboto Slab, serif; font-size: 15px; border-top: 1px solid #23A839; margin: 0 auto; } #credit-wrapper { width: 1050px; margin: 0 auto; } .credit-text { text-align: center; } .credit-text a { color: #23A839; padding: 0 7px; } .credit-text a:hover { color: #2CD347; } /*============================== Responsive Design ==============================*/ @media all and (min-width: 240px) and (max-width:479px) { #outer-wrapper { width: 310px; } #featured-posts { display: none; } #related-posts { height: 900px; } .related-body { padding: 37px!important; } .comments .comment-block { margin:0 55px 15px 0; } #rightside-wrapper { width: 310px; } .sidebar iframe, .sidebar img { max-width: 278px; height: auto; } #lower-container { width: 310px; } #lowerbar-box, #credit-wrapper { width: 100%; } } @media all and (min-width: 480px) and (max-width:799px) { #outer-wrapper { width: 400px; } #featured-posts { display: none; } #related-posts { height: 900px; } #related-posts h2 { text-align: center; } .related-body { padding:50px !important 0px 82px; } .comments .comment-block { margin:0px 55px 15px 10px; } #lower-container { width: 400px; } #lowerbar-box, #credit-wrapper { width: 100%; } } @media all and (min-width: 800px) and (max-width:1023px) { #outer-wrapper { width: 695px; } #featured-posts { width: 100%; } #featured-posts-wrapper { margin: 0px auto; width: 793px !important; } .featured-block { width: 168px; } #bm-social { display: block!important; } .related-body { padding: 14.5px !important; } #lower-container, #credit-wrapper { width: 695px; } #lowerbar-box { padding-bottom: 30px; width: 50%; } } @media all and (min-width: 240px) and (max-width:1023px) { #main-header, #header-wrapper, #header { width: 100%; } #Header1_headerimg { max-width: 280px; } .titlewrapper { width: 100%; } #main-wrapper { width: 100%!important; border-bottom: 2px solid #999; border: 0; padding: 0; } #right-ad, #bm-social, #author-box { display: none; } #navigation { margin: 0 auto; float: right; } #navigation ul { display: none; } #mobilenav1 { display: block!important; background: none repeat scroll 0 0 #333; color: #FFF; width: 90%; border: 1px solid #232323; margin: 0 auto; margin-top: 9px; } .mobilenav { display: block; width: 50%; padding: 7px; margin: 0; } #rightside-wrapper { padding: 0; } } /*============================== Status Message ==============================*/ .status-msg-wrap { width: 100%; margin-top: 0; } .status-msg-body { background: #FAFAFA; font-size: 17px; line-height: 30px; border: 1px solid #AAA; position: relative; } .status-msg-border { display: none; } /*============================== Feed Links ==============================*/ .feed-links { display: none; } /*============================== Scrolling Bar ==============================*/ ::selection { background: #23A839; color: #FFF; } ::-moz-selection { background: #23A839; color: #FFF; } ::-webkit-scrollbar { background: #FFF; width: 10px; } ::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); background-image: -webkit-linear-gradient(top, #50983C 10%, #23A839 51%); } /*============================== Back To Top Button ==============================*/ #top { display: none; background: #23A839; width: 40px; height: 40px; left: 10px; bottom: 20px; position: fixed; cursor: pointer; border-radius: 3px; text-indent: -9999px; } #top span { top: 50%; right: 50%; border: 8px solid transparent; border-bottom-color: #FFF; position: absolute; margin:-12px -8px 0 0; height: 0; width: 0; }