Advertisement
Guest User

Untitled

a guest
Jun 23rd, 2018
94
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 44.08 KB | None | 0 0
  1. #pun-visit, .main-box {
  2. display: none !important;
  3. }
  4.  
  5. body {
  6. background-image: url('http://i.imgur.com/NNvnyyL.png')!important;
  7. background-position: center!important;
  8. }
  9. #pun-intro {
  10. background-color: transparent!important;
  11. }
  12.  
  13. h4.username{margin-left:25px}.user-ident{text-align:center}
  14.  
  15. .pun div, .pun td, .sig-line {
  16. border-color: ##DDD;
  17. color: ##DDD;
  18. }
  19. .post_field {
  20. border: 1px solid #DDD;
  21. padding: 4px;
  22. margin-bottom: -15px;
  23. border-left: 5px solid #DDD;
  24. text-align: left;
  25. background: #fff;
  26. }
  27. .pun .user .user-info {
  28. background: #F5F5F5 none repeat scroll 0 0;
  29. border-top: 1px solid rgba(0,0,0,0.15);
  30. color: #666;
  31. line-height: 1.8em;
  32. padding: 5px !important;
  33. }
  34. .overview {
  35. left: 550px!important;
  36. position: absolute!important;
  37. top: 40px!important;
  38. }
  39. .pun #pun-intro, .pun #pun-navlinks .mainmenu:after {
  40. background-color: #000;
  41. }
  42. .pun #pun-head #pun-navlinks {
  43. background-color: #1d1f25;
  44. border-top: 3px solid #3091c1;
  45. }
  46. .pun #pun-head {
  47. margin-top: -5pc;
  48. position: absolute;
  49. width: 100%;
  50. left: 0;
  51. }
  52. .pun #pun-intro {
  53. top: 0;
  54. position: absolute;
  55. width: 100%;
  56. left: 0;
  57. padding: 50px 0;
  58. height: 40px;
  59. }
  60. .pun #pun-navlinks ul {
  61. text-align: center;
  62. }
  63. .pun #pun-head,
  64. .pun #pun-intro {
  65. display: inherit;
  66. }
  67. #branding,
  68. .wrapper {
  69. display: none!important;
  70. }
  71. .pun {
  72. margin-top: 185px
  73. }
  74. .pun #pun-logo,
  75. .pun #pun-title,
  76. .pun p#pun-desc {
  77. padding-left: 5%;
  78. display: block
  79. }
  80. .pun #pun-head #pun-navlinks {
  81. padding: 0;
  82. }
  83. .pun #pun-navlinks li {
  84. color: #FFF;
  85. line-height: 0;
  86. padding: 0px;
  87. }
  88. #pun-navlinks a.mainmenu:hover {
  89. background: #3091c1;
  90. }
  91. .pun #pun-navlinks .mainmenu {
  92. color: #FFF;
  93. font-size: 14px;
  94. font-weight: 700;
  95. font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
  96. text-decoration: none;
  97. line-height: 40px;
  98. padding: 0 10px;
  99. display: inline-block;
  100. overflow: hidden;
  101. position: relative;
  102. }
  103. .pun #pun-navlinks .mainmenu {
  104. text-decoration: none
  105. }
  106. .pun #pun-navlinks .mainmenu:hover:after {
  107. bottom: 0;
  108. }
  109.  
  110.  
  111.  
  112. /*editor*/
  113. .sceditor-button-emoticon div {
  114. background: url(http://illiweb.com/fa/i/smiles/icon_smile.gif)!important;
  115. background-repeat: no-repeat!important
  116. }
  117.  
  118. .sceditor-button-dailymotion div {
  119. background: url(http://illiweb.com/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/dailymotion.png)!important
  120. }
  121.  
  122. .sceditor-button-flash div {
  123. background: url(http://illiweb.com/fa/wysiwyg/page_white_flash.png)!important
  124. }
  125.  
  126. .sceditor-button-servimg div {
  127. background: url(http://illiweb.com/fa/wysiwyg/picture_save.png)!important
  128. }
  129.  
  130. .sceditor-button-faspoiler div {
  131. background: url(http://illiweb.com/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/faspoiler.png)!important
  132. }
  133.  
  134. .sceditor-button-fahide div {
  135. background: url(http://illiweb.com/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/fahide.png)!important
  136. }
  137.  
  138. .sceditor-button-fascroll div {
  139. background: url(http://illiweb.com/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/scroll.png)!important
  140. }
  141.  
  142. .sceditor-button-faupdown div {
  143. background: url(http://illiweb.com/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/updown.png)!important
  144. }
  145.  
  146. .sceditor-button-fawow div {
  147. background: url(http://illiweb.com/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/wow.png)!important
  148. }
  149.  
  150. .sceditor-button-farand div {
  151. background: url(http://illiweb.com/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/rand.png)!important
  152. }
  153.  
  154. .sceditor-button-faroll div {
  155. background: url(http://illiweb.com/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/roll.png)!important
  156. }
  157.  
  158. .sceditor-button-more div {
  159. background: url(http://illiweb.com/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/dotdotdot.png)!important
  160. }
  161.  
  162. .sceditor-button.sceditor-button-font {
  163. background: url(http://i55.servimg.com/u/f55/18/17/62/92/fonte10.png) repeat scroll 0 0 rgba(0,0,0,0)!important;
  164. height: 18px;
  165. width: 77px
  166. }
  167.  
  168. .sceditor-button.sceditor-button-font > div {
  169. display: none!important
  170. }
  171.  
  172. .sceditor-button.sceditor-button-size {
  173. background: url(http://i55.servimg.com/u/f55/18/17/62/92/size10.png) no-repeat scroll 0 0 rgba(0,0,0,0)!important;
  174. height: 18px;
  175. width: 57px
  176. }
  177.  
  178. .sceditor-button.sceditor-button-size > div {
  179. display: none!important
  180. }
  181.  
  182. .sceditor-button.sceditor-button-color {
  183. margin-left: 5px!important;
  184. margin-right: 5px!important
  185. }
  186.  
  187. #text_editor_controls {
  188. display: !important
  189. }
  190.  
  191. .sceditor-container.ltr {
  192. background-color: #E4EBF2!important;
  193. border: 2px solid #D5DDE5!important;
  194. border-radius: 0!important;
  195. height: 200px;
  196. padding: 0 5px 21px 3px;
  197. width: auto!important
  198. }
  199.  
  200. .sceditor-container iframe,.sceditor-container textarea {
  201. background: none repeat scroll 0 0 #FFF!important;
  202. border-color: #BBB #DDD #DDD #BBB !important;
  203. border-style: solid!important;
  204. border-width: 1px!important;
  205. height: 200px!important;
  206. margin: 0!important;
  207. width: 100%!important
  208. }
  209.  
  210. #text_editor_textarea,#textarea_content iframe#text_editor_iframe {
  211. height: 200px!important;
  212. width: 100%!important
  213. }
  214.  
  215. div.sceditor-group {
  216. background: none repeat scroll 0 0 rgba(0,0,0,0)!important;
  217. border-bottom: medium none!important;
  218. margin: 1px 5px 1px 0;
  219. padding: 1px
  220. }
  221.  
  222. div.sceditor-toolbar {
  223. background: none repeat scroll 0 0 padding-box #E4EBF2!important;
  224. border-bottom-width: 0!important;
  225. padding: 3px 5px 2px!important
  226. }
  227.  
  228. #smiley-box iframe {
  229. height: 230px
  230. }
  231.  
  232. #smilies_categ {
  233. padding: 0
  234. }
  235.  
  236. #smiley-box {
  237. border: 1px solid #DDD;
  238. display: none!important;
  239. margin: 5px 0!important;
  240. padding: 5px
  241. }
  242.  
  243. #textarea_content dt {
  244. display: none
  245. }
  246.  
  247. #textarea_content {
  248. width: 98%!important
  249. }
  250. .sceditor-button:hover {
  251. background: #D5DDE5!important;
  252. box-shadow: none!important;
  253. }
  254. .sceditor-button:active,.sceditor-button .active{
  255. background-color: #F0F0F0!important;
  256. border: 1px solid #BBB!important;
  257. opacity: 1!important;
  258. padding: 2px 4px!important;
  259. }
  260. .sceditor-button .active:focus{
  261. background-color: #86CAFF !important;
  262. }
  263.  
  264.  
  265.  
  266.  
  267. ol, ul {
  268. list-style: none;
  269. }
  270. .tc1, .tcr, .pun table.table td {
  271. border: none !important;
  272. }
  273.  
  274.  
  275.  
  276. #statistics {
  277. -webkit-border-radius: 5px;
  278. -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
  279. background: #1c1f25!important;
  280. border: 1px solid #292929;
  281. border-radius: 5px;
  282. box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
  283. display: inline-block;
  284. text-align: center;
  285. margin: 0 auto;
  286. padding: 5px 15%;
  287. width: 100%;
  288. }
  289. #statistics .statsPers {
  290. text-align: center;
  291. margin: 0 auto;
  292. }
  293. #statistics .statsPers li > span {
  294. -webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgb(0, 0, 0) 0px 1px 0px;
  295. -moz-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
  296. box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgb(0, 0, 0) 0px 1px 0px;
  297. }
  298. #statistics br {
  299. display: none
  300. }
  301. .statistics_head {
  302. -webkit-border-radius: 5px;
  303. -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
  304. background: #F4F4F4!important;
  305. border: 1px solid #1c1f25;
  306. border-radius: 5px;
  307. box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
  308. margin-bottom: 1em;
  309. padding: 10px;
  310. }
  311. #onlinelist {
  312. -webkit-border-radius: 5px;
  313. -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
  314. background: #F4F4F4 url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat!important;
  315. border: 1px solid #232222!important;
  316. border-radius: 5px;
  317. box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
  318. padding: 15px;
  319. }
  320. .main-statistics {
  321. -webkit-border-radius: 5px;
  322. -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
  323. background: #1c1f25!important;
  324. border: 1px solid #292929;
  325. border-radius: 5px;
  326. box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
  327. margin-bottom: 1em;
  328. padding: 10px;
  329. }
  330.  
  331.  
  332.  
  333. div.pun {
  334. margin-top: 0;
  335. }
  336.  
  337. div.pun #pun-logo {
  338. padding-left: 0;
  339. width: 100%;
  340. text-align: center;
  341. }
  342.  
  343. div.pun #pun-intro {
  344. position: initial;
  345. height: auto;
  346. border-bottom: none;
  347. }
  348.  
  349. div.pun #pun-head {
  350. margin-top: 0;
  351. position: static;
  352. height: 40px;
  353. }
  354.  
  355. div.pun #pun-head #pun-navlinks {
  356. left: 0;
  357. right: 0;
  358. position: absolute;
  359. }
  360.  
  361.  
  362.  
  363. #chatbox {
  364. left: 0;
  365. color: #777;
  366. font-size: 11px;
  367. }
  368.  
  369. #chatbox_members {
  370. display: none;
  371. }
  372.  
  373. #chatbox .cb-avatar,
  374. #chatbox .cb-avatar > img {
  375. width: 16px !important;
  376. height: 16px !important;
  377. }
  378.  
  379. .chatbox-username {
  380. margin-right: 10px;
  381. }
  382.  
  383. .chatbox-username:before {
  384. content: '@';
  385. display: inline-block;
  386. margin: 0 10px 0 5px;
  387. }
  388.  
  389. #chatbox .msg,
  390. #chatbox .user {
  391. display: inline-block !important;
  392. }
  393. #chatbox .user strong {
  394. font-size: 0;
  395. }
  396.  
  397. #chatbox .chatbox-message-username {
  398. font-size: 11px;
  399. }
  400. #chatbox .cb-avatar {
  401. margin-top: 2px;
  402. }
  403.  
  404. #chatbox .user {
  405. width: 100px;
  406. overflow: hidden;
  407. text-overflow: ellipsis;
  408. white-space: nowrap;
  409. vertical-align: middle;
  410. padding: 0;
  411. height: 24px;
  412. line-height: 24px;
  413. margin: 0;
  414. }
  415.  
  416. .chatbox-username:before {
  417. margin-right: 5px;
  418. }
  419.  
  420. #chatbox .msg {
  421. vertical-align: middle;
  422. line-height: 24px;
  423. margin: 0;
  424. }
  425.  
  426. #chatbox .user + .msg:before {
  427. content: ":";
  428. display: inline-block;
  429. margin-right: 10px;
  430. }
  431.  
  432. #chatbox_header.main-head {
  433. border-top: none;
  434. border-bottom: 3px solid #3091C1;
  435. border-radius: 3px;
  436. }
  437.  
  438. .chatbox-options {
  439. margin: 0;
  440. line-height: 20px;
  441. }
  442.  
  443. #chatbox_top + div[style="resize"] {
  444. display: none;
  445. }
  446. #chatbox {
  447. height: 220px !important;
  448. box-sizing: border-box;
  449. }
  450.  
  451.  
  452.  
  453. .pun .posthead {
  454. background: #f5f5f5;
  455. background: -moz-linear-gradient(top, #286da0 0%, #286da0 100%);
  456. background: -webkit-linear-gradient(top, #D3D3D3 0%, #286da0 100%);
  457. background: linear-gradient(to bottom, #d9dde8 0%, #d9dde8 100%);
  458. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#eaeaea', GradientType=0);
  459. padding: 10px 10px 10px 30px;
  460. }
  461.  
  462. .pun .posthead .username,
  463. .pun .posthead h2 {
  464. margin: 0;
  465. display: inline-block;
  466. }
  467.  
  468. .pun .post .user {
  469. padding-top: 0;
  470. margin-top: 0;
  471. }
  472.  
  473. .pun .post .user {
  474. text-align: center;
  475. }
  476.  
  477. /*POPUP TOPICO NÃO LIDO */
  478. #popupnew {min-height:50px;
  479. background-color: #121212;
  480. border: 1px solid #090909;
  481. border-left: 10px solid #090909 !important;
  482. min-width: 200px;
  483. position: absolute;
  484. position: fixed;
  485. bottom: 30px;
  486. margin-left: 40px;
  487. border-radius: 0px 1em 1em 0px;
  488. padding: 5px;
  489. box-shadow: 0px 0px 3px black, 0px 0px 5px black, 0px 0px 10px black, 0px 0px 15px black;
  490. z-index: 999;
  491. display:none;
  492. font-family: Segoe UI, Calibri, Sans-serif;
  493. font-size: 16pt;}
  494.  
  495.  
  496.  
  497. a[href="/g9-fundador"] {
  498. text-shadow: 0px 0px 5px #00FF00;
  499. }
  500. a[href="/g4-dono"] {
  501. text-shadow: 0px 0px 5px #FF1493;
  502. }
  503. a[href="/g10-sub-dono"] {
  504. text-shadow: 0px 0px 5px #29ffab;
  505. }
  506. a[href="/g16-elite"] {
  507. text-shadow: 0px 0px 5px #00628f;
  508. }
  509. a[href="/g5-conselheiro"] {
  510. text-shadow: 0px 0px 5px #B22222;
  511. }
  512. a[href="/g6-veterano"] {
  513. text-shadow: 0px 0px 5px #DAA520;
  514. }
  515. a[href="/g7-membro"] {
  516. text-shadow: 0px 0px 5px #16530b;
  517. }
  518. a[href="/g15-app"] {
  519. text-shadow: 0px 0px 5px #ff9900;
  520. }
  521. a[href="/g8-visitante"] {
  522. text-shadow: 0px 0px 5px #708090;
  523. }
  524. a {
  525. text-decoration: none;
  526. }
  527.  
  528.  
  529.  
  530. a[href="/u1"] {
  531. text-shadow: 0px 0px 7px #7FFF00;
  532. }
  533. a[href="/u1"] {
  534. background: url("http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif");
  535. }
  536.  
  537.  
  538. a[href="/u95"] {
  539. background: url("https://i.imgur.com/oLDb93F.gif");
  540. }
  541.  
  542.  
  543. .pun .posthead {
  544. border-bottom: none;
  545. }
  546.  
  547. .postfoot {
  548. border-top: none;
  549. }
  550.  
  551. Bluetext {
  552. color: blue;
  553. text-shadow: 0 0 5px blue;
  554. }
  555. Greentext {
  556. color: green;
  557. text-shadow: 0 0 5px green;
  558. }
  559. Orangetext {
  560. color: orange;
  561. text-shadow: 0 0 5px orange;
  562. }
  563. Purpletext {
  564. color: purple;
  565. text-shadow: 0 0 5px purple;
  566. }
  567. Blacktext {
  568. color: black;
  569. }
  570.  
  571. Cyantext {
  572. color: cyan;
  573. text-shadow: 0 0 5px cyan;
  574. }
  575. Redtext {
  576. color: red;
  577. text-shadow: 0 0 5px red;
  578. }
  579.  
  580.  
  581. .main .main-foot,.main .main-head {
  582. -khtml-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
  583. -moz-border-radius: 0 0 4px 4px;
  584. -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
  585. -o-border-radius: 0 0 4px 4px;
  586. -webkit-border-radius: 0 0 4px 4px;
  587. -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
  588. background: #1c1f25;
  589. border-bottom: 1px solid rgba(0,0,0,.20);
  590. border-radius: 0 0 4px 4px;
  591. border-top: 3px solid #3091C1;
  592. box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
  593. color: #FFF;
  594. font-family: Ubuntu;
  595. font-size: 13px;
  596. font-weight: 700;
  597. margin-bottom: 5px;
  598. overflow: hidden;
  599. padding: 15px;
  600. position: relative;
  601. text-decoration: none;
  602. text-shadow: 0 2px 0 rgba(0,0,0,0.14);
  603. text-transform: uppercase;
  604. }
  605.  
  606.  
  607.  
  608.  
  609.  
  610. .codebox {
  611. background-color: #f3f3f3;
  612. border-left: 8px #ea4141 solid;
  613. box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.2);
  614. }
  615.  
  616. .codebox dt {
  617. text-align: left;
  618. padding: 10px;
  619. }
  620.  
  621. .codebox dd {
  622. background-color: transparent;
  623. }
  624.  
  625.  
  626.  
  627. .pun .posthead {
  628. padding-left: 20em;
  629. }
  630.  
  631. .pun .post .user {
  632. background-color: #fff;
  633. margin: -25px 0 0 -217px;
  634. padding-top: 50px;
  635. width: 18em;
  636. }
  637.  
  638. .pun .posthead .username {
  639. left: 0;
  640. position: absolute;
  641. text-align: center;
  642. top: 30px;
  643. width: 18em;
  644. z-index: 1;
  645. }
  646.  
  647.  
  648.  
  649.  
  650. .posthead {
  651. position: relative;
  652. }
  653.  
  654. .posthead h2 > strong {
  655. position: absolute;
  656. right: 10px;
  657. }
  658.  
  659. .posthead h2 > strong:before {
  660. content: '#';
  661. }
  662.  
  663.  
  664. /**
  665. * FA.BEGIN fa_user_menu
  666. */
  667.  
  668. #fa-user-menu,
  669. #fa-user-menu * {
  670. box-sizing: border-box;
  671. }
  672.  
  673. #fa-user-menu {
  674. background-color: #333;
  675. padding: 10px;
  676. position: absolute;
  677. right: -500px;
  678. top: 40px;
  679. width: 500px;
  680. transition: 1000ms ease right;
  681. }
  682.  
  683. #fa-user-menu:hover {
  684. right: 0;
  685. }
  686.  
  687. #fa-user-menu a {
  688. transition: 250ms ease color;
  689. }
  690.  
  691. .fa-user-menu-title {
  692. color: #999;
  693. }
  694.  
  695. .fa-user-menu-username {
  696. color: #ccc;
  697. }
  698.  
  699. .fa-user-menu-username:active,
  700. .fa-user-menu-username:hover {
  701. color: #fff;
  702. }
  703.  
  704. .fa-user-menu-content {
  705. color: #ccc;
  706. margin-top: 10px;
  707. overflow: hidden;
  708. }
  709.  
  710. .fa-user-menu-column {
  711. float: left;
  712. }
  713.  
  714. .fa-user-menu-column li {
  715. background-color: #464646;
  716. display: block;
  717. font-size: 10px;
  718. margin-bottom: 5px;
  719. padding: 3px;
  720. border: 1px #464646 solid;
  721. transition: 250ms ease border-color;
  722. }
  723.  
  724. .fa-user-menu-column li a {
  725. color: inherit;
  726. }
  727.  
  728. .fa-user-menu-column li a:active,
  729. .fa-user-menu-column li a:focus,
  730. .fa-user-menu-column li a:hover {
  731. color: #fff;
  732. }
  733.  
  734. .fa-user-menu-column li:hover {
  735. border-color: #466677;
  736. }
  737.  
  738. .fa-user-menu-column li:last-child {
  739. margin-bottom: 0;
  740. }
  741.  
  742. .fa-user-menu-column li span {
  743. color: #999;
  744. float: right;
  745. }
  746.  
  747. .fa-user-menu-side-column {
  748. width: 25%;
  749. }
  750.  
  751. .fa-user-menu-main-column {
  752. padding: 0 10px;
  753. width: 50%;
  754. }
  755.  
  756. .fa-user-menu-main-column>img {
  757. margin-bottom: 10px;
  758. }
  759.  
  760. .fa-user-menu-login-logout {
  761. background-color: #464646;
  762. color: #fff;
  763. display: block;
  764. padding: 15px 0;
  765. text-align: center;
  766. transition-property: background-color !important;
  767. }
  768.  
  769. .fa-user-menu-login-logout:active,
  770. .fa-user-menu-login-logout:focus,
  771. .fa-user-menu-login-logout:hover {
  772. color: #fff;
  773. background-color: #51aada;
  774. }
  775.  
  776. .fa-user-menu-open-arrow {
  777. background-color: #333;
  778. border-radius: 5px 0 0 5px;
  779. color: #ccc;
  780. font-size: 24px;
  781. height: 80px;
  782. left: -20px;
  783. position: absolute;
  784. text-align: center;
  785. top: 20px;
  786. width: 20px;
  787. }
  788.  
  789. .fa-user-menu-open-arrow .fa {
  790. line-height: 80px;
  791. }
  792. /**
  793. * FA.END fa_user_menu
  794. */
  795. #fa-user-menu {
  796. z-index: 1;
  797. }
  798. .container_IE {
  799. position: relative;
  800. overflow: hidden;
  801. }
  802. .fa-user-menu-column li {
  803. line-height: 12px;
  804. }
  805. #fa-user-menu a { color: #ccc;}
  806. #fa-user-menu a:hover {color: #fff;}
  807. .fa-user-menu-login-logout[href="/login?logout"]:hover,
  808. .fa-user-menu-login-logout[href="/login?logout"]:focus,
  809. .fa-user-menu-login-logout[href="/login?logout"]:active { background-color: #b53528;}
  810.  
  811.  
  812. .tcl blacktext img,
  813. .tcl purpletext img,
  814. .tcl greentext img {
  815. float: left;
  816. }
  817.  
  818.  
  819. .pun .user-ident .username {
  820. position: relative;
  821. margin: 0 auto;
  822. }
  823.  
  824. .pun .posthead a {
  825. color: #444;
  826. font-size: 13px;
  827. }
  828. .user-basic-info img:first-child {
  829. background: #fff;
  830. max-width: 160px;
  831. margin-bottom: 5px;
  832. padding: 2px;
  833. }
  834.  
  835. .pun .postmain {
  836. background: #fff;
  837. border: 1px solid #ddd;
  838. border-radius: 3px;
  839. position: relative;
  840. }
  841. .pun .posthead h2 strong:before {
  842. content: '#';
  843. }
  844.  
  845. .pun .post {
  846. border: 0;
  847. margin: 5px;
  848. }
  849.  
  850. .postfoot {
  851. background: #f7f7f7;
  852. border-top: 1px solid #ddd;
  853. margin: 0;
  854. padding: 10px;
  855. }
  856. .vote-button:nth-child(3) {
  857. display: none;
  858. }
  859. .vote-no-bar {
  860. display: none;
  861. }
  862. .like_button:nth-child(2) { display: none; }
  863.  
  864. td.tcl.tdtopics > strong {
  865. display: none !important;
  866. }
  867.  
  868.  
  869.  
  870.  
  871. .pun .posthead .username {
  872. background: #e6e6e6;
  873. line-height: 40px;
  874. width: 17em;
  875. margin: 12px 0 0 2px;
  876. }
  877.  
  878. .pun .post .user {
  879. width: 17em;
  880. margin: 5px 0 0 -18em;
  881. border: 1px #ccc solid;
  882. }
  883.  
  884.  
  885.  
  886. .alert, .success, .information, .warn {
  887. padding: 15px;
  888. width: 85%;
  889. border: 1px solid;
  890. margin: 3px 0;
  891. -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  892. -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  893. box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  894. border-radius: 3px;
  895. -moz-border-radius: 3px;
  896. -webkit-border-radius: 3px;
  897. font: 13px "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  898. }
  899. .alert > p, .success > p, .information > p, .warn > p {
  900. font-weight: bold;
  901. font-size: 14px;
  902. }
  903. .alert {
  904. background: #FAFFB2;
  905. border-color: #DBE08A;
  906. color: #AF8640;
  907. }
  908. .warn {
  909. background-color: #F2DEDE;
  910. border-color: #D3949E;
  911. color: #A94442;
  912. }
  913. .success {
  914. background-color: #DFF0D8;
  915. border-color: #85CC4B;
  916. color: #3C763D;
  917. }
  918. .information {
  919. background-color: #ADDBF2;
  920. border-color: #5AB7CA;
  921. color: #31708F;
  922. }
  923.  
  924.  
  925.  
  926. #pun-announcement {border:none!important;}
  927.  
  928.  
  929. .table thead tr:first-of-type {
  930. display: none;
  931. }
  932. .pun table.table th {
  933. color: #f4f4f4 !important;
  934. }
  935.  
  936. #pun-navlinks li a.mainmenu:before {
  937. font-family: FontAwesome;
  938. font-size: 130%;
  939. padding-right: 3px;
  940. padding-left: 3px;
  941. }
  942. #pun-navlinks li a.mainmenu[href="/forum"]:before {
  943. content: "";
  944. }
  945. #pun-navlinks li a.mainmenu[href="/"]:before {
  946. content: "";
  947. }
  948. #pun-navlinks a.mainmenu[href="/calendar"]:before {
  949. content: "";
  950. }
  951. #pun-navlinks li a.mainmenu[href="/faq"]:before {
  952. content: "";
  953. }
  954. #pun-navlinks li a.mainmenu[href="/search"]:before {
  955. content: "";
  956. }
  957. #pun-navlinks li a.mainmenu[href="/memberlist"]:before {
  958. content: "";
  959. }
  960. #pun-navlinks li a.mainmenu[href="/groups"]:before {
  961. content: "";
  962. }
  963. #pun-navlinks li a.mainmenu[href="/profile?mode=editprofile"]:before {
  964. content: "";
  965. }
  966. #pun-navlinks li a.mainmenu[href="/privmsg?folder=inbox"]:before {
  967. content: "";
  968. }
  969. #pun-navlinks li a.mainmenu[href="/login"]:before {
  970. content: "";
  971. }
  972. #pun-navlinks li a.mainmenu[href^="/login?logout=1"]:before {
  973. content: "";
  974. }
  975. #pun-navlinks li a.mainmenu[href="/register"]:before {
  976. content: "";
  977. }
  978.  
  979.  
  980. .page-title h2 .fa {
  981. font-size: 16px;
  982. margin-right: 5px;
  983. }
  984.  
  985.  
  986. .pun-crumbs {
  987. -moz-border-radius: 3px;
  988. -moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
  989. -webkit-border-radius: 3px;
  990. -webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
  991. background: #F3F3F3;
  992. border: 1px solid #D9D9D9;
  993. border-radius: 3px;
  994. box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
  995. margin-top: 10px;
  996. }
  997. p.crumbs {
  998. color: #F3F3F3;
  999. }
  1000. .pun-crumbs p {
  1001. color: #666;
  1002. font-size: 1.11em;
  1003. line-height: 1.5;
  1004. margin: 0;
  1005. }
  1006. p.crumbs a {
  1007. background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
  1008. color: #777!important;
  1009. font-size: 10px;
  1010. line-height: 30px;
  1011. padding: 11px 17px 11px 4px;
  1012. }
  1013.  
  1014. .cp_geral { width:340px; padding-top:50px; transition:all 150ms linear; } .cp_box { width:340px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); -moz-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); left:-120px; top:-13px; background:#fff; z-index:999; position:absolute; transition:all 150ms linear; margin:50px; } .cp_capa { background:#1c1f26 url(http://i.imgur.com/6AnKAdN.png) right no-repeat; height:105px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-top-left-radius:10px; border-top-right-radius:10px; padding:5px 5px 0; } .cp_capa:before { content:""; display:inline-block; vertical-align:middle; margin-left:74px; width:0; height:0; position:absolute; top:-15px; border-left:15px solid transparent; border-right:15px solid transparent; border-bottom:15px solid #1c1f26; } .cp_capa-avatar { -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; border:1px solid #d8d8d8; height:75px; width:75px; text-align:center; float:left; font-size:0; padding:7px; } .cp_capa-avatar img { -moz-border-radius:100%; -webkit-border-radius:100%; border:0 solid #d8d8d8; border-radius:100%; height:75px; width:75px; }.cp_capa-avatar img:nth-of-type(2){display:none} .cp_capa-nick { width:215px; height:75px; float:left; padding:25px 0 0 15px; } .cp_capa-nick strong { color:#fff!important; font-size:18px; font-weight:400!important; display:block; } .cp_info { text-align:center; padding:10px; } .cp_info-botoes { height:60px; width:320px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-decoration:none; } .cp_info-botoes a { text-decoration:none; } .cp_info-botoes-post { background:#ecf0f1; width:85px; height:53px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; border-top-left-radius:10px; border-bottom-left-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-rep { background:#6bbd21; width:110px; height:53px; text-transform:uppercase; border-bottom:7px solid #68a72f; float:left; } .cp_info-botoes-rep strong { padding-top:8px; color:#fff; display:block; font-size:20px; } .cp_info-botoes-rep span { color:#fff; font-size:12px; } .cp_info-botoes-data strong { padding-top:8px; color:#666; display:block; font-size:15px; } .cp_info-botoes-data { background:#ecf0f1; width:125px; height:53px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomright:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-post,.cp_info-botoes-rep,.cp_info-botoes-data { transition:all 150ms linear; } .cp_info-botoes-post:hover,.cp_info-botoes-rep:hover,.cp_info-botoes-data:hover { opacity:0.65; -moz-opacity:0.65; filter:alpha(opacity=65); } .cp_icones { background:#ecf0f1; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; color:#bec3c7; height:20px; padding:5px; } .cp_icones a { font-size:12px; text-decoration:none; color:#666; } .cp_mp,.cp_perfil { float:left; padding-left:10px; transition:all 150ms linear; } .cp_mp:hover { float:left; padding-left:10px; color:#c1392b; } .cp_mp:before { content:"\f003"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:before { content:"\f007"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:hover { padding-left:10px; color:#6bbd21; } .cp_mais { width:100%; } .cp_capa-avatar br,.span_capa-nick img,.span_capa-nick br { display:none; } .cp_capa-nick span,.span_capa-nick { color:#fff!important; font-size:9px; line-height:22px; font-weight:400!important; float:none!important} .cp_info-botoes-post strong { padding-top:8px; color:#666; display:block; font-size:20px; } .cp_info-botoes-post span,.cp_info-botoes-data span { color:#868585; font-size:11px; }
  1015.  
  1016. div.sig-content > center > img {display:none;}
  1017. .pun .sig-content {border-top:2px solid #ddd;}
  1018.  
  1019. .paged-head h1 {display:none;}
  1020.  
  1021.  
  1022.  
  1023.  
  1024.  
  1025. ::-webkit-scrollbar {
  1026. width: 9px;
  1027. height: 17px
  1028. }
  1029. ::-webkit-scrollbar-thumb {
  1030. background-color: #1c1f26;;
  1031. }
  1032. ::-webkit-scrollbar-button:hover,
  1033. ::-webkit-scrollbar-thumb:hover {
  1034. background-color: #1c1f26;
  1035. }
  1036. ::-webkit-scrollbar-button:active,
  1037. ::-webkit-scrollbar-thumb:active {
  1038. background-color: #1c1f26;
  1039. }
  1040.  
  1041.  
  1042.  
  1043. .fa-custom-achievements img {
  1044. margin: 1px;
  1045. }
  1046.  
  1047. .posthead {
  1048. position: relative;
  1049. left: 216px;
  1050. padding-left: 20px!important;
  1051. border-radius: 4px!important;
  1052. background: #fff;
  1053. border: solid 1px #ddd;
  1054. top: 1px;
  1055. border-radius: 5px 0px 0px 0px!important;
  1056. }
  1057.  
  1058. .post {
  1059. overflow: hidden;
  1060. }
  1061.  
  1062. .pun .posthead .username {
  1063. position: absolute;
  1064. top: -11px;
  1065. left: -218px;
  1066. background-color: #fff;
  1067. border: solid 1px #ccc;
  1068. }
  1069.  
  1070. .posthead {
  1071. color: #333!important;
  1072. border-radius: 2px!important;
  1073. background: #f1f1f1!important;
  1074. }
  1075. .tcr a {
  1076. position: relative;
  1077. }
  1078.  
  1079. .tcr a:hover {
  1080. color: #3091c1!important;
  1081. }
  1082.  
  1083. .tcr a:after {
  1084. content: '';
  1085. font-family: FontAwesome;
  1086. position: absolute;
  1087. right: 10px;
  1088. transform: rotate(-90deg);
  1089. opacity: 0;
  1090. transition: all ease-in 300ms;
  1091. color: #3091c1;
  1092. }
  1093.  
  1094. .tcr a:hover:after {
  1095. right: -15px;
  1096. transform: rotate(0deg);
  1097. opacity: 1!important;
  1098. }
  1099.  
  1100. .tcr a[href*="/u"]::after,
  1101. .last-post-icon::after {
  1102. content: ""!important;
  1103. }
  1104.  
  1105. .tcr a::after {
  1106. color: #444!important;
  1107. }
  1108.  
  1109. .tcr a:hover::after {
  1110. color: #76BA6D!important;
  1111. }
  1112.  
  1113. .tcr a:hover {
  1114. color: #76BA6D!important;
  1115. }
  1116.  
  1117. a {
  1118. transition: all .5s ease-in-out!important;
  1119. }
  1120.  
  1121.  
  1122. .portal > tbody > tr > td:not(.column) {
  1123. padding-right: 20px;
  1124. }
  1125.  
  1126.  
  1127. .module .main-head {
  1128. border-radius: 10px 10px 0 0;
  1129. background-color: #1c1f25;
  1130. }
  1131.  
  1132. .module.main {
  1133. margin-bottom: 10px !important;
  1134. box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  1135. border-radius: 10px 10px 0 0;
  1136. }
  1137.  
  1138. @keyframes swinging {
  1139. 0% { transform: rotate(-2.5deg); }
  1140. 50% { transform: rotate(0deg); }
  1141. 100% { transform: rotate(2.5deg); }
  1142. }
  1143.  
  1144. #pun-logo img {
  1145. animation: swinging 3s linear alternate infinite;
  1146. }
  1147.  
  1148.  
  1149.  
  1150. #background-canvas {
  1151. position: fixed;
  1152. }
  1153.  
  1154.  
  1155. .pun table .tdtopics img:nth-child(2) {
  1156. vertical-align: middle;
  1157. float: right;
  1158. }
  1159.  
  1160.  
  1161.  
  1162. .pun .main {
  1163. margin: 0 0 !important;
  1164. }
  1165. #pun-announcement {
  1166. background-color: #1c1f25 !important;
  1167. padding: 1em !important;
  1168. }
  1169. .main {
  1170. border-radius: 3px !important;
  1171. box-shadow: 0 1px 6px rgba(0,0,0,0.06) !important;
  1172. color: #444 !important;
  1173. overflow: hidden !important;
  1174. padding: 18px 18px 0 !important;
  1175. position: relative !important;
  1176. }
  1177.  
  1178. tr:hover {background-color: #f5faff !important; border-left: 3px solid #000 !important;}
  1179.  
  1180.  
  1181.  
  1182. /***quote superinfo - mshas/artic/diapt***/
  1183. .postmain cite {
  1184. background-color: transparent!important;
  1185. background-image: none!important;
  1186. color: #009FF2!important;
  1187. display: block;
  1188. font-size: 1vw!important;
  1189. font-style: normal;
  1190. font-weight: 700;
  1191. margin: 0 0 1em;
  1192. }
  1193. .postmain cite {
  1194. display: block;
  1195. font-style: normal;
  1196. font-weight: 700;
  1197. margin: 0 0 1em;
  1198. }
  1199. blockquote cite {
  1200. background-color: #E4EAF2;
  1201. background-image: url(http://illiweb.com/fa/invision/css_img_quote.gif);
  1202. background-position: top right;
  1203. background-repeat: no-repeat;
  1204. color: #000;
  1205. display: block;
  1206. font-size: 11px;
  1207. font-style: normal;
  1208. margin: -8px -8px 8px;
  1209. padding: 3px;
  1210. }
  1211. * {
  1212. margin: 0;
  1213. padding: 0;
  1214. }
  1215. user agent stylesheeti, cite, em, var, address, dfn {
  1216. font-style: italic;
  1217. }
  1218. blockquote {
  1219. background: rgba(250,250,250,0.22)!important;
  1220. border-bottom: none!important;
  1221. border-left: 3px solid #009FF2!important;
  1222. border-right: none!important;
  1223. border-top: none!important;
  1224. display: block;
  1225. line-height: 1.5vw!important;
  1226. padding: .8vw!important;
  1227. }
  1228.  
  1229.  
  1230.  
  1231. @font-face {
  1232. font-family: 'Play';
  1233. font-style: normal;
  1234. font-weight: 400;
  1235. src: local('Play'), local('Play-Regular'), url(https://fonts.gstatic.com/s/play/v7/ZNo-5SxCwH1CXgZ-n3bt2g.woff2) format('woff2');
  1236. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  1237. }
  1238.  
  1239. body[bgcolor] {
  1240. background: #fff;
  1241. }
  1242.  
  1243. .chatbox_row_1.clearfix.shout-0 span span[style="color:undefined"] {
  1244. font-size: 0px;
  1245. }
  1246.  
  1247. .chatbox-options li a span#chatbox_option_co:before {
  1248. content: "Para visualizar as mensagens clique em login.";
  1249. text-align: center;
  1250. margin-top: 125px;
  1251. background: #FFFFFF!important;
  1252. width: 100%;
  1253. height: 80px;
  1254. right: 0;
  1255. position: absolute;
  1256. z-index: 1;
  1257. display: block;
  1258. border-top: 1px solid #ebebeb;
  1259. font-size: 14px!important;
  1260. color: #000;
  1261. }
  1262.  
  1263. .chatbox-options li a span#chatbox_option_co:after {
  1264. content: " Você está desconectado!";
  1265. margin-top: 180px;
  1266. background: #ccc!important;
  1267. width: 100%;
  1268. padding: 10px 0;
  1269. right: 0;
  1270. position: absolute;
  1271. z-index: 1;
  1272. text-align: center;
  1273. display: block;
  1274. border-top: 1px solid #ebebeb;
  1275. font-size: 20px!important;
  1276. color: #000;
  1277. }
  1278.  
  1279. #chatbox .user strong span, body #chatbox .msg, #chatbox .date-and-time, #chatbox_header.main-head {
  1280. font-family: Play,Arial,Helvetica,sans-serif!important;
  1281. font-size: 14px!important;
  1282. }
  1283.  
  1284. #chatbox .date-and-time {
  1285. float: right;
  1286. color: #cacaca;
  1287. font-size: 11px;
  1288. }
  1289.  
  1290. #chatbox .date-and-time img {
  1291. opacity: 0.5;
  1292. }
  1293.  
  1294. #chatbox .date-and-time img:hover {
  1295. opacity: 1.0;
  1296. }
  1297.  
  1298. #chatbox_header.main-head {
  1299. background: #1c1f25;
  1300. padding: 0;
  1301. margin: 0;
  1302. list-style: none;
  1303. position: inherit;
  1304. height: 40px;
  1305. display: block;
  1306. }
  1307.  
  1308. #chatbox_header.main-head:after {
  1309. content: "Divulgação, flood, spam ou atitudes desrespeitosas não são toleradas neste Chat.";
  1310. background: #ebebeb;
  1311. color: #111111;
  1312. margin-top: 40px;
  1313. display: block;
  1314. padding: 10px;
  1315. position: absolute;
  1316. width: 100%;
  1317. }
  1318.  
  1319. .chatbox-title {
  1320. font-size: 14px;
  1321. color: #fff;
  1322. padding: 10px 10px 0 10px;
  1323. }
  1324.  
  1325. .chatbox-title, .chatbox-title a.chat-title {
  1326. color: #fff;
  1327. font-weight: 300;
  1328. text-decoration: none;
  1329. }
  1330.  
  1331. #chatbox_members, #chatbox {
  1332. top: 80px;
  1333. }
  1334.  
  1335. .chatbox-options {
  1336. background: rgba(0,0,0,0.5);
  1337. opacity: 0.6;
  1338. color: #fff;
  1339. padding: 5px;
  1340. }
  1341.  
  1342. #chatbox_members {
  1343. display: none;
  1344. }
  1345.  
  1346. #chatbox {
  1347. left: 0;
  1348. }
  1349.  
  1350. .chatbox_row_1, .chatbox_row_2 {
  1351. background-color: #fff;
  1352. position: relative;
  1353. border-width: 0 0 1px 0;
  1354. border-style: solid;
  1355. border-color: #ebebeb;
  1356. padding: 7px;
  1357. }
  1358.  
  1359. #chatbox > p {
  1360. border-bottom: 1px solid #ebebeb!important;
  1361. }
  1362.  
  1363. body #chatbox .user strong {
  1364. font-size: 0px;
  1365. margin-left: 4px;
  1366. }
  1367.  
  1368. body #chatbox .user strong span {
  1369. font-size: 12px;
  1370. font-weight: 300;
  1371. }
  1372.  
  1373. body #chatbox .msg {
  1374. display: block;
  1375. line-height: 1.5em;
  1376. margin-top: -7px!important;
  1377. }
  1378.  
  1379. #chatbox_footer .right:first-child {
  1380. width: 100% !important;
  1381. float: right;
  1382. }
  1383.  
  1384. .pun .main-content.chatbox {
  1385. border: 0px solid #ebebeb;
  1386. }
  1387.  
  1388. #chatbox_footer .right:nth-child(2) {
  1389. float: right;
  1390. margin-top: -42px;
  1391. z-index: 999;
  1392. }
  1393.  
  1394. #chatbox_messenger_form label[for="message"] {
  1395. display: none;
  1396. }
  1397.  
  1398. input#message.post {
  1399. width: 90% !important;
  1400. margin-top: 2px;
  1401. height: 12px;
  1402. padding: 8px 10px 8px 8px !important;
  1403. border: none !important;
  1404. background: transparent;
  1405. outline: none;
  1406. }
  1407.  
  1408. input#message.post {
  1409. background: url(http://i.imgur.com/5zppq7r.png) no-repeat!important;
  1410. }
  1411.  
  1412. input#message.post:focus {
  1413. background: transparent!important;
  1414. }
  1415.  
  1416. #divcolor, #help-button, .format-message + label {
  1417. display: none!important;
  1418. }
  1419.  
  1420. .right #submit_button {
  1421. position: absolute;
  1422. right: 0;
  1423. margin-right: 10px;
  1424. }
  1425.  
  1426. .right #submit_button {
  1427. height: 30px!important;
  1428. background: #3091c1;
  1429. color: #ffffff !important;
  1430. cursor: pointer;
  1431. text-align: center;
  1432. font-size: 13px;
  1433. font-weight: 500;
  1434. text-align: center;
  1435. text-decoration: none;
  1436. text-shadow: none;
  1437. white-space: nowrap;
  1438. display: inline-block;
  1439. vertical-align: middle;
  1440. padding: 5px 15px;
  1441. border-radius: 3px;
  1442. border: 1px solid rgba(0,0,0,0.1);
  1443. -webkit-transition: 0.1s all linear;
  1444. -moz-transition: 0.1s all linear;
  1445. -ms-transition: 0.1s all linear;
  1446. -o-transition: 0.1s all linear;
  1447. transition: 0.1s all linear;
  1448. -webkit-user-select: none;
  1449. -moz-user-select: none;
  1450. -ms-user-select: none;
  1451. -o-user-select: none;
  1452. user-select: none;
  1453. -webkit-font-smoothing: antialiased;
  1454. border-width: 0px!important;
  1455. }
  1456.  
  1457. #divsmilies {
  1458. width: 24px!important;
  1459. height: 24px!important;
  1460. background: url(http://i.imgur.com/Ku7QNJd.png) no-repeat;
  1461. border: 0px!important;
  1462. /* position:absolute; */
  1463. margin-right: 80px;
  1464. margin-top: 15px;
  1465. }
  1466.  
  1467. #divsmilies>img {
  1468. display: none;
  1469. }
  1470.  
  1471. #divsmilies:hover:before {
  1472. content: "Emoticons";
  1473. background: #2a2a2a;
  1474. line-height: 26px;
  1475. font-size: 12px;
  1476. color: #fff;
  1477. position: absolute;
  1478. padding: 0 8px;
  1479. pointer-events: none;
  1480. border-radius: 2px;
  1481. position: absolute;
  1482. margin-top: -30px;
  1483. margin-left: -35px;
  1484. }
  1485.  
  1486. #chatbox_footer {
  1487. height: auto !important;
  1488. background-color: #fff!important;
  1489. border-top: 0px dashed #ccc;
  1490. }
  1491.  
  1492. body #chatbox .cb-avatar {
  1493. border-width: 0!important;
  1494. }
  1495.  
  1496. #chatbox .cb-avatar, #chatbox .cb-avatar img {
  1497. background: none repeat scroll 0 0 #fff!important;
  1498. border: 0px solid #d5d5d5!important;
  1499. border-width: 0!important;
  1500. box-shadow: none!important;
  1501. float: left;
  1502. margin-right: 4px!important;
  1503. padding: 1px!important;
  1504. vertical-align: middle!important;
  1505. width: 34px!important;
  1506. height: 34px!important;
  1507. }
  1508.  
  1509.  
  1510. /**
  1511. * Definições Iniciais:
  1512. */
  1513.  
  1514. .fa-footer,
  1515. .fa-footer * {
  1516. box-sizing: border-box;
  1517. }
  1518.  
  1519. .fa-footer {
  1520. background-color: #212529;
  1521. font-family: "Segoe UI", "Open Sans", "Helvetica Neue", "Ubuntu", "Helvetica", "Arial", "Trebuchet MS", sans-serif;
  1522. font-size: 14px;
  1523. color: #a0a8b0;
  1524. line-height: 1.5;
  1525. }
  1526.  
  1527. /**
  1528. * Tags Genéricas:
  1529. */
  1530.  
  1531. .fa-footer a {
  1532. text-decoration: none;
  1533. border-bottom: solid 1px #0786e7;
  1534. color: #0786e7;
  1535. transition: all 200ms linear;
  1536. }
  1537.  
  1538. .fa-footer a:hover {
  1539. box-shadow: inset 0 -25px #0786e7;
  1540. color: #fff;
  1541. }
  1542.  
  1543. /**
  1544. * Sistema de Grid e ajustes das colunas genéricas:
  1545. */
  1546.  
  1547. .fa-footer .fa-footer-row {
  1548. display: flex;
  1549. flex-direction: row;
  1550. padding: 0 15px;
  1551. }
  1552.  
  1553. .fa-footer .fa-footer-row .fa-footer-col {
  1554. display: flex;
  1555. flex-direction: column;
  1556. align-items: center;
  1557. justify-content: center;
  1558. margin-right: 30px;
  1559. padding: 15px 0;
  1560. }
  1561.  
  1562. .fa-footer .fa-footer-row .fa-footer-col:last-child {
  1563. margin-right: 10px;
  1564. }
  1565.  
  1566. .fa-footer .fa-footer-row .fa-footer-col .lead {
  1567. text-transform: uppercase;
  1568. font-size: 16px;
  1569. color: #0786e7;
  1570. margin-bottom: 10px;
  1571. }
  1572.  
  1573. .fa-footer .fa-footer-row .fa-footer-col p {
  1574. font-size: 14px;
  1575. line-height: 1.6;
  1576. text-align: center;
  1577. }
  1578.  
  1579. /**
  1580. * Ajustes para a a coluna primária:
  1581. */
  1582.  
  1583. .fa-footer .fa-footer-row .fa-primary-footer-col {
  1584. border-right: solid 1px #2a2e32;
  1585. position: relative;
  1586. flex-grow: 1;
  1587. }
  1588.  
  1589. .fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-logo {
  1590. display: flex;
  1591. justify-content: center;
  1592. align-items: center;
  1593. }
  1594.  
  1595. .fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-logo img {
  1596. width: 205px;
  1597. margin: 0 30px;
  1598. }
  1599.  
  1600. .fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-social {
  1601. margin: 18px 0 5px 0;
  1602. display: flex;
  1603. width: 100%;
  1604. justify-content: space-around;
  1605. }
  1606.  
  1607. .fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-social a {
  1608. display: inline-flex;
  1609. justify-content: center;
  1610. align-items: center;
  1611. width: 37px;
  1612. height: 37px;
  1613. border-bottom: none;
  1614. border-radius: 100px;
  1615. box-shadow: none;
  1616. border: solid 1px #0786e7;
  1617. }
  1618.  
  1619. .fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-social a:hover {
  1620. color: #fff;
  1621. background-color: #0786e7;
  1622. }
  1623.  
  1624. .fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-back-to-top {
  1625. position: absolute;
  1626. right: -20px;
  1627. bottom: -20px;
  1628. display: inline-flex;
  1629. justify-content: center;
  1630. align-items: center;
  1631. width: 40px;
  1632. height: 40px;
  1633. background-color: #212529;
  1634. border: solid 1px #2a2e32;
  1635. color: #0786e7;
  1636. font-size: 23px;
  1637. border-radius: 20px;
  1638. z-index: 3;
  1639. box-shadow: 1px 1px 2px rgba(11, 13, 15, 0.84);
  1640. cursor: pointer;
  1641. transition: all 100ms linear;
  1642. }
  1643.  
  1644. .fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-back-to-top .fa {
  1645. margin-top: -3px;
  1646. }
  1647.  
  1648. .fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-back-to-top:hover {
  1649. background-color: #0786e7;
  1650. color: #fff;
  1651. }
  1652.  
  1653. /**
  1654. * Atribuição final:
  1655. */
  1656.  
  1657. .fa-footer .fa-footer-attr {
  1658. text-align: center;
  1659. padding: 20px;
  1660. font-size: 16px;
  1661. border-top: solid 1px #2a2e32;
  1662. background-color: #24282b;
  1663. }
  1664.  
  1665. /**
  1666. * Ajustes para o footer do FA:
  1667. */
  1668.  
  1669. #page-footer {
  1670. background-color: #212529;
  1671. border-top: solid 1px #2a2e32;
  1672. border-bottom: solid 1px #2a2e32;
  1673. }
  1674.  
  1675. .statistics {
  1676. box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.37);
  1677. }
  1678.  
  1679. /**
  1680. * Responsive:
  1681. */
  1682.  
  1683. @media screen and (max-width: 1000px) {
  1684. .fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-logo img {
  1685. margin: 0px;
  1686. }
  1687. }
  1688.  
  1689. @media screen and (max-width: 850px) {
  1690. .fa-footer .fa-footer-row {
  1691. flex-wrap: wrap;
  1692. }
  1693.  
  1694. .fa-footer .fa-footer-row .fa-primary-footer-col {
  1695. border-right: none;
  1696. }
  1697. }
  1698.  
  1699.  
  1700. span[style*="#00FF3C"] strong {
  1701. font-weight: 500!important;
  1702. }
  1703.  
  1704. span[style*="#E3C500"] strong {
  1705. font-weight: 500!important;
  1706. }
  1707.  
  1708. span[style*="#16540B"] strong {
  1709. font-weight: 500!important;
  1710. }
  1711.  
  1712.  
  1713. span[style*="#2824FF"] strong {
  1714. font-weight: 500!important;
  1715. }
  1716.  
  1717. span[style*="#FF00FF"] strong {
  1718. font-weight: 500!important;
  1719. }
  1720.  
  1721. span[style*="#29FFA9"] strong {
  1722. font-weight: 500!important;
  1723. }
  1724.  
  1725.  
  1726. #chatbox p:last-child {
  1727. margin-bottom: 40px!important;
  1728. }
  1729.  
  1730.  
  1731. #onlinelist em{
  1732. font-size:0px
  1733. }
  1734. #onlinelist em::before{
  1735. content: ' ';
  1736. }
  1737. #onlinelist em b{
  1738. font-weight: 700;
  1739. font-size: 14px;
  1740. font-style:normal;
  1741. }
  1742.  
  1743. #onlinelist em b:after{
  1744. content:' ';
  1745. }
  1746. #onlinelist em b:last-child:after{
  1747. content:''
  1748. }
  1749.  
  1750. #onlinechat {
  1751. display: none;
  1752. }
  1753.  
  1754.  
  1755.  
  1756.  
  1757. #pun-about {
  1758. background-color: #212529;
  1759. border-color: #ddd;
  1760. border-style: solid;
  1761. border-width: 1px;
  1762. line-height: 150%;
  1763. padding: .6em 1em;
  1764. text-align: right;
  1765. }
  1766.  
  1767. #pun-about #qjump label {
  1768. font-weight: 700;
  1769. color: #fcfcfc;
  1770. }
  1771.  
  1772. #pun-about a {
  1773. color: white
  1774. }
  1775.  
  1776.  
  1777. #comments_scroll_div > .marquee {
  1778. overflow-y: scroll !important;
  1779. margin: -10px;
  1780. padding: 10px;
  1781. height: 220px !important;
  1782. }
  1783.  
  1784. #comments_scroll_div > .marquee > .js-marquee-wrapper {
  1785. animation: none !important;
  1786. margin-top: 0 !important;
  1787. }
  1788.  
  1789.  
  1790.  
  1791. #fa_ticker_block .module {
  1792. background-color: transparent !important;
  1793. width: 80%;
  1794. margin: 20px auto;
  1795. overflow: hidden;
  1796. }
  1797.  
  1798.  
  1799. dd.lastpost span br:nth-child(3) {
  1800. display: none!important;
  1801. }
  1802. dd.lastpost span strong {
  1803. float: left!important;
  1804. margin-right: 5px;
  1805. }
  1806.  
  1807.  
  1808.  
  1809. .subforum > tr.anuncio, .subforum > tr.anunio td { background-color:#f1dedc!important;}
  1810. .subforum > tr.evento, .subforum > tr.evento td { background-color:#f1dedc !important;}
  1811. .subforum > tr.pedido, .subforum > tr.pedido td { background-color:#ebc8f8 !important;}
  1812. .subforum > tr.promocao, .subforum > tr.promocao td { background-color:#bbf5f5 !important;}
  1813. .subforum > tr.retirado, .subforum > tr.retirado td { background-color:#e1e0e0 !important;}
  1814. .subforum > tr.aprovado, .subforum > tr.aprovado td { background-color:#b9feb9 !important;}
  1815. .subforum > tr.reprovado, .subforum > tr.reprovado td { background-color:#feb9b9 !important;}
  1816. .subforum > tr.importante, .subforum > tr.importante td { background-color:#ffaeae !important;}
  1817. .subforum > tr.curso, .subforum > tr.curso td { background-color:#fafab7 !important;}
  1818.  
  1819. .subforum h2.topic-title {
  1820. font-size: 16px;
  1821. font-weight: 300!important;
  1822. }
  1823.  
  1824. .sceditor-container iframe, .sceditor-container textarea {
  1825. background:url(https://i.imgur.com/UZ1BedM.png) !important;
  1826. background-position : center!important;
  1827. background-repeat: no-repeat!important;
  1828. }
  1829.  
  1830. .post-entry .entry-content table *:hover {
  1831. background-color: transparent!important;
  1832. }
  1833.  
  1834.  
  1835. @font-face {
  1836. font-family: Oswald;
  1837. src: url(fonts.googleapis.com/css?family=Oswald);
  1838. }
  1839. .main .main-head .page-title {
  1840. font-family: Oswald, sans-serif !important;
  1841. font-size: 0.9rem !important;
  1842. }
  1843.  
  1844. a.forumtitle {
  1845. font-weight: 300!important;
  1846. font-family: Sans-Serif!important;
  1847. }
  1848.  
  1849. a.forumtitle {
  1850. font-family: Roboto, sans-serif!important;
  1851. font-weight: 400!important;
  1852. letter-spacing: 1.0px!important;
  1853. }
  1854.  
  1855.  
  1856.  
  1857. .subforum > tr:first-child {
  1858. margin-top: 1em;
  1859. }
  1860. .subforum > tr {
  1861. margin-bottom: 1em!important;
  1862. padding: 1.4em;
  1863. border-radius: .25rem;
  1864. background-color: #fafafa;
  1865. border: 1px solid #cccccc;
  1866. display: flex;
  1867. box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  1868. }
  1869. .subforum > tr td {
  1870. background-color: #fafafa!important;
  1871. border: none!important;
  1872. }
  1873.  
  1874. .subforum > tr td.tc2, .subforum > tr td.tc3 {
  1875. font-size: 15px;
  1876. font-weight: 300;
  1877. }
  1878. .subforum > tr td::before {
  1879. top: 25px;
  1880. left: 20px;
  1881. position: relative;
  1882. font-family: FontAwesome;
  1883. }
  1884. .subforum > tr td.tc2::before {
  1885. content: '\f086'
  1886. }
  1887. .subforum > tr td.tc3::before {
  1888. content: '\f06e'
  1889. }
  1890. .subforum > tr td span.lastpost-avatar img {
  1891. border-radius: 50%;
  1892. -moz-border-radius: 50%;
  1893. -webkit-border-radius: 50%;
  1894. padding: .27rem;
  1895. }
  1896.  
  1897.  
  1898. .pun table .tdtopics .status {
  1899. margin-left: -45px !important;
  1900. }
  1901.  
  1902. #pun-navlinks li a.mainmenu::before {
  1903. background: rgba(255, 255, 255, 0.13);
  1904. border-radius: 100%;
  1905. box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.44);
  1906. color: #fff;
  1907. font-size: 16px!important;
  1908. margin: 2px 5px auto;
  1909. text-align: center;
  1910. padding: 4px 7px;
  1911. transition: all .2s;
  1912. }
  1913.  
  1914. .pun-ts {
  1915. transition: 0.6s;
  1916. box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.33);
  1917. text-align: center;
  1918. color: #000000;
  1919. font-size: 13px;
  1920. padding: 12px;
  1921. background: rgba(152, 152, 152, 0.45);
  1922. border-radius: 5px;
  1923. }
  1924.  
  1925. .pun-server {
  1926. transition: 0.6s;
  1927. box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.33);
  1928. text-align: center;
  1929. color: #000000;
  1930. font-size: 13px;
  1931. padding: 12px;
  1932. background: rgba(3, 169, 244, 0.35);
  1933. border-radius: 5px;
  1934. }
  1935. .pun-server:hover {
  1936. background: #03a9f4;
  1937. }
  1938.  
  1939. .pun-ts:hover {
  1940. background: #989898;
  1941. }
  1942.  
  1943. #pun-announcement {
  1944. background: linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0)),url(https://i.imgur.com/gl7fgk7.png);
  1945. background-position-y: 65%;
  1946. background-size: 100% auto;
  1947. }
  1948.  
  1949.  
  1950.  
  1951. #content-container div#left {
  1952. display: none;
  1953. }
  1954.  
  1955. .subforum > tr, .pun table td.tcl {
  1956. height: 50px;
  1957. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement