API tools faq
paste
Advertisement
Guest User

Folha de Estilos CSS

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