API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 11th, 2018
89
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 48.96 KB | None | 0 0
raw download clone embed print report
  1. a.mainmenu[href="/faq"] {display:none!important;} /*- RETIRA A FAQ DO MENU -*/
  2. a.mainmenu[href="/search"] {display:none!important;} /*- RETIRA O BUSCAR DO MENU -*/
  3. a.mainmenu[href="/calendar"] {display:none!important;} /*- RETIRA O CALENDÁRIO DO MENU -*/
  4. /*Banner*/
  5. #branding { background: url('') !important; }
  6. #branding { min-height: 150px !important; width: 99.9% !important;
  7. }
  8. .pun #pun-intro, .pun #pun-navlinks .mainmenu:after {
  9. background-color: #3091BD;
  10. }
  11. div#pun-intro {
  12. background-image: url() !important;
  13. background-attachment: fixed !important;
  14. background-repeat: no-repeat !important;
  15. }
  16. .lastpost-avatar img { border-radius: 50%; }
  17. /*fonts*/
  18.  
  19. @font-face {
  20. font-family: 'Ubuntu';
  21. font-style: normal;
  22. font-weight: 300;
  23. src: local('Ubuntu Light'), local('Ubuntu-Light'), url(http://fonts.gstatic.com/s/ubuntu/v7/_aijTyevf54tkVDLy-dlnFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/ubuntu/v7/_aijTyevf54tkVDLy-dlnD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
  24. }
  25. @font-face {
  26. font-family: 'Ubuntu';
  27. font-style: normal;
  28. font-weight: 400;
  29. src: local('Ubuntu'), url(http://fonts.gstatic.com/s/ubuntu/v7/sDGTilo5QRsfWu6Yc11AXg.woff2) format('woff2'), url(http://fonts.gstatic.com/s/ubuntu/v7/_xyN3apAT_yRRDeqB3sPRg.woff) format('woff');
  30. }
  31. @font-face {
  32. font-family: 'Ubuntu';
  33. font-style: normal;
  34. font-weight: 700;
  35. src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(http://fonts.gstatic.com/s/ubuntu/v7/0ihfXUL2emPh0ROJezvraFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/ubuntu/v7/0ihfXUL2emPh0ROJezvraD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
  36. }
  37. /*fonts*/
  38.  
  39. #branding .wrapper {
  40. height: 100%;
  41. position: relative;
  42. z-index: 10;
  43. }
  44. *,
  45. *:after,
  46. *:before {
  47. -webkit-transition: background 0.5s ease-out;
  48. -moz-transition: background 0.5s ease-out;
  49. -o-transition: background 0.5s ease-out;
  50. -ms-transition: background 0.5s ease-out;
  51. }
  52. body {
  53. background: #dedede;
  54. color: #5A5A5A;
  55. font-family: 'Roboto', Arial, sans-serif;
  56. font-size: 12px;
  57. font-style: normal;
  58. font-variant: normal;
  59. font-weight: normal;
  60. padding-bottom: 12px;
  61. }
  62. .pun {
  63. max-width: 1200px;
  64. width: 90%;
  65. background: white;
  66. border-radius: 0;
  67. padding: 10px;
  68. }
  69. .pun a,
  70. .pun a:link,
  71. .pun a:visited,
  72. a {
  73. color: #666;
  74. text-decoration: none;
  75. }
  76. .pun a:hover,
  77. a:hover {
  78. color: #444;
  79. text-decoration: none;
  80. }
  81. #branding {
  82. background: #3C414B url(http://i.imgur.com/j5fLP7A.jpg) repeat scroll center top / cover;
  83. border-top: 3px solid #6485E2;
  84. height: 200px;
  85. line-height: 200px;
  86. width: 90%;
  87. padding: 10px;
  88. margin: 20px auto 0;
  89. }
  90. #branding:hover {
  91. background-position: center center;
  92. }
  93. .wrapper {
  94. width: 90%;
  95. max-width: 1200px;
  96. margin: 0 auto;
  97. }
  98. #logo a {
  99. color: #FFF;
  100. display: block;
  101. font-size: 31px;
  102. font-weight: 800;
  103. text-transform: uppercase;
  104. letter-spacing: -2.1px;
  105. }
  106. div#logo {
  107. float: left;
  108. }
  109. #pun-intro,
  110. #pun-head,
  111. ul#pun-legend,
  112. ul.pun-legend,
  113. #qjump {
  114. display: none;
  115. }
  116. #community_app_menu {
  117. float: right;
  118. }
  119. ol,
  120. ul {
  121. list-style: outside none none;
  122. }
  123. .left {
  124. float: left
  125. }
  126. #community_app_menu > li {
  127. margin: 0px 1px 0px 0px;
  128. position: relative;
  129. }
  130. .ipsList_inline > li:first-child {
  131. margin-left: 0px;
  132. }
  133. .ipsList_inline > li {
  134. display: inline-block;
  135. margin: 0px 3px;
  136. }
  137. #primary_nav {
  138. font-size: 12px;
  139. margin-top: -16px;
  140. padding-left: 200px;
  141. position: absolute;
  142. right: 0px;
  143. text-transform: uppercase;
  144. top: 50%;
  145. }
  146. #community_app_menu > li > a {
  147. border-radius: 3px;
  148. color: rgba(255, 255, 255, 0.8);
  149. display: block;
  150. height: 32px;
  151. line-height: 32px;
  152. margin: 0px 0.5em;
  153. outline: medium none;
  154. padding: 0px 15px;
  155. }
  156. #community_app_menu > li > a.menu_active,
  157. #community_app_menu > li > a:hover {
  158. background: rgba(2, 1, 1, 0.1) none repeat scroll 0% 0%;
  159. color: #FFF;
  160. }
  161. #user_navigation {
  162. color: #9F9F9F;
  163. font-size: 11px;
  164. height: 36px;
  165. line-height: 36px;
  166. }
  167. #user_navigation .ipsList_inline li {
  168. float: left;
  169. margin: 0px;
  170. padding: 0;
  171. }
  172. #user_navigation a {
  173. float: left;
  174. height: 36px;
  175. line-height: 36px;
  176. outline: medium none;
  177. padding: 0px 12px;
  178. }
  179. #user_bar {
  180. padding: 5px 10px;
  181. margin: 0px -10px;
  182. background: #FFF none repeat scroll 0% 0%;
  183. border-bottom: 1px solid#ddd;
  184. }
  185. /*cat*/
  186.  
  187. .main .main-head {
  188. margin-top: 10px;
  189. }
  190. .main .main-foot,.main .main-head {
  191. -khtml-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
  192. -moz-border-radius: 0 0 4px 4px;
  193. -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
  194. -o-border-radius: 0 0 4px 4px;
  195. -webkit-border-radius: 0 0 4px 4px;
  196. -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
  197. background: #1c1f25;
  198. border-radius: 0 0 4px 4px;
  199. border-bottom: 1px solid #3091C1;
  200. box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
  201. color: #FFF;
  202. font-family: Leckerli One, Arial, sans-serif;
  203. font-size: 13px;
  204. font-weight: 400;
  205. margin-bottom: 5px;
  206. overflow: hidden;
  207. padding: 15px;
  208. position: relative;
  209. text-decoration: none;
  210. text-shadow: 0 2px 0 rgba(0,0,0,0.14);
  211. text-transform: none !important;
  212. }
  213. .main .main-head .page-title {
  214. font-size: 14px;
  215. font-weight: 800;
  216. }
  217. .pun .main table td.tc2,
  218. .pun .main table td.tc3,
  219. .pun table.table td {
  220. background: transparent;
  221. border: 0;
  222. border: none;
  223. color: #777
  224. }
  225. .pun table .tcr {
  226. width: 30%;
  227. text-align: left;
  228. padding: 0px 0px 0px 0.5em !important;
  229. overflow: hidden;
  230. }
  231. thead {
  232. display: none;
  233. }
  234. input[type="text"],
  235. input[type="email"],
  236. input[type="password"] {
  237. background: #FCFCFC none repeat scroll 0% 0%;
  238. border: 1px solid #D4D4D4;
  239. box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) inset;
  240. color: #9F9F9F;
  241. padding: 6px;
  242. text-shadow: 0px 1px 0px #FFF;
  243. }
  244. .pun .statused tr {
  245. background: #f7f7f7;
  246. border: 1px solid #ddd;
  247. }
  248. /*post*/
  249. .user-basic-info img:first-child {
  250. background: #FFF;
  251. border: 1px solid #ddd;
  252. padding: 2px;
  253. max-width: 100px;
  254. margin-bottom: 5px;
  255. }
  256.  
  257. .pun .postmain {
  258. background: #fff;
  259. border: 1px solid #ddd;
  260. border-radius: 3px;
  261. position: relative
  262. }
  263. .pun .post .user:after {
  264. border-left-color: #f7f7f7;
  265. border-width: 7px;
  266. margin-left: 2px;
  267. margin-top: 1px
  268. }
  269. .pun .post .user {
  270. line-height: 150%;
  271. margin-left: -17em!important;
  272. margin-top: -3.3em;
  273. padding-top: 0;
  274. text-align: center;
  275. width: 15em;
  276. background: white;
  277. border: 1px solid #ddd;
  278. border-radius: 3px;
  279. }
  280. .pun .username a span strong {
  281. font-weight: 400!important
  282. }
  283. .pun .user .user-ident .user-basic-info {
  284. margin-top: 15px;
  285. margin-bottom: -20px;
  286. }
  287. #first-post-br {
  288. border: 0
  289. }
  290. .pun .posthead,
  291. .pun .username {
  292. background-color: #f7f7f7;
  293. border-bottom: 1px solid #ddd;
  294. font-size: 13px;
  295. font-weight: 400;
  296. padding: 10px;
  297. text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6)
  298. }
  299. .pun .user-ident .username {
  300. margin: 0 auto;
  301. position: relative
  302. }
  303. .pun .posthead a {
  304. color: #444;
  305. font-size: 13px
  306. }
  307. .pun .posthead h2 {
  308. color: #444;
  309. font-weight: 400
  310. }
  311. .pun .posthead h2 strong {
  312. font-size: 11px;
  313. font-style: normal;
  314. font-variant: normal;
  315. font-weight: normal
  316. }
  317. .pun .posthead h2 strong:before {
  318. content: '#'
  319. }
  320. .posthead[id] + .postbody .entry-content div + p:not(:empty) {
  321. background: rgba(255, 144, 144, 0.21) url(http://imgur.com/PIQA4LA.png) no-repeat 6px 10px;
  322. border: 1px solid #ffffff;
  323. color: #747574;
  324. font-family: 'Roboto', Arial, sans-serif;
  325. font-size: 11px;
  326. font-style: normal;
  327. font-variant: normal;
  328. font-weight: 700;
  329. line-height: 18px;
  330. margin-top: 15px;
  331. padding: 8px 8px 8px 28px;
  332. text-shadow: #fffaf1 0 1px 0
  333. }
  334. .posthead[id] + .postbody .entry-content div + p:not(:empty) > br {
  335. display: none;
  336. }
  337. .pun .post,
  338. .pun .postbody,
  339. .pun .postmain {
  340. background-color: #fff!important
  341. }
  342. .pun .post {
  343. border: 0;
  344. margin: 5px
  345. }
  346. .postfoot {
  347. background: #f7f7f7;
  348. border-top: 1px solid #ddd;
  349. margin: 0;
  350. padding: 10px;
  351. }
  352. .pun .topic {
  353. border: 0;
  354. box-shadow: none;
  355. background: white;
  356. margin: 0
  357. }
  358. .pun .entry-content {
  359. font-size: 13px;
  360. line-height: 1.2
  361. }
  362. .pun .paged-foot,
  363. .pun .paged-head {
  364. background-color: transparent;
  365. border: 0
  366. }
  367. .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:#263340 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 #263340; } .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:25px; 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:12px; 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; }
  368.  
  369. .paged-head h1 {
  370. display: none
  371. }
  372. /*post*/
  373.  
  374. .pun-crumbs {
  375. background: #fff;
  376. border: 1px solid #ddd;
  377. border-radius: 3px;
  378. line-height: 34px;
  379. margin: 0px 1px 10px;
  380. overflow: hidden;
  381. padding: 0.2em 1em;
  382. }
  383. .pun .pun-crumbs .crumbs {
  384. color: transparent;
  385. }
  386. p.crumbs a {
  387. background: transparent url("https://i39.servimg.com/u/f39/11/55/08/10/pun-cr10.png") no-repeat scroll 100% -1px;
  388. color: #757575 !important;
  389. line-height: 30px;
  390. margin-left: -14px;
  391. padding: 10px 20px 10px 25px;
  392. position: relative;
  393. text-shadow: 0px 1px 0px #FFF;
  394. transition: none 0s ease 0s;
  395. }
  396. p.crumbs a:hover {
  397. background-position: 100% -44px;
  398. }
  399. .pun .postfoot .user-contact {
  400. display: none;
  401. }
  402. #pun-visit,
  403. .main-box {
  404. width: 0;
  405. height: 0;
  406. overflow: hidden;
  407. background: transparent;
  408. border: none;
  409. display: none;
  410. }
  411. /*ranks*/
  412.  
  413. .rank {
  414. background: transparent none repeat scroll 0% 0%;
  415. color: #fefefe;
  416. padding: 2px 0 !important;
  417. display: block;
  418. margin: 5px auto;
  419. width: 110px;
  420. border-radius: 2px;
  421. text-shadow: 0 -1px rgba(0, 0, 0, 0.38);
  422. border-top: 1px solid rgba(0, 0, 0, 0.15);
  423. }
  424. .rank.admin {
  425. background: rgb(209, 39, 39) none repeat scroll 0% 0%;
  426. }
  427. .rank.staff {
  428. background: #34365F;
  429. }
  430. .rank.mem {
  431. background: #454545;
  432. }
  433. .BS_done {
  434. opacity: 0.5;
  435. cursor: default;
  436. }
  437. .BS_like {
  438. background: rgb(0, 159, 255) none repeat scroll 0% 0%;
  439. padding: 6px 10px;
  440. color: white;
  441. border-radius: 3px;
  442. text-transform: uppercase;
  443. font-size: 11px;
  444. font-weight: bold;
  445. cursor: pointer;
  446. }
  447. .BS_count {
  448. padding: 6px 10px;
  449. margin: 0 5px;
  450. border-radius: 3px;
  451. font-weight: bold;
  452. }
  453. .BS_vote {
  454. padding: 10px 5px;
  455. float: right;
  456. border-radius: 3px;
  457. margin-top: 100px;
  458. background: rgb(238, 238, 238) none repeat scroll 0% 0%;
  459. }
  460. input[type="button"],
  461. input[type="reset"],
  462. input[type="submit"] {
  463. background: rgb(60, 65, 75) none repeat scroll 0px 0px;
  464. border-radius: 3px;
  465. color: #FFFAFA !important;
  466. cursor: pointer;
  467. font-family: 'Roboto', Arial, sans-serif;
  468. font-size: 10px;
  469. font-weight: 700;
  470. text-decoration: none;
  471. display: inline-block;
  472. text-transform: uppercase;
  473. margin: 0px 2px;
  474. padding: 7px 11px !important;
  475. border: 0 solid #FFF;
  476. }
  477. input[type="button"]:hover,
  478. input[type="reset"]:hover,
  479. input[type="submit"]:hover {
  480. background: rgb(39, 93, 65)
  481. }
  482. .pun .main-content {
  483. background-color: #FFF;
  484. border: 1px solid #ddd;
  485. }
  486. .main .main-content {
  487. background: #FFF;
  488. border: 1px solid #ddd;
  489. box-shadow: 0 0 4px rgba(0,0,0,0.1);
  490. margin: 0;
  491. padding: 6px;
  492. }
  493. .frm-buttons {
  494. border-top: none !important;
  495. margin-bottom: 0;
  496. margin-top: 0;
  497. padding: 10px 0;
  498. }
  499. .forumtitle {
  500. font-size: 13px;
  501. }
  502. .status > img {
  503. display: none;
  504. }
  505. .status:before {
  506. content: '\f086';
  507. font-family: FontAwesome;
  508. font-size: 24px;
  509. line-height: 120%;
  510. }
  511. .dev {
  512. float: right;
  513. font-weight: bold;
  514. }
  515. footer {
  516. background: #3B404A none repeat scroll 0px 0px;
  517. border-bottom: 3px solid #6687E7;
  518. color: #FFF;
  519. font-size: 13px;
  520. font-weight: 100;
  521. height: 100px;
  522. line-height: 100px;
  523. padding: 10px;
  524. width: 90%;
  525. margin: 0 auto 20px;
  526. }
  527. .about {
  528. float: left;
  529. }
  530. #stats {
  531. background-color: white;
  532. line-height: 100%;
  533. padding: 10px;
  534. border: 1px solid #ddd;
  535. }
  536. #onlinelist {
  537. background-color: white;
  538. padding: 10px;
  539. border: 1px solid #ddd;
  540. border-top: none;
  541. }
  542. .stats_text {
  543. color: #737C8D;
  544. display: block;
  545. font-family: 'Roboto', Arial, sans-serif;
  546. font-size: 10px;
  547. text-align: center;
  548. font-weight: bold;
  549. text-transform: uppercase;
  550. }
  551. .stats_number {
  552. color: #737C8D;
  553. display: block;
  554. font-family: 'Roboto', Arial, sans-serif;
  555. font-size: 16px;
  556. font-weight: 700;
  557. overflow: hidden;
  558. position: relative;
  559. text-align: center;
  560. }
  561. .reputation {
  562. color: #5F7A47 !important;
  563. font-size: 13px;
  564. font-weight: bold;
  565. }
  566. .pun .user .user-info {
  567. color: #9c9c9c;
  568. line-height: 1.5em;
  569. }
  570. .fa-plus-circle::before {
  571. display: inline-block;
  572. margin: 0 2px;
  573. }
  574. .main-head h2,
  575. .main-head h3 {
  576. font-weight: 800;
  577. font-size: 14px !important;
  578. font-family: 'Roboto', Arial, sans-serif;
  579. }
  580. #onlinechat {
  581. display: none;
  582. }
  583. .mp-local {
  584. background: #bbb;
  585. color: white !important;
  586. border-radius: 50%;
  587. height: 25px !important;
  588. line-height: 25px !important;
  589. width: 25px !important;
  590. text-align: center !important;
  591. padding: 0 !important;
  592. margin-top: 5px;
  593. font-weight: bold;
  594. }
  595. #groupLegend {
  596. font-size: 0
  597. }
  598. #groupLegend b {
  599. font-size: 11px
  600. }
  601. #groupLegend b:after {
  602. content: " • "
  603. }
  604. #groupLegend b:last-child:after {
  605. content: ""
  606. }
  607. .lastpost-avatar img {
  608. height: 38px;
  609. width: 38px;
  610. background: #FFF none repeat scroll 0% 0%;
  611. border: 1px solid #DDD;
  612. border-radius: 4px;
  613. box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  614. padding: 2px;
  615. margin: -3px 5px;
  616. }
  617. .arrow-u2 {
  618. border-left-color: #ddd!important;
  619. z-index: 99!important;
  620. left: -22px!important;
  621. border-left-width: 8px!important;
  622. }
  623. .arrow-u,
  624. .arrow-u2 {
  625. width: 0;
  626. height: 0;
  627. z-index: 999;
  628. border: 7px solid;
  629. border-color: transparent transparent transparent #f7f7f7;
  630. position: absolute;
  631. left: -23px;
  632. margin-top: -25px;
  633. }
  634. .minicode {
  635. background-color: #F9F2F4;
  636. border-radius: 4px;
  637. color: #C7254E;
  638. display: inline-block;
  639. font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  640. font-size: 90%;
  641. margin: 3px 0px;
  642. padding: 2px 4px;
  643. white-space: nowrap;
  644. }
  645. pre.highlight {
  646. background-color: #FAFAFA !important;
  647. border: 1px solid #C9C9C9 !important;
  648. color: #000000;
  649. font-family: Consolas,"Bitstream Vera Sans Mono","Andale Mono",Monaco,"DejaVu Sans Mono","Lucida Console",monospace !important;
  650. font-size: 11px !important;
  651. line-height: 110% !important;
  652. max-height: 250px !important;
  653. overflow: auto !important;
  654. padding: 5px !important;
  655. white-space: pre-wrap !important;
  656. width: auto !important;
  657. }
  658. .prettyprint ol.linenums {
  659. padding-left: 5px !important;
  660. }
  661. .pun{color:#666!important}
  662.  
  663. .topic_buttons {
  664. background-color: rgb(60, 65, 75)!important;
  665. padding: 10px 15px!important;
  666. border: none!important;
  667. cursor: pointer!important;
  668. color: white!important;
  669. font-weight: bold!important;
  670. text-transform: uppercase!important;
  671. border-radius: 4px!important;
  672. font-size: 11px!important;
  673. font-family: 'Roboto', Arial, sans-serif;
  674. text-shadow: 0 1px 1px black;
  675. }
  676. .topic_buttons.important{background: darkred!important;}
  677.  
  678. .wraparound {
  679. background: #f7f7f7;
  680. border: 1px solid #ddd;
  681. padding: 8px;
  682. margin:10px 0;
  683. }
  684. .ipsUserPhotoLink img {
  685. float: left;
  686. width: 40px;
  687. height: 40px;
  688. border: 1px solid #ddd;
  689. padding: 2px;
  690. background: white;
  691. }
  692. .ftoggle {
  693. background: #E2E2E2;
  694. padding: 10px 15px;
  695. display:block;
  696. border-radius: 3px;
  697. }
  698. .ipsBox_withphoto {
  699. margin-left: 65px;
  700. }
  701. .ipsType_pagetitle, .ipsType_subtitle {
  702. font: 300 23px/1.3 Helvetica,Arial,sans-serif;
  703. color: #413f3c;
  704. }
  705. .desc.lighter, .desc.lighter.blend_links a, .desc.lighter.blend_links span a strong {
  706. color: #a49f98!important;
  707. font-weight: normal;
  708. }
  709. .pun .user .user-ident .user-basic-info {font-size: 0px!important;}
  710. /* Fonte UBUNTU */
  711. @font-face {
  712. font-family: Ubuntu;
  713. font-style: normal;
  714. font-weight: 300;
  715. src: local('Ubuntu Light'), local(Ubuntu-Light), url(http://fonts.gstatic.com/s/ubuntu/v7/_aijTyevf54tkVDLy-dlnFtXRa8TVwTICgirnJhmVJw.woff2) format(woff2), url(http://fonts.gstatic.com/s/ubuntu/v7/_aijTyevf54tkVDLy-dlnD8E0i7KZn-EPnyo3HZu7kw.woff) format("woff");
  716. }
  717. @font-face {font-family:Ubuntu;font-style:normal;font-weight:400;src:local(Ubuntu), url(http://fonts.gstatic.com/s/ubuntu/v7/sDGTilo5QRsfWu6Yc11AXg.woff2) format(woff2), url(http://fonts.gstatic.com/s/ubuntu/v7/_xyN3apAT_yRRDeqB3sPRg.woff) format("woff");}
  718. @font-face {font-family:Ubuntu;font-style:normal;font-weight:700;src:local('Ubuntu Bold'), local(Ubuntu-Bold), url(http://fonts.gstatic.com/s/ubuntu/v7/0ihfXUL2emPh0ROJezvraFtXRa8TVwTICgirnJhmVJw.woff2) format(woff2), url(http://fonts.gstatic.com/s/ubuntu/v7/0ihfXUL2emPh0ROJezvraD8E0i7KZn-EPnyo3HZu7kw.woff) format("woff");}
  719.  
  720. .pun a, .pun a:link, .pun a:visited, a {
  721. color: #666;
  722. font-family: 'Roboto', Arial, sans-serif;
  723. text-decoration: none;
  724. }
  725.  
  726. .topposters img {
  727. background: #fff;
  728. border: 1px solid #c4c4c4;
  729. border-radius: 50%;
  730. height: 30px;
  731. margin: 0 5px;
  732. padding: 2px;
  733. width: 30px;
  734. margin-right: 5px;
  735. }
  736. .topposters img:hover {
  737. -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
  738. -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
  739. border-color: #a1a1a1;
  740. box-shadow: 0 2px 2px rgba(0,0,0,0.2);
  741. }
  742. .topposters .UserPhoto {float: left;}
  743. .module .main-content .topposters ul {
  744. margin: 0;
  745. }
  746. .topposters li {
  747. margin-bottom: 8px;
  748. list-style: none;
  749. }
  750. .topposters li:after {
  751. content: ".";
  752. display: block;
  753. height: 0;
  754. clear: both;
  755. visibility: hidden;
  756. }
  757. .topposters p {
  758. font: normal 11px helvetica, arial, sans-serif;
  759. margin: 5px 0 0 40px;
  760. color: #777777;
  761. }
  762. .topposters p span div {
  763. display: inline-block;
  764. }
  765. #members_top_posters .m_b img {
  766. width: 30px !important;
  767. height: 30px !important;
  768. }
  769. .status > img {
  770. display:block!important;
  771. margin-left:-22px!important;
  772. }
  773. .status:before {display:none!important;}
  774. .pun table .tdtopics .status{margin-left:0px!important;}
  775. #main-content > div.main.paged td.tcl.tdtopics{position:relative!important;top:14px!important;}
  776. input#message.post {
  777. -khtml-border-radius: 3px;
  778. -khtml-box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0;
  779. -moz-border-radius: 3px;
  780. -moz-box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0;
  781. -moz-transition: border .3s ease-in-out;
  782. -o-transition: border .3s ease-in-out;
  783. -webkit-border-radius: 3px;
  784. -webkit-box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0;
  785. -webkit-transition: border .3s ease-in-out;
  786. background-color: #fafbfc;
  787. border: 1px solid #c1c1c1;
  788. border-radius: 3px;
  789. box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0;
  790. color: #666;
  791. font-size: 12px;
  792. min-width: 378px;
  793. outline: 0;
  794. padding: 9px!important;
  795. transition: border .3s ease-in-out;
  796. }
  797. #message {
  798. height: 16px;
  799. margin-top: 3px;
  800. width: 250px;
  801. }
  802. #message, #submit_button {
  803. margin-left: 15px;
  804. }
  805.  
  806. #chatbox_messenger_form {
  807. margin: 0!important;
  808. }
  809. #chatbox_messenger_form {
  810. margin: 10px 0 0;
  811. }
  812. .fontbutton {
  813. -moz-transition: background .3s ease-in-out;
  814. -o-transition: background .3s ease-in-out;
  815. -webkit-transition: background .3s ease-in-out;
  816. background: #3091C1 url(http://imgur.com/srUpLQz.png) repeat-x;
  817. border: 0!important;
  818. border-radius: 4px;
  819. border-top: 1px solid rgba(0,0,0,.20);
  820. color: #fff;
  821. cursor: pointer;
  822. font-family: 'Roboto', Arial, sans-serif;
  823. font-size: 13px;
  824. outline: 0;
  825. padding: 5px!important;
  826. text-shadow: 0 2px 0 rgba(0,0,0,0.14);
  827. transition: background .3s ease-in-out;
  828. }
  829. #avatar img { margin-top: 5px; }
  830. #notify_link { left: 20px; }
  831. #inbox_link { left: 40px; }
  832. #user_link { margin-top: 5px;
  833. }
  834. #search { margin: -210px 0; }
  835. .attach { float: right; }
  836.  
  837. fieldset {
  838. border: 0 groove threedface;
  839. margin-top: 51px;
  840. }
  841.  
  842. #adv_search {
  843. -moz-border-radius: 3px;
  844. -webkit-border-radius: 3px;
  845. background: url(http://i.imgur.com/gtuEBUp.png) no-repeat 50% 50%;
  846. border-radius: 3px;
  847. display: inline-block;
  848. height: 26px;
  849. margin-left: 3px;
  850. text-indent: -3000em;
  851. width: 26px;
  852. }
  853.  
  854. #search_wrap {
  855. -moz-border-radius: 3px 4px 4px 3px;
  856. -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  857. -webkit-border-bottom-left-radius: 3px;
  858. -webkit-border-bottom-right-radius: 4px;
  859. -webkit-border-top-left-radius: 3px;
  860. -webkit-border-top-right-radius: 4px;
  861. -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  862. background: #fff;
  863. border-radius: 3px 4px 4px 3px;
  864. box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  865. display: block;
  866. height: 26px;
  867. line-height: 25px;
  868. min-width: 20px;
  869. padding: 0 26px 0 4px;
  870. position: relative;
  871. }
  872.  
  873. #main_search {
  874. -webkit-transition: all 1s ease-in-out;
  875. background: transparent;
  876. border: 0;
  877. color: #b0b0b0;
  878. font-size: 12px;
  879. margin-top: 5px;
  880. outline: 0;
  881. padding: 0;
  882. transition: all 1s ease-in-out;
  883. width: 130px;
  884. }
  885.  
  886. #search .submit_input {
  887. -moz-border-radius: 4px;
  888. -o-border-radius: 4px;
  889. -webkit-border-radius: 4px;
  890. background: #3091C1 url(http://imgur.com/tUX6wJ6.png) no-repeat 50%;
  891. border-radius: 4px;
  892. border-top: 1px solid rgba(0,0,0,.20);
  893. bottom: 0;
  894. display: block;
  895. height: 20px;
  896. margin-right: 2px;
  897. margin-top: 3px;
  898. outline: none!important;
  899. padding: 0!important;
  900. position: absolute;
  901. right: 0;
  902. text-indent: -3000em;
  903. top: 0;
  904. width: 25px;
  905. }
  906. #search { margin: -170px 50px !important; }
  907. #search_wrap { z-index: 99; }
  908. #main_search:focus {
  909. -webkit-transition: all 1s ease-in-out;
  910. color: #5a5a5a;
  911. transition: all 1s ease-in-out !important;
  912. width: 240px;
  913. }
  914. a.sceditor-button.sceditor-button-emoticon , #textarea_content > div > div.sceditor-toolbar > div:nth-child(6) > a.sceditor-button.sceditor-button-emoticon {display:none!important;}
  915. #sce_smilies_body {background:none!important;}
  916. @font-face {
  917. font-family: 'Leckerli One';
  918. font-style: normal;
  919. font-weight: 400;
  920. src: local('Leckerli One'), local('LeckerliOne-Regular'), url(https://fonts.gstatic.com/s/leckerlione/v7/S2Y_iLrItTu8kIJTkS7DrOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  921. 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;
  922. }
  923. .main-head h2, .main-head h3 {
  924. font-family: Leckerli One, Ubuntu, sans-serif!important;
  925. font-size: 16px!important;
  926. text-transform: none!important;
  927. font-weight: 300!important;
  928. }
  929. .postbody a, .postbody .content div a, .postbody .post-entry div a {
  930. display: inline-block;
  931. max-width: 300px;
  932. overflow: hidden;
  933. white-space: nowrap;
  934. text-overflow: ellipsis;
  935. }
  936. .main .main-head {
  937. background-color: #2a2c33;
  938. border-bottom: 1px solid #3091C10;
  939. border-radius: 2px 2px 0 0;
  940. box-shadow: #3091C1 0 -2px 0 inset;
  941. color: #fff;
  942. padding: 1em;
  943. text-shadow: none;
  944. }
  945. .post_field {
  946. border: 1px solid #DDD;
  947. padding: 4px;
  948. margin-bottom: -19px;
  949. border-left: 5px solid #DDD;
  950. text-align: left;
  951. background: #fff;
  952. }
  953. .pun .user .user-info {
  954. color: #666;
  955. line-height: 1.8em;
  956. }
  957. .pun .user .user-info {
  958. background: #F5F5F5 none repeat scroll 0 0;
  959. border-top: 1px solid rgba(0,0,0,0.15);
  960. color: #666;
  961. line-height: 1.8em;
  962. padding: 5px !important;
  963. }
  964. footer {width:98%!important;height:20px!important;margin-bottom:-10px!important;}
  965. .social {margin-top:4px!important;margin-left:50px!important;}
  966. body > footer > span {margin-right:60px!important;}
  967. body > footer > div:nth-child(2) > a > i {margin-left:-50px!important;}
  968. #cke_20, #cke_31 , #cke_33, #cke_47 , #cke_40 , #cke_12 {display:none;}
  969. .main .frm-info {
  970. background: rgba(39, 93, 65, 0.15)
  971. border: 1px solid #E6E6E6;
  972. margin: 1.7em;
  973. padding: 1em;
  974. }
  975. #chatbox {
  976. left: 0;
  977. color: #777;
  978. font-size: 11px;
  979. }
  980.  
  981. #chatbox_members {
  982. display: none;
  983. }
  984.  
  985. #chatbox .cb-avatar,
  986. #chatbox .cb-avatar > img {
  987. width: 16px !important;
  988. height: 16px !important;
  989. }
  990.  
  991. .chatbox-username {
  992. margin-right: 10px;
  993. }
  994.  
  995. .chatbox-username:before {
  996. content: '@';
  997. display: inline-block;
  998. margin: 0 10px 0 5px;
  999. }
  1000.  
  1001. #chatbox .msg,
  1002. #chatbox .user {
  1003. display: inline-block !important;
  1004. }
  1005. .pun div#pun-intro {
  1006. background-attachment: none !important;
  1007. background: #3091C1 url(https://i.imgur.com/CEh7BAV.jpg) center no-repeat !important;
  1008. background-size: 100% !important;
  1009. }
  1010. .pun #pun-navlinks .mainmenu:after {
  1011. background-color: #3091C1;
  1012. }
  1013. .pun #pun-head #pun-navlinks {
  1014. background-color: background: #1c1f25;
  1015. }
  1016. .pun #pun-head {
  1017. margin-top: -6pc;
  1018. position: absolute;
  1019. width: 100%;
  1020. left: 0;
  1021. }
  1022. .pun #pun-intro {
  1023. top: 0;
  1024. position: absolute;
  1025. width: 100%;
  1026. left: 0;
  1027. padding: 50px 0;
  1028. height: 110px;
  1029. }
  1030. .pun #pun-navlinks ul {
  1031. text-align: center;
  1032. }
  1033. .pun #pun-head, .pun #pun-intro {
  1034. display: inherit;
  1035. }
  1036. #branding, .wrapper {
  1037. display: none !important;
  1038. }
  1039. .pun {
  1040. margin-top: 285px;
  1041. }
  1042. .pun #pun-logo, .pun #pun-title, .pun p#pun-desc {
  1043. padding-left: 5%;
  1044. display: block
  1045. }
  1046. .pun #pun-head #pun-navlinks {
  1047. padding: 0;
  1048. }
  1049. .pun #pun-navlinks li {
  1050. color: #FFF;
  1051. line-height: 0;
  1052. padding: 0px;
  1053. position: relative;
  1054. }
  1055. .pun #pun-navlinks .mainmenu {
  1056. color: #FFF;
  1057. font-size: 12px;
  1058. font-weight: 700;
  1059. font-family: 'Roboto', Arial, sans-serif;
  1060. text-decoration: none;
  1061. line-height: 40px;
  1062. padding: 0 10px;
  1063. display: inline-block;
  1064. overflow: hidden;
  1065. position: relative;
  1066. }
  1067. .pun #pun-navlinks .mainmenu {
  1068. text-decoration: none;
  1069. }
  1070. .pun #pun-navlinks .mainmenu:hover:after {
  1071. bottom: 0;
  1072. }
  1073. .pun #pun-navlinks .mainmenu:after {
  1074. content: ".";
  1075. font-size: 0;
  1076. height: 5px;
  1077. position: absolute;
  1078. bottom: -5px;
  1079. left: 0;
  1080. right: 0;
  1081. transition: bottom 250ms;
  1082. }
  1083. #search_menu {
  1084. top: 15px!important;
  1085. left: 0!important;
  1086. }
  1087. #chatbox .user strong {
  1088. font-size: 0;
  1089. }
  1090. #chatbox .chatbox-message-username {
  1091. font-size: 11px;
  1092. }
  1093. #chatbox .cb-avatar {
  1094. margin-top: 2px;
  1095. }
  1096.  
  1097. #chatbox .user {
  1098. width: 100px;
  1099. overflow: hidden;
  1100. text-overflow: ellipsis;
  1101. white-space: nowrap;
  1102. vertical-align: middle;
  1103. padding: 0;
  1104. height: 24px;
  1105. line-height: 24px;
  1106. margin: 0;
  1107. }
  1108.  
  1109. .chatbox-username:before {
  1110. margin-right: 5px;
  1111. }
  1112.  
  1113. #chatbox .msg {
  1114. vertical-align: middle;
  1115. line-height: 24px;
  1116. margin: 0;
  1117. }
  1118.  
  1119. #chatbox .user + .msg:before {
  1120. content: ":";
  1121. display: inline-block;
  1122. margin-right: 10px;
  1123. }
  1124.  
  1125. #chatbox_header.main-head {
  1126. border-top: none;
  1127. border-bottom: 3px solid #3091C1;
  1128. border-radius: 3px;
  1129. }
  1130.  
  1131. .chatbox-options {
  1132. margin: 0;
  1133. line-height: 20px;
  1134. }
  1135.  
  1136. #chatbox_top + div[style="resize"] {
  1137. display: none;
  1138. }
  1139. #chatbox {
  1140. height: 220px !important;
  1141. box-sizing: border-box;
  1142. }
  1143. #pun-navlinks {
  1144. background: #22242D!important;
  1145. }
  1146. .social {
  1147. position: absolute;
  1148. margin: 0 0 0 -3px !important;
  1149. float: none;
  1150. left: 5%;
  1151. }
  1152.  
  1153. .social > .social {
  1154. position: static;
  1155. }
  1156.  
  1157. .social a {
  1158. display: block;
  1159. }
  1160.  
  1161. .social em.fa,
  1162. .social em.fa.fa-youtube:hover {
  1163. margin: 0 !important;
  1164. }
  1165.  
  1166. .social em.fa {
  1167. height: 50px !important;
  1168. line-height: 50px !important;
  1169. padding: 0 20px !important;
  1170. }
  1171. #main-footer {
  1172. width: 90%;
  1173. max-width: 1200px;
  1174. margin: 0 auto;
  1175. background-color: #3B404A;
  1176. color: #fff;
  1177. height: 50px;
  1178. line-height: 50px;
  1179. border-bottom: 3px solid #6687E7;
  1180. padding: 0 10px;
  1181. }
  1182.  
  1183. #main-footer .main-footer-social {
  1184. float: left;
  1185. margin-left: -10px;
  1186. }
  1187.  
  1188. #main-footer .main-footer-social a {
  1189. color: #fff;
  1190. font-size: 24px;
  1191. display: block;
  1192. }
  1193.  
  1194. #main-footer .main-footer-social a .fa {
  1195. display: block;
  1196. line-height: 50px;
  1197. width: 60px;
  1198. text-align: center;
  1199. transition: 250ms ease background-color;
  1200. }
  1201.  
  1202. #main-footer .main-footer-social a .fa-youtube:hover {
  1203. background-color: #f00;
  1204. }
  1205.  
  1206. #main-footer .main-footer-copy {
  1207. float: right;
  1208. margin-right: 50px;
  1209. }
  1210.  
  1211. #bs_full_inbox {
  1212. right: 0!important;
  1213. left: 0!important;
  1214. margin-left: auto!important;
  1215. margin-right: auto!important;
  1216. }
  1217. div#pun-navlinks li {
  1218. display: inline-block;
  1219. vertical-align: top;
  1220. }
  1221.  
  1222. li.pun-navsearch form {
  1223. display: inline-block;
  1224. }
  1225.  
  1226. li.pun-navsearch input {
  1227. padding: 0 15px;
  1228. margin: 5px 0;
  1229. border: none;
  1230. height: 30px;
  1231. line-height: 30px;
  1232. background-color: #484a54;
  1233. color: #fff;
  1234. outline: none;
  1235. transition: 250ms ease background-color;
  1236. box-sizing: border-box;
  1237. }
  1238.  
  1239. li.pun-navsearch input:focus,
  1240. li.pun-navsearch input:hover {
  1241. background-color: #5f6168;
  1242. }
  1243.  
  1244. li.pun-navsearch button {
  1245. position: relative;
  1246. background: none;
  1247. width: 30px;
  1248. border: none;
  1249. overflow: hidden;
  1250. text-align: center;
  1251. height: 30px;
  1252. box-sizing: border-box;
  1253. outline: none;
  1254. text-indent: -9999px;
  1255. }
  1256.  
  1257. li.pun-navsearch button:before {
  1258. content: "\f002";
  1259. color: #fff;
  1260. font-family: "FontAwesome";
  1261. position: absolute;
  1262. left: 0;
  1263. right: 0;
  1264. top: 0;
  1265. bottom: 0;
  1266. line-height: 30px;
  1267. font-size: 18px;
  1268. cursor: pointer;
  1269. text-indent: 0;
  1270. }
  1271. div#pun-navlinks li.pun-navsearch {
  1272. padding-left: 50px;
  1273. }
  1274. div#pun-navlinks li.pun-navsearch {
  1275. position: absolute;
  1276. right: 30px;
  1277. }
  1278. form#form-send dl {
  1279. position: relative;
  1280. }
  1281.  
  1282. div#countitle {
  1283. position: absolute;
  1284. right: 300px;
  1285. top: 10px;
  1286. background: none;
  1287. }
  1288. .menusera {
  1289. float: right !important;
  1290. border-top: 0 !important;
  1291. border-bottom: 0 !important;
  1292. position: absolute;
  1293. height: 199px;
  1294. width: 122px;
  1295. background: #292929;
  1296. margin-right: -0px !important;
  1297. border: 1px solid #292929;
  1298. -moz-box-shadow: 0px 1px 0px #292929;
  1299. -webkit-box-shadow: 0px 1px 0px #292929;
  1300. box-shadow: 0px 1px 0px #292929;
  1301. right: -0%;
  1302. z-index: 2;
  1303. }
  1304. body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  1305. margin: 0;
  1306. padding: 0;
  1307. }
  1308. /**
  1309. * FA.BEGIN fa_user_menu
  1310. */
  1311.  
  1312. #fa-user-menu,
  1313. #fa-user-menu * {
  1314. box-sizing: border-box;
  1315. }
  1316.  
  1317. #fa-user-menu {
  1318. background-color: #333;
  1319. padding: 10px;
  1320. position: absolute;
  1321. right: -500px;
  1322. top: 40px;
  1323. width: 500px;
  1324. transition: 1000ms ease right;
  1325. }
  1326.  
  1327. #fa-user-menu:hover {
  1328. right: 0;
  1329. }
  1330.  
  1331. #fa-user-menu a {
  1332. transition: 250ms ease color;
  1333. }
  1334.  
  1335. .fa-user-menu-title {
  1336. color: #999;
  1337. }
  1338.  
  1339. .fa-user-menu-username {
  1340. color: #ccc;
  1341. }
  1342.  
  1343. .fa-user-menu-username:active,
  1344. .fa-user-menu-username:hover {
  1345. color: #fff;
  1346. }
  1347.  
  1348. .fa-user-menu-content {
  1349. color: #ccc;
  1350. margin-top: 10px;
  1351. overflow: hidden;
  1352. }
  1353.  
  1354. .fa-user-menu-column {
  1355. float: left;
  1356. }
  1357.  
  1358. .fa-user-menu-column li {
  1359. background-color: #464646;
  1360. display: block;
  1361. font-size: 10px;
  1362. margin-bottom: 5px;
  1363. padding: 3px;
  1364. border: 1px #464646 solid;
  1365. transition: 250ms ease border-color;
  1366. }
  1367.  
  1368. .fa-user-menu-column li a {
  1369. color: inherit;
  1370. }
  1371.  
  1372. .fa-user-menu-column li a:active,
  1373. .fa-user-menu-column li a:focus,
  1374. .fa-user-menu-column li a:hover {
  1375. color: #fff;
  1376. }
  1377.  
  1378. .fa-user-menu-column li:hover {
  1379. border-color: #275d41
  1380. ;
  1381. }
  1382.  
  1383. .fa-user-menu-column li:last-child {
  1384. margin-bottom: 0;
  1385. }
  1386.  
  1387. .fa-user-menu-column li span {
  1388. color: #999;
  1389. float: right;
  1390. }
  1391.  
  1392. .fa-user-menu-side-column {
  1393. width: 25%;
  1394. }
  1395.  
  1396. .fa-user-menu-main-column {
  1397. padding: 0 10px;
  1398. width: 50%;
  1399. }
  1400.  
  1401. .fa-user-menu-main-column>img {
  1402. margin-bottom: 10px;
  1403. }
  1404.  
  1405. .fa-user-menu-login-logout {
  1406. background-color: #464646;
  1407. color: #fff;
  1408. display: block;
  1409. padding: 15px 0;
  1410. text-align: center;
  1411. transition-property: background-color !important;
  1412. }
  1413.  
  1414. .fa-user-menu-login-logout:active,
  1415. .fa-user-menu-login-logout:focus,
  1416. .fa-user-menu-login-logout:hover {
  1417. color: #fff;
  1418. background-color: #275d41;
  1419. }
  1420.  
  1421. .fa-user-menu-open-arrow {
  1422. background-color: #333;
  1423. border-radius: 5px 0 0 5px;
  1424. color: #ccc;
  1425. font-size: 24px;
  1426. height: 80px;
  1427. left: -20px;
  1428. position: absolute;
  1429. text-align: center;
  1430. top: 20px;
  1431. width: 20px;
  1432. }
  1433.  
  1434. .fa-user-menu-open-arrow .fa {
  1435. line-height: 80px;
  1436. }
  1437.  
  1438. /**
  1439. * FA.END fa_user_menu
  1440. */
  1441. #fa-user-menu {
  1442. z-index: 1;
  1443. }
  1444. .container_IE {
  1445. position: relative;
  1446. overflow: hidden;
  1447. }
  1448.  
  1449. .fa-user-menu-column li {
  1450. line-height: 12px;
  1451. }
  1452.  
  1453. #fa-user-menu a {
  1454. color: #ccc;
  1455. }
  1456.  
  1457. #fa-user-menu a:hover {
  1458. color: #fff;
  1459. }
  1460.  
  1461. .fa-user-menu-login-logout[href="/login?logout"]:hover,
  1462. .fa-user-menu-login-logout[href="/login?logout"]:focus,
  1463. .fa-user-menu-login-logout[href="/login?logout"]:active {
  1464. background-color: #b53528;
  1465. }
  1466. .pun #pun-navlinks .mainmenu:hover {background:rgba(255,255,255,0.07);color:#fff;}
  1467. .pun #pun-navlinks .mainmenu:after{background:none!important;}
  1468. #right > div.module.main > div.main-content.clearfix {margin-top:-4px;}
  1469. div.sceditor-group {
  1470. background: transparent !important;
  1471. border-bottom: none !important;
  1472. }
  1473. .topic_buttons li {
  1474. float: right;
  1475. margin: 15px 0px 12px 10px;
  1476. }
  1477. .module {
  1478. text-align: center;
  1479. }
  1480. .user-basic-info img:first-child {max-height:300px!important;max-width:300px!important;}
  1481. .postmain cite {
  1482. background: #d3e9dc url(http://forum.muaway2.net/public/style_images/MuAwaY2/citation_bg.png) no-repeat right;
  1483. color: #2b3730;
  1484. font-size: 0.9em;
  1485. font-weight: bold;
  1486. border-width: 1px 1px 0 3px;
  1487. border-style: solid;
  1488. border-color: #6fa987;
  1489. padding: 5px 8px;
  1490. }
  1491. .postmain blockquote, blockquote {
  1492. background: #eef1f3;
  1493. font-size: 0.9em;
  1494. border-width: 1px 1px 1px 3px;
  1495. border-style: solid;
  1496. border-color: #0085ed;
  1497. margin: 0px;
  1498. margin-top: 0px;
  1499. padding: 12px;
  1500. }
  1501. #submit_button {
  1502. height: auto !important; }
  1503. .main .frm-info {
  1504. background: rgba(39, 93, 65, 0.15);
  1505. border: 1px solid #E6E6E6;
  1506. margin: 1.7em;
  1507. padding: 1em;
  1508. }
  1509. #chatbox_top{min-height:350px!important;}
  1510. .chatbox{
  1511. background-color:#fff!important;
  1512. border:1px solid #ddd!important;
  1513. margin:10px 0!important;
  1514. padding:8px 8px 0!important;
  1515. }
  1516.  
  1517. #chatbox_header.main-head{
  1518. background:#f5f5f5 url(http://imgur.com/iy2rLu3.png) repeat-x 0 0!important;
  1519. border:1px solid #eaeaea!important;
  1520. height:40px!important;
  1521. padding-left:.3em!important;
  1522. }
  1523.  
  1524. #submit_button {background:#000!important;width:60px!important;}
  1525.  
  1526. .chatbox-title{background:url(http://i.imgur.com/zpUIlTa.jpg) no-repeat scroll 88px 8px transparent!important;}
  1527.  
  1528. .chatbox-title a.chat-title{
  1529. color:#323232!important;
  1530. font-size:18px!important;
  1531. font-style:normal!important;
  1532. font-variant:normal!important;
  1533. font-weight:300!important;
  1534. line-height:1.3!important;
  1535. }
  1536.  
  1537. .chatbox-options li,.chatbox-options li a{color:#323232!important;}
  1538.  
  1539. body[bgcolor]{background:#ededed!important;}
  1540.  
  1541. #chatbox_members{border:1px solid #eaeaea!important;right:0!important;}
  1542.  
  1543. #chatbox_members .member-title{
  1544. background:#ededed!important;
  1545. color:#5a5a5a!important;
  1546. padding:8px 10px!important;
  1547. text-align:left!important;
  1548. }
  1549.  
  1550. #chatbox{
  1551. -moz-box-shadow:2px 0 4px rgba(0,0,0,0.1)!important;
  1552. -webkit-box-shadow:2px 0 4px rgba(0,0,0,0.1)!important;
  1553. border:1px solid #e3e3e3!important;
  1554. box-shadow:2px 0 4px rgba(0,0,0,0.1)!important;
  1555. left:0!important;
  1556. right:190px!important;
  1557. }
  1558.  
  1559. #chatbox,#chatbox_members{ background:#fff!important; bottom:50px!important; top:40px!important; }
  1560.  
  1561. #chatbox p{
  1562. background:none repeat scroll 0 0 #fff!important;
  1563. border-bottom:1px solid #e3e3e3!important;
  1564. line-height:1.3em!important; padding:5px!important;
  1565. }
  1566.  
  1567. #chatbox:after{
  1568. background:#F5FFF6 url(http://i.imgur.com/g3NBjqp.png) repeat-x!important;
  1569. border:1px solid #D3EED3!important;
  1570. color:#1F691C!important;
  1571. content:'Não daremos suporte no chat da família.';
  1572. display:block!important;
  1573. font-size:12px!important;
  1574. line-height:1.6!important;
  1575. padding:10px!important;
  1576. text-shadow:0 1px 0 rgba(255,255,255,0.5)!important;
  1577. }
  1578.  
  1579. #chatbox_footer{
  1580. background:#ededed!important;
  1581. border:1px solid #d6d6d6!important;
  1582. border-bottom-width:4px!important;
  1583. min-height:35px!important;
  1584. padding:4px!important;
  1585. }
  1586.  
  1587. #chatbox_messenger_form{margin:0;}
  1588.  
  1589. #chatbox_footer .right:first-child{ float:left!important; width:45%!important; }
  1590.  
  1591. #chatbox_messenger_form label[for="message"]{display:none;}
  1592.  
  1593. input#message.post{
  1594. background-color:#fff!important;
  1595. height:10px!important;
  1596. outline:0!important;
  1597. width:78%!important;
  1598. }
  1599. #divcolor,#divsmilies,#help-button ,.format-message + label{
  1600. background-color: #000!important;
  1601. color: #fff!important;
  1602. border: 1px solid #AAA;
  1603. border-radius: 3px;
  1604. box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
  1605. display: inline-block;
  1606. height: 18px;
  1607. line-height: 16px;
  1608. text-align: center;
  1609. width: 18px;
  1610. }
  1611.  
  1612. #submit_button{
  1613. -moz-box-shadow:inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2)!important;
  1614. -webkit-box-shadow:inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2)!important;
  1615. border:1px solid #212121!important;
  1616. border-radius:3px!important;
  1617. box-shadow:inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2)!important;
  1618. color:#fff!important;
  1619. font-family:'Roboto', Arial, sans-serif;
  1620. font-size:13px!important;
  1621. font-style:normal!important;
  1622. font-variant:normal!important;
  1623. font-weight:400!important;
  1624. height:auto!important;
  1625. margin:0 5px 0 8px!important;
  1626. padding:4px 10px!important;
  1627. }
  1628.  
  1629. .fontbutton{
  1630. -moz-box-shadow:rgba(0,0,0,0.43) 0 1px 3px!important;
  1631. -webkit-box-shadow:rgba(0,0,0,0.43) 0 1px 3px!important;
  1632. background:#646464 url(http://i58.servimg.com/u/f58/18/62/03/31/highli17.png) repeat-x 0 0!important;
  1633. border:1px solid #585858!important;
  1634. box-shadow:rgba(0,0,0,0.43) 0 1px 3px!important;
  1635. color:#fff!important;
  1636. font-family:'Roboto', Arial, sans-serif;
  1637. font-size:13px!important;
  1638. font-style:normal!important;
  1639. font-variant:normal!important;
  1640. font-weight:400!important;
  1641. padding:4px 10px!important;
  1642. text-shadow:#474747 0 -1px 0!important;
  1643. width:auto!important;
  1644. }
  1645.  
  1646. #help-button{float:right!important;}
  1647. #chatbox .date-and-time{float:right!important;}
  1648. #chatbox, #chatbox_members {
  1649. display:block!important;
  1650. }
  1651. .module .main-head { text-align: left;}
  1652.  
  1653. input#message {
  1654. max-width: 300px!important;
  1655. width: 300px!important;
  1656. min-width: 300px!important;
  1657. }
  1658.  
  1659. div#chatbox {
  1660. height: 260px!important;
  1661. }
  1662.  
  1663. ul#chatbox_main_options {position: relative;top: 9px;}
  1664.  
  1665. ul.online-users span {
  1666. font-size: 0px;
  1667. }
  1668.  
  1669. ul.online-users span span {
  1670. font-size: 13px!important;
  1671. }
  1672. span.fa-btn {
  1673. background-color: #3091c1;
  1674. color: #fff;
  1675. transition: all 200ms ease-in-out;
  1676. padding: 5px 9px;
  1677. border-radius: 4px;
  1678. border-bottom: solid 3px #2a79a0;
  1679. }
  1680.  
  1681. span.fa-btnRed {
  1682. background-color: #da4d45;
  1683. border-bottom-color: #a53933;
  1684. }
  1685.  
  1686. span.fa-btn:hover {
  1687. background-color: #2a2c33;
  1688. border-bottom-color: #202127;
  1689. }
  1690. ul.away-users span {
  1691. font-size: 0px;
  1692. }
  1693.  
  1694. ul.away-users span span {
  1695. font-size: 13px!important;
  1696. }
  1697. .chatbox-username:before {
  1698. content: ""!important;
  1699. }
  1700. span.chatbox-username {
  1701. margin-left: -15px;
  1702. }
  1703. .topic-ball i.fa {
  1704. font-size: 19px;
  1705. background: #f1f1f1;
  1706. display: block;
  1707. width: 40px;
  1708. height: 40px;
  1709. line-height: 40px;
  1710. text-align: center;
  1711. border-radius: 6px 6px;
  1712. border: 1px solid #d4d4d4;
  1713. color: #555;
  1714. transition: all 0.7s ease-in-out;
  1715. float: left;
  1716. }
  1717. .topic-ball i.fa:hover {
  1718. color: #fff;
  1719. cursor: pointer;
  1720. border-radius: 50px;
  1721. box-shadow: 0px -40px 0px #0085ed inset;
  1722. }
  1723. .topic-ball i {
  1724. max-width: 30px;
  1725. max-height: 30px;
  1726. font-size: 15px!important;
  1727. line-height: 30px!important;
  1728. margin-left: -38px;
  1729. border-radius: 99em!important;
  1730. margin-top: -28px;
  1731. }
  1732. a {
  1733. position: relative;
  1734. }
  1735. body {
  1736. background-image: url()!important;
  1737. }
  1738. div#pun-navlinks {
  1739. background: #22242D!important;
  1740. border-bottom: 4px solid #0085ed!important;
  1741. padding-top: 1px!important;
  1742. }
  1743. div#fa-user-menu,
  1744. div#fa-user-menu
  1745. * {
  1746. display: none;
  1747. }
  1748. .pun #pun-head {
  1749. margin-top: -54px;
  1750. }
  1751. .pun #pun-intro {
  1752. height: 183px;
  1753. }
  1754. html body .fa-tooltip-row {
  1755. transition-duration: 500ms;
  1756. transition-property: opacity, translate;
  1757. transform: translateY(-50%)!important;
  1758. }
  1759. #lokodesc {display: none}
  1760. .statused tr td:hover #lokodesc {display: block !important}
  1761. #pun-intro {
  1762. overflow: hidden;
  1763. }
  1764. .codebox {
  1765. background: #fafaff none repeat scroll 0 0;
  1766. border: 1px solid #ccc;
  1767. border-top-left-radius: 3px;
  1768. box-shadow: 0 0 2px 0 #fff inset;
  1769. font-size: 12px;
  1770. padding: 14px;
  1771. }
  1772. .codebox dt {
  1773. background: #d5eaa1 none repeat scroll 0 0;
  1774. border: 1px solid #b3cc7c;
  1775. border-top-left-radius: 3px;
  1776. border-top-right-radius: 3px;
  1777. box-shadow: 0 0 1px 1px #e9ffa4 inset;
  1778. color: #4f6023;
  1779. font-size: 12px;
  1780. font-style: normal;
  1781. font-weight: bold;
  1782. margin: -15px -15px 5px;
  1783. padding: 10px 10px 3px;
  1784. text-shadow: 1px 1px 0 #e9ffa4;
  1785. }
  1786. .codebox dd.cont_code {
  1787. display: block;
  1788. font-size: 12px;
  1789. height: auto;
  1790. max-height: 200px;
  1791. overflow: auto;
  1792. background: transparent;
  1793. }
  1794. .codebox dd.cont_code {
  1795. width: 99%;
  1796. }
  1797. /**
  1798. * Trocar os botões do SCEditor por FontAwesome Icons.
  1799. *
  1800. * @author Luiz~
  1801. *
  1802. * @see Fórum dos Fóruns
  1803. * @licence MIT
  1804. */
  1805. .sceditor-button {
  1806. position: relative;
  1807. }
  1808.  
  1809. .sceditor-button * {
  1810. text-indent: initial!important;
  1811. color: #000!important;
  1812. line-height: 15px!important;
  1813. }
  1814.  
  1815. .sceditor-button div {
  1816. font-size: 0px!important;
  1817. background-image: none!important;
  1818. text-rendering: auto;
  1819. -webkit-font-smoothing: antialiased;
  1820. -moz-osx-font-smoothing: grayscale;
  1821. }
  1822.  
  1823. .sceditor-button div:before {
  1824. font-size: 15px!important;
  1825. font-family: FontAwesome;
  1826. text-indent: initial!important;
  1827. position: absolute;
  1828. left: 50%;
  1829. top: 50%;
  1830. transform: translate(-50%, -50%);
  1831. font-weight: 500!important;
  1832. }
  1833.  
  1834. .sceditor-button-bold div:before {
  1835. content: "\f032";
  1836. }
  1837.  
  1838. .sceditor-button-italic div:before {
  1839. content: "\f033";
  1840. }
  1841.  
  1842. .sceditor-button-underline div:before {
  1843. content: "\f0cd";
  1844. }
  1845.  
  1846. .sceditor-button-strike div:before {
  1847. content: "\f0cc";
  1848. }
  1849.  
  1850. .sceditor-button-left div:before {
  1851. content: "\f036";
  1852. }
  1853.  
  1854. .sceditor-button-center div:before {
  1855. content: "\f037";
  1856. }
  1857.  
  1858. .sceditor-button-right div:before {
  1859. content: "\f038";
  1860. }
  1861.  
  1862. .sceditor-button-justify div:before {
  1863. content: "\f039";
  1864. }
  1865.  
  1866. .sceditor-button-bulletlist div:before {
  1867. content: "\f0ca";
  1868. }
  1869.  
  1870. .sceditor-button-orderedlist div:before {
  1871. content: "\f0cb";
  1872. }
  1873.  
  1874. .sceditor-button-horizontalrule div:before {
  1875. content: "\f068";
  1876. }
  1877.  
  1878. .sceditor-button-quote div:before {
  1879. content: "\f10d";
  1880. }
  1881.  
  1882. .sceditor-button-code div:before {
  1883. content: "\f1c9";
  1884. }
  1885.  
  1886. .sceditor-button-faspoiler div:before {
  1887. content: "\f146";
  1888. }
  1889.  
  1890. .sceditor-button-fahide div:before {
  1891. content: "\f070";
  1892. }
  1893.  
  1894. .sceditor-button-table div:before {
  1895. content: "\f0ce";
  1896. }
  1897.  
  1898. .sceditor-button-servimg div:before {
  1899. content: "\f03e";
  1900. }
  1901.  
  1902. .sceditor-button-image div:before {
  1903. content: "\f1c5";
  1904. }
  1905.  
  1906. .sceditor-button-link div:before {
  1907. content: "\f0c1";
  1908. }
  1909.  
  1910. .sceditor-button-youtube div:before {
  1911. content: "\f166";
  1912. }
  1913.  
  1914. .sceditor-button-dailymotion {
  1915. display: none;
  1916. }
  1917.  
  1918. .sceditor-button-flash div:before {
  1919. content: "\f008";
  1920. }
  1921.  
  1922. .sceditor-button-headers div:before {
  1923. content: "\f1dc";
  1924. }
  1925.  
  1926. .sceditor-button-size div:before {
  1927. content: "\f034";
  1928. }
  1929.  
  1930. .sceditor-button-color div:before {
  1931. content: "\f1fc";
  1932. }
  1933.  
  1934. .sceditor-button-font div:before {
  1935. content: "\f031";
  1936. }
  1937.  
  1938. .sceditor-button-removeformat div:before {
  1939. content: "\f024";
  1940. }
  1941.  
  1942. .sceditor-button-more div:before {
  1943. content: "\f067";
  1944. }
  1945.  
  1946. .sceditor-button-subscript div:before {
  1947. content: "\f12c";
  1948. }
  1949.  
  1950. .sceditor-button-superscript div:before {
  1951. content: "\f12b";
  1952. }
  1953.  
  1954. .sceditor-button-fascroll div:before {
  1955. content: "\f060";
  1956. }
  1957.  
  1958. .sceditor-button-faupdown div:before {
  1959. content: "\f062";
  1960. }
  1961.  
  1962. .sceditor-button-farand div:before {
  1963. content: "\f074";
  1964. }
  1965.  
  1966. .sceditor-button-date div:before {
  1967. content: "\f133";
  1968. }
  1969.  
  1970. .sceditor-button-time div:before {
  1971. content: "\f017";
  1972. }
  1973.  
  1974. .sceditor-button-pastetext div:before {
  1975. content: "\f0ea";
  1976. }
  1977.  
  1978. .sceditor-button-source div:before {
  1979. content: "\f016";
  1980. }
  1981.  
  1982. .sceditor-button-emoticon div:before {
  1983. content: "\f118";
  1984. }
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!