Paste Search Dynamic
main.css
  1. body {background:#F2F2F2;margin:0;padding:0;text-align:center;font-family: 'Roboto', sans-serif;font-size:0.95rem;color:#4D4D4D;}
  2. input:focus, textarea:focus{outline:none;}
  3. a{text-decoration:none;color:#4D4D4D;}
  4. textarea {font-family:inherit;resize:none;color:inherit}
  5. input[type=submit] {-webkit-border-radius:0px;}
  6.  
  7. #container{margin:0 auto;padding:0;width:1000px;padding:15px;text-align: left;padding-bottom: 10px;background:#F2F2F2;}
  8. #head{width:100%;height:80px;margin-bottom:10px;color:#fff;}
  9. #head.admin {height:50px;}
  10. #head.admin #head_bottom {display:none;}
  11.  
  12. #head_top {height:50px;background:#000;}
  13. #head_g1 {display:none}
  14. #head_g2 {float:left;}
  15. #head_g3 {float:right;}
  16.  
  17. #head_home{display:block;float:left;width:100px;height:44px;margin:3px 25px 0 5px;background:url(/resp/img/sp2.png?20200120) 0px -1px no-repeat;}
  18. #head_search, #head_games, #head_login {float:left;width:170px;height:30px;margin-top:10px;background:#fff url(/resp/img/sp2.png?20200120) -2px -52px no-repeat;border-radius:4px;color:#000;}
  19. #head_games, #head_login{display:block;float:right;margin-right:20px;width:70px;height:25px;padding-top:5px;padding-left:40px;background:#fff url(/resp/img/sp2.png?20200120) -3px -88px no-repeat;text-transform:uppercase}
  20. #head_profile {float:right;height:40px;margin-top:5px;}
  21. #head_profile .news_num {display:none}
  22.  
  23. #head_search input {padding:3px 5px;background:#fff;width:135px;margin:3px 0 0 30px;font-size:0.9rem;border:none}
  24.  
  25. #head_login {margin:5px 10px;background-position: 4px -203px}
  26. #head_nick {display:block;float:right;padding:12px 10px 10px 42px;background:url(/resp/img/sp2.png?20200120) 8px -161px no-repeat;text-transform:uppercase;font-size:0.8rem;color:#fff;}
  27.  
  28. #head_ballons {margin-right:10px;float:right;}
  29. #head_ballons a {float:left;display:block;height:25px;min-width:25px;padding:0px 5px;margin-top:5px;background:#fff;border-radius:3px;color:#000;font-size:0.8rem;margin-right:4px;text-align:center;}
  30. #head_ballons a.red {background:#DA4942;color:#fff;}
  31. #head_ballons span {display:inline-block;padding: 5px 0 5px 22px;min-width:1px;min-height:0.9rem;}
  32. #head_ballons tri {display:inline-block;position:relative;margin-top:0px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top: 8px solid #fff;}
  33. #head_ballons a.red tri {border-top: 8px solid #DA4942;margin-top:-1px;}
  34.  
  35. #head_ballons #head_msg span {background:url(/resp/img/sp2.png?20200120) -5px -411px no-repeat;}
  36. #head_ballons #head_msg.red span {background:url(/resp/img/sp2.png?20200120) -5px -437px no-repeat;}
  37. #head_ballons #head_notif_com span {background:url(/resp/img/sp2.png?20200120) -5px -357px no-repeat;}
  38. #head_ballons #head_notif_com.red span {background:url(/resp/img/sp2.png?20200120) -5px -384px no-repeat;}
  39. #head_ballons #head_notif_no-com span {background:url(/resp/img/sp2.png?20200120) -5px -469px no-repeat;}
  40. #head_ballons #head_notif_no-com.red span {background:url(/resp/img/sp2.png?20200120) -5px -503px no-repeat;}
  41. #head_ballons #head_notif_no-com {margin-right:0}
  42.  
  43. #head_ballons.anon a {opacity:0.8}
  44.  
  45. #head_bottom {height:28px;border-bottom:2px solid #ADADAD;font-size:0.9rem;overflow:hidden;}
  46. #head_cats span {display:block;float:left;text-transform:uppercase;margin:6px 10px 0 5px}
  47. #head_cats a {color:#333;}
  48. #head_cats span.morec {float: right;}
  49. #head_cats a img {display:none}
  50. #head_cats a.act {font-weight:bold}
  51.  
  52. /*** menus ***/
  53. #open_menu_overlay {display:none;}
  54. #open_menu_wrap {position:relative;}
  55. #open_menu {position:absolute;z-index:2;width:340px;right:0;background:#000}
  56. #open_menu a {cursor:pointer}
  57. #open_menu a span{display:block;color:#fff;padding:8px;font-size:0.9rem;}
  58. #open_menu a:hover span {background:#333}
  59. #open_menu.morecats a {float:left;width:50%}
  60. #open_menu a span.lime {color:lime}
  61. #open_menu a span.red {color:red}
  62. #open_menu a span.gold {color:#FED701}
  63.  
  64. #open_menu.order {margin-top:20px;width:auto;text-transform:uppercase;min-width:85px}
  65. #open_menu.order a span {font-size:0.8rem;}
  66. #open_menu.prof.web {width:auto;padding: 0 5px}
  67.  
  68. #head_top.menu_act.web #head_nick {background-color:#333;background-position:8px -156px;position:pxrelative;padding:17px 10px 17px 42px;margin-top:-5px;}
  69.  
  70. #head_bottom.menu_act {overflow:visible}
  71. #head_bottom.menu_act span.morec {background:#000;margin:2px 0 0 0;padding:4px 10px 6px 5px;position:relative;z-index:2}
  72. #head_bottom.menu_act span.morec a {color:#fff}
  73.  
  74.  
  75. /*** globls ***/
  76. .left {float:left;}
  77. .right {float:right;}
  78. .left.main_cnt {width:690px;min-height:500px;}
  79. .right.main_cnt {width:300px;min-height:300px;}
  80. .clear, .clearer, clear{display:block;clear:both;}
  81. .giga {text-align:center;margin-bottom:10px;}
  82. .giga:empty {display:none}
  83. .btn {text-transform:uppercase;padding:5px 15px;font-size:1.05rem;background-color:#000;color:#fff;border:none;cursor:pointer}
  84. .btn.big {padding:8px 20px;font-size:1.15rem}
  85. .btn.round {border-radius:3px;}
  86. .text-right {text-align:right}
  87. .text-center{text-align:center}
  88. .hidden {display:none}
  89. .text_red {color:#DA4942}
  90. .text_green {color:#408F4D}
  91. .back_red {background:#DA4942}
  92. .back_green {background:#408F4D}
  93. .back_gray {background:#4d4d4d}
  94.  
  95. /*** order/filters ***/
  96. #order_by {position:relative;float:right;}
  97. #order_by a {position:absolute;right:0;font-size:0.6rem;padding:5px;width:75px;text-transform:uppercase;text-align:right}
  98. #order_by font {margin-left:3px;font-size:0.5rem}
  99. #order_by.menu_act a {background:#000;color:#fff}
  100.  
  101. /*** article list ***/
  102. .article_item {background:#fff;color:#4D4D4D;margin-bottom:10px;overflow:hidden;}
  103. .article_item .in {padding:10px}
  104. .article_item h1 {font-size:1.8rem;margin:5px 0 10px 0;font-weight:normal}
  105. .article_item.first h1 {max-width:620px}
  106. .article_item .title-sml {display:none}
  107. .article_item figure {margin:0;max-height:400px;overflow:hidden;background:#f2f2f2;text-align:center;position:relative}
  108. .article_item figure img {max-width:100%;margin-top: 25%;transform: translateY(-50%);}
  109. .article_item figure img.no-transf {margin-top: 0;transform: none;}
  110. .article_item .desc {margin:10px 0;font-size:0.85rem;line-height:1.1rem;}
  111. .article_item .desc-sml {display:none}
  112. .article_item .params {border-top:1px solid #f2f2f2;padding-top:8px;font-size:0.9rem;}
  113. .article_item .params .author {padding-left:20px;text-transform:uppercase;color:#808080 !important;background:url(/resp/img/sp2.png?20200120) -5px -278px no-repeat;}
  114. .article_item .com, .best-box2 .com, #remoteArticles .com, .com_itm .com, .pa-itm .com, #p_ajax_b .hits {padding-left:22px;background:url(/resp/img/sp2.png?20200120) -3px -329px no-repeat;font-size:0.9rem;font-weight:normal;margin-left:5px;color:#808080;cursor:pointer;}
  115.  #p_ajax_b .hits {background-position: -112px -329px;padding-left:26px;}
  116. .article_item .params .iconum {margin-left:15px}
  117. .article_item .iconum {margin-left:10px}
  118. .article_item .iconum:first-of-type{margin-left:0}
  119.  
  120. .article_item.big {clear:both}
  121.  
  122. .article_item.small {float:left;width:49%;margin-right:2%}
  123. .article_item.small .h1_wrap {height:2.9rem;overflow:hidden;}
  124. .article_item.small h1 {font-size:1.2rem;line-height:1.45rem;height:2.8rem;display:table-cell;/*vertical-align:middle;*/}
  125. .article_item.small.even {margin-right:0}
  126. .article_item.small .title-full {display:none}
  127. .article_item.small .title-sml {display:inline}
  128.  
  129. .article_item.small figure {height:170px;margin-top:8px;}
  130. .article_item.small figure img {}
  131. .article_item.small .desc {height:2.2rem;overflow:hidden}
  132. .article_item.small .desc-full {display:none}
  133. .article_item.small .desc-sml {display:inline}
  134.  
  135. .iconum {float:left;}
  136. .iconum.minus {margin-left:10px}
  137. .iconum ico {display:block;float:left;width:19px;height:19px;}
  138. .iconum num {display:block;float:left;color:#808080;margin:1px 0 0 5px;}
  139. .iconum.plus ico {background: #808080 url(/resp/img/sp2.png?20200120) -211px -1px;border-radius:2px; }
  140. .iconum.minus ico {background: #808080 url(/resp/img/sp2.png?20200120) -211px -26px;border-radius:2px;  }
  141. .iconum.fb ico {background: url(/resp/img/sp2.png?20200120) -8px -302px;width:12px; }
  142.  
  143. .iconum.plus.act ico {background-color: #408F4D !important}
  144. .iconum.minus.act ico {background-color: #c1272d !important}
  145.  
  146. .article_item.high {background:#FFB402;color:#1e1e1e}
  147. .article_item.high a, .article_item.high .params .author, .article_item.high .iconum num, .article_item.high .com  {color:#1e1e1e !important}
  148. .article_item.high .params {border-color:#fff}
  149. .article_item.high .params .author {background-position:-4px -257px}
  150. .article_item.high .com {background-position: -5px -235px}
  151.  
  152.  
  153.  
  154. /*
  155. .label {position:absolute;display:inline-block;width:41px;height:29px;background:url('/resp/img/sp.png?20190313') -7px -563px no-repeat;z-index:2;bottom:10px;margin-left:-3px}
  156. .label.l395 {background-position: -60px -563px}
  157. .label.l396 {background-position: -111px -563px}
  158. .label.l397 {background-position: -162px -563px}
  159. .label.l16 {background-position: -215px -563px}
  160. .label.inappr {background-position: -267px -563px}*/
  161.  
  162. .up_label {position:absolute;background:#DA4942;color:#fff;font-size:0.7rem;padding:3px 10px;z-index:2}
  163. /*.a-first .up_label {margin:5px 0 0 5px; box-shadow: 2px 2px 2px #666;}
  164. .up_label.opened {background: #2b54a4}*/
  165.  
  166. #remoteArticles {background:#FF5500;padding:15px;color:#fff;margin-bottom:10px;}
  167. #remoteArticles.apollo {background:#AA182C}
  168. #remoteArticles .itm {float:left;width:49%;margin-right:2%;}
  169. #remoteArticles .itm:last-of-type {margin-right:0}
  170. #remoteArticles h3 {margin:0px;padding:0 0 0 35px;font-size:1.5rem;font-weight:normal;background:url(/resp/img/sp2.png?20200120) -762px -236px no-repeat;}
  171. #remoteArticles.apollo h3 {background:url(/resp/img/sp2.png?20200120) -762px -276px no-repeat;}
  172. #remoteArticles figure {margin:5px 0;height:175px;overflow:hidden;}
  173. #remoteArticles figure img {width:100%}
  174. #remoteArticles a {color:#fff}
  175. #remoteArticles .com {background-position: -4px -235px;color:#fff !important}
  176.  
  177. #open_article .in {padding:15px}
  178. #open_article h1 {font-weight:bold;margin-top:0;}
  179. #open_article p, #open_article .intro.remote, #open_article .remote_link {font-size:1.15rem;line-height:1.8rem;margin: 0 0 10px 0}
  180. #open_article p a {color:#DA4942}
  181. #open_article .intro {margin-top:10px;overflow:hidden}
  182. #open_article .intro p:first-of-type {font-weight:bold;}
  183.  
  184. #open_article .intro.remote {margin-top:20px}
  185. #open_article .intro.remote br {line-height:20px}
  186. #open_article .intro.remote p {font-weight:normal}
  187.  
  188. #open_article .gallery_img {margin-bottom:15px}
  189. #open_article .gallery img, #gallery_tmp img {max-width:100%}
  190. #open_article .gallery .img_foot {font-size:0.8rem;text-align:right;color:#808080}
  191. #open_article .gallery .img_desc {overflow:hidden;margin-top:5px}
  192.  
  193. #embeds {}
  194. #embeds .video_wrap {margin-bottom:25px}
  195. #embeds .video_div {position:relative;width:100%;height:0;}
  196. #embeds .video_div iframe {position: absolute;top:0;left:0;}
  197. #embeds .v-num {margin:5px 0 0px 0}
  198.  
  199. #open_article .voting {padding: 2px 0 5px 0;border-top:none;border-bottom:1px solid #f2f2f2}
  200. #open_article .voting .author_wrap {margin:2px 20px 0 0}
  201. .voting .plus, .voting .minus {cursor:pointer}
  202.  
  203. #open_article .voting.sec2 {border:none;}
  204. #open_article .voting.sec2 .plus, #open_article .voting.sec2 .minus {font-size:1.2rem;}
  205. #open_article .voting.sec2 .plus ico, #open_article .voting.sec2 .minus ico {width:29px;height:29px;background: #808080 url(/resp/img/sp2.png?20200120) -236px -1px; }
  206. #open_article .voting.sec2 .minus ico {background: #808080 url(/resp/img/sp2.png?20200120) -236px -31px; }
  207. #open_article .voting.sec2 .plus num, #open_article .voting.sec2 .minus num {margin:3px 0 0 6px}
  208. #open_article .voting.sec2 .com, #commentBlock h3 .com {float:left;margin:0px 0 0 12px;font-size:1.2rem;background:url(/resp/img/sp2.png?20200120) -0px -534px;padding:3px 0 3px 37px;}
  209.  
  210. #open_article .shareBtns {font-size:1.2rem;color:#808080}
  211. #open_article .shareBtns a{color:#fff !important;font-size:1rem;padding: 5px 15px 5px 35px;background: #FD6204 url('/resp/img/sp.png?20190313') -5px -623px no-repeat;margin-left:5px;border-radius:2px;}
  212. #open_article .shareBtns a.fb {background: #4360B3 url('/resp/img/sp.png?20190313') -6px -664px no-repeat;}
  213. #open_article .shareBtns a.tw {padding-right:0;background: #00C0FE url('/resp/img/sp.png?20190313') -4px -705px no-repeat;}
  214. #open_article .shareBtns a.wa {display:none;padding-right:0;background: #00E172 url('/resp/img/sp.png?20190313') -4px -745px no-repeat}
  215.  
  216. #open_article .imgvote {margin:5px 0}
  217.  
  218. #sudz_url {margin-top:20px;font-size:0.75rem;padding:5px 0 0 25px;background: url('/resp/img/sp2.png?20190313') -768px -455px no-repeat;}
  219.  
  220. #splitBox2 {padding:10px 20px;background:#000;margin-bottom:20px}
  221. #splitBox2 span {display:block;color:#fff}
  222. #splitBox2 span:first-of-type {width:30%;float:left;max-height:150px;overflow:hidden;}
  223. #splitBox2 span:last-of-type {width:68%;float:right;font-size:1.0rem;}
  224. #splitBox2 font{display:block;font-weight:bold;font-size:1.4rem;color:#fff;margin-bottom:10px;}
  225. #splitBox2 img {width:100%;}
  226. #splitBox2 img.center {margin-top:25%;transform:translateY(-50%);}
  227. /*
  228. #splitBox2.remote {padding:7px;background:#e6e6e6;}
  229. #splitBox2.remote font {font-size:1.6rem;font-weight:normal;color:#000}
  230. #splitBox2.remote img {width:120%;margin-left:-10%}
  231. #splitBox2.remote txt{display:block !important;margin:10px 0;color:#000;overflow:hidden;}
  232. #splitBox2.remote .portal {color:#FF5500;font-size:0.8rem;}
  233. #splitBox2.remote .portal.apollo {color:#AA182C}*/
  234.  
  235.  
  236. #nav {margin-bottom:5px;text-align:right}
  237. #nav div {display:inline}
  238. #nav, #nav a {font-size:0.6rem;color:#aaa;}
  239.  
  240. .sources {border-top:1px solid #f2f2f2;font-size:0.8rem;margin-top:10px;padding-top:5px;color:#808080}
  241.  
  242. #open_article .poll {margin-bottom:20px}
  243. #open_article .intro .poll.remote {width:50%;float:right;margin:0 0 5px 15px}
  244. #open_article .poll.remote .poll-qu {background:none;padding-left:5px;min-height:1rem}
  245. #open_article .poll.remote:not(.mob) .poll-atb, #open_article .poll.remote:not(.mob) .poll-proc, #open_article .poll.remote:not(.mob) .poll-stats  {line-height:1.2rem}
  246. #open_article .poll.remote:not(.mob) label.radio-btn {font-size:1.1rem}
  247. #open_article .poll.remote:not(.mob) label.radio-btn span {}
  248.  
  249. #open_article .status_btns {margin:10px 0;text-align:center;}
  250. #open_article .status_btns div:first-of-type {color:#DA4942;text-align:left;margin-bottom:10px;}
  251. #open_article .status_btns a {margin:0 5px;border-radius:3px;background:#408F4D }
  252. #open_article .status_btns #btn-approv {background:#DA4942}
  253. /*** koments ***/
  254. #commentBlock h3, #pm_form h2, .form_title, .section_title {font-size:1.6rem;font-weight:normal;color:#4d4d4d;margin:10px;padding:0}
  255. .section_title {margin-left:0}
  256. #commentBlock h3 .com {float:none;background-position:-0px -625px;margin-left:6px;}
  257.  
  258. #simple_editor {background:#fff;padding:10px;}
  259. #simple_editor textarea {width:100%;min-height:120px;max-height:240px;font-size:1.1rem;line-height:1.4rem;resize:none;border:none;}
  260. #simple_editor textarea.min {min-height:30px;}
  261. #simple_editor .autotext {font-size:0.9rem;padding:5px;color:#808080}
  262. #simple_editor .emoBtns {margin-top:10px;float:left;}
  263. #simple_editor .emoBtns a {display:block;float:left;width:32px;height:32px;background:url('/resp/img/sp2.png?20200120') -205px -80px;cursor:pointer;margin-right:6px;}
  264. #simple_editor .emoBtns a.pic {background:url('/resp/img/sp2.png?20200120') -248px -80px;}
  265. #simple_editor #com_lim {float:right;margin-top:25px;color:#bbb}
  266.  
  267. #com_list {padding:10px;background:#fff;}
  268. .com_itm {padding-bottom:10px;margin-bottom:10px;color:#4d4d4d;line-height:1.4rem;border-bottom:1px solid #f2f2f2}
  269. .com_itm.last, #p_ajax_b .com_itm{border:none;}
  270. .com_itm .text {margin: 10px 0 10px 0; overflow:hidden}
  271. .com_itm .text p {margin: 2px 0 2px 0}
  272. .com_itm .text img {max-height:300px;max-width:100%}
  273. .com_itm .text img.pic {display:block;}
  274. .com_itm .text a {color:#DA4942}
  275. .com_itm .user img, img.avatar_sml {max-width:25px;max-height:25px;border-radius:11px;float:left;}
  276. .com_itm .user span {text-transform:uppercase;float:left;margin:3px 0 0 8px}
  277. .com_itm .user span.author {font-weight:bold}
  278. .com_itm .user span.inact {color:#808080;font-weight:normal !important}
  279. .com_itm .user2 {float:left;margin-left:5px;padding-top:3px;color:#DA4942}
  280. .com_itm .iconum num {margin-top:0}
  281. .com_itm .iconum.minus {margin-left: 10px;}
  282. .com_itm .com{display:block;float:left;padding-left:25px;background-position:-1px -328px;margin-top:1px}
  283.  
  284. .com-tools {float:left;margin-top:0px;}
  285. .com-tools span {float:left;padding-left:20px;background: url('/resp/img/sp2.png?20200120') -5px -571px no-repeat;color:#808080;font-size:0.9rem;margin-left:6px;cursor:pointer;width:0px;overflow:hidden;}
  286. .com-tools span:hover {}
  287. .com-tools span.editcom {background-position: -6px -596px;}
  288. .com-tools span.comban {background-position: -6px -661px;padding-left:25px;}
  289. .com-tools span.delcom {}
  290.  
  291. #com_list .responses {margin-top:10px;}
  292. #com_list .responses .resp_list {padding-left:20px; border-left:1px solid #ccc}
  293. #com_list .responses .com_itm {font-size:0.9rem;line-height:1.2rem;}
  294. #com_list .responses em {display:none;font-size:0.8rem;color:#808080}
  295. #com_list .load_resps {border-left:1px solid #ccc; padding:7px 0px 7px 12px;margin-top:10px}
  296. #com_list .load_resps span {margin-left:5px}
  297. #com_list .load_resps a {color:#408F4D;font-size:0.8rem;position:relative;margin-left:-20px}
  298. #com_list .load_resps a b {background:#ccc;color:#fff;border-radius:10px;font-weight:normal;display:inline-block;width:15px;height:15px;text-align:center;}
  299. #com_list .load_resps a b u {text-decoration:none;position:relative;margin-top:-3px;display: block;}
  300.  
  301. #com_list .load_resps.hide {margin-top:0;position:absolute;margin-top:0px;padding:0;height:20px;border:none}
  302. #com_list .load_resps.hide span {display:none}
  303. #com_list .load_resps.hide a {color:#DA4942;margin-left:-7px}
  304. #com_list .load_resps.hide a b{background:#ccc;}
  305. #com_list .load_resps.hide:hover span {display:none}
  306. #com_list .load_resps.hide:hover b {background:#DA4942}
  307. #com_list .resp_more a {color:#DA4942;font-size:0.8rem}
  308.  
  309. /*.responses.level_1, .responses.level_2, .responses.level_3, .responses.level_4, .responses.level_5  {padding-left:20px; border-left:1px solid #ccc}*/
  310. .com_edit_box textarea {width:100%;height:100px;font-size:0.9rem;line-height:1.2rem;resize:none;border:none;background:#FEF9E7;padding:5px}
  311.  
  312. #com_form #autocomplete, #emo_list, #tenor {height:auto;padding:5px;min-width:200px;max-width:300px;border:1px solid #999;background:#e5e5e5;position:absolute;z-index:2;margin-top:-120px;}
  313. #com_form #autocomplete a {display:block;padding:2px 3px;font-size:0.8rem;}
  314. #com_form #autocomplete a:hover {background: #e3edf6}
  315. #com_form #autocomplete a img, #com_form #autocomplete a span.user {float:left;}
  316. #com_form #autocomplete a span.user  {margin: 6px 0 0 5px;}
  317.  
  318. #emo_list {text-align:center;}
  319. #emo_list, #tenor {margin-top:5px;width:280px;max-width:none;min-height:0;padding:10px;background:#eee;border-radius:3px;border:1px solid #999}
  320. #emo_list a {display:inline-block;width:28px;height:28px;font-size:20px;overflow:hidden;cursor:pointer;text-align:center;}
  321. /*#emo_list a:nth-child(10n):after {content:"\A";white-space:pre;}*/
  322. #emo_list img {height:25px;}
  323. #emo_list span.close, #tenor span.close {position:absolute;right:0;background:#DA4942;color:#fff;font-size:0.7rem;border-radius:10px;cursor:pointer;padding:2px 6px 4px 6px;margin: -19px -9px 0 0;font-family:verdana}
  324.  
  325. #tenor {}
  326. #tenor_input {font-size:1rem;padding:3px 8px;width:100%;border-radius:3px;border:none;border:1px solid #999}
  327. #tenor_auto {margin: 10px 0;max-height:30px;overflow:hidden;}
  328. #tenor_auto a {display:block;float:left;background:#DA4942;color:#fff;padding:5px 10px;margin:0px 5px 10px 0;border-radius:3px}
  329. #tenor_auto a:last-of-type {clear:both}
  330. #tenor_img {max-height:200px;overflow-y:scroll}
  331. #tenor_img .col {float:left;width:49%;margin-right:2%}
  332. #tenor_img .col:nth-of-type(2) {margin-right:0}
  333. #tenor_img img:not(.loader) {width:100%;margin-bottom:10px;}
  334. .autotext.tenor {max-height:100px}
  335. .autotext.tenor img {display:block;float:left;max-height:100px}
  336. .autotext.tenor a {position:relative;display:block;float:left;margin:2px 0 0 -22px;width:19px;height:19px;background:#DA4942 url(/resp/img/sp2.png?20200120) -210px -50px no-repeat;border-radius:10px}
  337.  
  338.  
  339.  
  340. .com_edit_btns .btn {font-size:0.9rem;padding:3px 10px;margin-left:2px}
  341.  
  342. /*** tools ***/
  343. #tool_wrap {margin-top:-5px}
  344. #tools,#medals,.tools_act,.medals_act {display:inline-block;width:70px;padding:5px 5px 5px 15px;background:#E4E4E4;color:#616161;font-size:0.9rem;margin-left:3px;cursor:pointer;border-radius:3px}
  345. #tools img:first-child, #medals img:first-child {display:none;}
  346. #tools img:last-child, #medals img:last-child {background:url('/resp/img/sp.png?20190313') -229px -148px no-repeat;width:7px;height:7px;margin-top:6px;}
  347. .tools_act,.medals_act {background:#000 !important;color:#fff !important;border-radius:3px 3px 0 0 !important}
  348. .tool_box {position:absolute;z-index:2;background:#000;width:183px;margin-left:3px;}
  349. .tool_item {display:block;color:#fff;/*text-transform:uppercase;/*border-bottom:1px solid #ccc;*/padding:8px 0 8px 10px;font-size:0.9rem}
  350. .tool_item:last-child {border:none}
  351. .tools_act img:last-child, .medals_act img:last-child {background:url('/resp/img/sp.png?20190313') -218px -148px no-repeat !important;}
  352. .tool_item:hover{background: #333}
  353.  
  354. /*** img share ***/
  355. .img_share, .img_share_perm{position:absolute;width:150px;height:140px;padding-top:10px;}
  356.  
  357. .sh_dr3, .sh_fb3, .sh_tw3, .sh_wa3, .sh_pin3, .sh_sp{display:block;float:right;border-radius:2px;clear:both;width:24px;height:24px;padding:4px;margin-bottom:5px;background: #FD6204 url('/resp/img/sp.png?20190313') -5px -622px no-repeat;cursor:pointer;color:#fff;overflow:hidden;}
  358. .sh_fb3 {background: #4360B3 url('/resp/img/sp.png?20190313') -5px -661px no-repeat;}
  359. .sh_tw3 {background: #00C0FE url('/resp/img/sp.png?20190313') -5px -702px no-repeat;}
  360. .sh_wa3 {background: #00E172 url('/resp/img/sp.png?20190313') -5px -743px no-repeat;}
  361. .sh_pin3 {background: #E62122 url('/resp/img/sp.png?20190313') -449px -707px no-repeat;}
  362. .sh_sp {background: #E3EDF6 url('/resp/img/sp.png?20190313') -765px -766px no-repeat;}
  363.  
  364. .sh_dr3:hover, .sh_fb3:hover, .sh_tw3:hover, .sh_wa3:hover, .sh_pin3:hover {width:142px;}
  365. .sh_dr3 span,.sh_fb3 span,.sh_tw3 span,.sh_wa3 span, .sh_pin3 span,.sh_sp span{display:none;width:110px;font-size:0.7rem;padding:3px 0 2px 7px;border-left:1px solid #fff;margin-left:30px;line-height:20px;}
  366. .sh_dr3:hover span, .sh_fb3:hover span, .sh_tw3:hover span, .sh_wa3:hover span, .sh_pin3:hover span {display:block;}
  367. .sh_sp span {color:#2B54A4;border-left:1px solid #2B54A4;}
  368.  
  369. /*** notifics box ***/
  370. .notif-wrap {position:relative;z-index:200;max-height:500px;margin-top:5px}
  371. .notif-point {display:none}
  372.  
  373. .notif-container {box-shadow: 0 2px 8px #000;width:350px;position:absolute;right:0}
  374. .notif-head, .notif-foot {background:#000;padding:10px 10px;}
  375. .notif-foot, .notif-head {text-align:center}
  376. .notif-head a, .notif-foot a  {color:#fff;display:inline-block;font-size:0.8rem;}
  377. .notif-head a {margin:0 15px}
  378. .notif-head a:first-child {margin-left:0px}
  379. .notif-head a:nth-child(3) {margin-right:0px}
  380. .notif-head a:last-child {display:none}
  381.  
  382. .notif-box{width:350px;max-height:480px;min-height:54px;overflow-y:scroll;background:#fff;text-align:center;overflow-x:hidden}
  383. .notif-itm {text-align:left;display:flex;font-size:0.85rem;color:#808080;background:#F2F2F2;padding:5px 10px;margin:0;border-bottom:1px solid #C0BFBF}
  384. .notif-itm.act {background: #E5FBE9}
  385. .notif-itm.red {background: #E8DCDE;}
  386. .notif-itm b1, .notif-itm b2 {display:block;float:left;align-self:center;}
  387. .notif-itm b1 {width:50px;}
  388. .notif-itm b2 {width:260px}
  389.  
  390. .notif-itm span{font-size:0.6rem;color:#bbb;padding:0 5px 0 5px;white-space: nowrap}
  391. .notif-itm b1 img{width:40px;max-height:40px;overflow:hidden;border-radius:20px;border:1px solid #808080}
  392. .notif-itm b2 img{display:none}
  393.  
  394. .n-ico1,.n-ico2,.n-ico3,.n-ico4,.n-ico5,.n-ico6,.n-ico8,.n-ico9 {display:none}
  395.  
  396.  
  397. /*** auth box ***/
  398. .coolAuthOverlay{position: absolute;z-index: 8;background-color: #666;opacity: 0.5;filter:alpha(opacity=50);left:0;top:0;width:100%;}
  399. #coolAuth, #fight, #overlayMsg{background:#eee;position:fixed;z-index:100;top:50px;left:50%;transform: translateX(-50%);}
  400. #coolAuth_in {padding:20px 100px;width:300px;text-align:center;}
  401. #coolAuthX, #fightX, #overlayMsgX{position:relative;float:right;width:30px;height:30px;margin:3px 3px 0 0px;z-index:13;background:#DA4942 url(/resp/img/sp2.png?20200120) -427px -12px no-repeat;cursor:pointer;border-radius:3px}
  402. #coolAuth ico {display:block;width:60px;height:60px;margin:10px auto;background:#000 url(/resp/img/sp2.png?20200120) -190px -166px no-repeat;border:8px solid #d1d1d1;border-radius:40px;}
  403. #coolAuth h1 {text-transform:uppercase;font-size:1.6rem;margin:15px 0;font-weight:normal;}
  404. #coolAuth input, #login-form input {width:100%;margin-bottom:7px;padding:13px 0 13px 50px;background:#fff;border:none;color:#4d4d4d;font-size:1rem;border-radius:3px}
  405. #log_username, #reg_username {background: #fff url(/resp/img/sp2.png?20200120) -755px -358px no-repeat !important;}
  406. #log_password, #reg_password, #reg_password2  {background: #fff url(/resp/img/sp2.png?20200120) -755px -403px no-repeat !important;}
  407. #reg_email {background: #fff url(/resp/img/sp2.png?20200120) 8px -400px no-repeat !important;}
  408.  
  409. #coolAuth a {font-weight:bold;font-size:0.8rem;}
  410. #coolAuth font {font-size:0.8rem;}
  411. #coolAuth .btn {font-size:1.6rem;border-radius:3px;font-weight:normal !important;padding:10px}
  412. #coolAuth .coolAuth_btns {text-align:center;height:50px;}
  413. #coolAuth #re_captcha {height:90px;margin: 5px 0;}
  414. #coolAuth .pass_btns {height:60px;text-align:center}
  415. #coolAuth .passport_auth_txt {text-align:center;}
  416. #coolAuth #reg_username_return {position:relative;float:right;margin:-42px 5px 0 0;}
  417.  
  418. .pass_btns a {display:inline-block;border-radius:3px;width:40px;height:40px;margin-right:10px;background: #FD6204 url('/resp/img/sp.png?20190313') no-repeat scroll -1px -618px}
  419. .pass_btns .spoki_pass {background: #2b54a4 url('/resp/img/sp.png?20190313') no-repeat scroll -762px -7px}
  420. .pass_btns .fb_pass {background: #4360B3 url('/resp/img/sp.png?20190313') no-repeat scroll -1px -657px}
  421. .pass_btns .tw_pass {background: #00C0FE url('/resp/img/sp.png?20190313') no-repeat scroll -0px -698px}
  422. .pass_btns .ibx_pass {background: #DA2420 url('/resp/img/sp.png?20190313') no-repeat scroll -126px -424px;margin-right:0}
  423.  
  424. .overlayMessage{position:fixed;z-index:101;border:1px solid #4d4d4d;box-shadow: 0px 0px 5px #111;width:450px;min-height:120px;background-color:#f2f2f2;color: #4d4d4d;font-size:0.95rem;text-align:center;border-radius:3px}
  425. .overlayMessage .btn {border-radius:3px;}
  426. .overlayMessage .btn.func {background-color:#408F4D;}
  427. .overlayMessage .btn.close {background-color:#DA4942;}
  428.  
  429. .pagin {background:#000;text-align:center;color:#fff;height:38px;overflow:hidden;clear:both}
  430. .pagin a {display:block;padding:5px;color:#fff;font-size:1.2rem;}
  431. .pagin span {display:inline-block;padding:0px 0 0px 0}
  432. .pagin span a {display:inline-block;}
  433. .p-first,.p-prev {float:left;border-right:1px solid #fff;width:40px;}
  434. .p-next,.p-last {float:right;border-left:1px solid #fff;width:40px;}
  435. .p-act {background:#fff;color:#000 !important;font-weight:bold;padding:8px 10px 8px 10px !important;}
  436. .p-first,.p-prev,.p-next,.p-last {font-size:3.5rem !important;padding-top:0 !important;margin-top:-18px;}
  437.  
  438. .pagin a.custom {display:inline-block;margin: 2px 10px;text-transform:uppercase;}
  439. .pagin-wrap {margin:15px 0 15px 0;}
  440.  
  441. /*** right ***/
  442. #add-btns {margin-bottom:10px}
  443. #add-btns a {display:block;float:left;background:#000 url(/resp/img/sp2.png?20200120) -755px 3px no-repeat;color:#fff;text-transform:uppercase;width:33%;padding:5px 0 5px 16%;font-size:0.9rem;}
  444. #add-btns a.add_test {float:right;background-position:-755px -45px}
  445.  
  446. .mod300 {width:300px;overflow:hidden;margin-bottom:10px;}
  447. .mod300 h2 {color:#fff;background:#000;text-transform:uppercase;font-size:1.05rem;padding:10px;font-weight:bold;margin:0;}
  448.  
  449. .mod300 h2 a {color:#fff;display:inline-block;padding:7px 0 0 40px;height:27px;}
  450. .mod300 a {}
  451. .mod300_overlay {position:absolute;background-color:#000;opacity:0.7;filter:alpha(opacity=70);width:300px;}
  452. .mod300_overlay_txt {position:absolute;width:300px}
  453.  
  454. .right.main_cnt .mod300:last-of-type {margin-bottom:0}
  455.  
  456. .act-a span, .top50-a span {display:block;background:#000;color:#fff;padding:10px;text-align:center;}
  457.  
  458. #mod_top50 h2 a {background:url('/resp/img/sp.png?20190313') -768px -340px no-repeat;padding-top:7px;}
  459. .top50-a {margin-bottom:3px;}
  460. .top50-a span {position:absolute;margin-top:-39px;width:280px;opacity:0.7}
  461. .top50-a span:nth-child(3) {opacity:1;background:none}
  462.  
  463. .act-btn, .act-btn_act {display:inline-block;width:8px;height:8px;border-radius:4px;background:#B5B5B5;margin:2px 3px 0 3px;cursor:pointer;}
  464. .act-btn_act {background:#000;}
  465.  
  466. .poll-body {padding:10px;background:#000;font-size:0.95rem;color:#fff }
  467. .poll-qu {padding:5px 0 5px 60px;min-height:3rem;font-size:1.5rem;background:url(/resp/img/sp2.png?20200120) -750px -104px no-repeat;}
  468. .poll-atbildes {padding:10px;}
  469.  
  470. .poll-balsot, .cepties a {display:inline-block;padding:5px 15px;background:#DA4942;color:#fff;cursor:pointer;font-size:1.2rem;border-radius:2px; }
  471. .cepties a {font-size:0.9rem;padding:3px 7px;background:#fff;color:#000;font-weight:bold;}
  472. .cepties {text-align:center;margin-top:10px;}
  473. .poll-proc {display:block;color:#111;text-align:center;background:repeating-linear-gradient(to right,#DA4942 0%,#fff 0%,#fff 100%);padding:2px 0;margin-bottom:10px}
  474. .poll-body textarea {resize:none;width:100%;height:50px;border:1px solid #000;margin:5px 0;padding:3px;font-size:0.9rem;font-family:Open Sans; }
  475. .poll-stats {background:#4d4d4d;color:#eee;font-size:0.8rem;padding:5px 0;text-align:center}
  476.  
  477. /*** krutaas radio pogas ***/
  478. label.radio-btn {display: block;position:relative;padding:2px 0 0 35px;margin-bottom:12px;cursor:pointer;font-size:1.2rem;user-select:none;}
  479. label.radio-btn input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
  480. label.radio-btn span{position: absolute;top: 0;left: 0;height:25px;width:25px;background-color:#fff;border-radius: 50%;}
  481. label.radio-btn span:after {content:"";position: absolute;display: none;}
  482. label.radio-btn input:checked ~ span:after {display: block;}
  483. label.radio-btn input:checked ~ span {background-color:#DA4942}
  484. label.radio-btn span:after {top:9px;left:9px;width:8px;height:8px;border-radius:50%;background:#000;}
  485. /*label.radio-btn:hover input ~ span {background-color:#ccc;}*/
  486.  
  487. /*** krutaas checkboxi pogas ***/
  488. label.check-btn {display:block;position:relative;padding:2px 0 0 25px;margin-bottom:12px;cursor:pointer;font-size:1.2rem;user-select:none;}
  489. label.check-btn input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
  490. label.check-btn span{position:absolute;top: 0;left: 0;height:17px;width:17px;background-color:#fff;border-radius:2px;border:1px solid #4d4d4d;margin:0 !important}
  491. label.check-btn span:after {content:"";position: absolute;display: none;}
  492. label.check-btn input:checked ~ span:after {display: block;}
  493. label.check-btn input:checked ~ span {background: #fff url(/resp/img/sp2.png?20200120) -212px -142px no-repeat;}
  494. label.check-btn span:after {}
  495. label.check-btn font {font-size:0.9rem}
  496. label.check-btn font a {color:#DA4942}
  497.  
  498. /*** footer ***/
  499. #bottom {}
  500. #footer {position:fixed;bottom:0;background:#000;padding:5px 10px;border-radius: 4px 4px 0 0;font-size:0.8rem;color:#fff;left:50%;transform:translateX(-50%);white-space: nowrap;}
  501. #footer a {color:#fff;margin:0 5px;}
  502. #toup {display:block;float:right;position:fixed;width:50px;height:50px;bottom:0;background:#808080 url(/resp/img/sp2.png?20200120) -263px 3px no-repeat;color:#fff;border-radius:5px;margin:0 0 10px 10px;}
  503.  
  504. #mob_scroll_loading,#loadmore {text-align:center;}
  505. #mob_scroll_loading {height:70px}
  506. #loadmore {margin-top:20px}
  507.  
  508. .highlight {background-color:#fed701}
  509. .tooltip, #infotxt  {display:none;position:absolute;z-index:3;background-color:#FCF3CF;/*border: 1px solid #808080;*/padding:5px;color:#333;font-size:0.9rem;max-width:200px;box-shadow: 3px 3px 3px #333;border-radius:3px;}
  510.  
  511. #infotxt {position:absolute;text-align:left;max-width:500px;background-color:#FCF3CF;border: none;color:#333;box-shadow:3px 3px 3px #555;border-radius:3px;}
  512. #infotxt pt {position:absolute;z-index:4;margin:-15px 0 0 0; border-bottom: 10px solid #FCF3CF;width:0;height:0; border-left: 10px solid transparent;border-right: 10px solid transparent;}
  513. #infotxt a:first-of-type {cursor:pointer;display:block;float:right;background:#DA4942;color:#fff;padding:2px 4px;font-size:0.6rem;border-radius:10px;}
  514. #infotxt p {clear:both;margin:0;}
  515. #infotxt btn {display:inline-block;background:#DA4942;color:#fff;font-size:0.9rem;padding:3px 10px;cursor:pointer;}
  516.  
  517.  
  518. #article_adapt {width:900px;height:auto;position:fixed;bottom:0;left:0;padding:10px;background:#eee;z-index:100;text-align:left}
  519. #article_adapt a.close {cursor:pointer;display:block;position:absolute;width:32px;height:32px;margin:0px 0px 0 868px;background:#ca2f30 url(/resp/img/pro.png?20171212) -596px -295px no-repeat;}
  520. #article_adapt #best-box {margin:0px 0 0 0}
  521.  
  522. /*** adapt / lasi vel ***/
  523. .best-box2 {margin:10px 0 10px 0;}
  524. .best-box2 h3 {background:#000;text-transform:uppercase;padding:5px 10px;color:#fff;font-size:1.2rem;margin:0 0 10px 0;font-weight:normal}
  525. .best-box2 .bb-item {float:left;width:23%;margin:0 2.66% 0px 0%}
  526. .best-box2 .bb-item:nth-of-type(4) {margin-right:0}
  527. .best-box2 .bb-item-in {max-height:260px;overflow:hidden} /*salauztaam bildem */
  528. .best-box2 .bb-item-in img {width:100%;}
  529. .best-box2 .bb-item a {color:#4D4D4D}
  530. .best-box2 .bb-title-wrap {margin-top:10px;max-height:4.4rem;font-size:1.2rem;overflow:hidden;font-weight:bold;}
  531. .best-box2 .bb-item .bb-votes, .bb-item .bb-cat, .bb-item .hitsIco, .bb-params {display:none}
  532.  
  533. .best-box2.author h3, .best-box2.popular h3 {padding:6px 16px;font-size:1.4rem;}
  534. .best-box2.author h3 {background:#666;}
  535. .best-box2.author .bb-title-wrap, .best-box2.popular .bb-title-wrap {font-size:1.3rem;max-height:4.6rem}
  536. .best-box2.author .bb-title, .best-box2.popular .bb-title {font-size:1.3rem;}
  537. .best-box2.author {margin-bottom:20px}
  538.  
  539. .remove_fog {position:relative;color:#fff;text-shadow: #000 0px 0px 2px;cursor:pointer;text-align:center;font-size:1em;line-height:1.2em}
  540. .remove_fog font {font-size:2em;font-weight:bold;line-height:1.2em}
  541. .remove_fog.big {font-size:2em;}
  542.  
  543.  
Parsed in 0.354 seconds