Advertisement
MenaMaGice

Untitled

Apr 5th, 2019
523
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 66.84 KB | None | 0 0
  1. /*=================
  2.  Fonts
  3. ===================*/
  4. @font-face{font-family:'Cairo';font-style:normal;font-weight:400;src:local(Cairo),local(Cairo-Regular),url(https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIkTpu0xg.woff2) format("woff2");unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}@font-face{font-family:'Cairo';font-style:normal;font-weight:400;src:local(Cairo),local(Cairo-Regular),url(https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIvTpu0xg.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Cairo';font-style:normal;font-weight:400;src:local(Cairo),local(Cairo-Regular),url(https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIhTps.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Cairo';font-style:normal;font-weight:600;src:local('Cairo SemiBold'),local(Cairo-SemiBold),url(https://fonts.gstatic.com/s/cairo/v3/SLXLc1nY6Hkvalr-ao6O59ZMaA.woff2) format("woff2");unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}@font-face{font-family:'Cairo';font-style:normal;font-weight:600;src:local('Cairo SemiBold'),local(Cairo-SemiBold),url(https://fonts.gstatic.com/s/cairo/v3/SLXLc1nY6Hkvalr-ao6F59ZMaA.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Cairo';font-style:normal;font-weight:600;src:local('Cairo SemiBold'),local(Cairo-SemiBold),url(https://fonts.gstatic.com/s/cairo/v3/SLXLc1nY6Hkvalr-ao6L59Y.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
  5. .amp-content a, #siki-out a {text-decoration-line: underline;text-decoration-color: #a30000;}
  6. .amp-content a:hover, #siki-out a:hover {text-decoration-line: none;text-decoration-color: transparent;}
  7. /* Css Reset
  8. ------------------------------ */
  9. body{transition: all 0.3s;background:#eee url() repeat scroll top left ;color:#828282;font:15px 'Cairo','Segoe UI','Tahoma'}
  10. body{-webkit-animation:-amp-start 1s steps(1,end) 0s 1 normal both;
  11. -moz-animation:-amp-start 1s steps(1,end) 0s 1 normal both;
  12. -ms-animation:-amp-start 1s steps(1,end) 0s 1 normal both;
  13. animation:-amp-start 1s steps(1,end) 0s 1 normal both}
  14. @-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
  15. @-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
  16. @-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
  17. @-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
  18. @keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
  19. ul{margin:0;padding:0}
  20. li{display:list-item;text-align:-webkit-match-parent}
  21. *{font-family: 'Cairo','Segoe UI','Tahoma';text-decoration:none;margin:0;padding:0;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
  22. *,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
  23. a{color:#06f;font-family:'Cairo','Segoe UI','Tahoma'}
  24. .clear{clear:both}
  25. .widget{margin:0}
  26. .widget-item-control,.blog-feeds,.status-msg-body,.date-header,.post-feeds,.status-msg-border{display:none}
  27. .widget .widget-item-control a img{display:none}
  28. .widget li,.BlogArchive #ArchiveList ul.flat li{padding:0}
  29. .post-footer-line>*{margin-left:0}
  30. .content-outer,.header-outer,.tabs-outer,.main-outer,.main-inner,.footer-outer,.post,.comments,.widget,.date-header,.inline-ad{position:relative;min-height:0;_position:static;_height:1%}
  31. .content-outer,.header-outer,.tabs-outer,.main-outer,.main-inner,.footer-outer,.post,.comments,.widget,.date-header,.inline-ad{position:relative;min-height:0;_position:static;_height:1%}
  32. html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;color:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}
  33. h1,h2,h3,h4,h5{font-family:'Cairo','Segoe UI','Tahoma'}
  34. img{max-width: 100%;position:relative}
  35. .separator a {margin: 0 !important;}
  36. p{font-family: 'Cairo','Segoe UI','Tahoma'}
  37. nav.Top-nav .lab{display:inline-block;float:right;max-width:700px}
  38. div#top-social-L{DISPLAY:inline-block;margin-left:0;float:left}
  39. aside .widget ul,header ul {
  40.     list-style: none;
  41. }
  42. /*==========top nav R=======*/
  43.   div#top-menu-R ul li{text-shadow: 1px 1px 10px #000;display: inline-block;padding:5px;border-radius:2px;transition:all .2s;font-size:13px}
  44. div#top-menu-R ul li a {
  45.     color: #fff;
  46.     font-size: 14px;
  47.    /* background: linear-gradient(45deg,#CF4850,#A245C1);*/
  48.     background: linear-gradient(45deg,#000000,#000000);
  49.     margin: 6px;
  50.     border-bottom: 3px solid #ba4684;
  51.  
  52. }
  53.  
  54. /*==========top nav L=======*/
  55. #top-social-L li a:before {
  56.     display: block;
  57. }
  58. #top-social-L a {
  59.     display: block;
  60.     width: 30px;
  61.     margin: 5px 2px 0;
  62.     height: 26px;
  63.     border-radius: 2px;
  64. overflow: hidden;
  65. }
  66.  
  67.  a.facebook{background:#3b5998!important}
  68.  a.youtube{background:#bb0000!important}
  69.  a.google-plus{background:#dd4b39!important}
  70.  a.twitter{background:#55acee!important}
  71.  a.tumblr{background:#32506d!important}
  72.  a.instagram{background:#007bb5!important}
  73.  a.wordpress{background:#007ee5!important}
  74.  a.linkedin{background:#007bb5!important}
  75.  a.behance{background:#1769ff!important}
  76.  a.pinterest{background:#cb2027!important}
  77.  a.rss{background:#ff6600!important}
  78.  a.flickr{background:#ff0084!important}
  79.  a.github{background:#32506d!important}
  80.  a.blogger{background:#ff4500!important}
  81.  a.sitemap{background:#576574!important}
  82.  a.skype{background:#1c72b3}
  83.  div#top-social-L ul li{float:right}
  84.  
  85. /*==========top nav L - Icons=======*/
  86.  .tumblr:before{content:url(https://svgshare.com/i/7by.svg);width:0.7em;margin:0 10px;line-height:2.1em}
  87.  .instagram:before{content:url(https://svgshare.com/i/7dB.svg);width:1.1em;margin:0 6px;line-height:2.25em}
  88.  .wordpress:before{content:url(https://svgshare.com/i/7bJ.svg);width:1.1em;margin:0 6px;line-height:2.15em}
  89.  .linkedin:before{content:url(https://svgshare.com/i/7cR.svg);width:1.1em;margin:0 5px;line-height:2.15em}
  90.  .behance:before{content:url(https://svgshare.com/i/7cs.svg);width:1.2em;margin:0 4px;line-height:2.15em}
  91.  .pinterest:before{content:url(https://svgshare.com/i/7b_.svg);width:1em;margin:0 7px;line-height:2.3em}
  92.  .rss:before{content:url(https://svgshare.com/i/7ba.svg);width:1em;margin:0 7px;line-height:2.1em}
  93.  .flickr:before{content:url(https://svgshare.com/i/7cQ.svg);width:1em;margin:0 8px;line-height:2.15em}
  94.  .github:before{content:url(https://svgshare.com/i/7cz.svg);width:1.2em;margin:0 5px;line-height:2.3em}
  95.  .blogger:before{content:url(https://svgshare.com/i/7cn.svg);width:1em;margin:0 8px;line-height:2.15em}
  96.  .skype:before{content:url(https://svgshare.com/i/7bq.svg);width:1.1em;margin:0 6px;line-height:2.25em}
  97.  
  98.  
  99. .facebook:before {
  100.     content: url(https://svgshare.com/i/AzM.svg);
  101.     width: 1.55em;
  102.     margin: 0 3px 0;
  103.     line-height: 2.05em;
  104. }
  105.  
  106.  .youtube:before{content:url(https://svgshare.com/i/9LT.svg);width:1.2em;margin:0 5px;line-height:2em}
  107.  .google-plus:before{content:url(https://svgshare.com/i/7dA.svg);width:1.3em;margin:0 5px;line-height:2em}
  108.  .twitter:before{content:url(https://svgshare.com/i/7cA.svg);width:1.1em;margin:0 5px 0;line-height:2.2em}
  109.  .sitemap:before {content: url(https://svgshare.com/i/7rE.svg);width: 1.2em;margin: 0 5px 0;line-height: 2em;}
  110.  
  111. /*==========MinMenu=======*/
  112. div#min-menu ul li{padding: 10px 0px;display:inline-block}
  113. div#min-menu ul li a{font-size:15px;padding:7px;color:#ededed;border-radius:2px;font-weight:bold;      margin: 8px;}
  114. .menu-content{width:100%;margin:0}
  115. div#min-menu ul li a:hover {
  116.     color: #fff;
  117. }
  118. div#min-menu ul li:last-of-type {border-left: 0;}
  119. #min-menu{position:relative}
  120. /*==== search =======*/
  121. .search a{margin:0;color:#fff;font-size:0}
  122. i.fa.fa-search{font-size:19px}
  123. .search-wrap:before{content:'';width:0;height:0;border-top:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff;border-left:8px solid transparent;position:absolute;top:-16px;left:8px}
  124. nav.Top-nav{padding:0 5px;height:35px;background-color:#000;transition:all .5s;color:#fff;width:100%;z-index:9999}
  125. .site-menu{position:relative;background:#000;height:50px;transition:all .5s;margin-bottom:15px;border-bottom:3px solid #3d4855; border-bottom: 3px solid #ba4684;}
  126. .section-hom{color:#fff}
  127. #ScrollTop{z-index:9999;border:1px solid #ccc;transition:all 0.5s;position:fixed;bottom:50px;background:#666;border-radius:10px;width:40px;height:40px;color:#fff;margin:10px;font-size:20px;left:30px;text-align:center}
  128. #ScrollTop:hover{box-shadow:-40px 0 0 rgb(138,138,138) inset}
  129. /*==== search =======*/
  130. .search{position:absolute;float:none;left:0;top:0;margin:0;width:45px;height:50px;text-align:center;background: linear-gradient(45deg,#a245c1,#cf4850);border-radius:0;padding:3px 0 0 0}
  131. .searchawat{float:left;position:relative}
  132. .search a{margin:0;color:#fff;font-size:0}
  133. .search-wrap{float:left;position:absolute;left:5px;top:50px;z-index:999;display:none;background:#fff;width:235px;height:60px;border-radius:2px;box-shadow:0 0 26px 0 rgba(0,0,0,0.13);border:1px solid #ededed}
  134. .item-byline{display:none}
  135. .search-wrap:before{content:'';width:0;height:0;border-top:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff;border-left:8px solid transparent;position:absolute;top:-16px;left:8px}
  136. /*==========top nav L=======*/
  137. div#top-social-L ul li{float:left}
  138. /*==========top nav L - Icons=======*/
  139. .PopularPosts .item-byline{display:none}
  140. /* ==================
  141. * Comments
  142. * ================== */
  143. .box-title-related{margin-bottom:15px;border-bottom:2px solid #ededed;margin-top:10px}
  144. .box-title-related h4{border-radius:0;font-size:100%;text-align:right;color:#585858;font-weight:550;position:relative!important;padding:6px 12px 6px 6px;border-bottom:2px solid #3d4855;display:table;transition:all .3s;z-index:9;clear:both;margin-bottom:-2px!important}
  145. .el3nawen{border-bottom:2px solid #ededed;margin-bottom:5px}
  146. h2.titleret{font-size:100%;text-align:right;color:#585858;font-weight:550;position:relative!important;padding:6px 3px 6px 6px;margin:0 0 -2px;display:table;transition:all .3s;z-index:9;clear:both;border-bottom:2px solid #3d4855}
  147. h2.titleret:before{content:url(https://svgshare.com/i/7oh.svg);position:relative;right:0;display:block;bottom:-4px;width:31px;float:right;padding:0 7px;line-height:1.8em;color:#585858}
  148.  
  149. .comments .avatar-image-container img{border-radius: 0;max-width:82px}
  150. .comments .comments-content .inline-thread{padding:0!important}
  151. .comments .avatar-image-container{float:right;max-height:61px!important;overflow:hidden;width:60px!important}
  152. .comments .comment-block{margin-right:65px!important;position:relative}
  153. .comments .comments-content .comment-replies{margin-right:0!important;margin-top:0!important;margin-bottom:0!important}
  154. .comments .thread-toggle .thread-arrow{display:inline-block;height:9px!important;margin:0!important;overflow:visible;padding-left:4px;width:12px!important}
  155. .widget ul{padding:0!important}
  156. .section{margin:0}
  157. .datetime.secondary-text a , .comment-actions.secondary-text a{color: #000;}
  158. .comment-thread ol{padding:0}.comment-replies{-webkit-padding-start:40px}#comments .title{margin:0}.avatar-image-container{width:60px;height:63px;background:#fff;border:1px solid #ddd;padding:4px;float:right;display:inline-block;position:relative}.avatar-image-container img{max-width:56px;border-radius:100%;height:50px;width:50px;background:#eee url(http://4.bp.blogspot.com/-UAYMhyveopk/VhYJXjWRpPI/AAAAAAAAAvU/SEHWTqrw51Y/s1600/crossword.png) no-repeat;overflow:hidden}.comment-block{MARGIN-BOTTOM: 10PX;margin-right:70px;position:relative;margin-top:0}#comments{margin-bottom:-60px;}cite.user{font:normal 13px/20px tahoma;padding:5px 15px;display:block;position:absolute}cite.user a{color:#454848}.datetime.secondary-text{position:absolute;font:normal 12px/20px tahoma;padding:3px 15px;display:inline-block;bottom:-2px;left:0}.comment-actions.secondary-text{text-align: right;position:relative;font:normal 13px/20px tahoma;padding-right:10px;display:block;bottom:0px}.comment-actions.secondary-text a{padding:0 3px}.comment-content{border-radius:3px;padding:25px 15px 15px;background:#f7f7f7;font-size:15px;cursor:text;border:1px solid rgba(38, 64, 121, 0.28);text-align:justify;font-family:'Cairo','Segoe UI','Tahoma';font-weight:100;color:#000}.comment-replies .comment-content{    margin: 0 0 0 5px;border:1px solid rgba(38, 64, 121, 0.28);border-radius:3px;border-right:4px solid #0b5389}.thread-count,.continue,.loadmore.loaded{display:none}.comment{display:block}.blogger-iframe-colorize{margin-bottom:50px}
  159. #comment-editor {
  160.     margin-bottom: 0;
  161.     height: 215px;
  162.     background: #f5f5f5 url(https://1.bp.blogspot.com/-5HxGWe8Cmks/VMWSSd7BlpI/AAAAAAAABUI/scVg6qINKf4/s1600/000.gif) no-repeat 50% 30%;
  163.     width: 100%;
  164.     padding: 10px 10px 0;
  165.     border-radius: 10px;
  166.     border: 1px solid #c7c7c7;
  167. }
  168.  
  169. h4#comment-post-message{margin:10px;text-align:center;font-size:16px;margin-bottom:20px}
  170. /* Start Posts In Home Pagefv
  171. ------------------------------ */
  172. time.published.dt-published {
  173.     color: #585858;
  174.     vertical-align: top;
  175. }
  176. .Posts-Cont{max-width:1200px;margin:0 auto;width:100%}
  177. .search-view .loadMore{display:block}
  178. div#main-amp {
  179.     overflow: hidden;
  180.     margin-bottom: 15px;
  181.     padding-bottom: 15px;
  182.     border-bottom: 1px solid #ededed;
  183. }
  184.  
  185. .section-hom li:hover a.rnav-img{opacity:0.8}
  186. .section-hom li:hover a.thumb{opacity:0.9}
  187. .section-hom li:hover .rnav-img{opacity:0.9}
  188. .rnav-img,a.thumb,a.rnav-img{transition:all 0.5s}
  189.  
  190. div#blog-pager{display:none}
  191. .loadMore:hover{transition: ease-out 0.5s;box-shadow: 0 0 10px 30px #222f3e inset}
  192. .loadMore a:hover {
  193. transition: ease-out 0.5s;
  194. color: #fff
  195. }
  196. .loadMore {
  197.     font-family: 'Cairo','Segoe UI','Tahoma';
  198.     display: block;
  199.     text-align: center;
  200.     transition: all 0.5s;
  201.     color: #585858;
  202.     margin: 10px auto;
  203.     padding: 5px;
  204.     clear: both;
  205.     font-weight: bold;
  206.     border: 1px solid #222f3e;
  207.     width: 150px;
  208.     border-radius: 30px;
  209.     background: #fdfdfd;
  210.     transition: all 0.3s;
  211. }
  212.   div#loader:hover{color:#fff}
  213. .loadMore a {
  214.     font-weight: bold;
  215.     color: #585858;
  216.     transition: all 0.3s;
  217.     padding: 5px 25px;
  218.     font-size: 16px;
  219. }
  220. .amp-content.entry-content a{font-weight:bold;color:#444}
  221. #siki-out .entry-content a{font-weight:bold;color:#444}
  222. .item #main-amp{background:#fff;font-family:'Cairo','Segoe UI','Tahoma';font-size:initial}
  223. .el3nawen{background:#fff}
  224. div#related-posts{background:#fff;overflow:hidden}
  225. .item .minblog{background:#fff}
  226. #comments{margin:5px 0;background:#fff}
  227. .comment-form{padding:0 10px}
  228. .comments-content{padding:0 10px}
  229. .comment .thread-toggle{display:none!important}
  230. .comment{border:1px solid #ccc;border-radius:5px;margin:10px 0;padding:5px!important}
  231. .thread-chrome .comment{border:0;margin:-5px!important;padding:0!important}
  232. .label-view .Posts-Bg{WIDTH:AUTO;HEIGHT:AUTO;DISPLAY:BLOCK;margin-bottom:15px}
  233. aside .PopularPosts .post-snippet.snippet-container.r-snippet-container{display:none}
  234. .PopularPosts .item-thumbnail img{width:100%;height:100%}
  235. .PopularPosts .item-thumbnail{width:100%;height:130px;opacity:1;position:relative;display:inline-block;vertical-align:middle}
  236. .PopularPosts .item-thumbnail:before{content:'';position:absolute;bottom:0;right:0;left:0;z-index:1;width:100%;height:57%;border-radius:0 0 4px 4px;background:linear-gradient(to bottom,rgba(0,0,0,0) 10%,rgba(0,0,0,0.8) 100%)}
  237. .PopularPosts .post-title a{color:#fff}
  238. .PopularPosts .post-content:hover .post-title a{background:rgba(0,0,0,0.7)}
  239. .PopularPosts .post-title a{font-weight: bold;bottom:20px;display:inline-block;font-size:15px;text-align:center;vertical-align:middle;overflow:hidden;height:auto;max-height:65px;position:absolute;padding:0;background:rgba(0,0,0,0.35);border-bottom:1px solid #fff;border-top:1px solid #fff;z-index:999;transition:all 0.5s;width:100%;right:0}
  240. aside .post-content{border:1px solid #ccc;margin:5px 0;padding:5px;border-radius:3px}
  241. aside .PageList li a:hover,aside .LinkList li a:hover{color:#000}
  242. aside .PageList li:hover,aside .LinkList li:hover{list-style:disc;border-bottom:1px solid #a30000}
  243. aside .PageList li,aside .LinkList li{list-style:circle;font-size:15px;border-bottom:1px solid #eee;transition:all 0.5s}
  244. aside .PageList ul,aside .LinkList ul{padding-right:28px!important;padding-left:5px!important}
  245. aside .PageList li a,aside .LinkList li a{padding-bottom: 2px;display: block;color:#676666;font-weight:bold}
  246. aside .PageList li:last-of-type, aside .LinkList li:last-of-type {border-bottom: 0 !important;}
  247. .search-view .post-thumb{border: 1px solid #eee;width:100%!important;height:200px!important}
  248. .search-view h2.posts-titles.entry-title.p-name {
  249.     height: 4em;
  250.     font-size: 15px !important;
  251. }
  252. .search-view .post-outer .post-snippet{height:4em}
  253. .search-view .post-outer{width:calc((100% - 40px) /3);display:inline-block;border:1px solid #eee;margin:5px}
  254. .search-view .post-home{width:100%;margin:0 !important;text-align:center;padding:0 5px}
  255. .openNavw { z-index: 9999; display: none; font-size: 18px; color: #fff; padding: 0; }
  256. .sidenav {
  257.     height: 100vh;
  258.     width: 250px;
  259.     position: fixed;
  260.     top: 0;
  261.     right: -350px;
  262.     background-color: #ffffff;
  263.     overflow-x: hidden;
  264.     transition: 0.5s;
  265.     z-index: 99999999;
  266.     padding-top: 65px;
  267.     box-shadow: -1px 0 2px 0 #999;
  268. }
  269. .sidenav .closebtn{text-align: right;position:absolute;top:0;left:0;font-size:23px}
  270. .closebtn{position:relative;z-index:9999;height:55px;display:block;float:left;line-height:53px;color:#fff;background-color:#222f3e;width:100%;padding:0 20px 0 10px}
  271. .closebtn i{margin-left:10px}
  272. .closebtn i.fa.fa-times {
  273.     float: right;
  274.     margin-top: 15px;
  275. }
  276. .ltr .pluselink ul:before{right:80px}
  277. div#mop-links div#min-menu ul li{    text-shadow: 1px 1px 10px #222f3e;border-left:0;display:block;text-align:center;border-bottom:1px dashed #7d7d7d;margin:0 10px;padding:5px 5px}
  278. div#mop-links div#min-menu{height:100%;float:none;margin:0 5px;max-width:100%;box-shadow:none;background:#222f3e;padding:10px;clear:both}
  279. div#mop-links div#min-menu ul li a{color: #fff;font-size:15px;padding:0;text-shadow:0 0 7px #585858;border-radius:0}
  280. .mop div#top-menu-R{background:#222f3e;margin:5px;border-radius:5px;border:1px solid #ccc;margin-bottom: 25px;}
  281. .mop div#top-menu-R ul li{display:block;text-align:center;border-bottom:1px dashed #ccc;margin:2px 10px}
  282. .mop div#top-menu-R ul li a{font-size:13px}
  283. .mop div#top-menu-R ul li:last-of-type{border-bottom:0}
  284. div#mop-icon div#top-social-L ul li{float:none;display:inline-block;margin:0 auto;text-align:center;margin-bottom: 10px;}
  285. div#mop-icon div#top-social-L ul{margin:0 auto;text-align:center}
  286. div#mop-icon div#top-social-L{float:none;margin:0 auto;text-align:center;width:100%}
  287. div#mop-icon{clear:both}
  288. div#mop-sh{clear:both;margin:0 auto;width:100%;text-align:center}
  289. header button {
  290.     display: none;
  291.     border: 0;
  292.     background: rgba(255, 255, 255, 0.12);
  293.     padding: 8px 13px;
  294.     position: absolute;
  295.     float: none;
  296. }
  297. .mop div#bottom-menu{background:#444;padding:0 5px;border-radius:5px;margin-top:10px}
  298. .mop div#bottom-menu ul li:last-of-type{border:0}
  299. blockquote{margin:20px 10PX;border:1px dashed #00233e;padding:.5em 1em;white-space:inherit;overflow:auto;background-color:#f5f5f5;clear:both;border-left:3px solid #0b5389;color:#000}
  300. .amp-content, #siki-out {
  301.     font-size: 14px;
  302.     color: #383838;
  303. }
  304. .amp-content ul li,#siki-out ul li{list-style:circle !important}
  305. .amp-content ul li:hover,#siki-out ul li:hover{list-style:disc !important}
  306. .amp-content ul,#siki-out ul{list-style:disc!important;margin-top:10px;margin-bottom:15px;margin-right:30px}
  307. .magposts li .post-title a{font-weight:100!important}
  308. .search-view .post-outer button{border-radius:3px;margin:5px auto 6px;background:#0b5389;padding:4px 6px;display:block;clear:both;border:0;margin-top:5px}
  309. aside .post-snippet.snippet-container.r-snippet-container{text-align:center;max-height:6em;overflow:hidden;font-size:13px;color:#777;font-weight:bold;padding:0 5px;display:block}
  310. aside .FeaturedPost .post-title{transition:all 0.3s;margin:0 1px;font-size:16px;background:#eee;padding:5px;position:relative;text-align:center;margin-bottom:5px;border-radius:5px;border:1px solid #ccc}
  311. .FeaturedPost .post-title a{max-height:6.2em;overflow:hidden;display:block;color:#3e3e3e;font-weight:bold}
  312. .FeaturedPost .item-thumbnail{transition: all 0.3s;position:relative;width:100%;height:200px;border:1px solid #dcdcdc;margin:0 auto;padding:5px;border-radius:3px}
  313. aside .FeaturedPost .post-content:hover .item-thumbnail {border: 1px solid #0b5389;}
  314. aside .item-thumbnail span{transition:all .5s;width:100%;height:100%;background-size:cover!important;background-position:center center!important;display:block}
  315. .rtl h2.Category-ArchivePage {display: table !important;}
  316. /* تعداد رقمي
  317. ================== */
  318. .amp-content ol,#siki-out ol{list-style-type:decimal;padding:0 30px}
  319. /* عناوين
  320. ================== */
  321. .item .amp-content h2,.item .amp-content h3,.item .amp-content h4, #siki-out h2, #siki-out h3, #siki-out h4{padding:10px 5px;margin:5px 2px;clear:both;overflow:hidden;border-bottom:1px solid #d2d2d2;font-size:1.5em;display:block;font-weight:bold}
  322. .item .amp-content h3, #siki-out h3{font-size:1.3em}
  323. .item .amp-content h4, #siki-out h4{font-size:1.2em}
  324. .static_page .amp-content h2,.static_page .amp-content h3,.static_page .amp-content h4{color:#fff;background:#a30000;padding:5px 15px 5px 15px;font-size:18px;display:block;border-radius:3px;position:relative;margin:10px 3px;}
  325. .item .amp-content strike,.item #siki-out strike{text-decoration:line-through}
  326. .item .amp-content u,.item #siki-out u{text-decoration:underline}
  327. /* End Posts In Home Page
  328. ------------------------------ */
  329. /*Start View Posts + Pages
  330. ------------------------------ */
  331. .item .post-outer,.static_page .post-outer{width:100%;box-shadow:none;display:block;margin:0;padding:0}
  332. li.relatedP{list-style:none;float:right;width:calc((100% - 30px) / 3);margin:5px;background:#fff;border:1px solid #cfcfcf;border-radius:2px}
  333. .related-thumb{border-radius: 2px;width:100%;height:200px;overflow:hidden;position:relative}
  334. .related li .related-img{position: relative;width:100%;display:inline-block;height:100%}
  335. a.related-img:before{content:'';position:absolute;bottom:0;right:0;left:0;z-index:1;width:100%;height:77%;border-radius:0 0 4px 4px;background:linear-gradient(to bottom,rgba(0,0,0,0) 10%,rgba(0,0,0,0.8) 100%)}
  336. h3.related-title{bottom:40px;display:inline-block;font-size:15px;text-align:center;vertical-align:middle;overflow:hidden;height:auto;position:absolute;max-height:4em;background:rgba(0,0,0,0.35);border-top:1px solid #eee;border-bottom:1px solid #eee;z-index:999;transition:all 0.5s;width:100%;right:0;color:#fff;font-weight:bold;padding:0 2px 2px 2px}
  337. li.relatedP:hover a.related-img{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);-moz-transform:scale(1.1) rotate(3deg);-o-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}
  338. li.relatedP:hover h3.related-title{background:rgba(0,0,0,0.7)}
  339. a.related-img {transition: all 0.5s;}
  340. .article-featured-image img{border-radius: 5px;position: absolute;width:100%;max-width:100%;height:100%}
  341. .article-featured-image{margin-bottom: 0;position:relative;height:400px;display:-ms-flexbox!important;display:flex!important;-ms-flex-align:center!important;align-items:center!important}
  342. .amp-wp-title.entry-title.p-name{font-size:1.6em;border:1px solid #ededed;overflow:hidden}
  343. h1.amp-wp-title.entry-title.p-name {
  344.     text-align: right;
  345.     color: #fff;
  346.     padding: 0 10px;
  347.     padding-bottom: 3px;
  348.     font-size: 1.6em;
  349.     overflow: hidden;
  350.     margin-top: 5px;
  351.     border-radius: 3px;
  352. background: linear-gradient(45deg,#a30000,#a245c1)
  353.  
  354. }
  355. .article-featured-image:before{content:'';position:absolute;bottom:0;right:0;left:0;z-index:1;width:100%;height:100%;border-radius:0 0 4px 4px;background:linear-gradient(to bottom,rgba(0,0,0,0) 10%,rgba(0,0,0,0.8) 100%)}
  356.  
  357. .amp-tags {margin: 10px 0;}
  358. time.updated.dt-updated{display:none}
  359. .article-timeago {
  360.     display: inline-block;
  361.     margin: 0 5px 0 0;
  362. }
  363. .article-author{display:inline-block}
  364. .post-meta {
  365.     padding: 7px 5px 0;
  366.     border: 1px solid #ededed;
  367.     font-size: 14px;
  368.     border-radius: 3px;
  369. }
  370. h1.amp-wp-title.entry-title.p-name svg.svg-inline--fa.fa-file-alt.fa-w-12.fa-lg {
  371.     width: 20px;
  372.     vertical-align: -5px;
  373. }
  374. .seoplus-post{font-weight:normal;font-size: 18px;}
  375. .amp-content a:active, #siki-out a:active{position:relative;top:1px;left:1px}
  376. .post-meta a{font-weight:100}
  377.  
  378. ul.clear {text-align: right;}
  379. /*------------ SherBouttn ------------------ */
  380. .gplus{width:1.5em;height:1.5em;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 11v2.4h3.97c-.16 1.029-1.2 3.02-3.97 3.02-2.39 0-4.34-1.979-4.34-4.42 0-2.44 1.95-4.42 4.34-4.42 1.36 0 2.27.58 2.79 1.08l1.9-1.83c-1.22-1.14-2.8-1.83-4.69-1.83-3.87 0-7 3.13-7 7s3.13 7 7 7c4.04 0 6.721-2.84 6.721-6.84 0-.46-.051-.81-.111-1.16h-6.61zm0 0 17 2h-3v3h-2v-3h-3v-2h3v-3h2v3h3v2z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E")}
  381. .sitemap{width:1.5em;height:1.5em;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 18v-7h-9v-5h3v-6h-8v6h3v5h-9v7h-2v6h6v-6h-2v-5h7v5h-2v6h6v-6h-2v-5h7v5h-2v6h6v-6z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E")}
  382. .twit{width:1.5em;height:1.5em;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 3.038c-.59.26-1.22.437-1.885.517.677-.407 1.198-1.05 1.443-1.816-.634.37-1.337.64-2.085.79-.598-.64-1.45-1.04-2.396-1.04-1.812 0-3.282 1.47-3.282 3.28 0 .26.03.51.085.75-2.728-.13-5.147-1.44-6.766-3.42C.83 2.58.67 3.14.67 3.75c0 1.14.58 2.143 1.46 2.732-.538-.017-1.045-.165-1.487-.41v.04c0 1.59 1.13 2.918 2.633 3.22-.276.074-.566.114-.865.114-.21 0-.41-.02-.61-.058.42 1.304 1.63 2.253 3.07 2.28-1.12.88-2.54 1.404-4.07 1.404-.26 0-.52-.015-.78-.045 1.46.93 3.18 1.474 5.04 1.474 6.04 0 9.34-5 9.34-9.33 0-.14 0-.28-.01-.42.64-.46 1.2-1.04 1.64-1.7z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E")}
  383. .facebo{width:1.5em;height:1.5em;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E")}
  384. #mba-social-sharing{height:auto;position:relative;border-top:1px solid;border-bottom:1px solid;border-color:#EEE;overflow:hidden}
  385. #mba-social-sharing ul{float: left;display: inline-block;padding:10px 0 0 0!important;overflow:hidden;position:relative;flex-direction:row;align-items:center;justify-content:center;background:#fff;margin:-1px auto;text-align:center}
  386. #mba-social-sharing ul li{float:none;display:inline-block;margin:0 auto;text-align:center}
  387. #mba-social-sharing ul li a{cursor:pointer;font-size:12px;font-weight:700;color:#fff;width:123px;padding:0;text-align:center;position:relative;overflow:hidden;font-family:'Open Sans',helvetica,arial,sans-serif;display:block;line-height:3.4em;border-radius:5px}
  388. #mba-social-sharing ul li a i{font-size:16px;width:25px;height:25px;float:left;position:relative;z-index:9;display:inline-flex;justify-content:center;align-items:center;line-height:2.5em;margin:8px}
  389. #mba-social-sharing ul li a i.facebo:after{background-color:#324c8c}
  390. #mba-social-sharing ul li a i.twit:after{background-color:#0099da}
  391. #mba-social-sharing ul li a i.gplus:after{background-color:#c13f24}
  392. #mba-social-sharing ul li a:hover{text-decoration:none;opacity:.9;}
  393. #mba-social-sharing ul li a i:before,#mba-social-sharing ul li a i:after,#mba-social-sharing ul li a:after{width:100%;height:100%;display:block;-webkit-transition:all 0.7s ease 0s;-moz-transition:all 0.7s ease 0s;-ms-transition:all 0.7s ease 0s;-o-transition:all 0.7s ease 0s;transition:all 0.7s ease 0s;}
  394. #mba-social-sharing ul li a i:after{content:"";margin-left:-40px;left:0;top:0;position:absolute;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-5 -6 35 30'%3E%3Cpath d='M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E")}
  395. #mba-social-sharing ul li a:hover i:before{margin-left:40px;margin-top:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}
  396. #mba-social-sharing ul li a:hover i:after{margin-left:0}
  397. #mba-social-sharing ul li a:after{content:'';position:absolute;width:40px;top:0;left:0;background:rgba(0,0,0,.1)}
  398. #mba-social-sharing ul li a:hover:after{-webkit-transform:scale(10,2);-moz-transform:scale(10,2);-ms-transform:scale(10,2);-o-transform:scale(10,2);transform:scale(10)}
  399. #mba-social-sharing ul li.fb a{background:#38559c}
  400. #mba-social-sharing ul li.tw a{background:#00aaf3}
  401. #mba-social-sharing ul li.gp a{background:#d74628}
  402. #mba-social-sharing ul li.wts a{display:flex;background:#4dc247}
  403. svg.svg-inline--fa.fa-share-alt.fa-w-14{display:inline-block;width:1em;vertical-align:-3px;margin:0 0 0 5px}
  404. .SherID{float:right;display:block;font-weight:bold;color:#101c3a;font-size:15px;margin-top:15px}
  405. input.post-share-link{display:none}
  406.  
  407.  
  408.     /* 3 Columns Footer */
  409.  
  410.            
  411.     #TW_Inner-Wrapper {
  412.            padding: 10px 5px;
  413.            box-sizing: border-box;}
  414.            
  415.     .TW_Footer-Tabs {
  416.            float:right;
  417.            margin: 4px 0px 0px 8px;
  418.            width: 32.23%;
  419.            text-align: justify;
  420.            font-size:100%;
  421.            line-height: 1.6em;
  422.            word-wrap: break-word;
  423.            overflow: hidden;
  424.            box-sizing: border-box;
  425.            color: #fff; }
  426.  
  427.     .TW_Footer_Widget_Wrap {margin: 0; padding: 0px;}
  428.     .TW_Footer_Widget_Wrap{padding: 10px 10px!important;}
  429.  
  430.     .TW_Footer_Widget_Wrap h2{
  431.     font-weight: bold;
  432.     border-bottom: 2px solid #F44A56;
  433.     position: relative;
  434.     padding: 10px 10px 5px 0px;
  435.     margin: 0px 0px 10px 0px;
  436.     text-align: left;
  437.     color: #D3AC23!important;
  438.     text-transform: Uppercase;
  439.     font: bold 100% Arial!important;}
  440.  
  441.     .TW_Footer_Widget_Wrap h2:before{
  442.     width: 40%;
  443.     background: #D3AC23;
  444.     height: 2px;
  445.     position: absolute;
  446.     bottom: -2px;
  447.     content: "";
  448.     left: 0px; }
  449.  
  450.  
  451. /*------------ Aside ------------------ */
  452. aside{width:350px;display:inline-block;vertical-align:top;margin-top:-5px}
  453. .error_page aside {
  454.     display: none;
  455. }
  456. .item aside{display:inline-block;margin:-5px 0 0 0}
  457. .index aside{float:left;display:block;margin:0}
  458. aside .widget{margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid #eee}
  459. .Posts-Bg{width:calc((100% - 350px) / 1);float:right}
  460. .list-label-widget-content span.label-count{float:left;line-height:19px;padding:3px 2px;color:#585858;text-align:center}
  461. .list-label-widget-content li{list-style:decimal;border-bottom:1px dashed #eee;margin:5px 3px;padding:0 1px 2px 2px;transition:all 0.3s;font-size:14px;font-weight:bold}
  462. .list-label-widget-content ul{padding-right:20px!important}
  463. .list-label-widget-content li:hover a{color:#000}
  464. .list-label-widget-content li:hover{border-bottom:1px dashed #a30000}
  465. .list-label-widget-content li a{display:block;color:#5a5a5a;font-weight:bold}
  466. /* Tow Style Forget
  467. ------------------------------------*/
  468. #ArchiveList li.archivedate{border-bottom:1px solid #dadada;margin:5px 3px;padding:0 3px!important;transition:all 0.3s}
  469. #ArchiveList span.post-count{background:#444;border-radius:3px;float:left;line-height:21px;padding:4px;color:#fff;min-width:25px;text-align:center;box-shadow:0 0 4px rgba(10,10,10,0.36);font-size:15px}
  470. .fa-spin{-webkit-animation:a 0.7s infinite linear!important;animation:a 0.7s infinite linear!important}
  471. .footer-end{overflow:hidden;height:46px;background:#191427}
  472. .bot-foter{width:97%;margin:6px auto 0;color:#fff;font-size:inherit;overflow:hidden;background:#191427;border-radius:2px;padding:3px 5px;box-shadow:0 0 19px 3px rgba(10,10,10,0.23) inset}
  473. a.poweredby {
  474.     background: #a245c1;
  475.     color: #ffffff;
  476.     border-radius: 111px;
  477.     font-size: 16px;
  478.     padding: 0px 6px;
  479.     display: inline-block;
  480.     margin: 0 730px 21px 0;
  481.   font-weight: bold};
  482. .el7kok{display:inline-block;float:right}
  483. div#links-footer{display:inline-block;float:left;max-width:650px}
  484. footer{margin-top:10px;display:block;overflow:hidden;clear:both}
  485. span#SiteCopy{font-size:14px;margin-right:10px;display:inline-block; float: left;}
  486. span#SiteCopy a{text-decoration: underline #a30000;color:#fff}
  487. div#links-footer a{color:#fff}
  488. div#links-footer ul li{display:inline-block;margin:0 4px;font-size:14px}
  489. .headbost{MARGIN-LEFT: 3px;display:inline-block;color:#d00000}
  490. .error_page div#error-page{text-align:center;font-family:'Cairo','Segoe UI','Tahoma';padding:5px 0 10px}
  491. .error_page .Posts-Bg{width:100%;display:block;margin-bottom:20px}
  492. h1.errornum{font-size:10em;color:#00f;font-weight:bold}
  493. h2.error{font-size:1.6em}
  494. .page-navigation{position:relative;margin:15px 10px;background:#eee;line-height:45px;border-radius:3px;box-shadow:0 0 1px 0 #111}
  495. #siki_prev{float:right;border-left:7px double #fff;border-radius:0 5px 5px 0}
  496. #siki_next,#siki_prev{background:#fff;display:inline-block;cursor:pointer;border:2px solid #222f3e;border-left:8px solid #222f3e;border-radius:35px;margin:3px!important}
  497. .siki-next-prev a{display:block}
  498. #siki_prev span:nth-child(1){float:left;font-size:15px;line-height:35px;padding:0 30px 0 10px;position:relative}
  499. #siki_prev span:nth-child(1):before{display:block;width:1.5em;height:1.5em;content:"";top:7px;right:4px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 129 129' enable-background='new 0 0 129 129'%3E%3Cg%3E%3Cg%3E%3Cpath d='M64.5,122.6c32,0,58.1-26,58.1-58.1S96.5,6.4,64.5,6.4S6.4,32.5,6.4,64.5S32.5,122.6,64.5,122.6z M64.5,14.6 c27.5,0,49.9,22.4,49.9,49.9S92,114.4,64.5,114.4S14.6,92,14.6,64.5S37,14.6,64.5,14.6z' fill='%23264079'%3E%3C/path%3E%3Cpath d='m51.1,93.5c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l26.4-26.4c0.8-0.8 1.2-1.8 1.2-2.9 0-1.1-0.4-2.1-1.2-2.9l-26.4-26.4c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l23.5,23.5-23.5,23.5c-1.6,1.6-1.6,4.2 0,5.8z' fill='%23264079'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute}
  500. #siki_next span:nth-child(1):before{display:block;width:1.5em;height:1.5em;content:"";top:7px;left:4px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 129 129' enable-background='new 0 0 129 129'%3E%3Cg%3E%3Cg%3E%3Cpath d='m64.5,122.6c32,0 58.1-26 58.1-58.1s-26-58-58.1-58-58,26-58,58 26,58.1 58,58.1zm0-108c27.5,5.32907e-15 49.9,22.4 49.9,49.9s-22.4,49.9-49.9,49.9-49.9-22.4-49.9-49.9 22.4-49.9 49.9-49.9z' fill='%23264079' %3E%3C/path%3E%3Cpath d='m70,93.5c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2 1.6-1.6 1.6-4.2 0-5.8l-23.5-23.5 23.5-23.5c1.6-1.6 1.6-4.2 0-5.8s-4.2-1.6-5.8,0l-26.4,26.4c-0.8,0.8-1.2,1.8-1.2,2.9s0.4,2.1 1.2,2.9l26.4,26.4z' fill='%23264079'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute}
  501. .siki-next-prev span{font-size:30px;color:#585858}
  502. #siki_prev span:nth-child(2){float:right;line-height:45px}
  503. #siki_next{float:left;border:2px solid #222f3e;border-right:8px solid #222f3e;border-radius:35px;margin:0}
  504. #siki_next span:nth-child(1){float:right;font-size:15px;line-height:35px;padding:0 10px 0 30px;position:relative}
  505. #siki_next span:nth-child(2){float:left;line-height:45px}
  506. #siki-page-number{text-align:center;color:#292929;font-size:1.1em}
  507. #siki_prev:hover{border:2px solid #222f3e;border-left:2px solid #222f3e;border-right:8px solid #222f3e;display:block}
  508. #siki_next:hover{border:2px solid #222f3e;border-left:8px solid #222f3e;border-right:2px solid #222f3e;display:block}
  509. #siki_next,#siki_prev{transition:all 0.3s}
  510. .authorAboutMe{position:relative;display:block;overflow:hidden}
  511. a.icon-smol-ss{color:#efefef;font-size:13px;float:right;text-align:right;width:calc((100% - 170px) / 1)}
  512. a.icon-smol-ss span:hover{box-shadow:0 0 10px 30px #222F3E inset;color:#fff;transition:ease-out 0.7s}
  513. a.icon-smol-ss span{border:1px solid #222f3e;display:inline-block;margin:10px;padding:5px 10px;border-radius:7px;color:#383838;font-weight:bold;transition:all 0.4s}
  514. a.g-profile span{border-bottom:1px solid #eee}
  515. .seoplus-post img{max-width:92%;height:auto;border-radius:1px}
  516. .authorAboutMe-mg{transition:all 0.5s;font-family:'Cairo','Segoe UI','Tahoma';position:relative;max-width:100%;width:100%;padding:10px;display:block;border-radius:2px;margin:10px auto;overflow:hidden;border:1px solid #eee}
  517. .AboutMe-Photo{transition:all 0.5s;height:150px!important;width:150px;border-radius:3px;border:7px solid #fff!important;display:block;box-shadow:0 0.5px 2px rgb(0,0,0);float:right;padding:0!important;margin-left:10px}
  518. .profauthor{text-align:right;width:calc((100% - 170px) / 1);margin-right:10px;float:right;display:block;margin-bottom:10px;margin-top:5px}
  519. a.g-profile span{border-bottom:1px solid #eee}
  520. .g-profile{font-weight:400;font-size:20pt;color:#252525}
  521. .prof-user{color:rgba(255,255,255,0.69);font-size:11pt}
  522. .svg-icon-smol{width:1.2em;height:1.2em;vertical-align:-2px;margin-right:-11px}
  523. .user-About{overflow:hidden;max-height:42px;color:#585858;font-size:11pt;line-height:15pt;text-align:right;width:calc((100% - 170px) / 1);margin-right:10px;float:right;display:block}
  524. div#ads-head{margin:10px;text-align:center}
  525. div#ads-head{font-family:'Cairo','Segoe UI','Tahoma'!important;clear:both;display:block;max-width:100%;overflow:hidden;background:#fff;border-radius:3px;margin:0 5px 15px;box-shadow:0 2px 10px 0 rgba(0,0,0,0.1);border:1px solid rgba(32,33,36,0.28)}
  526. .error_page div#ads-head{display:none}
  527. iframe{max-width:100%!important}
  528. .Thumb span{width:100%;height:100%;-webkit-background-size:cover!important;background-size:cover!important;background-position:center center!important;display:block;transition:all 0.5s!important}
  529. .Post{overflow:hidden;position:relative;padding:2px;border-radius:5px;border:1px solid rgba(32,33,36,0.28)}
  530. div#Widgets1{clear:both;overflow:hidden}
  531.  
  532. div#logo .titlewrapper{font-size:1.6em;border-bottom:2px solid #0b5389;display:inline-block}
  533. div#Widgets2{margin-right:0}
  534. div#Widgets3{margin-left:0}
  535.  
  536. .widget.Label.Widgetspost{overflow:hidden;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ededed}
  537. .widget-title{margin:0 0 18px 0;border-bottom:2px solid #e4e4e4}
  538. .widget-title h3.title{color:#585858;font-weight:BOLD;display:inline-block;padding:2px 2px 3px;BORDER-BOTTOM:2PX SOLID #3d4855;margin:0 0 -2px 0;font-size:17px;letter-spacing:0.3PX}
  539. a.ex{display:block}
  540. .FollowByEmail .widget-title:before{height:0;content:"";background:transparent}
  541. a.ex:before{content:"\x";display:block;color:#fff;font-size:25px;font-weight:bold;line-height:1.7em;padding-top:2px}
  542. a.ex svg{display:none}
  543. .search-form{position:relative}
  544. .search-fo{margin:10px}
  545. .search-field{text-align:right;-webkit-appearance:none;padding:9px 18px;line-height:1.5;border:1px solid #ccc;border-radius:3px;color:#363636;display:inline-block;vertical-align:top;width:176px}
  546. .search-submit{background:#fff;transition:.3s;display:inline-block;margin:0;width:auto;height:auto;position:relative;border:1px solid #ccc;padding:4px 5px 3px;color:#0b5389}
  547. button.search-submit i{font-size:20px!important}
  548. a.Author,a.Date{display:inline-block;margin:0 5px}
  549. .minblog{font-family:'Cairo','Segoe UI','Tahoma'!important}
  550. h2.Category-ArchivePage i.fa.fa-folder-open{margin:0 0 0 10px}
  551. .static_page .post-meta{display:none}
  552. li.ma.pluselink{position:relative;display:inline!important;padding:18px 0}
  553. .pluselink ul{z-index:99;text-align:center;display:block;position:absolute;width:180px;background:#222f3e;top:50px;right:0;padding:10px!important;box-shadow:0 0 3px #555}
  554. iframe.YOUTUBE-iframe-video{width:96%;height:380px;display:inline}
  555. .pluselink ul:before{content:'';width:0;height:0;border-top:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #0b5389;border-left:10px solid transparent;position:absolute;top:-20px;right:14px}
  556. header .pluselink ul:before{right:20%}
  557. .pluselink ul li:first-of-type{margin-top:0!important}
  558. .pluselink ul li a{color:#e2e2e2!important;font-size:13px!important;padding:3px 7px!important;display:block}
  559. .pluselink ul li:before{content:url(https://svgshare.com/i/7dN.svg);font-family:fontawesome;float:right;margin:5px 6px 0 8px;color:#e2e2e2;width:9px;transform:rotate(270deg);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);-ms-transform:rotate(270deg)}
  560. .pluselink ul li{padding:0 0 0 0!important;transition:all 0.3s;border:0!important;display:block!important;text-align:right;border-bottom:1px dashed #434850!important;margin:5px 0!important}
  561. .pluselink ul li:hover{padding:0 8px 0 0!important}
  562. .pluselink ul li:hover a{color:#fff!important}
  563. .pluselink ul li:hover:before{color:#fff}
  564. .pluselink ul li:last-of-type{margin-bottom:0!important}
  565. li.ma.pluselink:after{content:url(https://svgshare.com/i/7dN.svg);font-family:fontawesome;color:#fff;z-index:9999;padding:2px 7px;font-size:19px;font-weight:bold;width:25px;position:relative;text-align:center;top:0;border-radius:2px;margin-top:0;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transition:all 0.2s;display:inline-block}
  566. li.ma.pluselink:hover:after{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg)}
  567. .pluselink ul{visibility:hidden;opacity:0}
  568. li.ma.pluselink:hover ul{opacity:1;visibility:visible}
  569. .details a{color:#444}
  570. div#mop-links li.ma.pluselink:after{content:"";padding:0;float:none;top:0;line-height:normal;margin:0!important}
  571. div#mop-links li.ma.pluselink{display:block!important;border-bottom:0!important}
  572. div#mop-links .pluselink ul{visibility:visible;opacity:1;top:2px;margin:0 auto;position:relative;right:auto;border:1px dashed #b7b7b7;background:#465f7b;padding:0!important;text-align:center}
  573. div#mop-links .pluselink ul:before{right:46%;border-bottom:10px solid #465f7b}
  574. .pluselink ul:before{content:'';width:0;height:0;border-top:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #3d4855;border-left:10px solid transparent;position:absolute;top:-20px;right:43%}
  575. div#mop-links li.ma.pluselink:after{display:none}
  576. div#mop-links .pluselink ul li:last-of-type{border-bottom:0!important}
  577. div#mop-links .pluselink ul li{padding:2px!important}
  578. div#mop-links .pluselink ul li a{font-size:14px!important}
  579. div#mop-links .pluselink ul li:before{display: none;content:""}
  580. .Post a.Thumb span{border-radius:3px;border:1px solid #ededed}
  581. .seoplus-ads{display:block;clear:both;margin:10px auto;text-align:center}
  582. .amp-content img,#siki-out img{padding:5px;border:1px solid #eee;border-radius:3px;width:auto;height:auto;display:inline;max-width:100%}
  583. .FollowByEmail .widget-item-control{margin-top:-20px}
  584. .FollowByEmail .follow-by-email-inner td{display:block;width:100%;margin-bottom:10px}
  585. .FollowByEmail .follow-by-email-inner td:last-child{margin-bottom:0}
  586. .FollowByEmail .follow-by-email-inner .follow-by-email-submit{width:100%!important;margin-left:0;height:45px!important;background-color:#a30000;color:#fff!important;margin-top:10px;border:1px solid #087ed6;border-radius:3px!important;font-size:12px;font-weight:bold}
  587. .FollowByEmail .follow-by-email-inner .follow-by-email-address{display:block;height:45px;width:100%!important;padding:0 20px;border:0!important;background-color:#fff!important}
  588. .FollowByEmail .widget-content{padding:55px 20px 20px;background:#00233e;border-radius:3px}
  589. .email-icon{position:absolute;color:#0b5389;background:#fff;left:10px;height:40px;width:40px;text-align:center;line-height:35px;border-radius:50%;top:45px;border:2px solid}
  590. .email-icon svg{width:1em;height:1em;vertical-align:-3px}
  591. .FollowByEmail .widget-title h3.title{color: #fff;width:94%;max-width:94%;background:transparent;padding:0;border:0;border-radius:0;position:absolute;top:10px;text-align:center;display:block;right:0;font-size:19px;margin:2px 9px;max-height:2em;overflow:hidden;word-wrap:break-word;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
  592. .FollowByEmail .widget-title{margin:0;border-bottom:none;background:transparent;border-radius:0}
  593. .Post.cov a.Title:hover,.posts5 .Post:first-of-type a.Title:hover,.posts1 a.Title:hover,.posts3 .Post a.Title:hover,.posts4 .Post:nth-of-type(n+1) a.title-post:hover{color:#a30000}
  594. /* ltr Style
  595. ------------------------------ */
  596. .ltr li.relatedP {float: left;}
  597.  
  598. .ltr .search-wrap{float:right;right:0;left:auto}
  599. .ltr .search-wrap:before{left:auto;right:8px}
  600. .ltr nav.Top-nav .lab{float:left}
  601. .ltr div#top-social-L{float:right}
  602. .ltr div#top-social-L ul li{float:right}
  603. .ltr .pluselink ul{right:auto;left:0}
  604. .ltr header .pluselink ul:before{RIGHT:AUTO;left:20%}
  605. .ltr .pluselink ul li{text-align:left}
  606. .ltr .pluselink ul li:before{float:left;transform:rotate(-270deg);-webkit-transform:rotate(-270deg);-moz-transform:rotate(-270deg);-o-transform:rotate(-270deg);-ms-transform:rotate(-270deg);margin:5px 8px 0 3px}
  607. .ltr .pluselink ul li:hover{padding:0 0 0 5px!important}
  608. .ltr .email-icon{left:auto;right:10px}
  609. .ltr aside .PageList ul,.ltr aside .LinkList ul{padding-left:28px!important;padding-right:5px!important}
  610. .ltr aside .PageList li,.ltr aside .LinkList li{text-align:left}
  611. .ltr .cloud-label-widget-content span.label-count{left:auto;right:0;border-right:0;border-left:7px double #fff}
  612. .ltr .list-label-widget-content span.label-count{float:right}
  613. .ltr .el7kok{float:left}
  614. .ltr #links-footer {float: right !important;}
  615. .ltr #SiteCopy{margin-right:0;margin-left:10px}
  616. .ltr #links-footer ul li{margin:3px 4px 0;float:right}
  617. .ltr .posts5 .Post:first-of-type{margin-left:0;margin-right:6px;border-left:0;border-right:1px solid #ccc;padding-left:0;padding-right:10px;float:left}
  618. .ltr .Post.cov{margin:10px 5px;margin-right:0;float:left;margin-left:5px}
  619. .ltr .Post.cov a.Thumb{float:left}
  620. .ltr .Post.cov a.Title{margin-right:0;margin-left:17px;float:left}
  621. .ltr .Post.cov .details{float:left;margin:0 0 0 12px}
  622. .ltr a.Author:before{margin-left:0;margin-right:5px}
  623. .ltr .posts5 .Post:first-of-type{margin-left:0;margin-right:6px;border-left:0;border-right:1px solid #ccc;padding-left:0;padding-right:10px;float:left}
  624. .ltr .Post.cov{margin:10px 5px;margin-right:0;float:left;margin-left:5px}
  625. .ltr .Post.cov a.Thumb{float:left}
  626. .ltr .Post.cov a.Title{margin-right:0;margin-left:17px;float:left}
  627. .ltr .Post.cov .details{float:left;margin:0 0 0 8px}
  628. .ltr a.Author:before{margin-left:5px;margin-right:5px}
  629. .ltr .Post.current{float:left;margin-left:0;margin-right:5px}
  630. .ltr .posts6 .Post:nth-of-type(n+2){float:left}
  631. .ltr .posts3 .Post a.Thumb{float:left}
  632. .ltr .posts3 .Post a.Title{float:left;margin-right:0;margin-left:17px}
  633. .ltr .posts3 .Post .details{float:left;margin-right:0;margin-left:12px}
  634. .ltr .posts4 .Post:nth-of-type(n+1) .details{float:left;margin-right:0;margin-left:12px}
  635. .ltr .posts4 .Post:nth-of-type(1) .details,.ltr .posts4 .Post:nth-of-type(3) .details{margin-left:1px}
  636. .ltr .posts2 .Post:nth-of-type(1),.ltr .posts2 .Post:nth-of-type(4){margin-right:5px;margin-left:0}
  637. .ltr .posts2 .Post:nth-of-type(3),.ltr .posts2 .Post:nth-of-type(6){margin-right:0;margin-left:5px}
  638. .ltr .posts2 .title-post{text-align:left}
  639. .ltr .posts2 a.Author{float:left}
  640. .ltr .posts1 .Post.Post:nth-of-type(1),.ltr .posts1 .Post.Post:nth-of-type(4){margin-right:5px;margin-left:0}
  641. .ltr .posts1 .Post.Post:nth-of-type(3),.ltr .posts1 .Post.Post:nth-of-type(6){margin-left:5px;margin-right:0}
  642. .ltr .amp-tags a{float:left;padding-right:10px}
  643. .ltr .ArchivePage{text-align:left}
  644. .ltr h2.Category-ArchivePage i.fa.fa-folder-open{margin:0 10px 0 0}
  645. .ltr .caregory-div h2{display:table}
  646. .ltr ul.clear{text-align:left}
  647. .ltr .amp-content ul,.ltr #siki-out ul{margin-left:30px!important;margin-right:0!important}
  648. .ltr .posts1 .Snippet {text-align: left;}
  649. svg.svg-smol{width:30px;padding:5px 4px 1px 6px;border:1px solid #ccc;border-radius:2px}
  650. .headbost i{margin-right:2px}
  651. .ltr .comments .avatar-image-container{float:left}
  652. .ltr .comments .comment-block{margin-right:0!important;margin-left:65px!important}
  653. .ltr .comment-actions.secondary-text{text-align:left;padding-right:0;padding-left:10px}
  654. .ltr .datetime.secondary-text{left:auto;right:0}
  655. .ltr .Widgetspost h3.title:hover:before{left:auto;right:-35px}
  656. .ltr .Widgetspost h3.title:before{left:auto;border-color:transparent transparent transparent #00233e;right:-30px}
  657. .ltr .list-label-widget-content ul{padding-right:0!important;padding-left:20px!important}
  658. .ltr .comment-replies .comment-content{border-right:1px solid rgba(38,64,121,0.28);margin-left:0;margin-right:5px;border-left:4px solid #0b5389}
  659.  
  660. .ltr div#logo {
  661.     text-align: left;
  662. }
  663. .ltr .posts-title h2 {
  664.     right: auto;
  665.     left: 0;
  666. }
  667. .ltr .posts-title a {
  668.     right: 0;
  669.     left: auto;
  670. }
  671. .ltr .posts-title h2:before {
  672.     float: left !important;
  673.     right: auto !important;
  674.     left: 1px !important;
  675.     margin: 0 10px 0 0 !important;
  676. }
  677. .ltr.index .post-home {
  678.     margin-right: 0;
  679.     margin-left: 10px;
  680. }
  681. .ltr h1.amp-wp-title.entry-title.p-name {
  682.     text-align: left;
  683. }
  684. .ltr #mba-social-sharing ul {
  685.     float: right;
  686. }
  687. .ltr .SherID {
  688.     float: left;
  689. }
  690. .ltr svg.svg-inline--fa.fa-share-alt.fa-w-14 {
  691.     transform: rotate(-180deg);
  692. }
  693. .ltr img.AboutMe-Photo {
  694.     float: left;
  695.     margin-left: 0;
  696.     margin-right: 10px;
  697. }
  698. .ltr .profauthor {
  699.     text-align: left;
  700.     float: left;
  701.     margin-right: 0;
  702.     margin-left: 10px;
  703. }
  704. .ltr .user-About {
  705.     text-align: left;
  706.     float: left;
  707.     margin-right: 0;
  708.     margin-left: 10px;
  709. }
  710. .ltr a.icon-smol-ss {
  711.     float: left;
  712.     text-align: left;
  713. }
  714. .ltr .posts-title h1 {
  715.     padding: 0 3px 0 27px;
  716.     margin: 5px 0 0 -3px;
  717. }
  718. .ltr svg.svg-inline--fa.fa-hashtag.fa-w-14 {
  719.     float: left;
  720.     margin: 5px 5px 5px 2px;
  721. }
  722. .ltr h2.titleret:before {
  723.     float: left !important;
  724. }
  725. .ltr h2.titleret {
  726.     padding: 6px 6px 6px 3px;
  727.     text-align: left;
  728. }
  729.  
  730. .ltr .box-title-related h4 {
  731.     text-align: left;
  732. }
  733. .ltr .box-title-related svg.svg-inline--fa.fa-comment-alt-lines.fa-w-16 {
  734.     float: left;
  735.     margin: 6px 6px 0 0;
  736. }
  737. .ltr .search {
  738.     left: auto;
  739.     right: 0;
  740. }
  741. .ltr a.iconhome {
  742.     margin: 0 5px 0 0;
  743. }
  744. .Awlsora .seoplus-ads{margin:auto}
  745. svg.svg-inline--fa.fa-user-edit.fa-w-20{width:30px;color:#0b5389;border:1px solid #cccccc;padding:5px 5px;border-radius:2px}
  746. svg.svg-inline--fa.fa-list.fa-w-16{width:1.3em;vertical-align:-5px}
  747. img.post-thumb{transition:all 0.5s;display:block}
  748. .post-info a{color:#484848;display:block;font-weight:bold}
  749. h2.posts-titles.entry-title.p-name{max-height:4em;overflow:hidden;display:block;padding:0 5px;padding-bottom:5px}
  750. .index-page{background:#fff;box-shadow:0 0 40px rgba(0,0,0,0.05);border-radius:1px;overflow:hidden}
  751. ::selection{background-color:#e5192c;color:#fff}
  752. .Posts-Bg div#main h3.title{position:relative;display:block;border-bottom:2px solid #e4e4e4;padding:1px 5px 5px 5px;font-size:18px;margin:0 0 18px 0;MARGIN-TOP:0;font-weight:bold;color:#585858}
  753. .Widgetspost a.LabLink{display:block;position:absolute;width:70px;bottom:-1px;left:0;text-align:center;overflow:hidden;border-bottom:2px solid #3d4855}
  754. .Widgetspost a.LabLink:before{color:#585858;content:"المزيد";font-size:14px;padding:1px 12px;border-radius:15px;font-weight:bold;margin-bottom:5px;display:block;border:1px solid #222f3e;transition:all 0.4s}
  755. .Widgetspost a.LabLink:hover:before{box-shadow:0 0 10px 30px #222f3e inset;color:#fff;transition:ease-out 0.7s}
  756. div#main{padding:0 20px;overflow:hidden;border-left:1px solid #eeeeee;display:block}
  757. div#aside-par{padding:0 20px;display:block;overflow:hidden}
  758. div#logo{padding-left:20px;text-align:right;display:table-cell;vertical-align:middle;max-width:100%}
  759. .headtr{padding:20px 30px;display:table;width:100%}
  760. div#lads{width:728px;display:table-cell;vertical-align:middle;text-align:center}
  761. .Posts-Bg div#main h3.title:before{content:url(https://svgshare.com/i/7oh.svg);position:relative;right:-4px;display:block;margin:0 0 0 10px;bottom:-4px;width:31px;float:right;border-bottom:2px solid #3d4855;padding:0 7px;line-height:1.8em;color:#585858}
  762. .post-outer{margin:5px 5px 10px;width:calc((100% - 38px) / 3);display:inline-block;box-shadow:0 0 2px rgba(0,0,0,0.3);padding:1px}
  763. .index .post-outer{width:100%;display:block;box-shadow:none;border-radius:2px;border:1px solid #ededed;padding-bottom:0;margin:10px 0}
  764. .index .post-home{display:inline-block;width:calc((100% - 285px) / 1);vertical-align:top;margin-right:10px}
  765. .index .post-thumb{width:260px;height:200px;transition:all 0.5s;display:inline-block;vertical-align:middle;border-radius:2px}
  766. .index .posts-titles.entry-title.p-name{font-size:1.2em;border-bottom:1px solid #dedede;padding-bottom:5px;max-height:4em;overflow:hidden}
  767. .index .post-outer .post-snippet{font-size:0.8em;color:#616161;max-height:4em;overflow:hidden}
  768. .index .post-outer button:hover{box-shadow:0 0 10px 30px  inset;transition:ease-out 0.7s}
  769. .index .post-outer button {
  770.     border-radius: 3px;
  771.     transition: all 0.4s;
  772.     display: block;
  773.     clear: both;
  774.     margin-top: 5px;
  775.     background: linear-gradient(45deg,#CF4850,#A245C1);
  776.     border: 1px solid;
  777. }
  778. .index .post-outer button a{color:#fff;font-size:14px;padding:4px 10px;transition:all 0.4s}
  779. .index .post-outer button a:hover{color:#fff;transition:ease-out 0.7s}
  780. a.post-thumb img{height:170px;width:100%}
  781. a.post-thumb{width:250px;height:150px}
  782. .posts-title a{position:absolute;left:0;display:block;bottom:-1px;border-bottom:2px solid #3d4855;color:#000}
  783. .posts-title h2{display:inline-block;position:absolute;right:0;bottom:0;font-size:18px;font-weight:bold;color:#585858}
  784. .posts-title{display:block;border-bottom:2px solid #ededed;padding:3px 4px;position:relative;height:40px}
  785. .posts-title span:hover{transition:ease-out 0.7s;box-shadow:0 0 10px 30px #222f3e inset;color:#fff}
  786. .posts-title span {
  787.     color: #fff;
  788.     padding: 0 15px;
  789.     background: linear-gradient(45deg,#cf4850,#a245c1);
  790.     margin-bottom: 5px;
  791.     display: block;
  792.     border-radius: 20px;
  793.     font-size: 14px;
  794.     border: 1px solid #222f3e;
  795.     font-weight: bold;
  796.     transition: all 0.4s;}
  797. .posts-title h2:before{content:url(https://svgshare.com/i/7oh.svg);position:relative;right:1px;display:block;margin:0 0 0 10px;bottom:-1px;width:31px;float:right;border-bottom:2px solid #3d4855;padding:0 7px;line-height:1.8em;color:#585858}
  798. .posts1 .Post .Thumb span{border:0;border-bottom:1px solid #ededed;border-radius:0}
  799. a.iconhome svg{color:#fff;display:inline-block;width:25px;margin:14px 10px 0}
  800. a.iconhome {
  801.     background: linear-gradient(45deg,#CF4850,#A245C1);
  802.     width: 45px;
  803.     height: 50px;
  804.     display: inline-block;
  805.     margin: 0 0 0 5px;}
  806. .labtre{display:inline-block;vertical-align:top}
  807. .descriptionwrapper{color:#333;font-size:0.8em;clear:both;overflow:hidden;display:block}
  808. body.dark:before{pointer-events:none;content:'';position:fixed;background:rgba(231,255,140,0.21);width:100%;height:100%;z-index:99999999;-webkit-filter:invert(100%);-moz-filter:invert(100%);-ms-filter:invert(100%);-o-filter:invert(100%);filter:invert(100%)}
  809. .item div#main{padding:0 15px}
  810.  
  811. .box-title-related svg.svg-inline--fa.fa-comment-alt-lines.fa-w-16{width:20px;float:right;margin:6px 0 0 6px;color:#0b5389;display:block}
  812. .posts4,.posts3,.posts5{padding:5px;border:1px solid #eee;overflow:hidden}
  813. svg.svg-inline--fa.fa-hashtag.fa-w-14 {
  814.     float: right;
  815.     width: 30px;
  816.     display: block;
  817.     margin: 5px 2px 5px 5px;
  818.     line-height: 1em;
  819.     color: #fff;
  820.     background: linear-gradient(45deg,#cf4850,#a245c1);
  821.     padding: 5px;
  822.     border: 1px solid #b5b5b5;
  823.   border-radius: 3px};
  824. .amp-tags{margin:10px 0;overflow:hidden;display:block;border:1px solid #eee;padding:10px 5px}
  825. .amp-tags a{float:right;border:1px solid #b9b9b9;color:#484848;padding:4px 10px;font-size:13px;border-radius:20px;position:relative;font-weight:bold;display:inline-block;margin:5px 8px 5px;transition:all 0.4s}
  826. .amp-tags a:hover{box-shadow:0 0 10px 50px #222f3e inset;transition:ease-out 0.7s;color:#fff}
  827. .search-view .post-outer{width:calc((100% - 10px) /3);display:inline-block}
  828. .search-view .post-thumb{width:100%!important;height:200px!important}
  829. .search-view .post-home{width:100%;margin-right:0;text-align:center;padding:0 5px}
  830. .search-view .post-outer button{width:100%}
  831. svg.svg-inline--fa.fa-draw-square.fa-w-14{display:inline-block;width:16px;float:right;margin:11px 0 0 0;position:absolute;color:#222f3e}
  832. .posts-title h1{border-bottom:2px solid #3d4855;display:table;margin:5px -3px 0 0;padding:0 27px 0 3px;color:#585858;font-size:18px;font-weight:bold}
  833. .cloud-label-widget-content span.label-size{color:#000;display:inline-block}
  834. .cloud-label-widget-content span.label-size a{color:#585858}
  835. .cloud-label-widget-content a.label-name{border:1px solid #000;border-radius:30px;float:right;display:block;overflow:hidden;width:100%;font-size:14px;font-weight:bold;padding:5px 10px;transition:all 0.3s;padding-right:10px}
  836. .cloud-label-widget-content a.label-name:hover{box-shadow:0 0 10px 40px #222f3e inset;color:#fff;transition:ease-out 0.7s}
  837. .cloud-label-widget-content span.label-count{border:1px solid #222f3e;border-radius:4px;padding:0 5px;margin:0 8px 0 3px}
  838. .cloud-label-widget-content a.label-name:hover span.label-count{border:1px solid #eee}
  839. a.iconhome,.search{transition:all 0.2s}
  840. a.iconhome:hover,.search:hover{background:rgba(255,255,255,0.3);transition:all 0.5s}
  841. span.fn.author{vertical-align:top;color:#585858}
  842. /*Start Resbonsev
  843. ------------------------------ */
  844. @media screen and (max-width:1100px){
  845. #bottom-menu li a {font-size: 14px;}
  846. }
  847. @media screen and (max-width:1000px){
  848. .ltr div#logo {
  849.     text-align: center;
  850. }
  851. .ltr .search {
  852.     left: 0;
  853.     right: auto;
  854. }
  855. .item aside{display:inline-block;margin:5px}
  856. div#aside-par{padding:0 10px}
  857. img.AboutMe-Photo{width:100%;margin:0}
  858. .article-timeago{margin:0}
  859. .Posts-Bg{width:calc((100% - 1px) / 1);float:none}
  860. #comment-editor{height:245px}
  861. .item div#main{padding:0 10px;border-left:0}
  862. div#logo{padding-left:0;text-align:center;display:block}
  863. div#lads{width:100%;display:block;margin:10px 0 10px 0}
  864. a.iconhome {
  865.     display: none;
  866. }
  867. .wrap-posts{float:none;width:auto}
  868. .ltr header button{right:0}
  869. .ltr .search-wrap{float:none;right:auto;left:0}
  870. .ltr .search-wrap:before{left:20px;right:auto}
  871. .posts5 .Post:first-of-type {margin-left: 5px;}
  872. header button {display: block;}
  873. .footer-end{height:100%}
  874. .el7kok{display:block;float:none !important}
  875. a.poweredby{display:block;margin:10px !important;text-align:center}
  876. span#SiteCopy{display:block;text-align:center;margin:5px auto}
  877. div#links-footer{overflow: hidden;border-radius:5px;display:block;margin:2px 10px;float:none;max-width:100%;background:#00233e;padding:5px}
  878. div#links-footer ul li{float: none !important;display:block;border-bottom:1px dashed #ccc;margin:5px 20px!important;padding-bottom:3px}
  879. div#links-footer ul li:last-of-type{border-bottom:0}
  880. nav.Top-nav{display:none}
  881. header.headrat.active {top: 0;}
  882. nav.menu-content{top:0}
  883. header .lab,header .labtow,header .labtre {display: none !important;}
  884. .index .Posts-Bg {width: calc((100% - 0px) / 1);height: auto;margin-bottom: 5px;}
  885. iframe {max-width: 100% !important;}
  886. .article-featured-image {height: 300px;}
  887. div#links-footer {float: none !important;text-align: center;}
  888. .ltr #links-footer {float: none !important;}
  889. h1.amp-wp-title.entry-title.p-name {font-size: 1.4em;}
  890. .item .minblog{margin:5px auto;display:block}
  891. aside {width: 100%;}
  892. .search-wrap:before {left: 24px;}
  893. .lab{display:none}
  894. .labtow{display:none}
  895. .openNavw{display: block;}
  896. .post-outer {width: calc((100% - 24px) / 2)}
  897. .section-hom li {width: calc((100% - 20px) / 2);}
  898. .contenar-h {width: 85%;}
  899. li.relatedP {width: calc((100% - 20px) / 2);}
  900. #mba-social-sharing ul li{display:inline-block;margin:0 auto;text-align:center;float:none !important;align-items:center}
  901. #mba-social-sharing ul li a{    height: 40px;width:40px}
  902. .wts svg{margin:0 -7px 0 7px}
  903. #mba-social-sharing ul{display:flex}
  904. #mba-social-sharing ul{float: none !important;padding:10px 0!important;}
  905. span#shermba{float:none}
  906. #shermba i.fas.fa-angle-double-left{transform:rotate(270deg)}
  907. span#shermba{float:none;display:block;text-align:center}
  908. #shermba:hover i.fas.fa-angle-double-left{color:#38559c;padding:0}
  909. div#main {
  910.     padding: 0 10px;
  911. }
  912. }
  913. @media screen and (max-width:728px){
  914.  iframe.YOUTUBE-iframe-video{height:250px}
  915. .index .post-thumb{width:100%}
  916. .search-view .post-outer{width:calc((100% - 1px) /1)}
  917. .index .post-home{width:100%;margin:0;padding:0 6px;text-align:center}
  918. .index .posts-titles.entry-title.p-name{font-size:1em}
  919. .index .post-outer button{width:100%}
  920. li.relatedP{width:calc((100% - 5px) / 1)}
  921. a.icon-smol-ss{width:100%;text-align:center !important}
  922. img.AboutMe-Photo{width:100%;margin:0;height:300px!important}
  923. .profauthor{width:100%;float:none;text-align:center !important}
  924. .user-About{width:100%;float:none;text-align:center !important}
  925. .authorAboutMe-mg{width:100%!important}
  926.  
  927. }
  928.  
  929. @media screen and (max-width:680px){
  930. .ltr .posts5 .Post:first-of-type{margin-right:0;padding-right:0;border-right:0}
  931. .ltr .posts5 .Post:nth-of-type(n+2){margin-right:0;margin-left:0}
  932. .posts6 .Post {display: none;}
  933. .Post.b-current, .Post.current {display: block !important;}
  934. .Post.current a.Thumb span{height:250px}
  935. .Post.current a.Title {FONT-SIZE: 1.2EM;}
  936. .posts5 .Post:first-of-type{width:100%;border-left:0;padding:5px;margin:0;height:auto;border-bottom:1px solid #eee;margin-bottom:5px}
  937. .posts5 .Post:first-of-type a.Thumb{height:200px}
  938. .posts5 .Post:nth-of-type(n+2){margin-top:0!important;width:100%;margin-right:5px;margin-left:5px}
  939. .twosides{display:block;margin:0;width:100%}
  940. .posts1 .Post{width:100%;margin-right:0 !important;margin-left:0 !important}
  941. .Post.current{width:100%;margin-left:0;margin-bottom:5px}
  942. .posts6 .Post:nth-of-type(n+2){width:100%;margin-left:0;margin-right:0}
  943. .posts2 .Post{width:100%;margin-right:0!important;margin-left:0!important}
  944. }
  945. @media screen and (max-width:550px){
  946.  
  947. .index .post-outer {margin: 5px 0;width: calc((100% - 1px) /1);}
  948. .post-outer {width: calc((100% - 12px) / 1)}
  949. .section-hom li {width: calc((100% - 10px) / 1);}
  950. }
  951.  
  952.  
  953. body#layout footer {
  954.     clear: both;
  955.     display: block;
  956.     overflow: hidden;
  957. }
  958. body#layout{width:910px;;padding:25px 15px 0!important;padding-top:90px!important;height:max-content;overflow:hidden;background:#ececec!important;box-shadow:0 1px 6px rgba(32,33,36,0.28)!important;border-radius:8px;border:2px solid #e5e5e5!important;margin:3px!important}
  959. #layout:before{font-size:20px;margin:0 0 10px;display:inline-block;font-weight:700;color:#fff;padding:10px 40px;width:25%;content:"CONTROL PANEL SQUEEZE THEME BY nos5aa.com";background:#a30000;border-radius:3px;line-height:1.8em;box-shadow:0 0 12px 0 #999;font-family:tahoma, Roboto, sans-serif;}
  960. #layoutsite{max-width:max-content;min-width:140px;margin:0 20px;display:block;border-radius:8px 8px 0 0;padding-top:5px;border-left:1px solid rgba(32,33,36,0.28);border-right:1px solid rgba(32,33,36,0.28);border-top:1px solid rgba(32,33,36,0.28);position:relative;overflow:hidden;background:#fff;color:#312c7e;margin-bottom:-1px}#layoutsite:before{font-size:18px;display:inline-block;font-weight:700;padding:5px 10px;border-radius:8px;color:#312c7e}.layouthd:before{content:"header"}.layoutads:before{content:"ads"}.layoutend:before{content:"footer"}.layoutsec:before{content:"category"}.layoute3lnt:before{content:"Ads Manager"}body#layout #header-wrapper,body#layout #header-ads,.footeradd,.category{overflow:hidden;background:#fff;border-radius:8px;border-bottom:1px hidden #fff;margin-bottom:15px;color:#fff;border:1px solid rgba(32,33,36,0.28)}body#layout div.section{overflow:initial!important;padding:10px!important;border:1px solid rgba(32,33,36,0.28)!important;border-radius:8px;margin:10px!important}body#layout #Header1, body#layout #LinkList100{width:100%;margin-top:0!important}body#layout .locked-widget .widget-content{font-weight:700;text-align:center}body#layout div.layout-widget-description, #layout .section h4,body#layout #ContactForm1{display:none}body#layout .widget-content a{color:#fff!important;padding:3px 10px;background-color:#0b5389;border-radius:5px}body#layout .widget-content a:hover{background-color:#a30000;color:#fff;transition:.4s ease-out}body#layout .add_widget a{font-weight:bolder;font-size:14px!important;padding:2px 10px;background-color:#a30000;border-radius:5px;color:#fff!important;float:left}body#layout .add_widget{overflow:hidden;padding:0px!important;border:0!important;margin-top:0!important}body#layout #main-wrapper div.section{background:none repeat scroll 0% 0% rgb(236, 236, 236) !important}#layout div.section{background-color:#EDF4FF!important;font-family:sans-serif;overflow:hidden!important;position:relative;border:1px solid #D7DEE9!important}
  961. #layout .Posts-Cont.Posts-Cont11{overflow:hidden;clear:both;display:block}
  962. #layout .Posts-Bg{width:460px;float:right}
  963. #layout aside#sidebar-wrapper{width:300px;float:left;vertical-align:top}
  964. body#layout .Blog .widget-content {height: 5em !important;}
  965. body#layout .Blog .widget-content  div.layout-title {
  966.     font-size: 36px;
  967.     line-height: 2em;
  968. }
  969. body#layout div#Widgets1,body#layout div#Widgets4,body#layout div#Widgets5,body#layout div#Widgets8{display:block;clear:both;overflow:hidden}
  970. body#layout div#Widgets2,body#layout div#Widgets3,body#layout div#Widgets6,body#layout div#Widgets7{width:43%;float:right;margin:10px 5px!important}
  971. body#layout div.section {font-family: tahoma, Roboto, sans-serif !important;}
  972. #editorframe, .pageElements {
  973.     width: 950px !IMPORTANT;
  974. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement