API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 8th, 2018
83
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 57.80 KB | None | 0 0
raw download clone embed print report
  1. .notice {
  2. background: url(https://i.imgur.com/VWRy0Mc.png) repeat-x 0 0;
  3. color: #FFF;
  4. width: 83%;
  5. font-weight: normal;
  6. padding: 13px 15px;
  7. margin-bottom: 2.5em;
  8. -moz-border-radius: 6px;
  9. -webkit-border-radius: 6px;
  10. border-radius: 6px;
  11. -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  12. -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  13. box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  14. position: relative;
  15. left: 34px;
  16. }
  17. .notice p {
  18. margin-bottom: 1.5em;
  19. }
  20. .notice p:last-child {
  21. margin-bottom: 0;
  22. }
  23. .notice h5 {
  24. font-size: 14px;
  25. font-weight: bold;
  26. margin-bottom: .65em;
  27. }
  28. .notice:before {
  29. content: "";
  30. background: url(https://i.imgur.com/PcLYd52.png) no-repeat 100% 0;
  31. width: 33px;
  32. height: 40px;
  33. position: absolute;
  34. left: -34px;
  35. top: 9px;
  36. }
  37. .notice-success {
  38. background-color: #EEF4D4;
  39. color: #596C26;
  40. border: 1px solid #8FAD3D;
  41. }
  42. .notice-success:before {
  43. background-position: 100% 0;
  44. }
  45. .notice-warn {
  46. background-color: #FFEA97;
  47. color: #796100;
  48. border: 1px solid #E1B500;
  49. }
  50. .notice-warn:before {
  51. background-position: 100% -800px;
  52. }
  53. .notice-alert {
  54. background-color: #EFCEC9;
  55. color: #933628;
  56. border: 1px solid #AE3F2F;
  57. }
  58. .notice-alert:before {
  59. background-position: 100% -400px;
  60. }
  61. .notice-info {
  62. background-color: #C6D8F0;
  63. color: #285797;
  64. border: 1px solid #4381CD;
  65. }
  66. .notice-info:before {
  67. background-position: 100% -1200px;
  68. }
  69. .guest {
  70. background-color: #F3E3E6;
  71. border: 1px solid #E599AA;
  72. color: #80001C;
  73. padding: 10px;
  74. display: block;
  75. margin: 15px;
  76. font-size: 11px;
  77. }
  78. .destaque-sem{background-color: #3e8a34!important;border:0;border-radius:.25rem;box-shadow:0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);color:#FFF!important;display:block;margin-bottom:.75rem;overflow:hidden;position:relative;width:100%;}.destaque-sem .brasao{margin-top:10px;position:absolute;top:0;width:35px}.destaque-sem .brasao.prc{margin-right:10px;right:0}.destaque-sem .brasao.cdo{left:0;margin-left:5px}.destaque-sem .texto{color:#fff;margin-left:50px;margin-top:25px;position:absolute}.destaque-sem .texto.cdo{margin-left:0;margin-right:60px;right:0;text-align:right}
  79. #tabs ul li.activetab a {
  80. color: #1e9404!important;
  81. }
  82. #pun-visit {
  83. display: none;
  84. }
  85. #profile-advanced-right {
  86. margin-top: 94px;
  87. }
  88. p#ir_a_pa > strong > a {
  89. -khtml-user-select: none;
  90. -moz-user-select: none;
  91. -ms-user-select: none;
  92. -webkit-touch-callout: none;
  93. -webkit-user-select: none;
  94. background: #1e9404;
  95. border-radius: 2px;
  96. bottom: 15px;
  97. box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 1px 1px rgba(0,0,0,0.14), inset 0 0 1px 1px rgba(0,0,0,.1);
  98. color: #fff;
  99. cursor: pointer;
  100. font-size: 12px;
  101. position: fixed;
  102. right: 15px;
  103. text-align: center;
  104. user-select: none;
  105. z-index: 3;
  106. padding: 10px;
  107. font-weight: 500;
  108. text-shadow: 0 1px 1px rgba(0,0,0,0.2);
  109. }
  110. .statused .tcl h2, .statused .tcl h3 {
  111. margin-left: 0px!important;
  112. }
  113. .forumtitle {
  114. font-size: 16px!important;
  115. }
  116. /* CSS Document by Luxxiene */
  117. * {
  118. -webkit-transition: all .3s ease-in-out;
  119. -moz-transition: all .3s ease-in-out;
  120. -ms-transition: all .3s ease-in-out;
  121. -o-transition: all .3s ease-in-out;
  122. transition: all .3s ease-in-out;
  123. }
  124. *::selection {
  125. background: #222 none repeat scroll 0 0;
  126. color: #FFFFFF;
  127. }
  128. *::-moz-selection {
  129. background: #222 none repeat scroll 0 0;
  130. color: #FFFFFF;
  131. }
  132. *::-webkit-selection {
  133. background: #222 none repeat scroll 0 0;
  134. color: #FFFFFF;
  135. }
  136. body {
  137. margin: 0;
  138. padding: 0;
  139. background-color: #FFF;
  140. font-size: 100%;
  141. font-family: 'Ubuntu', sans-serif;
  142. height: 100%;
  143. max-height: 100%;
  144. overflow-x: none;
  145. }
  146. a {
  147. text-decoration: none;
  148. }
  149. ul, li {
  150. list-style: none;
  151. }
  152. /* Avatares de todos os cantos do fórum */
  153. #avatar img {
  154. background: #fff;
  155. border: 1px solid #c4c4c4;
  156. border-radius: 50%;
  157. height: 30px;
  158. margin-top: -3px;
  159. padding: 2px;
  160. width: 30px;
  161. }
  162. .avt-r img, .topposters img, .m_b_j img {
  163. border-radius: 50%;
  164. float: left;
  165. height: 40px;
  166. width: 40px;
  167. margin: 1px 5px 5px 0px;
  168. }
  169. .avt-r img:hover, .topposters img:hover, .m_b_j img:hover, .avat-p img:hover,
  170. .user-basic-info a img:hover, .user-basic-info img:hover, .lastpost-avatar:hover, #quick-avatar img:hover,
  171. img.jsUserPhoto_mini:hover, .avatar-mini img:hover, .bs_inbox_photo:hover {
  172. opacity: 0.6;
  173. }
  174. .lastpost-avatar img, #quick-avatar img {
  175. -moz-border-radius: 50%;
  176. -webkit-border-radius: 50%;
  177. border-radius: 50%;
  178. height: 46px;
  179. width: 46px;
  180. margin: 0 5px 0 0;
  181. }
  182. .user-basic-info a img, .user-basic-info img, .avat-p img {
  183. background: #fff;
  184. border-radius: 50%;
  185. height: 50px;
  186. width: 50px;
  187. }
  188. .user-basic-info a img {
  189. float: left;
  190. position: relative;
  191. }
  192. #quick-avatar {
  193. float: left;
  194. margin-top: 0;
  195. margin-right: 0;
  196. margin-bottom: 0;
  197. margin-left: 15px;
  198. }
  199. .avatar-mini img {
  200. border-radius: 50%;
  201. border: initial !important;
  202. max-height: 46px !important;
  203. max-width: 46px !important;
  204. margin: 3px 5px 0 0 !important;
  205. vertical-align: middle;
  206. }
  207. td.avatar-mini a span {
  208. text-decoration: none;
  209. }
  210. /* H1, H2, H3, H4... */
  211. .paged-head h1 {
  212. padding: 0;
  213. font-size: 1.125em;
  214. }
  215. .pun h2, .pun h3, .pun input, .pun select, .pun th {
  216. font-family: 'Ubuntu', sans-serif !important;
  217. font-size: 0.938em !important;
  218. font-style: normal;
  219. font-variant: normal;
  220. font-weight: normal;
  221. }
  222. /* Zona de boxes, elementos, etc, que envolvem todo o fórum */
  223. .pun {
  224. line-height: 130%;
  225. margin: 0 auto;
  226. min-width: inherit; /* 950px */
  227. padding: 0;
  228. width: 63.2em; /* 80% */
  229. }
  230. .main_width, .pun {
  231. margin: 0 auto;
  232. width: 63.2em; /* 80% */
  233. }
  234. #content-container div#right {
  235. width: 220px;
  236. }
  237. #pun-visit, .main-box {
  238. background-color: #FFF;
  239. border-color: rgba(0,0,0,.1);
  240. border-style: solid;
  241. border-width: 1px;
  242. border-radius: 3px;
  243. margin: 0 0 1em;
  244. padding: .6em 1em;
  245. font-size: 0.813em;
  246. }
  247. div#plus_menu {
  248. left: 573px !important;
  249. margin-top: 30px !important;
  250. width: auto !important;
  251. padding: 10px;
  252. }
  253. #stats {
  254. background-color: #FFF;
  255. }
  256. .main-statistics {
  257. font-size: 0.813em;
  258. }
  259. #pun-about {
  260. background-color: #FFF;
  261. border-color: #ddd;
  262. border-style: solid;
  263. border-width: 1px;
  264. line-height: 150%;
  265. padding: .6em 1em;
  266. text-align: right;
  267. font-size: 0.813em;
  268. }
  269. .pun .main-content {
  270. background-color: #fbfbfb;
  271. border-color: rgba(0,0,0,.1);
  272. border-style: solid;
  273. border-width: 0;
  274. border-radius: 3px;
  275. font-size: 0.813em;
  276. margin-bottom: 5px;
  277. }
  278. .pun .secondary-content {
  279. background-color: #fbfbfb;
  280. border-color: rgba(0,0,0,.1);
  281. border-style: solid;
  282. border-width: 1px;
  283. border-radius: 3px;
  284. font-size: 0.813em;
  285. margin-bottom: 5px;
  286. }
  287. .main .main-foot, .main .main-head {
  288. background-color: #FFF;
  289. border-bottom-width: 5px;
  290. border-bottom-style: solid;
  291. border-bottom-color: #1e9404;
  292. color: #8E8E8E;
  293. font-size: 0.875em;
  294. font-weight: 700;
  295. margin-bottom: .375em;
  296. overflow: hidden;
  297. padding: 0;
  298. text-decoration: none;
  299. text-transform: uppercase;
  300. }
  301. .main .main-foot {
  302. border-radius: 0;
  303. }
  304. .pun .main-foot .options a, .pun .main-foot .options a:link, .pun .main-foot .options a:visited {
  305. margin-left: .1em;
  306. text-decoration: none;
  307. }
  308. .main .main-head .page-title {
  309. font-size: inherit;
  310. font-weight: bold;
  311. }
  312. .module .main-head {
  313. background: none;
  314. display: inline-block;
  315. padding-bottom: 3px;
  316. border-bottom: 3px solid #1e9404;
  317. margin-bottom: 15px;
  318. font-size: 0.813em;
  319. color: #8F8F8F;
  320. font-weight: bold;
  321. text-transform: uppercase;
  322. letter-spacing: 1px;
  323. padding: 0;
  324. }
  325. .module .main-content {
  326. background: none;
  327. border: 0;
  328. margin-top: 0;
  329. padding: 0;
  330. color: #727272;
  331. font-weight: 400;
  332. }
  333. #onlinelist {
  334. background-color: #f4f4f4;
  335. border-top: none;
  336. }
  337. .jqmWindow {
  338. overflow: hidden;
  339. }
  340. /* Zona dos tópicos */
  341. .pun .paged-foot, .pun .paged-head {
  342. background-color: #FFF;
  343. border-color: rgba(0,0,0,.1);
  344. border-radius: 3px;
  345. border-style: solid;
  346. border-width: 1px;
  347. font-size: .813em;
  348. margin: 0 0 1em;
  349. padding:1.2em;
  350. }
  351. .postfoot {
  352. background-color: #f4f4f4;
  353. border-top-style: solid;
  354. border-color: rgba(0, 0, 0, 0.1);
  355. border-radius: 0 0 3px 3px;
  356. clear: both;
  357. margin-left: 0;
  358. padding: .6em 0;
  359. text-align: right;
  360. }
  361. .pun .postfoot .user-contact {
  362. text-align: center;
  363. -webkit-filter: grayscale(1);
  364. }
  365. .pun .postfoot .user-contact:hover {
  366. -webkit-filter: none;
  367. }
  368. .pun .post {
  369. margin: 5px;
  370. background: transparent;
  371. border-width: 0;
  372. }
  373. .pun .post .user {
  374. float: left;
  375. line-height: 150%;
  376. margin-left: -17em;
  377. margin-top: -3.2em;
  378. position: relative;
  379. text-align: center;
  380. width: 15em;
  381. border-style: solid;
  382. border-width: 1px;
  383. border-color: rgba(0, 0, 0, 0.1);
  384. border-radius: 3px;
  385. }
  386. .pun .user .user-ident {
  387. font-size: 12px;
  388. padding: 1em;
  389. margin-top: -1.8em;
  390. background-color: #f4f4f4;
  391. line-height: 2em;
  392. }
  393. .pun .user-ident .username {
  394. color: #000000;
  395. top: 0;
  396. position: static;
  397. float: right;
  398. max-width: 120px;
  399. display: block;
  400. overflow: hidden;
  401. text-overflow: ellipsis;
  402. white-space: nowrap;
  403. }
  404. .pun .user .user-info {
  405. line-height: 1.8em;
  406. background-color: #FFF;
  407. padding: 6px;
  408. border-top-style: solid;
  409. border-top-width: 1px;
  410. border-top-color: rgba(0, 0, 0, 0.1);
  411. text-align: left;
  412. }
  413. .pun .user .user-info:before {
  414. border-bottom: 2px solid rgba(0,0,0,.1);
  415. color: #8E8E8E;
  416. content: 'Perfil';
  417. display: block;
  418. font-size: 1.2em;
  419. padding: 2px 0 2px 0;
  420. text-align: left;
  421. text-transform: uppercase;
  422. margin-bottom: 6px;
  423. }
  424. .pun .posthead {
  425. background: #f4f4f4;
  426. border-bottom: 1px solid rgba(0,0,0,.1);
  427. border-radius: 3px 3px 0 0;
  428. padding: 10px;
  429. }
  430. .pun .postmain {
  431. background-color: #FFF;
  432. border: 1px solid rgba(0, 0, 0, 0.1);
  433. border-radius: 3px;
  434. margin-left: 17em;
  435. position: relative;
  436. }
  437. .pun .posthead:before {
  438. content: "";
  439. display: inline-block;
  440. position: absolute;
  441. width: 0px;
  442. top: 9px;
  443. height: 0px;
  444. left: -9px;
  445. border-top: 9px solid transparent;
  446. border-bottom: 9px solid transparent;
  447. border-right: 9px solid rgba(0,0,0,0.1);
  448. }
  449. .pun .posthead:after {
  450. content: "";
  451. display: inline-block;
  452. position: absolute;
  453. width: 0px;
  454. top: 10px;
  455. height: 0px;
  456. left: -8px;
  457. border-top: 8px solid transparent;
  458. border-bottom: 8px solid transparent;
  459. border-right: 8px solid #F5F5F5;
  460. }
  461. .pun .topic {
  462. background: transparent!important;
  463. }
  464. #smiley-box {
  465. float: right;
  466. margin: -347px 0 0;
  467. width: 22%;
  468. }
  469. .post-entry img {
  470. max-width: 50%;
  471. }
  472. .post-entry img:hover {
  473. max-width: 100%;
  474. }
  475. /* Botões dos tópicos */
  476. .topico_button, .topico_button_bloqueado {
  477. background-color: #1e9404;
  478. border-radius: 3px;
  479. color: #FFF;
  480. cursor: pointer;
  481. font-size: .875em;
  482. font-weight: 700;
  483. padding: 11px;
  484. text-decoration: none;
  485. text-transform: uppercase;
  486. }
  487. .topico_button:hover {
  488. opacity: 0.6;
  489. }
  490. .topico_button.bloqueado {
  491. background-color: #C13030;
  492. }
  493. .pun .paged .posting {
  494. float: right;
  495. font-size: inherit;
  496. font-weight: inherit;
  497. }
  498. /* Assinatura tópicos */
  499. .pun .sig-content {
  500. margin-bottom: 10px;
  501. max-height: 200px;
  502. overflow: auto;
  503. }
  504. .pun div, .pun td, .sig-line {
  505. border-color: ##DDD;
  506. color: ##DDD;
  507. }
  508. .sig-content, .signature_div {
  509. border-top: 1px dashed #D9DBDD;
  510. }
  511. /* Css da área de votação dos tópicos */
  512. fieldset.frm-set dl dt {
  513. text-align: left;
  514. width: 20em;
  515. float: initial;
  516. }
  517. fieldset.frm-set dl dd {
  518. margin-left: 0;
  519. }
  520. /* Paginas dos tópicos */
  521. .paged-foot .paging a {
  522. background-color: #FFF;
  523. color: #8C8C8C;
  524. -moz-border-radius: 3px;
  525. -webkit-border-radius: 3px;
  526. border-radius: 3px;
  527. display: inline-block;
  528. padding: 0 11px;
  529. line-height: 30px;
  530. }
  531. .paged-foot .paging a:focus {
  532. background-color: #f4f4f4;
  533. }
  534. .paged-foot .paging b {
  535. background-color: #1e9404;
  536. color: #FFF;
  537. -moz-border-radius: 3px;
  538. -webkit-border-radius: 3px;
  539. border-radius: 3px;
  540. display: inline-block;
  541. padding: 0 11px;
  542. line-height: 30px;
  543. }
  544. /* Sistema de Blog */
  545. #blog_comments {
  546. width: 100%;
  547. }
  548. /* Spoiler, Code, Citação... */
  549. .codebox {
  550. background-color: initial;
  551. border: initial;
  552. margin: 1em;
  553. border-left: solid 3px #1e9404;
  554. }
  555. .codebox dt {
  556. border-bottom: 1px solid #ddd;
  557. }
  558. .codebox dd {
  559. background-color: #f4f4f4;
  560. padding: .5em;
  561. }
  562. blockquote cite {
  563. background-color: #f4f4f4;
  564. background-image: initial;
  565. color: #8F8F8F;
  566. }
  567. .postmain blockquote {
  568. background-color: initial;
  569. border: initial;
  570. border-left: 3px solid #1e9404;
  571. }
  572. blockquote {
  573. margin: 1em;
  574. }
  575. /* Box de informações WASD (Tópicos) */
  576. .sucesso, .infos, .aviso, .alerta {
  577. background-color: #f4f4f4;
  578. -khtml-border-radius: 0 4px 4px 0;
  579. -moz-border-radius: 0 4px 4px 0;
  580. -webkit-border-radius: 0 4px 4px 0;
  581. border-radius: 0 4px 4px 0;
  582. border-left-style: solid;
  583. border-left-width: 3px;
  584. display: inline-block;
  585. font-style: normal;
  586. font-weight: 400;
  587. padding: 1em;
  588. position: relative;
  589. text-decoration: none;
  590. margin: 0 0 1em 0;
  591. width: 96%;
  592. }
  593. .sucesso h5, .infos h5, .aviso h5, .alerta h5 {
  594. font-size: 1.3em;
  595. font-weight: bold;
  596. text-transform: uppercase;
  597. }
  598. .sucesso h5 {
  599. color: #35BD99;
  600. }
  601. .alerta h5 {
  602. color: #DB4453;
  603. }
  604. .aviso h5 {
  605. color: #F6BB43;
  606. }
  607. .infos h5 {
  608. color: #4B8ADA;
  609. }
  610. .sucesso h5:before, .infos h5:before, .aviso h5:before, .alerta h5:before {
  611. content: '';
  612. display: inline-block;
  613. font-family: FontAwesome;
  614. font-style: normal;
  615. font-weight: normal;
  616. line-height: 1;
  617. -webkit-font-smoothing: antialiased;
  618. -moz-osx-font-smoothing: grayscale;
  619. margin-right: 10px;
  620. }
  621. .sucesso h5:before {
  622. content: '\f058';
  623. }
  624. .infos h5:before {
  625. content: '\f05a';
  626. }
  627. .aviso h5:before {
  628. content: '\f06a';
  629. }
  630. .alerta h5:before {
  631. content: '\f071';
  632. }
  633. .sucesso p, .infos p, .aviso p, .alerta p {
  634. font-size: 1.2em;
  635. }
  636. .infos {
  637. border-left-color: #4B8ADA;
  638. }
  639. .sucesso {
  640. border-left-color: #35BD99;
  641. }
  642. .aviso {
  643. border-left-color: #F6BB43;
  644. }
  645. .alerta {
  646. border-left-color: #DB4453;
  647. }
  648. /* Alertas da forumeiros */
  649. .main .frm-info {
  650. background-color: #f4f4f4;
  651. -khtml-border-radius: 0 4px 4px 0;
  652. -moz-border-radius: 0 4px 4px 0;
  653. -webkit-border-radius: 0 4px 4px 0;
  654. border-radius: 0 4px 4px 0;
  655. border: 0;
  656. border-left-style: solid;
  657. border-left-width: 3px;
  658. border-left-color: #4B8ADA;
  659. display: inline-block;
  660. font-style: normal;
  661. font-weight: 400;
  662. padding: 1em;
  663. position: relative;
  664. text-decoration: none;
  665. margin: 0 0 1em 0;
  666. width: 97%;
  667. }
  668. .frm-info:before {
  669. content: '\f05a';
  670. display: inline-block;
  671. font-family: FontAwesome;
  672. font-style: normal;
  673. font-weight: normal;
  674. line-height: 1;
  675. -webkit-font-smoothing: antialiased;
  676. -moz-osx-font-smoothing: grayscale;
  677. margin-right: 10px;
  678. color: #4B8ADA;
  679. }
  680. .frm-info a {
  681. text-decoration: underline;
  682. }
  683. /* Elementos da página FAQ */
  684. .faq dd {
  685. background-color: #1e9404;
  686. border: initial;
  687. color: #FFF;
  688. font-weight: bold;
  689. margin: 1em;
  690. padding: 1em;
  691. border-radius: 4px;
  692. }
  693. /* Editor de texto */
  694. .sceditor-container {
  695. border: 1px solid rgba(0, 0, 0, 0.1)!important;
  696. }
  697. .sceditor-toolbar {
  698. background: #f4f4f4 !important;
  699. border-bottom: 1px solid rgba(0,0,0,.1) !important;
  700. padding: 5px !important;
  701. }
  702. .sceditor-toolbar:before {
  703. content: "";
  704. display: inline-block;
  705. position: absolute;
  706. width: 0px;
  707. top: 9px;
  708. height: 0px;
  709. left: -9px;
  710. border-top: 9px solid transparent;
  711. border-bottom: 9px solid transparent;
  712. border-right: 9px solid rgba(0,0,0,0.1);
  713. }
  714. .sceditor-toolbar:after {
  715. content: "";
  716. display: inline-block;
  717. position: absolute;
  718. width: 0px;
  719. top: 10px;
  720. height: 0px;
  721. left: -8px;
  722. border-top: 8px solid transparent;
  723. border-bottom: 8px solid transparent;
  724. border-right: 8px solid #F5F5F5;
  725. }
  726. .sceditor-group {
  727. border-bottom: initial !important;
  728. border-radius: 0 !important;
  729. -webkit-border-radius: 0 !important;
  730. padding: 0 !important;
  731. }
  732. .sceditor-button.active, .sceditor-button:active, .sceditor-button:hover {
  733. border-radius: 0 !important;
  734. -webkit-border-radius: 0 !important;
  735. }
  736. a.sceditor-button.sceditor-button-source.hover {
  737. -moz-box-shadow: none !important;
  738. -webkit-box-shadow: none !important;
  739. box-shadow: none !important;
  740. border-radius: 0px !important;
  741. -webkit-border-radius: 0px !important;
  742. }
  743. /* Box de deletar mensagens dos tópicos */
  744. .popup_delete {
  745. background-color: #464646;
  746. background-color: rgba(70, 70, 70, 0.6);
  747. padding: 4px;
  748. -moz-border-radius: 4px;
  749. -webkit-border-radius: 4px;
  750. border-radius: 4px;
  751. z-index: 999;
  752. bottom: 5px;
  753. right: 5px;
  754. position: fixed;
  755. }
  756. .popup_delete_Inner {
  757. background: white;
  758. -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  759. -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  760. box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  761. overflow-x: hidden;
  762. width: 350px;
  763. max-height: 642px;
  764. }
  765. .popup_delete_Inner h3 {
  766. color: #8F8F8F;
  767. font-size: 16px;
  768. font-weight: 300;
  769. padding: 8px 10px 9px;
  770. text-align: left;
  771. background-color: #f4f4f4;
  772. }
  773. .Box_delete {
  774. background: #FFF;
  775. padding: 9px;
  776. }
  777. .Box_container {
  778. background: #FFF;
  779. border: 1px solid #DDD;
  780. }
  781. .delete_center {
  782. padding: 9px;
  783. text-align: center;
  784. }
  785. .delete_center p {
  786. margin-bottom: 5px;
  787. }
  788. .popup_delete_Close {
  789. cursor: pointer;
  790. position: absolute;
  791. right: 20px;
  792. top: 15px;
  793. }
  794. /* Indexbox (Categorias, etc da index) */
  795. .pun table.table td.tcl img[style="float:left"] {
  796. margin: 3px 10px 0 0;
  797. }
  798. #cat-des img {
  799. background-color: #1e9404;
  800. border: 10px solid #1e9404;
  801. border-radius: 4px;
  802. height: 30px;
  803. margin-left: 0;
  804. margin-top: -15px;
  805. max-height: 30px;
  806. max-width: 30px;
  807. position: relative;
  808. width: 30px;
  809. }
  810. #cat-des img:hover {
  811. opacity: 0.6;
  812. }
  813. #cat-des2 img:hover {
  814. -moz-transform: rotate(360deg);
  815. -webkit-transform: rotate(360deg);
  816. -o-transform: rotate(360deg);
  817. -ms-transform: rotate(360deg);
  818. transform: rotate(360deg);
  819. }
  820. #cat-des {
  821. display: block;
  822. font-size: 1.000em;
  823. }
  824. .forumtitle {
  825. font-size: 1.231em;
  826. text-transform: uppercase;
  827. }
  828. .statused .tcl h2, .statused .tcl h3 {
  829. margin-left: 60px;
  830. }
  831. h2.topic-title {
  832. margin-left: 0 !important;
  833. }
  834. .tcl img {
  835. max-width: 32px;
  836. margin-top: -1px; /* -18 */
  837. }
  838. .numero_status {
  839. color: #8F8F8F;
  840. display: block;
  841. font-size: 16px;
  842. font-weight: bold;
  843. overflow: hidden;
  844. position: relative;
  845. text-align: center;
  846. }
  847. .texto_status {
  848. color: #8F8F8F;
  849. display: block;
  850. font-size: 10px;
  851. font-weight: normal;
  852. text-align: center;
  853. text-transform: uppercase;
  854. }
  855. .pun tbody.statused td.tcl {
  856. vertical-align: middle!important;
  857. padding-left: 0;
  858. }
  859. .hover_categoria {
  860. background-color: transparent;
  861. }
  862. .hover_categoria:hover {
  863. background-color: rgba(0, 0, 0, 0.03);
  864. }
  865. /* Editor de texto */
  866. #textarea_content {
  867. width: 92%!important;
  868. }
  869. .sceditor-button.active, .sceditor-button:active, .sceditor-button:hover {
  870. -moz-box-shadow: none !important;
  871. -webkit-box-shadow: none !important;
  872. box-shadow: none !important;
  873. }
  874. /* crumbs do WASDev */
  875. .pun-crumbs {
  876. background-color: #FFF;
  877. border: 1px solid rgba(0,0,0,.1);
  878. border-radius: 3px;
  879. color:#666;
  880. font-size: 0.688em;
  881. padding: initial;
  882. max-width: 100%;
  883. overflow: hidden;
  884. margin-bottom: 0.375em;
  885. }
  886. p.crumbs {
  887. color: #F3F3F3;
  888. }
  889. .pun-crumbs p {
  890. color: #666;
  891. font-size: 0;
  892. line-height: 2.5;
  893. }
  894. p.crumbs a {
  895. background-color: rgba(0, 0, 0, 0.03);
  896. color: #777!important;
  897. font-size: 14px;
  898. padding: 10px 24px 11px 16px;
  899. margin-right: 2px;
  900. padding: 0.688em;
  901. }
  902. p.crumbs a:hover {
  903. background-color: rgba(0, 0, 0, 0.06);
  904. }
  905. .pun table.table td {
  906. background-color: transparent;
  907. border-color: #DDDDDD;
  908. border-style: none none solid none !important;
  909. }
  910. .pun .frm .frm-form table {
  911. border: none;
  912. border-top: none;
  913. }
  914. .pun table .tcr {
  915. width: 24% !important;
  916. }
  917. .pun table.table th {
  918. color: #8F8F8F;
  919. }
  920. .pun .main table td.tc2, .pun .main table td.tc3 {
  921. background-color: transparent;
  922. }
  923. th.tcl, th.tcr, .tc2, .tc3, .tc4 {
  924. text-transform: uppercase;
  925. }
  926. .pun .frm .frm-form table .tc4 {
  927. width: 20%;
  928. }
  929. #onlinelist {
  930. background-color: #FFFFFF;
  931. }
  932. .pun .main-content ol, .pun .main-content ul {
  933. padding-left: 0;
  934. }
  935. /* Table no Chat WASDev */
  936. #chatbox table {
  937. background: white !important;
  938. border: 0 !important;
  939. position: fixed !important;
  940. max-height: 20px !important;
  941. max-width: 50px !important;
  942. top: -500px !important;
  943. left: -500px !important;
  944. }
  945. #chatbox table:before {
  946. content: 'Tentativa falha..';
  947. }
  948. /* Chatbox */
  949. #chatbox_header.main-head {
  950. background-color: #FFF;
  951. border-bottom-color: #C7E3F1;
  952. border-bottom-style: solid;
  953. border-bottom-width: 2px;
  954. color: #8E8E8E;
  955. font-size: .875em;
  956. font-weight: 700;
  957. margin-bottom: .375em;
  958. margin-top: -2px;
  959. overflow: hidden;
  960. padding: 0;
  961. text-decoration: none;
  962. text-transform: uppercase;
  963. height: 26px;
  964. }
  965. #chatbox_header {
  966. line-height: 1.5;
  967. }
  968. .chatbox-title, .chatbox-title a.chat-title {
  969. color: #8F8F8F;
  970. }
  971. .chatbox-title {
  972. float: left;
  973. margin: 6px 0 6px 0;
  974. width: 15em;
  975. padding: 0;
  976. font-size: inherit;
  977. }
  978. #chatbox_members .member-title {
  979. padding: .5em .25em;
  980. background: #1e9404;
  981. border-radius: 3px;
  982. color: #FFF;
  983. font-size: 0.750em;
  984. margin: 5px;
  985. text-align: center;
  986. font-family: 'Ubuntu', sans-serif;
  987. text-transform: uppercase;
  988. }
  989. .member-title:before {
  990. content: '{';
  991. }
  992. .member-title:after {
  993. content: '}';
  994. }
  995. #chatbox_members ul {
  996. font-size: 0.813em;
  997. }
  998. #chatbox {
  999. background-color: #FFF;
  1000. font-size: .875em;
  1001. padding: 0.375em;
  1002. top: 35px;
  1003. bottom: 55px;
  1004. }
  1005. #chatbox:after {
  1006. background-color: #F5FFF6;
  1007. border-radius: 3px;
  1008. border: 1px solid rgba(0, 0, 0, 0.1);
  1009. color: #1F691C;
  1010. content: 'Não daremos suporte no chatbox! Favor utilizar o fórum para os pedidos de ajuda.';
  1011. display: block;
  1012. font-size: 12px;
  1013. line-height: 1.6;
  1014. padding: .5em;
  1015. }
  1016. .away-users li, .online-users li {
  1017. font-weight: 700;
  1018. font-size: .875em;
  1019. }
  1020. #chatbox .date-and-time {
  1021. float: right;
  1022. margin-top: 0!important;
  1023. }
  1024. #chatbox .user {
  1025. padding: 0!important;
  1026. }
  1027. #chatbox .cb-avatar {
  1028. border-radius: 50%;
  1029. background: none !important;
  1030. border-color: #1e9404 !important;
  1031. border-style: solid;
  1032. border-width: 2px !important;
  1033. box-shadow: none !important;
  1034. padding: 0 !important;
  1035. }
  1036. #chatbox .cb-avatar > img {
  1037. border-radius: 50%;
  1038. height: 30px;
  1039. width: 30px;
  1040. }
  1041. #chatbox p {
  1042. border: 1px solid rgba(0,0,0,.1);
  1043. border-radius: 4px;
  1044. color: #3e454c;
  1045. font-size: 12px;
  1046. margin-bottom: 5px;
  1047. overflow: hidden;
  1048. text-shadow: rgba(255,255,255,.5) 0 1px 0;
  1049. }
  1050. #chatbox > p {
  1051. border-bottom: 1px solid rgba(0,0,0,.1)!important;
  1052. }
  1053. #chatbox .msg {
  1054. display: block;
  1055. line-height: 1.5em;
  1056. margin-top: 0 !important;
  1057. }
  1058. #chatbox_members {
  1059. border-right: 1px solid #FFF;
  1060. background-color: #FFF;
  1061. }
  1062. #chatbox_footer {
  1063. border-top: 1px solid #FFF;
  1064. background-color: #FFF;
  1065. }
  1066. #chatbox_messenger_form {
  1067. margin: 2px 0 0;
  1068. }
  1069. #submit_button {
  1070. height: auto !important;
  1071. width: auto;
  1072. margin-left: 5px;
  1073. border: initial !important;
  1074. border-radius: 0 !important;
  1075. }
  1076. .chatbox-options li, .chatbox-options li a, .chatbox-options li label {
  1077. color: #8F8F8F;
  1078. }
  1079. /* Chatbox IMGS */
  1080. #chatbox img {
  1081. -khtml-border-radius: 3px;
  1082. -moz-border-radius: 3px;
  1083. -webkit-border-radius: 3px;
  1084. border-radius: 3px;
  1085. max-height: 150px!important;
  1086. max-width: 150px!important;
  1087. }
  1088. /* Chatbox TAG Ranks WASDev */
  1089. #chatbox span[style="color:#34495E"]:before {
  1090. content: "{adm}";
  1091. background-color: #34495e;
  1092. border-radius: 3px;
  1093. padding: 2px;
  1094. display: inline-block;
  1095. color: #FFF;
  1096. font-style: normal;
  1097. font-weight: normal;
  1098. line-height: 1;
  1099. -webkit-font-smoothing: antialiased;
  1100. -moz-osx-font-smoothing: grayscale;
  1101. text-transform: uppercase;
  1102. }
  1103. /* Chatbox TAG aviso WASDev*/
  1104. #chatbox span[style="color:undefined"]:before {
  1105. content: "Aviso";
  1106. background-color: #C13030;
  1107. border-radius: 3px;
  1108. padding: 2px;
  1109. display: inline-block;
  1110. color: #FFF;
  1111. font-style: normal;
  1112. font-weight: normal;
  1113. line-height: 1;
  1114. -webkit-font-smoothing: antialiased;
  1115. -moz-osx-font-smoothing: grayscale;
  1116. text-transform: uppercase;
  1117. }
  1118. /* TAG Anuncio Global, Fixo... */
  1119. td.tcl.tdtopics > strong {
  1120. background-color: #60C130;
  1121. border-radius: 3px;
  1122. padding: 2px;
  1123. display: inline-block;
  1124. color: #FFF;
  1125. font-size: 12px;
  1126. font-style: normal;
  1127. font-weight: normal;
  1128. line-height: 1;
  1129. -webkit-font-smoothing: antialiased;
  1130. -moz-osx-font-smoothing: grayscale;
  1131. text-transform: uppercase;
  1132. }
  1133. td.tcl.tdtopics > strong a {
  1134. color: #FFF;
  1135. }
  1136. /* MP's (Boxes, etc) */
  1137. [data-counter]:after {
  1138. background-color: #CF2020;
  1139. border-radius: 3px;
  1140. color: #fff;
  1141. content: attr(data-counter);
  1142. font-size: 10px;
  1143. font-weight: bold;
  1144. line-height: 1.5;
  1145. height: 15px;
  1146. width: 15px;
  1147. padding: 2px;
  1148. margin-left: -9px;
  1149. margin-top: -12px;
  1150. position: absolute;
  1151. text-decoration: none;
  1152. vertical-align: middle;
  1153. text-align: center;
  1154. }
  1155. /* Header e os elementos que o envolve */
  1156. header {
  1157. border-bottom: 4px solid #ddd;
  1158. width: 100%;
  1159. height: 43px;
  1160. padding: 21px 0 20px 0;
  1161. margin-bottom: .75em;
  1162. position: relative;
  1163. }
  1164. #logo {
  1165. background: url(https://i.servimg.com/u/f62/20/00/48/75/brasyo10.png) no-repeat transparent;
  1166. float: left;
  1167. height: 41px;
  1168. margin: 0 9px 0 0;
  1169. width: 49px;
  1170. transition: transform ease-out 0.1s, background 0.2s, width 1s;
  1171. -moz-transition: -moz-transform ease-out 0.1s, background 0.2s, width 1s;
  1172. -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s, width 1s;
  1173. }
  1174. #cssmenu,
  1175. #cssmenu ul,
  1176. #cssmenu ul li,
  1177. #cssmenu ul li a,
  1178. #cssmenu #menu-button {
  1179. margin: 0;
  1180. padding: 0;
  1181. border: 0;
  1182. list-style: none;
  1183. display: block;
  1184. position: relative;
  1185. -webkit-box-sizing: border-box;
  1186. -moz-box-sizing: border-box;
  1187. box-sizing: border-box;
  1188. }
  1189. #cssmenu:after,
  1190. #cssmenu > ul:after {
  1191. content: ".";
  1192. display: none;
  1193. clear: both;
  1194. visibility: hidden;
  1195. line-height: 0;
  1196. height: 0;
  1197. }
  1198. #cssmenu #menu-button {
  1199. display: none;
  1200. }
  1201. #cssmenu {
  1202. margin-top: 10px;
  1203. width: 100%;
  1204. border: none;
  1205. position: relative;
  1206. }
  1207. #cssmenu > ul > li {
  1208. float: left;
  1209. margin-right: 15px;
  1210. }
  1211. #cssmenu.align-center > ul {
  1212. font-size: 0;
  1213. text-align: center;
  1214. }
  1215. #cssmenu.align-center > ul > li {
  1216. display: inline-block;
  1217. float: none;
  1218. }
  1219. #cssmenu.align-center ul ul {
  1220. text-align: left;
  1221. }
  1222. #cssmenu.align-right > ul > li {
  1223. float: right;
  1224. }
  1225. #cssmenu.align-right ul ul {
  1226. text-align: right;
  1227. }
  1228. #cssmenu > ul > li > a {
  1229. font-size: 1.063em;
  1230. text-decoration: none;
  1231. font-weight: bold;
  1232. color: #8C8C8C;
  1233. padding-bottom: 4px;
  1234. position: relative;
  1235. }
  1236. #cssmenu > ul > li:hover > a,
  1237. #cssmenu > ul > li.active > a {
  1238. color: #53595F;
  1239. }
  1240.  
  1241. #cssmenu > ul > li > a:before, #cssmenu > ul > li.active > a:before {
  1242. content: "";
  1243. position: absolute;
  1244. width: 100%;
  1245. height: 3px;
  1246. bottom: 0;
  1247. left: 0;
  1248. background-color: #1e9404;
  1249. visibility: hidden;
  1250. -webkit-transform: scaleX(0);
  1251. transform: scaleX(0);
  1252. -webkit-transition: all 0.3s ease-in-out 0s;
  1253. transition: all 0.3s ease-in-out 0s;
  1254. }
  1255. #cssmenu > ul > li > a:hover:before, #cssmenu > ul > li.active > a:hover:before {
  1256. visibility: visible;
  1257. -webkit-transform: scaleX(1);
  1258. transform: scaleX(1);
  1259. }
  1260.  
  1261. #cssmenu > ul > li.has-sub > a {
  1262. padding-right: 25px;
  1263. }
  1264. #cssmenu > ul > li.has-sub > a::after {
  1265. position: absolute;
  1266. top: 7px;
  1267. right: 10px;
  1268. width: 4px;
  1269. height: 4px;
  1270. border-bottom: 1px solid #000000;
  1271. border-right: 1px solid #000000;
  1272. content: "";
  1273. -webkit-transform: rotate(45deg);
  1274. -moz-transform: rotate(45deg);
  1275. -ms-transform: rotate(45deg);
  1276. -o-transform: rotate(45deg);
  1277. transform: rotate(45deg);
  1278. -webkit-transition: border-color 0.2s ease;
  1279. -moz-transition: border-color 0.2s ease;
  1280. -ms-transition: border-color 0.2s ease;
  1281. -o-transition: border-color 0.2s ease;
  1282. transition: border-color 0.2s ease;
  1283. }
  1284. #cssmenu > ul > li.has-sub:hover > a::after {
  1285. border-color: #000;
  1286. }
  1287. #cssmenu ul ul {
  1288. position: absolute;
  1289. left: -9999px;
  1290. z-index: 999;
  1291. }
  1292. #cssmenu li:hover > ul {
  1293. left: auto;
  1294. }
  1295. #cssmenu.align-right li:hover > ul {
  1296. right: 0;
  1297. }
  1298. #cssmenu ul ul ul {
  1299. margin-left: 100%;
  1300. top: 0;
  1301. }
  1302. #cssmenu.align-right ul ul ul {
  1303. margin-left: 0;
  1304. margin-right: 100%;
  1305. }
  1306. #cssmenu ul ul li {
  1307. height: 0;
  1308. -webkit-transition: height .2s ease;
  1309. -moz-transition: height .2s ease;
  1310. -ms-transition: height .2s ease;
  1311. -o-transition: height .2s ease;
  1312. transition: height .2s ease;
  1313. }
  1314. #cssmenu ul li:hover > ul > li {
  1315. height: 32px;
  1316. }
  1317. #cssmenu ul ul li a {
  1318. padding: 10px 20px;
  1319. width: 160px;
  1320. font-size: 12px;
  1321. background: #53595F;
  1322. text-decoration: none;
  1323. color: #dddddd;
  1324. -webkit-transition: color .2s ease;
  1325. -moz-transition: color .2s ease;
  1326. -ms-transition: color .2s ease;
  1327. -o-transition: color .2s ease;
  1328. transition: color .2s ease;
  1329. }
  1330. #cssmenu ul ul li:hover > a,
  1331. #cssmenu ul ul li a:hover {
  1332. color: #ffffff;
  1333. }
  1334. #cssmenu ul ul li.has-sub > a::after {
  1335. position: absolute;
  1336. top: 13px;
  1337. right: 10px;
  1338. width: 4px;
  1339. height: 4px;
  1340. border-bottom: 1px solid #dddddd;
  1341. border-right: 1px solid #dddddd;
  1342. content: "";
  1343. -webkit-transform: rotate(-45deg);
  1344. -moz-transform: rotate(-45deg);
  1345. -ms-transform: rotate(-45deg);
  1346. -o-transform: rotate(-45deg);
  1347. transform: rotate(-45deg);
  1348. -webkit-transition: border-color 0.2s ease;
  1349. -moz-transition: border-color 0.2s ease;
  1350. -ms-transition: border-color 0.2s ease;
  1351. -o-transition: border-color 0.2s ease;
  1352. transition: border-color 0.2s ease;
  1353. }
  1354. #cssmenu.align-right ul ul li.has-sub > a::after {
  1355. right: auto;
  1356. left: 10px;
  1357. border-bottom: 0;
  1358. border-right: 0;
  1359. border-top: 1px solid #dddddd;
  1360. border-left: 1px solid #dddddd;
  1361. }
  1362. #cssmenu ul ul li.has-sub:hover > a::after {
  1363. border-color: #ffffff;
  1364. }
  1365.  
  1366. #menu2 {
  1367. float: right;
  1368. }
  1369.  
  1370. #usuario, #desconectado {
  1371. padding: 0px;
  1372. margin: 10px 0 0 0;
  1373. }
  1374.  
  1375. #usuario ul li, #desconectado ul li {
  1376. float: left;
  1377. list-style: none;
  1378. }
  1379.  
  1380. #usuario ul li a, #desconectado ul li a {
  1381. padding: 0 10px;
  1382. display: inline-block;
  1383. color: #8F8F8F;
  1384. text-decoration: none;
  1385. }
  1386.  
  1387. #usuario ul li a:hover, #desconectado ul li a:hover {
  1388. color: #53595F;
  1389. }
  1390.  
  1391. #usuario img {
  1392. border-radius: 50%;
  1393. float: left;
  1394. height: 40px;
  1395. margin: 0;
  1396. width: 40px;
  1397. }
  1398. /* Posicionamento */
  1399. .left {
  1400. float: left;
  1401. }
  1402. .right {
  1403. float:right;
  1404. }
  1405. /* Boxes laterais */
  1406. .right_c {
  1407. background: #000;
  1408. border-top: 10px solid #efeff0;
  1409. float: left;
  1410. width: 24%;
  1411. }
  1412. .recent_space {
  1413. max-width: 200px;
  1414. display: block;
  1415. overflow: hidden;
  1416. text-overflow: ellipsis;
  1417. white-space: nowrap;
  1418. }
  1419. /* Tabs WASD */
  1420. #tabs {
  1421. background-color: #fbfbfb;
  1422. border-color: rgba(0,0,0,.1);
  1423. border-style: solid;
  1424. border-width: 1px;
  1425. margin: 0 0 1em;
  1426. padding: 0;
  1427. }
  1428. #tabs ul {
  1429. padding: 0;
  1430. }
  1431. #tabs ul li {
  1432. padding: 0;
  1433. }
  1434. #tabs ul li a {
  1435. background: url(https://i.servimg.com/u/f18/18/45/41/65/nav10.png) repeat-x 0 42px transparent;
  1436. border: initial;
  1437. color: #1e9404;
  1438. cursor: pointer;
  1439. display: inline-block;
  1440. font-size: 0.813em;
  1441. outline: 0 none;
  1442. padding: 8px;
  1443. white-space: nowrap;
  1444. word-wrap: normal;
  1445. font-weight: bold;
  1446. margin-right: 5px;
  1447. text-transform: uppercase;
  1448. }
  1449. #tabs ul li a:hover {
  1450. background-color: initial;
  1451. background-position: 0 37px;
  1452. color: #8F8F8F;
  1453. }
  1454. #tabs ul li.activetab a {
  1455. background-color: initial;
  1456. border-color: #8F8F8F;
  1457. color: #8F8F8F;
  1458. text-decoration: initial;
  1459. }
  1460. #tabs ul li.activetab a:hover {
  1461. background-color: initial;
  1462. }
  1463. /* Inputs */
  1464. input[type="submit"], input[type="reset"], .pun .frm .frm-buttons input, #find_friend, #find_foe {
  1465. background-color: #FFF!important;
  1466. background-image: none!important;
  1467. background-repeat: repeat-x!important;
  1468. border-width: 2px!important;
  1469. border-style: solid!important;
  1470. border-color: #1e9404;
  1471. color: #1e9404!important;
  1472. cursor: pointer;
  1473. font-size: .875em!important;
  1474. font-weight: 700!important;
  1475. outline: 0!important;
  1476. padding: 11px!important;
  1477. text-decoration: none;
  1478. text-transform: uppercase!important;
  1479. letter-spacing: 1px;
  1480. }
  1481. input[type="submit"]:hover, input[type="reset"]:hover, .pun .frm .frm-buttons input:hover, #find_friend:hover, find_foe:hover {
  1482. background-color: #1e9404!important;
  1483. border-color: #FFF;
  1484. color: #FFF!important;
  1485. }
  1486. input[type="select"], .pun select {
  1487. border: none;
  1488. padding: 11px 0;
  1489. border-bottom: solid 1px #1e9404;
  1490. -webkit-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  1491. transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  1492. background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 96%, #1e9404 4%);
  1493. background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, #1e9404 4%);
  1494. background-position: -82em 0;
  1495. background-size: 100% 100%;
  1496. background-repeat: no-repeat;
  1497. color: #8F8F8F;
  1498. font-size: 12px;
  1499. outline: 0;
  1500. }
  1501. input[type="select"]:focus, .pun select:focus {
  1502. box-shadow: none;
  1503. outline: none;
  1504. background-position: 0 0;
  1505. }
  1506.  
  1507. input[type="text"], input[type="password"] {
  1508. border: none;
  1509. padding: 11px 0;
  1510. border-bottom: solid 1px #1e9404;
  1511. -webkit-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  1512. transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  1513. background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 96%, #1e9404 4%);
  1514. background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, #1e9404 4%);
  1515. background-position: -82em 0;
  1516. background-size: 100% 100%;
  1517. background-repeat: no-repeat;
  1518. color: #8F8F8F;
  1519. font-size: 12px;
  1520. outline: 0;
  1521. }
  1522. input[type="text"]:focus, input[type="password"]:focus {
  1523. box-shadow: none;
  1524. outline: none;
  1525. background-position: 0 0;
  1526. }
  1527. input[type="textarea"], .inputbox {
  1528. border: none;
  1529. padding: 11px 0;
  1530. border-bottom: solid 1px #1e9404;
  1531. -webkit-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  1532. transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  1533. background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 96%, #1e9404 4%);
  1534. background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, #1e9404 4%);
  1535. background-position: -84em 0;
  1536. background-size: 100% 100%;
  1537. background-repeat: no-repeat;
  1538. color: #8F8F8F;
  1539. font-size: 12px;
  1540. outline: 0;
  1541. }
  1542. input[type="textarea"]:focus, .inputbox:focus {
  1543. box-shadow: none;
  1544. outline: none;
  1545. background-position: 0 0;
  1546. }
  1547. /* Radio e Checkbox */
  1548. input[type="checkbox"].checkslider, input[type="radio"].checkslider {
  1549. margin-left: 15px;
  1550. margin-top: 11px;
  1551. outline: none;
  1552. cursor: pointer;
  1553. }
  1554.  
  1555. input[type="checkbox"].checkslider, input[type="radio"].checkslider {
  1556. position: relative;
  1557. -webkit-appearance: none;
  1558. -moz-appearance: none;
  1559. -o-appearance: none;
  1560. appearance: none;
  1561. display: inline-block;
  1562. height: 16px;
  1563. width: 38px;
  1564. border-radius: 100px;
  1565. -webkit-border-radius: 100px;
  1566. -moz-border-radius: 100px;
  1567. -o-border-radius: 100px;
  1568. background-color: #C13030;
  1569. backface-visibility: hidden;
  1570. transition: all 0.3s ease;
  1571. -webkit-transition: all 0.3s ease;
  1572. -moz-transition: all 0.3s ease;
  1573. -o-transition: all 0.3s ease;
  1574. }
  1575.  
  1576. input[type="checkbox"].checkslider:checked, input[type="radio"].checkslider:checked {
  1577. background-color: #30C176;
  1578. }
  1579.  
  1580. input[type="checkbox"].checkslider:after, input[type="radio"].checkslider:after {
  1581. content: "";
  1582. width: 14px;
  1583. height: 14px;
  1584. box-shadow: 0p 0px 1px #fff, inset 10px 0px 10px #000;
  1585. border-radius: 100px;
  1586. -webkit-border-radius: 100px;
  1587. -moz-border-radius: 100px;
  1588. -o-border-radius: 100px;
  1589. top: 1px;
  1590. left: 1px;
  1591. position: absolute;
  1592. background: #f4f4f4;
  1593. transition: all .25s ease;
  1594. }
  1595. input[type="checkbox"].checkslider:checked:after, input[type="radio"].checkslider:checked:after {
  1596. left: 23px;
  1597. }
  1598. .pun .frm dd.frm-input, .pun .frm dd.frm-input input, .pun .frm dd.frm-textarea {
  1599. width: 80%!important;
  1600. }
  1601. .fieldset.frm-set.multi {
  1602. border-bottom: none;
  1603. }
  1604. .frm-form fieldset.frm-set .inputbox {
  1605. width: 100%;
  1606. }
  1607. /* Css que tem ligações com box de botões */
  1608. .frm-buttons {
  1609. border-top: 0 !important;
  1610. padding: 0;
  1611. margin-bottom: 1em !important;
  1612. margin-top: 0.5em !important;
  1613. }
  1614. /* Menu secundário */
  1615. #main-nav{
  1616. background-color: #1e9404;
  1617. margin: 0;
  1618. padding: 0;
  1619. width: 100%;
  1620. height: 47px;
  1621. z-index: 999;
  1622. }
  1623. #nav{
  1624. width: auto;
  1625. margin: 0 auto;
  1626. padding: 0;
  1627. }
  1628. #nav li{
  1629. float: left;
  1630. position: relative;
  1631. padding: 13px 18px;
  1632. font-weight: bold;
  1633. text-transform: uppercase;
  1634. font-size: 0.875em;
  1635. color: #FFF;
  1636. }
  1637. #nav li:hover{
  1638. cursor: pointer;
  1639. background-color: #24759E;
  1640. }
  1641.  
  1642. .dropdown ul{
  1643. display: none;
  1644. position: absolute;
  1645. top: 46px;
  1646. margin-left: -18px;
  1647. margin-right: -18px;
  1648. padding: 0;
  1649. width: 100%;
  1650. text-transform: none;
  1651. }
  1652. .dropdown:hover ul.dropdown-list{
  1653. display: block;
  1654. }
  1655. .dropdown ul.dropdown-list li.a{
  1656. background-color:#1e9404;
  1657. width: 150px;
  1658. position: relative;
  1659. }
  1660. .sub-dropdown ul.sub-dropdown-list{
  1661. display: none;
  1662. position: absolute;
  1663. top: 0;
  1664. left: 204px;
  1665. width: 100%;
  1666. }
  1667.  
  1668. .sub-dropdown:hover ul{
  1669. display: block;
  1670. }
  1671. .sub-dropdown-list li{
  1672. background-color: #1e9404;
  1673. }
  1674. .mf{
  1675. background-color: rgba(48, 145, 193, 0.8) !important;
  1676. position: fixed;
  1677. top: 0;
  1678. right: 0;
  1679. left: 0;
  1680. z-index: 999;
  1681. }
  1682. /*recent topics with scroll by WASD :P*/
  1683. .module .recent_topic {max-height: 250px;overflow-y: scroll;}
  1684. /* Rodapé / Footer */
  1685. #onlinechat {
  1686. background-color: #f4f4f4;
  1687. border-radius: 3px;
  1688. border: none;
  1689. padding: .5em 1em;
  1690. margin: 1em 0 0;
  1691. }
  1692. #pun-info {
  1693. border-top: 4px solid #DDDDDD;
  1694. padding-top: 0.375em;
  1695. }
  1696. #pun-about {
  1697. background-color: #FFF;
  1698. border-width: 0;
  1699. font-size: 0.625em;
  1700. line-height: 0;
  1701. padding: 0;
  1702. text-align: left;
  1703. }
  1704. .navbar {
  1705. background-color: #1e9404;
  1706. color: #fff;
  1707. }
  1708. * html .clearfix, * html .navbar, ul.lista-link {
  1709. height: 4%;
  1710. overflow: hidden;
  1711. }
  1712. ul.lista-link {
  1713. display: block;
  1714. margin: 0;
  1715. }
  1716. ul.lista-link li {
  1717. display: block;
  1718. list-style-type: none;
  1719. float: left;
  1720. width: auto;
  1721. font-size: 0.875em;
  1722. line-height: 2.2em;
  1723. }
  1724. ul.lista-link a {
  1725. color: #fff;
  1726. font-weight: bold;
  1727. }
  1728. ul.lista-link li.right, p.right {
  1729. float: right;
  1730. text-align: right;
  1731. }
  1732. .copyright {
  1733. padding: .9em 0;
  1734. font-size: 0.875em;
  1735. font-weight: normal;
  1736. text-align: center;
  1737. }
  1738. .copyright a {
  1739. color: #3091c1;
  1740. }
  1741. footer {
  1742. background-color: #FFF;
  1743. }
  1744. #back-topo {
  1745. background: #1e9404;
  1746. border-radius: 0 0 4px 4px;
  1747. display: inline-block;
  1748. outline: 0;
  1749. position: relative;
  1750. padding: 11px;
  1751. float: left;
  1752. }
  1753. .equipe_box {
  1754. background-color: #f4f4f4;
  1755. border-radius: 3px;
  1756. margin: 0 0 1em;
  1757. padding: .6em 1em;
  1758. }
  1759. /* Ícones dos ranks no rodapé */
  1760. .main-statistics a[href*="/g1-"]:before, .username span[style="color:#34495E"]:before { /* ADM */
  1761. content: "\f013";
  1762. font-family: FontAwesome;
  1763. font-style: normal;
  1764. font-weight: 400;
  1765. padding: 0 4px;
  1766. text-decoration: inherit;
  1767. }
  1768. .main-statistics a[href*="/g2-"]:before, .username span[style="color:#000099"]:before { /* MOD */
  1769. content: "\f06e";
  1770. font-family: FontAwesome;
  1771. font-style: normal;
  1772. font-weight: 400;
  1773. padding: 0 4px;
  1774. text-decoration: inherit;
  1775. }
  1776. .main-statistics a[href*="/g4-"]:before, .username span[style="color:#000099"]:before { /* DEV */
  1777. content: "\f121";
  1778. font-family: FontAwesome;
  1779. font-style: normal;
  1780. font-weight: 400;
  1781. padding: 0 4px;
  1782. text-decoration: inherit;
  1783. }
  1784. .main-statistics a[href*="/g5-"]:before, .username span[style="color:#000099"]:before { /* PROGRAMADOR */
  1785. content: "\f0f4";
  1786. font-family: FontAwesome;
  1787. font-style: normal;
  1788. font-weight: 400;
  1789. padding: 0 4px;
  1790. text-decoration: inherit;
  1791. }
  1792. .main-statistics a[href*="/g6-"]:before, .username span[style="color:#000099"]:before { /* DESIGN */
  1793. content: "\f1fc";
  1794. font-family: FontAwesome;
  1795. font-style: normal;
  1796. font-weight: 400;
  1797. padding: 0 4px;
  1798. text-decoration: inherit;
  1799. }
  1800. .main-statistics a[href*="/g3-"]:before, .username span[style="color:#9b59b6"]:before { /* MEMBROS */
  1801. content: "\f007";
  1802. font-family: FontAwesome;
  1803. font-style: normal;
  1804. font-weight: 400;
  1805. padding: 0 4px;
  1806. text-decoration: inherit;
  1807. }
  1808. .main-statistics a[href*="/g7-"]:before, .username span[style="color:#000099"]:before { /* TURISTAS */
  1809. content: "\f072";
  1810. font-family: FontAwesome;
  1811. font-style: normal;
  1812. font-weight: 400;
  1813. padding: 0 4px;
  1814. text-decoration: inherit;
  1815. }
  1816. /* Ícones em imagem, etc */
  1817. .pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
  1818. background-image: initial!important;
  1819. }
  1820. .exthelp:before {
  1821. content: '\f05a';
  1822. display: inline-block;
  1823. font-family: FontAwesome;
  1824. font-style: normal;
  1825. font-weight: normal;
  1826. -webkit-font-smoothing: antialiased;
  1827. -moz-osx-font-smoothing: grayscale;
  1828. margin-right: 5px;
  1829. color: #4B8ADA;
  1830. }
  1831. /* TITLEBOX */
  1832. .titlebox{
  1833. -moz-border-radius: 3px;
  1834. -webkit-border-radius: 3px;
  1835. background: #FFFFFF;
  1836. border-color: rgba(0,0,0,.1);
  1837. border-radius: 3px;
  1838. border-style: solid;
  1839. border-width: 1px;
  1840. overflow: hidden;
  1841. padding: .6em 1em;
  1842. margin-bottom: .375em;
  1843. }
  1844. .titlebox dd {
  1845. display: block;
  1846. }
  1847. .titlebox dava {
  1848. float: left;
  1849. margin-right: 10px;
  1850. }
  1851. .titlebox dava a img{
  1852. -moz-border-radius: 50%;
  1853. -webkit-border-radius: 50%;
  1854. border-radius: 50%;
  1855. height: 46px;
  1856. width: 46px;
  1857. float:left;
  1858. }
  1859. .titlebox dava a img:hover{
  1860. opacity: .6;
  1861. }
  1862. h1.ipsType_pagetitle {
  1863. font-size: 1.125em;
  1864. z-index: 999;
  1865. }
  1866. .ipsBox_withphoto {
  1867. display: block;
  1868. max-width: 90%;
  1869. overflow: hidden;
  1870. text-overflow: ellipsis;
  1871. white-space: nowrap;
  1872. margin-left: 10px;
  1873. }
  1874. .desc.lighter.blend_links {
  1875. color: #a4a4a4;
  1876. float: left;
  1877. font-size: 0.688em;
  1878. }
  1879. .desc.lighter,.desc.lighter.blend_links a {
  1880. color: #A4A4A4
  1881. }
  1882. .desc,.desc.blend_links a,p.posted_info {
  1883. color: #777;
  1884. font-size: 0.688em;
  1885. }
  1886. .titlebox span[itemprop="creator"] a span strong {
  1887. font-size: 11px!important;
  1888. }
  1889. .conect {
  1890. display: inline-block;
  1891. padding-left: 0.375em;
  1892. }
  1893. .seguir {
  1894. float: right;
  1895. position: relative;
  1896. }
  1897. .seguir a {
  1898. -moz-border-radius: 3px;
  1899. -webkit-border-radius: 3px;
  1900. background: #f4f4f4;
  1901. border: 1px solid rgba(0,0,0,.1);
  1902. border-radius: 3px;
  1903. cursor: pointer;
  1904. display: inline-block;
  1905. font-size: 11px;
  1906. padding: .3em 1em;
  1907. white-space: nowrap;
  1908. }
  1909. .seguir a:hover {
  1910. background-color: #FFF;
  1911. }
  1912. /* Perfil */
  1913. #profile-advanced-layout #tabs {
  1914. background-color: #fbfbfb;
  1915. border-color: rgba(0,0,0,.1);
  1916. border-style: solid;
  1917. border-width: 1px;
  1918. margin: 0 0 1em;
  1919. padding: 0;
  1920. position: relative;
  1921. }
  1922. /* Memberlist */
  1923. .pun div.frm-form {
  1924. margin: 0;
  1925. }
  1926. fieldset.frm-set {
  1927. margin: 0;
  1928. }
  1929. /* Prefixos */
  1930. .resolvido {
  1931. background-color: #30C176;
  1932. border-radius: 3px;
  1933. padding: 2px;
  1934. display: inline-block;
  1935. color: #FFF;
  1936. font-style: normal;
  1937. font-weight: normal;
  1938. line-height: 1;
  1939. -webkit-font-smoothing: antialiased;
  1940. -moz-osx-font-smoothing: grayscale;
  1941. text-transform: uppercase;
  1942. }
  1943. .apresentacao {
  1944. background-color: #30C150;
  1945. border-radius: 3px;
  1946. padding: 2px;
  1947. display: inline-block;
  1948. color: #FFF;
  1949. font-style: normal;
  1950. font-weight: normal;
  1951. line-height: 1;
  1952. -webkit-font-smoothing: antialiased;
  1953. -moz-osx-font-smoothing: grayscale;
  1954. text-transform: uppercase;
  1955. }
  1956. .ajuda, .Ajuda {
  1957. background-color: #30A6C1;
  1958. border-radius: 3px;
  1959. padding: 2px;
  1960. display: inline-block;
  1961. color: #FFF;
  1962. font-style: normal;
  1963. font-weight: normal;
  1964. line-height: 1;
  1965. -webkit-font-smoothing: antialiased;
  1966. -moz-osx-font-smoothing: grayscale;
  1967. text-transform: uppercase;
  1968. }
  1969. /* Página de Registro e Login */
  1970. #pwd_bad:before, #pwd_middle:before, #pwd_good:before {
  1971. content: '';
  1972. display: inline-block;
  1973. font-family: FontAwesome;
  1974. font-style: normal;
  1975. font-weight: normal;
  1976. line-height: 1;
  1977. -webkit-font-smoothing: antialiased;
  1978. -moz-osx-font-smoothing: grayscale;
  1979. margin-right: 10px;
  1980. }
  1981. #pwd_bad {
  1982. background-color: #DB4453;
  1983. border-radius: 4px;
  1984. background-image: initial;
  1985. color: #FFF;
  1986. font-size: 13px;
  1987. padding: 6px;
  1988. }
  1989. #pwd_bad:before, #pwd_middle:before {
  1990. content: '\f071';
  1991. }
  1992. #pwd_middle {
  1993. background-color: #F6BB43;
  1994. border-radius: 4px;
  1995. background-image: initial;
  1996. color: #FFF;
  1997. font-size: 13px;
  1998. padding: 6px;
  1999. }
  2000. #pwd_middle:before {
  2001. content: '\f06a';
  2002. }
  2003. #pwd_good {
  2004. background-color: #35BD99;
  2005. border-radius: 4px;
  2006. background-image: initial;
  2007. color: #FFF;
  2008. font-size: 13px;
  2009. padding: 6px;
  2010. }
  2011. #pwd_good:before {
  2012. content: '\f058';
  2013. }
  2014. /* Teste chatbox */
  2015. .chat_altura {
  2016. height: 400px !important;
  2017. }
  2018. /* Barra de carregamento */
  2019. .pace {
  2020. -webkit-pointer-events: none;
  2021. pointer-events: none;
  2022.  
  2023. -webkit-user-select: none;
  2024. -moz-user-select: none;
  2025. user-select: none;
  2026. }
  2027. .pace-inactive {
  2028. display: none;
  2029. }
  2030. .pace .pace-progress {
  2031. background: #1e9404;
  2032. position: fixed;
  2033. z-index: 999;
  2034. top: 0;
  2035. right: 100%;
  2036. width: 100%;
  2037. height: 3px;
  2038. }
  2039. /* Placas dos ranks */
  2040. .wasdev_rank {
  2041. font-style: normal;
  2042. font-weight: bold;
  2043. float: right;
  2044. }
  2045. .wasdev_rank.adm {
  2046. color: #34495e;
  2047. }
  2048. .wasdev_rank.membros {
  2049. color: #9b59b6;
  2050. }
  2051. /* Teste de coisas (icons) dos tópicos */
  2052. img.i_icon_online {
  2053. background-color: green;
  2054. border-radius: 50%;
  2055. border: 2px solid white;
  2056. width: 10px;
  2057. height: 10px;
  2058. position: absolute;
  2059. top: 50px;
  2060. left: 45px;
  2061. }
  2062. img.i_icon_online:hover {
  2063. opacity: initial;
  2064. }
  2065. .post-options.profile_left {
  2066. margin: 0 0 0 0;
  2067. }
  2068. .botoes_de_opcoes_dos_topicos, .botoes_de_opcoes_dos_topicos_mod, .botoes_de_opcoes_do_hovercard {
  2069. padding: 5px;
  2070. -moz-border-radius: 3px;
  2071. margin-right: 5px;
  2072. margin-bottom: 5px;
  2073. border-color: rgba(0,0,0,.1);
  2074. border-radius: 3px;
  2075. border-style: solid;
  2076. border-width: 1px;
  2077. cursor: pointer;
  2078. -webkit-border-radius: 3px;
  2079. background-color: #f4f4f4;
  2080. border-radius: 3px;
  2081. color: #8C8C8C;
  2082. }
  2083. .botoes_de_opcoes_dos_topicos:hover, .botoes_de_opcoes_dos_topicos_mod:hover, .botoes_de_opcoes_do_hovercard:hover {
  2084. background-color: #EAEAEA;
  2085. }
  2086. .pun .main .options {
  2087. color: initial !important;
  2088. }
  2089. /* Arrows (setas) / Icons que eram IMG e transformei em icons CSS (font) */
  2090. .sprite-arrow_prosilver_left, .sprite-arrow_prosilver_right, .sprite-arrow_prosilver_up, .sprite-arrow_prosilver_down {
  2091. background: none;
  2092. background-position: inherit;
  2093. color: #8C8C8C;
  2094. }
  2095. img.sprite-arrow_prosilver_left, img.sprite-arrow_prosilver_right, img.sprite-arrow_prosilver_up, img.sprite-arrow_prosilver_down {
  2096. content: '';
  2097. margin-left: 1px;
  2098. font-family: FontAwesome;
  2099. }
  2100. img.sprite-arrow_prosilver_left:before {
  2101. content: '\f190';
  2102. }
  2103.  
  2104. img.sprite-arrow_prosilver_right:before {
  2105. content: '\f18e';
  2106. }
  2107.  
  2108. img.sprite-arrow_prosilver_up:before {
  2109. content: '\f01b';
  2110. }
  2111.  
  2112. img.sprite-arrow_prosilver_down:before {
  2113. content: '\f01a';
  2114. }
  2115.  
  2116. .sprite-icon_topic_latest {
  2117. background: none;
  2118. background-position: inherit;
  2119. }
  2120. img.sprite-icon_topic_latest {
  2121. content: '';
  2122. margin-left: 1px;
  2123. font-family: FontAwesome;
  2124. color: #8E8E8E;
  2125. }
  2126. img.sprite-icon_topic_latest:before {
  2127. content: '\f08e';
  2128. }
  2129.  
  2130. .pun .posthead img, .pun table .tdtopics img[src*="https://illiweb.com/fa/prosilver_grey/icon_participate.gif"] {
  2131. content: '';
  2132. }
  2133. .pun .posthead img, .pun table .tdtopics img[src*="https://illiweb.com/fa/prosilver_grey/icon_participate.gif"]:before {
  2134. content: '\f058';
  2135. font-family: FontAwesome;
  2136. color: #53595F;
  2137. }
  2138.  
  2139. #divsmilies > img[alt*="Emoticons"] {
  2140. content: '';
  2141. }
  2142. #divsmilies > img[alt*="Emoticons"]:before {
  2143. content: ':)';
  2144. font-weight: bold;
  2145. font-size: 14px;
  2146. line-height: 1.2;
  2147. }
  2148.  
  2149. img[src*="https://illiweb.com/fa/prosilver_grey/icon_contact_skype.gif"] {
  2150. content: '';
  2151. font-family: FontAwesome;
  2152. font-size: 16px;
  2153. color: #00ADED;
  2154. }
  2155. img[src*="https://illiweb.com/fa/prosilver_grey/icon_contact_skype.gif"]:before {
  2156. content: '\f17e';
  2157. }
  2158. img[src*="https://illiweb.com/fa/prosilver_grey/icon_contact_pinterest.gif"] {
  2159. content: '';
  2160. font-family: FontAwesome;
  2161. font-size: 16px;
  2162. color: #B41D2E;
  2163. }
  2164. img[src*="https://illiweb.com/fa/prosilver_grey/icon_contact_pinterest.gif"]:before {
  2165. content: '\f0d2';
  2166. }
  2167. img[src*="https://illiweb.com/fa/prosilver_grey/icon_contact_twitter.gif"] {
  2168. content: '';
  2169. font-family: FontAwesome;
  2170. font-size: 16px;
  2171. color: #55ACEE;
  2172. }
  2173. img[src*="https://illiweb.com/fa/prosilver_grey/icon_contact_twitter.gif"]:before {
  2174. content: '\f099';
  2175. }
  2176. img[src*="https://illiweb.com/fa/prosilver_grey/icon_contact_fb.gif"] {
  2177. content: '';
  2178. font-family: FontAwesome;
  2179. font-size: 16px;
  2180. color: #6F83B6;
  2181. }
  2182. img[src*="https://illiweb.com/fa/prosilver_grey/icon_contact_fb.gif"]:before {
  2183. content: '\f082';
  2184. }
  2185. img[src*="https://illiweb.com/fa/prosilver_grey/icon_contact_www.gif"] {
  2186. content: '';
  2187. font-family: FontAwesome;
  2188. font-size: 16px;
  2189. color: #8C8C8C;
  2190. }
  2191. img[src*="https://illiweb.com/fa/prosilver_grey/icon_contact_www.gif"]:before {
  2192. content: '\f0ac';
  2193. }
  2194. img[src*="https://illiweb.com/fa/prosilver_grey/icon_contact_email.gif"] {
  2195. content: '';
  2196. font-family: FontAwesome;
  2197. font-size: 16px;
  2198. color: #8C8C8C;
  2199. }
  2200. img[src*="https://illiweb.com/fa/prosilver_grey/icon_contact_email.gif"]:before {
  2201. content: '\f0e0';
  2202. }
  2203. img[src*="https://illiweb.com/fa/prosilver_grey/icon_contact_pm.png"] {
  2204. content: '';
  2205. font-family: FontAwesome;
  2206. font-size: 16px;
  2207. color: #8C8C8C;
  2208. }
  2209. img[src*="https://illiweb.com/fa/prosilver_grey/icon_contact_pm.png"]:before {
  2210. content: '\f0e6';
  2211. }
  2212. img[src*="https://illiweb.com/fa/prosilver_grey/icon_user_profile.png"] {
  2213. content: '';
  2214. font-family: FontAwesome;
  2215. font-size: 16px;
  2216. color: #8C8C8C;
  2217. }
  2218. img[src*="https://illiweb.com/fa/prosilver_grey/icon_user_profile.png"]:before {
  2219. content: '\f007';
  2220. }
  2221.  
  2222. .pun .posthead img, .pun table .tdtopics img[src="https://imgfast.net/users/1911/13/87/62/album/th/giupdo10.png"] {
  2223. content: '';
  2224. }
  2225. .pun .posthead img, .pun table .tdtopics img[src*="https://imgfast.net/users/1911/13/87/62/album/th/giupdo10.png"]:before {
  2226. content: '\f1cd';
  2227. font-family: FontAwesome;
  2228. color: #ea6153;
  2229. font-size: 16px;
  2230. }
  2231. .pun .posthead img, .pun table .tdtopics img[src="https://imgfast.net/users/1911/13/87/62/album/th/yeu10.png"] {
  2232. content: '';
  2233. }
  2234. .pun .posthead img, .pun table .tdtopics img[src*="https://imgfast.net/users/1911/13/87/62/album/th/yeu10.png"]:before {
  2235. content: '\f004';
  2236. font-family: FontAwesome;
  2237. color: #C13030;
  2238. font-size: 16px;
  2239. }
  2240. /* Inbox LIST */
  2241. .bs_pop_over_conteudo {
  2242. background-color: #fff;
  2243. -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  2244. -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  2245. box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  2246. overflow-x: hidden;
  2247. }
  2248. #bs_full_inbox a {
  2249. color: #1e9404;
  2250. text-decoration: none;
  2251. }
  2252. #bs_full_inbox {
  2253. font-size: 13px;
  2254. line-height: 18px;
  2255. margin-top: 1em;
  2256. display: none;
  2257. width: 24em;
  2258. background: rgba(70, 70, 70, 0.6);
  2259. border-radius: 3px;
  2260. z-index: 200;
  2261. position: absolute;
  2262. padding: 4px;
  2263. left: 55.8%!important;
  2264. }
  2265. #bs_full_inbox:before {
  2266. border-style: solid;
  2267. border-width: 8px;
  2268. border-color: transparent transparent rgba(70, 70, 70, 0.6);
  2269. bottom: 100%;
  2270. pointer-events: none;
  2271. left: 21em;
  2272. content: "";
  2273. display: block;
  2274. height: 0;
  2275. position: absolute;
  2276. width: 0;
  2277. z-index: 3;
  2278. }
  2279. .bs_inbox_header {
  2280. background: #f4f4f4;
  2281. border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  2282. padding: 10px;
  2283. line-height: 1.5;
  2284. }
  2285. .bs_inbox_header .compose {
  2286. font-size: 1.000em;
  2287. padding: 0.2em 1em !important;
  2288. float: right;
  2289. background-color: #1e9404;
  2290. color: #ffffff !important;
  2291. font-weight: 500;
  2292. text-transform: uppercase;
  2293. text-align: center;
  2294. text-decoration: none;
  2295. text-shadow: none;
  2296. white-space: nowrap;
  2297. display: inline-block;
  2298. vertical-align: middle;
  2299. border-radius: 3px;
  2300. -webkit-font-smoothing: antialiased;
  2301. }
  2302. .bs_inbox_header .compose:hover {
  2303. background-repeat: repeat;
  2304. }
  2305. .bs_inbox_sectionHead {
  2306. font-size: 1.000em;
  2307. color: #8F8F8F;
  2308. line-height: 24px;
  2309. font-weight: 300;
  2310. display: inline-block;
  2311. margin: 0;
  2312. }
  2313. .bs_inbox_inner {
  2314. width: 100%;
  2315. display: table;
  2316. table-layout: auto;
  2317. position: relative;
  2318. border-collapse: separate;
  2319. border-spacing: 0;
  2320. list-style: none;
  2321. padding: 0;
  2322. margin: 0;
  2323. }
  2324. .bs_inbox_li {
  2325. width: 100%;
  2326. position: relative;
  2327. padding: .2em 1em;
  2328. border-width: 0 0 1px 0;
  2329. border-style: solid;
  2330. border-color: rgba(0, 0, 0, 0.1);
  2331. box-sizing: border-box;
  2332. }
  2333. .bs_inbox_li:last-child {
  2334. border-bottom: 0;
  2335. }
  2336. .bs_inbox_item, .bs_user_p {
  2337. display: table-cell;
  2338. padding: 8px 10px;
  2339. }
  2340. .bs_inbox_item {
  2341. color: #9c9c9c;
  2342. }
  2343. .bs_inbox_item .topictitle {
  2344. display: inherit;
  2345. }
  2346. .bs_inbox_footer {
  2347. background-color: #f4f4f4;
  2348. text-align: center;
  2349. padding: 10px;
  2350. line-height: 24px;
  2351. border-top: 1px solid rgba(0, 0, 0, 0.1);
  2352. }
  2353. .bs_inbox_photo {
  2354. background: #fff;
  2355. vertical-align: middle;
  2356. line-height: 1px;
  2357. position: relative;
  2358. border-radius: 50%;
  2359. width: 40px;
  2360. height: 40px;
  2361. }
  2362. /* Página de Registro e Login */
  2363. a.button {
  2364. color: #FFF !important;
  2365. }
  2366. .button {
  2367. display: inline-block;
  2368. width: 98%;
  2369. margin-bottom: 1em;
  2370. text-align: center;
  2371. vertical-align: middle;
  2372. white-space: nowrap;
  2373. border-radius: 3px;
  2374. cursor: pointer;
  2375. font-size: .875em;
  2376. font-weight: 700;
  2377. padding: 10px;
  2378. text-decoration: none;
  2379. text-transform: uppercase;
  2380. }
  2381. .button:hover {
  2382. opacity: 0.6;
  2383. }
  2384. .button.verde {
  2385. background-color: #30C176;
  2386. }
  2387. .button.vermelho {
  2388. background-color: #C13030;
  2389. }
  2390. /* Info do user Mouseover */
  2391. .cp_geral {
  2392. width:260px;
  2393. z-index: 999;
  2394. transition:all 150ms linear;
  2395. }
  2396. .cp_box {
  2397. width:260px;
  2398. -webkit-border-radius:3px;
  2399. -moz-border-radius:3px;
  2400. border-radius:3px;
  2401. left:-119px;
  2402. top:-20px;
  2403. background:#fff;
  2404. z-index: 999;
  2405. position:absolute;
  2406. margin:50px;
  2407. border-color: rgba(0,0,0,.1);
  2408. border-style: solid;
  2409. border-width: 1px;
  2410. transition:all 150ms linear;
  2411. }
  2412. .cp_capa {
  2413. background: #FFF;
  2414. border-radius: 3px 3px 0 0;
  2415. height: 40px;
  2416. padding: 11px;
  2417. }
  2418. .cp_capa:after {
  2419. content:"";
  2420. display:inline-block;
  2421. vertical-align:middle;
  2422. margin-left:120px;
  2423. position: absolute;
  2424. width: 0px;
  2425. top: -8px;
  2426. height: 0px;
  2427. left: 0px;
  2428. border-left: 9px solid transparent;
  2429. border-right: 9px solid transparent;
  2430. border-bottom: 9px solid #FFF;
  2431. }
  2432. .cp_capa:before {
  2433. content:"";
  2434. display:inline-block;
  2435. vertical-align:middle;
  2436. margin-left:120px;
  2437. position: absolute;
  2438. width: 0px;
  2439. top: -10px;
  2440. height: 0px;
  2441. left: 0px;
  2442. border-left: 9px solid transparent;
  2443. border-right: 9px solid transparent;
  2444. border-bottom: 9px solid rgba(0,0,0,0.1);
  2445. }
  2446. .cp_capa-avatar {
  2447. -moz-border-radius:50%;
  2448. -webkit-border-radius:50%;
  2449. border-radius:50%;
  2450. height:40px;
  2451. width:40px;
  2452. text-align:center;
  2453. float:left;
  2454. font-size:0;
  2455. margin-right: 10px;
  2456. }
  2457. .cp_capa-avatar img {
  2458. -moz-border-radius:50%;
  2459. -webkit-border-radius:50%;
  2460. border-radius:50%;
  2461. height:40px;
  2462. width:40px;
  2463. }
  2464. .cp_capa-avatar img:nth-of-type(2) {
  2465. display:none
  2466. }
  2467. .cp_capa-nick {
  2468. float:left;
  2469. }
  2470. .cp_capa-nick strong {
  2471. font-size:13px;
  2472. display:block;
  2473. }
  2474. .cp_icones {
  2475. background: #f4f4f4;
  2476. border-radius: 0 0 3px 3px;
  2477. border-top-color: rgba(0,0,0,.1);
  2478. border-top-style: solid;
  2479. border-top-width: 1px;
  2480. height: 20px;
  2481. line-height: 1.5;
  2482. padding: 11px;
  2483. }
  2484. .cp_mp, .cp_perfil {
  2485. float:left;
  2486. transition:all 150ms linear;
  2487. }
  2488. .cp_mais {
  2489. width:100%;
  2490. }
  2491. .cp_capa-avatar br, .span_capa-nick img, .span_capa-nick br {
  2492. display:none;
  2493. }
  2494. .cp_capa-nick span, .span_capa-nick {
  2495. float: none!important;
  2496. border: none;
  2497. margin-top: 0;
  2498. margin-bottom: 0;
  2499. text-transform: inherit;
  2500. letter-spacing: 0;
  2501. }
  2502. .botoes_de_opcoes_do_hovercard {
  2503. margin: 0 10px 0 0;
  2504. }
  2505. /* Coisas dos menus */
  2506. span.srl {
  2507. float: left;
  2508. }
  2509. span.srr {
  2510. float: right;
  2511. }
  2512. span.contador {
  2513. background: #1e9404;
  2514. border-radius: 3px;
  2515. padding: 2px 6px;
  2516. color: #FFF;
  2517. font-weight: normal;
  2518. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!