Advertisement
Guest User

CSS

a guest
Feb 6th, 2017
167
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 56.54 KB | None | 0 0
  1. /******Copyright Geral******/
  2. /*Desenvolvimento: DR (Deywes Rios)*/
  3. /*********AVISOS*********/
  4. /*
  5. Não edite nada abaixo!!
  6. Poderá correr o risco de
  7. corromper todo o CSS
  8. fazendo com que o fórum
  9. apresente bugs!
  10. */
  11. @import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css") print;
  12.  
  13. /*banner*/ #branding { background: url('http://i.imgur.com/LDbwxS5.png') !important; } /*banner*/
  14.  
  15. /**
  16. * FA.BEGIN fa_user_menu
  17. */
  18.  
  19. #fa-user-menu,
  20. #fa-user-menu * {
  21. box-sizing: border-box;
  22. }
  23.  
  24. #fa-user-menu {
  25. background-color: #333;
  26. border: 1px
  27. padding: 10px;
  28. position: absolute;
  29. right: -500px;
  30. top: 49px;
  31. width: 500px;
  32. transition: 1000ms ease right;
  33. }
  34.  
  35. #fa-user-menu:hover {
  36. right: 0;
  37. }
  38.  
  39. #fa-user-menu a {
  40. transition: 250ms ease color;
  41. }
  42.  
  43. .fa-user-menu-title {
  44. color: #e6e6e6;
  45. }
  46.  
  47. .fa-user-menu-username {
  48. color: #efefef;
  49. }
  50.  
  51. .fa-user-menu-username:active,
  52. .fa-user-menu-username:hover {
  53. color: #fff;
  54. }
  55.  
  56. .fa-user-menu-content {
  57. color: #efefef;
  58. margin-top: 10px;
  59. overflow: hidden;
  60. }
  61.  
  62. .fa-user-menu-column {
  63. float: left;
  64. }
  65.  
  66. .fa-user-menu-column li {
  67. background-color: rgba(70, 70, 70, 0.31);
  68. display: block;
  69. font-size: 10px;
  70. margin-bottom: 5px;
  71. padding: 3px;
  72. border: 1px rgba(70, 70, 70, 0.13) solid;
  73. transition: 250ms ease border-color;
  74. }
  75.  
  76. .fa-user-menu-column li a {
  77. color: inherit;
  78. }
  79.  
  80. .fa-user-menu-column li a:active,
  81. .fa-user-menu-column li a:focus,
  82. .fa-user-menu-column li a:hover {
  83. color: #fff;
  84. }
  85.  
  86. .fa-user-menu-column li:hover {
  87. border-color: #8dcdef;
  88. }
  89.  
  90. .fa-user-menu-column li:last-child {
  91. margin-bottom: 0;
  92. }
  93.  
  94. .fa-user-menu-column li span {
  95. color: #d2d2d2;
  96. float: right;
  97. }
  98.  
  99. .fa-user-menu-side-column {
  100. width: 25%;
  101. }
  102.  
  103. .fa-user-menu-main-column {
  104. padding: 0 10px;
  105. width: 50%;
  106. }
  107.  
  108. .fa-user-menu-main-column>img {
  109. margin-bottom: 10px;
  110. }
  111.  
  112. .fa-user-menu-login-logout {
  113. background-color: #4883a2;
  114. color: #fff;
  115. display: block;
  116. padding: 15px 0;
  117. text-align: center;
  118. transition-property: background-color !important;
  119. }
  120.  
  121. .fa-user-menu-login-logout:active,
  122. .fa-user-menu-login-logout:focus,
  123. .fa-user-menu-login-logout:hover {
  124. color: #fff;
  125. background-color: #73bfe8;
  126. }
  127.  
  128. .fa-user-menu-open-arrow {
  129. background-color: #333;
  130. border-radius: 5px 0 0 5px;
  131. color: #f1f1f1;
  132. font-size: 24px;
  133. height: 80px;
  134. left: -20px;
  135. position: absolute;
  136. text-align: center;
  137. top: 20px;
  138. width: 20px;
  139. }
  140.  
  141. .fa-user-menu-open-arrow .fa {
  142. line-height: 80px;
  143. }
  144.  
  145. /**
  146. * FA.END fa_user_menu
  147. */
  148.  
  149.  
  150.  
  151. div#pun-about {
  152. display: block;
  153. }
  154.  
  155. .pun .entry-content ul li {
  156. list-style-type: initial !important;
  157. }
  158.  
  159. .pun .entry-content ol li {
  160. list-style-type: decimal !important;
  161. }
  162.  
  163. .pun a:hover, a:hover {
  164. font-family: Verdana, sans-serif !important;
  165. }
  166.  
  167.  
  168. .pun a:hover, a:hover {
  169. font-family: inherit;
  170. }
  171.  
  172. body {background-image: url('http://g02.a.alicdn.com/kf/HTB1tuCmKpXXXXbPXpXXq6xXFXXX2/Free-shipping-Grand-Theft-Auto-font-b-5-b-font-V-font-b-Game-b-font.jpg'); background-attachment: fixed;}
  173.  
  174. /*Categorias*/
  175. @font-face {
  176. font-family: 'Leckerli One';
  177. font-style: normal;
  178. font-weight: 400;
  179. src: local('Leckerli One'), local('LeckerliOne-Regular'), url(https://fonts.gstatic.com/s/leckerlione/v7/S2Y_iLrItTu8kIJTkS7DrOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  180. 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;
  181. }
  182. .main-head .page-title h2 {
  183. font-family: Leckerli One, Ubuntu, sans-serif!important;
  184. font-size: 16px!important;
  185. text-transform: none!important;
  186. font-weight: 400!important;
  187. }
  188. .main .main-foot, .main .main-head {
  189. font-family: Leckerli One, Ubuntu, sans-serif!important;
  190. font-size: 16px!important;
  191. text-transform: none!important;
  192. font-weight: 400!important;
  193. }
  194.  
  195. .pun .main .main-foot, .pun .main .main-head {
  196. padding: 10px;
  197. }
  198. /*fim das categorias*/
  199.  
  200. .recentTopics {
  201. width: 81.5%;
  202. margin: 15px 0;
  203. }
  204.  
  205. .pun-crumbs {
  206. background: #f0f0f0;
  207. border: 1px solid #ddd;
  208. border-radius: 3px;
  209. line-height: 34px;
  210. overflow: hidden;
  211. margin: 0 1px 10px;
  212. padding: .2em 1em;
  213. }
  214.  
  215. .pun .pun-crumbs .crumbs {
  216. color: transparent;
  217. }
  218.  
  219. #main-content > div:nth-child(10) > form:nth-child(2) > div.main-content.frm > div > table > tbody > tr:nth-child(1) > td,
  220. #main-content > div:nth-child(10) > form:nth-child(2) > div.main-content.frm > div > table > tbody > tr:nth-child(3) > td {
  221. background: #fff !important;
  222. border: 1px solid #ddd !important;
  223. }
  224.  
  225. #tabs ul li {
  226. float: left;
  227. height: 28px;
  228. margin: 0;
  229. padding: 0 4px 0 0;
  230. }
  231.  
  232. #user-hoverbox:before {
  233. border-bottom: 5px solid #363636;
  234. border-left: 5px solid rgba(0, 0, 0, 0);
  235. border-right: 5px solid rgba(0, 0, 0, 0);
  236. content: "";
  237. height: 0;
  238. left: 30px;
  239. position: absolute;
  240. top: -4px;
  241. width: 0;
  242. }
  243.  
  244. #user-hoverbox {
  245. display: initial !important;
  246. margin-left: 10px;
  247. min-width: 160px;
  248. padding-top: 1px;
  249. position: absolute;
  250. z-index: 999;
  251. }
  252.  
  253. #user-hoverbox-inner {
  254. border: 1px solid #000;
  255. border-radius: 2px 2px 2px 2px;
  256. box-shadow: 0 1px 5px rgba(0, 0, 0, 0.31);
  257. width: 210px;
  258. }
  259.  
  260. #user-hoverbox #user-hoverbox-inner a {
  261. background: none repeat scroll 0 0 rgba(0, 0, 0, 0.87);
  262. color: #dadada;
  263. border-bottom: 1px solid #aaa;
  264. display: block;
  265. font-size: 11px;
  266. text-align: left;
  267. text-shadow: none !important;
  268. z-index: 999;
  269. padding: 8px;
  270. }
  271.  
  272. .pun #page-body #user-hoverbox #user-hoverbox-inner a {
  273. font-style: normal;
  274. font-weight: 400;
  275. }
  276.  
  277. #user-hoverbox #user-hoverbox-inner a:hover {
  278. background: none repeat scroll 0 0 rgba(0, 0, 0, 0.93);
  279. color: #fcfcfc;
  280. }
  281.  
  282. #branding {
  283. min-height: 150px !important;
  284. width: 99.9% !important;
  285. border: 1.5px solid #333;
  286. height: 120px;
  287. background: #2d333b;
  288. }
  289.  
  290. .statused tr td:hover #lokodesc {
  291. display: block !important;
  292. }
  293.  
  294. .pun .main .main-foot,
  295. .pun .main .main-head {
  296. text-align: center;
  297. padding: 10px;
  298. }
  299.  
  300. #cp_Barra {
  301. background-color: #0d1721;
  302. width: 100%;
  303. height: 38px;
  304. position: fixed;
  305. z-index: 101;
  306. top: 0;
  307. }
  308.  
  309. #cp_opcoes {
  310. float: right;
  311. margin: 0;
  312. }
  313.  
  314. .cp_opcoes {
  315. color: #fff;
  316. font-family: Arial;
  317. font-size: 13px;
  318. list-style-type: none;
  319. display: initial;
  320. height: 38px;
  321. }
  322.  
  323. .cp_opcoes li {
  324. display: block;
  325. float: left;
  326. border-right: 1px #666 solid;
  327. }
  328.  
  329. .cp_opcoes a {
  330. text-decoration: none;
  331. display: block;
  332. height: 38px;
  333. line-height: 38px;
  334. transition: 250ms ease background-color;
  335. padding: 0 10px;
  336. }
  337.  
  338. .cp_opcoes a:hover,
  339. .cp_opcoes a:focus {
  340. background-color: #333;
  341. }
  342.  
  343. .cp_opcoes a.cp_icon {
  344. background-repeat: no-repeat;
  345. background-position: center center;
  346. display: block;
  347. height: 38px;
  348. width: 20px;
  349. }
  350.  
  351. .cp_inbox {
  352. background-image: url(http://i56.servimg.com/u/f56/17/97/98/69/yymnyc10.png);
  353. }
  354.  
  355. .cp_notice {
  356. background-image: url(http://i56.servimg.com/u/f56/17/97/98/69/gyfvip11.png);
  357. }
  358.  
  359. .cp_avatar img {
  360. border-radius: 100% !important;
  361. background: none repeat scroll 0 0 #fff;
  362. border: 1px solid #d5d5d5 !important;
  363. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  364. float: right;
  365. width: 36px;
  366. height: 75%;
  367. margin: 2px;
  368. padding: 1px;
  369. }
  370.  
  371. .cp_guest img {
  372. vertical-align: middle;
  373. margin-right: 3px;
  374. }
  375.  
  376. #cp_opcoes a {
  377. color: #d9d9d9 !important;
  378. }
  379.  
  380. #key_cp,
  381. #eye_cp,
  382. #user_cp,
  383. #envelope_cp,
  384. #shopping_cp,
  385. #folder_cp {
  386. width: 28px;
  387. line-height: 18px;
  388. text-align: center;
  389. }
  390.  
  391. #key_cp:hover,
  392. #eye_cp:hover,
  393. #user_cp:hover,
  394. #envelope_cp:hover,
  395. #shopping_cp:hover,
  396. #folder_cp:hover {
  397. opacity: 0.85;
  398. filter: alpha(opacity=85);
  399. }
  400.  
  401. #header {
  402. padding-top: 32px;
  403. }
  404.  
  405. .cp_title {
  406. color: #fff;
  407. font-size: 20px;
  408. text-decoration: none;
  409. line-height: 38px;
  410. height: 32px;
  411. margin-left: 30px;
  412. display: block;
  413. float: left;
  414. transition: 250ms ease background-color;
  415. padding: 0 10px;
  416. }
  417.  
  418. #community_app_menu > li.active > a,
  419. #community_app_menu > li > a.menu_active,
  420. #community_app_menu > li > a:hover {
  421. background-color: #51aada !important;
  422. }
  423.  
  424. .sucesso {
  425. background: url(https://i.imgur.com/p5KmHJh.png) no-repeat 6px #effeb9;
  426. border: 1px solid #9ac601;
  427. color: #4f8a10;
  428. width: 99%;
  429. text-shadow: 0 1px 0 #fffaf1;
  430. box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
  431. font-weight: 700;
  432. border-radius: 3px 3px 3px 3px;
  433. padding: 6px 6px 6px 40px;
  434. }
  435.  
  436. .alerta {
  437. background: url(https://i.imgur.com/fITh7cT.png) no-repeat 6px #fccac3;
  438. border: 1px solid #db3f23;
  439. color: #d8000c;
  440. width: 99%;
  441. text-shadow: 0 1px 0 #fffaf1;
  442. box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
  443. font-weight: 700;
  444. border-radius: 3px 3px 3px 3px;
  445. padding: 6px 6px 6px 40px;
  446. }
  447.  
  448. .aviso {
  449. background: url(https://i.imgur.com/9puvZvr.png) no-repeat 6px #ffeaa9;
  450. border: 1px solid #f9b516;
  451. color: #9f6000;
  452. width: 99%;
  453. text-shadow: 0 1px 0 #fffaf1;
  454. box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
  455. font-weight: 700;
  456. border-radius: 3px 3px 3px 3px;
  457. padding: 6px 6px 6px 40px;
  458. }
  459.  
  460. .infos {
  461. background: url(https://i.imgur.com/sbeJfjJ.png) no-repeat 6px #d1e4f3;
  462. border: 1px solid #4d8fcb;
  463. color: #00529b;
  464. width: 99%;
  465. text-shadow: 0 1px 0 #fffaf1;
  466. box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
  467. font-weight: 700;
  468. border-radius: 3px 3px 3px 3px;
  469. padding: 6px 6px 6px 40px;
  470. }
  471.  
  472. #profile-advanced-layout #tabs {
  473. top: -28px;
  474. }
  475.  
  476. .pun .main table td.tc2,
  477. .pun .main table td.tc3 {
  478. border: 0 !important;
  479. font-size: 12px !important;
  480. border-bottom: 1px solid #f7f7f7 !important;
  481. }
  482.  
  483. .statused > tr > td:nth-child(1) > span:nth-child(1) > img:nth-child(1) {
  484. padding-left: 4px !important;
  485. }
  486.  
  487. .tc2::after,
  488. .tc3::after {
  489. display: inline !important;
  490. padding-left: 5px !important;
  491. }
  492.  
  493. .ipsHeaderMenu {
  494. background: 0 !important;
  495. }
  496.  
  497. footer {
  498. width: 100% !important;
  499. height: 20px !important;
  500. margin-bottom: -10px !important;
  501. }
  502.  
  503. .social {
  504. margin-top: 4px !important;
  505. margin-left: 50px !important;
  506. }
  507.  
  508. body > footer > span {
  509. margin-right: 60px !important;
  510. }
  511.  
  512. body > footer > div:nth-child(2) > a > i {
  513. margin-left: -50px !important;
  514. }
  515.  
  516. .post_field {
  517. border: 1px solid #ddd;
  518. margin-bottom: -15px;
  519. border-left: 5px solid #ddd;
  520. text-align: left;
  521. background: #fff;
  522. padding: 4px;
  523. }
  524.  
  525. .pun .user .user-info {
  526. background: #f5f5f5;
  527. border-top: 1px solid #d9dbdd;
  528. color: #666;
  529. line-height: 1.8em;
  530. padding: 5px !important;
  531. }
  532.  
  533. div.module > div > h3 {
  534. font-family: Leckerli One, Ubuntu, sans-serif!important;
  535. font-size: 16px !important;
  536. font-weight: 400 !important;
  537. text-transform: none !important;
  538. text-align: center;
  539. }
  540.  
  541. @font-face {
  542. font-family: Play;
  543. font-style: normal;
  544. font-weight: 400;
  545. src: local(Play), local(Play-Regular), url(https://fonts.gstatic.com/s/play/v7/ZNo-5SxCwH1CXgZ-n3bt2g.woff2) format(woff2);
  546. unicode-range: U+0000 - 00FF, U+0131, U+0152 0 0153, U+02C6, U+02DA, U+02DC, U+2000 0 206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  547. }
  548.  
  549. .pun .main table tr:hover td.tc2,
  550. .pun .main table tr:hover td.tc3,
  551. .pun table.table tr:hover td.tcl,
  552. .pun table.table tr:hover td.tcr {
  553. background-color: #f5f5f5 !important;
  554. }
  555.  
  556. input#message.post {
  557. left: -207% !important;
  558. width: 90% !important;
  559. margin-top: 2px;
  560. height: 12px;
  561. border: none !important;
  562. outline: none;
  563. background: url(https://i.imgur.com/5zppq7r.png) no-repeat !important;
  564. padding: 8px 10px 8px 8px !important;
  565. }
  566.  
  567. #primary_nav {
  568. font-size: 12px;
  569. text-transform: uppercase;
  570. float: left;
  571. max-width: 680px;
  572. }
  573.  
  574. body {
  575. font: normal 11px tahoma, helvetica, arial, sans-serif;
  576. background: url(https://i.imgur.com/QcGogNI.png) repeat;
  577. background-attachment: scroll;
  578. background-color: #ccc;
  579. background-image: url(http://illiweb.com/fa/empty.gif);
  580. color: #333;
  581. font-family: Verdana, Arial, Helvetica, sans-serif;
  582. font-size: 12px;
  583. }
  584.  
  585. #pun-about,
  586. .main-box {
  587. background: transparent;
  588. border: 0;
  589. font-size: .8em;
  590. }
  591.  
  592. #pun-head #pun-navlinks {
  593. margin-left: -15px;
  594. font: normal arial;
  595. font-size: .9em;
  596. background-color: transparent;
  597. border-color: transparent;
  598. }
  599.  
  600. #pun-navlinks a {
  601. color: #333;
  602. }
  603.  
  604. li {
  605. list-style-type: none;
  606. }
  607.  
  608. .wrapper2 {
  609. max-width: 1200px;
  610. min-width: 990px;
  611. width: 96%;
  612. margin: 0 auto;
  613. }
  614.  
  615. #ipbwrapper {
  616. background: #fff;
  617. -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 -2px 10px;
  618. -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 -2px 10px;
  619. box-shadow: rgba(0, 0, 0, 0.4) 0 -2px 10px;
  620. position: relative;
  621. z-index: 20;
  622. }
  623.  
  624. #nav_background {
  625. cursor: pointer;
  626. vertical-align: middle;
  627. margin-top: 10px;
  628. -moz-border-radius: 3px;
  629. -webkit-border-radius: 3px;
  630. border-radius: 3px;
  631. color: #fff;
  632. float: left;
  633. height: 42px;
  634. line-height: 42px;
  635. outline: none;
  636. padding: 0 11px;
  637. }
  638.  
  639. .fixedHeader #branding {
  640. position: fixed;
  641. top: 0;
  642. left: 0;
  643. right: 0;
  644. z-index: 10;
  645. }
  646.  
  647. #logo a.textLogo {
  648. color: #fff;
  649. height: 160px;
  650. line-height: 160px;
  651. font-weight: 300;
  652. font-size: 24px;
  653. display: block;
  654. text-decoration: none;
  655. padding: 0 12px;
  656. }
  657.  
  658. #user_navigation {
  659. float: right;
  660. color: #fff;
  661. font-size: 14px;
  662. line-height: 42px;
  663. height: 42px;
  664. overflow: hidden;
  665. margin-top: 59px;
  666. }
  667.  
  668. #user_navigation .ipsList_inline li {
  669. float: left;
  670. margin: 0;
  671. padding: 0;
  672. }
  673.  
  674. #user_navigation #sign_in img,
  675. #user_navigation #register_link img {
  676. vertical-align: top;
  677. position: relative;
  678. margin: 13px 2px 0 0;
  679. }
  680.  
  681. #nav_wrap {
  682. padding: 6px 0 0;
  683. }
  684.  
  685. a {
  686. color: #51aada;
  687. text-decoration: none;
  688. }
  689.  
  690. user agent stylesheeta:-webkit-any-link {
  691. color: 0;
  692. text-decoration: underline;
  693. cursor: auto;
  694. }
  695.  
  696. a:hover {
  697. color: #222;
  698. }
  699.  
  700. .clearfix:after {
  701. content: ".";
  702. display: block;
  703. height: 0;
  704. clear: both;
  705. visibility: hidden;
  706. overflow: hidden;
  707. }
  708.  
  709. #community_app_menu > li {
  710. position: relative;
  711. margin: 0 3px 0 0;
  712. }
  713.  
  714. #community_app_menu > li > a {
  715. color: #878787;
  716. display: block;
  717. outline: none;
  718. line-height: 37px;
  719. height: 37px;
  720. padding: 0 15px;
  721. }
  722.  
  723. #community_app_menu > li.active > a {
  724. color: #fff;
  725. -webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 0 1px;
  726. -moz-box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 0 1px;
  727. box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 0 1px;
  728. position: relative;
  729. }
  730.  
  731. #community_app_menu > li > a:hover,
  732. #community_app_menu > li > a.menu_active {
  733. background: #efefef;
  734. color: #878787;
  735. -webkit-box-shadow: inset rgba(0, 0, 0, 0.05) 0 0 0 1px;
  736. -moz-box-shadow: inset rgba(0, 0, 0, 0.05) 0 0 0 1px;
  737. box-shadow: inset rgba(0, 0, 0, 0.05) 0 0 0 1px;
  738. }
  739.  
  740. #primary_extra_menucontent,
  741. #more_apps_menucontent,
  742. .submenu_container {
  743. background: #efefef;
  744. font-size: 12px;
  745. border: 0;
  746. min-width: 140px;
  747. -webkit-box-shadow: none;
  748. -moz-box-shadow: none;
  749. box-shadow: none;
  750. text-transform: uppercase;
  751. }
  752.  
  753. .boxShadow {
  754. -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 5px;
  755. -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 5px;
  756. box-shadow: rgba(0, 0, 0, 0.1) 0 1px 5px;
  757. }
  758.  
  759. #primary_extra_menucontent li,
  760. .submenu_container li,
  761. #more_apps_menucontent li {
  762. border: 0;
  763. float: none !important;
  764. min-width: 150px;
  765. padding: 0;
  766. }
  767.  
  768. #primary_extra_menucontent a,
  769. #more_apps_menucontent a,
  770. .submenu_container a {
  771. display: block;
  772. color: #878787;
  773. padding: 8px 10px;
  774. }
  775.  
  776. #adv_search {
  777. width: 36px;
  778. height: 36px;
  779. background: url(https://i.imgur.com/rCRETiJ.png) no-repeat 50% 50%;
  780. text-indent: -3000em;
  781. display: inline-block;
  782. }
  783.  
  784. .right {
  785. float: right;
  786. }
  787.  
  788. #main_search {
  789. font-size: 12px;
  790. border: 0;
  791. background: transparent;
  792. width: 245px;
  793. outline: 0;
  794. color: #666;
  795. padding: 10px;
  796. }
  797.  
  798. input,
  799. select,
  800. textarea {
  801. font: normal 12px tahoma, helvetica, arial, sans-serif;
  802. }
  803.  
  804. #search_options {
  805. font-size: 10px;
  806. height: 30px;
  807. line-height: 30px;
  808. background: #eaeaea;
  809. display: inline-block;
  810. float: right;
  811. max-width: 80px;
  812. text-overflow: ellipsis;
  813. overflow: hidden;
  814. text-transform: uppercase;
  815. margin: 3px 3px 3px 0;
  816. padding: 0 9px;
  817. }
  818.  
  819. #search_options_menucontent {
  820. min-width: 130px;
  821. white-space: nowrap;
  822. background: #fff;
  823. border: 1px solid #c6c6c6;
  824. padding: 0;
  825. }
  826.  
  827. .ipbmenu_content {
  828. white-space: nowrap;
  829. }
  830.  
  831. .ipbmenu_content,
  832. .ipb_autocomplete {
  833. min-width: 85px;
  834. z-index: 999;
  835. background: #fff;
  836. border: 1px solid #c6c6c6;
  837. -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 5px;
  838. -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 5px;
  839. box-shadow: rgba(0, 0, 0, 0.1) 0 1px 5px;
  840. }
  841.  
  842. .ipsBox,
  843. .ipsPad {
  844. padding: 9px;
  845. }
  846.  
  847. #search .submit_input {
  848. background: url(https://i.imgur.com/PBkSD5Z.png) no-repeat 50%;
  849. text-indent: -3000em;
  850. border: 0;
  851. display: block;
  852. width: 36px;
  853. height: 36px;
  854. position: absolute;
  855. right: 0;
  856. top: 0;
  857. bottom: 0;
  858. padding: 0;
  859. }
  860.  
  861. #socialButtons a.twitterButton:hover {
  862. background-position: 0 -121px;
  863. }
  864.  
  865. #socialButtons a.facebookButton {
  866. background-color: #324e8a;
  867. background-position: 0 -1px;
  868. }
  869.  
  870. #socialButtons a {
  871. background-image: url(https://i.imgur.com/nCwuV2Q.png) !important;
  872. float: left;
  873. margin-left: 6px;
  874. background: url(http://www.ipbforumskins.com/skindemo/public/style_images/ortem/socialButtons.png) no-repeat 0 0;
  875. color: #fff;
  876. text-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0;
  877. font-weight: 700;
  878. height: 37px;
  879. line-height: 37px;
  880. outline: none;
  881. -webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 0 1px;
  882. -moz-box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 0 1px;
  883. box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 0 1px;
  884. margin-top: 5px;
  885. padding: 0 10px 0 49px;
  886. }
  887.  
  888. #socialButtons a.twitterButton {
  889. background-color: #0097d5;
  890. background-position: 0 -81px;
  891. }
  892.  
  893. #secondary_navigation {
  894. -webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 0 1px;
  895. -moz-box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 0 1px;
  896. box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 0 1px;
  897. overflow: hidden;
  898. line-height: 37px;
  899. color: rgba(255, 255, 255, 0.6);
  900. margin-bottom: 6px;
  901. margin-top: 5px;
  902. }
  903.  
  904. .ipsList_inline > li:last-child {
  905. margin-right: 0;
  906. }
  907.  
  908. #secondary_navigation #breadcrumb li.first a {
  909. margin-left: 0;
  910. background: none;
  911. padding-left: 0;
  912. }
  913.  
  914. #secondary_navigation #breadcrumb li a {
  915. padding-left: 12px;
  916. margin-left: -15px;
  917. background: url(https://i.imgur.com/5iiqOZB.png) no-repeat 0 0;
  918. display: block;
  919. outline: none;
  920. text-decoration: none;
  921. }
  922.  
  923. #secondary_navigation a {
  924. color: #fff;
  925. line-height: 37px;
  926. height: 37px;
  927. }
  928.  
  929. #secondary_navigation #breadcrumb li.first a span {
  930. padding-left: 12px;
  931. }
  932.  
  933. #secondary_navigation #breadcrumb li span {
  934. display: block;
  935. padding-right: 17px;
  936. padding-left: 4px;
  937. background: url(https://i.imgur.com/5iiqOZB.png) no-repeat 100% 0;
  938. }
  939.  
  940. #secondary_links {
  941. overflow: hidden;
  942. padding-right: 4px;
  943. }
  944.  
  945. #secondary_links li {
  946. float: left;
  947. margin: 0;
  948. }
  949.  
  950. #secondary_links a {
  951. display: block;
  952. padding: 0 12px;
  953. }
  954.  
  955. #socialButtons a.facebookButton:hover {
  956. background-position: 0 -41px;
  957. }
  958.  
  959. #community_app_menu > li.active > a,
  960. #secondary_navigation,
  961. .topic_buttons li a,
  962. .ipsButton,
  963. a.ipsButton,
  964. .pagination .pages li.active,
  965. .forumHover tr:hover td,
  966. img[src*='f_icon.png'],
  967. img[src*='f_icon_read.png'],
  968. img[src*='f_redirect.png'],
  969. .maintitle,
  970. .maintitle.linkBar,
  971. ul.post_controls a,
  972. ul.post_controls a.ipsButton_secondary,
  973. .post_block h3,
  974. .horizontalView .author_info,
  975. .col_f_icon img,
  976. .ipsLikeButton.ipsLikeButton_enabled,
  977. #footer {
  978. background-color: #51aada;
  979. }
  980.  
  981. #main-content #profile-advanced-left {
  982. width: auto !important;
  983. }
  984.  
  985. #main-content #profile-advanced-right .module {
  986. display: inherit !important;
  987. }
  988.  
  989. #main-content #profile-advanced-add a.mainmenu {
  990. background: url(http://i18.servimg.com/u/f18/18/45/41/65/nav10.png);
  991. color: #fff;
  992. display: inline-block;
  993. font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
  994. font-size: 13px;
  995. font-weight: 700;
  996. height: 45px;
  997. line-height: 45px;
  998. opacity: 1;
  999. transition: 250ms;
  1000. margin-bottom: 15px;
  1001. padding: 0 12px;
  1002. }
  1003.  
  1004. *,
  1005. :after,
  1006. :before {
  1007. -moz-transition: background .5s ease-out;
  1008. -o-transition: background .5s ease-out;
  1009. -ms-transition: background .5s ease-out;
  1010. }
  1011.  
  1012. .pun a,
  1013. .pun a:link,
  1014. .pun a:visited,
  1015. a {
  1016. color: #666;
  1017. text-decoration: none;
  1018. font-family: Verdana;
  1019. }
  1020.  
  1021. #fa_welcome > img {
  1022. margin-top: -5px !important;
  1023. }
  1024.  
  1025. #logo > img {
  1026. max-width: 100%;
  1027. }
  1028.  
  1029. .pun tbody.statused td.tcl,
  1030. .pun .main table td.tc2,
  1031. .pun .main table td.tc3 {
  1032. border-bottom: 1px solid #ddd !important;
  1033. }
  1034.  
  1035. .pun a:hover,
  1036. a:hover {
  1037. color: #444;
  1038. text-decoration: none;
  1039. font-family: Arial;
  1040. }
  1041.  
  1042. p.crumbs a {
  1043. background: transparent url(https://i.imgur.com/CUT25gc.png) no-repeat 100% -1px;
  1044. color: #757575 !important;
  1045. line-height: 25px;
  1046. margin-left: -19px !important;
  1047. position: relative;
  1048. text-shadow: 0 1px 0 #fff;
  1049. transition: none 0 ease 0;
  1050. padding: 10px 20px 10px 25px;
  1051. }
  1052.  
  1053. #stats {
  1054. line-height: 100%;
  1055. border: 1px solid #ddd;
  1056. background-color: #fff;
  1057. padding: 5px !important;
  1058. }
  1059.  
  1060. #onlinelist {
  1061. border: 1px solid #ddd;
  1062. display: none;
  1063. border-top: none;
  1064. background-color: #fff;
  1065. float: right;
  1066. font-family: Arial;
  1067. padding: 10px 10px 10px 40px;
  1068. }
  1069.  
  1070. .main .main-content {
  1071. background: #fff;
  1072. border: 1px solid #ddd;
  1073. box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  1074. margin: 0;
  1075. padding: 6px;
  1076. }
  1077.  
  1078. #submit_button {
  1079. height: auto !important;
  1080. }
  1081.  
  1082. .module.main {
  1083. margin: 0 0 0 8px !important;
  1084. }
  1085.  
  1086. .tc1,
  1087. .tcr,
  1088. .pun table.table td {
  1089. background: none !important;
  1090. }
  1091.  
  1092. span.status {
  1093. margin-left: -47px !important;
  1094. }
  1095.  
  1096. body[bgcolor] {
  1097. background: #fff;
  1098. }
  1099.  
  1100. .chatbox_row_1.clearfix.shout-0 span span[style="color:undefined"] {
  1101. font-size: 0;
  1102. }
  1103.  
  1104. .chatbox-options li a span#chatbox_option_co:before {
  1105. content: "Para visualizar as mensagens clique em login.";
  1106. text-align: center;
  1107. margin-top: 125px;
  1108. background: #fff !important;
  1109. width: 100%;
  1110. height: 80px;
  1111. right: 0;
  1112. position: absolute;
  1113. z-index: 1;
  1114. display: block;
  1115. border-top: 1px solid #ebebeb;
  1116. font-size: 14px !important;
  1117. color: #000;
  1118. }
  1119.  
  1120. .chatbox-options li a span#chatbox_option_co:after {
  1121. content: " Você está desconectado!";
  1122. margin-top: 180px;
  1123. background: #ccc !important;
  1124. width: 100%;
  1125. right: 0;
  1126. position: absolute;
  1127. z-index: 1;
  1128. text-align: center;
  1129. display: block;
  1130. border-top: 1px solid #ebebeb;
  1131. font-size: 20px !important;
  1132. color: #000;
  1133. padding: 10px 0;
  1134. }
  1135.  
  1136. #chatbox .user strong span,
  1137. body #chatbox .msg,
  1138. #chatbox .date-and-time,
  1139. #chatbox_header.main-head {
  1140. font-family: Play, Arial, Helvetica, sans-serif!important;
  1141. font-size: 14px !important;
  1142. }
  1143.  
  1144. #chatbox .date-and-time {
  1145. float: right;
  1146. color: #cacaca;
  1147. font-size: 11px;
  1148. }
  1149.  
  1150. #chatbox .date-and-time img {
  1151. opacity: 0.5;
  1152. }
  1153.  
  1154. #chatbox .date-and-time img:hover {
  1155. opacity: 1.0;
  1156. }
  1157.  
  1158. #chatbox_header.main-head {
  1159. background-color: #3c414b;
  1160. border-bottom: 3px solid #51aada;
  1161. color: #fff;
  1162. text-shadow: none;
  1163. list-style: none;
  1164. position: inherit;
  1165. height: 40px;
  1166. display: block;
  1167. margin: 0;
  1168. padding: 1em;
  1169. }
  1170.  
  1171. #chatbox_header.main-head:after {
  1172. content: "Divulgação, flood, spam ou atitudes desrespeitosas não são toleradas neste Chat.";
  1173. background: #ebebeb;
  1174. color: #111;
  1175. margin-top: 40px;
  1176. display: block;
  1177. position: absolute;
  1178. width: 100%;
  1179. padding: 10px;
  1180. }
  1181.  
  1182. .chatbox-title {
  1183. font-size: 14px;
  1184. color: #fff;
  1185. padding: 10px 10px 0;
  1186. }
  1187.  
  1188. .chatbox-title,
  1189. .chatbox-title a.chat-title {
  1190. color: #fff;
  1191. font-weight: 300;
  1192. text-decoration: none;
  1193. }
  1194.  
  1195. #chatbox_members,
  1196. #chatbox {
  1197. top: 80px;
  1198. }
  1199.  
  1200. .chatbox-options {
  1201. background: rgba(0, 0, 0, 0.5);
  1202. opacity: 0.6;
  1203. color: #fff;
  1204. padding: 5px;
  1205. }
  1206.  
  1207. #chatbox {
  1208. left: 0;
  1209. }
  1210.  
  1211. .chatbox_row_1,
  1212. .chatbox_row_2 {
  1213. background-color: #fff;
  1214. position: relative;
  1215. border-color: #ebebeb;
  1216. border-style: solid;
  1217. border-width: 0 0 1px;
  1218. padding: 7px;
  1219. }
  1220.  
  1221. #chatbox > p {
  1222. border-bottom: 1px solid #ebebeb !important;
  1223. }
  1224.  
  1225. body #chatbox .user strong {
  1226. font-size: 0;
  1227. margin-left: 4px;
  1228. }
  1229.  
  1230. body #chatbox .user strong span {
  1231. font-size: 12px;
  1232. font-weight: 300;
  1233. }
  1234.  
  1235. body #chatbox .msg {
  1236. display: block;
  1237. line-height: 1.5em;
  1238. margin-top: -7px !important;
  1239. }
  1240.  
  1241. #chatbox_footer .right:first-child {
  1242. width: 100% !important;
  1243. float: right;
  1244. }
  1245.  
  1246. .pun .main-content.chatbox {
  1247. border: 0 solid #ebebeb;
  1248. }
  1249.  
  1250. #chatbox_footer .right:nth-child(2) {
  1251. float: right;
  1252. margin-top: -42px;
  1253. z-index: 999;
  1254. }
  1255.  
  1256. input#message.post:focus {
  1257. background: transparent !important;
  1258. }
  1259.  
  1260. .right #submit_button {
  1261. position: absolute;
  1262. right: 0;
  1263. margin-right: 10px;
  1264. height: 30px !important;
  1265. background: #1abc9c;
  1266. color: #fff !important;
  1267. cursor: pointer;
  1268. font-size: 13px;
  1269. font-weight: 500;
  1270. text-align: center;
  1271. text-decoration: none;
  1272. text-shadow: none;
  1273. white-space: nowrap;
  1274. display: inline-block;
  1275. vertical-align: middle;
  1276. border-radius: 3px;
  1277. border: 1px solid rgba(0, 0, 0, 0.1);
  1278. -webkit-transition: .1s all linear;
  1279. -moz-transition: .1s all linear;
  1280. -ms-transition: .1s all linear;
  1281. -o-transition: .1s all linear;
  1282. transition: .1s all linear;
  1283. -webkit-user-select: none;
  1284. -moz-user-select: none;
  1285. -ms-user-select: none;
  1286. -o-user-select: none;
  1287. user-select: none;
  1288. -webkit-font-smoothing: antialiased;
  1289. border-width: 0 !important;
  1290. padding: 5px 15px;
  1291. }
  1292.  
  1293. #divsmilies {
  1294. width: 24px !important;
  1295. height: 24px !important;
  1296. background: url(https://i.imgur.com/Ku7QNJd.png) no-repeat;
  1297. border: 0 !important;
  1298. margin-right: 80px;
  1299. margin-top: 15px;
  1300. }
  1301.  
  1302. #divsmilies:hover:before {
  1303. content: "Emoticons";
  1304. background: #2a2a2a;
  1305. line-height: 26px;
  1306. font-size: 12px;
  1307. color: #fff;
  1308. pointer-events: none;
  1309. border-radius: 2px;
  1310. position: absolute;
  1311. margin-top: -30px;
  1312. margin-left: -35px;
  1313. padding: 0 8px;
  1314. }
  1315.  
  1316. #chatbox_footer {
  1317. height: auto !important;
  1318. background-color: #fff !important;
  1319. border-top: 0 dashed #ccc;
  1320. }
  1321.  
  1322. body #chatbox .cb-avatar {
  1323. border-width: 0 !important;
  1324. }
  1325.  
  1326. #chatbox .cb-avatar,
  1327. #chatbox .cb-avatar img {
  1328. background: none repeat scroll 0 0 #fff !important;
  1329. border: 0 solid #d5d5d5 !important;
  1330. box-shadow: none !important;
  1331. float: left;
  1332. margin-right: 4px !important;
  1333. vertical-align: middle !important;
  1334. width: 34px !important;
  1335. height: 34px !important;
  1336. border-width: 0 !important;
  1337. padding: 1px !important;
  1338. }
  1339.  
  1340. div.sceditor-dropdown .button {
  1341. background: #3c414b none repeat scroll 0 0 !important;
  1342. border: 0 solid #fff;
  1343. border-radius: 3px;
  1344. color: #fffafa !important;
  1345. cursor: pointer;
  1346. display: inline-block;
  1347. font-family: sans-serif;
  1348. font-size: 11px !important;
  1349. text-decoration: none;
  1350. text-transform: uppercase;
  1351. padding: 4px 9px !important;
  1352. }
  1353.  
  1354. div.sceditor-dropdown .button:hover {
  1355. background: #51aada !important;
  1356. }
  1357.  
  1358. .pun table.table td.tcr span a:empty:before {
  1359. color: #777;
  1360. content: 'Sem mensagens para visualizar.';
  1361. font-style: italic;
  1362. pointer-events: none;
  1363. text-align: center;
  1364. word-wrap: break-word;
  1365. }
  1366.  
  1367. input[type="email"],
  1368. input[type="password"],
  1369. input[type="text"] {
  1370. background: #fcfcfc none repeat scroll 0 0;
  1371. border: 1px solid #d4d4d4;
  1372. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
  1373. color: #9f9f9f;
  1374. text-shadow: 0 1px 0 #fff;
  1375. padding: 6px;
  1376. }
  1377.  
  1378. a.forumtitle {
  1379. margin-left: px;
  1380. margin-top: 0 !important;
  1381. position: absolute;
  1382. font-size: 11px !important;
  1383. }
  1384.  
  1385. #fa_right {
  1386. font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
  1387. font-weight: 700;
  1388. float: right;
  1389. font-size: 14px;
  1390. padding-right: 10px;
  1391. }
  1392.  
  1393. span.label {
  1394. font-family: "Trebuchet MS";
  1395. }
  1396.  
  1397. #quick_reply #textarea_content {
  1398. width: 100% !important;
  1399. }
  1400.  
  1401. .main .main-head.collapsed {
  1402. opacity: 0.6;
  1403. }
  1404.  
  1405. .main .main-head {
  1406. margin-top: 10px;
  1407. background-color: #3c414b;
  1408. border-bottom: 3px solid #51aada;
  1409. color: #fff;
  1410. text-shadow: none;
  1411. padding: 1em;
  1412. }
  1413.  
  1414. .main .main-foot {
  1415. background-color: #3c414b;
  1416. border-bottom: 3px solid #51aada;
  1417. border-radius: 2px 2px 0 0;
  1418. color: #fff;
  1419. text-shadow: none;
  1420. padding: 1em;
  1421. }
  1422.  
  1423. .lastpost-avatar img {
  1424. background: none repeat scroll 0 0 #fff;
  1425. border: 1px solid #ededed !important;
  1426. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1427. height: 38px;
  1428. margin-right: 3px;
  1429. width: 38px;
  1430. border-radius: 50%;
  1431. padding: 2px;
  1432. }
  1433.  
  1434. .pun h2,
  1435. .pun h3,
  1436. .pun input,
  1437. .pun select,
  1438. .pun th {
  1439. font-size: 1em;
  1440. font-style: normal;
  1441. font-variant: normal;
  1442. font-weight: 400;
  1443. }
  1444.  
  1445. .statused .tcl {
  1446. font-size: 11px !important;
  1447. color: #666 !important;
  1448. }
  1449.  
  1450. .pun .topic {
  1451. border-right: 1px solid #ddd;
  1452. border-left: 1px solid #ddd;
  1453. border: 0;
  1454. box-shadow: none;
  1455. background: #fff;
  1456. margin: 0;
  1457. }
  1458.  
  1459. .user-basic-info img:first-child {
  1460. background: #fff;
  1461. max-width: 160px;
  1462. margin-bottom: 5px;
  1463. padding: 2px;
  1464. }
  1465.  
  1466. .pun .postmain {
  1467. background: #fff;
  1468. border: 1px solid #ddd;
  1469. border-radius: 3px;
  1470. position: relative;
  1471. }
  1472.  
  1473. .pun .post .user:after {
  1474. border-left-color: #f7f7f7;
  1475. margin-left: 2px;
  1476. margin-top: 1px;
  1477. border-width: 7px;
  1478. }
  1479.  
  1480. .pun .post .user {
  1481. line-height: 150%;
  1482. margin-left: -17em !important;
  1483. margin-top: -3.3em;
  1484. padding-top: 0;
  1485. text-align: center;
  1486. width: 15em;
  1487. background: #fff;
  1488. border: 1px solid #ddd;
  1489. border-radius: 3px;
  1490. }
  1491.  
  1492. .pun .username a span strong {
  1493. font-weight: 400 !important;
  1494. }
  1495.  
  1496. .pun .user .user-ident .user-basic-info {
  1497. margin-top: 15px;
  1498. margin-bottom: -2px;
  1499. }
  1500.  
  1501. .pun .posthead,
  1502. .pun .username {
  1503. background-color: #f7f7f7;
  1504. border-bottom: 1px solid #ddd;
  1505. font-size: 13px;
  1506. font-weight: 400;
  1507. text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
  1508. padding: 10px;
  1509. }
  1510.  
  1511. .pun .user-ident .username {
  1512. position: relative;
  1513. margin: 0 auto;
  1514. }
  1515.  
  1516. .pun .posthead a {
  1517. color: #444;
  1518. font-size: 13px;
  1519. }
  1520.  
  1521. .pun .posthead h2 {
  1522. color: #444;
  1523. font-weight: 400;
  1524. }
  1525.  
  1526. .pun .posthead h2 strong {
  1527. font-size: 11px;
  1528. font-style: normal;
  1529. font-variant: normal;
  1530. font-weight: 400;
  1531. }
  1532.  
  1533. .pun .posthead h2 strong:before {
  1534. content: '#';
  1535. }
  1536.  
  1537. .pun .post {
  1538. border: 0;
  1539. margin: 5px;
  1540. }
  1541.  
  1542. .postfoot {
  1543. background: #f7f7f7;
  1544. border-top: 1px solid #ddd;
  1545. margin: 0;
  1546. padding: 10px;
  1547. }
  1548.  
  1549. .pun .entry-content {
  1550. font-size: 13px;
  1551. line-height: 1.6;
  1552. }
  1553.  
  1554. .wraparound {
  1555. background: #f7f7f7;
  1556. border: 1px solid #ddd;
  1557. margin: 10px 0;
  1558. padding: 8px;
  1559. }
  1560.  
  1561. .ipsBox_withphoto {
  1562. margin-left: 65px;
  1563. }
  1564.  
  1565. .ipsType_pagetitle,
  1566. .ipsType_subtitle {
  1567. color: #413f3c;
  1568. font-size: 23px;
  1569. font-style: normal;
  1570. font-variant: normal;
  1571. font-weight: 300;
  1572. line-height: 1.3;
  1573. }
  1574.  
  1575. .desc.lighter,
  1576. .desc.lighter.blend_links a,
  1577. .desc.lighter.blend_links span a strong {
  1578. color: #a49f98 !important;
  1579. font-weight: 400;
  1580. }
  1581.  
  1582. .ipsUserPhotoLink img {
  1583. background: #fff;
  1584. border: 1px solid #ddd;
  1585. float: left;
  1586. height: 40px;
  1587. width: 40px;
  1588. padding: 2px;
  1589. }
  1590.  
  1591. .ftoggle {
  1592. background: #e2e2e2;
  1593. border-radius: 3px;
  1594. display: block;
  1595. padding: 10px 15px;
  1596. }
  1597.  
  1598. .arrow-u2 {
  1599. -moz-border-bottom-colors: none;
  1600. -moz-border-left-colors: #f7f7f7;
  1601. -moz-border-right-colors: none;
  1602. -moz-border-top-colors: none;
  1603. display: block;
  1604. float: left;
  1605. height: 0;
  1606. margin-left: -24px;
  1607. margin-top: -27px;
  1608. position: absolute;
  1609. width: 0;
  1610. z-index: 100;
  1611. border: 10px solid transparent;
  1612. border-left-color: #f7f7f7;
  1613. }
  1614.  
  1615. .arrow-u {
  1616. -moz-border-bottom-colors: none;
  1617. -moz-border-left-colors: #ddd;
  1618. -moz-border-right-colors: none;
  1619. -moz-border-top-colors: none;
  1620. border: 10px solid transparent;
  1621. display: block;
  1622. float: left;
  1623. height: 0;
  1624. margin-left: -23px;
  1625. margin-top: -27px;
  1626. width: 0;
  1627. z-index: -999;
  1628. border-left-color: #ddd;
  1629. }
  1630.  
  1631. .pun {
  1632. line-height: 130%;
  1633. width: 97.5%;
  1634. margin: 5px 5px 10px;
  1635. padding: 17px;
  1636. }
  1637.  
  1638. #pun-visit {
  1639. line-height: 130%;
  1640. width: 98%;
  1641. margin: 5px 5px 10px;
  1642. padding: 10px;
  1643. }
  1644.  
  1645. .module.main .main-content {
  1646. font-size: 10px;
  1647. }
  1648.  
  1649. .main .frm-info {
  1650. -moz-border-radius: 3px;
  1651. -webkit-border-radius: 3px;
  1652. background: #ffea97 url(https://cdn2.iconfinder.com/data/icons/diagona/icon/16/050.png) no-repeat 6px 10px;
  1653. background-color: #ffea97;
  1654. border: 1px solid #e1b500;
  1655. border-radius: 3px;
  1656. color: #796100;
  1657. font-family: "Trebuchet MS", tahoma, helvetica, arial, sans-serif;
  1658. font-size: 11px;
  1659. font-style: normal;
  1660. font-variant: normal;
  1661. font-weight: 700;
  1662. line-height: 18px;
  1663. text-shadow: #fffaf1 0 1px 0;
  1664. margin: 15px 1.7em 1.7em;
  1665. padding: 8px 8px 8px 28px;
  1666. }
  1667.  
  1668. .paged-foot .paging a,
  1669. .paged-foot .paging a:hover,
  1670. .paged-foot .paging b,
  1671. .paging a,
  1672. .paging b,
  1673. td p.pag a,
  1674. td p.pag b {
  1675. -moz-border-radius: 2px;
  1676. -webkit-border-radius: 2px;
  1677. border-radius: 2px;
  1678. font-size: 12px !important;
  1679. margin-right: 3px !important;
  1680. padding: 6px 9px !important;
  1681. }
  1682.  
  1683. .paged-foot .paging a,
  1684. .paging a,
  1685. .paging b,
  1686. td p.pag a,
  1687. td p.pag b {
  1688. -moz-border-radius: 3px;
  1689. -moz-box-shadow: rgba(0, 0, 0, 0.05) 0 1px 2px;
  1690. -webkit-border-radius: 3px;
  1691. -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0 1px 2px;
  1692. background: #e5e5e5 url(http://i76.servimg.com/u/f76/18/14/02/99/highli10.png) repeat-x 0 0;
  1693. border: 1px solid #d6d6d6;
  1694. border-radius: 3px;
  1695. box-shadow: rgba(0, 0, 0, 0.05) 0 1px 2px;
  1696. color: #747474;
  1697. display: inline-block;
  1698. font-size: 11px;
  1699. font-weight: 400;
  1700. text-shadow: #fff 0 1px 0;
  1701. text-transform: lowercase;
  1702. padding: 0 5px;
  1703. }
  1704.  
  1705. .postmain cite {
  1706. background-color: transparent !important;
  1707. color: #666 !important;
  1708. font-size: 13px !important;
  1709. display: block;
  1710. font-style: normal;
  1711. font-weight: 700;
  1712. margin: 0 0 1em;
  1713. }
  1714.  
  1715. .module.main > .main-content > .main-content {
  1716. border: none;
  1717. box-shadow: none;
  1718. }
  1719.  
  1720. .module.main #parceiros {
  1721. margin: 0 auto;
  1722. }
  1723.  
  1724. .main#pun-info .main-content {
  1725. padding: 0;
  1726. }
  1727.  
  1728. .main_width {
  1729. min-width: 960px;
  1730. width: 81.5%;
  1731. margin: 0 auto;
  1732. }
  1733.  
  1734. .right,
  1735. .right li {
  1736. padding-left: 5px;
  1737. float: right;
  1738. list-style-type: none !important;
  1739. }
  1740.  
  1741. #fa_toolbar {
  1742. left: 0;
  1743. height: 30px;
  1744. background-color: #fff;
  1745. color: #fff;
  1746. font-family: Verdana, Helvetica, Arial;
  1747. font-size: 16px;
  1748. z-index: 999;
  1749. border-bottom: 2px solid #ff5900;
  1750. margin: auto;
  1751. }
  1752.  
  1753. .fa_toolbar_XL_Sized {
  1754. min-width: 980px;
  1755. width: 100%;
  1756. }
  1757.  
  1758. #fa_right #fa_menu #fa_welcome,
  1759. #fa_right #fa_notifications {
  1760. background-color: transparent !important;
  1761. border: 1px solid #51aada !important;
  1762. border-radius: 3px !important;
  1763. font-size: 11px !important;
  1764. font-weight: 700 !important;
  1765. line-height: 22px !important;
  1766. margin-top: 3px !important;
  1767. text-decoration: none !important;
  1768. transition: all 200ms ease 0;
  1769. padding: 0 6px !important;
  1770. }
  1771.  
  1772. .fa_tbMainElement,
  1773. .fa_tbMainElement a,
  1774. #fa_show {
  1775. display: inline-block !important;
  1776. vertical-align: middle;
  1777. }
  1778.  
  1779. #fa_menu {
  1780. display: inline-block;
  1781. }
  1782.  
  1783. #fa_search #fa_textarea {
  1784. background: #51aada none repeat scroll 0 0 !important;
  1785. border: 1px solid #51aada !important;
  1786. border-radius: 3px 0 0 3px !important;
  1787. color: #51aada !important;
  1788. cursor: text;
  1789. font-size: 12px !important;
  1790. height: 16px !important;
  1791. line-height: 12px !important;
  1792. margin-right: 23px !important;
  1793. transition: ease;
  1794. transition-duration: 1.5s;
  1795. width: 0 !important;
  1796. margin-top: 3px;
  1797. padding: 3px 0 3px 1px !important;
  1798. }
  1799.  
  1800. #fa_search #fa_magnifier {
  1801. background: #51aada url(http://i21.servimg.com/u/f21/18/21/41/30/search10.png) no-repeat scroll 50% 50% !important;
  1802. border: 1px solid #51aada;
  1803. border-radius: 0 3px 3px 0;
  1804. height: 22px !important;
  1805. right: 0;
  1806. top: 3px;
  1807. width: 22px !important;
  1808. position: absolute;
  1809. background-position: -30px 0;
  1810. }
  1811.  
  1812. #fa_toolbar #fa_service {
  1813. display: inline-block !important;
  1814. visibility: visible !important;
  1815. text-decoration: none !important;
  1816. }
  1817.  
  1818. #fa_service {
  1819. font-family: Arial, Arial, Verdana, sans-serif;
  1820. font-size: 16px;
  1821. font-weight: 700;
  1822. }
  1823.  
  1824. #fa_service:after {
  1825. content: ' - American Life - RPG';
  1826. }
  1827.  
  1828. #fa_search {
  1829. margin-left: 20px;
  1830. height: 30px;
  1831. position: relative;
  1832. }
  1833.  
  1834. #fa_right #fa_menu #fa_welcome:hover,
  1835. #fa_right #fa_notifications:hover,
  1836. #fa_right a.rightHeaderLink:hover,
  1837. #fa_right.welcome #fa_menu #fa_welcome,
  1838. #fa_toolbar > #fa_right.notification > #fa_notifications {
  1839. background-color: #51aada !important;
  1840. color: #fff !important;
  1841. border-color: #51aada !important;
  1842. }
  1843.  
  1844. #fa_menulist {
  1845. display: none;
  1846. position: absolute;
  1847. list-style-type: none;
  1848. background-color: #fff;
  1849. min-width: 175px;
  1850. width: auto;
  1851. border: 1px solid #333;
  1852. line-height: 32px;
  1853. border-top: 0 solid #fff;
  1854. z-index: 999;
  1855. margin: 0;
  1856. padding: 0 10px;
  1857. }
  1858.  
  1859. #fa_menulist,
  1860. #fa_toolbar #fa_right #notif_list {
  1861. background: #fff none repeat scroll 0 0 !important;
  1862. border: 1px solid #ddd !important;
  1863. border-radius: 3px;
  1864. box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  1865. margin-top: 18px !important;
  1866. }
  1867.  
  1868. #fa_menulist::before,
  1869. #fa_toolbar #fa_right #notif_list::before {
  1870. content: url("http://i18.servimg.com/u/f18/18/21/41/30/arrow11.png");
  1871. position: absolute;
  1872. right: 10%;
  1873. top: -10px;
  1874. }
  1875.  
  1876. #fa_search #fa_textarea:focus,
  1877. #fa_search #fa_textarea:hover,
  1878. #fa_search:hover #fa_textarea {
  1879. background: #fff none repeat scroll 0 0 !important;
  1880. color: #444 !important;
  1881. outline: medium none;
  1882. transition: ease;
  1883. transition-duration: .5s;
  1884. width: 150px !important;
  1885. padding: 3px !important;
  1886. }
  1887.  
  1888. input[type="button"],
  1889. input[type="reset"],
  1890. input[type="submit"] {
  1891. background: #3c414b none repeat scroll 0 0;
  1892. border: 0 solid #fff;
  1893. border-radius: 3px;
  1894. color: #fffafa !important;
  1895. cursor: pointer;
  1896. display: inline-block;
  1897. font-family: sans-serif;
  1898. font-size: 11px !important;
  1899. text-decoration: none;
  1900. text-transform: uppercase;
  1901. padding: 4px 9px !important;
  1902. }
  1903.  
  1904. input[type="button"]:hover,
  1905. input[type="reset"]:hover,
  1906. input[type="submit"]:hover {
  1907. background: #51aada;
  1908. }
  1909.  
  1910. body .sceditor-container {
  1911. -moz-border-radius: 0;
  1912. -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
  1913. -webkit-border-radius: 0;
  1914. -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
  1915. border: 1px solid #b6b6b6;
  1916. border-radius: 0;
  1917. box-shadow: 0 0 3px rgba(0, 0, 0, .15);
  1918. padding: 0;
  1919. }
  1920.  
  1921. #stats_sidebar {
  1922. margin: -10px;
  1923. }
  1924.  
  1925. #stats_sidebar li {
  1926. border-bottom: 1px solid #e9edee;
  1927. }
  1928.  
  1929. .List_data li {
  1930. line-height: 1.3;
  1931. padding: 6px;
  1932. }
  1933.  
  1934. .srl {
  1935. color: #969696;
  1936. }
  1937.  
  1938. #stats_sidebar .srr {
  1939. float: right;
  1940. font-weight: 700;
  1941. }
  1942.  
  1943. body .sceditor-toolbar {
  1944. -moz-box-shadow: 0 1px 0 #fff inset !important;
  1945. -webkit-box-shadow: 0 1px 0 #fff inset !important;
  1946. background: #cfd1cf url(https://i.imgur.com/XPb5FAh.png) repeat-x 0 0 !important;
  1947. border-bottom: 1px solid #b6b6b6 !important;
  1948. box-shadow: 0 1px 0 #fff inset !important;
  1949. white-space: normal;
  1950. padding: 6px 8px 2px;
  1951. }
  1952.  
  1953. body .sceditor-group {
  1954. -moz-border-radius: 3px;
  1955. -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset !important;
  1956. -webkit-border-radius: 3px;
  1957. -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset !important;
  1958. background: #e4e4e4 url(https://i.imgur.com/lvfV1wd.png) repeat-x 0 0 !important;
  1959. border: 1px solid #a6a6a6;
  1960. border-bottom-color: #979797 !important;
  1961. border-radius: 3px;
  1962. box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset !important;
  1963. margin: 0 6px 5px 0 !important;
  1964. padding: 0 !important;
  1965. }
  1966.  
  1967. .sceditor-button {
  1968. -moz-border-radius: 0 !important;
  1969. -webkit-border-radius: 0 !important;
  1970. border-left: 1px solid rgba(0, 0, 0, .2);
  1971. border-radius: 0 !important;
  1972. }
  1973.  
  1974. .sceditor-group .sceditor-button:first-child {
  1975. border-left: 0;
  1976. }
  1977.  
  1978. .sceditor-button:hover {
  1979. -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .3) inset !important;
  1980. -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .3) inset !important;
  1981. background: #ccc url(https://i.imgur.com/q00xTJ9.png) repeat-x 0 0 !important;
  1982. box-shadow: 0 0 1px rgba(0, 0, 0, .3) inset !important;
  1983. cursor: default;
  1984. }
  1985.  
  1986. .sceditor-button.active,
  1987. .sceditor-button.hover,
  1988. .sceditor-button:active {
  1989. background: #ccc url(https://i.imgur.com/q00xTJ9.png) repeat-x 0 0 !important;
  1990. box-shadow: 0 1px 5px rgba(0, 0, 0, .6) inset, 0 1px 0 rgba(0, 0, 0, .2) !important;
  1991. }
  1992.  
  1993. .sceditor-button.sceditor-button-size {
  1994. background: url(https://i.imgur.com/fZYgLFV.png) 0 0 no-repeat scroll !important;
  1995. height: 22px !important;
  1996. width: 51px;
  1997. }
  1998.  
  1999. .sceditor-button.sceditor-button-font {
  2000. background: url(https://i.imgur.com/fmbuqHA.png) 0 0 no-repeat scroll !important;
  2001. height: 22px !important;
  2002. width: 81px;
  2003. }
  2004.  
  2005. .sceditor-button.sceditor-button-font,
  2006. .sceditor-button.sceditor-button-size {
  2007. -moz-box-shadow: none !important;
  2008. -webkit-box-shadow: none !important;
  2009. border-radius: 3px !important;
  2010. box-shadow: none !important;
  2011. cursor: default;
  2012. }
  2013.  
  2014. .sceditor-container iframe,
  2015. .sceditor-container textarea {
  2016. font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  2017. font-size: 13px;
  2018. line-height: 1.6;
  2019. min-height: 180px;
  2020. margin: 15px !important;
  2021. }
  2022.  
  2023. .sceditor-container textarea {
  2024. -moz-box-sizing: border-box;
  2025. -webkit-box-sizing: border-box;
  2026. box-sizing: border-box;
  2027. }
  2028.  
  2029. .sucesso,
  2030. .alerta,
  2031. .aviso,
  2032. .infos {
  2033. -moz-border-radius: 3px;
  2034. -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .4);
  2035. -webkit-border-radius: 3px;
  2036. -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .4);
  2037. border-radius: 3px;
  2038. box-shadow: 1px 1px 2px rgba(0, 0, 0, .4);
  2039. font-size: 13px;
  2040. font-style: normal;
  2041. font-variant: normal;
  2042. font-weight: 400;
  2043. width: 85%;
  2044. margin: 5px 0;
  2045. padding: 15px 15px 15px 65px !important;
  2046. }
  2047.  
  2048. .pun .main-content {
  2049. background-color: #fbfbfb;
  2050. border: 1px solid #ddd;
  2051. border-top: none;
  2052. }
  2053.  
  2054. .onlinemeet {
  2055. text-align: center;
  2056. font-family: Arial;
  2057. color: #616161;
  2058. font-weight: 900;
  2059. font-size: 16px;
  2060. background-color: #eee;
  2061. border: 1px solid #dadada;
  2062. border-right: none;
  2063. border-left: none;
  2064. padding: 5px;
  2065. }
  2066.  
  2067. #classeperson {
  2068. margin-left: 15px;
  2069. color: #616161;
  2070. float: left;
  2071. font-family: Arial;
  2072. margin-top: 13px;
  2073. }
  2074.  
  2075. .legendaa {
  2076. margin-top: 88px;
  2077. border-top: 1px solid #d6d6d6;
  2078. border-bottom: 5px solid #acacac;
  2079. border-radius: 0 0 5px 5px;
  2080. text-align: center;
  2081. background-color: #e9e9e9;
  2082. padding: 15px;
  2083. }
  2084.  
  2085. #tabs ul li a {
  2086. background-color: #f1f1f1;
  2087. background-repeat: repeat-x;
  2088. border-left: 1px solid #ccc;
  2089. border-top: 1px solid #ccc;
  2090. color: #424242;
  2091. font-weight: 700;
  2092. margin-top: 10px;
  2093. border-color: #c1c1c1;
  2094. }
  2095.  
  2096. #tabs ul li.activetab a:hover {
  2097. background: #fff;
  2098. background-color: #363636;
  2099. }
  2100.  
  2101. #tabs ul li a:hover {
  2102. background-color: #f4f4f4;
  2103. border-color: #333;
  2104. }
  2105.  
  2106. #tabs ul li.activetab a {
  2107. background-color: #363636;
  2108. background-image: url(http://i50.tinypic.com/9qky9y.png);
  2109. background-repeat: repeat-x;
  2110. color: #fff;
  2111. text-decoration: none;
  2112. border-color: #363636;
  2113. }
  2114.  
  2115. #content-container div#container {
  2116. margin-right: -280px;
  2117. }
  2118.  
  2119. .sig-content,
  2120. .signature_div {
  2121. border-top: 1px solid #e9e9e9;
  2122. }
  2123.  
  2124. blockquote {
  2125. font-size: 12px;
  2126. border: 1px solid #e3e3e3;
  2127. background: #fcfcfc;
  2128. color: #9f9f9f;
  2129. margin-bottom: 5px;
  2130. }
  2131.  
  2132. blockquote,
  2133. .postmain blockquote {
  2134. padding: 10px;
  2135. }
  2136.  
  2137. blockquote cite {
  2138. font-size: 12px;
  2139. text-indent: 25px;
  2140. border: 1px solid #e3e3e3;
  2141. border-top: 0;
  2142. border-bottom: 1px solid #e8e8e8;
  2143. background-color: #f2f2f2;
  2144. background-image: url(http://i34.servimg.com/u/f34/16/49/10/98/snapba10.png), url(https://i.imgur.com/iPXDkuF.png);
  2145. background-position: 10px center, 0 0;
  2146. background-repeat: no-repeat, repeat-x;
  2147. color: #535353;
  2148. text-shadow: rgba(255, 255, 255, 1) 0 1px 0;
  2149. font-weight: 700;
  2150. padding: 8px 10px;
  2151. }
  2152.  
  2153. blockquote cite,
  2154. .postmain cite {
  2155. margin: -10px -11px 8px;
  2156. }
  2157.  
  2158. .codebox dt {
  2159. border-image-source: initial;
  2160. border-image-slice: initial;
  2161. border-image-width: initial;
  2162. border-image-outset: initial;
  2163. border-image-repeat: initial;
  2164. border-radius: 2px;
  2165. color: #616161;
  2166. cursor: pointer;
  2167. display: inline-block;
  2168. font-size: 11px;
  2169. height: 24px;
  2170. line-height: 24px;
  2171. text-shadow: #fff 0 1px 0;
  2172. white-space: nowrap;
  2173. border-bottom: 1px dotted #ddd;
  2174. margin: 0 0 0 5px;
  2175. padding: .25em;
  2176. }
  2177.  
  2178. .codebox {
  2179. border-image-source: initial;
  2180. border-image-slice: initial;
  2181. border-image-width: initial;
  2182. border-image-outset: initial;
  2183. border-image-repeat: initial;
  2184. background: #fcfcfc;
  2185. border: 1px solid #e3e3e3;
  2186. font-size: 11px;
  2187. line-height: 170%;
  2188. overflow: auto;
  2189. padding: 5px;
  2190. }
  2191.  
  2192. .codebox.spoiler dt {
  2193. -webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0 1px 2px rgba(255, 255, 255, 0.701961) 0 1px 0 inset;
  2194. background: url(https://i.imgur.com/psvFIEG.png) 0 0 repeat-x #ececec;
  2195. border: 1px solid #d0d0d0;
  2196. border-image-source: initial;
  2197. border-image-slice: initial;
  2198. border-image-width: initial;
  2199. border-image-outset: initial;
  2200. border-image-repeat: initial;
  2201. border-radius: 2px;
  2202. box-shadow: rgba(0, 0, 0, 0.0980392) 0 1px 2px rgba(255, 255, 255, 0.701961) 0 1px 0 inset;
  2203. color: #616161;
  2204. cursor: pointer;
  2205. display: inline-block;
  2206. font-size: 11px;
  2207. height: 24px;
  2208. line-height: 24px;
  2209. text-shadow: #fff 0 1px 0;
  2210. white-space: nowrap;
  2211. margin: 0 0 0 5px;
  2212. padding: 0 10px;
  2213. }
  2214.  
  2215. .codebox.spoiler {
  2216. background: rgba(0, 0, 0, 0);
  2217. border: 0;
  2218. border-image-source: initial;
  2219. border-image-slice: initial;
  2220. border-image-width: initial;
  2221. border-image-outset: initial;
  2222. border-image-repeat: initial;
  2223. }
  2224.  
  2225. .spoiler_content.hidden {
  2226. border-image-source: initial;
  2227. border-image-slice: initial;
  2228. border-image-width: initial;
  2229. border-image-outset: initial;
  2230. border-image-repeat: initial;
  2231. background: #f0f0f0;
  2232. border: 1px solid #d3d3d3;
  2233. padding: 5px;
  2234. }
  2235.  
  2236. .pun .post .post_username .post_online .status.online_ipb {
  2237. background: url(http://i71.servimg.com/u/f71/18/17/62/92/offlin10.png);
  2238. float: left;
  2239. height: 15px;
  2240. width: 51px;
  2241. margin: 10px 4px -3px 0;
  2242. }
  2243.  
  2244. .pun .postfoot .post-options img {
  2245. border-right: 1px solid #b8b8b8;
  2246. }
  2247.  
  2248. .postprofile a img:hover {
  2249. opacity: initial !important;
  2250. }
  2251.  
  2252. #rep_post {
  2253. white-space: nowrap;
  2254. float: right;
  2255. margin: 6px 4px;
  2256. }
  2257.  
  2258. #rep_post .reput_vote {
  2259. background-image: url(https://i.imgur.com/UGqTZqe.png);
  2260. background-repeat: repeat-x;
  2261. background-position: 0 1px;
  2262. font-size: 10px;
  2263. color: #fff;
  2264. font-weight: 700;
  2265. display: inline-block;
  2266. -moz-border-radius: 3px;
  2267. -webkit-border-radius: 3px;
  2268. border-radius: 3px;
  2269. text-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0;
  2270. padding: 2px 10px !important;
  2271. }
  2272.  
  2273. .reput_vote.positive {
  2274. background-color: #8db13e;
  2275. }
  2276.  
  2277. .reput_vote.zero {
  2278. background-color: #6a6a6a;
  2279. }
  2280.  
  2281. .BS_like {
  2282. background: none !important;
  2283. padding: 0 !important;
  2284. }
  2285.  
  2286. div#rep_post {
  2287. position: absolute;
  2288. right: 30px;
  2289. top: 6px;
  2290. margin: 0 !important;
  2291. }
  2292.  
  2293. .pun .postfoot .post-options img:hover {
  2294. opacity: .7;
  2295. }
  2296.  
  2297. .i_icon_online {
  2298. margin-left: 5px !important;
  2299. }
  2300.  
  2301. .unslider-nav ol {
  2302. text-align: right !important;
  2303. padding-right: 20px !important;
  2304. }
  2305.  
  2306. .unslider-nav li {
  2307. width: 10px !important;
  2308. height: 10px !important;
  2309. border-radius: 50% !important;
  2310. color: transparent !important;
  2311. }
  2312.  
  2313. .unslider {
  2314. overflow: hidden !important;
  2315. position: relative !important;
  2316. }
  2317.  
  2318. .unslider-nav {
  2319. position: absolute;
  2320. bottom: 15px;
  2321. left: 0;
  2322. right: 0;
  2323. text-align: center;
  2324. }
  2325.  
  2326. [data-counter]:after {
  2327. background-color: #cf2020;
  2328. background-image: linear-gradient(#ff6969 0%, #ff0000 100%);
  2329. content: attr(data-counter);
  2330. position: absolute;
  2331. -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  2332. -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  2333. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  2334. border-radius: 2px;
  2335. background-clip: padding-box;
  2336. font: bold 10px "Helvetica Neue", sans-serif;
  2337. color: #fff;
  2338. text-decoration: none;
  2339. text-shadow: 0 -1px 0 rgba(0, 0, 0, .6);
  2340. margin-left: 12px;
  2341. margin-top: 3px;
  2342. vertical-align: top;
  2343. height: 5px;
  2344. line-height: 6px;
  2345. padding: 5px;
  2346. }
  2347.  
  2348. /*Fim do Private mensagem*/
  2349. /* ------------------------- Color Nick Administrador ------------------------------- */
  2350. a[href="/g10-administradores"] {
  2351. text-shadow: 0 2px 6px #f0f;
  2352. }
  2353.  
  2354. a[href="/g10-administradores"] {
  2355. background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
  2356. }
  2357.  
  2358. a[href^="/u"] span[style^="color:#FF00FF"] {
  2359. background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
  2360. text-shadow: 0 2px 6px #f0f;
  2361. }
  2362.  
  2363. a[href="/g2-moderadores"] {
  2364. text-shadow: 0 2px 6px #03f;
  2365. background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
  2366. }
  2367.  
  2368. a[href^="/u"] span[style^="color:#0033FF"] {
  2369. background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
  2370. text-shadow: 0 2px 6px #03f;
  2371. }
  2372.  
  2373. a[href="/g11-moderadores-forum"] {
  2374. text-shadow: 0 2px 6px #1bc25b;
  2375. background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
  2376. }
  2377.  
  2378. a[href^="/u"] span[style^="color:#1BC25B"] {
  2379. background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
  2380. text-shadow: 0 2px 6px #1bc25b;
  2381. }
  2382.  
  2383. a[href="/g16-designers"] {
  2384. text-shadow: 0 2px 6px #f2c600;
  2385. background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
  2386. }
  2387.  
  2388. a[href^="/u"] span[style^="color:#F2C600"] {
  2389. background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
  2390. text-shadow: 0 2px 6px #f2c600;
  2391. }
  2392.  
  2393. a[href="/g6-socio"] {
  2394. text-shadow: 0 2px 6px #00ffea;
  2395. background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
  2396. }
  2397.  
  2398. a[href^="/u"] span[style^="color:#00FFEA"] {
  2399. background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
  2400. text-shadow: 0 2px 6px #00ffea;
  2401. }
  2402.  
  2403. a[href="/g7-vip-s"] {
  2404. text-shadow: 0 2px 6px red;
  2405. background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
  2406. }
  2407.  
  2408. a[href^="/u"] span[style^="color:#FF0000"] {
  2409. background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
  2410. text-shadow: 0 2px 6px red;
  2411. }
  2412.  
  2413. .avt-r img {
  2414. background: none repeat scroll 0 0 #fff;
  2415. border: 1px solid #d5d5d5 !important;
  2416. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  2417. float: left;
  2418. height: 32px;
  2419. width: 32px;
  2420. border-radius: 50%;
  2421. margin: 3px;
  2422. padding: 1px;
  2423. }
  2424.  
  2425. .avt-r-enlace img {
  2426. width: 32px;
  2427. height: 32px;
  2428. border-radius: 50%;
  2429. }
  2430.  
  2431. .main-head h2,
  2432. .main-head h3,
  2433. .pun .main-foot .options a,
  2434. .pun .main-foot .options a:link,
  2435. .pun .main-foot .options a:visited {
  2436. font-family: Leckerli One, Ubuntu, sans-serif!important;
  2437. }
  2438.  
  2439. table > thead,
  2440. #lokodesc,
  2441. .pun-legend,
  2442. #modo,
  2443. #pun-intro,
  2444. #pun-visit,
  2445. #pun-about form,
  2446. #pun-navlinks,
  2447. .hide,
  2448. a#logout,
  2449. #chatbox_members,
  2450. #chatbox_messenger_form label[for="message"],
  2451. #divsmilies > img,
  2452. #pun-visit,
  2453. .main-box,
  2454. #pun-about,
  2455. #onlinechat,
  2456. .posthead[id] + .postbody .entry-content div + p:not(:empty) > br,
  2457. .paged-head h1,
  2458. .sceditor-button.sceditor-button-font > div,
  2459. .sceditor-button.sceditor-button-size > div,
  2460. .pun .main-head a.exthelp,
  2461. .pun .main-head a.exthelp:link,
  2462. .pun .main-head a.exthelp:visited {
  2463. display: none;
  2464. }
  2465.  
  2466. p.crumbs a:hover,
  2467. #main-content > div.pun-crumbs > strong > a:hover,
  2468. #main-content > div.pun-crumbs > a:hover,
  2469. #main-content > div.pun-crumbs > div > a:hover {
  2470. background-position: 100% -44px;
  2471. }
  2472.  
  2473. .pun .frm .frm-form table,
  2474. .pun .frm .frm-form table .tc4,
  2475. #main-content > div:nth-child(10) > form:nth-child(2) > div.main-content.frm > div > table > tbody > tr > td.tcr,
  2476. #main-content > div:nth-child(10) > form:nth-child(2) > div.main-content.frm > div > table > tbody > tr > td {
  2477. border: 1px solid #ddd !important;
  2478. }
  2479.  
  2480. .cp_title:hover,
  2481. #pun-info .main-content {
  2482. background-color: #fff;
  2483. }
  2484.  
  2485. .table tbody.statused tr td.tcl:hover #modo,
  2486. user agent stylesheetdiv {
  2487. display: block;
  2488. }
  2489.  
  2490. .pun h3,
  2491. .i_reply {
  2492. padding-left: 10px !important;
  2493. }
  2494.  
  2495. #pun-foot > p:nth-child(3) > strong:nth-child(1) > a:nth-child(1),
  2496. #main-content #criteoDiv3,
  2497. [style*="height:250px;margin-bottom:4px;"],
  2498. a.mainmenu[href="/faq"],
  2499. a.mainmenu[href="/calendar"],
  2500. a.mainmenu[href="/sair"],
  2501. a.mainmenu[href="/privmsg?folder=inbox"],
  2502. a.mainmenu[href="/groups"],
  2503. a.mainmenu[href="/profile?mode=editprofile"],
  2504. a.mainmenu[href="/login"],
  2505. a.mainmenu[href="/register"],
  2506. a.mainmenu[href="/"],
  2507. a.mainmenu[href="/search"],
  2508. a.mainmenu[href="/memberlist"],
  2509. a.mainmenu[href="/quit"],
  2510. #divcolor,
  2511. #help-button,
  2512. .format-message + label,
  2513. body #fa_share,
  2514. #fa_hide {
  2515. display: none !important;
  2516. }
  2517.  
  2518. .main-head .page-title h2,
  2519. .main .main-foot,
  2520. .main .main-head {
  2521. font-family: Leckerli One, Ubuntu, sans-serif!important;
  2522. font-size: 16px !important;
  2523. text-transform: none !important;
  2524. font-weight: 400 !important;
  2525. }
  2526.  
  2527. #main .module-advert .main-content,
  2528. .pun .paged-foot,
  2529. .pun .paged-head {
  2530. background-color: transparent;
  2531. border: 0;
  2532. }
  2533.  
  2534. #pun-navlinks a:hover,
  2535. a:link {
  2536. text-decoration: none;
  2537. }
  2538.  
  2539. .wrapper,
  2540. #index #main {
  2541. min-width: 990px;
  2542. max-width: 1200px;
  2543. width: 96%;
  2544. margin: 0 auto;
  2545. }
  2546.  
  2547. #nav_background:hover,
  2548. #secondary_links:hover,
  2549. #user_navigation a:hover {
  2550. background: rgba(255, 255, 255, 0.1);
  2551. }
  2552.  
  2553. #logo,
  2554. .left,
  2555. #secondary_navigation #breadcrumb li {
  2556. float: left;
  2557. }
  2558.  
  2559. ol,
  2560. ul,
  2561. #rep_post .bs_inline {
  2562. list-style: none;
  2563. }
  2564.  
  2565. .ipsList_inline > li:first-child,
  2566. .breadcrumb li:first-child,
  2567. #rep_post .bs_inline > li:first-child {
  2568. margin-left: 0;
  2569. }
  2570.  
  2571. .ipsList_inline > li,
  2572. #rep_post .bs_inline > li {
  2573. display: inline-block;
  2574. margin: 0 3px;
  2575. }
  2576.  
  2577. www.ipbforumskins.commed #user_navigation a,
  2578. #user_navigation a {
  2579. color: #fff;
  2580. float: left;
  2581. line-height: 42px;
  2582. outline: none;
  2583. height: 42px;
  2584. -webkit-border-radius: 3px;
  2585. -moz-border-radius: 3px;
  2586. border-radius: 3px;
  2587. padding: 0 12px;
  2588. }
  2589.  
  2590. img,
  2591. .input_check,
  2592. .input_radio,
  2593. #rep_post .bs_inline img {
  2594. vertical-align: middle;
  2595. }
  2596.  
  2597. body,
  2598. div,
  2599. dl,
  2600. dt,
  2601. dd,
  2602. ul,
  2603. ol,
  2604. li,
  2605. h1,
  2606. h2,
  2607. h3,
  2608. h4,
  2609. h5,
  2610. h6,
  2611. pre,
  2612. form,
  2613. fieldset,
  2614. input,
  2615. textarea,
  2616. p,
  2617. blockquote,
  2618. th,
  2619. td,
  2620. * {
  2621. margin: 0;
  2622. padding: 0;
  2623. }
  2624.  
  2625. #community_app_menu .submenu_container,
  2626. #more_apps_menucontent.submenu_container,
  2627. #community_app_menu .submenu_container li,
  2628. #more_apps_menucontent.submenu_container li {
  2629. width: 170px;
  2630. }
  2631.  
  2632. fieldset,
  2633. img,
  2634. #first-post-br {
  2635. border: 0;
  2636. }
  2637.  
  2638. search_wrap,
  2639. #search_wrap {
  2640. position: relative;
  2641. background: #f9f9f9;
  2642. display: block;
  2643. height: 36px;
  2644. line-height: 35px;
  2645. min-width: 260px;
  2646. border-bottom: 1px solid #e0e0e0;
  2647. padding: 0 36px 0 8px;
  2648. }
  2649.  
  2650. .clickable,
  2651. #rep_post span img {
  2652. cursor: pointer;
  2653. }
  2654.  
  2655. #main-content > div.pun-crumbs > strong > a,
  2656. #main-content > div.pun-crumbs > a,
  2657. #main-content > div.pun-crumbs > div > a {
  2658. background: transparent url(https://i.imgur.com/CUT25gc.png) no-repeat 100% -1px;
  2659. color: #757575 !important;
  2660. line-height: 10px;
  2661. text-shadow: 0 1px 0 #fff;
  2662. transition: none 0 ease 0;
  2663. padding: 10px 20px 10px 25px;
  2664. }
  2665.  
  2666. .module .main-content table[style="table-layout:fixed"],
  2667. button.button2:hover,
  2668. input.button2:hover,
  2669. #fa_toolbar a:link,
  2670. #fa_toolbar a:visited,
  2671. #fa_toolbar a:hover,
  2672. #fa_toolbar a:active {
  2673. border: none;
  2674. }
  2675.  
  2676. .posthead[id] + .postmain .entry-content div p:not(:empty),
  2677. .posthead[id] + .postbody .entry-content div + p:not(:empty) {
  2678. background: #ffebc8 url(https://imgur.com/PIQA4LA.png) no-repeat 6px 10px;
  2679. border: 1px solid #ecc272;
  2680. color: #ac6328;
  2681. font-family: "Trebuchet MS", tahoma, helvetica, arial, sans-serif;
  2682. font-size: 11px;
  2683. font-style: normal;
  2684. font-variant: normal;
  2685. font-weight: 700;
  2686. line-height: 18px;
  2687. margin-top: 15px;
  2688. text-shadow: #fffaf1 0 1px 0;
  2689. padding: 8px 8px 8px 28px;
  2690. }
  2691.  
  2692. #fa_welcome,
  2693. #fa_right #fa_notifications,
  2694. #fa_right #fa_menu #fa_welcome,
  2695. #fa_right.notification #fa_menu #fa_welcome,
  2696. #fa_icon,
  2697. #fa_toolbar #fa_service,
  2698. #fa_right a.rightHeaderLink {
  2699. color: #51aada !important;
  2700. }
  2701.  
  2702. .codebox dd,
  2703. .codebox.spoiler dd {
  2704. background: rgba(0, 0, 0, 0);
  2705. }
  2706.  
  2707. .avt-r img:hover,
  2708. .avt-r-enlace img:hover {
  2709. -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  2710. -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  2711. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  2712. border-color: #666;
  2713. }
  2714. @import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css") print;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement