API tools faq
paste
Advertisement
Guest User

Untitled

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