Advertisement
Guest User

Untitled

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