Advertisement
Guest User

Untitled

a guest
Mar 6th, 2018
97
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 66.39 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. border: 0px!important;;}
  1289. #chatbox{
  1290. background: #f9f9f9!important;
  1291. border: none!important;
  1292. border-bottom: none!important;
  1293. border-top: none!important;
  1294. margin: 20px 5px 10px 0 !important;
  1295. padding: 8px!important;
  1296. }
  1297.  
  1298.  
  1299. /*crumbs*/
  1300. p.crumbs a {
  1301. color: #777!important;
  1302. font: normal 13px helvetica, arial, sans-serif;
  1303. }
  1304.  
  1305. #content-container div#container {
  1306. float:left;
  1307. margin-right:-220px;
  1308. width:100%;
  1309. margin-top:10px;
  1310. }
  1311. #content-container div#right {
  1312. float: right;
  1313. overflow: hidden;
  1314. width: 220px;
  1315. margin-top:10px;
  1316. }
  1317. .mainmenu[href=/calendar] {
  1318. display: none !important;
  1319. }
  1320. .module .details img {
  1321. -khtml-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1322. -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1323. -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1324. border: 1px solid #d5d5d5;
  1325. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1326. height: 30px;
  1327. padding: 1px;
  1328. width: 30px;
  1329. -khtml-border-radius: 3px!important;
  1330. -moz-border-radius: 3px!important;
  1331. -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1332. -webkit-border-radius: 3px!important;
  1333. }
  1334. .module .details img:hover {
  1335. -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1336. -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1337. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1338. }
  1339. .mini_ava {
  1340. float: left;
  1341. }
  1342. .mini_ava img {
  1343. background: #fff;
  1344. border: 1px solid #c4c4c4;
  1345. border-radius: 50%;
  1346. height: 40px;
  1347. margin: 0 5px;
  1348. padding: 2px;
  1349. width: 40px;
  1350. }
  1351. /* Ícones dos Staff's WASD */
  1352. #chatbox a span[style="color:#D10404"] {
  1353. background: url(http://i.imgur.com/c5ccLfl.png) no-repeat;
  1354. padding-left: 18px
  1355. }
  1356. #chatbox a span[style="color:#004B9C"] {
  1357. background: url(http://i.imgur.com/OT1iWA0.png) no-repeat;
  1358. padding-left: 18px
  1359. }
  1360. #chatbox a span[style="color:#000000"] {
  1361. background: url(http://i.imgur.com/KLR7Fgk.png) no-repeat;
  1362. padding-left: 18px;
  1363. padding-top: 2px;
  1364. }
  1365. #chatbox a span[style="color:#07B87D"] {
  1366. background: url(http://i.imgur.com/Eo8qdSb.png) no-repeat;
  1367. padding-left: 18px
  1368. }
  1369. /* crumbs do Wasd */
  1370. .pun-crumbs {
  1371. background: #f9f9f9;
  1372. border-image-outset: initial;
  1373. border-image-repeat: initial;
  1374. border-image-slice: initial;
  1375. border-image-source: initial;
  1376. border-image-width: initial;
  1377. border-style: solid;
  1378. border-width: 1px;
  1379. margin: 0 1px 1em;
  1380. overflow: hidden;
  1381. padding: 0;
  1382. text-shadow: #fff 0 1px 0;
  1383. zoom: 1;
  1384. border: 1px solid #dcdcdc;
  1385. border-radius: 2px;
  1386. box-shadow: rgba(0,0,0,0.05) 0px 1px 4px;
  1387. }
  1388. p.crumbs {
  1389. color: #F3F3F3;
  1390. }
  1391. .pun-crumbs p {
  1392. color: rgb(102, 102, 102);
  1393. font-size: 1.11em;
  1394. line-height: 1.5;
  1395. margin: 0px;
  1396. }
  1397. p.crumbs a {
  1398. background: url(http://i.imgur.com/YV4W3Zo.png) no-repeat 100% -1px;
  1399. color: #777!important;
  1400. font-family: helvetica,arial,sans-serif;
  1401. font-size: 11px;
  1402. font-style: normal;
  1403. font-variant: normal;
  1404. font-weight: normal;
  1405. line-height: 31px;
  1406. padding: 10px 24px 11px 16px;
  1407. }
  1408. #chatbox_members {
  1409. background: transparent;
  1410. border-right: 1px solid #eee;
  1411. bottom: 44px;
  1412. margin-left: 5px;
  1413. overflow: auto;
  1414. position: absolute;
  1415. top: 48px;
  1416. width: 175px;
  1417. }
  1418. /* Final Crumbs */
  1419. .pun .user-ident .username {
  1420. background: url("http://i78.servimg.com/u/f78/14/73/12/96/vtdate10.png") repeat-x scroll left top transparent;
  1421. display: block;
  1422. padding-top: 9px;
  1423. padding-bottom: 9px;
  1424. text-align: center;
  1425. position: relative;
  1426. margin-top: -19px;
  1427. height: 30px;
  1428. }
  1429. .pun .postmain {
  1430. margin: 16px 10px 10px 199px;
  1431. }
  1432. /* Área do Perfil */
  1433. .pun .post .user {
  1434. -moz-border-radius: 3px;
  1435. -webkit-border-radius: 3px;
  1436. background: #FBFBFB url(http://i78.servimg.com/u/f78/17/96/03/52/highli10.png) repeat-x 0 0;
  1437. border: 1px solid #dbe4ef;
  1438. border-radius: 3px;
  1439. font-size: 12px;
  1440. line-height: 150%;
  1441. margin-bottom: 11px;
  1442. margin-left: -16em;
  1443. margin-top: -.7em;
  1444. position: relative;
  1445. text-align: center;
  1446. width: 146px!important;
  1447. }
  1448. .pun .user .user-info {
  1449. background: #F5F5F5;
  1450. border-top: 1px solid #D9DBDD;
  1451. color: #666;
  1452. line-height: 1.8em;
  1453. padding: 5px!important;
  1454. }
  1455. .pun .user .user-info img {
  1456. -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  1457. -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  1458. background: #fff;
  1459. border: 1px solid #d8d8d8;
  1460. border-radius: 3px;
  1461. box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  1462. height: 31px;
  1463. margin-bottom: 5px;
  1464. padding: 1px;
  1465. vertical-align: middle;
  1466. width: 31px;
  1467. margin-left: 2px;
  1468. margin-right: 2px;
  1469. }
  1470. /* Je4n testes */
  1471. /* MP */
  1472. [data-counter]:after {
  1473. background-color: #CF2020;
  1474. background-image: -webkit-linear-gradient(#FF6969 0%, #ff0000 100%);
  1475. background-image: -moz-linear-gradient(#FF6969 0%, #ff0000 100%);
  1476. background-image: -o-linear-gradient(#FF6969 0%, #ff0000 100%);
  1477. background-image: -ms-linear-gradient(#FF6969 0%, #ff0000 100%);
  1478. background-image: linear-gradient(#FF6969 0%, #ff0000 100%);
  1479. content: attr(data-counter);
  1480. position: absolute;
  1481. -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
  1482. -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
  1483. box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
  1484. border-radius:2px;
  1485. background-clip: padding-box;
  1486. font:bold 10px "Helvetica Neue", sans-serif;
  1487. color: white;
  1488. text-decoration: none;
  1489. text-shadow: 0 -1px 0 rgba(0, 0, 0, .6);
  1490. margin-left: 5px;
  1491. padding: 5px;
  1492. margin-top: 3px;
  1493. vertical-align: top;
  1494. height: 6px;
  1495. line-height: 6px;
  1496. }
  1497. .module .details dt {
  1498. font-weight: 300;
  1499. font-size: 11px;
  1500. }
  1501. /*code spoiler quote BESTSKINS*/
  1502. .codebox {
  1503. -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
  1504. -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
  1505. background: #EFF1F3 url(http://imgur.com/J3aqwYE.png) repeat-x 0 0;
  1506. border: 1px solid #DFE1E3;
  1507. box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
  1508. color: #686966;
  1509. display: block;
  1510. font-size: 12px;
  1511. line-height: 1.6;
  1512. padding: 10px;
  1513. text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  1514. }
  1515. .codebox dd.cont_code {
  1516. max-height: 200px;
  1517. background-color: #FFF;
  1518. background: #FCFCFC;
  1519. border: 1px solid #E3E3E3;
  1520. font-size: 11px;
  1521. line-height: 170%;
  1522. overflow: auto;
  1523. padding: 5px;
  1524. }
  1525. .codebox dd {
  1526. background-color: #FFF;
  1527. margin: .3em;
  1528. padding: .3em;
  1529. }
  1530. .codebox dt {
  1531. border-bottom: 0px;
  1532. }
  1533. .codebox dt {
  1534. padding: .25em;
  1535. font-weight: bold;
  1536. }
  1537. .codebox.spoiler dt {
  1538. height: 24px;
  1539. line-height: 24px;
  1540. font-size: 11px;
  1541. padding: 0 10px;
  1542. background: #ECECEC url('http://i.imgur.com/psvFIEG.png') repeat-x 0 0;
  1543. border: 1px solid #D0D0D0;
  1544. -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0px 1px 0px;
  1545. -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0px 1px 0px;
  1546. box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0px 1px 0px;
  1547. -moz-border-radius: 2px;
  1548. -webkit-border-radius: 2px;
  1549. border-radius: 2px;
  1550. color: #616161;
  1551. text-shadow: white 0px 1px 0px;
  1552. display: inline-block;
  1553. white-space: nowrap;
  1554. cursor: pointer;
  1555. margin: 0px;
  1556. margin-left: 5px;
  1557. }
  1558. .codebox.spoiler dt:hover {
  1559. color: #4C4C4C;
  1560. background-color: #F8F8F8;
  1561. }
  1562. .codebox.spoiler {
  1563. }
  1564. .codebox.spoiler dd {
  1565. background: transparent;
  1566. }
  1567. .spoiler_content.hidden {
  1568. background-color: #FFF;
  1569. border: 1px solid #E3E3E3;
  1570. padding: 5px;
  1571. }
  1572. .postmain blockquote {
  1573. -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
  1574. -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
  1575. background: #EFF1F3 url(http://imgur.com/J3aqwYE.png) repeat-x 0 0;
  1576. border: 1px solid #DFE1E3;
  1577. box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
  1578. color: #686966;
  1579. display: block;
  1580. font-size: 12px;
  1581. line-height: 1.6;
  1582. padding: 10px;
  1583. text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  1584. }
  1585. .postmain blockquote div cite {
  1586. background: transparent;
  1587. border-bottom: 0;
  1588. font-weight: 700;
  1589. padding: .25em;
  1590. color: #686966;
  1591. font-size: 12px;
  1592. text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  1593. }
  1594. /* Shadown */
  1595. .pun .main-foot .h2, .pun .main-head .h2 {
  1596. float: left;
  1597. }
  1598. /* Post */
  1599. .pun .main .main-content p.message {
  1600. background-color: #fff;
  1601. border: 1px solid #ddd;
  1602. margin: 1.7em;
  1603. padding: 1em;
  1604. border-radius: 4px;
  1605. }
  1606. .main .main-head .page-title {
  1607. font-size: 12px;
  1608. font-weight: bold;
  1609. text-shadow: rgba(0, 0, 0, 0.9) 0 1px 1px;
  1610. }
  1611. /* Paginas dos tópicos */
  1612. .paging a:hover, .paging b, td p.pag a:hover, td p.pag b {
  1613. background: #406586;
  1614. color: white;
  1615. text-shadow: none;
  1616. -moz-border-radius: 3px;
  1617. -webkit-border-radius: 3px;
  1618. border-radius: 3px;
  1619. -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 3px;
  1620. -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 3px;
  1621. box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 3px;
  1622. padding: 1px 8px;
  1623. cursor: default;
  1624. transition: background .5s ease-in-out;
  1625. -moz-transition: background .5s ease-in-out;
  1626. -webkit-transition: background .5s ease-in-out;
  1627. }
  1628. .paged-foot .paging a, .paging a, td p.pag a {
  1629. background: #EDEFF1 url("http://img823.imageshack.us/img823/8062/dehz.png") repeat;
  1630. color: #768089;
  1631. text-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px;
  1632. -webkit-box-shadow: inset #B3BAC1 0px 1px 3px;
  1633. -moz-box-shadow: inset #b3bac1 0px 1px 3px;
  1634. box-shadow: inset #B3BAC1 0px 1px 3px;
  1635. -moz-border-radius: 3px;
  1636. -webkit-border-radius: 3px;
  1637.  
  1638. border-radius: 3px;
  1639. display: inline-block;
  1640. padding: 1px 8px;
  1641. text-transform: lowercase;
  1642. font-size: 11px;
  1643. font-weight: normal;
  1644. transition: background .5s ease-in-out;
  1645. -moz-transition: background .5s ease-in-out;
  1646. -webkit-transition: background .5s ease-in-out;
  1647. }
  1648. .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 {
  1649. -moz-border-radius: 3px;
  1650. -webkit-border-radius: 3px;
  1651. border-radius: 3px;
  1652. font-size: 12px!important;
  1653. margin-right: 3px!important;
  1654. padding: 6px 9px!important;
  1655. transition: background .5s ease-in-out;
  1656. -moz-transition: background .5s ease-in-out;
  1657. -webkit-transition: background .5s ease-in-out;
  1658. }
  1659. /*WIDGET DE ESTATISTICAS*/
  1660. #stats_sidebar {
  1661. margin: -10px;
  1662. }
  1663. #stats_sidebar li {
  1664. border-bottom: 1px solid #E9EDEE;
  1665. border-bottom-style: dashed;
  1666. }
  1667. .List_data li {
  1668. padding: 6px;
  1669. line-height: 1.3;
  1670. }
  1671. .srl {
  1672. color: rgb(150,150,150);
  1673. }
  1674. #stats_sidebar .srr {
  1675. float: right;
  1676. font-weight: bold;
  1677. }
  1678. .pun .main-content ol, .pun .main-content ul {
  1679. padding-left: 0px;
  1680. }
  1681. .module ol, .module ul {
  1682. padding-left: 0px;
  1683. }
  1684. /* Tamanho das imagens - Tópicos */
  1685. /* Outra coisa */
  1686. td.avatar-mini img {
  1687. height: 38px;
  1688. vertical-align: middle;
  1689. width: 38px;
  1690. -khtml-border-radius: 3px!important;
  1691. -moz-border-radius: 3px!important;
  1692. -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1693. -webkit-border-radius: 3px!important;
  1694. -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1695. background: #fff;
  1696. border: 1px solid #c4c4c4!important;
  1697. border-radius: 3px!important;
  1698. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1699. padding: 2px;
  1700. }
  1701. td.avatar-mini img:hover {
  1702. -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1703. -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1704. border-color: #a1a1a1;
  1705. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1706. }
  1707. td.avatar-mini a span {
  1708. text-decoration: none;
  1709. }
  1710. .pun .frm .frm-form table {
  1711. border: 0px;
  1712. }
  1713. .pun div.frm-form {
  1714. margin: 0;
  1715. }
  1716. /* Botoes Fechar do tópico */
  1717. .pun .paged .posting {
  1718. float: right;
  1719. font-size: 1.2em;
  1720. font-weight: 700;
  1721. margin-left: 4px;
  1722. }
  1723. /* Botões Membros */
  1724. .frm-buttons {
  1725. margin-bottom: 10px;
  1726. margin-top: .5em;
  1727. padding: .7em 0 0 17.5em;
  1728. }
  1729. /* Barra WASD */
  1730. .pun-crumbs {
  1731. margin: 0 1px 1em;
  1732. padding: 0;
  1733. }
  1734. /* Inputs de Login */
  1735. .input_log {
  1736. -khtml-border-radius: 3px;
  1737. -khtml-box-shadow: rgba(0, 0, 0, 0.07) 0 1px 3px, inset rgba(255, 255, 255, 0.75) 0 1px 0;
  1738. -moz-border-radius: 3px;
  1739. -moz-box-shadow: rgba(0, 0, 0, 0.07) 0 1px 3px, inset rgba(255, 255, 255, 0.75) 0 1px 0;
  1740. -webkit-border-radius: 3px;
  1741. -webkit-box-shadow: rgba(0, 0, 0, 0.07) 0 1px 3px, inset rgba(255, 255, 255, 0.75) 0 1px 0;
  1742. background-color: #fafbfc;
  1743. border: 1px solid #c1c1c1;
  1744. border-radius: 3px;
  1745. box-shadow: rgba(0, 0, 0, 0.07) 0 1px 3px, inset rgba(255, 255, 255, 0.75) 0 1px 0;
  1746. color: #666;
  1747. font-size: 12px;
  1748. height: 30px;
  1749. line-height: 30px;
  1750. width: 100%;
  1751. text-indent: 10px;
  1752. outline: 0;
  1753. }
  1754. .input-botao {
  1755. color: #fff;
  1756. cursor: pointer;
  1757. padding: 7px 10px;
  1758. width: 100%;
  1759. height: 30px;
  1760. outline: 0;
  1761. }
  1762. /* Dos tópicos */
  1763. .pun .post-entry {
  1764. padding: 0;
  1765. }
  1766. .titlebox dava {
  1767. float:left
  1768. }
  1769. .titlebox dava a img {
  1770. -moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.1);
  1771. -webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.1);
  1772. background:#fff;
  1773. border:1px solid #D5D5D5;
  1774. box-shadow:0 2px 2px rgba(0, 0, 0, 0.1);
  1775. float:left;
  1776. height:50px!important;
  1777. padding:1px;
  1778. width:50px!important
  1779. }
  1780. .ipsType_pagetitle a {
  1781. font-size:23px;
  1782. z-index:999
  1783. }
  1784. .desc.lighter.blend_links {
  1785. color:#a4a4a4;
  1786. float:left;
  1787. font-size:11px
  1788. }
  1789. .desc.lighter, .desc.lighter.blend_links a {
  1790. color:#A4A4A4
  1791. }
  1792. .desc, .desc.blend_links a, p.posted_info {
  1793. color:#777;
  1794. font-size:12px
  1795. }
  1796. .conect {
  1797. display:inline-block;
  1798. padding-left:5px
  1799. }
  1800. /*box*/
  1801. .titlebox {
  1802. -moz-border-radius: 3px;
  1803. -webkit-border-radius: 3px;
  1804. border-radius: 3px;
  1805. background: #EFF1F3;
  1806. border: 1px solid #DFE1E3;
  1807. overflow: hidden;
  1808. padding: 7px;
  1809. text-shadow: #fff 0 1px 0;
  1810. }
  1811. .titlebox dd {
  1812. display: block;
  1813. }
  1814.  
  1815. .titlebox dava {
  1816. float: left;
  1817. }
  1818. .ipsBox_withphoto {
  1819. float: left;
  1820. margin-left: 10px;
  1821. }
  1822. .ipsType_pagetitle {
  1823. color: #323232;
  1824. display: block;
  1825. font-family: Helvetica, Arial, sans-serif;
  1826. font-size: 16px;
  1827. font-style: normal;
  1828. font-variant: normal;
  1829. font-weight: bold;
  1830. line-height: 1.9;
  1831. outline-style: none;
  1832. overflow: hidden;
  1833. text-align: left;
  1834. text-decoration: none;
  1835. text-overflow: ellipsis;
  1836. white-space: nowrap;
  1837. width: 600px;
  1838. }
  1839. .ipsType_pagetitle a {
  1840. font-size: 23px;
  1841. z-index: 999;
  1842. }
  1843. .desc.lighter.blend_links {
  1844. color: #777;
  1845. float: left;
  1846. font-size: 11px;
  1847. }
  1848. .socialetopic {
  1849. float: right;
  1850. position: relative;
  1851. }
  1852. .titlebox dava a img {
  1853. float: left;
  1854. height: 25px!important;
  1855. width: 25px!important;
  1856. -webkit-border-radius: 3px;
  1857. -moz-border-radius: 3px;
  1858. border-radius: 3px;
  1859. -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1860. -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1861. background: #fff;
  1862. border: 1px solid #D5D5D5;
  1863. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1864. }
  1865. .titlebox dava a img:hover {
  1866. -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1867. -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1868. border-color: #a1a1a1;
  1869. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1870. }
  1871. /* Avatar resposta rápida */
  1872. /*quick avatar*/
  1873. #quick-avatar {
  1874. float: left;
  1875. margin: 21px;
  1876. }
  1877. #quick-avatar img {
  1878. width: 50px;
  1879. height: 50px;
  1880. padding: 2px;
  1881. border: 1px solid #D5D5D5;
  1882. background: white;
  1883. border-radius: 4px;
  1884. }
  1885. #quick-avatar img:hover {
  1886. -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1887. -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1888. border-color: #A1A1A1;
  1889. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1890. }
  1891. .pun .postfoot .post-options img {
  1892.  
  1893. border-right: 1px solid rgba(0, 0, 0, 0.1);
  1894. }
  1895. .pun .postfoot .user-contact {
  1896. float: left;
  1897. text-align: left;
  1898. width: 15em;
  1899. margin-top: 7px;
  1900. margin-left: 5px;
  1901. }
  1902. #avatar img {
  1903. margin-top: -3px;
  1904. height: 23px;
  1905. width: 24px;
  1906. -khtml-border-radius: 3px!important;
  1907. -moz-border-radius: 3px!important;
  1908. -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1909. -webkit-border-radius: 3px!important;
  1910. -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1911. background: #fff;
  1912. border: 1px solid #c4c4c4!important;
  1913. border-radius: 30px!important;
  1914. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1915. padding: 1px;
  1916. }
  1917. #avatar img:hover {
  1918. -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1919. -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1920. border-color: #a1a1a1;
  1921. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1922. }
  1923. /* TEXTAREA */
  1924. #textarea_content {
  1925. width: 92%!important;
  1926. }
  1927. .sceditor-container {
  1928. border: 1px solid #dbe4ef !important;
  1929. }
  1930. .sceditor-container iframe, .sceditor-container textarea {
  1931. background: #FFF!important;
  1932. min-height:180px;
  1933. width: 99%!important;
  1934. border:0!important;
  1935. color:#111!important;
  1936. font-family:Verdana, Arial, Helvetica, sans-serif!important;
  1937. font-size:13px!important;
  1938. outline:0!important;
  1939. padding:0!important;
  1940. resize:none!important;
  1941. }
  1942. .sceditor-toolbar {
  1943. background-color: rgb(232,237,245) !important;
  1944. border-bottom: 1px solid #dbe4ef !important;
  1945. }
  1946. .sceditor-group {
  1947. border: 1px solid #dbe4ef !important;
  1948. background: rgb(232,237,245) url(http://i.imgur.com/0LXIBHQ.png) repeat-x top!important;
  1949. padding: 1px!important;
  1950. border: 1px solid rgb(201,218,235)!important;
  1951. -webkit-border-radius: 3px!important;
  1952. -moz-border-radius: 3px!important;
  1953. -khtml-border-radius: 3px!important;
  1954. border-radius: 3px!important;
  1955. overflow: hidden!important;
  1956. }
  1957. .sceditor-button.active, .sceditor-button:active, .sceditor-button:hover {
  1958. border: 1px solid #dbe4ef !important;
  1959. background: rgb(232,237,245) url(http://i.imgur.com/0LXIBHQ.png) repeat-x top!important;
  1960. padding: 2px 4px!important;
  1961. margin: 0!important;
  1962. border: 1px solid rgb(201,218,235)!important;
  1963. -webkit-border-radius: 3px!important;
  1964. -moz-border-radius: 3px!important;
  1965. -khtml-border-radius: 3px!important;
  1966. border-radius: 3px!important;
  1967. overflow: hidden!important;
  1968. -moz-box-shadow: none!important;
  1969. -webkit-box-shadow: none!important;
  1970. box-shadow: none!important;
  1971. -webkit-transition: none!important;
  1972. -moz-transition: none!important;
  1973. transition: none!important;
  1974. }
  1975. /* Avatar - últimos assuntos */
  1976. .avt-r img {
  1977. background: none repeat scroll 0% 0% #FFF;
  1978. -khtml-border-radius: 3px!important;
  1979. -moz-border-radius: 3px!important;
  1980. -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1981. -webkit-border-radius: 3px!important;
  1982. -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1983. background: #fff;
  1984. border: 1px solid #c4c4c4!important;
  1985. border-radius: 3px!important;
  1986. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1987. float: left;
  1988. height: 30px;
  1989. margin-right: 3px;
  1990. padding: 1px;
  1991. width: 30px;
  1992. }
  1993. .avt-r img:hover {
  1994. -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1995. -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1996. border-color: #a1a1a1;
  1997. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1998. }
  1999. /* Avatar Perfil WASD */
  2000. .avat-p img {
  2001. background: none repeat scroll 0% 0% #FFF;
  2002. -khtml-border-radius: 3px!important;
  2003. -moz-border-radius: 3px!important;
  2004. -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  2005. -webkit-border-radius: 3px!important;
  2006. -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  2007. background: #fff;
  2008. border: 1px solid #c4c4c4!important;
  2009. border-radius: 3px!important;
  2010. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  2011. float: left;
  2012. height: 90px;
  2013. margin-right: 3px;
  2014. padding: 2px;
  2015. width: 90px;
  2016. }
  2017. .avat-p img:hover {
  2018. -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  2019. -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  2020. border-color: #a1a1a1;
  2021. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  2022. }
  2023. /* Sair - aviso */
  2024. .main .frm-info {
  2025. background: #FFEA97 url(http://imgur.com/PIQA4LA.png) no-repeat 6px 10px;
  2026. font-family: "Trebuchet MS", tahoma, helvetica, arial, sans-serif;
  2027. font-size: 11px;
  2028. font-style: normal;
  2029. font-variant: normal;
  2030. font-weight: 700;
  2031. line-height: 18px;
  2032. margin: 15px 1.7em 1.7em;
  2033. padding: 8px 8px 8px 28px;
  2034. text-shadow: #fffaf1 0 1px 0;
  2035. -webkit-border-radius: 3px;
  2036. -moz-border-radius: 3px;
  2037. border-radius: 3px;
  2038. background-color: #FFEA97;
  2039. border: 1px solid #E1B500;
  2040. color: #796100;
  2041. }
  2042. /* Páginas internas */
  2043. strong.pagination {
  2044. -moz-border-radius: 3px;
  2045. -webkit-border-radius: 3px;
  2046. background-color: #D5DCE2;
  2047. background-image: url(http://i.imgur.com/EHGpChd.png);
  2048. background-position: 0 -1px;
  2049. background-repeat: repeat-x;
  2050. border-radius: 3px;
  2051. color: #fff;
  2052. cursor: default;
  2053. font-size: 9px;
  2054. font-weight: 700;
  2055. height: 16px;
  2056. line-height: 16px;
  2057. padding: 3px 5px;
  2058. text-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0;
  2059. text-transform: uppercase;
  2060. }
  2061. /* CSS - Mensagens Privadas WASD */
  2062. .mpbox {
  2063. -moz-border-radius: 3px;
  2064. -webkit-border-radius: 3px;
  2065. background: #EFF1F3;
  2066. border: 1px solid #DFE1E3;
  2067. border-radius: 3px;
  2068. overflow: hidden;
  2069. padding: 7px;
  2070. text-shadow: #fff 0 1px 0;
  2071. margin-top: 5px;
  2072. }
  2073. .mpbox1 {
  2074. -moz-border-radius: 3px;
  2075. -webkit-border-radius: 3px;
  2076. background: #EFF1F3;
  2077. border: 1px solid #DFE1E3;
  2078. border-radius: 3px;
  2079. overflow: hidden;
  2080. padding: 7px;
  2081. text-shadow: #fff 0 1px 0;
  2082. margin-top: 5px;
  2083. }
  2084. .pun .main .options {
  2085. color: #000;
  2086. float: right;
  2087. text-align: right;
  2088. }
  2089. .avatar-mp {
  2090. -moz-box-shadow: 0 0 0 1px #D5D5D5;
  2091. -webkit-box-shadow: 0 0 0 1px #D5D5D5;
  2092. background: #fff;
  2093. border-radius: 3px;
  2094. height: 90px;
  2095. width: 90px;
  2096. overflow: hidden;
  2097. border: 2px solid #fff;
  2098. box-shadow: 0 0 0 1px #D5D5D5;
  2099. margin-left: 18px;
  2100. }
  2101. /* Todas Inputs WASD */
  2102. .inputbox {
  2103. -khtml-border-radius: 3px;
  2104. -khtml-box-shadow: rgba(0, 0, 0, 0.07) 0 1px 3px, inset rgba(255, 255, 255, 0.75) 0 1px 0;
  2105. -moz-border-radius: 3px;
  2106. -moz-box-shadow: rgba(0, 0, 0, 0.07) 0 1px 3px, inset rgba(255, 255, 255, 0.75) 0 1px 0;
  2107. -webkit-border-radius: 3px;
  2108. -webkit-box-shadow: rgba(0, 0, 0, 0.07) 0 1px 3px, inset rgba(255, 255, 255, 0.75) 0 1px 0;
  2109. background-color: #fafbfc;
  2110. border: 1px solid #c1c1c1;
  2111. border-radius: 3px;
  2112. box-shadow: rgba(0, 0, 0, 0.07) 0 1px 3px, inset rgba(255, 255, 255, 0.75) 0 1px 0;
  2113. color: #666;
  2114. font-size: 12px;
  2115. outline: 0;
  2116. padding: 9px!important;
  2117. }
  2118. input[type="submit"] {
  2119. background-color: #00AAEA!important;
  2120. border-radius: 2px;
  2121. 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;
  2122. border: 0!important;
  2123. border-radius: 2px!important;
  2124. color: #fff!important;
  2125. cursor: pointer;
  2126. font-family: segoe ui;
  2127. font-size: 11px!important;
  2128. outline: 0!important;
  2129. text-shadow: rgba(0, 0, 0, 0.2) 0 1px 0;
  2130. padding: 8px;
  2131. text-transform: uppercase;
  2132. height: 30px!important;
  2133. }
  2134. input[type="submit"]:hover {
  2135. opacity: 0.9;
  2136. }
  2137. input[type="select"] {
  2138. -khtml-border-radius: 3px;
  2139. -khtml-box-shadow: rgba(0, 0, 0, 0.07) 0 1px 3px, inset rgba(255, 255, 255, 0.75) 0 1px 0;
  2140. -moz-border-radius: 3px;
  2141. -moz-box-shadow: rgba(0, 0, 0, 0.07) 0 1px 3px, inset rgba(255, 255, 255, 0.75) 0 1px 0;
  2142. -webkit-border-radius: 3px;
  2143. -webkit-box-shadow: rgba(0, 0, 0, 0.07) 0 1px 3px, inset rgba(255, 255, 255, 0.75) 0 1px 0;
  2144. background-color: #fafbfc;
  2145. border: 1px solid #c1c1c1;
  2146. border-radius: 3px;
  2147. box-shadow: rgba(0, 0, 0, 0.07) 0 1px 3px, inset rgba(255, 255, 255, 0.75) 0 1px 0;
  2148. color: #666;
  2149. font-size: 12px;
  2150. outline: 0;
  2151. padding: 9px!important;
  2152. }
  2153. .pun select {
  2154. -khtml-border-radius: 3px;
  2155. -khtml-box-shadow: rgba(0, 0, 0, 0.07) 0 1px 3px, inset rgba(255, 255, 255, 0.75) 0 1px 0;
  2156. -moz-border-radius: 3px;
  2157. -moz-box-shadow: rgba(0, 0, 0, 0.07) 0 1px 3px, inset rgba(255, 255, 255, 0.75) 0 1px 0;
  2158. -webkit-border-radius: 3px;
  2159. -webkit-box-shadow: rgba(0, 0, 0, 0.07) 0 1px 3px, inset rgba(255, 255, 255, 0.75) 0 1px 0;
  2160. background-color: #fafbfc;
  2161. border: 1px solid #c1c1c1;
  2162. border-radius: 3px;
  2163. box-shadow: rgba(0, 0, 0, 0.07) 0 1px 3px, inset rgba(255, 255, 255, 0.75) 0 1px 0;
  2164. color: #666;
  2165. font-size: 12px;
  2166. outline: 0;
  2167. padding: 9px!important;
  2168. }
  2169. #find_user {
  2170. -moz-border-radius: 3px!important;
  2171. -webkit-border-radius: 3px!important;
  2172. background: #2C638F!important;
  2173. border: 0!important;
  2174. border-radius: 3px!important;
  2175. color: #fff!important;
  2176. cursor: pointer;
  2177. font-weight: bold;
  2178. outline: 0!important;
  2179. padding: 9px 15px!important;
  2180. text-shadow: rgba(0, 0, 0, 0.9) 0 1px 1px!important;
  2181. 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;
  2182. -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 0 0 1px, rgba(0, 0, 0, 0.3) 0 1px 4px;
  2183. }
  2184. #find_user:hover {
  2185. background-color: #466F93!important;
  2186. }
  2187. .button2 {
  2188. -moz-border-radius: 3px!important;
  2189. -webkit-border-radius: 3px!important;
  2190. background: #2C638F!important;
  2191. border: 0!important;
  2192. border-radius: 3px!important;
  2193. color: #fff!important;
  2194. cursor: pointer;
  2195. font-weight: bold;
  2196. outline: 0!important;
  2197. padding: 9px 15px!important;
  2198. text-shadow: rgba(0, 0, 0, 0.9) 0 1px 1px!important;
  2199. 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;
  2200. -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 0 0 1px, rgba(0, 0, 0, 0.3) 0 1px 4px;
  2201. }
  2202. .button2:hover {
  2203. background-color: #466F93!important;
  2204. }
  2205. /* Linha da assinatura WASD */
  2206. .pun .sig-content {
  2207. clear: both;
  2208. margin-bottom: 10px;
  2209. padding: .5em 1em;
  2210. position: relative;
  2211. overflow: auto;
  2212. max-height: 200px;
  2213. }
  2214. .pun div, .pun td, .sig-line {
  2215. border-color: ##DDD;
  2216. color: ##DDD;
  2217. }
  2218. .sig-content, .signature_div {
  2219. border-top: 1px dashed #D9DBDD;
  2220. }
  2221. /* Umas coisas WASD */
  2222. .pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
  2223. background-image: url(http://i.imgur.com/INbRRHr.png)!important;
  2224. background-position: left;
  2225. background-repeat: no-repeat;
  2226. padding-left: 20px;
  2227. }
  2228. /* Moderar Tópico */
  2229. #moderation_tool {
  2230. margin: 0 0 8px 0;
  2231. }
  2232. #moderation_tool.act_mod p {
  2233. -moz-border-radius: 3px;
  2234. -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
  2235. -moz-transition: all .2s ease-in-out;
  2236. -webkit-border-radius: 3px;
  2237. -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
  2238. -webkit-transition: all .2s ease-in-out;
  2239. cursor: pointer;
  2240. webkit-touch-callout: none;
  2241. -webkit-user-select: none;
  2242. -khtml-user-select: none;
  2243. -moz-user-select: none;
  2244. -ms-user-select: none;
  2245. user-select: none;
  2246. background: -moz-linear-gradient(#f6f8fa, #edeeef);
  2247. background-image: -webkit-linear-gradient(#f6f8fa, #edeeef);
  2248. border: 1px solid #D9DBDD;
  2249. border-radius: 3px;
  2250. box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
  2251. color: #616161;
  2252. display: inline-block;
  2253. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8fa', endColorstr='#edeeef', GradientType=0);
  2254. font-size: 12px;
  2255. height: 22px;
  2256. line-height: 22px;
  2257. padding: 0 10px;
  2258. white-space: nowrap;
  2259. }
  2260. #popw {
  2261. background-color: #464646;
  2262. background-color: rgba(70, 70, 70, 0.6);
  2263. padding: 4px;
  2264. -webkit-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7);
  2265. -moz-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7);
  2266. box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7 );
  2267. -moz-border-radius: 4px;
  2268. -webkit-border-radius: 4px;
  2269. border-radius: 4px;
  2270. display: none;
  2271. z-index: 999;
  2272. margin-top: 16px;
  2273. position: absolute;
  2274. }
  2275. #popw .mod_hover {
  2276. background-image: url(http://i38.servimg.com/u/f38/18/24/85/15/bottom10.png);
  2277. width: 31px;
  2278. height: 16px;
  2279. top: -16px;
  2280. left: 5px;
  2281. z-index: 999;
  2282. position: absolute;
  2283. }
  2284. #popw .popwinner {
  2285. background: #fff;
  2286. max-height: 465px;
  2287. width: 190px;
  2288. overflow: auto;
  2289. -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  2290. -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  2291. box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  2292. overflow-x: hidden;
  2293. }
  2294. #popw .popwinner li {
  2295. background: rgb(248, 248, 248);
  2296. list-style-type: none;
  2297. border-bottom: 1px solid rgb(234, 234, 234);
  2298. text-align: center;
  2299. padding: 3px 4px;
  2300. }
  2301. #popw .popwinner li a {
  2302. color: #333!important;
  2303. }
  2304. /* Tooltip categorias WASD */
  2305. .hover_stats {
  2306. display: none;
  2307. position: absolute;
  2308. }
  2309. .stats_arrow {
  2310. margin-left: 150px;
  2311. margin-right: -1px;
  2312. margin-top: -1px;
  2313. position: relative;
  2314. }
  2315. .idx_stats {
  2316. background: rgb(66, 66, 66);
  2317. border-radius: 3px;
  2318. color: rgb(255, 255, 255);
  2319. display: inline;
  2320. font-size: 10px;
  2321. padding: 3px 5px;
  2322. }
  2323. /* Icones menu WASD */
  2324. .icone-large {
  2325. background-image: url("http://i.imgur.com/8J7JPyR.png");
  2326. background-position: 24px 24px;
  2327. background-repeat: no-repeat;
  2328. display: inline-block;
  2329. height: 28px;
  2330. line-height: 28px;
  2331. vertical-align: text-bottom;
  2332. width: 22px;
  2333. }
  2334. .icone-large.icone-inicio {
  2335. background-position: 1px 10px;
  2336. height: 24px;
  2337. width: 15px;
  2338. }
  2339. .icone-large.icone-perfil {
  2340. background-position: -16px 10px;
  2341. height: 24px;
  2342. width: 15px;
  2343. }
  2344. .icone-large.icone-membros {
  2345. background-position: -33px 10px;
  2346. height: 24px;
  2347. width: 21px;
  2348. }
  2349. .icone-large.icone-loja {
  2350. background-position: -77px 10px;
  2351. height: 24px;
  2352. width: 15px;
  2353. }
  2354. .icone-large.icone-regras {
  2355. background-position: -57px 10px;
  2356. height: 24px;
  2357. width: 17px;
  2358. }
  2359. /* Tabs WASD */
  2360. #tabs ul li a {
  2361. color: rgb(20,20,20);
  2362. text-decoration: none;
  2363. background: #e8edf5 url(http://i.imgur.com/0LXIBHQ.png) repeat-x top;
  2364. border: 1px solid #C6CFD8;
  2365. padding: 0 8px;
  2366. margin-right: -1px;
  2367. margin-bottom: -1px;
  2368. -webkit-border-top-left-radius: 3px;
  2369. -moz-border-radius-topleft: 3px;
  2370. -khtml-border-top-left-radius: 3px;
  2371. border-top-left-radius: 3px;
  2372. -webkit-border-top-right-radius: 3px;
  2373. -moz-border-radius-topright: 3px;
  2374. -khtml-border-top-right-radius: 3px;
  2375. border-top-right-radius: 3px;
  2376. display: inline-block;
  2377. line-height: 22px;
  2378. cursor: pointer;
  2379. outline: 0 none;
  2380. white-space: nowrap;
  2381. word-wrap: normal;
  2382. height: 22px;
  2383. }
  2384. #tabs ul li a:hover {
  2385. background-color: #CEDAEC;
  2386. }
  2387. #tabs ul li.activetab a {
  2388. background: #1f537b url(http://i.imgur.com/0LXIBHQ.png) repeat-x top;
  2389. color: #fff;
  2390. text-decoration: none;
  2391. }
  2392. /* Header minimizada WASD */
  2393. .main .main-head.collapsed {
  2394. opacity: 0.6;
  2395. border-radius: 3px;
  2396. -moz-border-radius: 3px;
  2397. -webkit-border-radius: 3px;
  2398. }
  2399. /* testes do WASD */
  2400. #ucp .frm-set.multi dl input, dd.frm-input input, input.inputbox {
  2401. -khtml-border-radius: 3px;
  2402. -khtml-box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0;
  2403. -moz-border-radius: 3px;
  2404. -moz-box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0;
  2405. -webkit-border-radius: 3px;
  2406. -webkit-box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0;
  2407. background-color: #fafbfc;
  2408. border: 1px solid #c1c1c1;
  2409. border-radius: 3px;
  2410. box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0;
  2411. color: #666;
  2412. font-size: 12px;
  2413. outline: 0;
  2414. padding: 9px!important;
  2415. }
  2416. .pun .frm dd.frm-input, .pun .frm dd.frm-input input, .pun .frm dd.frm-textarea {
  2417. width: 80%!important;
  2418. }
  2419. .fieldset.frm-set.multi {
  2420. border-bottom: 1px solid #d8d8d8;
  2421. border-style: solid;
  2422. }
  2423. /*Menu-DropDown*/
  2424. #perfil_drop {
  2425. -khtml-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
  2426. -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
  2427. -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
  2428. background: linear-gradient(#FFF,#EDEDED) repeat scroll 0 0 transparent;
  2429. border: 0 none!important;
  2430. border-radius: 0 0 3px 3px;
  2431. box-shadow: rgba(0,0,0,0.3) 0 1px 5px!important;
  2432. color: #225985;
  2433. font-family: helvetica,arial,sans-serif;
  2434. font-size: 12px;
  2435. font-style: normal;
  2436. font-variant: normal;
  2437. font-weight: 400;
  2438. overflow: hidden;
  2439. position: absolute;
  2440. right: 11%;
  2441. text-align: left;
  2442. top: 37px;
  2443. width: 270px;
  2444. z-index: 999;
  2445. padding: 5px;
  2446. }
  2447. .nav_c{
  2448. box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.58)!important;
  2449. }
  2450. .avat img {
  2451. -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  2452. -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  2453. background: #fff;
  2454. border: 1px solid #D5D5D5;
  2455. border-radius: 3px;
  2456. box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  2457. height: 50px;
  2458. margin: 5px;
  2459. margin-left: 6px;
  2460. padding: 1px;
  2461. width: 50px;
  2462. }
  2463. .avat img:hover {
  2464. -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
  2465. -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
  2466. border-color: #A1A1A1;
  2467. box-shadow: 0 2px 2px rgba(0,0,0,0.2);
  2468. }
  2469. #perfil_drop li {
  2470. float: right;
  2471. line-height: 22px;
  2472. white-space: nowrap;
  2473. width: 34.5%;
  2474. }
  2475. #perfil_drop li a {
  2476. color:#00569C;
  2477. text-decoration:none;
  2478. }
  2479. .menu_active {
  2480. border-radius:5px 5px 0 0;
  2481. text-shadow:#fff 0 0 3px;
  2482. }
  2483. .seta-topo-perfil {
  2484. border:transparent 5px solid;
  2485. border-top:#fff solid 5px;
  2486. display:inline-block;
  2487. float:right;
  2488. margin-left:5px;
  2489. height:0;
  2490. margin-top:17px;
  2491. width:0;
  2492. }
  2493. tr {
  2494. -moz-transition:background .3s ease-in-out;
  2495. -webkit-transition:background .3s ease-in-out;
  2496. transition:background .3s ease-in-out;
  2497. }
  2498. tr:hover {
  2499. background:rgba(44,99,143,0.1);
  2500. -moz-transition:background .3s ease-in-out;
  2501. -webkit-transition:background .3s ease-in-out;
  2502. transition:background .3s ease-in-out;
  2503. }
  2504. #chatbox a[href="/u1"] {
  2505. background:url(http://i55.tinypic.com/21ee1pt.gif);
  2506. }
  2507.  
  2508. /* Box Submenu */
  2509. .submenu {
  2510. background: #FFF;
  2511. width: 100%;
  2512. height: 40px;
  2513. padding: 0;
  2514. overflow: hidden;
  2515. left: 0px;
  2516. top: 42px;
  2517. border-bottom: 1px solid rgb(206, 210, 216);
  2518. }
  2519. fieldset {
  2520. border: 0 groove threedface;
  2521. margin-top: 51px;
  2522. }
  2523.  
  2524. #more_apps_menucontent, .submenu_container{
  2525. background:#323436;
  2526. border:0;
  2527. font-size:12px;}
  2528. #more_apps_menucontent li, .submenu_container li{
  2529. border:0;
  2530. color: #fff !important;
  2531. float:none!important;
  2532. padding:0}
  2533. #more_apps_menucontent a, .submenu_container a {
  2534. color:#fff !important;
  2535. z-index: 999;
  2536. display:block;
  2537. padding:8px 10px;
  2538. text-shadow:0 1px 1px rgba(0,0,0,0.5)}
  2539. #more_apps_menucontent li:hover,.submenu_container li:hover{
  2540. background:rgba(0,0,0,0.1)!important}
  2541. #more_apps_menucontent li:hover a,.submenu_container li:hover a{
  2542. color:#D3E3F1;
  2543. text-shadow:none}
  2544. #more_apps_menucontent li, .submenu_container li {
  2545. width: 140px}
  2546. #more_apps_menucontent, .submenu_container {
  2547. margin-top: -4px}
  2548. #smiley-box {display: none;}
  2549. .pun h2, .pun h3, .pun input, .pun select, .pun th {
  2550. font-size: 1em;
  2551. font-family: Segoe UI;
  2552. }
  2553. .userAdministrador, .userClient, .userCoadmin, .userSuporte, .userDesigner, .userManagement, .userMember, .userNewba, .userModerator, .userStaff, .vipBS, .userProgrammer {
  2554. margin-top: 9px;
  2555. -moz-border-radius: 3px;
  2556. -webkit-border-radius: 3px;
  2557. background: transparent;
  2558. border-radius: 3px;
  2559. border-top: 1px solid rgba(0,0,0,.20);
  2560. bottom: -7px;
  2561. color: #fff;
  2562. display: inline-block;
  2563. font-size: 11px;
  2564. font-weight: 700;
  2565. text-align: center;
  2566. text-decoration: none;
  2567. text-shadow: 0 2px 0 rgba(0,0,0,0.14);
  2568. text-transform: uppercase;
  2569. font-family: Ubuntu;
  2570. padding-bottom: 5px;
  2571. padding-left: 10px;
  2572. padding-right: 10px;
  2573. padding-top: 5px;
  2574. }
  2575.  
  2576. .userAdministrador {
  2577. background: #D60808;
  2578. }
  2579. .userClient {
  2580. background: #02870A;
  2581. }
  2582. .userCoadmin {
  2583. background: #9F0BD1;
  2584. }
  2585. .userSuporte {
  2586. background: #000CF5;
  2587. }
  2588. .userDesigner {
  2589. background: #E39A07;
  2590. }
  2591. .userManagement {
  2592. background: #000000;
  2593. }
  2594. .userMember {
  2595. background: #6C7070;
  2596. }
  2597. .userNewba {
  2598. background: #98F5FF;
  2599. }
  2600. .userModerator {
  2601. background: #A6A6A6;
  2602. }
  2603. .userStaff {
  2604. background: #FFFF00;
  2605. }
  2606. .vipBS {
  2607. background: #8307D6;
  2608. }
  2609.  
  2610. /*******CURTIR NO POST********/
  2611. #rep_post .reput_vote {
  2612. background-color: #daedfb;
  2613. color: #666;
  2614. -khtml-user-select: none;
  2615. -moz-transition: all,0.15s;
  2616. -moz-user-select: none;
  2617. -ms-user-select: none;
  2618. -o-transition: all,0.15s;
  2619. -webkit-touch-callout: none;
  2620. -webkit-transition: all,0.15s;
  2621. -webkit-user-select: none;
  2622. background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
  2623. background-size: 12px;
  2624. clear: both;
  2625. color: #666;
  2626. cursor: pointer;
  2627. display: table;
  2628. font-size: 11px;
  2629. font-weight: 400;
  2630. line-height: 18px;
  2631. margin: 5px;
  2632. padding: 3px 5px 3px 25px;
  2633. text-align: right;
  2634. transition: all,0.15s;
  2635. }
  2636. .reput_vote.zero {
  2637. background-color: #6a6a6a;
  2638. }
  2639.  
  2640.  
  2641. .BS_like:hover {
  2642. background-color: #daedfb;
  2643. color: #666;
  2644. }
  2645. .BS_like {
  2646. -khtml-user-select: none;
  2647. -moz-transition: all,0.15s;
  2648. -moz-user-select: none;
  2649. -ms-user-select: none;
  2650. -o-transition: all,0.15s;
  2651. -webkit-touch-callout: none;
  2652. -webkit-transition: all,0.15s;
  2653. -webkit-user-select: none;
  2654. background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
  2655. background-size: 12px;
  2656. clear: both;
  2657. color: #666;
  2658. cursor: pointer;
  2659. display: table;
  2660. font-size: 11px;
  2661. font-weight: 400;
  2662. line-height: 18px;
  2663. margin: 5px;
  2664. padding: 3px 5px 3px 25px;
  2665. text-align: right;
  2666. transition: all,0.15s;
  2667. user-select: none;
  2668. }
  2669.  
  2670. .BS_like:before {
  2671. content: "Curtir";
  2672. }
  2673.  
  2674. #rep_post .bs_inline {
  2675. list-style: none;
  2676. }
  2677.  
  2678. .BS_like:hover {
  2679. background-color: #daedfb;
  2680. color: #666;
  2681. }
  2682.  
  2683. #rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
  2684. #rep_post .bs_inline {list-style: none;}
  2685. #rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
  2686. #rep_post .bs_inline > li:first-child {margin-left: 0;}
  2687. #rep_post .bs_inline img {display: none;}
  2688. #rep_post span img {cursor: pointer;}
  2689.  
  2690.  
  2691. .reput_vote.positive {background-color: #8db13e;}
  2692. .reput_vote.zero {background-color: #6a6a6a;}
  2693.  
  2694. #rep_post .reput_vote:before {
  2695. content: "Curtidas ";
  2696. }
  2697. .text-uper02 {
  2698. font-family: segoe UI;
  2699. font-size: 25px;
  2700. font-weight: 600;
  2701. color: #fff;
  2702. text-transform: uppercase;
  2703. text-align: center;
  2704. margin-top: 153px;
  2705. }
  2706. #main-content{
  2707. background: #fff;
  2708. border: 1px solid #ececec;
  2709. border-radius: 4px;
  2710. margin-right: 7px;
  2711. padding: 10px;
  2712. border: 1px solid #ddd;
  2713. border-radius: 2px;
  2714. box-shadow: rgba(0,0,0,0.05) 0px 1px 4px;
  2715. }
  2716. tr {
  2717. -moz-transition: background .3s ease-in-out;
  2718. -webkit-transition: background .3s ease-in-out;
  2719. transition: background .3s ease-in-out;
  2720. border-bottom: 1px dashed #f5f5f5;
  2721. }
  2722. tr:hover {
  2723. -moz-transition: background .3s ease-in-out;
  2724. -webkit-transition: background .3s ease-in-out;
  2725. background: #f9f9f9;
  2726. transition: background .3s ease-in-out;
  2727. }
  2728. #page-body{
  2729. background: #FFF;
  2730. border: 1px solid #ddd;
  2731. border-radius: 2px;
  2732. box-shadow: rgba(0,0,0,0.05) 0px 1px 4px;
  2733. }
  2734. #message {margin-top: 0px!important;}
  2735. label[for="message"] {opacity:0;display:none;}
  2736. #divcolor, #divsmilies, #help-button, #submit_button, .format-message + label{ border: 1px solid #ddd;
  2737. background: #f5f5f5;
  2738. border-radius: 3px;
  2739. box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
  2740. display: inline-block;
  2741. height: 18px;
  2742. line-height: 16px;
  2743. text-align: center;
  2744. width: 18px;}
  2745. #help-button{
  2746. cursor: pointer;
  2747. font-weight: 700;
  2748. margin-left: 4px;
  2749. margin-top: 3px;
  2750. margin-right: 6px;
  2751. float: right;
  2752. width: 20px;
  2753. height: 20px;
  2754. line-height: 19px;
  2755. color: #555;
  2756. font-size: 10px;
  2757. font-weight: normal;
  2758. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement