Advertisement
Guest User

Untitled

a guest
Mar 6th, 2018
59
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 66.41 KB | None | 0 0
  1. body {
  2. background: #f5f5f5;
  3. color: #5a5a5a;
  4. font-family: tahoma,helvetica,arial,sans-serif;
  5. font-size: 11px;
  6. font-style: normal;
  7. font-variant: normal;
  8. font-weight: normal;
  9. }
  10. #chatbox_messenger_form .right {
  11. margin-left: 8px;
  12. font-size: 2;
  13. }
  14. #chatbox img { width: 50px; transition: 0.5s; }
  15.  
  16. /* Table no Chat WASD */
  17. #chatbox table {
  18. background: white;
  19. border: 1px solid black;
  20. position: fixed;
  21. max-height: 20px;
  22. max-width: 50px;
  23. top: -500px;
  24. left: -500px;
  25. }
  26. #chatbox table:before {
  27. content: 'Tentativa falha..';
  28. }
  29. #chatbox span[title] {
  30. color: #c9daeb!important;
  31. float: right!important;
  32. }
  33. /* Box de informações WASD */
  34. .sucesso, .infos, .aviso, .alerta {
  35. background: url('http://i.imgur.com/HK8GsgV.png') repeat-x 0 0;
  36. box-shadow: 0 0 1px rgba(255, 255, 255, 0.59) inset;
  37. display: inline-block;
  38. font-size: 13px;
  39. font-style: normal;
  40. font-weight: 400;
  41. padding: 13px 15px 0;
  42. margin-bottom: 10px;
  43. position: relative;
  44. text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
  45. width: 90%;
  46. -khtml-border-radius: 3px;
  47. -moz-border-radius: 3px;
  48. -webkit-border-radius: 3px;
  49. border-radius: 3px;
  50. }
  51. .sucesso h5, .infos h5, .aviso h5, .alerta h5 {
  52. font-size: 14px;
  53. font-weight: bold;
  54. margin-bottom: .65em;
  55. }
  56. .sucesso p, .infos p, .aviso p, .alerta p {
  57. margin-bottom: 1.3em;
  58. }
  59. .infos {
  60. background-color: #C6D8F0;
  61. color: #285797;
  62. border: 1px solid #4381CD;
  63. }
  64. .sucesso {
  65. background-color: #EEF4D4;
  66. color: #596C26;
  67. border: 1px solid #8FAD3D;
  68. }
  69. .aviso {
  70. background-color: #FFEA97;
  71. color: #796100;
  72. border: 1px solid #E1B500;
  73. }
  74. .alerta {
  75. background-color: #EFCEC9;
  76. color: #933628;
  77. border: 1px solid #AE3F2F;
  78. }
  79. .sucesso span, .infos span, .aviso span, .alerta span {
  80. background: url(http://img59.imageshack.us/img59/9923/noticetabs.png) no-repeat 100% 0;
  81. width: 33px;
  82. height: 40px;
  83. position: absolute;
  84. left: -34px;
  85. top: 9px;
  86. }
  87. .alerta span {
  88. background-position: 100% -400px;
  89. }
  90. .sucesso span {
  91. background-position: 100% 0;
  92. }
  93. .infos span {
  94. background-position: 100% -1200px;
  95. }
  96. .aviso span {
  97. background-position: 100% -800px;
  98. }
  99. .quadrado_box {
  100. -khtml-border-radius: 3px;
  101. -moz-border-radius: 3px;
  102. -webkit-border-radius: 3px;
  103. background: url(http://i.imgur.com/HK8GsgV.png) repeat-x 0 0;
  104. border-radius: 3px;
  105. box-shadow: 0 0 1px rgba(255,255,255,0.59) inset;
  106. display: inline-block;
  107. font-size: 13px;
  108. font-style: normal;
  109. font-weight: 400;
  110. margin-bottom: 10px;
  111. padding: 13px 15px 15px;
  112. position: relative;
  113. text-shadow: 0 1px 0 rgba(255,255,255,0.6);
  114. width: 90%;
  115. background: #EFF1F3 url(http://imgur.com/J3aqwYE.png) repeat-x 0 0;
  116. border: 1px solid #DFE1E3;
  117. color: #686966;
  118. }
  119. .hideTB {
  120. margin: 5px;
  121. background-color: #f3e3e6;
  122. display: block;
  123. padding: 10px;
  124. border: 1px solid #e599aa;
  125. font-size: 12px;
  126. color: #80001c;
  127. }
  128. .guest {
  129. background-color: #F3E3E6;
  130. border: 1px solid #E599AA;
  131. color: #80001C;
  132. padding: 10px;
  133. display: block;
  134. margin: 15px;
  135. font-size: 11px;
  136. }
  137. #quick_reply #textarea_content #text_editor_textarea, {
  138. width: 85%!important;
  139. }
  140. /* Reputação WASD */
  141. .reputation {
  142. -moz-border-radius: 3px;
  143. -webkit-border-radius: 3px;
  144. background: #8DB13E;
  145. border-radius: 3px;
  146. bottom: -7px;
  147. color: #FFF;
  148. display: inline-block;
  149. float: none!important;
  150. font-weight: 700;
  151. left: 1em;
  152. margin: 5px 5px 5px;
  153. padding: 0px 0px;
  154. text-align: center;
  155. text-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0;
  156. width: 10em;
  157. -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 0 0 1px, rgba(0, 0, 0, 0.3) 0 1px 4px;
  158. -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 0 0 1px, rgba(0, 0, 0, 0.3) 0 1px 4px;
  159. box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0px, inset rgba(0, 0, 0, 0.30) 0 0 0 1px, inset rgba(255, 255, 255, 0.15) 0 2px 0px, rgba(0, 0, 0, 0.15) 0 1px 4px, inset rgba(255, 255, 255, 0.2) 0 10px 25px;
  160. }
  161. .reputation.zero {
  162. background-color: #858585!important;
  163. color: rgb(255, 255, 255);
  164. }
  165. .reputation {
  166. background-color: rgb(111, 143, 82)!important;
  167. color: rgb(255, 255, 255) !important;
  168. }
  169. .perfilInfo {
  170. background: url(http://forum.teamspeak.com.br/public/style_images/master/stems/bottomleft.png) no-repeat 98% 0%;
  171. float: left;
  172. height: 12em;
  173. left: -38em;
  174. padding: 16px 0px 38px 5px;
  175. top: 13px;
  176. width: 510px;
  177. z-index: 999;
  178. }
  179. .linkPrf {
  180. -moz-transition: all .2s ease-in-out;
  181. -o-transition: all .2s ease-in-out;
  182. -webkit-transition: all .2s ease-in-out;
  183. background: #F6F6F6;
  184. border: 1px solid #DBDBDB;
  185. border-radius: 0 0 4px 4px;
  186. bottom: -14px;
  187. border-top:none;
  188. box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
  189. color: #616161;
  190. float: left;
  191. height: 14px;
  192. left: 13.8em;
  193. margin: 2px;
  194. padding: 5px;
  195. text-align: center;
  196. text-decoration: none!important;
  197. transition: all .2s ease-in-out;
  198. width: 8em;
  199. }
  200. .linkPrf:hover {
  201. color: #4C4C4C;
  202. border-color: #9A9A9A;
  203. }
  204. .linkPrf:hover a {
  205. color: #4C4C4C;
  206. }
  207. .linkPrf a {
  208. color:#616161 !important;
  209. font:normal 12px;
  210. text-decoration:none;
  211. }
  212. .setPerfil {
  213. background: rgba(0, 0, 0, 0.3);
  214. display: block;
  215. height: 86%;
  216. padding: 5px 5px 0px;
  217. padding-bottom: 0px;
  218. border-radius: 3px;
  219. }
  220. .setPerfil > span {
  221. background: #f9f9f9;
  222. border-radius: 3px;
  223. display: block;
  224. height: 86%;
  225. padding: 3px;
  226. border: 1px solid #999;
  227. }
  228. .setPerfil .PerfilInfoImg {
  229. width: 94px;
  230. height: 100px;
  231. float: left;
  232. display: table;
  233. background: #E1E1E1;
  234. padding: 3px;
  235. box-shadow: 1px 1px 0 #CCC;
  236. }
  237. .setPerfil p div {
  238. display: inline;
  239. }
  240. .setPerfil h2 {
  241. float: left;
  242. font: bold 19px "Trebuchet MS";
  243. display: block;
  244. background: #E1E1E1;
  245. width: 382px;
  246. padding: 5px;
  247. text-shadow: 1px 1px 0 white;
  248. border-radius: 0 0 5px 5px;
  249. box-shadow: 1px 1px 0 #CCC;
  250. margin-bottom:10px;
  251. }
  252. .setPerfil p {
  253. -moz-transition: all .2s ease-in-out;
  254. -o-transition: all .2s ease-in-out;
  255. -webkit-transition: all .2s ease-in-out;
  256. background: #F1F1F1;
  257. border: 1px solid #CCC;
  258. border-radius: 3px;
  259. box-shadow: 1px 1px 0 #CCC;
  260. display: block;
  261. float: right;
  262. font-weight: 400;
  263. margin: 2px 12px;
  264. padding: 5px;
  265. text-align: left;
  266. width: 350px;
  267. }
  268. .setPerfil p:hover {
  269. box-shadow: 1px 1px 0 #9A9A9A;
  270. }
  271. .pun .user-ident .username {
  272. background: url("http://i78.servimg.com/u/f78/14/73/12/96/vtdate10.png") repeat-x scroll left top transparent;
  273. display: block;
  274. padding-top: 9px;
  275. padding-bottom: 9px;
  276. text-align: center;
  277. position: relative;
  278. margin-top: -19px;
  279. height: 30px;
  280. }
  281. .pun .postmain {
  282. margin: 10px 10px 10px 195px;
  283. }
  284. .pun .post .user {
  285. width: 175px;
  286. font-size: 12px;
  287. text-align: center;
  288. line-height: 150%;
  289. -moz-border-radius: 3px;
  290. -webkit-border-radius: 3px;
  291. background: #FBFBFB url(http://i78.servimg.com/u/f78/17/96/03/52/highli10.png) repeat-x 0 0;
  292. border: 1px solid #dbe4ef;
  293. border-radius: 3px;
  294. margin-left: -16em;
  295. margin-top: -0.7em;
  296. margin-bottom: 11px;
  297. position: relative;
  298. }
  299. .pun a:hover {
  300. color: #4182BF;
  301. -webkit-transition: all 0.3s linear;
  302. -moz-transition: all 0.3s linear;
  303. -ms-transition: all 0.3s linear;
  304. -o-transition: all 0.3s linear;
  305. transition: all .3s ease-in 0!important;
  306. }
  307.  
  308. .regras-chat {
  309. background: url('http://i.imgur.com/HK8GsgV.png') repeat-x 0 0;
  310. -khtml-border-radius: 3px;
  311. -moz-border-radius: 3px;
  312. -webkit-border-radius: 3px;
  313. background-color: #F4D4D4;
  314. border: 1px solid #AD3D3D;
  315. border-radius: 3px;
  316. box-shadow: 0 0 1px rgba(255, 255, 255, 0.59) inset;
  317. color: #6C2626;
  318. font-size: 11px;
  319. margin-bottom: 5px;
  320. padding: 5px;
  321. text-align: center;
  322. }
  323.  
  324. .popup_delete {
  325. background-color: #464646;
  326. background-color: rgba(70, 70, 70, 0.6);
  327. padding: 4px;
  328. -webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
  329. -moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
  330. box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );
  331. -moz-border-radius: 4px;
  332. -webkit-border-radius: 4px;
  333. border-radius: 4px;
  334. z-index: 999;
  335. bottom: 5px;
  336. right: 5px;
  337. position: fixed;
  338. }
  339. .popup_delete_Inner {
  340. background: white;
  341. -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  342. -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  343. box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  344. overflow-x: hidden;
  345. width: 350px;
  346. max-height: 642px;
  347. }
  348. .popup_delete_Inner h3 {
  349. background: -moz-linear-gradient(#444, #000);
  350. background-color: #000;
  351. background-image: -webkit-linear-gradient(#444, #000);
  352. text-align: left;
  353. color: white;
  354. padding: 8px 10px 9px;
  355. font-size: 16px;
  356. font-weight: 300;
  357. text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  358. }
  359. .Box_delete {
  360. background: #f0f0f0;
  361. padding: 9px;
  362. }
  363. .Box_container {
  364. background: #fdfdfd;
  365. border: 1px solid #dcdcdc;
  366. }
  367. .delete_center {
  368. padding: 9px;
  369. text-align: center;
  370. }
  371. .delete_center p {
  372. margin-bottom: 5px;
  373. }
  374. .popup_delete_Close {
  375. cursor: pointer;
  376. position: absolute;
  377. right: 20px;
  378. top: 15px;
  379. }
  380. .BSnovote, .vote {
  381. display: none;
  382. }
  383. .BSlikecount {
  384. background: #6f8f52;
  385. color: #fff;
  386. font-size: 10px;
  387. padding: 3px 8px;
  388. font-weight: bold;
  389. margin: 5px 5px 5px 3px;
  390. display: inline-block;
  391. -moz-border-radius: 3px;
  392. -webkit-border-radius: 3px;
  393. border-radius: 3px;
  394. cursor: pointer;
  395. }
  396. .BSlikecount.zero {
  397. background: #dedede;
  398. color: #6e6e6e;
  399. }
  400. html, body {
  401. .act_mod {
  402. margin: 0 0 8px 0;
  403. }
  404. .act_mod p {
  405. background: rgb(248, 248, 248) url("http://i38.servimg.com/u/f38/18/24/85/15/shine10.png") repeat-x 0 50%;
  406. border: 1px solid rgb(219,219,219);
  407. -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset, 0px 1px 0px rgba(0, 0, 0, 0.3);
  408. -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset, 0px 1px 0px rgba(0, 0, 0, 0.3);
  409. box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset, 0px 1px 0px rgba(0, 0, 0, 0.3);
  410. -moz-border-radius: 3px;
  411. -webkit-border-radius: 3px;
  412. border-radius: 3px;
  413. color: #616161;
  414. -webkit-transition: all 0.2s ease-in-out;
  415. -moz-transition: all 0.2s ease-in-out;
  416. font-size: 12px;
  417. height: 22px;
  418. line-height: 22px;
  419. padding: 3px 10px;
  420. white-space: nowrap;
  421. cursor: pointer;
  422. display: inline-block;
  423. }
  424. #popw {
  425. background-color: #464646;
  426. background-color: rgba(70, 70, 70, 0.6);
  427. padding: 4px;
  428. -webkit-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7);
  429. -moz-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7);
  430. box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7 );
  431. -moz-border-radius: 4px;
  432. -webkit-border-radius: 4px;
  433. border-radius: 4px;
  434. display: none;
  435. z-index: 999;
  436. margin-top: 16px;
  437. position: absolute;
  438. }
  439. .mod_hover {
  440. background-image: url(http://i38.servimg.com/u/f38/18/24/85/15/bottom10.png);
  441. width: 31px;
  442. height: 16px;
  443. position: absolute;
  444. }
  445. .popupInner {
  446. background: #fff;
  447. width: 500px;
  448. overflow: auto;
  449. -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  450. -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  451. box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  452. overflow-x: hidden;
  453. }
  454. .action_mod li {
  455. background: rgb(248, 248, 248);
  456. border-bottom: 1px solid rgb(234, 234, 234);
  457. text-align: center;
  458. padding: 3px 4px;
  459. }
  460. .action_mod li a {
  461. color: #333!important;
  462. }
  463. .tooltip.bottom-right .tooltip-arrow {
  464. top: 0;
  465. right: 5px;
  466. border-bottom-color: #000000;
  467. border-width: 0 5px 5px;
  468. }
  469. font: normal 13px helvetica, arial, sans-serif;
  470. background-color: #d8dde8;
  471. color: #5a5a5a;
  472. }
  473. .pun {
  474. padding: 10px;
  475. }
  476. .pun, .main_width {
  477. margin: 0 auto;
  478. width: 87%;
  479. min-width: 960px;
  480. }
  481. img, .input_check, .input_radio {
  482. vertical-align: middle;
  483. }
  484. a:link {
  485. text-decoration: none;
  486. }
  487. #pun-visit, .main-box, #pun-about, .pun .paged-foot, .pun .paged-head {
  488. background-color: transparent;
  489. border: 0px;
  490. }
  491. #pun-about ul li {
  492. display: inline;
  493. float: left;
  494. }
  495. #pun-about {
  496. font-size: 0.8em;
  497. }
  498. #pun-intro, #pun-navlinks, #pun-about form {
  499. display: none;
  500. }
  501. /*header*/
  502. #header_bar {
  503. position: fixed;
  504. z-index: 999;
  505. top: 0;
  506. left: 0;
  507. right: 0;
  508. background: #575757;
  509. border-bottom: 3px solid #b96666;
  510. }
  511. #branding, #header_bar, #primary_nav {
  512. min-width: 100%;
  513. }
  514. #user_navigation {
  515. color: #9f9f9f;
  516. font-size: 11px;
  517. }
  518. #user_link {
  519. font-size: 12px;
  520. color: white;
  521. padding: 0 12px;
  522. height: 36px;
  523. line-height: 36px;
  524. display: inline-block;
  525. margin-right: 15px;
  526. outline: 0;
  527. }
  528. #user_navigation {
  529. overflow: visible;
  530. }
  531. #user_navigation .ipsList_inline li {
  532. font-size: 13px;
  533. }
  534. .ipsList_inline > li:first-child {
  535. margin-left: 0;
  536. }
  537. #user_navigation a {
  538. color: #fff;
  539. }
  540. #user_navigation a:hover {
  541. text-shadow:white 0px 0px 3px;
  542. }
  543. #user_navigation.not_logged_in {
  544. height: 26px;
  545. padding: 6px 0 4px;
  546. float: right;
  547. margin-top: -22px;
  548. }
  549. #user_navigation #register_link {
  550. background: #2C638F;
  551. border-radius: 3px;
  552. color: #fff;
  553. display: inline-block;
  554. padding: 3px 8px;
  555. text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  556. box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0px, inset rgba(0, 0, 0, 0.30) 0 0 0 1px, inset rgba(255, 255, 255, 0.15) 0 2px 0px, rgba(0, 0, 0, 0.15) 0 1px 4px, inset rgba(255, 255, 255, 0.2) 0 10px 25px;
  557. }
  558. #user_link:hover, #notify_link:hover, #inbox_link:hover {
  559. text-shadow:white 0px 0px 3px;
  560. }
  561. #user_navigation #sign_in {
  562. margin-right: 8px;
  563. }
  564. #notify_link {
  565. background: url(http://i.imgur.com/lcE4p4d.png) no-repeat top;
  566. }
  567. #inbox_link {
  568. background: url(http://i.imgur.com/vVoLhao.png) no-repeat top;
  569. }
  570. #notify_link, #inbox_link {
  571. vertical-align: middle;
  572. width: 18px;
  573. height: 15px;
  574. padding: 10px 24px 8px 12px;
  575. position: relative;
  576. }
  577. .ipsList_inline > li {
  578. display: inline-block;
  579. margin: 0 3px;
  580. }
  581. ol, ul {
  582. list-style: none;
  583. }
  584. .attach {
  585. float: right;
  586. }
  587. /* Topo WASD */
  588. #branding {
  589. -webkit-clip-path: polygon(0%0%,100%0%,100%90%,50%100%,0%90%);
  590. background: url(https://i.imgur.com/vnfDt5w.png);
  591. background-repeat: no-repeat;
  592. min-height: 240px;
  593. padding-top: 57px;
  594. background-size: 105%;
  595. }
  596. #logo {
  597. background: url(http://i.imgur.com/yw73vsu.png);
  598. height: 190px;
  599. position: absolute;
  600. width: 845px;
  601. background-size: 62%;
  602. background-repeat: no-repeat;
  603. }
  604. #logo:hover{
  605. margin-left: 10px;
  606. cursor: pointer;
  607. -webkit-transition: all 0.45s ease-in-out;
  608. -moz-transition: all 0.45s ease-in-out;
  609. -ms-transition: all 0.45s ease-in-out;
  610. -o-transition: all 0.45s ease-in-out;
  611. transition: all 0.45s ease-in-out;
  612. }
  613. .clickable {
  614. cursor: pointer;
  615. }
  616. #search {
  617. margin: 20px 0;
  618. }
  619. #search_wrap {
  620. position: relative;
  621. background: #fff;
  622. display: block;
  623. padding: 0 26px 0 4px;
  624. height: 30px;
  625. line-height: 25px;
  626. -moz-border-radius: 3px 4px 4px 3px;
  627. -webkit-border-top-left-radius: 3px;
  628. -webkit-border-top-right-radius: 4px;
  629. -webkit-border-bottom-right-radius: 4px;
  630. -webkit-border-bottom-left-radius: 3px;
  631. border-radius: 3px 4px 4px 3px;
  632. -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  633. -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  634. box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  635. min-width: 20px;
  636. transition: all .5s ease-in 0!important;
  637. -moz-transition: all .5s ease-in 0!important;
  638. -webkit-transition: all .5s ease-in 0!important;
  639. }
  640. #main_search {
  641. margin-top: 8px;
  642. font-size: 12px;
  643. border: 0;
  644. padding: 0;
  645. color: #b0b0b0;
  646. background: transparent;
  647. width: 130px;
  648. outline: 0;
  649. transition: all 1s ease-in-out;
  650. -webkit-transition: all 1s ease-in-out;
  651. }
  652. #main_search:focus {
  653. color: #5a5a5a;
  654. width:240px;
  655. transition: all 1s ease-in-out;
  656. -webkit-transition: all 1s ease-in-out;
  657. }
  658. input, select {
  659. font: normal 13px helvetica, arial, sans-serif;
  660. }
  661. #search_options {
  662. font-size: 11px;
  663. height: 30px;
  664. line-height: 30px;
  665. margin: 0px -1px 0px 0;
  666. padding: 0 6px;
  667. background: #EAEAEA;
  668. display: inline-block;
  669. float: right;
  670. max-width: 80px;
  671. text-overflow: ellipsis;
  672. overflow: hidden;
  673. }
  674. #search .submit_input {
  675. background: #FFF url(http://i.imgur.com/4TSqpQ3.png) no-repeat 50%!important;
  676. border: 0!important;
  677. bottom: 0;
  678. box-shadow: none;
  679. display: block;
  680. height: 26px;
  681. margin-right: -1px;
  682. outline: none!important;
  683. padding: 0!important;
  684. position: absolute;
  685. right: 0;
  686. text-indent: -3000em;
  687. top: 0;
  688. transition: all .3s ease-in 0!important;
  689. width: 30px;
  690. }
  691. #adv_search {
  692. width: 16px;
  693. height: 16px;
  694. background: url(http://i.imgur.com/gtuEBUp.png) no-repeat right 50%;
  695. text-indent: -3000em;
  696. display: inline-block;
  697. margin: 4px 0 4px 4px;
  698. }
  699. fieldset {
  700. border: 0px groove threedface;
  701. }
  702. /*navegação*/
  703. #primary_nav {
  704. margin-top: -50px;
  705. text-transform: uppercase;
  706. font-family: segoe UI;
  707. font-weight: 300;
  708. }
  709. .navegador{
  710. padding-top: 12px;
  711. }
  712. .navegador li {
  713. display:inline;
  714. list-style:none;
  715. color:#fff;
  716. margin: 0 22px;
  717. font-size:12px;
  718. color:#fff;
  719. font-family: 'Montserrat';
  720. font-weight:300;
  721. -webkit-transition: all 0.15s ease-in-out;
  722. -moz-transition: all 0.15s ease-in-out;
  723. -ms-transition: all 0.15s ease-in-out;
  724. -o-transition: all 0.15s ease-in-out;
  725. transition: all 0.15s ease-in-out;
  726. }
  727. .navegador li:hover{
  728. color:#206fa7;
  729. }
  730. #primary_nav #quickNavLaunch {
  731. padding: 13px 8px 8px;
  732. }
  733. #quickNavLaunch span {
  734. background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_q10.png) no-repeat top;
  735. width: 13px;
  736. height: 13px;
  737. display: inline-block;
  738. }
  739. /*table*/
  740. .collapsed {
  741. opacity: 0.8;
  742. }
  743. .main .main-head.collapsed {
  744. border-radius: 4px 4px 4px 4px;
  745. opacity: 0.2;
  746. }
  747. .main .main-foot, .main .main-head {
  748. background: rgba(175,214,226,0.11);
  749. color: #fff;
  750. font-weight: 700;
  751. margin-bottom: 12px;
  752. overflow: hidden;
  753. padding: 15px;
  754. position: relative;
  755. background: url(http://i.imgur.com/owWrnjB.png) repeat 50% 100%;
  756. background-color: #4242a5;
  757. box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.25) inset, 0px 1px 4px rgba(0, 0, 0, 0.15),rgba(0,0,0,0.06) 0px 1px 4px;
  758. font-weight: bold!important;
  759. border-radius: 2px;
  760. }
  761. .main .main-foot {
  762. margin-top: 0px;
  763. -moz-border-radius: 0 0 4px 4px;
  764. -webkit-border-bottom-left-radius: 4px;
  765. -webkit-border-bottom-right-radius: 4px;
  766. border-radius: 0 0 4px 4px;
  767. text-shadow:rgba(0, 0, 0, 0.9) 0px 1px 1px;
  768. }
  769. .main .main-head .page-title {
  770. font-family: segoe UI;
  771. font-size: 14px!important;
  772. font-weight: 300!important;
  773. text-shadow: rgba(0,0,0,0.2) 0 1px 0px!important;
  774. font-weight: normal!important;
  775. }
  776. .pun table.table {
  777. background: #fff;
  778. border-radius: 4px;
  779. }
  780. .table .tc_icon {
  781. padding: 10px 5px!important;
  782. vertical-align: middle;
  783. width: 30px;
  784. }
  785. .pun table.table .tc_forum {
  786. height: 42px;
  787. min-height: 24px;
  788. font-size:11px;
  789. }
  790. .pun tbody.statused span.stats {
  791. margin-right: 10px;
  792. margin-left: -25px;
  793. }
  794. .pun tbody.statused span.status {
  795. position: relative!important;
  796. }
  797. .pun .main table td.tc2, .pun .main table td.tc3 {
  798. background-color: transparent;
  799. }
  800. .pun table.table td.tc3 {
  801. text-align: right;
  802. width: 15%;
  803. }
  804. .pun table.table td {
  805. background: transparent;
  806. padding: 10px;
  807. border: 0px;
  808. }
  809. .hierarchy {
  810. font-size: 13px!important;
  811. font-weight: bold!important;
  812. }
  813. /*lastpost*/
  814. .mini_ava {
  815. float: left;
  816. }
  817. .mini_ava img {
  818. background: #fff;
  819. border: 1px solid #c4c4c4;
  820. border-radius: 50%;
  821. height: 40px;
  822. margin: 0 5px;
  823. padding: 2px;
  824. width: 40px;
  825. }
  826. .mini_ava img:hover {
  827. border-color: #a1a1a1;
  828. -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  829. -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  830. box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  831. }
  832. /*module*/
  833. .module .main-head {
  834. background: url(http://i.imgur.com/owWrnjB.png) repeat 50% 100%;
  835. background-color: #4242a5;
  836. background-image: linear-gradient(tobottom,rgba(255,255,255,0.88) 0%,rgba(255,255,255,0.82) 100%)!important;
  837. border: 1px solid rgba(0,0,0,0.1);
  838. box-shadow: none!important;
  839. color: #fff;
  840. display: block;
  841. font-family: segoe UI;
  842. font-size: 14px!important;
  843. font-weight: 300!important;
  844. text-shadow: rgba(0,0,0,0.2) 0 1px 0px!important;
  845. font-weight: normal!important;
  846. height: 30px;
  847. line-height: 30px;
  848. margin-bottom: 0;
  849. overflow: hidden;
  850. padding: 7px!important;
  851. }
  852. .module .main-content {
  853. border: 0px;
  854. border-top: 0px;
  855. padding:9px;
  856. margin-top: -2px;
  857. }
  858. /*stats*/
  859. #onlinelist {
  860. background: rgba(230, 230, 230, 0.24);
  861. border: 0 solid #d8d8d8;
  862. }
  863. #onlinechat {
  864. background: #FFF;
  865. padding: 5px;
  866. border: 1px solid #ddd;
  867. border-radius: 2px;
  868. box-shadow: rgba(0,0,0,0.05) 0px 1px 4px;
  869. }
  870. .main-statistics {
  871. background: #fff;
  872. border: 1px solid #ececec;
  873. border-radius: 3px;
  874. padding: 5px;
  875. border: 1px solid #ddd;
  876. border-radius: 2px;
  877. box-shadow: rgba(0,0,0,0.05) 0px 1px 4px;
  878. }
  879. #statistics {
  880. margin: 0 auto !important;
  881. text-align: center !important;
  882. display: table;
  883. background: none;
  884. }
  885. .statHide {
  886. display:none !important;
  887. }
  888. .statsPers li span a {
  889. text-decoration: none !important;
  890.  
  891. }
  892. .statsPers li > span {
  893. display: inline-block;
  894. -moz-border-radius: 3px;
  895. -moz-box-shadow: inset rgba(0, 0, 0, 0.3) 0 1px 2px, rgba(255, 255, 255, 1) 0 1px 0;
  896. -webkit-border-radius: 3px;
  897. -webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0 1px 2px, rgba(255, 255, 255, 1) 0 1px 0;
  898. background: #EDEFF1 url("http://i.imgur.com/G3jnH2B.png") repeat;
  899. text-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px;
  900. -webkit-box-shadow: inset #B3BAC1 0px 1px 3px;
  901. -moz-box-shadow: inset #b3bac1 0px 1px 3px;
  902. box-shadow: inset #B3BAC1 0px 1px 3px;
  903. padding: 3px 7px;
  904. display: inline-block;
  905. font-weight: 700;
  906. text-shadow: rgba(255, 255, 255, 0.6) 0 1px 0;
  907. color: #4a4a4a;
  908. padding: 2px 6px;
  909. font-weight: bold;
  910. -moz-border-radius: 2px;
  911. -webkit-border-radius: 2px;
  912. border-radius: 2px;
  913. margin-right: 3px;
  914. }
  915. .statsPers li {
  916. float: left;
  917. color:#4a4a4a;
  918. margin: 2px 10px;
  919. }
  920. .statsPers {
  921. list-style: none;
  922. display: block;
  923. margin: 0px auto;
  924. width: 100%;
  925. }
  926. /* Footer WASD */
  927. #footer_utilities {
  928. background: url(http://i.imgur.com/owWrnjB.png) repeat 50% 100%;
  929. background-color: #4242a5;
  930. font-size: 11px;
  931. height: 90px;
  932. overflow: hidden;
  933. padding: 30px;
  934. position: relative;
  935. width: 96%;
  936. }
  937. #footer_utilities .ipsList_inline>li>a {
  938. margin-right: 0px;
  939. padding: 4px 10px;
  940. }
  941. #footer_utilities .ipsList_inline > li > a.rss_feed {
  942. padding: 0px;
  943. }
  944. #footer_utilities a {
  945. color: #fff;
  946. }
  947. #footer_utilities a:hover {
  948. color: #fff;
  949. }
  950. #footer_utilities .ipsList_inline > li > a {
  951. margin-right: 0;
  952. padding: 10px;
  953. line-height: 28px;
  954. }
  955. #backtotop {
  956. -moz-border-radius: 0 0 4px 4px;
  957. -moz-box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 3px, rgba(255, 255, 255, 0.07) 0 1px 0;
  958. -webkit-border-radius: 16px;
  959. -webkit-box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 3px, rgba(255, 255, 255, 0.07) 0 1px 0;
  960. background: rgba(0, 0, 0, 0.3);
  961. border-radius: 0 0 4px 4px;
  962. box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 3px, rgba(255, 255, 255, 0.07) 0 1px 0;
  963. display: inline-block;
  964. height: 24px;
  965. left: 50%;
  966. line-height: 20px;
  967. margin-left: -12px;
  968. margin-top: -25px;
  969. opacity: .8;
  970. outline: 0;
  971. position: absolute;
  972. text-align: center;
  973. top: 50%;
  974. transition: all .3s ease-in 0!important;
  975. width: 24px;
  976. }
  977. #backtotop img {
  978. margin-top: 5px;
  979. }
  980. #backtotop:hover {
  981. background:rgba(0, 0, 0, 0.7);
  982. color:#fff;
  983. opacity:1;
  984. transition: all .3s ease-in 0!important;
  985. }
  986. #copyright {
  987. color: rgb(201, 218, 235);
  988. text-align: right;
  989. }
  990. #copyright a {
  991. color: #c9daeb;
  992. }
  993. /*post*/
  994. .post h3 {
  995. background: rgba(239, 241, 243, 0.4);
  996. border-bottom: 1px solid rgba(219, 228, 239, 0.47);
  997. font-weight: 400;
  998. height: 36px;
  999. line-height: 36px;
  1000. font-size: 13px!important;
  1001. padding: 0 10px;
  1002. text-shadow: 0 1px 0 rgba(255,255,255,0.6);
  1003. }
  1004. span.post_id {
  1005. margin-left: 4px;
  1006. }
  1007. .post_date {
  1008. padding: 0 0 10px 0;
  1009. font-size: 12px;
  1010. color: #a4a4a4;
  1011. }
  1012. .desc.blend_links a {
  1013. font: normal 12px helvetica, arial, sans-serif;
  1014. color: #777777;
  1015. }
  1016. .post_id a img.small {
  1017. max-height: 12px;
  1018. margin-left: 3px;
  1019. margin-top: -2px;
  1020. opacity: 0.5;
  1021. }
  1022. .post_online {
  1023. display: inline-block;
  1024. }
  1025. .pun .post .user {
  1026. margin-left: -16em;
  1027. margin-top: -0.9em;
  1028. }
  1029. .pun .post {
  1030. background: white;
  1031. }
  1032. .pun .postmain {
  1033. background-color: white;
  1034. border-left: 0px;
  1035. margin-left: 14em;
  1036. }
  1037. .pun .post .user {
  1038. width: 130px;
  1039. font-size: 12px;
  1040. text-align: center;
  1041. line-height: 150%;
  1042. margin-left: -170px;
  1043. margin-top: -0.6em;
  1044. }
  1045. .pun .user .user-ident .user-basic-info {
  1046. font-size: 11px;
  1047. color: #a4a4a4;
  1048. text-align: center;
  1049. font-weight: normal;
  1050. }
  1051. .postfoot {
  1052. background: #FFF;
  1053. border: 1px solid #dbe4ef;
  1054. border-radius: 4px;
  1055. padding: 0;
  1056. min-width: 50%;
  1057. width: 20%;
  1058. }
  1059. /*user img*/
  1060. .user-basic-info a img {
  1061. -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  1062. -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  1063. background: #fff;
  1064. border: 1px solid #D5D5D5;
  1065. border-radius: 3px;
  1066. box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  1067. height: 124px;
  1068. padding: 2px;
  1069. width: 124px;
  1070. }
  1071. .user-basic-info a img:hover {
  1072. border-color: #A1A1A1;
  1073. -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  1074. -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  1075. box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  1076. }
  1077. /*quick reply*/
  1078. #pun-qpost {
  1079. background: #FFF;
  1080. padding: 7px 9px 9px;
  1081. border: 1px solid #ececec;
  1082. border-radius: 4px;
  1083. }
  1084. #pun-qpost .main-head {
  1085. }
  1086. #pun-qpost a.exthelp {
  1087. display: none;
  1088. }
  1089. .pun .frm-form, .main .main-content.frm {
  1090. background-color: white;
  1091. }
  1092. .pun .post {
  1093. border: 0px solid #dbe4ef;
  1094. }
  1095. .statused {
  1096. border-radius: 4px;
  1097. border-top: 1px dashed #f5f5f5;
  1098. }
  1099. .pun .main-content {
  1100. margin-bottom: 6px;
  1101. margin-top: -2px;
  1102. padding: 5px;
  1103. background: #fff;
  1104. border: 1px solid #ddd;
  1105. border-radius: 2px;
  1106. box-shadow: rgba(0,0,0,0.05) 0 1px 4px;
  1107. }
  1108. #chatbox_messenger_form .right {
  1109. margin-left:8px
  1110. }
  1111. #chatbox {
  1112. background:#EFF1F3!important;
  1113. border:none!important;
  1114. border-top:1px solid #DCE2EC!important;
  1115. border-bottom:6px solid #DCE2EC!important;
  1116. margin:10px 0!important;
  1117. padding:8px!important
  1118. }
  1119. #chatbox_members .member-title {
  1120. background: url(http://i.imgur.com/owWrnjB.png) repeat 50% 100%;
  1121. background-color: #555;
  1122. border-radius: 2px;
  1123. bottom: 50px;
  1124. box-shadow: 0 0 0 1px rgba(0,0,0,0.25) inset, 0 1px 4px rgba(0,0,0,0.15),rgba(0,0,0,0.06) 0 1px 4px;
  1125. color: #fff;
  1126. font-family: segoe ui;
  1127. height: 20px;
  1128. line-height: 19px;
  1129. overflow: auto;
  1130. text-shadow: rgba(0,0,0,0.2) 0 1px 0;
  1131. text-transform: capitalize;
  1132. top: 48px;
  1133. width: 165px;
  1134. }
  1135. #chatbox_header.main-head {
  1136. background: url(http://i.imgur.com/owWrnjB.png) repeat 50% 100%;
  1137. background-color: #00AAEA;
  1138. border-radius: 2px;
  1139. box-shadow: 0 0 0 1px rgba(0,0,0,0.25) inset, 0 1px 4px rgba(0,0,0,0.15),rgba(0,0,0,0.06) 0 1px 4px;
  1140. font-size: 1em!important;
  1141. font-weight: 300!important;
  1142. margin: 5px;
  1143. padding: 10px 10px 0!important;
  1144. text-decoration: none;
  1145. text-shadow: 0 1px 0 rgba(0,0,0,0.2);
  1146. text-transform: uppercase;
  1147. }
  1148. #chatbox_members {
  1149. top:40px;
  1150. border-right:1px solid #ccc;
  1151. background:#fff
  1152. }
  1153. .chatbox-title, .chatbox-title a.chat-title {
  1154. color: #fff;
  1155. font-family: segoe UI;
  1156. font-size: 13px;
  1157. font-style: normal;
  1158. font-variant: normal;
  1159. font-weight: 600;
  1160. line-height: 20px;
  1161. }
  1162. .chatbox-title {
  1163. float: left!important;
  1164. margin: -3px 0 0!important;
  1165. width: 15em!important;
  1166. }
  1167. .chatbox-options {
  1168. color: #fff!important;
  1169. text-transform: none;
  1170. float: right;
  1171. font-size: 12px;
  1172. list-style: none;
  1173. margin-right: -5px;
  1174. line-height: 4px;
  1175. font-weight: 400!important;
  1176. text-shadow: rgba(0, 0, 0, 0.2) 0 1px 0;
  1177. }
  1178. .chatbox-options li,.chatbox-options li a,.chatbox-options li label {
  1179. color:#fff;
  1180. }
  1181. #chatbox p:first-child {
  1182. border-top:1px solid rgba(0, 0, 0, 0.1);
  1183. }
  1184. #chatbox p {
  1185. background: #fff;
  1186. border: 1px solid rgba(0, 0, 0, 0.1);
  1187. border-radius: 2px;
  1188. font-size: 12px;
  1189. line-height: 2em;
  1190. margin-bottom: 5px;
  1191. overflow: hidden;
  1192. color: #555;
  1193. }
  1194. #chatbox_footer {
  1195. height: 40px!important;
  1196. background: #fff;
  1197. border: 0px;
  1198. }
  1199. #chatbox p:last-child {
  1200. margin-bottom:16px
  1201. }
  1202. .KheopsUserPhoto {
  1203. background:#fff;
  1204. border:1px solid #c4c4c4;
  1205. border-radius:3px;
  1206. box-shadow:0 1px 2px rgba(0,0,0,0.2);
  1207. float:left;
  1208. height:30px;
  1209. margin-left:3px;
  1210. margin-right:0;
  1211. margin-top:1px;
  1212. padding:2px;
  1213. width:30px
  1214. }
  1215. #chatbox_footer .right {
  1216. float:right
  1217. }
  1218. #chatbox_messenger_form{
  1219. margin: 0px;
  1220. padding: 2px;
  1221. border-top: 1px solid #eee;
  1222. }
  1223. #chatbox_messenger_form .right {
  1224. margin: 1px;
  1225. padding: 2px;
  1226. }
  1227. input#message.post {
  1228. background: #fff;
  1229. border: 1px solid #ddd;
  1230. border-radius: 2px;
  1231. box-shadow: rgba(0,0,0,0.05) 0 1px 4px;
  1232. color: #666!important;
  1233. height: 30px;
  1234. min-width: 395px;
  1235. outline: none;
  1236. text-indent: 6px;
  1237. margin-bottom: 1px;
  1238. }
  1239. #chatbox span[title] {
  1240. color:#555!important;
  1241. float:right!important
  1242. }
  1243. #message,#submit_button {
  1244. margin-left:15px
  1245. }
  1246. .fontbutton {
  1247. background: #EFF1F3;
  1248. border-color: #DEE0E2;
  1249. color: #464646;
  1250. -moz-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
  1251. -webkit-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
  1252. box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
  1253. }
  1254. #divsmilies img + img{visibility:visible!important}
  1255.  
  1256. #simple-wrap {
  1257. background:white;
  1258. }
  1259. .right-oie {
  1260. margin-top:0px;!important;
  1261. float:right;
  1262. }
  1263.  
  1264. #divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
  1265. background-position: center;
  1266. background-repeat: no-repeat;
  1267. }
  1268. #divbold {
  1269. background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png);
  1270. }
  1271. #divitalic {
  1272. background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png);
  1273. }
  1274. #divunderline {
  1275. background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png);
  1276. }
  1277. #divstrike {
  1278. background-image: url(http://cdn1.iconfinder.com/data/icons/bnw/16x16/actions/text_strike.png);
  1279. }
  1280. #divcolor {
  1281. background-image: url(http://illiweb.com/fa/wysiwyg/color_swatch.png);
  1282. }
  1283. #divsmilies {
  1284. background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png);
  1285. }
  1286. .main-content.chatbox { padding: 0;
  1287. box-shadow: none!important;
  1288. opacity: 0.0;
  1289. border: 0px!important;;}
  1290. #chatbox{
  1291. background: #f9f9f9!important;
  1292. border: none!important;
  1293. border-bottom: none!important;
  1294. border-top: none!important;
  1295. margin: 20px 5px 10px 0 !important;
  1296. padding: 8px!important;
  1297. }
  1298.  
  1299.  
  1300. /*crumbs*/
  1301. p.crumbs a {
  1302. color: #777!important;
  1303. font: normal 13px helvetica, arial, sans-serif;
  1304. }
  1305.  
  1306. #content-container div#container {
  1307. float:left;
  1308. margin-right:-220px;
  1309. width:100%;
  1310. margin-top:10px;
  1311. }
  1312. #content-container div#right {
  1313. float: right;
  1314. overflow: hidden;
  1315. width: 220px;
  1316. margin-top:10px;
  1317. }
  1318. .mainmenu[href=/calendar] {
  1319. display: none !important;
  1320. }
  1321. .module .details img {
  1322. -khtml-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1323. -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1324. -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1325. border: 1px solid #d5d5d5;
  1326. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1327. height: 30px;
  1328. padding: 1px;
  1329. width: 30px;
  1330. -khtml-border-radius: 3px!important;
  1331. -moz-border-radius: 3px!important;
  1332. -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1333. -webkit-border-radius: 3px!important;
  1334. }
  1335. .module .details img:hover {
  1336. -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1337. -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1338. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1339. }
  1340. .mini_ava {
  1341. float: left;
  1342. }
  1343. .mini_ava img {
  1344. background: #fff;
  1345. border: 1px solid #c4c4c4;
  1346. border-radius: 50%;
  1347. height: 40px;
  1348. margin: 0 5px;
  1349. padding: 2px;
  1350. width: 40px;
  1351. }
  1352. /* Ícones dos Staff's WASD */
  1353. #chatbox a span[style="color:#D10404"] {
  1354. background: url(http://i.imgur.com/c5ccLfl.png) no-repeat;
  1355. padding-left: 18px
  1356. }
  1357. #chatbox a span[style="color:#004B9C"] {
  1358. background: url(http://i.imgur.com/OT1iWA0.png) no-repeat;
  1359. padding-left: 18px
  1360. }
  1361. #chatbox a span[style="color:#000000"] {
  1362. background: url(http://i.imgur.com/KLR7Fgk.png) no-repeat;
  1363. padding-left: 18px;
  1364. padding-top: 2px;
  1365. }
  1366. #chatbox a span[style="color:#07B87D"] {
  1367. background: url(http://i.imgur.com/Eo8qdSb.png) no-repeat;
  1368. padding-left: 18px
  1369. }
  1370. /* crumbs do Wasd */
  1371. .pun-crumbs {
  1372. background: #f9f9f9;
  1373. border-image-outset: initial;
  1374. border-image-repeat: initial;
  1375. border-image-slice: initial;
  1376. border-image-source: initial;
  1377. border-image-width: initial;
  1378. border-style: solid;
  1379. border-width: 1px;
  1380. margin: 0 1px 1em;
  1381. overflow: hidden;
  1382. padding: 0;
  1383. text-shadow: #fff 0 1px 0;
  1384. zoom: 1;
  1385. border: 1px solid #dcdcdc;
  1386. border-radius: 2px;
  1387. box-shadow: rgba(0,0,0,0.05) 0px 1px 4px;
  1388. }
  1389. p.crumbs {
  1390. color: #F3F3F3;
  1391. }
  1392. .pun-crumbs p {
  1393. color: rgb(102, 102, 102);
  1394. font-size: 1.11em;
  1395. line-height: 1.5;
  1396. margin: 0px;
  1397. }
  1398. p.crumbs a {
  1399. background: url(http://i.imgur.com/YV4W3Zo.png) no-repeat 100% -1px;
  1400. color: #777!important;
  1401. font-family: helvetica,arial,sans-serif;
  1402. font-size: 11px;
  1403. font-style: normal;
  1404. font-variant: normal;
  1405. font-weight: normal;
  1406. line-height: 31px;
  1407. padding: 10px 24px 11px 16px;
  1408. }
  1409. #chatbox_members {
  1410. background: transparent;
  1411. border-right: 1px solid #eee;
  1412. bottom: 44px;
  1413. margin-left: 5px;
  1414. overflow: auto;
  1415. position: absolute;
  1416. top: 48px;
  1417. width: 175px;
  1418. }
  1419. /* Final Crumbs */
  1420. .pun .user-ident .username {
  1421. background: url("http://i78.servimg.com/u/f78/14/73/12/96/vtdate10.png") repeat-x scroll left top transparent;
  1422. display: block;
  1423. padding-top: 9px;
  1424. padding-bottom: 9px;
  1425. text-align: center;
  1426. position: relative;
  1427. margin-top: -19px;
  1428. height: 30px;
  1429. }
  1430. .pun .postmain {
  1431. margin: 16px 10px 10px 199px;
  1432. }
  1433. /* Área do Perfil */
  1434. .pun .post .user {
  1435. -moz-border-radius: 3px;
  1436. -webkit-border-radius: 3px;
  1437. background: #FBFBFB url(http://i78.servimg.com/u/f78/17/96/03/52/highli10.png) repeat-x 0 0;
  1438. border: 1px solid #dbe4ef;
  1439. border-radius: 3px;
  1440. font-size: 12px;
  1441. line-height: 150%;
  1442. margin-bottom: 11px;
  1443. margin-left: -16em;
  1444. margin-top: -.7em;
  1445. position: relative;
  1446. text-align: center;
  1447. width: 146px!important;
  1448. }
  1449. .pun .user .user-info {
  1450. background: #F5F5F5;
  1451. border-top: 1px solid #D9DBDD;
  1452. color: #666;
  1453. line-height: 1.8em;
  1454. padding: 5px!important;
  1455. }
  1456. .pun .user .user-info img {
  1457. -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  1458. -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  1459. background: #fff;
  1460. border: 1px solid #d8d8d8;
  1461. border-radius: 3px;
  1462. box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  1463. height: 31px;
  1464. margin-bottom: 5px;
  1465. padding: 1px;
  1466. vertical-align: middle;
  1467. width: 31px;
  1468. margin-left: 2px;
  1469. margin-right: 2px;
  1470. }
  1471. /* Je4n testes */
  1472. /* MP */
  1473. [data-counter]:after {
  1474. background-color: #CF2020;
  1475. background-image: -webkit-linear-gradient(#FF6969 0%, #ff0000 100%);
  1476. background-image: -moz-linear-gradient(#FF6969 0%, #ff0000 100%);
  1477. background-image: -o-linear-gradient(#FF6969 0%, #ff0000 100%);
  1478. background-image: -ms-linear-gradient(#FF6969 0%, #ff0000 100%);
  1479. background-image: linear-gradient(#FF6969 0%, #ff0000 100%);
  1480. content: attr(data-counter);
  1481. position: absolute;
  1482. -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
  1483. -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
  1484. box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
  1485. border-radius:2px;
  1486. background-clip: padding-box;
  1487. font:bold 10px "Helvetica Neue", sans-serif;
  1488. color: white;
  1489. text-decoration: none;
  1490. text-shadow: 0 -1px 0 rgba(0, 0, 0, .6);
  1491. margin-left: 5px;
  1492. padding: 5px;
  1493. margin-top: 3px;
  1494. vertical-align: top;
  1495. height: 6px;
  1496. line-height: 6px;
  1497. }
  1498. .module .details dt {
  1499. font-weight: 300;
  1500. font-size: 11px;
  1501. }
  1502. /*code spoiler quote BESTSKINS*/
  1503. .codebox {
  1504. -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
  1505. -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
  1506. background: #EFF1F3 url(http://imgur.com/J3aqwYE.png) repeat-x 0 0;
  1507. border: 1px solid #DFE1E3;
  1508. box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
  1509. color: #686966;
  1510. display: block;
  1511. font-size: 12px;
  1512. line-height: 1.6;
  1513. padding: 10px;
  1514. text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  1515. }
  1516. .codebox dd.cont_code {
  1517. max-height: 200px;
  1518. background-color: #FFF;
  1519. background: #FCFCFC;
  1520. border: 1px solid #E3E3E3;
  1521. font-size: 11px;
  1522. line-height: 170%;
  1523. overflow: auto;
  1524. padding: 5px;
  1525. }
  1526. .codebox dd {
  1527. background-color: #FFF;
  1528. margin: .3em;
  1529. padding: .3em;
  1530. }
  1531. .codebox dt {
  1532. border-bottom: 0px;
  1533. }
  1534. .codebox dt {
  1535. padding: .25em;
  1536. font-weight: bold;
  1537. }
  1538. .codebox.spoiler dt {
  1539. height: 24px;
  1540. line-height: 24px;
  1541. font-size: 11px;
  1542. padding: 0 10px;
  1543. background: #ECECEC url('http://i.imgur.com/psvFIEG.png') repeat-x 0 0;
  1544. border: 1px solid #D0D0D0;
  1545. -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0px 1px 0px;
  1546. -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0px 1px 0px;
  1547. box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0px 1px 0px;
  1548. -moz-border-radius: 2px;
  1549. -webkit-border-radius: 2px;
  1550. border-radius: 2px;
  1551. color: #616161;
  1552. text-shadow: white 0px 1px 0px;
  1553. display: inline-block;
  1554. white-space: nowrap;
  1555. cursor: pointer;
  1556. margin: 0px;
  1557. margin-left: 5px;
  1558. }
  1559. .codebox.spoiler dt:hover {
  1560. color: #4C4C4C;
  1561. background-color: #F8F8F8;
  1562. }
  1563. .codebox.spoiler {
  1564. }
  1565. .codebox.spoiler dd {
  1566. background: transparent;
  1567. }
  1568. .spoiler_content.hidden {
  1569. background-color: #FFF;
  1570. border: 1px solid #E3E3E3;
  1571. padding: 5px;
  1572. }
  1573. .postmain blockquote {
  1574. -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
  1575. -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
  1576. background: #EFF1F3 url(http://imgur.com/J3aqwYE.png) repeat-x 0 0;
  1577. border: 1px solid #DFE1E3;
  1578. box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
  1579. color: #686966;
  1580. display: block;
  1581. font-size: 12px;
  1582. line-height: 1.6;
  1583. padding: 10px;
  1584. text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  1585. }
  1586. .postmain blockquote div cite {
  1587. background: transparent;
  1588. border-bottom: 0;
  1589. font-weight: 700;
  1590. padding: .25em;
  1591. color: #686966;
  1592. font-size: 12px;
  1593. text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  1594. }
  1595. /* Shadown */
  1596. .pun .main-foot .h2, .pun .main-head .h2 {
  1597. float: left;
  1598. }
  1599. /* Post */
  1600. .pun .main .main-content p.message {
  1601. background-color: #fff;
  1602. border: 1px solid #ddd;
  1603. margin: 1.7em;
  1604. padding: 1em;
  1605. border-radius: 4px;
  1606. }
  1607. .main .main-head .page-title {
  1608. font-size: 12px;
  1609. font-weight: bold;
  1610. text-shadow: rgba(0, 0, 0, 0.9) 0 1px 1px;
  1611. }
  1612. /* Paginas dos tópicos */
  1613. .paging a:hover, .paging b, td p.pag a:hover, td p.pag b {
  1614. background: #406586;
  1615. color: white;
  1616. text-shadow: none;
  1617. -moz-border-radius: 3px;
  1618. -webkit-border-radius: 3px;
  1619. border-radius: 3px;
  1620. -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 3px;
  1621. -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 3px;
  1622. box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 3px;
  1623. padding: 1px 8px;
  1624. cursor: default;
  1625. transition: background .5s ease-in-out;
  1626. -moz-transition: background .5s ease-in-out;
  1627. -webkit-transition: background .5s ease-in-out;
  1628. }
  1629. .paged-foot .paging a, .paging a, td p.pag a {
  1630. background: #EDEFF1 url("http://img823.imageshack.us/img823/8062/dehz.png") repeat;
  1631. color: #768089;
  1632. text-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px;
  1633. -webkit-box-shadow: inset #B3BAC1 0px 1px 3px;
  1634. -moz-box-shadow: inset #b3bac1 0px 1px 3px;
  1635. box-shadow: inset #B3BAC1 0px 1px 3px;
  1636. -moz-border-radius: 3px;
  1637. -webkit-border-radius: 3px;
  1638.  
  1639. border-radius: 3px;
  1640. display: inline-block;
  1641. padding: 1px 8px;
  1642. text-transform: lowercase;
  1643. font-size: 11px;
  1644. font-weight: normal;
  1645. transition: background .5s ease-in-out;
  1646. -moz-transition: background .5s ease-in-out;
  1647. -webkit-transition: background .5s ease-in-out;
  1648. }
  1649. .paged-foot .paging a, .paged-foot .paging a:hover, .paged-foot .paging b, .paging a, .paging b, td p.pag a, td p.pag b {
  1650. -moz-border-radius: 3px;
  1651. -webkit-border-radius: 3px;
  1652. border-radius: 3px;
  1653. font-size: 12px!important;
  1654. margin-right: 3px!important;
  1655. padding: 6px 9px!important;
  1656. transition: background .5s ease-in-out;
  1657. -moz-transition: background .5s ease-in-out;
  1658. -webkit-transition: background .5s ease-in-out;
  1659. }
  1660. /*WIDGET DE ESTATISTICAS*/
  1661. #stats_sidebar {
  1662. margin: -10px;
  1663. }
  1664. #stats_sidebar li {
  1665. border-bottom: 1px solid #E9EDEE;
  1666. border-bottom-style: dashed;
  1667. }
  1668. .List_data li {
  1669. padding: 6px;
  1670. line-height: 1.3;
  1671. }
  1672. .srl {
  1673. color: rgb(150,150,150);
  1674. }
  1675. #stats_sidebar .srr {
  1676. float: right;
  1677. font-weight: bold;
  1678. }
  1679. .pun .main-content ol, .pun .main-content ul {
  1680. padding-left: 0px;
  1681. }
  1682. .module ol, .module ul {
  1683. padding-left: 0px;
  1684. }
  1685. /* Tamanho das imagens - Tópicos */
  1686. /* Outra coisa */
  1687. td.avatar-mini img {
  1688. height: 38px;
  1689. vertical-align: middle;
  1690. width: 38px;
  1691. -khtml-border-radius: 3px!important;
  1692. -moz-border-radius: 3px!important;
  1693. -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1694. -webkit-border-radius: 3px!important;
  1695. -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1696. background: #fff;
  1697. border: 1px solid #c4c4c4!important;
  1698. border-radius: 3px!important;
  1699. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1700. padding: 2px;
  1701. }
  1702. td.avatar-mini img:hover {
  1703. -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1704. -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1705. border-color: #a1a1a1;
  1706. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1707. }
  1708. td.avatar-mini a span {
  1709. text-decoration: none;
  1710. }
  1711. .pun .frm .frm-form table {
  1712. border: 0px;
  1713. }
  1714. .pun div.frm-form {
  1715. margin: 0;
  1716. }
  1717. /* Botoes Fechar do tópico */
  1718. .pun .paged .posting {
  1719. float: right;
  1720. font-size: 1.2em;
  1721. font-weight: 700;
  1722. margin-left: 4px;
  1723. }
  1724. /* Botões Membros */
  1725. .frm-buttons {
  1726. margin-bottom: 10px;
  1727. margin-top: .5em;
  1728. padding: .7em 0 0 17.5em;
  1729. }
  1730. /* Barra WASD */
  1731. .pun-crumbs {
  1732. margin: 0 1px 1em;
  1733. padding: 0;
  1734. }
  1735. /* Inputs de Login */
  1736. .input_log {
  1737. -khtml-border-radius: 3px;
  1738. -khtml-box-shadow: rgba(0, 0, 0, 0.07) 0 1px 3px, inset rgba(255, 255, 255, 0.75) 0 1px 0;
  1739. -moz-border-radius: 3px;
  1740. -moz-box-shadow: rgba(0, 0, 0, 0.07) 0 1px 3px, inset rgba(255, 255, 255, 0.75) 0 1px 0;
  1741. -webkit-border-radius: 3px;
  1742. -webkit-box-shadow: rgba(0, 0, 0, 0.07) 0 1px 3px, inset rgba(255, 255, 255, 0.75) 0 1px 0;
  1743. background-color: #fafbfc;
  1744. border: 1px solid #c1c1c1;
  1745. border-radius: 3px;
  1746. box-shadow: rgba(0, 0, 0, 0.07) 0 1px 3px, inset rgba(255, 255, 255, 0.75) 0 1px 0;
  1747. color: #666;
  1748. font-size: 12px;
  1749. height: 30px;
  1750. line-height: 30px;
  1751. width: 100%;
  1752. text-indent: 10px;
  1753. outline: 0;
  1754. }
  1755. .input-botao {
  1756. color: #fff;
  1757. cursor: pointer;
  1758. padding: 7px 10px;
  1759. width: 100%;
  1760. height: 30px;
  1761. outline: 0;
  1762. }
  1763. /* Dos tópicos */
  1764. .pun .post-entry {
  1765. padding: 0;
  1766. }
  1767. .titlebox dava {
  1768. float:left
  1769. }
  1770. .titlebox dava a img {
  1771. -moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.1);
  1772. -webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.1);
  1773. background:#fff;
  1774. border:1px solid #D5D5D5;
  1775. box-shadow:0 2px 2px rgba(0, 0, 0, 0.1);
  1776. float:left;
  1777. height:50px!important;
  1778. padding:1px;
  1779. width:50px!important
  1780. }
  1781. .ipsType_pagetitle a {
  1782. font-size:23px;
  1783. z-index:999
  1784. }
  1785. .desc.lighter.blend_links {
  1786. color:#a4a4a4;
  1787. float:left;
  1788. font-size:11px
  1789. }
  1790. .desc.lighter, .desc.lighter.blend_links a {
  1791. color:#A4A4A4
  1792. }
  1793. .desc, .desc.blend_links a, p.posted_info {
  1794. color:#777;
  1795. font-size:12px
  1796. }
  1797. .conect {
  1798. display:inline-block;
  1799. padding-left:5px
  1800. }
  1801. /*box*/
  1802. .titlebox {
  1803. -moz-border-radius: 3px;
  1804. -webkit-border-radius: 3px;
  1805. border-radius: 3px;
  1806. background: #EFF1F3;
  1807. border: 1px solid #DFE1E3;
  1808. overflow: hidden;
  1809. padding: 7px;
  1810. text-shadow: #fff 0 1px 0;
  1811. }
  1812. .titlebox dd {
  1813. display: block;
  1814. }
  1815.  
  1816. .titlebox dava {
  1817. float: left;
  1818. }
  1819. .ipsBox_withphoto {
  1820. float: left;
  1821. margin-left: 10px;
  1822. }
  1823. .ipsType_pagetitle {
  1824. color: #323232;
  1825. display: block;
  1826. font-family: Helvetica, Arial, sans-serif;
  1827. font-size: 16px;
  1828. font-style: normal;
  1829. font-variant: normal;
  1830. font-weight: bold;
  1831. line-height: 1.9;
  1832. outline-style: none;
  1833. overflow: hidden;
  1834. text-align: left;
  1835. text-decoration: none;
  1836. text-overflow: ellipsis;
  1837. white-space: nowrap;
  1838. width: 600px;
  1839. }
  1840. .ipsType_pagetitle a {
  1841. font-size: 23px;
  1842. z-index: 999;
  1843. }
  1844. .desc.lighter.blend_links {
  1845. color: #777;
  1846. float: left;
  1847. font-size: 11px;
  1848. }
  1849. .socialetopic {
  1850. float: right;
  1851. position: relative;
  1852. }
  1853. .titlebox dava a img {
  1854. float: left;
  1855. height: 25px!important;
  1856. width: 25px!important;
  1857. -webkit-border-radius: 3px;
  1858. -moz-border-radius: 3px;
  1859. border-radius: 3px;
  1860. -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1861. -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1862. background: #fff;
  1863. border: 1px solid #D5D5D5;
  1864. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1865. }
  1866. .titlebox dava a img:hover {
  1867. -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1868. -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1869. border-color: #a1a1a1;
  1870. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1871. }
  1872. /* Avatar resposta rápida */
  1873. /*quick avatar*/
  1874. #quick-avatar {
  1875. float: left;
  1876. margin: 21px;
  1877. }
  1878. #quick-avatar img {
  1879. width: 50px;
  1880. height: 50px;
  1881. padding: 2px;
  1882. border: 1px solid #D5D5D5;
  1883. background: white;
  1884. border-radius: 4px;
  1885. }
  1886. #quick-avatar img:hover {
  1887. -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1888. -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1889. border-color: #A1A1A1;
  1890. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1891. }
  1892. .pun .postfoot .post-options img {
  1893.  
  1894. border-right: 1px solid rgba(0, 0, 0, 0.1);
  1895. }
  1896. .pun .postfoot .user-contact {
  1897. float: left;
  1898. text-align: left;
  1899. width: 15em;
  1900. margin-top: 7px;
  1901. margin-left: 5px;
  1902. }
  1903. #avatar img {
  1904. margin-top: -3px;
  1905. height: 23px;
  1906. width: 24px;
  1907. -khtml-border-radius: 3px!important;
  1908. -moz-border-radius: 3px!important;
  1909. -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1910. -webkit-border-radius: 3px!important;
  1911. -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1912. background: #fff;
  1913. border: 1px solid #c4c4c4!important;
  1914. border-radius: 30px!important;
  1915. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1916. padding: 1px;
  1917. }
  1918. #avatar img:hover {
  1919. -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1920. -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1921. border-color: #a1a1a1;
  1922. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1923. }
  1924. /* TEXTAREA */
  1925. #textarea_content {
  1926. width: 92%!important;
  1927. }
  1928. .sceditor-container {
  1929. border: 1px solid #dbe4ef !important;
  1930. }
  1931. .sceditor-container iframe, .sceditor-container textarea {
  1932. background: #FFF!important;
  1933. min-height:180px;
  1934. width: 99%!important;
  1935. border:0!important;
  1936. color:#111!important;
  1937. font-family:Verdana, Arial, Helvetica, sans-serif!important;
  1938. font-size:13px!important;
  1939. outline:0!important;
  1940. padding:0!important;
  1941. resize:none!important;
  1942. }
  1943. .sceditor-toolbar {
  1944. background-color: rgb(232,237,245) !important;
  1945. border-bottom: 1px solid #dbe4ef !important;
  1946. }
  1947. .sceditor-group {
  1948. border: 1px solid #dbe4ef !important;
  1949. background: rgb(232,237,245) url(http://i.imgur.com/0LXIBHQ.png) repeat-x top!important;
  1950. padding: 1px!important;
  1951. border: 1px solid rgb(201,218,235)!important;
  1952. -webkit-border-radius: 3px!important;
  1953. -moz-border-radius: 3px!important;
  1954. -khtml-border-radius: 3px!important;
  1955. border-radius: 3px!important;
  1956. overflow: hidden!important;
  1957. }
  1958. .sceditor-button.active, .sceditor-button:active, .sceditor-button:hover {
  1959. border: 1px solid #dbe4ef !important;
  1960. background: rgb(232,237,245) url(http://i.imgur.com/0LXIBHQ.png) repeat-x top!important;
  1961. padding: 2px 4px!important;
  1962. margin: 0!important;
  1963. border: 1px solid rgb(201,218,235)!important;
  1964. -webkit-border-radius: 3px!important;
  1965. -moz-border-radius: 3px!important;
  1966. -khtml-border-radius: 3px!important;
  1967. border-radius: 3px!important;
  1968. overflow: hidden!important;
  1969. -moz-box-shadow: none!important;
  1970. -webkit-box-shadow: none!important;
  1971. box-shadow: none!important;
  1972. -webkit-transition: none!important;
  1973. -moz-transition: none!important;
  1974. transition: none!important;
  1975. }
  1976. /* Avatar - últimos assuntos */
  1977. .avt-r img {
  1978. background: none repeat scroll 0% 0% #FFF;
  1979. -khtml-border-radius: 3px!important;
  1980. -moz-border-radius: 3px!important;
  1981. -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1982. -webkit-border-radius: 3px!important;
  1983. -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1984. background: #fff;
  1985. border: 1px solid #c4c4c4!important;
  1986. border-radius: 3px!important;
  1987. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1988. float: left;
  1989. height: 30px;
  1990. margin-right: 3px;
  1991. padding: 1px;
  1992. width: 30px;
  1993. }
  1994. .avt-r img:hover {
  1995. -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1996. -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1997. border-color: #a1a1a1;
  1998. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1999. }
  2000. /* Avatar Perfil WASD */
  2001. .avat-p img {
  2002. background: none repeat scroll 0% 0% #FFF;
  2003. -khtml-border-radius: 3px!important;
  2004. -moz-border-radius: 3px!important;
  2005. -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  2006. -webkit-border-radius: 3px!important;
  2007. -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  2008. background: #fff;
  2009. border: 1px solid #c4c4c4!important;
  2010. border-radius: 3px!important;
  2011. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  2012. float: left;
  2013. height: 90px;
  2014. margin-right: 3px;
  2015. padding: 2px;
  2016. width: 90px;
  2017. }
  2018. .avat-p img:hover {
  2019. -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  2020. -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  2021. border-color: #a1a1a1;
  2022. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  2023. }
  2024. /* Sair - aviso */
  2025. .main .frm-info {
  2026. background: #FFEA97 url(http://imgur.com/PIQA4LA.png) no-repeat 6px 10px;
  2027. font-family: "Trebuchet MS", tahoma, helvetica, arial, sans-serif;
  2028. font-size: 11px;
  2029. font-style: normal;
  2030. font-variant: normal;
  2031. font-weight: 700;
  2032. line-height: 18px;
  2033. margin: 15px 1.7em 1.7em;
  2034. padding: 8px 8px 8px 28px;
  2035. text-shadow: #fffaf1 0 1px 0;
  2036. -webkit-border-radius: 3px;
  2037. -moz-border-radius: 3px;
  2038. border-radius: 3px;
  2039. background-color: #FFEA97;
  2040. border: 1px solid #E1B500;
  2041. color: #796100;
  2042. }
  2043. /* Páginas internas */
  2044. strong.pagination {
  2045. -moz-border-radius: 3px;
  2046. -webkit-border-radius: 3px;
  2047. background-color: #D5DCE2;
  2048. background-image: url(http://i.imgur.com/EHGpChd.png);
  2049. background-position: 0 -1px;
  2050. background-repeat: repeat-x;
  2051. border-radius: 3px;
  2052. color: #fff;
  2053. cursor: default;
  2054. font-size: 9px;
  2055. font-weight: 700;
  2056. height: 16px;
  2057. line-height: 16px;
  2058. padding: 3px 5px;
  2059. text-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0;
  2060. text-transform: uppercase;
  2061. }
  2062. /* CSS - Mensagens Privadas WASD */
  2063. .mpbox {
  2064. -moz-border-radius: 3px;
  2065. -webkit-border-radius: 3px;
  2066. background: #EFF1F3;
  2067. border: 1px solid #DFE1E3;
  2068. border-radius: 3px;
  2069. overflow: hidden;
  2070. padding: 7px;
  2071. text-shadow: #fff 0 1px 0;
  2072. margin-top: 5px;
  2073. }
  2074. .mpbox1 {
  2075. -moz-border-radius: 3px;
  2076. -webkit-border-radius: 3px;
  2077. background: #EFF1F3;
  2078. border: 1px solid #DFE1E3;
  2079. border-radius: 3px;
  2080. overflow: hidden;
  2081. padding: 7px;
  2082. text-shadow: #fff 0 1px 0;
  2083. margin-top: 5px;
  2084. }
  2085. .pun .main .options {
  2086. color: #000;
  2087. float: right;
  2088. text-align: right;
  2089. }
  2090. .avatar-mp {
  2091. -moz-box-shadow: 0 0 0 1px #D5D5D5;
  2092. -webkit-box-shadow: 0 0 0 1px #D5D5D5;
  2093. background: #fff;
  2094. border-radius: 3px;
  2095. height: 90px;
  2096. width: 90px;
  2097. overflow: hidden;
  2098. border: 2px solid #fff;
  2099. box-shadow: 0 0 0 1px #D5D5D5;
  2100. margin-left: 18px;
  2101. }
  2102. /* Todas Inputs WASD */
  2103. .inputbox {
  2104. -khtml-border-radius: 3px;
  2105. -khtml-box-shadow: rgba(0, 0, 0, 0.07) 0 1px 3px, inset rgba(255, 255, 255, 0.75) 0 1px 0;
  2106. -moz-border-radius: 3px;
  2107. -moz-box-shadow: rgba(0, 0, 0, 0.07) 0 1px 3px, inset rgba(255, 255, 255, 0.75) 0 1px 0;
  2108. -webkit-border-radius: 3px;
  2109. -webkit-box-shadow: rgba(0, 0, 0, 0.07) 0 1px 3px, inset rgba(255, 255, 255, 0.75) 0 1px 0;
  2110. background-color: #fafbfc;
  2111. border: 1px solid #c1c1c1;
  2112. border-radius: 3px;
  2113. box-shadow: rgba(0, 0, 0, 0.07) 0 1px 3px, inset rgba(255, 255, 255, 0.75) 0 1px 0;
  2114. color: #666;
  2115. font-size: 12px;
  2116. outline: 0;
  2117. padding: 9px!important;
  2118. }
  2119. input[type="submit"] {
  2120. background-color: #00AAEA!important;
  2121. border-radius: 2px;
  2122. box-shadow: 0 0 0 1px rgba(0,0,0,0.25) inset, 0 1px 4px rgba(0,0,0,0.15),rgba(0,0,0,0.06) 0 1px 4px!important;
  2123. border: 0!important;
  2124. border-radius: 2px!important;
  2125. color: #fff!important;
  2126. cursor: pointer;
  2127. font-family: segoe ui;
  2128. font-size: 11px!important;
  2129. outline: 0!important;
  2130. text-shadow: rgba(0, 0, 0, 0.2) 0 1px 0;
  2131. padding: 8px;
  2132. text-transform: uppercase;
  2133. height: 30px!important;
  2134. }
  2135. input[type="submit"]:hover {
  2136. opacity: 0.9;
  2137. }
  2138. input[type="select"] {
  2139. -khtml-border-radius: 3px;
  2140. -khtml-box-shadow: rgba(0, 0, 0, 0.07) 0 1px 3px, inset rgba(255, 255, 255, 0.75) 0 1px 0;
  2141. -moz-border-radius: 3px;
  2142. -moz-box-shadow: rgba(0, 0, 0, 0.07) 0 1px 3px, inset rgba(255, 255, 255, 0.75) 0 1px 0;
  2143. -webkit-border-radius: 3px;
  2144. -webkit-box-shadow: rgba(0, 0, 0, 0.07) 0 1px 3px, inset rgba(255, 255, 255, 0.75) 0 1px 0;
  2145. background-color: #fafbfc;
  2146. border: 1px solid #c1c1c1;
  2147. border-radius: 3px;
  2148. box-shadow: rgba(0, 0, 0, 0.07) 0 1px 3px, inset rgba(255, 255, 255, 0.75) 0 1px 0;
  2149. color: #666;
  2150. font-size: 12px;
  2151. outline: 0;
  2152. padding: 9px!important;
  2153. }
  2154. .pun select {
  2155. -khtml-border-radius: 3px;
  2156. -khtml-box-shadow: rgba(0, 0, 0, 0.07) 0 1px 3px, inset rgba(255, 255, 255, 0.75) 0 1px 0;
  2157. -moz-border-radius: 3px;
  2158. -moz-box-shadow: rgba(0, 0, 0, 0.07) 0 1px 3px, inset rgba(255, 255, 255, 0.75) 0 1px 0;
  2159. -webkit-border-radius: 3px;
  2160. -webkit-box-shadow: rgba(0, 0, 0, 0.07) 0 1px 3px, inset rgba(255, 255, 255, 0.75) 0 1px 0;
  2161. background-color: #fafbfc;
  2162. border: 1px solid #c1c1c1;
  2163. border-radius: 3px;
  2164. box-shadow: rgba(0, 0, 0, 0.07) 0 1px 3px, inset rgba(255, 255, 255, 0.75) 0 1px 0;
  2165. color: #666;
  2166. font-size: 12px;
  2167. outline: 0;
  2168. padding: 9px!important;
  2169. }
  2170. #find_user {
  2171. -moz-border-radius: 3px!important;
  2172. -webkit-border-radius: 3px!important;
  2173. background: #2C638F!important;
  2174. border: 0!important;
  2175. border-radius: 3px!important;
  2176. color: #fff!important;
  2177. cursor: pointer;
  2178. font-weight: bold;
  2179. outline: 0!important;
  2180. padding: 9px 15px!important;
  2181. text-shadow: rgba(0, 0, 0, 0.9) 0 1px 1px!important;
  2182. box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0px, inset rgba(0, 0, 0, 0.30) 0 0 0 1px, inset rgba(255, 255, 255, 0.15) 0 2px 0px, rgba(0, 0, 0, 0.15) 0 1px 4px, inset rgba(255, 255, 255, 0.2) 0 10px 25px;
  2183. -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 0 0 1px, rgba(0, 0, 0, 0.3) 0 1px 4px;
  2184. }
  2185. #find_user:hover {
  2186. background-color: #466F93!important;
  2187. }
  2188. .button2 {
  2189. -moz-border-radius: 3px!important;
  2190. -webkit-border-radius: 3px!important;
  2191. background: #2C638F!important;
  2192. border: 0!important;
  2193. border-radius: 3px!important;
  2194. color: #fff!important;
  2195. cursor: pointer;
  2196. font-weight: bold;
  2197. outline: 0!important;
  2198. padding: 9px 15px!important;
  2199. text-shadow: rgba(0, 0, 0, 0.9) 0 1px 1px!important;
  2200. box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0px, inset rgba(0, 0, 0, 0.30) 0 0 0 1px, inset rgba(255, 255, 255, 0.15) 0 2px 0px, rgba(0, 0, 0, 0.15) 0 1px 4px, inset rgba(255, 255, 255, 0.2) 0 10px 25px;
  2201. -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 0 0 1px, rgba(0, 0, 0, 0.3) 0 1px 4px;
  2202. }
  2203. .button2:hover {
  2204. background-color: #466F93!important;
  2205. }
  2206. /* Linha da assinatura WASD */
  2207. .pun .sig-content {
  2208. clear: both;
  2209. margin-bottom: 10px;
  2210. padding: .5em 1em;
  2211. position: relative;
  2212. overflow: auto;
  2213. max-height: 200px;
  2214. }
  2215. .pun div, .pun td, .sig-line {
  2216. border-color: ##DDD;
  2217. color: ##DDD;
  2218. }
  2219. .sig-content, .signature_div {
  2220. border-top: 1px dashed #D9DBDD;
  2221. }
  2222. /* Umas coisas WASD */
  2223. .pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
  2224. background-image: url(http://i.imgur.com/INbRRHr.png)!important;
  2225. background-position: left;
  2226. background-repeat: no-repeat;
  2227. padding-left: 20px;
  2228. }
  2229. /* Moderar Tópico */
  2230. #moderation_tool {
  2231. margin: 0 0 8px 0;
  2232. }
  2233. #moderation_tool.act_mod p {
  2234. -moz-border-radius: 3px;
  2235. -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
  2236. -moz-transition: all .2s ease-in-out;
  2237. -webkit-border-radius: 3px;
  2238. -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
  2239. -webkit-transition: all .2s ease-in-out;
  2240. cursor: pointer;
  2241. webkit-touch-callout: none;
  2242. -webkit-user-select: none;
  2243. -khtml-user-select: none;
  2244. -moz-user-select: none;
  2245. -ms-user-select: none;
  2246. user-select: none;
  2247. background: -moz-linear-gradient(#f6f8fa, #edeeef);
  2248. background-image: -webkit-linear-gradient(#f6f8fa, #edeeef);
  2249. border: 1px solid #D9DBDD;
  2250. border-radius: 3px;
  2251. box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
  2252. color: #616161;
  2253. display: inline-block;
  2254. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8fa', endColorstr='#edeeef', GradientType=0);
  2255. font-size: 12px;
  2256. height: 22px;
  2257. line-height: 22px;
  2258. padding: 0 10px;
  2259. white-space: nowrap;
  2260. }
  2261. #popw {
  2262. background-color: #464646;
  2263. background-color: rgba(70, 70, 70, 0.6);
  2264. padding: 4px;
  2265. -webkit-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7);
  2266. -moz-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7);
  2267. box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7 );
  2268. -moz-border-radius: 4px;
  2269. -webkit-border-radius: 4px;
  2270. border-radius: 4px;
  2271. display: none;
  2272. z-index: 999;
  2273. margin-top: 16px;
  2274. position: absolute;
  2275. }
  2276. #popw .mod_hover {
  2277. background-image: url(http://i38.servimg.com/u/f38/18/24/85/15/bottom10.png);
  2278. width: 31px;
  2279. height: 16px;
  2280. top: -16px;
  2281. left: 5px;
  2282. z-index: 999;
  2283. position: absolute;
  2284. }
  2285. #popw .popwinner {
  2286. background: #fff;
  2287. max-height: 465px;
  2288. width: 190px;
  2289. overflow: auto;
  2290. -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  2291. -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  2292. box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  2293. overflow-x: hidden;
  2294. }
  2295. #popw .popwinner li {
  2296. background: rgb(248, 248, 248);
  2297. list-style-type: none;
  2298. border-bottom: 1px solid rgb(234, 234, 234);
  2299. text-align: center;
  2300. padding: 3px 4px;
  2301. }
  2302. #popw .popwinner li a {
  2303. color: #333!important;
  2304. }
  2305. /* Tooltip categorias WASD */
  2306. .hover_stats {
  2307. display: none;
  2308. position: absolute;
  2309. }
  2310. .stats_arrow {
  2311. margin-left: 150px;
  2312. margin-right: -1px;
  2313. margin-top: -1px;
  2314. position: relative;
  2315. }
  2316. .idx_stats {
  2317. background: rgb(66, 66, 66);
  2318. border-radius: 3px;
  2319. color: rgb(255, 255, 255);
  2320. display: inline;
  2321. font-size: 10px;
  2322. padding: 3px 5px;
  2323. }
  2324. /* Icones menu WASD */
  2325. .icone-large {
  2326. background-image: url("http://i.imgur.com/8J7JPyR.png");
  2327. background-position: 24px 24px;
  2328. background-repeat: no-repeat;
  2329. display: inline-block;
  2330. height: 28px;
  2331. line-height: 28px;
  2332. vertical-align: text-bottom;
  2333. width: 22px;
  2334. }
  2335. .icone-large.icone-inicio {
  2336. background-position: 1px 10px;
  2337. height: 24px;
  2338. width: 15px;
  2339. }
  2340. .icone-large.icone-perfil {
  2341. background-position: -16px 10px;
  2342. height: 24px;
  2343. width: 15px;
  2344. }
  2345. .icone-large.icone-membros {
  2346. background-position: -33px 10px;
  2347. height: 24px;
  2348. width: 21px;
  2349. }
  2350. .icone-large.icone-loja {
  2351. background-position: -77px 10px;
  2352. height: 24px;
  2353. width: 15px;
  2354. }
  2355. .icone-large.icone-regras {
  2356. background-position: -57px 10px;
  2357. height: 24px;
  2358. width: 17px;
  2359. }
  2360. /* Tabs WASD */
  2361. #tabs ul li a {
  2362. color: rgb(20,20,20);
  2363. text-decoration: none;
  2364. background: #e8edf5 url(http://i.imgur.com/0LXIBHQ.png) repeat-x top;
  2365. border: 1px solid #C6CFD8;
  2366. padding: 0 8px;
  2367. margin-right: -1px;
  2368. margin-bottom: -1px;
  2369. -webkit-border-top-left-radius: 3px;
  2370. -moz-border-radius-topleft: 3px;
  2371. -khtml-border-top-left-radius: 3px;
  2372. border-top-left-radius: 3px;
  2373. -webkit-border-top-right-radius: 3px;
  2374. -moz-border-radius-topright: 3px;
  2375. -khtml-border-top-right-radius: 3px;
  2376. border-top-right-radius: 3px;
  2377. display: inline-block;
  2378. line-height: 22px;
  2379. cursor: pointer;
  2380. outline: 0 none;
  2381. white-space: nowrap;
  2382. word-wrap: normal;
  2383. height: 22px;
  2384. }
  2385. #tabs ul li a:hover {
  2386. background-color: #CEDAEC;
  2387. }
  2388. #tabs ul li.activetab a {
  2389. background: #1f537b url(http://i.imgur.com/0LXIBHQ.png) repeat-x top;
  2390. color: #fff;
  2391. text-decoration: none;
  2392. }
  2393. /* Header minimizada WASD */
  2394. .main .main-head.collapsed {
  2395. opacity: 0.6;
  2396. border-radius: 3px;
  2397. -moz-border-radius: 3px;
  2398. -webkit-border-radius: 3px;
  2399. }
  2400. /* testes do WASD */
  2401. #ucp .frm-set.multi dl input, dd.frm-input input, input.inputbox {
  2402. -khtml-border-radius: 3px;
  2403. -khtml-box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0;
  2404. -moz-border-radius: 3px;
  2405. -moz-box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0;
  2406. -webkit-border-radius: 3px;
  2407. -webkit-box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0;
  2408. background-color: #fafbfc;
  2409. border: 1px solid #c1c1c1;
  2410. border-radius: 3px;
  2411. box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0;
  2412. color: #666;
  2413. font-size: 12px;
  2414. outline: 0;
  2415. padding: 9px!important;
  2416. }
  2417. .pun .frm dd.frm-input, .pun .frm dd.frm-input input, .pun .frm dd.frm-textarea {
  2418. width: 80%!important;
  2419. }
  2420. .fieldset.frm-set.multi {
  2421. border-bottom: 1px solid #d8d8d8;
  2422. border-style: solid;
  2423. }
  2424. /*Menu-DropDown*/
  2425. #perfil_drop {
  2426. -khtml-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
  2427. -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
  2428. -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
  2429. background: linear-gradient(#FFF,#EDEDED) repeat scroll 0 0 transparent;
  2430. border: 0 none!important;
  2431. border-radius: 0 0 3px 3px;
  2432. box-shadow: rgba(0,0,0,0.3) 0 1px 5px!important;
  2433. color: #225985;
  2434. font-family: helvetica,arial,sans-serif;
  2435. font-size: 12px;
  2436. font-style: normal;
  2437. font-variant: normal;
  2438. font-weight: 400;
  2439. overflow: hidden;
  2440. position: absolute;
  2441. right: 11%;
  2442. text-align: left;
  2443. top: 37px;
  2444. width: 270px;
  2445. z-index: 999;
  2446. padding: 5px;
  2447. }
  2448. .nav_c{
  2449. box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.58)!important;
  2450. }
  2451. .avat img {
  2452. -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  2453. -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  2454. background: #fff;
  2455. border: 1px solid #D5D5D5;
  2456. border-radius: 3px;
  2457. box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  2458. height: 50px;
  2459. margin: 5px;
  2460. margin-left: 6px;
  2461. padding: 1px;
  2462. width: 50px;
  2463. }
  2464. .avat img:hover {
  2465. -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
  2466. -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
  2467. border-color: #A1A1A1;
  2468. box-shadow: 0 2px 2px rgba(0,0,0,0.2);
  2469. }
  2470. #perfil_drop li {
  2471. float: right;
  2472. line-height: 22px;
  2473. white-space: nowrap;
  2474. width: 34.5%;
  2475. }
  2476. #perfil_drop li a {
  2477. color:#00569C;
  2478. text-decoration:none;
  2479. }
  2480. .menu_active {
  2481. border-radius:5px 5px 0 0;
  2482. text-shadow:#fff 0 0 3px;
  2483. }
  2484. .seta-topo-perfil {
  2485. border:transparent 5px solid;
  2486. border-top:#fff solid 5px;
  2487. display:inline-block;
  2488. float:right;
  2489. margin-left:5px;
  2490. height:0;
  2491. margin-top:17px;
  2492. width:0;
  2493. }
  2494. tr {
  2495. -moz-transition:background .3s ease-in-out;
  2496. -webkit-transition:background .3s ease-in-out;
  2497. transition:background .3s ease-in-out;
  2498. }
  2499. tr:hover {
  2500. background:rgba(44,99,143,0.1);
  2501. -moz-transition:background .3s ease-in-out;
  2502. -webkit-transition:background .3s ease-in-out;
  2503. transition:background .3s ease-in-out;
  2504. }
  2505. #chatbox a[href="/u1"] {
  2506. background:url(http://i55.tinypic.com/21ee1pt.gif);
  2507. }
  2508.  
  2509. /* Box Submenu */
  2510. .submenu {
  2511. background: #FFF;
  2512. width: 100%;
  2513. height: 40px;
  2514. padding: 0;
  2515. overflow: hidden;
  2516. left: 0px;
  2517. top: 42px;
  2518. border-bottom: 1px solid rgb(206, 210, 216);
  2519. }
  2520. fieldset {
  2521. border: 0 groove threedface;
  2522. margin-top: 51px;
  2523. }
  2524.  
  2525. #more_apps_menucontent, .submenu_container{
  2526. background:#323436;
  2527. border:0;
  2528. font-size:12px;}
  2529. #more_apps_menucontent li, .submenu_container li{
  2530. border:0;
  2531. color: #fff !important;
  2532. float:none!important;
  2533. padding:0}
  2534. #more_apps_menucontent a, .submenu_container a {
  2535. color:#fff !important;
  2536. z-index: 999;
  2537. display:block;
  2538. padding:8px 10px;
  2539. text-shadow:0 1px 1px rgba(0,0,0,0.5)}
  2540. #more_apps_menucontent li:hover,.submenu_container li:hover{
  2541. background:rgba(0,0,0,0.1)!important}
  2542. #more_apps_menucontent li:hover a,.submenu_container li:hover a{
  2543. color:#D3E3F1;
  2544. text-shadow:none}
  2545. #more_apps_menucontent li, .submenu_container li {
  2546. width: 140px}
  2547. #more_apps_menucontent, .submenu_container {
  2548. margin-top: -4px}
  2549. #smiley-box {display: none;}
  2550. .pun h2, .pun h3, .pun input, .pun select, .pun th {
  2551. font-size: 1em;
  2552. font-family: Segoe UI;
  2553. }
  2554. .userAdministrador, .userClient, .userCoadmin, .userSuporte, .userDesigner, .userManagement, .userMember, .userNewba, .userModerator, .userStaff, .vipBS, .userProgrammer {
  2555. margin-top: 9px;
  2556. -moz-border-radius: 3px;
  2557. -webkit-border-radius: 3px;
  2558. background: transparent;
  2559. border-radius: 3px;
  2560. border-top: 1px solid rgba(0,0,0,.20);
  2561. bottom: -7px;
  2562. color: #fff;
  2563. display: inline-block;
  2564. font-size: 11px;
  2565. font-weight: 700;
  2566. text-align: center;
  2567. text-decoration: none;
  2568. text-shadow: 0 2px 0 rgba(0,0,0,0.14);
  2569. text-transform: uppercase;
  2570. font-family: Ubuntu;
  2571. padding-bottom: 5px;
  2572. padding-left: 10px;
  2573. padding-right: 10px;
  2574. padding-top: 5px;
  2575. }
  2576.  
  2577. .userAdministrador {
  2578. background: #D60808;
  2579. }
  2580. .userClient {
  2581. background: #02870A;
  2582. }
  2583. .userCoadmin {
  2584. background: #9F0BD1;
  2585. }
  2586. .userSuporte {
  2587. background: #000CF5;
  2588. }
  2589. .userDesigner {
  2590. background: #E39A07;
  2591. }
  2592. .userManagement {
  2593. background: #000000;
  2594. }
  2595. .userMember {
  2596. background: #6C7070;
  2597. }
  2598. .userNewba {
  2599. background: #98F5FF;
  2600. }
  2601. .userModerator {
  2602. background: #A6A6A6;
  2603. }
  2604. .userStaff {
  2605. background: #FFFF00;
  2606. }
  2607. .vipBS {
  2608. background: #8307D6;
  2609. }
  2610.  
  2611. /*******CURTIR NO POST********/
  2612. #rep_post .reput_vote {
  2613. background-color: #daedfb;
  2614. color: #666;
  2615. -khtml-user-select: none;
  2616. -moz-transition: all,0.15s;
  2617. -moz-user-select: none;
  2618. -ms-user-select: none;
  2619. -o-transition: all,0.15s;
  2620. -webkit-touch-callout: none;
  2621. -webkit-transition: all,0.15s;
  2622. -webkit-user-select: none;
  2623. background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
  2624. background-size: 12px;
  2625. clear: both;
  2626. color: #666;
  2627. cursor: pointer;
  2628. display: table;
  2629. font-size: 11px;
  2630. font-weight: 400;
  2631. line-height: 18px;
  2632. margin: 5px;
  2633. padding: 3px 5px 3px 25px;
  2634. text-align: right;
  2635. transition: all,0.15s;
  2636. }
  2637. .reput_vote.zero {
  2638. background-color: #6a6a6a;
  2639. }
  2640.  
  2641.  
  2642. .BS_like:hover {
  2643. background-color: #daedfb;
  2644. color: #666;
  2645. }
  2646. .BS_like {
  2647. -khtml-user-select: none;
  2648. -moz-transition: all,0.15s;
  2649. -moz-user-select: none;
  2650. -ms-user-select: none;
  2651. -o-transition: all,0.15s;
  2652. -webkit-touch-callout: none;
  2653. -webkit-transition: all,0.15s;
  2654. -webkit-user-select: none;
  2655. background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
  2656. background-size: 12px;
  2657. clear: both;
  2658. color: #666;
  2659. cursor: pointer;
  2660. display: table;
  2661. font-size: 11px;
  2662. font-weight: 400;
  2663. line-height: 18px;
  2664. margin: 5px;
  2665. padding: 3px 5px 3px 25px;
  2666. text-align: right;
  2667. transition: all,0.15s;
  2668. user-select: none;
  2669. }
  2670.  
  2671. .BS_like:before {
  2672. content: "Curtir";
  2673. }
  2674.  
  2675. #rep_post .bs_inline {
  2676. list-style: none;
  2677. }
  2678.  
  2679. .BS_like:hover {
  2680. background-color: #daedfb;
  2681. color: #666;
  2682. }
  2683.  
  2684. #rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
  2685. #rep_post .bs_inline {list-style: none;}
  2686. #rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
  2687. #rep_post .bs_inline > li:first-child {margin-left: 0;}
  2688. #rep_post .bs_inline img {display: none;}
  2689. #rep_post span img {cursor: pointer;}
  2690.  
  2691.  
  2692. .reput_vote.positive {background-color: #8db13e;}
  2693. .reput_vote.zero {background-color: #6a6a6a;}
  2694.  
  2695. #rep_post .reput_vote:before {
  2696. content: "Curtidas ";
  2697. }
  2698. .text-uper02 {
  2699. font-family: segoe UI;
  2700. font-size: 25px;
  2701. font-weight: 600;
  2702. color: #fff;
  2703. text-transform: uppercase;
  2704. text-align: center;
  2705. margin-top: 153px;
  2706. }
  2707. #main-content{
  2708. background: #fff;
  2709. border: 1px solid #ececec;
  2710. border-radius: 4px;
  2711. margin-right: 7px;
  2712. padding: 10px;
  2713. border: 1px solid #ddd;
  2714. border-radius: 2px;
  2715. box-shadow: rgba(0,0,0,0.05) 0px 1px 4px;
  2716. }
  2717. tr {
  2718. -moz-transition: background .3s ease-in-out;
  2719. -webkit-transition: background .3s ease-in-out;
  2720. transition: background .3s ease-in-out;
  2721. border-bottom: 1px dashed #f5f5f5;
  2722. }
  2723. tr:hover {
  2724. -moz-transition: background .3s ease-in-out;
  2725. -webkit-transition: background .3s ease-in-out;
  2726. background: #f9f9f9;
  2727. transition: background .3s ease-in-out;
  2728. }
  2729. #page-body{
  2730. background: #FFF;
  2731. border: 1px solid #ddd;
  2732. border-radius: 2px;
  2733. box-shadow: rgba(0,0,0,0.05) 0px 1px 4px;
  2734. }
  2735. #message {margin-top: 0px!important;}
  2736. label[for="message"] {opacity:0;display:none;}
  2737. #divcolor, #divsmilies, #help-button, #submit_button, .format-message + label{ border: 1px solid #ddd;
  2738. background: #f5f5f5;
  2739. border-radius: 3px;
  2740. box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
  2741. display: inline-block;
  2742. height: 18px;
  2743. line-height: 16px;
  2744. text-align: center;
  2745. width: 18px;}
  2746. #help-button{
  2747. cursor: pointer;
  2748. font-weight: 700;
  2749. margin-left: 4px;
  2750. margin-top: 3px;
  2751. margin-right: 6px;
  2752. float: right;
  2753. width: 20px;
  2754. height: 20px;
  2755. line-height: 19px;
  2756. color: #555;
  2757. font-size: 10px;
  2758. font-weight: normal;
  2759. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement