API tools faq
paste
Advertisement
Guest User

Folha de Estilos CSS

a guest
May 31st, 2017
99
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 47.47 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. .fontbutton {
  815.     -moz-transition: background .3s ease-in-out;
  816.     -o-transition: background .3s ease-in-out;
  817.     -webkit-transition: background .3s ease-in-out;
  818.     background: #3091C1 url(http://imgur.com/srUpLQz.png) repeat-x;
  819.     border: 0!important;
  820.     border-radius: 4px;
  821.     border-top: 1px solid rgba(0,0,0,.20);
  822.     color: #fff;
  823.     cursor: pointer;
  824.     font-family: Ubuntu!important;
  825.     font-size: 13px;
  826.     outline: 0;
  827.     padding: 5px!important;
  828.     text-shadow: 0 2px 0 rgba(0,0,0,0.14);
  829.     transition: background .3s ease-in-out;
  830. }
  831. #avatar img { margin-top: 5px; }
  832. #notify_link { left: 20px; }
  833. #inbox_link { left: 40px; }
  834. #user_link { margin-top: 5px;
  835. }
  836. #search { margin: -210px 0; }
  837. .attach { float: right; }
  838.  
  839. fieldset {
  840.     border: 0 groove threedface;
  841.     margin-top: 51px;
  842. }
  843.  
  844. #adv_search {
  845.     -moz-border-radius: 3px;
  846.     -webkit-border-radius: 3px;
  847.     background: url(http://i.imgur.com/gtuEBUp.png) no-repeat 50% 50%;
  848.     border-radius: 3px;
  849.     display: inline-block;
  850.     height: 26px;
  851.     margin-left: 3px;
  852.     text-indent: -3000em;
  853.     width: 26px;
  854. }
  855.  
  856. #search_wrap {
  857.     -moz-border-radius: 3px 4px 4px 3px;
  858.     -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  859.     -webkit-border-bottom-left-radius: 3px;
  860.     -webkit-border-bottom-right-radius: 4px;
  861.     -webkit-border-top-left-radius: 3px;
  862.     -webkit-border-top-right-radius: 4px;
  863.     -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  864.     background: #fff;
  865.     border-radius: 3px 4px 4px 3px;
  866.     box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  867.     display: block;
  868.     height: 26px;
  869.     line-height: 25px;
  870.     min-width: 20px;
  871.     padding: 0 26px 0 4px;
  872.     position: relative;
  873. }
  874.  
  875. #main_search {
  876.     -webkit-transition: all 1s ease-in-out;
  877.     background: transparent;
  878.     border: 0;
  879.     color: #b0b0b0;
  880.     font-size: 12px;
  881.     margin-top: 5px;
  882.     outline: 0;
  883.     padding: 0;
  884.     transition: all 1s ease-in-out;
  885.     width: 130px;
  886. }
  887.  
  888. #search .submit_input {
  889.     -moz-border-radius: 4px;
  890.     -o-border-radius: 4px;
  891.     -webkit-border-radius: 4px;
  892.     background: #3091C1 url(http://imgur.com/tUX6wJ6.png) no-repeat 50%;
  893.     border-radius: 4px;
  894.     border-top: 1px solid rgba(0,0,0,.20);
  895.     bottom: 0;
  896.     display: block;
  897.     height: 20px;
  898.     margin-right: 2px;
  899.     margin-top: 3px;
  900.     outline: none!important;
  901.     padding: 0!important;
  902.     position: absolute;
  903.     right: 0;
  904.     text-indent: -3000em;
  905.     top: 0;
  906.     width: 25px;
  907. }
  908. #search { margin: -170px 50px !important; }
  909. #search_wrap { z-index: 99; }
  910. #main_search:focus {
  911.     -webkit-transition: all 1s ease-in-out;
  912.     color: #5a5a5a;
  913.     transition: all 1s ease-in-out !important;
  914.     width: 240px;
  915. }
  916. 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;}
  917. #sce_smilies_body {background:none!important;}
  918. @font-face {
  919.   font-family: 'Leckerli One';
  920.   font-style: normal;
  921.   font-weight: 400;
  922.   src: local('Leckerli One'), local('LeckerliOne-Regular'), url(https://fonts.gstatic.com/s/leckerlione/v7/S2Y_iLrItTu8kIJTkS7DrOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  923.   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;
  924. }
  925. .main-head h2, .main-head h3 {
  926.     font-family: Leckerli One, Ubuntu, sans-serif!important;
  927.     font-size: 16px!important;
  928.     text-transform: none!important;
  929.     font-weight: 300!important;
  930. }
  931.         .postbody a, .postbody .content div a, .postbody .post-entry div a {
  932.           display: inline-block;
  933.           max-width: 300px;
  934.           overflow: hidden;
  935.           white-space: nowrap;
  936.           text-overflow: ellipsis;
  937. }
  938. .main .main-head {
  939.     background-color: #2a2c33;
  940.     border-bottom: 1px solid #3091C10;
  941.     border-radius: 2px 2px 0 0;
  942.     box-shadow: #3091C1 0 -2px 0 inset;
  943.     color: #fff;
  944.     padding: 1em;
  945.     text-shadow: none;
  946. }
  947.     .post_field {
  948.         border: 1px solid #DDD;
  949.         padding: 4px;
  950.         margin-bottom: -19px;
  951.         border-left: 5px solid #DDD;
  952.         text-align: left;
  953.         background: #fff;
  954.     }
  955.     .pun .user .user-info {
  956.         color: #666;
  957.         line-height: 1.8em;
  958.     }
  959.     .pun .user .user-info {
  960.         background: #F5F5F5 none repeat scroll 0 0;
  961.         border-top: 1px solid rgba(0,0,0,0.15);
  962.         color: #666;
  963.         line-height: 1.8em;
  964.         padding: 5px !important;
  965.     }
  966. footer {width:98%!important;height:20px!important;margin-bottom:-10px!important;}
  967.         .social {margin-top:4px!important;margin-left:50px!important;}
  968.         body > footer > span {margin-right:60px!important;}
  969.         body > footer > div:nth-child(2) > a > i {margin-left:-50px!important;}
  970. #cke_20, #cke_31 , #cke_33, #cke_47 , #cke_40 , #cke_12 {display:none;}
  971. .main .frm-info {
  972.     background: rgba(39, 93, 65, 0.15)
  973.     border: 1px solid #E6E6E6;
  974.     margin: 1.7em;
  975.     padding: 1em;
  976. }
  977. #chatbox {
  978.     left: 0;
  979.     color: #777;
  980.     font-size: 11px;
  981. }
  982.  
  983. #chatbox_members {
  984.     display: none;
  985. }
  986.  
  987. #chatbox .cb-avatar,
  988. #chatbox .cb-avatar > img {
  989.     width: 16px !important;
  990.     height: 16px !important;
  991. }
  992.  
  993. .chatbox-username {
  994.     margin-right: 10px;
  995. }
  996.  
  997. .chatbox-username:before {
  998.     content: '@';
  999.     display: inline-block;
  1000.     margin: 0 10px 0 5px;
  1001. }
  1002.  
  1003. #chatbox .msg,
  1004. #chatbox .user {
  1005.     display: inline-block !important;
  1006. }
  1007.  .pun div#pun-intro {
  1008.     background-attachment: none !important;
  1009.     background: #3091C1 url(http://i.imgur.com/0EBRbnD.png) center no-repeat !important;
  1010.     background-size: 100% !important;
  1011.  }
  1012.  .pun #pun-navlinks .mainmenu:after {
  1013.     background-color: #3091C1;
  1014.  }
  1015.  .pun #pun-head #pun-navlinks {
  1016.     background-color: background: #1c1f25;
  1017.  }
  1018.  .pun #pun-head {
  1019.     margin-top: -6pc;
  1020.     position: absolute;
  1021.     width: 100%;
  1022.     left: 0;
  1023.  }
  1024.  .pun #pun-intro {
  1025.     top: 0;
  1026.     position: absolute;
  1027.     width: 100%;
  1028.     left: 0;
  1029.     padding: 50px 0;
  1030.     height: 110px;
  1031.  }
  1032.  .pun #pun-navlinks ul {
  1033.     text-align: center;
  1034.  }
  1035.  .pun #pun-head, .pun #pun-intro {
  1036.     display: inherit;
  1037.  }
  1038.  #branding, .wrapper {
  1039.     display: none !important;
  1040.  }
  1041.  .pun {
  1042.     margin-top: 285px;
  1043.  }
  1044.  .pun #pun-logo, .pun #pun-title, .pun p#pun-desc {
  1045.     padding-left: 5%;
  1046.     display: block
  1047.  }
  1048.  .pun #pun-head #pun-navlinks {
  1049.     padding: 0;
  1050.  }
  1051.  .pun #pun-navlinks li {
  1052.     color: #FFF;
  1053.     line-height: 0;
  1054.     padding: 0px;
  1055.     position: relative;
  1056.  }
  1057.  .pun #pun-navlinks .mainmenu {
  1058.     color: #FFF;
  1059.     font-size: 12px;
  1060.     font-weight: 700;
  1061.     font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
  1062.     text-decoration: none;
  1063.     line-height: 40px;
  1064.     padding: 0 10px;
  1065.     display: inline-block;
  1066.     overflow: hidden;
  1067.     position: relative;
  1068.  }
  1069.  .pun #pun-navlinks .mainmenu {
  1070.     text-decoration: none;
  1071.  }
  1072.  .pun #pun-navlinks .mainmenu:hover:after {
  1073.     bottom: 0;
  1074.  }
  1075.  .pun #pun-navlinks .mainmenu:after {
  1076.     content: ".";
  1077.     font-size: 0;
  1078.     height: 5px;
  1079.     position: absolute;
  1080.     bottom: -5px;
  1081.     left: 0;
  1082.     right: 0;
  1083.     transition: bottom 250ms;
  1084.  }
  1085.  #search_menu {
  1086.     top: 15px!important;
  1087.     left: 0!important;
  1088. }
  1089.   #chatbox .user strong {
  1090.   font-size: 0;    
  1091. }
  1092. #chatbox .chatbox-message-username {
  1093.   font-size: 11px;
  1094. }
  1095. #chatbox .cb-avatar {
  1096.     margin-top: 2px;
  1097. }
  1098.  
  1099. #chatbox .user {
  1100.     width: 100px;
  1101.     overflow: hidden;
  1102.     text-overflow: ellipsis;
  1103.     white-space: nowrap;
  1104.     vertical-align: middle;
  1105.     padding: 0;
  1106.     height: 24px;
  1107.     line-height: 24px;
  1108.     margin: 0;
  1109. }
  1110.  
  1111. .chatbox-username:before {
  1112.     margin-right: 5px;
  1113. }
  1114.  
  1115. #chatbox .msg {
  1116.     vertical-align: middle;
  1117.     line-height: 24px;
  1118.     margin: 0;
  1119. }
  1120.  
  1121. #chatbox .user + .msg:before {
  1122.     content: ":";
  1123.     display: inline-block;
  1124.     margin-right: 10px;
  1125. }
  1126.  
  1127. #chatbox_header.main-head {
  1128.     border-top: none;
  1129.     border-bottom: 3px solid #3091C1;
  1130.     border-radius: 3px;
  1131. }
  1132.  
  1133. .chatbox-options {
  1134.     margin: 0;
  1135.     line-height: 20px;
  1136. }
  1137.  
  1138. #chatbox_top + div[style="resize"] {
  1139.     display: none;
  1140. }
  1141. #chatbox {
  1142.     height: 220px !important;
  1143.     box-sizing: border-box;
  1144. }
  1145. #pun-navlinks {
  1146.     background: #22242D!important;
  1147. }
  1148. .social {
  1149.     position: absolute;
  1150.     margin: 0 0 0 -3px !important;
  1151.     float: none;
  1152.     left: 5%;
  1153. }
  1154.  
  1155. .social > .social {
  1156.     position: static;
  1157. }
  1158.  
  1159. .social a {
  1160.     display: block;
  1161. }
  1162.  
  1163. .social em.fa,
  1164. .social em.fa.fa-youtube:hover {
  1165.     margin: 0 !important;
  1166. }
  1167.  
  1168. .social em.fa {
  1169.     height: 50px !important;
  1170.     line-height: 50px !important;
  1171.     padding: 0 20px !important;
  1172. }
  1173. #main-footer {
  1174.     width: 90%;
  1175.     max-width: 1200px;
  1176.     margin: 0 auto;
  1177.     background-color: #3B404A;
  1178.     color: #fff;
  1179.     height: 50px;
  1180.     line-height: 50px;
  1181.     border-bottom: 3px solid #6687E7;
  1182.     padding: 0 10px;
  1183. }
  1184.  
  1185. #main-footer .main-footer-social {
  1186.     float: left;
  1187.     margin-left: -10px;
  1188. }
  1189.  
  1190. #main-footer .main-footer-social a {
  1191.     color: #fff;
  1192.     font-size: 24px;
  1193.     display: block;
  1194. }
  1195.  
  1196. #main-footer .main-footer-social a .fa {
  1197.     display: block;
  1198.     line-height: 50px;
  1199.     width: 60px;
  1200.     text-align: center;
  1201.     transition: 250ms ease background-color;
  1202. }
  1203.  
  1204. #main-footer .main-footer-social a .fa-youtube:hover {
  1205.     background-color: #f00;
  1206. }
  1207.  
  1208. #main-footer .main-footer-copy {
  1209.     float: right;
  1210.     margin-right: 50px;
  1211. }
  1212.  
  1213. #bs_full_inbox {
  1214.     right: 0!important;  
  1215.     left: 0!important;  
  1216.     margin-left: auto!important;  
  1217.     margin-right: auto!important;  
  1218. }
  1219. div#pun-navlinks li {
  1220.   display: inline-block;
  1221.   vertical-align: top;
  1222. }
  1223.  
  1224. li.pun-navsearch form {
  1225.   display: inline-block;
  1226. }
  1227.  
  1228. li.pun-navsearch input {
  1229.   padding: 0 15px;
  1230.   margin: 5px 0;
  1231.   border: none;
  1232.   height: 30px;
  1233.   line-height: 30px;
  1234.   background-color: #484a54;
  1235.   color: #fff;
  1236.   outline: none;
  1237.   transition: 250ms ease background-color;
  1238.   box-sizing: border-box;
  1239. }
  1240.  
  1241. li.pun-navsearch input:focus,
  1242. li.pun-navsearch input:hover {
  1243.   background-color: #5f6168;
  1244. }
  1245.  
  1246. li.pun-navsearch button {
  1247.   position: relative;
  1248.   background: none;
  1249.   width: 30px;
  1250.   border: none;
  1251.   overflow: hidden;
  1252.   text-align: center;
  1253.   height: 30px;
  1254.   box-sizing: border-box;
  1255.   outline: none;
  1256.   text-indent: -9999px;
  1257. }
  1258.  
  1259. li.pun-navsearch button:before {
  1260.   content: "\f002";
  1261.   color: #fff;
  1262.   font-family: "FontAwesome";
  1263.   position: absolute;
  1264.   left: 0;
  1265.   right: 0;
  1266.   top: 0;
  1267.   bottom: 0;
  1268.   line-height: 30px;
  1269.   font-size: 18px;
  1270.   cursor: pointer;
  1271.   text-indent: 0;
  1272. }
  1273. div#pun-navlinks li.pun-navsearch {
  1274.   padding-left: 50px;
  1275. }
  1276. div#pun-navlinks li.pun-navsearch {
  1277.   position: absolute;
  1278.   right: 30px;
  1279. }
  1280. form#form-send dl {
  1281.   position: relative;
  1282. }
  1283.  
  1284. div#countitle {
  1285.   position: absolute;
  1286.   right: 300px;
  1287.   top: 10px;
  1288.   background: none;
  1289. }
  1290. .pun div#pun-intro {
  1291.   background-repeat: repeat-x !important;
  1292.   background-size: initial !important;
  1293.   animation: animate-background linear 40s infinite;
  1294. }
  1295.  
  1296.  
  1297. @keyframes animate-background {
  1298.   from { background-position: 0 0; }
  1299.   to { background-position: 1100px 0; }
  1300. }
  1301. .menusera {
  1302.     float: right !important;
  1303.     border-top: 0 !important;
  1304.     border-bottom: 0 !important;
  1305.     position: absolute;
  1306.     height: 199px;
  1307.     width: 122px;
  1308.     background: #292929;
  1309.     margin-right: -0px !important;
  1310.     border: 1px solid #292929;
  1311.     -moz-box-shadow: 0px 1px 0px #292929;
  1312.     -webkit-box-shadow: 0px 1px 0px #292929;
  1313.     box-shadow: 0px 1px 0px #292929;
  1314.     right: -0%;
  1315.     z-index: 2;
  1316. }
  1317. body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  1318.     margin: 0;
  1319.     padding: 0;
  1320. }
  1321. /**
  1322.  * FA.BEGIN fa_user_menu
  1323.  */
  1324.  
  1325. #fa-user-menu,
  1326. #fa-user-menu * {
  1327.   box-sizing: border-box;
  1328. }
  1329.  
  1330. #fa-user-menu {
  1331.   background-color: #333;
  1332.   padding: 10px;
  1333.   position: absolute;
  1334.   right: -500px;
  1335.   top: 40px;
  1336.   width: 500px;
  1337.   transition: 1000ms ease right;
  1338. }
  1339.  
  1340. #fa-user-menu:hover {
  1341.   right: 0;
  1342. }
  1343.  
  1344. #fa-user-menu a {
  1345.   transition: 250ms ease color;
  1346. }
  1347.  
  1348. .fa-user-menu-title {
  1349.   color: #999;
  1350. }
  1351.  
  1352. .fa-user-menu-username {
  1353.   color: #ccc;
  1354. }
  1355.  
  1356. .fa-user-menu-username:active,
  1357. .fa-user-menu-username:hover {
  1358.   color: #fff;
  1359. }
  1360.  
  1361. .fa-user-menu-content {
  1362.   color: #ccc;
  1363.   margin-top: 10px;
  1364.   overflow: hidden;
  1365. }
  1366.  
  1367. .fa-user-menu-column {
  1368.   float: left;
  1369. }
  1370.  
  1371. .fa-user-menu-column li {
  1372.   background-color: #464646;
  1373.   display: block;
  1374.   font-size: 10px;
  1375.   margin-bottom: 5px;
  1376.   padding: 3px;
  1377.   border: 1px #464646 solid;
  1378.   transition: 250ms ease border-color;
  1379. }
  1380.  
  1381. .fa-user-menu-column li a {
  1382.   color: inherit;
  1383. }
  1384.  
  1385. .fa-user-menu-column li a:active,
  1386. .fa-user-menu-column li a:focus,
  1387. .fa-user-menu-column li a:hover {
  1388.   color: #fff;
  1389. }
  1390.  
  1391. .fa-user-menu-column li:hover {
  1392.   border-color: #275d41
  1393. ;
  1394. }
  1395.  
  1396. .fa-user-menu-column li:last-child {
  1397.   margin-bottom: 0;
  1398. }
  1399.  
  1400. .fa-user-menu-column li span {
  1401.   color: #999;
  1402.   float: right;
  1403. }
  1404.  
  1405. .fa-user-menu-side-column {
  1406.   width: 25%;
  1407. }
  1408.  
  1409. .fa-user-menu-main-column {
  1410.   padding: 0 10px;
  1411.   width: 50%;
  1412. }
  1413.  
  1414. .fa-user-menu-main-column>img {
  1415.   margin-bottom: 10px;
  1416. }
  1417.  
  1418. .fa-user-menu-login-logout {
  1419.   background-color: #464646;
  1420.   color: #fff;
  1421.   display: block;
  1422.   padding: 15px 0;
  1423.   text-align: center;
  1424.   transition-property: background-color !important;
  1425. }
  1426.  
  1427. .fa-user-menu-login-logout:active,
  1428. .fa-user-menu-login-logout:focus,
  1429. .fa-user-menu-login-logout:hover {
  1430.   color: #fff;
  1431.   background-color: #275d41;
  1432. }
  1433.  
  1434. .fa-user-menu-open-arrow {
  1435.   background-color: #333;
  1436.   border-radius: 5px 0 0 5px;
  1437.   color: #ccc;
  1438.   font-size: 24px;
  1439.   height: 80px;
  1440.   left: -20px;
  1441.   position: absolute;
  1442.   text-align: center;
  1443.   top: 20px;
  1444.   width: 20px;
  1445. }
  1446.  
  1447. .fa-user-menu-open-arrow .fa {
  1448.   line-height: 80px;
  1449. }
  1450.  
  1451. /**
  1452.  * FA.END fa_user_menu
  1453.  */
  1454. #fa-user-menu {
  1455.   z-index: 1;
  1456. }
  1457. .container_IE {
  1458.     position: relative;
  1459.     overflow: hidden;
  1460. }
  1461.  
  1462. .fa-user-menu-column li {
  1463.     line-height: 12px;
  1464. }
  1465.  
  1466. #fa-user-menu a {
  1467.     color: #ccc;
  1468. }
  1469.  
  1470. #fa-user-menu a:hover {
  1471.     color: #fff;
  1472. }
  1473.  
  1474. .fa-user-menu-login-logout[href="/login?logout"]:hover,
  1475. .fa-user-menu-login-logout[href="/login?logout"]:focus,
  1476. .fa-user-menu-login-logout[href="/login?logout"]:active {
  1477.     background-color: #b53528;
  1478. }
  1479. .pun #pun-navlinks .mainmenu[href="/profile?mode=editprofile"] {
  1480.   display: none;
  1481. }
  1482. ::-webkit-scrollbar {
  1483.     width: 9px;
  1484.     height: 17px
  1485. }
  1486. ::-webkit-scrollbar-track {
  1487.     background: #303030;
  1488. }
  1489. ::-webkit-scrollbar-thumb {
  1490.     background-color: #275d41;;
  1491. }
  1492. ::-webkit-scrollbar-button:hover,
  1493. ::-webkit-scrollbar-thumb:hover {
  1494.     background-color: #275d41;
  1495. }
  1496. ::-webkit-scrollbar-button:active,
  1497. ::-webkit-scrollbar-thumb:active {
  1498.     background-color: #275d41;
  1499. }
  1500. .pun #pun-navlinks .mainmenu:hover {background:rgba(255,255,255,0.07);color:#fff;}
  1501. .pun #pun-navlinks .mainmenu:after{background:none!important;}
  1502.         #right > div.module.main > div.main-content.clearfix {margin-top:-4px;}
  1503. a[href^="/u62"] span[style^="color:#8C04DB"] {
  1504.     background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
  1505.     text-shadow: 0 1px 6px rgba(146, 71, 206, 0.39);
  1506. }
  1507. a[href^="/u66"] span[style^="color:#8C04DB"] {
  1508.     background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
  1509.     text-shadow: 0 1px 6px rgba(146, 71, 206, 0.39);
  1510. }
  1511. a[href^="/u71"] span[style^="color:#3CB300"] {
  1512.     background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
  1513.     text-shadow: 0 1px 6px rgba(146, 212, 153, 0.38);
  1514. }
  1515. a[href^="/u1"] span[style^="color:#FF0000"] {
  1516.     background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
  1517.     text-shadow: 0 1px 6px rgba(222, 101, 101, 0.53);
  1518. }
  1519. a[href^="/u46"] span[style^="color:#FF0000"] {
  1520.     background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
  1521.     text-shadow: 0 1px 6px rgba(222, 101, 101, 0.53);
  1522. }
  1523. a[href^="/u74"] span[style^="color:#3CB300"] {
  1524.     background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
  1525.     text-shadow: 0 1px 6px rgba(146, 212, 153, 0.38);
  1526. }
  1527. a[href^="/u2"] span[style^="color:#3CB300"]  {
  1528.     background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
  1529.     text-shadow: 0 1px 6px rgba(146, 212, 153, 0.38);
  1530. }
  1531. strong, b {font-weight: normal!important;}
  1532. div.sceditor-group {
  1533. background: transparent !important;
  1534. border-bottom: none !important;
  1535. }
  1536. .topic_buttons li {
  1537.     float: right;
  1538.     margin: 15px 0px 12px 10px;
  1539. }
  1540. .module {
  1541. text-align: center;
  1542. }
  1543. .user-basic-info img:first-child {max-height:300px!important;max-width:300px!important;}
  1544. .postmain cite {
  1545. background: #d3e9dc url(http://forum.muaway2.net/public/style_images/MuAwaY2/citation_bg.png) no-repeat right;
  1546. color: #2b3730;
  1547. font-size: 0.9em;
  1548. font-weight: bold;
  1549. border-width: 1px 1px 0 3px;
  1550. border-style: solid;
  1551. border-color: #6fa987;
  1552. padding: 5px 8px;
  1553. }
  1554. .postmain blockquote, blockquote {
  1555. background: #f3f9f6;
  1556. font-size: 0.9em;
  1557. border-width: 1px 1px 1px 3px;
  1558. border-style: solid;
  1559. border-color: #6fa987;
  1560. margin: 0px;
  1561. margin-top: 0px;
  1562. padding: 12px;  
  1563. }
  1564. #submit_button {
  1565.     height: auto !important; }
  1566. .main .frm-info {
  1567.     background: rgba(39, 93, 65, 0.15);
  1568.     border: 1px solid #E6E6E6;
  1569.     margin: 1.7em;
  1570.     padding: 1em;
  1571. }
  1572. #chatbox_top{min-height:350px!important;}
  1573. .chatbox{
  1574. background-color:#fff!important;
  1575.  border:1px solid #ddd!important;
  1576.  margin:10px 0!important;
  1577.  padding:8px 8px 0!important;
  1578. }
  1579.  
  1580. #chatbox_header.main-head{
  1581. background:#f5f5f5 url(http://imgur.com/iy2rLu3.png) repeat-x 0 0!important;
  1582.  border:1px solid #eaeaea!important;
  1583.  height:40px!important;
  1584. padding-left:.3em!important;
  1585. }
  1586.  
  1587. #submit_button {background:#000!important;width:60px!important;}
  1588.  
  1589.  .chatbox-title{background:url(http://i.imgur.com/zpUIlTa.jpg) no-repeat scroll 88px 8px transparent!important;}
  1590.  
  1591. .chatbox-title a.chat-title{
  1592. color:#323232!important;
  1593. font-size:18px!important;
  1594.  font-style:normal!important;
  1595. font-variant:normal!important;
  1596. font-weight:300!important;
  1597.  line-height:1.3!important;
  1598.  }
  1599.  
  1600. .chatbox-options li,.chatbox-options li a{color:#323232!important;}
  1601.  
  1602.  body[bgcolor]{background:#ededed!important;}
  1603.  
  1604. #chatbox_members{border:1px solid #eaeaea!important;right:0!important;}
  1605.  
  1606. #chatbox_members .member-title{
  1607. background:#ededed!important;
  1608. color:#5a5a5a!important;
  1609.  padding:8px 10px!important;
  1610. text-align:left!important;
  1611.  }
  1612.  
  1613. #chatbox{
  1614. -moz-box-shadow:2px 0 4px rgba(0,0,0,0.1)!important;
  1615.  -webkit-box-shadow:2px 0 4px rgba(0,0,0,0.1)!important;
  1616.  border:1px solid #e3e3e3!important;
  1617. box-shadow:2px 0 4px rgba(0,0,0,0.1)!important;
  1618.  left:0!important;
  1619. right:190px!important;
  1620. }
  1621.  
  1622. #chatbox,#chatbox_members{ background:#fff!important; bottom:50px!important; top:40px!important; }
  1623.  
  1624. #chatbox p{
  1625. background:none repeat scroll 0 0 #fff!important;
  1626.  border-bottom:1px solid #e3e3e3!important;
  1627.  line-height:1.3em!important; padding:5px!important;
  1628.  }
  1629.  
  1630.  #chatbox:after{
  1631. background:#F5FFF6 url(http://i.imgur.com/g3NBjqp.png) repeat-x!important;
  1632.  border:1px solid #D3EED3!important;
  1633. color:#1F691C!important;
  1634. content:'Não daremos suporte no chat da família.';
  1635.  display:block!important;
  1636. font-size:12px!important;
  1637. line-height:1.6!important;
  1638.  padding:10px!important;
  1639.  text-shadow:0 1px 0 rgba(255,255,255,0.5)!important;
  1640.  }
  1641.  
  1642. #chatbox_footer{
  1643. background:#ededed!important;
  1644.  border:1px solid #d6d6d6!important;
  1645. border-bottom-width:4px!important;
  1646.  min-height:35px!important;
  1647.  padding:4px!important;
  1648. }
  1649.  
  1650. #chatbox_messenger_form{margin:0;}
  1651.  
  1652. #chatbox_footer .right:first-child{ float:left!important; width:45%!important; }
  1653.  
  1654. #chatbox_messenger_form label[for="message"]{display:none;}
  1655.  
  1656. input#message.post{
  1657. background-color:#fff!important;
  1658.  height:10px!important;
  1659.  outline:0!important;
  1660.  width:78%!important;
  1661.  }
  1662.  #divcolor,#divsmilies,#help-button ,.format-message + label{
  1663.   background-color: #000!important;
  1664.   color: #fff!important;
  1665.   border: 1px solid #AAA;
  1666.   border-radius: 3px;
  1667.   box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
  1668.   display: inline-block;
  1669.   height: 18px;
  1670.   line-height: 16px;
  1671.   text-align: center;
  1672.   width: 18px;
  1673. }
  1674.  
  1675. #submit_button{
  1676. -moz-box-shadow:inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2)!important;
  1677. -webkit-box-shadow:inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2)!important;
  1678. border:1px solid #212121!important;
  1679.  border-radius:3px!important;
  1680. box-shadow:inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2)!important;
  1681. color:#fff!important;
  1682. font-family:tahoma,helvetica,arial,sans-serif!important;
  1683.  font-size:13px!important;
  1684.  font-style:normal!important;
  1685. font-variant:normal!important;
  1686. font-weight:400!important;
  1687. height:auto!important;
  1688. margin:0 5px 0 8px!important;
  1689. padding:4px 10px!important;
  1690.  }
  1691.  
  1692.  .fontbutton{
  1693. -moz-box-shadow:rgba(0,0,0,0.43) 0 1px 3px!important;
  1694.  -webkit-box-shadow:rgba(0,0,0,0.43) 0 1px 3px!important;
  1695.  background:#646464 url(http://i58.servimg.com/u/f58/18/62/03/31/highli17.png) repeat-x 0 0!important;
  1696.  border:1px solid #585858!important;
  1697.  box-shadow:rgba(0,0,0,0.43) 0 1px 3px!important;
  1698. color:#fff!important;
  1699. font-family:tahoma,helvetica,arial,sans-serif!important;
  1700. font-size:13px!important;
  1701. font-style:normal!important;
  1702.  font-variant:normal!important;
  1703. font-weight:400!important;
  1704. padding:4px 10px!important;
  1705. text-shadow:#474747 0 -1px 0!important;
  1706. width:auto!important;
  1707.  }
  1708.  
  1709.  #help-button{float:right!important;}
  1710.  #chatbox .date-and-time{float:right!important;}
  1711. #chatbox, #chatbox_members {    
  1712.     display:block!important;
  1713. }
  1714. .module .main-head { text-align: left;}
  1715.  
  1716. input#message {
  1717.   max-width: 300px!important;
  1718.   width: 300px!important;
  1719.   min-width: 300px!important;
  1720. }
  1721.  
  1722. div#chatbox {
  1723.   height: 260px!important;
  1724. }
  1725.  
  1726. ul#chatbox_main_options {position: relative;top: 9px;}
  1727.  
  1728. ul.online-users span {
  1729.   font-size: 0px;
  1730. }
  1731.  
  1732. ul.online-users span span {
  1733.   font-size: 13px!important;
  1734. }
  1735. span.fa-btn {
  1736.   background-color: #3091c1;
  1737.   color: #fff;
  1738.   transition: all 200ms ease-in-out;
  1739.   padding: 5px 9px;
  1740.   border-radius: 4px;
  1741.   border-bottom: solid 3px #2a79a0;
  1742. }
  1743.  
  1744. span.fa-btnRed {
  1745.   background-color: #da4d45;
  1746.   border-bottom-color: #a53933;
  1747. }
  1748.  
  1749. span.fa-btn:hover {
  1750.   background-color: #2a2c33;
  1751.   border-bottom-color: #202127;
  1752. }
  1753. ul.away-users span {
  1754.   font-size: 0px;
  1755. }
  1756.  
  1757. ul.away-users span span {
  1758.   font-size: 13px!important;
  1759. }
  1760. .chatbox-username:before {
  1761.   content: ""!important;
  1762. }
  1763. span.chatbox-username {
  1764.   margin-left: -15px;
  1765. }
  1766. .topic-ball i.fa {
  1767.   font-size: 19px;
  1768.   background: #f1f1f1;
  1769.   display: block;
  1770.   width: 40px;
  1771.   height: 40px;
  1772.   line-height: 40px;
  1773.   text-align: center;
  1774.   border-radius: 6px 6px;
  1775.   border: 1px solid #d4d4d4;
  1776.   color: #555;
  1777.   transition: all 0.7s ease-in-out;
  1778.   float: left;
  1779. }
  1780. .topic-ball i.fa:hover {
  1781.   color: #fff;
  1782.   cursor: pointer;
  1783.   border-radius: 50px;
  1784.   box-shadow: 0px -40px 0px #0085ed inset;
  1785. }
  1786. .topic-ball i {
  1787.   max-width: 30px;
  1788.   max-height: 30px;
  1789.   font-size: 15px!important;
  1790.   line-height: 30px!important;
  1791.   margin-left: -38px;
  1792.   border-radius: 99em!important;
  1793.   margin-top: -28px;
  1794. }
  1795. a {
  1796.   position: relative;
  1797. }
  1798. .tcr a {
  1799.   position: relative;
  1800. }
  1801.  
  1802. .tcr a:hover {
  1803.   color: #3091c1!important;
  1804. }
  1805. .tcr a:after {
  1806.   content: '';
  1807.   font-family: FontAwesome;
  1808.   position: absolute;
  1809.   right: 10px;
  1810.   transform: rotate(-90deg);
  1811.   opacity: 0;
  1812.   transition: all ease-in 300ms;
  1813.   color: #3091c1;
  1814. }
  1815. .tcr a:hover:after {
  1816.   right: -15px;
  1817.   transform: rotate(0deg);
  1818.   opacity: 1!important;
  1819. }
  1820. .tcr a[href*="/u"]::after,
  1821. .last-post-icon::after {
  1822.   content: ""!important;
  1823. }
  1824. .tcr a::after {
  1825.   color: #444!important;
  1826. }
  1827.  
  1828. .tcr a:hover::after {
  1829.   color: #76BA6D!important;
  1830. }
  1831.  
  1832. .tcr a:hover {
  1833.   color: #76BA6D!important;
  1834. }
  1835. a {
  1836.   transition: all .5s ease-in-out!important;
  1837. }
  1838. body {
  1839.     background-image: url()!important;
  1840. }
  1841. div#pun-navlinks {
  1842.   background: #22242D!important;
  1843.   border-bottom: 4px solid #0085ed!important;
  1844.   padding-top: 1px!important;
  1845. }
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!