API tools faq
paste
Guest User

CSS

a guest
Mar 9th, 2015
253
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 65.88 KB | None | 0 0
raw download clone embed print report
  1. body {
  2. background: #edeff1 url("http://i55.servimg.com/u/f55/18/71/50/00/noise10.png") repeat;
  3. color: #4e565e;
  4. }
  5. body, .pun a {
  6. font: normal 11px "Trebuchet MS",tahoma,helvetica,arial,sans-serif;
  7. }
  8. ::selection {
  9. color: #fff;
  10. background: #82b8e6;
  11. }
  12. a:link {text-decoration:none;}
  13. .pun, .wrapper {
  14. margin: 0 auto;
  15. min-width: 980px;
  16. max-width: 1600px;
  17. width: 90%;
  18. }
  19. .pun {
  20. background: #fff;
  21. max-width: 1588px;
  22. -webkit-border-radius: 5px;
  23. -moz-border-radius: 5px;
  24. border-radius: 5px;
  25. -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
  26. -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
  27. box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
  28. border: 1px solid #d6d8d9;
  29. margin-bottom: 10px;
  30. }
  31. .overview {background: white;}
  32. #pun-visit {
  33. background: url(http://i55.servimg.com/u/f55/18/71/50/00/highli10.png) repeat-x scroll 0 0 #f9d79b;
  34. border: 1px solid #ebb962;
  35. box-shadow: 0 1px 4px #fde5bb;
  36. font-size: 13px;
  37. line-height: 140%;
  38. margin: 5px 5px 10px;
  39. padding: 10px;
  40. text-shadow: 0 1px 0 rgba(255,255,255,0.55);
  41. }
  42. #pun-visit, #pun-visit a {color: #b85f1d;}
  43. .main-box, #pun-about {background: transparent;border: 0px; font: 0.8em;}
  44. #secondary_navigation {
  45. position: fixed;
  46. width: 100%;
  47. top: 0;
  48. left: 0;
  49. z-index: 999;
  50. background: url("http://i55.servimg.com/u/f55/18/71/50/00/trans810.png") repeat;
  51. background: rgba(0,0,0,0.8);
  52. font-size: 11px;
  53. text-shadow: rgba(0,0,0,0.8) 0px 1px 1px;
  54. -webkit-box-shadow: rgba(255,255,255,0.05) 0px 1px 0px;
  55. -moz-box-shadow: rgba(255,255,255,0.05) 0px 1px 0px;
  56. box-shadow: rgba(255,255,255,0.05) 0px 1px 0px;
  57. border-bottom: 1px solid #0d0d0d;
  58. overflow: hidden;
  59. line-height: 37px;
  60. clear: both;
  61. }
  62. #secondary_navigation a {
  63. color: #ddd;
  64. line-height: 37px;
  65. height: 37px;
  66. }
  67. #secondary_navigation a:hover {
  68. color: #fff;
  69. text-shadow: #fff 0px 0px 3px;
  70. }
  71. #secondary_navigation li {list-style-type: none;}
  72. #secondary_navigation li {
  73. float: left;
  74. }
  75. .breadcrumb {
  76. color: #777;
  77. font-size: 11px;
  78. }
  79. ul.pun-crumbs {margin: 0px;padding: 0px;}
  80. span.crumbs .first {
  81. margin-left: 0;
  82. background: none;
  83. padding-left: 12px;
  84. }
  85. span.crumbs a {
  86. color: #ddd;
  87. margin-left: -8px;
  88. padding: 10px 15px 10px 5px;
  89. background: url('http://i55.servimg.com/u/f55/18/71/50/00/second10.png') no-repeat 100% -1px;
  90. }
  91. span.crumbs a:hover {
  92. background: url('http://i55.servimg.com/u/f55/18/71/50/00/second10.png') no-repeat 100% -44px;
  93. }
  94. #secondary_links a {
  95. padding: 0 12px;
  96. display: block;
  97. }
  98. #secondary_links img {
  99. vertical-align: top;
  100. width: 16px;
  101. height: 16px;
  102. position: relative;
  103. margin: 10px -3px 0 -3px;
  104. }
  105. #secondary_links a:hover img {
  106. opacity: 0.7;
  107. }
  108. img, .input_check, .input_radio {
  109. vertical-align: middle;
  110. }
  111. .left {float: left;}
  112. /*INTRO*/
  113. #pun-intro {
  114. background: #262626 url('http://i55.servimg.com/u/f55/18/71/50/00/brandi10.png') repeat;
  115. height: 69px;
  116. border-bottom: 1px solid #141414;
  117. padding: 0;
  118. padding-top: 38px;
  119. }
  120. #pun-desc {display: inline-block;}
  121. #pun-navlinks {
  122. background: rgba(0,0,0,0.3) url("http://i55.servimg.com/u/f55/18/71/50/00/trans310.png") repeat;
  123. -webkit-box-shadow: rgba(255,255,255,0.1) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px, inset #000 0px 1px 4px;
  124. -moz-box-shadow: rgba(255,255,255,0.1) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px, inset #000 0px 1px 4px;
  125. box-shadow: rgba(255,255,255,0.1) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px, inset #000 0px 1px 4px;
  126. -webkit-border-radius: 3px;
  127. -moz-border-radius: 3px;
  128. border-radius: 3px;
  129. text-transform: uppercase;
  130. font-family: "Lato","Trebuchet MS",Arial,Helvetica,sans-serif;
  131. float: right;
  132. margin-top: 16px;
  133. }
  134. #pun-navlinks a.mainmenu {
  135. color: #e9ebed;
  136. padding: 8px;
  137. line-height: 35px;
  138. height: 35px;
  139. -webkit-transition: all 0.15s ease-in-out;
  140. -o-transition: all 0.15s ease-in-out;
  141. -moz-transition: all 0.15s ease-in-out;
  142. }
  143. #pun-navlinks a.mainmenu:hover {
  144. background: rgba(255,255,255,0.05) url("http://i55.servimg.com/u/f55/18/71/50/00/nav_ac10.png") repeat;
  145. text-decoration: none;
  146. color: #fff;
  147. text-shadow: #fff 0px 0px 4px;
  148. }
  149. #pun-navlinks li {
  150. font: 12px 700;
  151. }
  152. #pun-navlinks li a {
  153. margin: 0px;
  154. }
  155. @font-face {
  156. font-family: 'Lato';
  157. font-style: normal;
  158. font-weight: 700;
  159. src: local('Lato Bold'), local('Lato-Bold'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
  160. }
  161. #pun-head {
  162. background: #a9afb6 url("http://i55.servimg.com/u/f55/18/71/50/00/noise11.png") repeat;
  163. border-top: 1px solid #cbcdd1;
  164. border-bottom: 1px solid #95999c;
  165. -webkit-box-shadow: #fff 0px 1px 0px;
  166. -moz-box-shadow: #fff 0px 1px 0px;
  167. box-shadow: #fff 0px 1px 0px;
  168. margin-bottom: 10px;
  169. }
  170. /*USERBAR*/
  171. #user_navigation {
  172. float: left;
  173. color: #9f9f9f;
  174. font-size: 11px;
  175. line-height: 36px;
  176. height: 36px;
  177. overflow: hidden;
  178. font-weight: bold;
  179. border-left: 1px solid rgba(255,255,255,0.15);
  180. }
  181. #user_navigation .ipsList_inline li {
  182. margin: 0;
  183. list-style-type: none;
  184. padding: 0;
  185. float: left;
  186. }
  187. #user_navigation a {
  188. color: #fff;
  189. text-shadow: rgba(0,0,0,0.3) 0px 1px 1px;
  190. float: left;
  191. padding: 0 12px;
  192. line-height: 36px;
  193. outline: none;
  194. height: 36px;
  195. border-right: 1px solid rgba(255,255,255,0.15);
  196. }
  197. #user_navigation a:hover {
  198. background: rgba(255,255,255,0.12);
  199. }
  200. #avatar img {
  201. background: #fff;
  202. border: 1px solid #959595;
  203. height: 24px;
  204. margin-top: 4px;
  205. padding: 1px;
  206. position: relative;
  207. vertical-align: top;
  208. width: 24px;
  209. }
  210. #user_navigation #sign_in img, #user_navigation #register_link img {
  211. vertical-align: top;
  212. position: relative;
  213. margin: 10px 2px 0 0;
  214. }
  215. #inbox_link img {
  216. background-image: url(http://i55.servimg.com/u/f55/18/71/50/00/icon_i10.png);
  217. }
  218. #notify_link img {
  219. background-image: url(http://i55.servimg.com/u/f55/18/71/50/00/icon_n10.png);
  220. }
  221. #inbox_link img, #notify_link img {
  222. background-position: 0 0;
  223. background-repeat: no-repeat;
  224. height: 20px;
  225. vertical-align: middle;
  226. width: 20px;
  227. }
  228. #search {
  229. margin: 4px 0 0 0;
  230. }
  231. fieldset {
  232. border: 0;
  233. }
  234. #adv_search {
  235. width: 26px;
  236. height: 26px;
  237. -webkit-border-radius: 3px;
  238. -moz-border-radius: 3px;
  239. border-radius: 3px;
  240. background: url('http://i55.servimg.com/u/f55/18/71/50/00/advanc10.png') no-repeat 50% 50%;
  241. text-indent: -3000em;
  242. display: inline-block;
  243. margin-left: 3px;
  244. }
  245. #adv_search:hover {
  246. background-color: rgba(0,0,0,0.2);
  247. }
  248. #search_wrap {
  249. position: relative;
  250. background: url("http://i55.servimg.com/u/f55/18/71/50/00/trans210.png") repeat;
  251. background: rgba(0,0,0,0.2);
  252. display: block;
  253. padding: 0 26px 0 7px;
  254. height: 26px;
  255. line-height: 25px;
  256. -moz-border-radius: 3px;
  257. -webkit-border-radius: 3px;
  258. border-radius: 3px;
  259. -webkit-box-shadow: inset rgba(0,0,0,0.35) 0px 1px 3px, rgba(255,255,255,0.2) 0px 1px 0px;
  260. -moz-box-shadow: inset rgba(0,0,0,0.35) 0px 1px 3px, rgba(255,255,255,0.2) 0px 1px 0px;
  261. box-shadow: inset rgba(0,0,0,0.35) 0px 1px 3px, rgba(255,255,255,0.2) 0px 1px 0px;
  262. min-width: 250px;
  263. }
  264. #main_search {
  265. font: normal 12px tahoma,helvetica,arial,sans-serif;
  266. border: 0;
  267. margin: 3 0 0 0;
  268. padding: 0;
  269. background: transparent;
  270. width: 138px;
  271. outline: 0;
  272. color: #fff;
  273. text-shadow: rgba(0,0,0,0.3) 0px 1px 1px;
  274. }
  275. #search_options {
  276. max-width: 80px;
  277. text-overflow: ellipsis;
  278. overflow: hidden;
  279. font-size: 10px;
  280. height: 20px;
  281. line-height: 20px;
  282. margin: 3px 3px 3px 0;
  283. padding: 0 6px;
  284. -moz-border-radius: 3px;
  285. -webkit-border-radius: 3px;
  286. border-radius: 3px;
  287. background: url('http://i55.servimg.com/u/f55/18/71/50/00/trans410.png') repeat;
  288. background: rgba(0,0,0,0.4);
  289. display: inline-block;
  290. text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
  291. color: #fff;
  292. float: right;
  293. }
  294. .clickable {
  295. cursor: pointer;
  296. }
  297. #search .submit_input {
  298. background: #292929 url('http://i55.servimg.com/u/f55/18/71/50/00/search10.png') no-repeat 50%;
  299. text-indent: -3000em;
  300. padding: 0;
  301. border: 0;
  302. display: block;
  303. width: 26px;
  304. height: 26px;
  305. position: absolute;
  306. right: 0;
  307. top: 0;
  308. bottom: 0;
  309. -moz-border-radius: 0 3px 3px 0;
  310. -webkit-border-top-right-radius: 3px;
  311. -webkit-border-bottom-right-radius: 3px;
  312. border-radius: 0 3px 3px 0;
  313. }
  314. #search .submit_input:hover {
  315. background-color: #3e3e3e;
  316. }
  317. /*TABLEHEAD*/
  318. .main .main-head, .title-overview , .main .main-foot {
  319. background: #a9b4c0 url("http://i55.servimg.com/u/f55/18/71/50/00/noise12.png") repeat;
  320. color: #fff;
  321. text-shadow: rgba(0,0,0,0.25) 0px -1px 0px;
  322. padding: 12px;
  323. font-size: 12px;
  324. -moz-border-radius: 3px;
  325. -webkit-border-radius: 3px;
  326. border-radius: 3px;
  327. -webkit-box-shadow: inset #778594 0px 1px 3px;
  328. -moz-box-shadow: inset #778594 0px 1px 3px;
  329. box-shadow: inset #778594 0px 1px 3px;
  330. overflow: hidden;
  331. margin-bottom: 2px;
  332. }
  333. .main .main-head .page-title {
  334. font-weight: 700;
  335. }
  336. .pun table.table td, .pun table.table th {
  337. background: #fff !important;
  338. }
  339. .pun table.table td {
  340. padding: 10px;
  341. border: 0px;
  342. border-bottom: 1px solid #f3f3f3;
  343. }
  344. .pun table.table td.col_stats {text-align: right;}
  345. .pun table.table td a {color: #676c70;}
  346. .pun table.table td a:hover {color: #53585c;}
  347. .hierarchy a {
  348. font: 12px bold;
  349. }
  350. .main .main-content, .main .main-content.frm, .pun .frm-form {background: transparent;border: 0px;}
  351. /*WIDGETS*/
  352. .module .main-head, .statistics_head {
  353. background: #262626;
  354. text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
  355. -moz-border-radius: 3px;
  356. -webkit-border-radius: 3px;
  357. border-radius: 3px;
  358. -webkit-box-shadow: inset #000 0px 1px 3px;
  359. -moz-box-shadow: inset #000 0px 1px 3px;
  360. box-shadow: inset #000 0px 1px 3px;
  361. padding: 10px;
  362. }
  363. .module .main-content {background: #fff;}
  364. /*STATISTICS*/
  365. .statistics_head {
  366. color: #fff;
  367. font-size: 11px;
  368. font-weight: bold;
  369. padding: 8px;
  370. }
  371. #onlinelist, #onlinechat {
  372. background: #fff;
  373. border: 0px;
  374. }
  375. #statistics {
  376. margin: 0 auto !important;
  377. text-align: center !important;
  378. display: table;
  379. background: none;
  380. }
  381. .statHide{display:none !important;}
  382. .statsPers li span a {
  383. text-decoration: none !important;
  384. }
  385. .statsPers li > span {
  386. display: inline-block;
  387. background: url('http://i71.servimg.com/u/f71/18/12/14/12/trans110.png') repeat;
  388. background: #edeff1;
  389. color: #768089;
  390. text-shadow: rgba(255,255,255,0.9) 0px 1px 0px;
  391. -webkit-box-shadow: inset #b3bac1 0px 1px 3px;
  392. -moz-box-shadow: inset #b3bac1 0px 1px 3px;
  393. box-shadow: inset #b3bac1 0px 1px 3px;
  394. padding: 3px 7px;
  395. font-weight: bold;
  396. -moz-border-radius: 3px;
  397. -webkit-border-radius: 3px;
  398. border-radius: 3px;
  399. margin-right: 3px;
  400. }
  401. .statsPers li {
  402. float: left;
  403. color:#666;
  404. margin: 2px 10px;
  405. }
  406. .statsPers {
  407. list-style: none;
  408. display: block;
  409. margin: 0px auto;
  410. width: 100%;
  411. }
  412. /*footer*/
  413. #footer_utilities {
  414. padding: 8px;
  415. font-size: 11px;
  416. position: relative;
  417. border-top: 1px solid #141414;
  418. text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
  419. background: #262626 url('http://i55.servimg.com/u/f55/18/71/50/00/brandi11.png') repeat;
  420. }
  421. #footer_utilities, #footer_utilities a {
  422. color: #ccc;
  423. }
  424. .clr {
  425. clear: both;
  426. }
  427. #backtotop, #bottomScroll {
  428. width: 24px;
  429. height: 24px;
  430. line-height: 20px;
  431. left: 50%;
  432. top: 50%;
  433. margin-left: -12px;
  434. margin-top: -12px;
  435. position: absolute;
  436. display: inline-block;
  437. background: url("http://i55.servimg.com/u/f55/18/71/50/00/trans311.png") repeat;
  438. background: rgba(0,0,0,0.3);
  439. -webkit-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px, rgba(255,255,255,0.07) 0px 1px 0px;
  440. -moz-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px, rgba(255,255,255,0.07) 0px 1px 0px;
  441. box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px, rgba(255,255,255,0.07) 0px 1px 0px;
  442. text-align: center;
  443. -moz-border-radius: 16px;
  444. -webkit-border-radius: 16px;
  445. border-radius: 16px;
  446. outline: 0;
  447. }
  448. #bottomScroll:hover,#backtotop:hover{background:url("http://i55.servimg.com/u/f55/18/71/50/00/trans710.png") repeat;background:rgba(0,0,0,0.7);color:#fff}
  449. #backtotop img {
  450. margin-top: 5px;
  451. opacity: 0.4;
  452. }
  453. #backtotop:hover img {
  454. opacity: 1;
  455. }
  456. .skin_link {
  457. float: left;
  458. padding-top: 4px;
  459. }
  460. .skin_link, .skin_link a {
  461. color: #ccc !important;
  462. }
  463. #copyright {
  464. text-align: right;
  465. line-height: 22px;
  466. float: right;
  467. }
  468. #footer_utilities .ipsList_inline {
  469. margin-top: 3px;
  470. clear: left;
  471. float: left;
  472. }
  473. #footer_utilities .ipsList_inline>li {
  474. margin: 0;
  475. }
  476. .ipsList_inline>li {
  477. display: inline-block;list-style-type: none;
  478. margin: 0 3px;
  479. }
  480. #rss_feed {
  481. margin-top: -1px;
  482. }
  483. #footer_utilities .ipsList_inline>li>a {
  484. margin-right: 0px;
  485. padding: 4px 10px;
  486. display: inline-block;
  487. }
  488. /*TÓPICO*/
  489. .pun .paged-foot, .pun .paged-head {
  490. background-color: transparent;
  491. border: 0px;
  492. }
  493. .pun .posthead {
  494. background: #262626 url('http://i55.servimg.com/u/f55/18/71/50/00/brandi12.png') repeat;
  495. text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
  496. -moz-border-radius: 3px;
  497. -webkit-border-radius: 3px;
  498. border-radius: 3px;
  499. -webkit-box-shadow: inset #000 0px 1px 3px;
  500. -moz-box-shadow: inset #000 0px 1px 3px;
  501. box-shadow: inset #000 0px 1px 3px;
  502. color: #bbb;
  503. border: 0px;
  504. padding: 0 10px;
  505. height: 36px;
  506. line-height: 36px;
  507. font-weight: normal;
  508. font-size: 13px;
  509. }
  510. .pun .posthead a {color: #fff;}
  511. .pun .posthead h2 strong {
  512. font: 11px normal;
  513. color: #878c91;
  514. }
  515. .pun .posthead h2 strong:before {
  516. content: '#';
  517. }
  518. .pun .posthead .username {
  519. float: left;
  520. min-width: 177px;
  521. }
  522. .pun .posthead .username a {
  523. font-weight: bold;
  524. text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
  525. font-size: 13px;
  526. }
  527. .pun .posthead .username a span {color: #fff !important;}
  528. .pun .user .user-basic-info a img {
  529. padding: 1px;
  530. border: 1px solid #d5d5d5;
  531. background: #fff;
  532. -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
  533. -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
  534. box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
  535. }
  536. .pun .user .user-basic-info a img:hover {
  537. border-color: #a1a1a1;
  538. -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
  539. -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
  540. box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
  541. }
  542. .pun .post {margin-bottom: 10px;}
  543. .pun .post, .pun .postmain {background: #fff;border: 0px;}
  544. .pun .postmain {margin-left: 17em;}
  545. .pun .post .user {
  546. width: 155px;
  547. margin-top: 1em;
  548. border-right: 1px dashed #e4e8ed;
  549. font-size: 12px;
  550. text-align: center;
  551. margin-left: -16em;
  552. padding: 10px 10px;
  553. line-height: 150%;
  554. }
  555. .pun .user .user-info {
  556. font: 11px;
  557. color: #878c91;
  558. }
  559. .pun .postfoot {
  560. background: #edeff1 url("http://i55.servimg.com/u/f55/18/71/50/00/noise13.png") repeat;
  561. -moz-border-radius: 3px;
  562. -webkit-border-radius: 3px;
  563. border: 0px;
  564. border-radius: 3px;
  565. -webkit-box-shadow: inset #b3bac1 0px 1px 3px;
  566. -moz-box-shadow: inset #b3bac1 0px 1px 3px;
  567. box-shadow: inset #b3bac1 0px 1px 3px;
  568. clear: both;
  569. }
  570. /*PERFIL TABS PERSONALIZADOS*/
  571. #tabs ul li a {
  572. font-weight: bold;
  573. color: #424242;
  574. background-color: #F1F1F1;
  575. border-color: #C1C1C1;
  576. background-image: url('http://i50.tinypic.com/2rcpvd3.png');
  577. background-repeat: repeat-x;
  578. margin-top: 10px;
  579. border-top: 1px solid #CCC;
  580. border-left: 1px solid #CCC;
  581. }
  582. #tabs ul li.activetab a:hover {
  583. background-color: #363636;
  584. }
  585. #tabs ul li a:hover {
  586. background-color: #F4F4F4;
  587. border-color: #333;
  588. }
  589. #tabs ul li.activetab a {
  590. background-color: #363636;
  591. background-image: url(http://i50.tinypic.com/9qky9y.png);
  592. background-repeat: repeat-x;
  593. border-color: #363636;
  594. color: white;
  595. text-decoration: none;
  596. }
  597. #tabs ul li.activetab a:hover {
  598. background: white;
  599. }
  600. /*QR*/
  601. #quick_reply .frm-buttons {
  602. text-align: right;
  603. }
  604. .pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
  605. background-image: url(http://cdn2.iconfinder.com/data/icons/humano2/16x16/apps/gnome-help.png);
  606. background-position: left;
  607. background-repeat: no-repeat;
  608. color: #fff;
  609. }
  610. input[type="button"], input[type="submit"], input[type="reset"] {
  611. background: #51a3ce url('http://i55.servimg.com/u/f55/18/71/50/00/highli11.png') repeat-x 0 0;
  612. border: 1px solid #4897c0;
  613. -webkit-box-shadow: #8ac7e7 0px 1px 2px;
  614. -moz-box-shadow: #8ac7e7 0px 1px 2px;
  615. box-shadow: #8ac7e7 0px 1px 2px;
  616. color: #fff;
  617. padding: 4px 10px !important;
  618. cursor: pointer;
  619. text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
  620. -moz-border-radius: 2px;
  621. -webkit-border-radius: 2px;
  622. border-radius: 2px;
  623. }
  624. input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {background-color:#60b3de;color:#fff}
  625. input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active {-webkit-box-shadow:inset rgba(0,0,0,0.2) 0px 1px 3px;-moz-box-shadow:inset rgba(0,0,0,0.2) 0px 1px 3px;box-shadow:inset rgba(0,0,0,0.2) 0px 1px 3px;position:relative;top:1px}
  626. /*********************************REPUTACION******************************************/
  627. .reputation {
  628. background-color: rgb(141, 177, 62)!important;
  629. background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
  630. border-radius: 3px;
  631. color: rgb(255, 255, 255);
  632. font-weight: bold;
  633. display: block;
  634. margin: 0 auto;
  635. margin-bottom: 3px;
  636. padding: 3px 7px;
  637. max-width: 125px;
  638. text-align: center;
  639. text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
  640. background-position: 0px 1px;
  641. background-repeat: repeat no-repeat;
  642. }
  643. .reputation.zero {
  644. background-color: rgb(16, 16, 16)!important;
  645. color: rgb(255, 255, 255);
  646. }
  647. /*********************LEYENDA*************/
  648.  
  649. /*Legendas Perso By Victor*/
  650. #pun-info2:hover {
  651. background: #FAFFD7;
  652. padding: 10px;
  653. border: 3px double #009DD6;
  654. border-radius: 5px;
  655. -webkit-transition: 0.8s;
  656. }
  657. #pun-info2 {
  658. background: #F7F7F7;
  659. border: 3px double #CAC8C8;
  660. border-radius: 5px;
  661.  
  662.  
  663. }
  664. .h33, h33 {
  665. border-bottom: 1px solid #595959;
  666. color: #595959;
  667. font-family: Verdana,Arial,Helvetica,sans-serif;
  668. font-size: 1.05em;
  669. margin-bottom: 3px;
  670. margin-top: 20px;
  671. padding-bottom: 2px;
  672. text-transform: uppercase;
  673. }
  674. ul#pun-legend1, ul.pun-legend1:hover{
  675. background: #FAFFD7;
  676. padding: 10px;
  677. border: 3px double #009DD6;
  678. border-radius: 5px;
  679. -webkit-transition: 0.8s;
  680. }
  681. ul#pun-legend1, ul.pun-legend1{
  682. float: left;
  683. margin: 2px 10px;
  684. background: #F7F7F7;
  685. padding: 10px;
  686. border: 3px double #CAC8C8;
  687. border-radius: 5px;
  688. list-style: none;
  689. width: 310px;
  690.  
  691. }
  692. /*final do código by victor*/
  693.  
  694.  
  695. /*********CONFIRMACION***************/
  696. .popup_delete {
  697. background-color: #464646;
  698. background-color: rgba(70, 70, 70, 0.6);
  699. padding: 4px;
  700. -webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
  701. -moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
  702. box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );
  703. -moz-border-radius: 4px;
  704. -webkit-border-radius: 4px;
  705. border-radius: 4px;
  706. z-index: 999;
  707. bottom: 5px;
  708. right: 5px;
  709. position: fixed;
  710. }
  711. .popup_delete_Inner {
  712. background: white;
  713. -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  714. -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
  715. box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  716. overflow-x: hidden;
  717. width: 350px;
  718. max-height: 642px;
  719. }
  720. .popup_delete_Inner h3 {
  721. background: -moz-linear-gradient(#444,#000);
  722. background-color: #000;
  723. background-image: -webkit-linear-gradient(#444,#000);
  724. text-align: left;
  725. color: white;
  726. padding: 8px 10px 9px;
  727. font-size: 16px;
  728. font-weight: 300;
  729. text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  730. }
  731. .Box_delete {
  732. background: #f0f0f0;
  733. padding: 9px;
  734. }
  735. .Box_container {
  736. background: #fdfdfd;
  737. border: 1px solid #dcdcdc;
  738. }
  739. .delete_center {
  740. padding: 9px;
  741. text-align: center;
  742. }
  743. .delete_center p {
  744. margin-bottom: 5px;
  745. }
  746. .popup_delete_Close {
  747. cursor: pointer;
  748. position: absolute;
  749. right: 20px;
  750. top: 15px;
  751. }
  752.  
  753. /*************PASANDO PAGINAS**********************/
  754. .pun .paging b, .pagination b, .pagination span strong {
  755. border-image: initial;
  756. border-radius: 3px;
  757. color: white!important;
  758. font-size: 12px;
  759. font-weight: 400!important;
  760. margin-left: -1px!important;
  761. padding: 5px 5px!important;
  762. text-shadow: 0 1px 0 black;
  763. visibility: visible;
  764. background: #7BA60D;
  765. color: #fff;
  766. font-weight: bold;
  767. -moz-border-radius: 2px;
  768. -webkit-border-radius: 2px;
  769. border-radius: 2px;
  770. padding: 1px 5px;
  771. }
  772.  
  773. .paging a , .paging input, .pagination a, .pagination input {
  774. border-image: initial;
  775. border-radius: 3px;
  776. font-size: 12px!important;
  777. margin: 2px;
  778. padding: 5px 5px!important;
  779. text-shadow: 0 1px 0 white;
  780. visibility: visible;
  781. color: #333;
  782. display: inline-block;
  783. display: inline-block;
  784. padding: 1px 4px;
  785. color: #999;
  786. }
  787.  
  788. /*********************MENSAJE EN CHATBOX*******************/
  789. #chatbox:after {
  790. content: 'No utilizes palabras inapropiadas para expresarte en el chat si no seras Baneado.';
  791. background: url(http://i55.servimg.com/u/f55/18/71/50/00/highli10.png) repeat-x scroll 0 0 #f9d79b;
  792. border: 1px solid #ebb962;
  793. box-shadow: 0 1px 4px #fde5bb;
  794. color: #b85f1d;
  795. font-size: 13px;
  796. display: block;
  797. line-height: 140%;
  798. padding: 10px;
  799. text-shadow: 0 1px 0 rgba(255,255,255,0.55);
  800. }
  801. /*********************AFILIADOS^*********************/
  802. /*rodapé portal*/
  803. .h6mei:hover {
  804. background-color: #B2C7F5;
  805. border: 1px solid #86A1DF;
  806. text-decoration: underline;
  807. }
  808. .h6mei {
  809. background-color: #CAD8F7;
  810. padding: 2px;
  811. font: 11px Arial, "Helvetica", sans-serif;
  812. border: 1px solid #b5c6ea;
  813. margin: 1px 0 0 0;
  814. text-align: center;
  815. }
  816. #quotearea {
  817. margin: 6px;
  818. height: 160px;
  819. }
  820. #footbar {
  821. display: block;
  822. min-height: 165px;
  823. margin: 0 13px 0 12px;
  824. padding: 20px 0;
  825. clear: both;
  826. overflow: visible;
  827. }
  828. #footbar-esq {
  829. float: left;
  830. width: 340.2px;
  831. min-height: 165px;
  832. margin: 0 16px 0 0;
  833. }
  834. .footwid {
  835. list-style: none;
  836. padding: 3px;
  837. font-size: 11px;
  838. margin: 0 0 8px 0;
  839. border: 1px solid #b5c6ea;
  840. background: #F0F5F8;
  841. overflow: hidden;
  842. }
  843. .footwid h2 {
  844. background: #232b2b;
  845. border-bottom: 0;
  846. border-top: 4px solid #4F8F16;
  847. color: #fff;
  848. font-family: Helvetica, Arial, sans-serif;
  849. font-size: 13px;
  850. font-style: normal;
  851. font-weight: 700;
  852. padding: 10px 5px;
  853. text-shadow: 0 0 3px #004403;
  854. }
  855. #footbar-mei {
  856. float: left;
  857. width: 340.9px;
  858. min-height: 165px;
  859. margin: 0 16px 0 0;
  860. }
  861. #footbar-dir {
  862. float: left;
  863. width: 340.9px;
  864. min-height: 165px;
  865. margin: 0;
  866. }
  867. /***************LOADING*********************/
  868. #ajax_loading {background: #000;color: #fff;text-align: center;padding: 5px 0 8px;width: 8%;top: 0px;left: 46%;-moz-border-radius: 0 0 5px 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-radius: 0 0 5px 5px;z-index: 999;position: fixed;-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);box-shadow: 0px 3px 5px rgba(0,0,0,0.2);opacity: 0.6;}
  869.  
  870. /***********INDEX AVATAR***********************/
  871. .avs a.inx img {
  872. width: 40px;
  873. height: 40px;
  874. border: 1px solid #B9B8B8;
  875. padding: 2px;
  876. border-radius: 2px;
  877. background: #eeeeee;
  878. }
  879. .avs .inx {
  880. float: left;
  881. margin-right: 5px;
  882. }
  883. /*********anuncio global verde***************************/
  884. td.tcl.tdtopics > strong {
  885. -moz-border-radius: 3px;
  886. -webkit-border-radius: 3px;
  887. background-color: #7ba60d;
  888. background-image: url(http://i.imgur.com/EHGpChd.png);
  889. background-position: 0 -1px;
  890. background-repeat: repeat-x;
  891. border-radius: 3px;
  892. color: #fff;
  893. cursor: default;
  894. font-size: 9px;
  895. font-weight: 700;
  896. height: 16px;
  897. line-height: 16px;
  898. padding: 3px 5px;
  899. text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
  900. text-transform: uppercase;
  901. }
  902. /*******************PERFIL BS*****************************/
  903.  
  904. .pun .user .user-ident .user-basic-info,.pun .user .user-info {
  905. -moz-border-radius:3px;
  906. -webkit-border-radius:3px;
  907. background:#FBFBFB url(http://i78.servimg.com/u/f78/17/96/03/52/highli10.png) repeat-x 0 0;
  908. border:1px solid #D9DBDD;
  909. border-radius:3px;
  910. padding:3px
  911. }
  912.  
  913. .pun .user .user-ident .user-basic-info {
  914. color:#777;
  915. font-size:11px;
  916. font-weight:400;
  917. margin-top:15px
  918. }
  919.  
  920. #first-post-br{border:0}
  921. /**************************RANGOS************************/
  922. .userManagement { background: #FF0000; border-radius: 3px; color: rgb(248, 248, 255); display: inline-block; font-size: 11px; padding: 3px 8px; }
  923. .SuperModerador{ background: #660000; border-radius: 3px; color: rgb(255, 255, 255); display: inline-block; font-size: 11px; padding: 3px 8px; }
  924. .Moderador{ background: #449C09; border-radius: 3px; color: rgb(255, 255, 255); display: inline-block; font-size: 11px; padding: 3px 8px; }
  925. .Contribuidores{ background: #D817FF; border-radius: 3px; color: rgb(255, 255, 255); display: inline-block; font-size: 11px; padding: 3px 8px; }
  926. .MiembroVIP{ background: #E6BD8A; border-radius: 3px; color: rgb(255, 255, 255); display: inline-block; font-size: 11px; padding: 3px 8px; }
  927. .Usuarios{ background: #999999; border-radius: 3px; color: rgb(255, 255, 255); display: inline-block; font-size: 11px; padding: 3px 8px; }
  928. .Miembros{ background: #1100FF; border-radius: 3px; color: rgb(255, 255, 255); display: inline-block; font-size: 11px; padding: 3px 8px; }
  929. .Diseñadorgrafico{ background: #FF00BB; border-radius: 3px; color: rgb(255, 255, 255); display: inline-block; font-size: 11px; padding: 3px 8px; }
  930. .Baneado{ background: #000000; border-radius: 3px; color: rgb(255, 255, 255); display: inline-block; font-size: 11px; padding: 3px 8px; }
  931.  
  932. /**************************CATEGORIAS*************************/
  933. .main .main-head {
  934. background: #262626 url(http://i55.servimg.com/u/f55/18/71/50/00/brandi10.png) repeat;
  935. margin: 0;
  936. border-radius: 3px 3px 0 0;
  937. box-shadow: none;
  938. }
  939. .main .main-content#nesa_api {
  940. border: solid rgb(213, 213, 213);
  941. border-width: 0 1px 1px 1px;
  942. background: rgb(243, 243, 243);
  943. padding: 10px;
  944. box-sizing:border-box;
  945. margin-bottom: 10px;
  946. }
  947. .main .main-content#nesa_api table.table {
  948. border: 1px solid rgb(224, 224, 224);
  949. border-collapse: inherit;
  950. }
  951. .main .main-foot, .main .main-head, .title-overview {
  952. background: #262626 url(http://i55.servimg.com/u/f55/18/71/50/00/brandi10.png) repeat;
  953. box-shadow: none;
  954. }
  955. /*tollbar-forumeiros by bs e victor*/
  956. #fa_toolbar{background:#3A4752 url(http://i78.servimg.com/u/f78/17/96/03/52/mainti10.png) repeat-x;border-bottom:7px solid #232B2B;border-top:1px solid #333;box-shadow:0 1px black, 0 2px 1px rgba(0,0,0,.4);font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;font-style:normal}#fa_toolbar a{text-decoration:none!important}#fa_search #fa_textarea{-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2) inset;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2) inset;background-color:#213138;background-image:url(https://cdn1.iconfinder.com/data/icons/free-funktional-icons/16/10_Search_16x16.png);background-position:4px center;background-repeat:no-repeat;border:1px solid #4A5763;border-radius:0!important;box-shadow:0 2px 4px rgba(0,0,0,0.2) inset;color:#979DA7}#fa_right{margin-right:50px}#fa_right a.rightHeaderLink:first-child,#fa_right.welcome #fa_menu #fa_welcome,#fa_welcome{background:-moz-linear-gradient(#2b4242,#232B2B);background-attachment:scroll;background-image:-webkit-linear-gradient(#2b4242,#232B2B);border-top-left-radius:3px;border-top-right-radius:3px;box-shadow:0 1px 0 #3a4a4a inset;color:#f0f0f0!important;padding:0 5px;text-shadow:1px 1px #3a4a4a}#fa_menulist,#notif_list{-moz-border-radius:0 0 6px 6px;-moz-box-shadow:0 5px 7px rgba(0,0,0,0.4);-webkit-box-shadow:0 5px 7px rgba(0,0,0,0.4);background:-moz-linear-gradient(#000000,#000000);background-image:-webkit-linear-gradient(#000000,#000000);border-radius:0 0 6px 6px;box-shadow:0 5px 7px rgba(0,0,0,0.4)}#fa_hide,#fa_magnifier,#fa_share,#fa_toolbar_hidden{display:none!important}
  957. #fa_toolbar #fa_right .fa_separator {display: none !important;}
  958. #fa_toolbar #fa_usermenu table tr * {color: #878787 !important;}
  959. #secondary_navigation { display: none; } #fa_toolbar { position: absolute!important; }
  960. /*----------[Borrar Subrayados]------------*/
  961. a {text-decoration: none;}
  962. a:link {text-decoration: none;}
  963. a:hover {text-decoration: none!important;}
  964. a.forumtitle {text-decoration: none;}
  965. a.forumtitle:hover {text-decoration: none!important;}
  966. a.topictitle {text-decoration: none;}
  967. a.topictitle:hover {text-decoration: none!important;}
  968. /*----------------FIN---------------*/
  969. /********************************CHATBOX***********************************/
  970. /*chatbox v1.1 BS*/
  971. #chatbox_header.main-head {
  972. background: url(http://i58.servimg.com/u/f58/18/24/85/15/gm-loo10.jpg) repeat-x bottom #363636;
  973. padding: 3px 4px;
  974. -webkit-border-radius: 5px;
  975. -moz-border-radius: 5px;
  976. -khtml-border-radius: 5px;
  977. border-radius: 5px;
  978. min-height: 6px;
  979. }
  980. .chatbox-title, .chatbox-title a.chat-title {
  981. background: url(http://i72.servimg.com/u/f72/18/07/42/17/popup10.png) no-repeat scroll 75px 3px transparent;
  982. font: 700 15px/1.3 Helvetica,Arial,sans-serif;
  983. color: #fff;
  984. }
  985. .chatbox-title a.chat-title:hover {
  986. text-decoration: underline;
  987. }
  988. .chatbox-options li, .chatbox-options li a, .chatbox-options li label {
  989. color: #fff;
  990. }
  991. body[bgcolor]{background: #FCFCFF;}
  992. .main-content.chatbox {
  993. background-color: #FCFCFF;
  994. padding: 10px;
  995. border: 1px solid rgb(204, 204, 204);
  996. -webkit-border-radius: 10px;
  997. -moz-border-radius: 10px;
  998. -khtml-border-radius: 10px;
  999. border-radius: 10px;
  1000. padding-bottom: 0px;
  1001. }
  1002. #chatbox_members {
  1003. background: rgb(246, 246, 248);
  1004. border: 1px solid rgb(204, 204, 204);
  1005. margin: 4px;
  1006. top: 43px;
  1007. bottom: 28px;
  1008. right: 10;
  1009. }
  1010. #chatbox_members .member-title {
  1011. background: url(http://i58.servimg.com/u/f58/18/24/85/15/gm-loo10.jpg) repeat-x bottom #363636;
  1012. color: #fff;
  1013. padding: 5px;
  1014. text-align: left;
  1015. padding: 8px 10px;
  1016. }
  1017. #chatbox p {
  1018. background: transparent;
  1019. padding: 5px;
  1020. line-height: 1.3em;
  1021. }
  1022. #chatbox p span[style="color:green;"], #chatbox p span[style="color:red;"] {
  1023. background: #FAFAD2;
  1024. }
  1025. #chatbox_footer {
  1026. background: transparent;
  1027. border: 0px;
  1028. }
  1029. #chatbox_footer .right {
  1030. float: left;
  1031. }
  1032. #chatbox_messenger_form .right {margin-left: 8px;font-size:0}
  1033. input#message.post {
  1034. font-family: inherit;
  1035. min-width: 430px;
  1036. color: #000;
  1037. font-size: 13px;
  1038. background-color: #fff;
  1039. padding: 3px;
  1040. margin-bottom: 2px;
  1041. border-width: 1px;
  1042. border-style: solid;
  1043. border-top-color: rgb(192,192,192);
  1044. border-right-color: rgb(233,233,233);
  1045. border-bottom-color: rgb(233,233,233);
  1046. border-left-color: rgb(192,192,192);
  1047. -webkit-border-radius: 4px;
  1048. -moz-border-radius: 4px;
  1049. -khtml-border-radius: 4px;
  1050. border-radius: 4px;
  1051. outline: 0;
  1052. }
  1053. input#message.post:focus {
  1054. background: rgb(255,255,240) url('http://i55.servimg.com/u/f55/18/74/03/48/sin_ta17.png') repeat-x;
  1055. border-top-color: rgb(150,150,150);
  1056. border-bottom-color: rgb(230,230,230);
  1057. }
  1058. #submit_button {
  1059. -moz-border-radius: 3px;
  1060. -moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2);
  1061. -webkit-border-radius: 3px;
  1062. -webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2);
  1063. background: #212121 url(http://i.imgur.com/IoFhTvG.png) repeat-x top;
  1064. border: 1px solid #212121;
  1065. border-radius: 3px;
  1066. box-shadow: inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2);
  1067. color: #fff;
  1068. font-family: tahoma,helvetica,arial,sans-serif;
  1069. font-size: 13px;
  1070. font-style: normal;
  1071. font-variant: normal;
  1072. font-weight: normal;
  1073. margin: 0 5px 0 8px;
  1074. padding: 4px 10px;
  1075. }
  1076. .fontbutton {
  1077. background: #646464 url('http://i58.servimg.com/u/f58/18/62/03/31/highli17.png') repeat-x 0 0;
  1078. border: 1px solid #585858 !important;
  1079. padding: 4px 10px;
  1080. color: #fff;
  1081. font: normal 13px tahoma,helvetica,arial,sans-serif;
  1082. text-shadow: #474747 0px -1px 0px;
  1083. -moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
  1084. -webkit-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
  1085. box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
  1086. -moz-border-radius: 2px;
  1087. -webkit-border-radius: 2px;
  1088. border-radius: 2px;
  1089. }
  1090. #chatbox_messenger_form div.right img{display: none;}
  1091. #divbold:after {
  1092. content: 'Bold';
  1093. }
  1094. #divitalic:after {
  1095. content: 'Italic';
  1096. }
  1097. #divunderline:after {
  1098. content: 'Underline';
  1099. }
  1100. #divstrike:after {
  1101. content: 'Strike';
  1102. }
  1103. #divcolor:after {
  1104. content: 'Color';
  1105. }
  1106. #divsmilies:after {
  1107. content: 'Smilies';
  1108. }
  1109. #simple-wrap {
  1110. background:white;
  1111. }
  1112. #chatbox_top {
  1113. min-height: 280px;
  1114. }
  1115. #chatbox{
  1116. top: 43px;
  1117. bottom: 28px;
  1118. margin: 5px;
  1119. background: rgb(246, 246, 248);
  1120. border: 1px solid rgb(204, 204, 204);
  1121. padding: 5px;
  1122. right: 198px;
  1123. left:0;
  1124. }
  1125.  
  1126.  
  1127. #fa_toolbar #fa_menulist :link, #fa_toolbar #fa_menulist :visited {
  1128. color: #999!important;
  1129. font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  1130. font-size: 12px;
  1131. font-style: normal;
  1132. display: block!important;
  1133. }
  1134.  
  1135. #fa_toolbar a:link, #fa_toolbar a:visited, #fa_toolbar a:hover, #fa_toolbar a:active {
  1136. border: 1px solid transparent;
  1137. border: none;
  1138. }
  1139.  
  1140. #fa_toolbar #fa_menulist :hover:link, #fa_toolbar #fa_menulist :hover:visited {
  1141. background: none!important;
  1142. color: white!important;
  1143. }
  1144.  
  1145. #fa_toolbar #fa_menulist li:hover {
  1146. padding-left: 14px;
  1147. border-left: 6px solid #3995cd;
  1148. color: #fff;
  1149. background: #3a3a3a;
  1150. }
  1151. /**********************************************BOTONES CHATBOX******************************/
  1152. #chatbox p span span[style="color: #ffffff"], #chatbox p span span[style="color:#ffffff"] { color: rgb(51, 51, 51)!important; }
  1153.  
  1154. /*******************************SUPERVISANDO TEMA**************************************/
  1155. .ipsType_pagetitle a {
  1156. font-size: 24px;
  1157. margin-left: 50px;
  1158. color: #323232;
  1159. display: block;
  1160. font-family: Helvetica,Arial,sans-serif;
  1161. font-size: 26px;
  1162. font-style: normal;
  1163. font-variant: normal;
  1164. font-weight: 300;
  1165. line-height: 1.4;
  1166. outline-style: none;
  1167. overflow: hidden;
  1168. text-align: left;
  1169. text-decoration: none;
  1170. text-overflow: ellipsis;
  1171. white-space: nowrap;
  1172. width: 650px;
  1173. }
  1174. .desc.lighter {
  1175. margin-left: 50px;
  1176. }
  1177. .ipsType_pagetitle a {
  1178. margin-left: 9px;
  1179. }
  1180. /************************************************REMOVER ESTADISTICAS******************************/
  1181.  
  1182. #onlinelist { display: none }
  1183. .mini_ava {
  1184. float: left;
  1185. }
  1186.  
  1187. /***********************************************PERFIL IPB CSS*********************************/
  1188. .usernam-ipb ,.usernam-ipb span {
  1189. color: #7A7A7A!important;
  1190. font-size: 20px!important;
  1191. font-weight: bold!important;
  1192. line-height: 1.7!important;
  1193. }
  1194. .usernam-ipb em {
  1195. display: none!important;
  1196. }
  1197. .ipb-profile .mod-left {
  1198. width: 150px;
  1199. margin-left: -150px;
  1200. float: left;
  1201. }
  1202. .ipb-profile {
  1203. background: #EBF0F3;
  1204. padding: 9px;
  1205. clear: both;
  1206. padding-left: 188px;
  1207. overflow: hidden;
  1208. color: #5A5A5A;
  1209. font-family: helvetica, arial, sans-serif!important;
  1210. font-size: 11px;
  1211. }
  1212. .mod-center {
  1213. width: 98%;
  1214. float: left;
  1215. background: #FFF;
  1216. border: 1px solid #E4E4E4;
  1217. padding: 9px;
  1218. position: relative;
  1219. margin: auto;
  1220. }
  1221. .ipb-m-title h2 {
  1222. padding: 8px 10px; background: #F5F5F5; color: #868686; font-size: 11px; margin: 0;
  1223. font-weight: bold;
  1224. font-family: helvetica!important;
  1225. display:none;}
  1226. .co-ipb {
  1227. background: #FFF;
  1228. margin-bottom: 10px;
  1229. border: 1px solid #DDD;
  1230. margin: 5px;
  1231. min-height: 600px;
  1232. }
  1233. .ipb-profile dt, .ipb-profile dt span {
  1234. color: #5A5A5A!important;
  1235. font-weight: bold!important;
  1236. }
  1237. .m-info-ipb dt {
  1238. display: inline-block;
  1239. width: 200px;
  1240. text-align: right;
  1241. padding-right: 10px;
  1242. }
  1243. .m-info-ipb dd {
  1244. display: inline-block;
  1245. width: 350px;
  1246. }
  1247. .profi-add-ipb a.mainmenu + br + a.mainmenu ,.main-ipb-f .clear ,.m-info-ipb .separator {
  1248. display: none;
  1249. }
  1250. .m-info-ipb dl {
  1251. line-height: 1.3; font-size: 11px; background: #FEFEFE; border: 1px solid #EEE; padding: 8px; border-left: 0; border-right: 0; margin-bottom: -1px;
  1252. }
  1253. .ipb-tab-us ul li a span {
  1254. display: block; padding: 10px 8px; outline: 0; font-size: 11px; color: #8D8D8D; -webkit-transition: background-color 0.1s ease-in-out; -moz-transition: background-color 0.3s ease-in-out;
  1255. }
  1256. .ipb-tab-us ul li {
  1257. background: #F6F8FB;
  1258. color: #808080;
  1259. border-bottom: 1px solid #DBE4EF; font-size: 13px;
  1260. }
  1261. .ipb-tab-us ul li :hover {
  1262. background: #EAEFF5;
  1263. color: #808080;
  1264. }
  1265. .ipb-tab-us {
  1266. width: 149px !important; margin-top: 10px; border-top: 1px solid #DBE4EF;
  1267. border-left: 1px solid #DBE4EF;
  1268. }
  1269. .ipb-profile li ,.ipb-tab-us ul {
  1270. list-style: none;
  1271. }
  1272. .ipb-tab-us ul li.activetab {
  1273. background: white;
  1274. width: 150px;
  1275. position: relative;
  1276. z-index: 9;}
  1277. .profile-ava img {
  1278. background: #FFF; padding: 1px; border: 1px solid #D3D3D3; max-width: 138px; max-height: 138px;
  1279. }
  1280. .estoyenline-i {
  1281. background: #7BA60D;
  1282. }
  1283. .ofline-ipb {
  1284. background: #B3B3B3;
  1285. padding: 0 5px;}
  1286. .estoyenline-i, .ofline-ipb{
  1287. display: inline-block;
  1288. height: 17px;
  1289. line-height: 17px;
  1290. font-size: 9px;
  1291. font-weight: bold;
  1292. text-transform: uppercase;
  1293. color: #FFF;
  1294. border-radius: 2px;
  1295. vertical-align: middle;
  1296. text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.22);
  1297. }
  1298. .pun .co-ipb .main-content {
  1299. background: #FFF;
  1300. border: 0;
  1301. }
  1302. .co-ipb#friends ol li {
  1303. padding: 8px 0 0 0;
  1304. margin: 5px 0 0 0;
  1305. min-width: 80px;
  1306. height: 70px;
  1307. list-style: none;
  1308. width: 100px;
  1309. display: inline-table;
  1310. text-align: center;
  1311. }
  1312. .co-ipb#friends ol li .avatar {
  1313. display: block;
  1314. border: 0;
  1315. background: 0;
  1316. text-align: center;
  1317. width: 100%;
  1318. }
  1319. #friends ol li .message-text ,.co-ipb#friends .message-footer li {
  1320. display: none;
  1321. }
  1322. .co-ipb ol li .avatar img:hover {
  1323. border-color: #7D7D7D;
  1324. }
  1325. .co-ipb ol li .avatar img {
  1326. background: #FFF;
  1327. padding: 1px;
  1328. border: 1px solid #D3D3D3;
  1329. height: 50px;
  1330. width: 50px;
  1331. box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);}
  1332. #contacto h2#contacto ,#profilewall #wallcomment ,#friends h2#friends ,#estadisticas #estadisgene, .co-ipb #estadis {
  1333. display: block;
  1334. }
  1335. #estadisticas h2#estadis ,#contacto h2#estadis ,.co-ipb#profilewall h2#estadis ,.co-ipb#friends h2#estadis {
  1336. display: none;
  1337. }
  1338. #estadisticas .m-info-ipb ul li {
  1339. line-height: 1.3; font-size: 11px; background: #FEFEFE; border: 1px solid #EEE; padding: 8px; border-left: 0; border-right: 0; margin-bottom: -1px;
  1340. }
  1341. #estadisticas fieldset legend {
  1342. font-size: 13px;
  1343. font-weight: bold;
  1344. width: 100%;
  1345. font: bold 14px helvetica,arial,sans-serif;
  1346. padding: 8px 10px;
  1347. color: #204066;
  1348. background: #D8DDE8;
  1349. }
  1350. .co-ipb#contacto .contact-ips ,#profilewall .main-content ,#estadisticas .main-content {
  1351. background: #EBF0F3;
  1352. padding: 9px;
  1353. }
  1354. #estadisticas .main-content .stats-field.genmed {
  1355. overflow: hidden;
  1356. margin-bottom: 24px;
  1357. background: #FFF;
  1358. }
  1359. #estadisticas .main-content .stats-field.genmed ul {
  1360. padding: 9px;
  1361. border: 1px solid #DBE4EF;
  1362. }
  1363. .co-ipb#contacto h2#contacto ,#wallcomment ,#estadisgene {
  1364. background: #2C5687 url(http://i.imgur.com/Lcy9BkS.png) repeat-x top;
  1365. color: #FFF; padding: 10px 10px 11px; border-radius: 4px 4px 0 0;
  1366. box-shadow: inset 0px 1px 0 #528CBC; border-width: 1px 1px 0 1px;
  1367. border-color: #316897;
  1368. border-style: solid; font-size: 11px;
  1369. text-shadow: none;
  1370. }
  1371. #profilewall ,#estadisticas {
  1372. border-radius: 4px 4px 0 0;
  1373. border: none;
  1374. }
  1375. .pun .co-ipb a {
  1376. color: #225985;
  1377. }
  1378. .pun .co-ipb a:hover {
  1379. color: #328586;
  1380. }
  1381. .co-ipb#friends ol li .avatar img:hover {
  1382. border-color: #7D7D7D;
  1383. }
  1384. #estadisticas .m-info-ipb {
  1385. border: 1px solid #DDD;
  1386. }
  1387. #estadisgene span {
  1388. background: #244156; opacity: 1;
  1389. color: #FFF; padding: 4px 10px; font-weight: bold; border-radius: 10px; box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.2);
  1390. }
  1391. #profile-advanced-layout, #profile-advanced-right{display:none;}
  1392. .mensajeprofile ol li.clearfix {
  1393. background: #FFF; border: 1px solid #DBE4EF;
  1394. padding: 9px;
  1395. margin-bottom: 9px;
  1396. position: relative;
  1397. }
  1398. .mensajeprofile .avatar {
  1399. border: 0;
  1400. background: 0;
  1401. display: inline;
  1402. float: left;
  1403. }
  1404. .mensajeprofile ol li .message-block {
  1405. overflow: hidden;
  1406. margin-left: 65px;
  1407. padding: 0;
  1408. }
  1409. .mensajeprofile ol li .message-block .message-header a {
  1410. font-weight: bold; font-size: 14px;
  1411. }
  1412. .mensajeprofile .message-date {
  1413. position: absolute;
  1414. bottom: 5px;
  1415. color: #A4A4A4; font-size: 12px;
  1416. background: transparent url("http://i.imgur.com/8WDJvOf.png") no-repeat left;
  1417. padding-left: 20px;
  1418. }
  1419. .mensajeprofile .message-text {
  1420. margin: 5px 0;
  1421. font-size: 14px; word-wrap: break-word;
  1422. }
  1423. #profilewall .message-footer {
  1424. float: right;
  1425. }
  1426. #profilewall .message-footer li {
  1427. display: inline;
  1428. margin-right: 10px;
  1429. }
  1430. .co-ipb .pagination b {
  1431. background: #7BA60D; color: #FFF; font-weight: bold; border-radius: 2px;
  1432. padding: 4px 5px;
  1433. }
  1434. .co-ipb .pagination a {
  1435. display: inline-block; color: #999;
  1436. background: none;
  1437. padding: 4px 5px;
  1438. }
  1439. .co-ipb .pagination a:hover {
  1440. background: #ECECEC; border-radius: 2px;
  1441. }
  1442. .co-ipb .pagination {
  1443. background: white;
  1444. border-radius: 5px 5px 0 0;
  1445. padding: 4px 10px;
  1446. }
  1447. #friends .message-header em {
  1448. display: block;
  1449. }
  1450. h2#friends {
  1451. font: normal 14px helvetica,arial,sans-serif;
  1452. padding: 8px 10px;
  1453. background: #DBE2EC;
  1454. color: #204066;
  1455. }
  1456. .co-ipb#contacto ,.co-ipb#friends {
  1457. border: 0;
  1458. }
  1459. .contact-ips dl dt {
  1460. display: inline-block;
  1461. width: 140px;
  1462. text-align: right;
  1463. }
  1464. .contact-ips dl dd {
  1465. width: 600px;
  1466. display: inline-block;
  1467. padding-left: 10px;
  1468. vertical-align: middle;
  1469. }
  1470. .lass-activiti {
  1471. display: inline-block;
  1472. margin-left: 10px;color: #C4C4C4;
  1473. }
  1474. .coin-ipb span {
  1475. font-size: 20px; font-weight: bold; display: block;
  1476. }
  1477. .coin-ipb #sub {
  1478. text-align: center; font-weight: normal;
  1479. }
  1480. .coin-ipb {
  1481. float: none; margin: 0 0 5px 0;
  1482. padding: 10px; text-align: center; font-weight: normal; display: block;
  1483. background: #80B700;
  1484. border-radius: 3px;
  1485. color: white;font-size: 13px;
  1486. }
  1487. .repu-ipb {
  1488. background: #DEDEDE; color: #6E6E6E;
  1489. float: none; margin: 0 0 5px 0; padding: 10px; text-align: center; font-weight: normal; display: block; border-radius: 3px;
  1490. font-size: 13px;
  1491. }
  1492. .repu-ipb span {
  1493. font-size: 20px; font-weight: bold; display: block;
  1494. }
  1495. .band-right {
  1496. margin-left: 612px;
  1497. top: -35px;
  1498. position: relative;
  1499. }
  1500. .co-ipb#profile {
  1501. border: 0;
  1502. }
  1503. .co-ipb#profile .in-ipb {
  1504. width: 600px;
  1505. border: 1px solid #EEE;
  1506. float: left;
  1507. border-top: 0;
  1508. }
  1509. h2#estadis {
  1510. width: 580px;
  1511. font: normal 14px helvetica, arial, sans-serif; padding: 8px 10px;
  1512. background: #DBE2EC; color: #204066;
  1513. border: 1px solid #DBE2EC;
  1514. }
  1515. .module-ipb-right h2 {
  1516. font: normal 14px helvetica, arial, sans-serif; padding: 8px 10px; background: #DBE2EC; color: #204066;
  1517. }
  1518. .main-ipb-f {
  1519. padding: 9px;
  1520. }
  1521. .main-ipb-f .clear + a.mainmenu {
  1522. display: block;
  1523. text-align: center;
  1524. }
  1525. .main-ipb-f .friend-block {
  1526. display: inline-block;
  1527. float: none;
  1528. }
  1529. .main-ipb-f .avatar img {
  1530. padding: 1px; border: 1px solid #D5D5D5; background: #FFF; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  1531. }
  1532. .main-ipb-f .avatar {
  1533. border: 0;
  1534. background: none;
  1535. width: auto;
  1536. }
  1537. .main-ipb-f div.clear + a.mainmenu[href^="/u"], non.main-ipb-f .friend_list_online_status img {
  1538. display: none;
  1539. }
  1540. .profi-add-ipb a#search-i {
  1541. background: #E6E6E6 url("http://i.imgur.com/tS9vehw.png") no-repeat 5px;
  1542. }
  1543. .rating-profile {
  1544. margin: 10px 0 20px 0;
  1545. }
  1546. .register-date {
  1547. margin-bottom: 10px;
  1548. font: normal 13px helvetica,arial,sans-serif;
  1549. }
  1550. .profi-add-ipb {
  1551. position: absolute;
  1552. right: 30px;
  1553. top: 95px;
  1554. color: rgba(0, 0, 0, 0);
  1555. }
  1556. .profi-add-ipb br {
  1557. display: none;
  1558. }
  1559. .pun .profi-add-ipb a {
  1560. display: inline-block;
  1561. background: #E6E6E6 url("http://i.imgur.com/5MlMsua.png") no-repeat 5px;
  1562. height: 17px;
  1563. line-height: 17px;
  1564. padding: 2px 2px 2px 25px;
  1565. border: 1px solid rgb(207, 207, 207);
  1566. box-shadow: 0px 7px 21px rgba(255, 255, 255, 0.76) inset, 0px 1px 0px rgba(0, 0, 0, 0.41); border-radius: 3px; color: #616161; white-space: nowrap; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;
  1567. margin-right: 15px;font-size: 12px;
  1568. }
  1569. .pun .profi-add-ipb a:hover {
  1570. border: 1px solid #A0A0A0;
  1571. }
  1572. .pun .profi-add-ipb a#men {
  1573. background: #E6E6E6 url("http://i.imgur.com/LE1LFBD.png") no-repeat 5px;
  1574. }
  1575. .pun .nav-ipb-top a {
  1576. color: rgb(85, 85, 85);
  1577. }
  1578. .nav-ipb-top {
  1579. position: relative;
  1580. margin-left: -140px;
  1581. margin-bottom: 10px;
  1582. }
  1583. .nav-ipb-top span {
  1584. margin: 0 5px;
  1585. }
  1586. .mod-center {
  1587. padding-bottom: 50px;
  1588. }
  1589. #word-link {
  1590. position: absolute;
  1591. bottom: 19px;
  1592. right: 26px;
  1593. z-index: 999!important;
  1594. color: #777;
  1595. font: normal 9px helvetica;
  1596. text-align: right;
  1597. }
  1598. .co-ipb div.activetab {
  1599. display: block!important;
  1600. }
  1601. .friends-ips ,.co-ipb#contacto .contact-ips, #profilewall .main-content, #estadisticas .main-content {opacity: 1!important;}
  1602.  
  1603. /************************************************SCEDITOR e TEXTAREA estilo BestSkins*********************************************/
  1604. .sceditor-container {
  1605. background: #EFF1F3 url(http://i.imgur.com/ZxTuSNx.png) repeat-x 0 -1950px !important;
  1606. padding: 0px 1px 0px 1px !important;
  1607. border: 1px solid #E1E3E5 !important;
  1608. border-radius: 0px !important;
  1609. }
  1610. .sceditor-toolbar {
  1611. background: transparent !important;
  1612. padding: 1px 5px 1px 5px !important;
  1613. border-bottom: 1px solid #E1E3E5 !important;
  1614. }
  1615. div.sceditor-group {
  1616. background: transparent !important;
  1617. border-right: 1px solid #E1E3E5;
  1618. border-bottom: 0px !important;
  1619. }
  1620. div.sceditor-group:last-child {border-right: 0;}
  1621. .sceditor-button {cursor: default !important;}
  1622. .sceditor-button.sceditor-button-size {
  1623. height: 18px;
  1624. margin-top: 1px;
  1625. width: 57px;
  1626. background: url(http://i55.servimg.com/u/f55/18/17/62/92/size10.png) 0px 0px no-repeat scroll !important;
  1627. }
  1628. .sceditor-button.sceditor-button-font {
  1629. height: 18px;
  1630. margin-top: 1px;
  1631. width: 77px;
  1632. background: url(http://i55.servimg.com/u/f55/18/17/62/92/fonte10.png) 0px 0px repeat scroll !important;
  1633. }
  1634. .sceditor-button.sceditor-button-size > div, .sceditor-button.sceditor-button-font > div {
  1635. display: none;
  1636. }
  1637. /* aviso na caixa de resposta rapida */
  1638. .aviso_normas {
  1639. background: none repeat scroll 0 0 #F0E8E0;
  1640. border: 1px solid #C00000;
  1641. font-family: Tahoma,Arial;
  1642. font-size: 11px;
  1643. height: 24px;
  1644. line-height: 24px;
  1645. margin-bottom: 3px;
  1646. text-align: center;
  1647. }
  1648. /*menu drop down no nick do usuario*/
  1649. /*USARIOS SCRIPT UPFORUM*/
  1650. #user-hoverbox:before {
  1651. border-bottom: 5px solid #363636;
  1652. border-left: 5px solid rgba(0, 0, 0, 0);
  1653. border-right: 5px solid rgba(0, 0, 0, 0);
  1654. content: "";
  1655. height: 0;
  1656. left: 12px;
  1657. position: absolute;
  1658. top: -4px;
  1659. width: 0;
  1660. }
  1661. #user-hoverbox {
  1662. display: initial !important;
  1663. margin-left: 5px;
  1664. min-width: 160px;
  1665. padding-top: 1px;
  1666. position: absolute;
  1667. z-index: 999;
  1668. }
  1669. #user-hoverbox-inner {
  1670. border: 1px solid #000000;
  1671. border-radius: 2px 2px 2px 2px;
  1672. box-shadow: 0 1px 5px rgba(0, 0, 0, 0.31);
  1673. width: 210px;
  1674. }
  1675. #user-hoverbox #user-hoverbox-inner a {
  1676. background: none repeat scroll 0 0 rgba(0, 0, 0, 0.87);
  1677. color: #DADADA;
  1678. border-bottom: 1px solid #AAAAAA;
  1679. display: block;
  1680. font-size: 11px;
  1681. padding: 8px;
  1682. text-align: left;
  1683. text-shadow: none !important;
  1684. z-index: 999;
  1685. }
  1686. .pun #page-body #user-hoverbox #user-hoverbox-inner a {
  1687. font-style: normal;
  1688. font-weight: 400;
  1689. }
  1690. #user-hoverbox #user-hoverbox-inner a:hover {
  1691. background: none repeat scroll 0 0 rgba(0, 0, 0, 0.93);
  1692. color: #FCFCFC;
  1693. }
  1694. /*menu de moredacao*/
  1695. /* LGForum & Hancki */
  1696. .context-menu-list {
  1697. margin:0;
  1698. padding:0;
  1699. min-width: 120px;
  1700. max-width: 250px;
  1701. display: inline-block;
  1702. position: absolute;
  1703. list-style-type: none;
  1704. border: 1px solid #DDD;
  1705. background: #EEE;
  1706. -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  1707. -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  1708. -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  1709. -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  1710. box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  1711.  
  1712. font-family: Verdana, Arial, Helvetica, sans-serif;
  1713. font-size: 11px;
  1714. }
  1715. .context-menu-item {
  1716. padding: 2px 2px 2px 24px;
  1717. background-color: #EEE;
  1718. position: relative;
  1719. -webkit-user-select: none;
  1720. -moz-user-select: -moz-none;
  1721. -ms-user-select: none;
  1722. user-select: none;
  1723. }
  1724. .context-menu-separator {
  1725. padding-bottom:0;
  1726. border-bottom: 1px solid #DDD;
  1727. }
  1728. .context-menu-item > label > input,
  1729. .context-menu-item > label > textarea {
  1730. -webkit-user-select: text;
  1731. -moz-user-select: text;
  1732. -ms-user-select: text;
  1733. user-select: text;
  1734. }
  1735. .context-menu-item.hover {
  1736. cursor: pointer;
  1737. background-color: #39F;
  1738. }
  1739.  
  1740. .context-menu-item.disabled {
  1741. color: #666;
  1742. }
  1743. .context-menu-input.hover,
  1744. .context-menu-item.disabled.hover {
  1745. cursor: default;
  1746. background-color: #EEE;
  1747. }
  1748. .context-menu-submenu:after {
  1749. content: ">";
  1750. color: #666;
  1751. position: absolute;
  1752. top: 0;
  1753. right: 3px;
  1754. z-index: 1;
  1755. }
  1756.  
  1757. /* ICONS */
  1758. .context-menu-item.icon { min-height: 18px; background-repeat: no-repeat; background-position: 4px 2px; }
  1759. .context-menu-item.icon-edit { background-image: url('http://i.imgur.com/QaC1efk.png'); }
  1760. .context-menu-item.icon-cut { background-image: url('http://i.imgur.com/GLlnkt7.png'); }
  1761. .context-menu-item.icon-copy { background-image: url('http://i.imgur.com/3E0nSeS.png'); }
  1762. .context-menu-item.icon-paste { background-image: url('http://i.imgur.com/OPqxEsK.png'); }
  1763. .context-menu-item.icon-delete { background-image: url('http://i.imgur.com/41rRSu3.png'); }
  1764. .context-menu-item.icon-add { background-image: url('http://i.imgur.com/VJyRVJV.png'); }
  1765. .context-menu-item.icon-quit { background-image: url('http://i.imgur.com/yQizJn0.png'); }
  1766.  
  1767. .context-menu-input > label > * { vertical-align: top; }
  1768. .context-menu-input > label > input[type="checkbox"],
  1769. .context-menu-input > label > input[type="radio"] {
  1770. margin-left: -17px;
  1771. }
  1772. .context-menu-input > label > span {
  1773. margin-left: 5px;
  1774. }
  1775. .context-menu-input > label,
  1776. .context-menu-input > label > input[type="text"],
  1777. .context-menu-input > label > textarea,
  1778. .context-menu-input > label > select {
  1779. display: block;
  1780. width: 100%;
  1781. -webkit-box-sizing: border-box;
  1782. -moz-box-sizing: border-box;
  1783. -ms-box-sizing: border-box;
  1784. -o-box-sizing: border-box;
  1785. box-sizing: border-box;
  1786. }
  1787. .context-menu-input > label > textarea {
  1788. height: 100px;
  1789. }
  1790. .context-menu-item > .context-menu-list {
  1791. display: none;
  1792. right: -5px;
  1793. top: 5px;
  1794. }
  1795. .context-menu-item.hover > .context-menu-list {
  1796. display: block;
  1797. }
  1798. .context-menu-accesskey {
  1799. text-decoration: underline;
  1800. }
  1801. /*mensagens de alerta na caixa de postagem*/
  1802. .sucesso, .alerta, .aviso, .infos {
  1803. padding: 8px 8px 8px 40px;
  1804. width: 99%;
  1805. text-shadow: 0 1px 0 #FFFAF1;
  1806. box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
  1807. font-weight: bold;
  1808. border-radius: 3px 3px 3px 3px;
  1809. }
  1810. .sucesso {
  1811. background: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png') no-repeat 6px #effeb9;
  1812. border: 1px solid #9ac601;
  1813. color: #4F8A10;
  1814. }
  1815. .alerta {
  1816. background: url('http://cdn1.iconfinder.com/data/icons/nuvola2/32x32/actions/messagebox_warning.png') no-repeat 6px #fccac3;
  1817. border: 1px solid #db3f23;
  1818. color: #D8000C;
  1819. }
  1820. .aviso {
  1821. background: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png') no-repeat 6px #ffeaa9;
  1822. border: 1px solid #f9b516;
  1823. color: #9F6000;
  1824. }
  1825. .infos {
  1826. background: url('http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png') no-repeat 6px #d1e4f3;
  1827. border: 1px solid #4d8fcb;
  1828. color: #00529B;
  1829. }
  1830. /*botoes de tamanho e fonte no editor de texto*/
  1831. .sceditor-button.sceditor-button-size{
  1832. background: url("http://i55.servimg.com/u/f55/18/17/62/92/size10.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  1833. height: 18px;
  1834. margin-top: 1px;
  1835. width: 57px; }
  1836. .sceditor-button.sceditor-button-size > div {
  1837. display: none !important;
  1838. }
  1839. .sceditor-button.sceditor-button-font {
  1840. background: url("http://i55.servimg.com/u/f55/18/17/62/92/fonte10.png") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  1841. height: 18px;
  1842. margin-top: 1px;
  1843. width: 77px;
  1844. }
  1845. .sceditor-button.sceditor-button-font > div {
  1846. display: none !important;
  1847. }
  1848. /* Quote on punBB*/
  1849. .postmain blockquote{
  1850. background:none;
  1851. border:0!important;
  1852. position:relative;
  1853. overflow:hidden;
  1854. min-height:35px!important;
  1855. margin:10px 0;
  1856. padding:11px 0 6px 10px;
  1857. font-size:14px; /*размер шрифта*/
  1858. line-height:18px;
  1859. color:#504536; /*цвет текста*/
  1860. font-family:Georgia; /*шрифт*/
  1861. font-style:italic; /*наклонный текст*/
  1862. }
  1863. .postmain blockquote div {
  1864. margin-top:7px;
  1865. margin-left:6px;
  1866. -moz-border-radius:8px;
  1867. -khtml-border-radius:8px;
  1868. -webkit-border-radius:8px;
  1869. border-radius:8px;
  1870. border:solid 1px #D5DEE5; /*рамка блока цитаты*/
  1871. background: #D2E4F2; /*фон цитаты*/
  1872. max-width:91%; /*максимальная ширина*/
  1873. padding:15px 20px 10px 23px;
  1874. position:relative;
  1875. }
  1876. .postmain blockquote div:before {
  1877. content:'';
  1878. background:url(http://i58.servimg.com/u/f58/14/80/95/87/openq10.png) top left no-repeat transparent; /*открывающая кавычка*/
  1879. position:absolute;
  1880. width:16px;
  1881. height:16px;
  1882. top:15px;
  1883. left:3px;
  1884. }
  1885. .postmain blockquote div:after {
  1886. content:'';
  1887. position:absolute;
  1888. z-index:100;
  1889. background:url(http://i58.servimg.com/u/f58/14/80/95/87/closeq10.png) top left no-repeat transparent; /*закрывающая кавычка*/
  1890. width:16px;
  1891. height:16px;
  1892. right:4px;
  1893. bottom:4px;
  1894. }
  1895. /*шапка заголовка цитаты*/
  1896. .postmain blockquote div cite {
  1897. font-style:normal;
  1898. font-weight:700; /*жирный текст*/
  1899. display:block;
  1900. font-size:13px; /*размер текста заголовка*/
  1901. color:#fff;
  1902. background:url(http://i58.servimg.com/u/f58/14/80/95/87/qhm10.png) top left repeat-x transparent; /*фон заголовка (средняя часть)*/
  1903. height:32px;
  1904. position:absolute;
  1905. z-index:100;
  1906. top:-15px;
  1907. text-shadow:#000 1px 1px; /*тень шрифта заголовка*/
  1908. left:0px;
  1909. }
  1910. .postmain blockquote div cite:before {
  1911. content:'';
  1912. position:absolute;
  1913. z-index:-1;
  1914. background:url(http://i58.servimg.com/u/f58/14/80/95/87/qho10.png) no-repeat 0 0 transparent; /*фон заголовка (левая часть - сапог)*/
  1915. width:31px;
  1916. height:38px!important;
  1917. left:-13px;
  1918. top:0;
  1919. }
  1920. .postmain blockquote div cite:after {
  1921. content:'';
  1922. background:url(http://i58.servimg.com/u/f58/14/80/95/87/qhc10.png) no-repeat 0 0 transparent; /*фон заголовка (правая часть)*/
  1923. position:absolute;
  1924. right:-10px;
  1925. width:10px;
  1926. height:32px;
  1927. top:0;
  1928. }
  1929. /*avatar inclinando*/
  1930. div.user-basic-info img{
  1931. margin: 3px;
  1932. border: 5px solid #eee;
  1933. -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
  1934. -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
  1935. box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
  1936. -webkit-transition: all 0.5s ease-out;
  1937. -moz-transition: all 0.5s ease;
  1938. -o-transition: all 0.5s ease;
  1939. }
  1940.  
  1941. div.user-basic-info img:hover {
  1942. -webkit-transform: rotate(-7deg);
  1943. -moz-transform: rotate(-7deg);
  1944. -o-transform: rotate(-7deg);
  1945. }
  1946. /*ban pop up*/
  1947.  
  1948. /***********************
  1949. Name:
  1950. Banir membro em janela modal (pop up)
  1951. Creator:
  1952. Premotheus
  1953. Version:
  1954. 1.0
  1955. Update: 9/9/2014
  1956. ************************/
  1957. .ban_content {
  1958. padding: 11px;
  1959. }
  1960.  
  1961. div#banpop {
  1962. position: fixed;
  1963. background: rgba(13, 12, 12, 0.78);
  1964. color: #fff;
  1965. top: 20%;
  1966. border-radius: 5px;
  1967. z-index: 999;
  1968. left: 33%;
  1969. padding: 8px;
  1970. }
  1971.  
  1972. .close_ban {
  1973. position: absolute;
  1974. right: -3%;
  1975. top: -5%;
  1976. float: right;
  1977. }
  1978.  
  1979. .cont_cls {
  1980. background: #fff;
  1981. border-radius: 100%;
  1982. border: 1px solid #f1f1f1;
  1983. }
  1984.  
  1985. .fade_fora {
  1986. z-index: 9;
  1987. height: 100%;
  1988. width: 100%;
  1989. background: rgba(31, 31, 31, 0.6);
  1990. padding: 5px;
  1991. position: fixed;
  1992. top: 0;
  1993. }
  1994.  
  1995.  
  1996. .conteudo > .header > .page-title {
  1997. font-size: 22px;
  1998. padding: 3px;
  1999. margin-bottom: 8px;
  2000. }
  2001.  
  2002. .conteudo_banimento {
  2003. padding: 5px;
  2004. background: rgba(48, 48, 48, 0.2);
  2005. font-size: 14px;
  2006. border-radius: 5px;
  2007. }
  2008.  
  2009. .ban-modal .ban_content > .conteudo > .header {
  2010. background: rgba(40, 40, 40, 0.33);
  2011. }
  2012.  
  2013. .conteudo_banimento .frm-form .frm-info {
  2014. padding: 14px;
  2015. background: rgba(17, 17, 17, 0.36);
  2016. margin-top: -5px;
  2017. border-radius: 3px;
  2018. margin-bottom: 20px;
  2019. border: 1px solid #000;
  2020. }
  2021.  
  2022. .conteudo_banimento > .frm-form > p > input.inputbox.tiny {
  2023. padding: 3px;
  2024. margin-bottom: 6px;
  2025. background: /* rgba(0, 0, 0, 0.24)*/ rgba(12, 12, 12, 0.59);
  2026. color: #fff;
  2027. border: 1px solid #111;
  2028. margin-left: 6px;
  2029. }
  2030.  
  2031. .conteudo_banimento > .frm-form > p > input.inputbox.tiny:focus {
  2032. outline: 0;
  2033. }
  2034.  
  2035. .conteudo_banimento > .frm-form > fieldset.frm-set > dl {
  2036. padding: 5px;
  2037. float: left;
  2038. margin-left: -66%;
  2039. }
  2040.  
  2041. .conteudo_banimento > form.frm-form > fieldset.frm-set > dl > dd > input[type="submit"] {
  2042. float: left;
  2043. padding: 4px;
  2044. margin-left: 5px;
  2045. cursor: pointer;
  2046. border-radius: 4px;
  2047. }
  2048.  
  2049. .conteudo_banimento > form.frm-form > fieldset.frm-set > dl > dd > input[name="confirm"] {
  2050. background: rgb(58, 149, 237) url(://i74.servimg.com/u/f74/18/08/53/97/highli10.png) repeat-x 0 1px;
  2051. color: #fff;
  2052. border: 1px solid rgb(59, 137, 242)
  2053. }
  2054.  
  2055. .conteudo_banimento > form.frm-form > fieldset.frm-set > dl > dd > input[name="confirm"]:hover {
  2056. background-color: rgb(39, 120, 200);
  2057. border: 1px solid rgb(44, 120, 223);
  2058. }
  2059.  
  2060. .conteudo_banimento > form.frm-form > fieldset.frm-set > dl > dd > input[type="submit"]:hover {
  2061. transition-duration: 1s;
  2062. -moz-transition-duration: 1s;
  2063. -webkit-transition-duration: 1s;
  2064. -o-transition-duration: 1s;
  2065. -f-transition-duration: 1s;
  2066. }
  2067.  
  2068. .conteudo_banimento > form.frm-form > fieldset.frm-set > dl > dd > input[name="cancel"] {
  2069. background: rgba(0, 220, 3, 1) url(://i74.servimg.com/u/f74/18/08/53/97/highli10.png) repeat-x 0 1px;
  2070. color: #fff;
  2071. border: 1px solid rgb(9, 188, 9);
  2072. }
  2073.  
  2074. .conteudo_banimento > form.frm-form > fieldset.frm-set > dl > dd > input[name="cancel"]:hover {
  2075. background-color: rgba(4, 184, 7, 1);
  2076. border: 1px solid rgb(14, 200, 14);
  2077. }
  2078. /*moderacao pratica*/
  2079. #moderation_tool {margin: 0 0 8px 0;}
  2080. #moderation_tool.act_mod p {
  2081. -moz-border-radius: 3px;
  2082. -moz-box-shadow: 0 1px 0 rgba(255,255,255,1) inset, 0 1px 0 rgba(0,0,0,0.3);
  2083. -moz-transition: all .2s ease-in-out;
  2084. -webkit-border-radius: 3px;
  2085. -webkit-box-shadow: 0 1px 0 rgba(255,255,255,1) inset, 0 1px 0 rgba(0,0,0,0.3);
  2086. -webkit-transition: all .2s ease-in-out;
  2087. cursor: pointer;
  2088. webkit-touch-callout: none;
  2089. -webkit-user-select: none;
  2090. -khtml-user-select: none;
  2091. -moz-user-select: none;
  2092. -ms-user-select: none;
  2093. user-select: none;
  2094. background: -moz-linear-gradient(#f6f8fa,#edeeef);
  2095. background-image: -webkit-linear-gradient(#f6f8fa,#edeeef);
  2096. border: 1px solid #D9DBDD;
  2097. border-radius: 3px;
  2098. box-shadow: 0 1px 0 rgba(255,255,255,1) inset, 0 1px 0 rgba(0,0,0,0.3);
  2099. color: #616161;
  2100. display: inline-block;
  2101. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8fa',endColorstr='#edeeef',GradientType=0);
  2102. font-size: 12px;
  2103. height: 22px;
  2104. line-height: 22px;
  2105. padding: 0 10px;
  2106. white-space: nowrap;
  2107. }
  2108. #popw {
  2109. background-color: #464646;
  2110. background-color: rgba(70,70,70,0.6);
  2111. padding: 4px;
  2112. -webkit-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7);
  2113. -moz-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7);
  2114. box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7 );
  2115. -moz-border-radius: 4px;
  2116. -webkit-border-radius: 4px;
  2117. border-radius: 4px;
  2118. display: none;
  2119. z-index: 999;
  2120. margin-top: 16px;
  2121. position: absolute;
  2122. }
  2123. #popw .mod_hover {
  2124. background-image: url(http://i38.servimg.com/u/f38/18/24/85/15/bottom10.png);
  2125. width: 31px;
  2126. height: 16px;
  2127. top: -16px;
  2128. left: 5px;
  2129. z-index: 999;
  2130. position: absolute;
  2131. }
  2132. #popw .popwinner {
  2133. background: #fff;
  2134. max-height: 465px;
  2135. width: 190px;
  2136. overflow: auto;
  2137. -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
  2138. -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
  2139. box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
  2140. overflow-x: hidden;
  2141. }
  2142. #popw .popwinner li {
  2143. background: rgb(248, 248, 248);
  2144. list-style-type: none;
  2145. border-bottom: 1px solid rgb(234, 234, 234);
  2146. text-align: center;
  2147. padding: 3px 4px;
  2148. }
  2149. #popw .popwinner li a {
  2150. color: #333!important;
  2151. }
  2152. /*edicao estilo IPB*/
  2153. .posthead[id] + .postmain .entry-content div p:not(:empty) {
  2154. background: #ffebc8 url(http://imgur.com/PIQA4LA.png) no-repeat 6px 10px;
  2155. border: 1px solid #ecc272;
  2156. color: #ac6328;
  2157. font-family: "Trebuchet MS",tahoma,helvetica,arial,sans-serif;
  2158. font-size: 11px;
  2159. font-style: normal;
  2160. font-variant: normal;
  2161. font-weight: 700;
  2162. line-height: 18px;
  2163. margin-top: 15px;
  2164. padding: 8px 8px 8px 28px;
  2165. text-shadow: #fffaf1 0 1px 0;
  2166. }
  2167. .entry-content p:not(:empty) br {display: none;}
  2168. /*Tópico arquivado por - BestSkins*/
  2169. .topic_controls {
  2170. min-height: 30px;
  2171. margin-right: 25px;
  2172. margin-bottom: 5px;
  2173. }
  2174. .topic_controls .message {
  2175. background-color: rgb(243,243,243);
  2176. border: 1px solid rgb(212,212,212);
  2177. color: #515151;
  2178. width: 100%;
  2179. padding: 10px;
  2180. line-height: 1.6;
  2181. font-size: 12px;
  2182. }
  2183. #des-del a {
  2184. background: rgb(246,246,246);
  2185. background: -moz-linear-gradient(top, rgb(246,246,246) 0%, rgb(229,229,229) 100%);
  2186. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(246,246,246)), color-stop(100%,rgb(229,229,229)));
  2187. border: 1px solid rgb(219,219,219);
  2188. -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
  2189. -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset, 0px 1px 0px rgba(0, 0, 0, 0.3);
  2190. box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset, 0px 1px 0px rgba(0, 0, 0, 0.3);
  2191. -moz-border-radius: 3px;
  2192. -webkit-border-radius: 3px;
  2193. border-radius: 3px;
  2194. color: #616161;
  2195. -webkit-transition: all 0.2s ease-in-out;
  2196. -moz-transition: all 0.2s ease-in-out;
  2197. font-size: 12px;
  2198. height: 22px;
  2199. line-height: 22px;
  2200. padding: 3px 10px;
  2201. white-space: nowrap;
  2202. margin-right: 5px;
  2203. }
  2204. #des-del .del {
  2205. background-image: url(http://i.imgur.com/QjVKSFi.png);
  2206. background-color: rgb(129, 34, 0);
  2207. background-repeat: repeat-x;
  2208. background-position: top;
  2209. border-color: rgb(139,34,0);
  2210. -moz-box-shadow: inset 0 1px 0 0 #db6e46, 0px 2px 3px rgba(0,0,0,0.2);
  2211. -webkit-box-shadow: inset 0 1px 0 0 #DB6E46, 0px 2px 3px rgba(0, 0, 0, 0.2);
  2212. box-shadow: inset 0 1px 0 0 #DB6E46, 0px 2px 3px rgba(0, 0, 0, 0.2);
  2213. color: white;
  2214. text-shadow: 0 -1px 0 #191919;
  2215. }
  2216. .error {color: #ad2930;font-weight: bold;}
  2217. /*remover "ir para..."*/
  2218. #pun-about #qjump fieldset {
  2219. display: none !important;
  2220. }
  2221. /*desbugar data de postagem*/
  2222. .infos {
  2223. background: none !important;
  2224. border: none !important;
  2225. color: white;
  2226. }
  2227. .alerta, .aviso, .infos, .sucesso {
  2228. border-radius: none !important;
  2229. box-shadow: none !important;
  2230. font-weight: 700;
  2231. padding: none !important;
  2232. text-shadow: none !important;
  2233. width: 99%;
  2234. }
  2235. /*remover links abaixo das categorias*/
  2236. #pun-visit li, .main-box li {
  2237. display: none !important
  2238. }
  2239.  
  2240. /*categorias favoritas*/
  2241. #indexBox .zzheart{display:inline-block;background:url(//i56.servimg.com/u/f56/18/59/49/93/heart10.png) no-repeat;background-position:0 0;width:16px;height:16px;cursor:pointer;margin-left:5px;opacity:.5;-webkit-transition:opacity .5s ease;-moz-transition:opacity .5s ease;-o-transition:opacity .5s ease;transition:opacity .5s ease}
  2242. #indexBox .zzlove{background-position:0 -16px}
  2243. #indexBox .zzheart:hover{opacity:1}
  2244.  
  2245. /*substituir link por imagem (download)*/
  2246. /*** Desenvolvido por Shek - Fórum dos Fóruns ***/
  2247. .post a[href*="http://www.mediafire.com/?"],.post a[href*="http://www.4shared.com"] {
  2248. background: url("http://i12.servimg.com/u/f12/17/70/81/78/button10.png") no-repeat scroll center center transparent;
  2249. color: transparent;
  2250. display: block;
  2251. font-size: 0;
  2252. height: 33px;
  2253. overflow: hidden;
  2254. width: 116px;
  2255. }
  2256.  
  2257. /*retirar caixa atras do avatar*/
  2258. .pun .user .user-ident .user-basic-info, .pun .user .user-info {
  2259. background: none!important;
  2260. border: transparent!important;
  2261. }
  2262. /*tamanho do avatar*/
  2263. .pun .user .user-basic-info a img {
  2264. max-width: 150px!important; /*-Largura do avatar: O max se refere a largura máxima do avatar-*/
  2265. max-height: 350px!important; /*-Altura do avatar: O max se refere a altura máxima do avatar-*/
  2266. }
  2267. /*aumentar limite de visualizacao dos posts*/
  2268. .pun .postmain {
  2269. border: 1px solid #D6D3D3;
  2270. box-shadow: 1px 1px 1px #D0D0D0;
  2271. margin-left: 18em;
  2272. position: relative;
  2273. }
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!