Advertisement
Guest User

Untitled

a guest
Sep 3rd, 2017
83
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 56.81 KB | None | 0 0
  1. /*By while menu*/
  2. header#change_header {
  3. background-image: url("https://i.imgur.com/0EBRbnD.png");
  4. }
  5. .main_width, .pun {
  6. margin: 0 auto;
  7. min-width: 960px;
  8. width: 88%;
  9. }
  10. /*By while menu*/
  11. header {
  12. background-size: cover;
  13. width: 100%;
  14. height: 320px;
  15.  
  16. }
  17.  
  18. .main_width, .pun {
  19. margin: 0 auto;
  20. min-width: 960px;
  21. width: 88%;
  22. }
  23. /*MENU*/
  24. /*barra categoria*/
  25. .main .main-head {
  26. background-color: #b32222;
  27. background-image: none;
  28. color: #ebedf0;
  29. padding: 0 20px;
  30. line-height: 40px;
  31. border-radius: 3px 3px 0 0;
  32. margin-bottom: 0 !important;
  33. position: relative;
  34. }
  35.  
  36. .main-head h2,
  37. .main-head h3 {
  38. font-weight: normal;
  39. }
  40.  
  41. .pocoyo {
  42. margin-bottom: 10px;
  43. }
  44.  
  45. .main-head .collapse {
  46. display: block;
  47. visibility: visible !important;
  48. top: 0;
  49. margin-top: 0 !important
  50. }
  51.  
  52. .main-head .collapse::before {
  53. font-family: FontAwesome;
  54. content: "\f078";
  55. color: #ccc;
  56. font-size: 16px;
  57. }
  58.  
  59. .main-head .collapse img {
  60. display: none;
  61. }
  62. /*categoria*/
  63. .pocoyo .main-content {
  64. padding: 0;
  65. }
  66.  
  67. .pocoyo .tcl {
  68. position: relative;
  69. padding-left: 80px !important;
  70. }
  71.  
  72. .pocoyo .status {
  73. position: absolute;
  74. left: 40px;
  75. top: 50%;
  76. margin: 0 !important;
  77. transform: translate(-50%, -50%);
  78. }
  79.  
  80. .pocoyo td {
  81. padding-top: 20px !important;
  82. padding-bottom: 20px !important;
  83. }
  84.  
  85. .derechita a.forumtitle {
  86. margin: 0;
  87. color: #2974b5;
  88. font-family: sans-serif;
  89. font-size: 16px;
  90. line-height: 1.5em;
  91. }
  92.  
  93. .derechita .desc,
  94. .derechita .desc strong {
  95. line-height: 1.5em;
  96. font-weight: normal;
  97. font-size: 14px;
  98. color: #656f77;
  99. position: relative;
  100. }
  101.  
  102. .pocoyo td {
  103. box-sizing: border-box;
  104. }
  105.  
  106. .pocoyo .tc2 {
  107. display: none;
  108. }
  109.  
  110. .pocoyo .tc3 {
  111. display: table-cell !important;
  112. width: 20% !important;
  113. }
  114.  
  115. .pocoyo .tc3 li {
  116. display: none;
  117. }
  118.  
  119. .pocoyo .tc3 .texd {
  120. display: block;
  121. color: #656f77;;
  122. }
  123.  
  124. .pocoyo .tc3 .texd strong {
  125. display: block;
  126. font-size: 28px;
  127. line-height: 1.5em;
  128. font-weight: normal
  129. }
  130.  
  131. .retoret,
  132. .retoret a {
  133. font-family: Ubuntu, sans-serif !important;
  134. line-height: 1.5em;
  135. font-size: 14px;
  136. }
  137.  
  138. .pun .pocoyo .tcr {
  139. padding-left: 80px !important;
  140. position: relative;
  141. }
  142.  
  143. .lastpost-avatar {
  144. position: absolute;
  145. margin: 0;
  146. left: 40px;
  147. top: 50%;
  148. transform: translate(-50%, -50%);
  149. }
  150.  
  151. .lastpost-avatar img {
  152. margin: 0;
  153. }
  154. /*categoria 2*/
  155. .pocoyo .main-content {
  156. padding: 0;
  157. }
  158.  
  159. .pocoyo .tcl {
  160. position: relative;
  161. padding-left: 80px !important;
  162. }
  163.  
  164. .pocoyo .status {
  165. position: absolute;
  166. left: 40px;
  167. top: 50%;
  168. margin: 0 !important;
  169. transform: translate(-50%, -50%);
  170. }
  171.  
  172. .pocoyo td {
  173. padding-top: 20px !important;
  174. padding-bottom: 20px !important;
  175. }
  176.  
  177. .derechita a.forumtitle {
  178. margin: 0;
  179. color: #2974b5;
  180. font-family: sans-serif;
  181. font-size: 16px;
  182. line-height: 1.5em;
  183. }
  184.  
  185. .derechita .desc,
  186. .derechita .desc strong {
  187. line-height: 1.5em;
  188. font-weight: normal;
  189. font-size: 14px;
  190. color: #656f77;
  191. position: relative;
  192. }
  193.  
  194. .pocoyo td {
  195. box-sizing: border-box;
  196. }
  197.  
  198. .pocoyo .tc2 {
  199. display: none;
  200. }
  201.  
  202. .pocoyo .tc3 {
  203. display: table-cell !important;
  204. width: 20% !important;
  205. }
  206. /* Number XIII Key of Destiny */
  207. .pocoyo table.table td.col_c_stats ul li {
  208. display:none;
  209. }
  210. .pocoyo table.table td.col_c_stats ul li.texd {
  211. display: inherit!important;
  212. }
  213. .pocoyo table.table td.col_c_stats ul li.texd strong {
  214. font-size: 24px;
  215. }
  216. a.forumtitle {
  217. color: #3d5080 !important;
  218. font-family: Verdana !important;
  219. font-size: 15px;
  220. }
  221. div.derechita {
  222. margin-left:22px;
  223. }
  224.  
  225. /* Key END */
  226.  
  227. .pocoyo .tc3 .texd {
  228. display: block;
  229. color: #656f77;;
  230. }
  231.  
  232. .pocoyo .tc3 .texd strong {
  233. display: block;
  234. font-size: 28px;
  235. line-height: 1.5em;
  236. font-weight: normal
  237. }
  238.  
  239. .retoret,
  240. .retoret a {
  241. font-family: Ubuntu, sans-serif !important;
  242. line-height: 1.5em;
  243. font-size: 14px;
  244. }
  245.  
  246. .pun .pocoyo .tcr {
  247. padding-left: 80px !important;
  248. position: relative;
  249. }
  250.  
  251. .lastpost-avatar {
  252. position: absolute;
  253. margin: 0;
  254. left: 40px;
  255. top: 50%;
  256. transform: translate(-50%, -50%);
  257. }
  258.  
  259. .lastpost-avatar img {
  260. margin: 0;
  261. }
  262.  
  263. .pocoyo .main-content {
  264. width: 100% !important;
  265. box-sizing: border-box;
  266. }
  267.  
  268. #content-container div#main {
  269. overflow: visible;
  270. }
  271. /*footer fim*/
  272. /*anúncio*/
  273. #fa_ticker_block .module{box-shadow:none;color:#FFF;font-size:17px;position:relative}
  274. #fa_ticker_block::before{content:url("http://i.imgur.com/aE8FLhs.gif");left:20px;position:relative;top:12px}
  275. #fa_ticker_block .main-content{background:#b32222;border:none;padding:3px;}
  276. #fa_ticker_block{padding-top:0!important;margin-right:-16px;margin-left:-10px;}
  277. #fa_ticker a{color:#fff;}
  278. #fa_ticker a:hover{color:#b32222;}
  279. /*Mensagem igual IPB*/
  280. .guestMessage{
  281. background:#fff2db url("http://i56.servimg.com/u/f56/17/97/98/69/highli11.png") repeat-x 0 0;
  282. border:1px solid #eac794;color:#b85f1d;line-height:180%;
  283. margin-bottom:10px;padding:10px;
  284. text-shadow:rgba(255,255,255,0.55) 0px 1px 0px
  285. }
  286. .guestMessage a{
  287. color:#b85f1d;
  288. text-decoration:none
  289. }
  290.  
  291. .guestMessage .guestHeader{
  292. background:rgb(240,175,81);
  293. background:-moz-linear-gradient(top, rgba(240,175,81,1) 0%, rgba(245,197,114,1) 100%);
  294. background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,175,81,1)), color-stop(100%,rgba(245,197,114,1)));
  295. background:-webkit-linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);
  296. background:-o-linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);
  297. background:-ms-linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);
  298. background:linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);
  299. -webkit-box-shadow:inset #b0720a 0px 1px 4px, rgba(255,255,255,0.5) 0px 1px 0px;
  300. -moz-box-shadow:inset #b0720a 0px 1px 4px, rgba(255,255,255,0.5) 0px 1px 0px;
  301. box-shadow:inset #b0720a 0px 1px 4px, rgba(255,255,255,0.5) 0px 1px 0px;
  302. color:#9a6200;
  303. text-shadow:rgba(255,255,255,0.4) 0px 1px 0px;padding:10px;
  304. font-size:1.1em;
  305. font-weight:bold;
  306. margin:-2px -2px 15px -2px
  307. }
  308.  
  309. .guestMessage a.guestButton{
  310. background:rgb(240,175,81);
  311. background:-moz-linear-gradient(top, rgba(240,175,81,1) 0%, rgba(245,197,114,1) 100%);
  312. background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,175,81,1)), color-stop(100%,rgba(245,197,114,1)));
  313. background:-webkit-linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);
  314. background:-o-linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);
  315. background:-ms-linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);
  316. background:linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);
  317. -webkit-box-shadow:inset #b0720a 0px 1px 4px, rgba(255,255,255,0.5) 0px 1px 0px;
  318. -moz-box-shadow:inset #b0720a 0px 1px 4px, rgba(255,255,255,0.5) 0px 1px 0px;
  319. box-shadow:inset #b0720a 0px 1px 4px, rgba(255,255,255,0.5) 0px 1px 0px;color:#9a6200;
  320. text-shadow:rgba(255,255,255,0.4) 0px 1px 0px;
  321. padding:0 14px;
  322. display:inline-block;
  323. height:36px;
  324. line-height:36px;
  325. outline:0;
  326. margin:15px
  327. 8px 0 0;
  328. font-weight:bold;
  329. text-decoration:none
  330. }
  331. /*fim*/
  332. thead, .pun .table .tc3 {
  333. display: none;
  334. }
  335. .table tbody.statused tr td {
  336. background: rgba(223, 192, 192, 0)!important;
  337. border: 0;
  338. border-bottom: 1px solid #f3f3f3!important;
  339. color: #5a5a5a;
  340. }
  341. .pun .main-content ol, .pun .main-content ul {
  342. list-style: none;
  343. }
  344. a.forumtitle{
  345. text-decoration:none;
  346. }
  347. a.forumtitle:hover{text-decoration:none!important;
  348. }
  349. .status img {
  350. margin-top: 30px;
  351. }
  352. /*fim*/
  353. .table thead tr:first-of-type {
  354. display: none;
  355. }
  356. #quick-avatar {
  357. float: left;
  358. margin: 15px -35px 0 13px;
  359. }
  360. #quick-avatar img {
  361. background: #fff none repeat scroll 0 0;
  362. border: 1px solid #d8d8d8;
  363. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  364. height: 50px;
  365. padding: 2px;
  366. width: 50px;
  367. margin-top: -14px!important;
  368. }
  369. #textarea_content > div:before {
  370. border-color: transparent #dddddd transparent transparent;
  371. border-style: dotted;
  372. border-width: 13px;
  373. content: '';
  374. display: block;
  375. height: 0;
  376. left: -27px;
  377. position: absolute;
  378. top: 6px;
  379. width: 0;
  380. }
  381. .main-content#cepheus .table thead th {
  382. padding:5px;
  383. }
  384. .navbar{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background-image:url("http://i.imgur.com/ezWXBbs.png");background-position:right;background-size:100%;box-shadow:rgba(0,0,0,0.3) 0 1px 5px;font-weight:500;margin-bottom:0;min-height:200px}
  385. *{margin:0;padding:0}
  386. .pun .topic{border-right:1px solid #DDD;border-left:1px solid #DDD}
  387. .user-basic-info img:first-child{background:#FFF;border:1px solid #ddd;padding:2px;max-width:200px;max-height: 200px;margin-bottom:5px}
  388. .pun .postmain{background:#fff;border:1px solid #ddd;border-radius:3px;position:relative}
  389. .pun .post .user:after{border-left-color:#f7f7f7;border-width:7px;margin-left:2px;margin-top:1px}
  390. .pun .post .user{line-height:150%;margin-left:-17em!important;margin-top:-3.3em;padding-top:0;text-align:center;width:15em;background:#fff;border:1px solid #ddd;border-radius:3px}
  391. .pun .username a span strong{font-weight:400!important}
  392. .pun .user .user-ident .user-basic-info{margin-top:15px;margin-bottom:-2px}
  393. #first-post-br{border:0}
  394. .pun .posthead,.pun .username{background-color:#f7f7f7;border-bottom:1px solid #ddd;font-size:13px;font-weight:400;padding:10px;text-shadow:0 1px 0 rgba(255,255,255,0.6)}
  395. .pun .user-ident .username{margin:0 auto;position:relative}
  396. .pun .posthead a{color:#444;font-size:13px}
  397. .pun .posthead h2{color:#444;font-weight:400}
  398. .pun .posthead h2 strong{font-size:11px;font-style:normal;font-variant:normal;font-weight:400}
  399. .pun .posthead h2 strong:before{content:'#'}
  400. .posthead[id] + .postbody .entry-content div + p:not(:empty){background:#ffebc8 url(http://imgur.com/PIQA4LA.png) no-repeat 6px 10px;border:1px solid #ecc272;color:#ac6328;font-family:"Trebuchet MS",tahoma,helvetica,arial,sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:700;line-height:18px;margin-top:15px;padding:8px 8px 8px 28px;text-shadow:#fffaf1 0 1px 0}
  401. .posthead[id] + .postbody .entry-content div + p:not(:empty) > br{display:none}
  402. .pun .post,.pun .postbody,.pun .postmain{background-color:#fff!important}
  403. .pun .post{border:0;margin:5px}
  404. .postfoot{background:#f7f7f7;border-top:1px solid #ddd;margin:0;padding:10px}
  405. .pun .topic{border:0;box-shadow:none;background:#fff;margin:0}
  406. .pun .entry-content{font-size:13px;line-height:1.6}
  407. .pun .paged-foot,.pun .paged-head{background-color:transparent;border:0}
  408. .paged-head h1{display:none}
  409. .wraparound{background:#f7f7f7;border:1px solid #ddd;margin:10px 0;padding:8px}
  410. #subscribers a{color:#ccc!important}
  411. #subscribers a:hover{color:#D69200!important}
  412. #subscribers{margin-top:-9px!important}
  413. #back-top{top:-12px!important}
  414. .num3 h3:before{font-weight:400!important}
  415. .num4 h3:before{font-weight:400!important}
  416. #onlinelist{background-color:#fff;border-top:1px solid #DDD;padding:.6em 0}
  417. #stats{background-color:#fff;line-height:150%;padding:.6em 0}
  418. #onlinelist p{display:block!important;margin-bottom:7px}
  419. .module.main > .main-content > .main-content{border:none;box-shadow:none}
  420. .module.main #parceiros{margin:0 auto}
  421. .main#pun-info .main-content{padding:0}
  422. #stats{padding:8px!important}
  423. #onlinelist{padding:8px!important}
  424. #rep_post{clear:both;white-space:nowrap;margin:6px 4px;float:right}
  425. #rep_post .bs_inline{list-style:none}
  426. #rep_post .bs_inline > li{display:inline-block;margin:0 3px}
  427. #rep_post .bs_inline > li:first-child{margin-left:0}
  428. #rep_post .bs_inline img{vertical-align:middle}
  429. #rep_post span img{cursor:pointer}
  430. #rep_post .reput_vote{background-image:url(http://i.imgur.com/UGqTZqe.png);background-repeat:repeat-x;background-position:0 1px;font-size:10px;padding:2px 10px!important;color:#fff;font-weight:700;display:inline-block;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-shadow:rgba(0,0,0,0.3) 0 -1px 0}
  431. .reput_vote.positive{background-color:#8db13e}
  432. .reput_vote.zero{background-color:#6a6a6a}
  433. #header_bar{-moz-box-shadow:rgba(0,0,0,0.3) 0 1px 5px;-o-box-shadow:rgba(0,0,0,0.3) 0 1px 5px;-webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 5px;background:#FFF;border-bottom:3px solid #b32222;height:60px;line-height:60px;width:100%;z-index:999}
  434. .menu-navegador li.ativo{background-color:#b32222;color:#FFF}
  435. .menu-navegador{float:left;z-index:100;position:absolute;height:60px!important}
  436. .main_width{margin:0 auto;min-width:960px;width:81.5%}
  437. #header_bar li:hover,#header_bar li a:hover{background-color:#b32222;color:#FFF}
  438. #header_bar li{background-color:transparent;cursor:pointer;float:left;list-style-type:none;color:#848484;font-size:13px;font-weight:700;text-decoration:none;text-transform:uppercase;height:60px;line-height:60px;padding:0 18px;margin-left:1px;font-family:Ubuntu;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}
  439. /*teste*/
  440. header#change_header {
  441. animation: animate-background linear 40s infinite;
  442. background-repeat: repeat!important;
  443. background-image: url(https://i.imgur.com/0EBRbnD.png);
  444. }
  445. .cNewestMember img {border-radius: 0px!important;}
  446. ul.bs_inline {
  447. position: absolute!important;
  448. margin-left:-100px!important;
  449. }
  450. .pun .user .user-info {margin-top:50px;}
  451. body .pun .user .user-ident .user-basic-info {
  452. font-size:12px !important;
  453. }
  454. /*Notificação de MP*/
  455. #inbox_link span {
  456. position: absolute;
  457. bottom: 10px;
  458. right: 0;
  459. display: block;
  460. background-color: #f00;
  461. height: 15px;
  462. width: 15px;
  463. line-height: 15px;
  464. text-align: center;
  465. color: #fff;
  466. border-radius: 50%;
  467. }
  468. /*espaço links*/
  469. table > tbody > tr > td.tcl > h2 > a,
  470. table > tbody > tr > td.tcl > h3 > a {
  471. margin-left: 0 !important;
  472. }
  473. /*links funcional*/
  474. a.forumtitle {
  475. position: relative;
  476. z-index: 100;
  477. }
  478. /*desbug balao*/
  479. .hover_stats {
  480. margin-left: 90px !important;
  481. }
  482. /*descrição dos ranks*/
  483. body .tipsy {
  484. padding: 5px 5px 10px
  485. }
  486.  
  487. body .tipsy-inner {
  488. background-color: #fff;
  489. color: #000;
  490. font-size: 14px;
  491. padding: 8px 10px;
  492. position: relative;
  493. }
  494.  
  495. body .tipsy-inner:after {
  496. top: 100%;
  497. left: 50%;
  498. border: solid transparent;
  499. content: " ";
  500. height: 0;
  501. width: 0;
  502. position: absolute;
  503. pointer-events: none;
  504. border-color: rgba(255, 255, 255, 0);
  505. border-top-color: #fff;
  506. border-width: 8px;
  507. margin-left: -8px;
  508. }
  509. .user-basic-info > span {
  510. display: none;
  511. }
  512. /*reputation desbug*/
  513. #rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
  514. #rep_post .bs_inline {list-style: none;}
  515. #rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
  516. #rep_post .bs_inline > li:first-child {margin-left: 0;}
  517. #rep_post .bs_inline img {vertical-align: middle;}
  518. #rep_post span img {cursor: pointer;}
  519. #rep_post .reput_vote {
  520. background-image: url('https://i.imgur.com/UGqTZqe.png');
  521. background-repeat: repeat-x;
  522. background-position: 0 1px;
  523. font-size: 10px;
  524. padding: 2px 10px !important;
  525. color: #fff;
  526. font-weight: bold;
  527. display: inline-block;
  528. -moz-border-radius: 3px;
  529. -webkit-border-radius: 3px;
  530. border-radius: 3px;
  531. text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
  532. }
  533. .reput_vote.positive {background-color: #8db13e;}
  534. .reput_vote.zero {background-color: #6a6a6a;}
  535.  
  536. input {
  537. width: auto;
  538. height: auto;
  539. }
  540. div.postbody {
  541. min-height: 280px;
  542. }
  543. div.rep_bar,
  544. #rep_post {
  545. margin: 0 !important;
  546. padding: 10px;
  547. float: none;
  548. text-align: right;
  549. }
  550.  
  551. div.rep_bar .bs_inline,
  552. #rep_post .bs_inline {
  553. position: static !important;
  554. margin-left: 0 !important;
  555. }
  556. /*desbug*/
  557. div#pun-announcement {
  558. background-color: #ffffff!important;
  559. border-style: none!important;
  560. border-width: 0px!important;
  561. padding: 1em!important;
  562. }
  563. div#pun-announcement {margin-bottom:-30px;}
  564. /*widgeets*/
  565. .pun #right, .pun #left {
  566. display:inherit;
  567. }
  568. .pun span.legend {
  569. margin: -10px auto;
  570. padding:20px 0!important;
  571. }
  572. .pun .legend_group {
  573. margin-top: -30px!important;
  574. margin-left: 0px!important;
  575. position: relative;
  576. display: inline-block;
  577. }
  578. .pun span.legend {width: auto;}
  579. /*Avatar*/
  580. #quick-avatar {
  581. float: left;
  582. margin: 15px -35px 0 13px;
  583. }
  584. #quick-avatar img {
  585. background: #fff none repeat scroll 0 0;
  586. border: 1px solid #d8d8d8;
  587. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  588. height: 50px;
  589. padding: 2px;
  590. width: 50px;
  591. }
  592. /*Alinhamento icones*/
  593. .user-info img + br + dd + dd + dd + dd, .user-info img + br + dd + dd + dd + dd + dd,.user-info img + br + dd + dd + dd + dd + dd + dd,.user-info img + br + dd + dd + dd + dd + dd + dd + dd{ padding: 4px; float: left;}
  594. /*Ajuste tela de fundo*/
  595. body > footer{position:relative!important;top:9px!important;}
  596. header { width: auto !important; }
  597. .container_IE {
  598. width: auto !important;
  599. min-width: auto !important;
  600. }
  601. body { overflow-x: hidden; }
  602. /*Icones*/
  603. .pun .user .user-info .label:empty + img {
  604. -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  605. -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  606. background: #fff;
  607. border: 1px solid #d8d8d8;
  608. box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  609. height: 30px;
  610. margin-bottom: 5px;
  611. padding: 1px;
  612. vertical-align: middle;
  613. width: 30px;
  614. }
  615. /*reputação*/
  616. #rep_post .bs_inline {list-style: none;}
  617. #rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
  618. #rep_post .bs_inline > li:first-child {margin-left: 0;}
  619. #rep_post .bs_inline img {vertical-align: middle;}
  620. #rep_post span img {cursor: pointer;}
  621. #rep_post .reput_vote {
  622. background-image: url('https://i.imgur.com/UGqTZqe.png');
  623. background-repeat: repeat-x;
  624. background-position: 0 1px;
  625. font-size: 10px;
  626. padding: 2px 10px !important;
  627. color: #fff;
  628. font-weight: bold;
  629. display: inline-block;
  630. -moz-border-radius: 3px;
  631. -webkit-border-radius: 3px;
  632. border-radius: 3px;
  633. text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
  634. }
  635. .reput_vote.positive {background-color: #8db13e;}
  636. .reput_vote.zero {background-color: #6a6a6a;}
  637. #rep_post { margin-top: -12% !important; }
  638. /*Desbug visitantes*/
  639. .pun-crumbs {margin-top:10px!important;margin-bottom:60px!important;}
  640. /*bug usuario*/
  641. .pun-crumbs {margin-top:10px!important;margin-bottom:60px!important;}
  642. /*IMAGEM DE FUNDO*/
  643. .layout_IE {
  644. background-repeat: no-repeat !important;
  645. background-attachment: fixed !important;}
  646. /*Ajuste footer*/
  647. .layout_IE{margin-bottom:-68px!important;}
  648. /*FIM*/
  649.  
  650. /*Ajuste menu-Dropdown*/
  651. #perfil_drop {margin-right:-100px!important;}
  652. /*Menu-DropDown*/
  653. #perfil_drop{
  654. background: linear-gradient(#FFF, #EDEDED) repeat scroll 0px 0px transparent;
  655. border: 0px none !important;
  656. border-radius: 0px 0px 6px 6px;
  657. box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.4);
  658. color: #225985;
  659. font-family: helvetica,arial,sans-serif;
  660. font-size: 12px;
  661. font-style: normal;
  662. font-variant: normal;
  663. font-weight: 400;
  664. overflow: hidden;
  665. position: absolute;
  666. right: 9.2%;
  667. text-align: left;
  668. top: 36px;
  669. width: 360px;
  670. z-index: 999;
  671. }
  672. .nav_c{
  673. box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.58)!important;
  674. }
  675.  
  676. .avat img {
  677. background: none repeat scroll 0px 0px #FFF;
  678. border: 1px solid #D5D5D5;
  679. box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  680. height: 50px;
  681. margin: 10px;
  682. padding: 1px;
  683. width: 50px;
  684. }
  685. #perfil_drop li {
  686. float: right;
  687. line-height: 22px;
  688. white-space: nowrap;
  689. width: 38%;
  690. }
  691. #perfil_drop li a {
  692. color: #00569C;
  693. text-decoration: none;
  694. }
  695. .menu_active {
  696. background: #fff;
  697. border-radius: 5px 5px 0 0;
  698. color: #000!important;
  699. }
  700. /*fim*/
  701. .sceditor-container iframe, .sceditor-container textarea{height:100px!important;}
  702. /*fim*/
  703. /*Cor tabelas*/
  704. #tabs ul li.activetab a {
  705. background-color: #b32222!important;
  706. border-color: #b32222!important;
  707. }
  708. /*sistema de reputação*/
  709. .reputation {
  710. background-color: #3aafc4!important;
  711. border-radius: 3px;
  712. border-top: 1px solid rgba(0,0,0,.20);
  713. bottom: -7px;
  714. color: #fff!important;
  715. display: inline-block;
  716. font-family: Ubuntu;
  717. font-size: 12px;
  718. font-weight: 700;
  719. margin: 5px;
  720. padding: 5px 10px;
  721. text-align: center;
  722. text-shadow: 0 2px 0 rgba(0,0,0,0.14);
  723. text-transform: uppercase;
  724. }
  725. .reputation.zero {
  726. background-color: rgb(16, 16, 16)!important;
  727. color: rgb(255, 255, 255);
  728. }
  729. .reputation {
  730. color: white!important;
  731. font-size: 13px;
  732. font-weight: bold;
  733. }
  734. /*fim*/
  735. /* latin-ext */
  736. @font-face {
  737. font-family: 'Fjalla One';
  738. font-style: normal;
  739. font-weight: 400;
  740. src: local('Fjalla One'), local('FjallaOne-Regular'), url(https://fonts.gstatic.com/s/fjallaone/v4/SHXJdWnWW6HDq-6DpcG8PyEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  741. unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  742. }
  743. /* latin */
  744. @font-face {
  745. font-family: 'Fjalla One';
  746. font-style: normal;
  747. font-weight: 400;
  748. src: local('Fjalla One'), local('FjallaOne-Regular'), url(https://fonts.gstatic.com/s/fjallaone/v4/rxxXUYj4oZ6Q5oDJFtEd6vk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  749. 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;
  750. }
  751. .post h2.post-content{
  752. font-family: 'Fjalla One', sans-serif;
  753. color: #ce1938;
  754. text-shadow: -1px -1px #ffaab9, -2px -2px #dc1134, 1px 1px #ffaab9, 2px 2px #8b0000;
  755. font-size: 53px!important;
  756. }
  757. @font-face {
  758. font-family: 'News Cycle';
  759. font-style: normal;
  760. font-weight: 400;
  761. src: local('News Cycle'), local('NewsCycle'), url(https://fonts.gstatic.com/s/newscycle/v13/d03oiboZGiaNuMDvH253CiEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  762. unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  763. }
  764. /* latin */
  765. @font-face {
  766. font-family: 'News Cycle';
  767. font-style: normal;
  768. font-weight: 400;
  769. src: local('News Cycle'), local('NewsCycle'), url(https://fonts.gstatic.com/s/newscycle/v13/9Xe8dq6pQDsPyVH2D3tMQvk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  770. 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;
  771. }
  772. /* cyrillic */
  773. @font-face {
  774. font-family: 'Marmelad';
  775. font-style: normal;
  776. font-weight: 400;
  777. src: local('Marmelad'), local('Marmelad-Regular'), url(https://fonts.gstatic.com/s/marmelad/v6/pMfc-mOWWCYIARYWClC1-RTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  778. unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  779. }
  780. /* latin-ext */
  781. @font-face {
  782. font-family: 'Marmelad';
  783. font-style: normal;
  784. font-weight: 400;
  785. src: local('Marmelad'), local('Marmelad-Regular'), url(https://fonts.gstatic.com/s/marmelad/v6/ex_s3xQUa8iKeVu5uPsVAxTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  786. unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  787. }
  788. /* latin */
  789. @font-face {
  790. font-family: 'Marmelad';
  791. font-style: normal;
  792. font-weight: 400;
  793. src: local('Marmelad'), local('Marmelad-Regular'), url(https://fonts.gstatic.com/s/marmelad/v6/Tbti-8riliiBFfmL7Wrc8vesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  794. 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;
  795. }
  796. .post .entry-content div {
  797. font-family: 'News Cycle', sans-serif;
  798. font-size: 19px;
  799. color: #2d2d2d;
  800. }
  801. .post h3.post-content{
  802. font-family: 'Marmelad', sans-serif;
  803. font-size: 31px;
  804. color: #dc1134;
  805. }
  806. /*Nao ha post*/
  807. td.tcr span a:empty:before {
  808. content: "Não há posts para visualizar.";
  809. cursor: default;
  810. pointer-events: none;
  811. text-align: center;
  812. word-wrap: break-word;
  813. }
  814.  
  815. /*fim*/
  816. div#main {
  817. margin-right: auto!important;
  818. }.pun .user .user-ident .user-basic-info {margin-bottom:-35px!important;}
  819. .main-content, .main.paged , #ptrafic_open {width:98%!important;}
  820. .main .main-content {width:99%!important;}
  821. .pun-crumbs {width:95%!important;}
  822. .rank {font-size:11px!important;width:150px;max-width:150px!important;}
  823. #right, #left {display: none;}
  824. .module .main-head .h3, .module .main-head h3 {
  825. font-size: 13px!important;
  826. }
  827. #lokodesc {display: none}
  828. .statused tr td:hover #lokodesc {display: block !important}
  829. /*fonts*/
  830.  
  831. @font-face {
  832. font-family: 'Ubuntu';
  833. font-style: normal;
  834. font-weight: 300;
  835. 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');
  836. }
  837. @font-face {
  838. font-family: 'Ubuntu';
  839. font-style: normal;
  840. font-weight: 400;
  841. 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');
  842. }
  843. @font-face {
  844. font-family: 'Ubuntu';
  845. font-style: normal;
  846. font-weight: 700;
  847. 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');
  848. }
  849. /*fonts*/
  850.  
  851. #branding .wrapper {
  852. height: 100%;
  853. position: relative;
  854. z-index: 10;
  855. }
  856. *,
  857. *:after,
  858. *:before {
  859. -webkit-transition: background 0.5s ease-out;
  860. -moz-transition: background 0.5s ease-out;
  861. -o-transition: background 0.5s ease-out;
  862. -ms-transition: background 0.5s ease-out;
  863. }
  864. body {
  865. background: #dedede;
  866. color: #5A5A5A;
  867. font-family: Ubuntu, sans-serif;
  868. font-size: 12px;
  869. font-style: normal;
  870. font-variant: normal;
  871. font-weight: normal;
  872. padding-bottom: 12px;
  873. }
  874. .pun {
  875. max-width: 1200px;
  876. width: 90%;
  877. background: white;
  878. border-radius: 0;
  879. padding: 10px;
  880. }
  881. .pun a,
  882. .pun a:link,
  883. .pun a:visited,
  884. a {
  885. color: #666;
  886. text-decoration: none;
  887. font-family: ubuntu;
  888. }
  889. .pun a:hover,
  890. a:hover {
  891. color: #444;
  892. text-decoration: none font-family: Ubuntu;
  893. }
  894. #branding {
  895. background: #3C414B url(https://i.imgur.com/dLLNhf4.jpg) repeat scroll center top / cover;
  896. border-top: 3px solid #6485E2;
  897. height: 200px;
  898. line-height: 200px;
  899. width: 97%;
  900. padding: 10px;
  901. margin: 20px auto 0;
  902. }
  903. #branding:hover {
  904. background-position: center center;
  905. }
  906. .wrapper {
  907. width: 90%;
  908. max-width: 1200px;
  909. margin: 0 auto;
  910. }
  911. #logo a {
  912. color: #FFF;
  913. display: block;
  914. font-size: 31px;
  915. font-weight: 800;
  916. text-transform: uppercase;
  917. letter-spacing: -2.1px;
  918. }
  919. div#logo {
  920. float: left;
  921. }
  922. #pun-intro,
  923. #pun-head,
  924. ul#pun-legend,
  925. ul.pun-legend,
  926. #qjump {
  927. display: none;
  928. }
  929. #community_app_menu {
  930. float: right;
  931. }
  932. ol,
  933. ul {
  934. list-style: outside none none;
  935. }
  936.  
  937. #community_app_menu > li {
  938. margin: 0px 1px 0px 0px;
  939. position: relative;
  940. }
  941. .ipsList_inline > li:first-child {
  942. margin-left: 0px;
  943. }
  944. .ipsList_inline > li {
  945. display: inline-block;
  946. margin: 0px 3px;
  947. }
  948. #primary_nav {
  949. font-size: 12px;
  950. margin-top: -16px;
  951. padding-left: 200px;
  952. position: absolute;
  953. right: 0px;
  954. text-transform: uppercase;
  955. top: 50%;
  956. }
  957. #community_app_menu > li > a {
  958. border-radius: 3px;
  959. color: rgba(255, 255, 255, 0.8);
  960. display: block;
  961. height: 32px;
  962. line-height: 32px;
  963. margin: 0px 0.5em;
  964. outline: medium none;
  965. padding: 0px 15px;
  966. }
  967. #community_app_menu > li > a.menu_active,
  968. #community_app_menu > li > a:hover {
  969. background: rgba(2, 1, 1, 0.1) none repeat scroll 0% 0%;
  970. color: #FFF;
  971. }
  972. #user_navigation {
  973. color: #9F9F9F;
  974. font-size: 11px;
  975. height: 36px;
  976. line-height: 36px;
  977. }
  978. #user_navigation .ipsList_inline li {
  979. float: left;
  980. margin: 0px;
  981. padding: 0;
  982. }
  983. #user_navigation a {
  984. float: left;
  985. height: 36px;
  986. line-height: 36px;
  987. outline: medium none;
  988. padding: 0px 12px;
  989. }
  990. #user_bar {
  991. padding: 5px 10px;
  992. margin: 0px -10px;
  993. background: #FFF none repeat scroll 0% 0%;
  994. border-bottom: 1px solid#ddd;
  995. }
  996. /*post*/
  997. .user-basic-info img:first-child {
  998. background: #FFF;
  999. padding: 2px;
  1000. max-width: 170px;
  1001. max-height: 300px;
  1002. margin-bottom: 5px;
  1003. }
  1004.  
  1005. .pun .postmain {
  1006. background: #fff;
  1007. border: 1px solid #ddd;
  1008. border-radius: 3px;
  1009. position: relative
  1010. }
  1011. .pun .post .user:after {
  1012. border-left-color: #f7f7f7;
  1013. border-width: 7px;
  1014. margin-left: 2px;
  1015. margin-top: 1px
  1016. }
  1017. .pun .post .user {
  1018. line-height: 150%;
  1019. margin-left: -17em!important;
  1020. margin-top: -3.3em;
  1021. padding-top: 0;
  1022. text-align: center;
  1023. width: 15em;
  1024. background: white;
  1025. border: 1px solid #ddd;
  1026. border-radius: 3px;
  1027. }
  1028. .pun .username a span strong {
  1029. font-weight: 400!important
  1030. }
  1031. .pun .user .user-ident .user-basic-info {
  1032. margin-top: 15px;
  1033. margin-bottom: -20px;
  1034. }
  1035. #first-post-br {
  1036. border: 0
  1037. }
  1038. .pun .posthead,
  1039. .pun .username {
  1040. background-color: #f7f7f7;
  1041. border-bottom: 1px solid #ddd;
  1042. font-size: 13px;
  1043. font-weight: 400;
  1044. padding: 10px;
  1045. text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6)
  1046. }
  1047. .pun .user-ident .username {
  1048. margin: 0 auto;
  1049. position: relative
  1050. }
  1051. .pun .posthead a {
  1052. color: #444;
  1053. font-size: 13px
  1054. }
  1055. .pun .posthead h2 {
  1056. color: #444;
  1057. font-weight: 400
  1058. }
  1059. .pun .posthead h2 strong {
  1060. font-size: 11px;
  1061. font-style: normal;
  1062. font-variant: normal;
  1063. font-weight: normal
  1064. }
  1065. .pun .posthead h2 strong:before {
  1066. content: '#'
  1067. }
  1068. .posthead[id] + .postbody .entry-content div + p:not(:empty) {
  1069. background: #ffebc8 url(https://imgur.com/PIQA4LA.png) no-repeat 6px 10px;
  1070. border: 1px solid #ecc272;
  1071. color: #ac6328;
  1072. font-family: "Trebuchet MS", tahoma, helvetica, arial, sans-serif;
  1073. font-size: 11px;
  1074. font-style: normal;
  1075. font-variant: normal;
  1076. font-weight: 700;
  1077. line-height: 18px;
  1078. margin-top: 15px;
  1079. padding: 8px 8px 8px 28px;
  1080. text-shadow: #fffaf1 0 1px 0
  1081. }
  1082. .posthead[id] + .postbody .entry-content div + p:not(:empty) > br {
  1083. display: none;
  1084. }
  1085. .pun .post,
  1086. .pun .postbody,
  1087. .pun .postmain {
  1088. background-color: #fff!important
  1089. }
  1090. .pun .post {
  1091. border: 0;
  1092. margin: 5px
  1093. }
  1094. .postfoot {
  1095. background: #f7f7f7;
  1096. border-top: 1px solid #ddd;
  1097. margin: 0;
  1098. padding: 10px;
  1099. }
  1100. .pun .topic {
  1101. border: 0;
  1102. box-shadow: none;
  1103. background: white;
  1104. margin: 0
  1105. }
  1106. .pun .entry-content {
  1107. font-size: 13px;
  1108. line-height: 1.6
  1109. }
  1110. .pun .paged-foot,
  1111. .pun .paged-head {
  1112. background-color: transparent;
  1113. border: 0
  1114. }
  1115. .paged-head h1 {
  1116. display: none
  1117. }
  1118. /*post*/
  1119.  
  1120. .pun-crumbs {
  1121. background: #fff;
  1122. border: 1px solid #ddd;
  1123. border-radius: 3px;
  1124. line-height: 34px;
  1125. margin: 0px 1px 10px;
  1126. overflow: hidden;
  1127. padding: 0.2em 1em;
  1128. }
  1129. .pun .pun-crumbs .crumbs {
  1130. color: transparent;
  1131. }
  1132. p.crumbs a {
  1133. background: transparent url("https://i.servimg.com/u/f39/11/55/08/10/pun-cr10.png") no-repeat scroll 100% -1px;
  1134. color: #757575 !important;
  1135. line-height: 30px;
  1136. margin-left: -14px;
  1137. padding: 10px 20px 10px 25px;
  1138. position: relative;
  1139. text-shadow: 0px 1px 0px #FFF;
  1140. transition: none 0s ease 0s;
  1141. }
  1142. p.crumbs a:hover {
  1143. background-position: 100% -44px;
  1144. }
  1145. .pun .postfoot .user-contact {
  1146. display: none;
  1147. }
  1148. #pun-visit,
  1149. .main-box {
  1150. width: 0;
  1151. height: 0;
  1152. overflow: hidden;
  1153. background: transparent;
  1154. border: none;
  1155. display: none;
  1156. }
  1157. input[type="button"],
  1158. input[type="reset"],
  1159. input[type="submit"] {
  1160. background: rgb(60, 65, 75) none repeat scroll 0px 0px;
  1161. border-radius: 3px;
  1162. color: #FFFAFA !important;
  1163. cursor: pointer;
  1164. font-family: Ubuntu;
  1165. font-size: 10px;
  1166. font-weight: 700;
  1167. text-decoration: none;
  1168. display: inline-block;
  1169. text-transform: uppercase;
  1170. margin: 0px 2px;
  1171. padding: 7px 11px !important;
  1172. border: 0 solid #FFF;
  1173. }
  1174. input[type="button"]:hover,
  1175. input[type="reset"]:hover,
  1176. input[type="submit"]:hover {
  1177. background: rgb(100, 133, 226)
  1178. }
  1179. .main .main-content {
  1180. background: #FFF;
  1181. border: 1px solid #ddd;
  1182. margin: 0px;
  1183. box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
  1184. padding: 6px;
  1185. }
  1186. .frm-buttons {
  1187. border-top: none !important;
  1188. margin-bottom: 0;
  1189. margin-top: 0;
  1190. padding: 10px 0;
  1191. }
  1192. .forumtitle {
  1193. font-size: 13px;
  1194. }
  1195. .status > img {
  1196. display: none;
  1197. }
  1198. .status:before {
  1199. content: '\f086';
  1200. font-family: FontAwesome;
  1201. font-size: 24px;
  1202. line-height: 120%;
  1203. }
  1204. .dev {
  1205. float: right;
  1206. font-weight: bold;
  1207. }
  1208. footer {
  1209. background: #3B404A none repeat scroll 0px 0px;
  1210. border-bottom: 3px solid #b32222;
  1211. color: #FFF;
  1212. font-size: 13px;
  1213. font-weight: 100;
  1214. height: 100px;
  1215. line-height: 100px;
  1216. padding: 10px;
  1217. width: 90%;
  1218. margin: 0 auto 20px;
  1219. }
  1220. .about {
  1221. float: left;
  1222. }
  1223. #stats {
  1224. background-color: white;
  1225. line-height: 100%;
  1226. padding: 10px;
  1227. border: 1px solid #ddd;
  1228. }
  1229. #onlinelist {
  1230. background-color: white;
  1231. padding: 10px;
  1232. border: 1px solid #ddd;
  1233. border-top: none;
  1234. }
  1235. .stats_text {
  1236. color: #737C8D;
  1237. display: block;
  1238. font-family: Arial, Helvetica, sans-serif;
  1239. font-size: 10px;
  1240. text-align: center;
  1241. font-weight: bold;
  1242. text-transform: uppercase;
  1243. }
  1244. .stats_number {
  1245. color: #737C8D;
  1246. display: block;
  1247. font-family: Arial, Helvetica, sans-serif;
  1248. font-size: 16px;
  1249. font-weight: 700;
  1250. overflow: hidden;
  1251. position: relative;
  1252. text-align: center;
  1253. }
  1254. .reputation {
  1255. color: #5F7A47 !important;
  1256. font-size: 13px;
  1257. font-weight: bold;
  1258. }
  1259. .pun .user .user-info {
  1260. color: #9c9c9c;
  1261. line-height: 1.5em;
  1262. }
  1263. .fa-plus-circle::before {
  1264. display: inline-block;
  1265. margin: 0 2px;
  1266. }
  1267. .main-head h2,
  1268. .main-head h3 {
  1269. font-weight: 800;
  1270. font-size: 14px !important;
  1271. font-family: Ubuntu, sans-serif;
  1272. }
  1273. #onlinechat {
  1274. display: none;
  1275. }
  1276. .mp-local {
  1277. background: #bbb;
  1278. color: white !important;
  1279. border-radius: 50%;
  1280. height: 25px !important;
  1281. line-height: 25px !important;
  1282. width: 25px !important;
  1283. text-align: center !important;
  1284. padding: 0 !important;
  1285. margin-top: 5px;
  1286. font-weight: bold;
  1287. }
  1288. #groupLegend {
  1289. font-size: 0
  1290. }
  1291. #groupLegend b {
  1292. font-size: 11px
  1293. }
  1294. #groupLegend b:after {
  1295. content: " • "
  1296. }
  1297. #groupLegend b:last-child:after {
  1298. content: ""
  1299. }
  1300. .lastpost-avatar img {
  1301. height: 38px;
  1302. width: 38px;
  1303. background: #FFF none repeat scroll 0% 0%;
  1304. border: 1px solid #DDD;
  1305. border-radius: 4px;
  1306. box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  1307. padding: 2px;
  1308. margin: -3px 5px;
  1309. }
  1310. .arrow-u2 {
  1311. border-left-color: #ddd!important;
  1312. z-index: 99!important;
  1313. left: -22px!important;
  1314. border-left-width: 8px!important;
  1315. }
  1316. .arrow-u,
  1317. .arrow-u2 {
  1318. width: 0;
  1319. height: 0;
  1320. z-index: 999;
  1321. border: 7px solid;
  1322. border-color: transparent transparent transparent #f7f7f7;
  1323. position: absolute;
  1324. left: -23px;
  1325. margin-top: -25px;
  1326. }
  1327. .minicode {
  1328. background-color: #F9F2F4;
  1329. border-radius: 4px;
  1330. color: #C7254E;
  1331. display: inline-block;
  1332. font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  1333. font-size: 90%;
  1334. margin: 3px 0px;
  1335. padding: 2px 4px;
  1336. white-space: nowrap;
  1337. }
  1338. pre.highlight {
  1339. background-color: #FAFAFA !important;
  1340. border: 1px solid #C9C9C9 !important;
  1341. color: #000000;
  1342. font-family: Consolas,"Bitstream Vera Sans Mono","Andale Mono",Monaco,"DejaVu Sans Mono","Lucida Console",monospace !important;
  1343. font-size: 11px !important;
  1344. line-height: 110% !important;
  1345. max-height: 250px !important;
  1346. overflow: auto !important;
  1347. padding: 5px !important;
  1348. white-space: pre-wrap !important;
  1349. width: auto !important;
  1350. .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(https://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; }
  1351. }
  1352. .prettyprint ol.linenums {
  1353. padding-left: 5px !important;
  1354. }
  1355. .pun{color:#666!important}
  1356.  
  1357. .topic_buttons {
  1358. background-color: rgb(60, 65, 75)!important;
  1359. padding: 10px 15px!important;
  1360. border: none!important;
  1361. cursor: pointer!important;
  1362. color: white!important;
  1363. font-weight: bold!important;
  1364. text-transform: uppercase!important;
  1365. border-radius: 4px!important;
  1366. font-size: 11px!important;
  1367. font-family: Open Sans,cursive;
  1368. text-shadow: 0 1px 1px black;
  1369. }
  1370. .topic_buttons.important{background: darkred!important;}
  1371.  
  1372. .wraparound {
  1373. background: #f7f7f7;
  1374. border: 1px solid #ddd;
  1375. padding: 8px;
  1376. margin:10px 0;
  1377. }
  1378. .ipsUserPhotoLink img {
  1379. float: left;
  1380. width: 40px;
  1381. height: 40px;
  1382. border: 1px solid #ddd;
  1383. padding: 2px;
  1384. background: white;
  1385. }
  1386. .ftoggle {
  1387. background: #E2E2E2;
  1388. padding: 10px 15px;
  1389. display:block;
  1390. border-radius: 3px;
  1391. }
  1392. .ipsBox_withphoto {
  1393. margin-left: 65px;
  1394. }
  1395. .ipsType_pagetitle, .ipsType_subtitle {
  1396. font: 300 23px/1.3 Helvetica,Arial,sans-serif;
  1397. color: #413f3c;
  1398. }
  1399. .desc.lighter, .desc.lighter.blend_links a, .desc.lighter.blend_links span a strong {
  1400. color: #a49f98!important;
  1401. font-weight: normal;
  1402. }
  1403. a.gensmall[style="color: #F55151"]:before {
  1404. content: '\f013 \00A0';
  1405. font-family: 'fontawesome';
  1406. }
  1407. a.gensmall[style="color: #5482D1"]:before {
  1408. content: '\f0ad \00A0';
  1409. font-family: 'fontawesome';
  1410. }
  1411. a.gensmall[style="color: #1BC25B"]:before {
  1412. content: '\f1fb \00A0';
  1413. font-family: 'fontawesome';
  1414. }
  1415. a.gensmall[style="color: #EDBE00"]:before {
  1416. content: '\f1fc \00A0';
  1417. font-family: 'fontawesome';
  1418. }
  1419. a.gensmall[style="color: #0EDEED"]:before {
  1420. content: '\f000 \00A0';
  1421. font-family: 'fontawesome';
  1422. }
  1423. a.gensmall[style="color: #FF0505"]:before {
  1424. content: '\f209 \00A0';
  1425. font-family: 'fontawesome';
  1426. }
  1427. #fa_share {
  1428. display: none !important;
  1429. }
  1430.  
  1431. #fa_toolbar #fa_icon {
  1432. display: none !important;
  1433. }
  1434.  
  1435. #fa_toolbar #fa_service {
  1436. margin-left: 16px !important;
  1437. }
  1438.  
  1439. #fa_right a.rightHeaderLink #fa_service {
  1440. font-family: "Lato","Arial","Helvetica",sans-serif;
  1441. font-weight: normal !important;
  1442. }
  1443. .user-info dd:nth-child(1) .post_field .label, .user-info dd:nth-child(3) .post_field .label{font-size:0px;}
  1444. .user-info dd:nth-child(1) .post_field:after, .user-info dd:nth-child(3) .post_field:after{content:" posts"}
  1445. .user-info dd:nth-child(1) .post_field br, .user-info dd:nth-child(3) .post_field br {display:none}
  1446. /***quote superinfo - mshas/artic/diapt***/
  1447. .postmain cite {
  1448. background-color: transparent!important;
  1449. background-image: none!important;
  1450. color: #009FF2!important;
  1451. display: block;
  1452. font-size: 1vw!important;
  1453. font-style: normal;
  1454. font-weight: 700;
  1455. margin: 0 0 1em;
  1456. }
  1457. .postmain cite {
  1458. display: block;
  1459. font-style: normal;
  1460. font-weight: 700;
  1461. margin: 0 0 1em;
  1462. }
  1463. blockquote cite {
  1464. background-color: #E4EAF2;
  1465. background-image: url(https://illiweb.com/fa/invision/css_img_quote.gif);
  1466. background-position: top right;
  1467. background-repeat: no-repeat;
  1468. color: #000;
  1469. display: block;
  1470. font-size: 11px;
  1471. font-style: normal;
  1472. margin: -8px -8px 8px;
  1473. padding: 3px;
  1474. }
  1475. * {
  1476. margin: 0;
  1477. padding: 0;
  1478. }
  1479. user agent stylesheeti, cite, em, var, address, dfn {
  1480. font-style: italic;
  1481. }
  1482. blockquote {
  1483. background: rgba(250,250,250,0.22)!important;
  1484. border-bottom: none!important;
  1485. border-left: 3px solid #009FF2!important;
  1486. border-right: none!important;
  1487. border-top: none!important;
  1488. display: block;
  1489. line-height: 1.5vw!important;
  1490. padding: .8vw!important;
  1491. }
  1492. body #fa_toolbar #fa_right .fa_separator {
  1493. background: #e5e5e5!important;
  1494. color: #525252;
  1495. display: block!important;
  1496. font-size: 12px!important;
  1497. font-weight: 700!important;
  1498. height: 30px!important;
  1499. margin: 0!important;
  1500. padding: 0!important;
  1501. text-align: left!important;
  1502. width: 100%!important;
  1503. }
  1504. body #fa_menulist li:nth-child(9)::before {
  1505. content: "Outras Opções";
  1506. margin-left: 5px;
  1507. }
  1508. body #fa_menulist li:nth-child(4)::before {
  1509. content: "Conteúdo";
  1510. margin-left: 5px;
  1511. }
  1512. body #fa_menulist li:nth-child(2)::before {
  1513. color: rgb(82, 82, 82);
  1514. content: " Configurações";
  1515. display: block;
  1516. font-size: 12px;
  1517. font-weight: 700;
  1518. height: 30px;
  1519. width: 100%;
  1520. background: rgb(229, 229, 229) !important;
  1521. margin: 0px !important;
  1522. padding: 0px !important;
  1523. }
  1524. #fa_menulist li a[href*="admin"]:before {
  1525. content: "\f013";
  1526. }
  1527. body #fa_menulist a:hover {
  1528. background: #f0f0f0!important;
  1529. color: #333!important;
  1530. }
  1531. body #fa_usermenu img {
  1532. float: right!important;
  1533. max-width: 55px!important;
  1534. }
  1535. body #fa_usermenu {
  1536. border-radius: 5px;
  1537. float: right;
  1538. font-size: 10px!important;
  1539. margin-left: 185px;
  1540. margin-top: 35px;
  1541. padding: 0!important;
  1542. text-align: right!important;
  1543. }
  1544. #fa_usermenu {
  1545. position: absolute;
  1546. left: 0px;
  1547. width: 120px;
  1548. padding: 10px 20px 10px 10px;
  1549. color: #333333;
  1550. font-size: 12px;
  1551. text-align: center;
  1552. }
  1553. #fa_menu:hover :visited, #fa_toolbar > #fa_right.notification > #fa_notifications {
  1554. color: #333333;
  1555. background-color: #FFFFFF;
  1556. }
  1557. body #fa_menulist a:link, body #fa_menulist a:visited {
  1558. color: #333!important;
  1559. display: block!important;
  1560. font-family: 'Roboto Condensed', Arial!important;
  1561. font-size: 14px;
  1562. font-weight: 300;
  1563. }
  1564. #fa_menulist li a[href*="/sta"]:before {
  1565. content: "\f02b";
  1566. }
  1567. #fa_menulist li a:before {
  1568. color: #525252!important;
  1569. font-family: FontAwesome;
  1570. font-size: 14px;
  1571. margin: 0 5px;
  1572. }
  1573. body #fa_menulist {
  1574. background-color: #fff!important;
  1575. margin-left: 150px!important;
  1576. padding: 5px!important;
  1577. width: 300px!important;
  1578. }
  1579. #fa_menulist{
  1580. left: 732.5px!important;
  1581. }
  1582. #fa_ranktitle {display:none!important;}
  1583. #fa_usermenu td {display:none!important;}
  1584. #fa_menulist li a[href*="/u"]:before {
  1585. content: "\f007";
  1586. }
  1587. #fa_menulist li a[href*="preference"]:before {
  1588. content: "\f013";
  1589. }
  1590. #fa_menulist li a[href*="/spa"]:before {
  1591. content: "\f086";
  1592. }
  1593. #fa_menulist li a[href*="watchsearch"]:before {
  1594. content: "\f1d8";
  1595. }
  1596. #fa_menulist li a[href*="inbox"]:before {
  1597. content: "\f0e0";
  1598. }
  1599. #fa_menulist li a[href*="logout"]:before {
  1600. content: "\f08b";
  1601. }
  1602.  
  1603. .module table[style="table-layout:auto;"] tbody tr td > table tbody tr td img {
  1604. content: "";
  1605. }
  1606. .module table[style="table-layout:auto;"] tbody tr td[width="4px"] {
  1607. width: 0px
  1608. }
  1609. .module table[style="table-layout:auto;"] tbody tr td > table tbody tr td[style="overflow:hidden;"] {
  1610. background: url('https://i.imgur.com/gGg8bgb.png') no-repeat;
  1611. background-position: -0px -54px;
  1612. overflow: hidden;
  1613. text-indent: -9999px;
  1614. text-align: left;
  1615. }
  1616. .module table[style="table-layout:auto;"] tbody tr:nth-child(1) td > table tbody tr td[style="overflow:hidden;"] {
  1617. background-position: -0px -0px;
  1618. }
  1619. .module table[style="table-layout:auto;"] tbody tr:nth-child(2) td > table tbody tr td[style="overflow:hidden;"] {
  1620. background-position: -0px -0px;
  1621. }
  1622. .module table[style="table-layout:auto;"] tbody tr:nth-child(3) td > table tbody tr td[style="overflow:hidden;"] {
  1623. background-position: -0px -0px;
  1624. }
  1625. .module table[style="table-layout:auto;"] tbody tr:nth-child(4) td > table tbody tr td[style="overflow:hidden;"] {
  1626. background-position: -0px -18px;
  1627. }
  1628. .module table[style="table-layout:auto;"] tbody tr:nth-child(5) td > table tbody tr td[style="overflow:hidden;"] {
  1629. background-position: -0px -18px;
  1630. }
  1631. .module table[style="table-layout:auto;"] tbody tr:nth-child(6) td > table tbody tr td[style="overflow:hidden;"] {
  1632. background-position: -0px -18px;
  1633. }
  1634. .module table[style="table-layout:auto;"] tbody tr:nth-child(7) td > table tbody tr td[style="overflow:hidden;"] {
  1635. background-position: -0px -36px;
  1636. }
  1637. .module table[style="table-layout:auto;"] tbody tr:nth-child(8) td > table tbody tr td[style="overflow:hidden;"] {
  1638. background-position: -0px -36px;
  1639. }
  1640. .module table[style="table-layout:auto;"] tbody tr:nth-child(9) td > table tbody tr td[style="overflow:hidden;"] {
  1641. background-position: -0px -54px;
  1642. }
  1643. .module table[style="table-layout:auto;"] tbody tr:nth-child(10) td > table tbody tr td[style="overflow:hidden;"] {
  1644. background-position: -0px -54px;
  1645. }
  1646. .module .main-content table[style="table-layout:fixed"] {
  1647. background: #fafafa;
  1648. background-image: linear-gradient(45deg, rgba(255, 255, 255, .1)25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .1)50%, rgba(255, 255, 255, .1)75%, transparent 75%, transparent);
  1649. background-size: 10px 10px;
  1650. border: #e1e1e1 1px solid;
  1651. border-radius: 5px;
  1652. overflow: hidden;
  1653. -webkit-box-shadow: inset 1px -1px 9px -1px rgba(181, 181, 181, 1);
  1654. -moz-box-shadow: inset 1px -1px 9px -1px rgba(181, 181, 181, 1);
  1655. box-shadow: inset 1px -1px 9px -1px rgba(181, 181, 181, 1);
  1656. }
  1657. dl.codebox > dt {background:url(//i83.servimg.com/u/f83/16/58/89/73/page_w10.png) no-repeat scroll 10px center black!important;}
  1658. dl.codebox > dt {background:url(//i83.servimg.com/u/f83/16/58/89/73/page_w10.png) no-repeat scroll 10px center black!important;}
  1659. dl.codebox code {overflow: auto!important;max-height: 1900px!important;}
  1660. div.lineNumber {max-height:1900px!important;}
  1661.  
  1662. .module .main-head .h3:before, .module .main-head h3:before {
  1663. color: #C8D2D8;
  1664. content: "\f0c9";
  1665. display: inline-block;
  1666. font-family: FontAwesome;
  1667. font-size: 14px;
  1668. font-style: normal;
  1669. font-variant: normal;
  1670. font-weight: 400;
  1671. line-height: 1;
  1672. padding-right: 10px;
  1673. }
  1674. .module .main-head {
  1675. background: #f7f7f7;
  1676. border-bottom: 1px solid #E1E5EB!important;
  1677. color: #727272;
  1678. padding: 10px;
  1679. text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  1680. }
  1681. .module .main-head .h3, .module .main-head h3 {
  1682. color: #757575;
  1683. font-weight: 700;
  1684. margin: 0;
  1685. text-transform: uppercase;
  1686. }
  1687. .module .main-head {border:1px solid #ddd;}
  1688.  
  1689. .avt-r img{
  1690. background: none repeat scroll 0% 0% #FFF;
  1691. border: 1px solid #D5D5D5 !important;
  1692. box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  1693. float: left;
  1694. height: 35px;
  1695. margin: 3px;
  1696. padding: 1px;
  1697. width: 30px;
  1698. }
  1699. /* BRILHO NICK DO FÓRUM ENTRE OUTRAS CONFIGURAÇÕES */
  1700. /*victor*/
  1701. a[href="/u492"] {
  1702. background: url("http://i.imgur.com/6EHq3rY.gif");
  1703. }
  1704. a[href="/u492"] {
  1705. text-shadow: 0px 0px 3px #850000;
  1706. }
  1707. /*Helielto*/
  1708. a[href="/u1"] {
  1709. background: url("http://i.imgur.com/6EHq3rY.gif");
  1710. }
  1711. a[href="/u1"] {
  1712. text-shadow: 0px 0px 3px #BA0000;
  1713. }
  1714.  
  1715. /*Whize*/
  1716. a[href="/u25"] {
  1717. background: url("http://i.imgur.com/6EHq3rY.gif");
  1718. }
  1719. a[href="/u25"] {
  1720. text-shadow: 0px 0px 3px #BA0000;
  1721. }
  1722.  
  1723. /*Human_*/
  1724. a[href="/u2"] {
  1725. background: url("http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif");
  1726. }
  1727. a[href="/u2"] {
  1728. text-shadow: 0px 0px 3px #009900;
  1729. }
  1730. /*ChatBox*/
  1731. #chatbox_header.main-head {
  1732. -khtml-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
  1733. -moz-border-radius: 4px;
  1734. -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
  1735. -o-border-radius: 4px;
  1736. -webkit-border-radius: 0;
  1737. -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
  1738. background: #1c1f25;
  1739. border-bottom: 1px solid rgba(0,0,0,.20);
  1740. border-radius: 0;
  1741. border-top: 3px solid #b32222;
  1742. box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
  1743. color: #FFF;
  1744. font-family: Ubuntu;
  1745. font-size: 13px;
  1746. font-weight: 700;
  1747. height: 20px;
  1748. margin-bottom: 40px;
  1749. overflow: hidden;
  1750. padding: 8px;
  1751. text-decoration: none;
  1752. text-shadow: 0 2px 0 rgba(0,0,0,0.14);
  1753. text-transform: uppercase;
  1754. }
  1755. #chatbox {
  1756. background: #ebf0f3;
  1757. border: 1px solid #DCE2EC;
  1758. border-bottom: 6px solid #DCE2EC;
  1759. margin: 10px 0;
  1760. padding: 8px;
  1761. }
  1762. #chatbox_members {
  1763. background: #fff;
  1764. border-right: 2px solid #b32222;
  1765. top: 40px;
  1766. }
  1767. #chatbox_footer {
  1768. background: #f1f6f9;
  1769. border-top: 1px solid #d5dde5;
  1770. padding: 6px;
  1771. }
  1772. #chatbox_members .member-title {
  1773. background: #1c1f25;
  1774. border-radius: 0 0 4px 4px;
  1775. border-top: 3px solid #b32222;
  1776. box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
  1777. color: #FFF;
  1778. font-family: Ubuntu;
  1779. font-size: 12px;
  1780. margin: 5px;
  1781. text-align: center;
  1782. text-shadow: 0 2px 0 rgba(0,0,0,0.14);
  1783. text-transform: uppercase;
  1784. width: 164px;
  1785. }
  1786. input#message.post {
  1787. -khtml-border-radius: 3px;
  1788. -khtml-box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0;
  1789. -moz-border-radius: 3px;
  1790. -moz-box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0;
  1791. -moz-transition: border .3s ease-in-out;
  1792. -o-transition: border .3s ease-in-out;
  1793. -webkit-border-radius: 3px;
  1794. -webkit-box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0;
  1795. -webkit-transition: border .3s ease-in-out;
  1796. background-color: #fafbfc;
  1797. border: 1px solid #c1c1c1;
  1798. border-radius: 3px;
  1799. box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0;
  1800. color: #666;
  1801. font-size: 12px;
  1802. min-width: 378px;
  1803. outline: 0;
  1804. padding: 9px!important;
  1805. transition: border .3s ease-in-out;
  1806. }
  1807. #message {
  1808. height: 16px;
  1809. margin-top: 3px;
  1810. width: 250px;
  1811. }
  1812. #message, #submit_button {
  1813. margin-left: 15px;
  1814. }
  1815.  
  1816. #chatbox_messenger_form {
  1817. margin: 0!important;
  1818. }
  1819. #chatbox_messenger_form {
  1820. margin: 10px 0 0;
  1821. }
  1822. #divcolor, #divsmilies, #help-button, #submit_button, .format-message + label {
  1823. border: 1px solid #AAA;
  1824. border-radius: 3px;
  1825. box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
  1826. display: inline-block;
  1827. height: 18px;
  1828. line-height: 16px;
  1829. text-align: center;
  1830. width: 18px;
  1831. }
  1832. .fontbutton {
  1833. -moz-transition: background .3s ease-in-out;
  1834. -o-transition: background .3s ease-in-out;
  1835. -webkit-transition: background .3s ease-in-out;
  1836. background: #b32222 url(https://imgur.com/srUpLQz.png) repeat-x;
  1837. border: 0!important;
  1838. border-radius: 4px;
  1839. border-top: 1px solid rgba(0,0,0,.20);
  1840. color: #fff;
  1841. cursor: pointer;
  1842. font-family: Ubuntu!important;
  1843. font-size: 13px;
  1844. outline: 0;
  1845. padding: 5px!important;
  1846. text-shadow: 0 2px 0 rgba(0,0,0,0.14);
  1847. transition: background .3s ease-in-out;
  1848. }
  1849. #submit_button {
  1850. height: auto !important; }
  1851. /*teste*/
  1852. .fa-forumrow {
  1853. overflow: hidden;
  1854. background-color: #fff;
  1855. border-radius: 10px;
  1856. box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  1857. margin-bottom: 30px;
  1858. display: flex;
  1859. }
  1860.  
  1861. .fa-forumrow > div {
  1862. box-sizing: border-box;
  1863. }
  1864.  
  1865. .fa-forumrow-main {
  1866. width: 45%;
  1867. padding: 30px 30px 20px;
  1868. }
  1869.  
  1870. .fa-forumrow-image {
  1871. width: 30%;
  1872. }
  1873.  
  1874. .fa-forumrow-recent {
  1875. width: 25%;
  1876. }
  1877.  
  1878. .fa-forumrow-title {
  1879. font-size: 24px !important;
  1880. display: block;
  1881. line-height: 1.5em;
  1882. }
  1883.  
  1884. .fa-forumrow-title a {
  1885. text-decoration: none;
  1886. font-weight: normal;
  1887. color: #666 !important;
  1888. }
  1889.  
  1890. .fa-forumrow-description {
  1891. font-size: 18px;
  1892. line-height: 1.5em;
  1893. color: #a1a1a1;
  1894. font-weight: normal;
  1895. padding-left: 40px;
  1896. margin-bottom: 20px;
  1897. }
  1898.  
  1899. .fa-forumrow-description img[style]:first-child {
  1900. display: none;
  1901. }
  1902.  
  1903. .fa-forumrow-meta {
  1904. font-size: 14px;
  1905. display: flex;
  1906. color: #a1a1a1;
  1907. }
  1908.  
  1909. .fa-forumrow-meta > div:first-child {
  1910. margin-left: auto;
  1911. }
  1912.  
  1913. .fa-forumrow-meta > div:not(:first-child) {
  1914. margin-left: 20px;
  1915. }
  1916.  
  1917. .fa-forumrow-recent {
  1918. padding: 30px 30px 20px 50px;
  1919. position: relative;
  1920. display: flex;
  1921. flex-direction: column;
  1922. justify-content: center;
  1923. }
  1924.  
  1925. .fa-forumrow-image {
  1926. background-repeat: no-repeat;
  1927. background-position: center;
  1928. background-size: cover;
  1929. }
  1930.  
  1931. .fa-forumrow-avatar {
  1932. position: absolute;
  1933. left: 0;
  1934. top: 50%;
  1935. width: 40px;
  1936. height: 40px;
  1937. transform: translate(0, -50%);
  1938. box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
  1939. border-radius: 50%;
  1940. overflow: hidden;
  1941. }
  1942.  
  1943. .fa-forumrow-avatar img {
  1944. width: 100%;
  1945. height: 100%;
  1946. }
  1947.  
  1948. .fa-forumrow-recent-topic a {
  1949. text-decoration: none;
  1950. font-size: 16px;
  1951. color: #666 !important;
  1952. line-height: 1.5em;
  1953. }
  1954.  
  1955. .fa-forumrow-recent-meta {
  1956. font-size: 0;
  1957. }
  1958.  
  1959. .fa-forumrow-recent-meta br {
  1960. display: none;
  1961. }
  1962.  
  1963. .fa-forumrow-recent-meta strong {
  1964. font-size: 16px;
  1965. font-weight: normal;
  1966. }
  1967.  
  1968. .fa-forumrow-recent-meta strong a {
  1969. text-decoration: none;
  1970. margin: 0 10px;
  1971. line-height: 1.5em;
  1972. }
  1973. /*fim do footer*/
  1974. .pun {
  1975. position: relative;
  1976. margin-bottom: 70px;
  1977. }
  1978.  
  1979. .pun::after {
  1980. content: '© Easy Deathmatch, 2017';
  1981. position: absolute;
  1982. bottom: 0;
  1983. left: 0;
  1984. right: 0;
  1985. transform: translate(0, 100%);
  1986. background-color: #b32222;
  1987. color: #ebedf0;
  1988. padding: 0 10px;
  1989. line-height: 50px;
  1990. border-radius: 0 0 5px 5px;
  1991. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement