API tools faq
paste
Advertisement
Guest User

CSS Forum ajuda

a guest
Sep 7th, 2016
20
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 55.79 KB | None | 0 0
raw download clone embed print report
  1. /* Skin PunBB - Evolution Community
  2. Por: Breno Pereira / Eddye / Sistematic / Anderson
  3. /*________________________________________________________________________________________________*/
  4. /*footer*/
  5. #pun-about {display:block!important;}
  6. #footer {
  7. background: #e5e5e5;
  8. border-top: 1px solid #fff;
  9. }
  10. #footer-img {
  11. background: url(http://i.imgur.com/iVEioeg.jpg) 50% 0 no-repeat;
  12. }
  13. #copyright {
  14. text-align: center;
  15. color: #555;
  16. padding: 25px 0;
  17. font-size: 12px;
  18. }
  19. .smalltext, small {
  20. font-size: 11px;
  21. }
  22. #copyright a:link, #copyright a:visited {
  23. color: #666;
  24. font-size: 12px;
  25. font-family: arial, sans-serif;
  26. }
  27.  
  28. /*Menagem igual IPB Para Forumeiros */
  29. .guestMessage{
  30. background:#fff2db url("http://i56.servimg.com/u/f56/17/97/98/69/highli11.png") repeat-x 0 0;
  31. border:1px solid #eac794;color:#b85f1d;line-height:180%;
  32. margin-bottom:10px;padding:10px;
  33. text-shadow:rgba(255,255,255,0.55) 0px 1px 0px
  34. }
  35. .guestMessage a{
  36. color:#b85f1d;
  37. text-decoration:none
  38. }
  39.  
  40. .guestMessage .guestHeader{
  41. background:rgb(240,175,81);
  42. background:-moz-linear-gradient(top, rgba(240,175,81,1) 0%, rgba(245,197,114,1) 100%);
  43. background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,175,81,1)), color-stop(100%,rgba(245,197,114,1)));
  44. background:-webkit-linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);
  45. background:-o-linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);
  46. background:-ms-linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);
  47. background:linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);
  48. -webkit-box-shadow:inset #b0720a 0px 1px 4px, rgba(255,255,255,0.5) 0px 1px 0px;
  49. -moz-box-shadow:inset #b0720a 0px 1px 4px, rgba(255,255,255,0.5) 0px 1px 0px;
  50. box-shadow:inset #b0720a 0px 1px 4px, rgba(255,255,255,0.5) 0px 1px 0px;
  51. color:#9a6200;
  52. text-shadow:rgba(255,255,255,0.4) 0px 1px 0px;padding:10px;
  53. font-size:1.1em;
  54. font-weight:bold;
  55. margin:-2px -2px 15px -2px
  56. }
  57.  
  58. .guestMessage a.guestButton{
  59. background:rgb(240,175,81);
  60. background:-moz-linear-gradient(top, rgba(240,175,81,1) 0%, rgba(245,197,114,1) 100%);
  61. background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,175,81,1)), color-stop(100%,rgba(245,197,114,1)));
  62. background:-webkit-linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);
  63. background:-o-linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);
  64. background:-ms-linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);
  65. background:linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);
  66. -webkit-box-shadow:inset #b0720a 0px 1px 4px, rgba(255,255,255,0.5) 0px 1px 0px;
  67. -moz-box-shadow:inset #b0720a 0px 1px 4px, rgba(255,255,255,0.5) 0px 1px 0px;
  68. box-shadow:inset #b0720a 0px 1px 4px, rgba(255,255,255,0.5) 0px 1px 0px;color:#9a6200;
  69. text-shadow:rgba(255,255,255,0.4) 0px 1px 0px;
  70. padding:0 14px;
  71. display:inline-block;
  72. height:36px;
  73. line-height:36px;
  74. outline:0;
  75. margin:15px
  76. 8px 0 0;
  77. font-weight:bold;
  78. text-decoration:none
  79. }
  80. /*Mensaje para invitados IPB */
  81. /*----Estatisticas--*/
  82. .roundframe {
  83. padding: 0 10px;
  84. background: #f9f9f9;
  85. border-left: 1px solid #e5e5e5;
  86. border-right: 1px solid #e5e5e5;
  87. }
  88. div.roundframe div.cat_bar {
  89. background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) no-repeat 0 -252px;
  90. margin-bottom: 0;
  91. }
  92. div.cat_bar {
  93. background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) no-repeat 0 -164px;
  94. padding-left: 9px;
  95. height: 38px;
  96. overflow: hidden;
  97. margin-bottom: 1px;
  98. }
  99. div.roundframe div.cat_bar h3.catbg {
  100. background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) no-repeat 100% -252px;
  101. color: #fff;
  102. }
  103. h4.catbg, h4.catbg2, h3.catbg, h3.catbg2, .table_list tbody.header td.catbg {
  104. background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) no-repeat 100% -164px;
  105. padding-right: 9px;
  106. }
  107. h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a {
  108. color: #424242;
  109. }
  110. h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg {
  111. overflow: hidden;
  112. height: 38px;
  113. line-height: 38px;
  114. font-size: 1em;
  115. font-weight: bold;
  116. }
  117. .catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th {
  118. color: #424242;
  119. font-size: 1em;
  120. font-weight: bold;
  121. background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) no-repeat -10px -164px;
  122. }
  123. img#upshrink_ic, img#newsupshrink {
  124. float: right;
  125. margin: 10px 5px 0 0;
  126. }
  127. h3.catbg img.icon, h4.titlebg img.icon {
  128. vertical-align: middle;
  129. margin: -2px 5px 0 0;
  130. }
  131. Inherited from h3.catbg
  132. div.roundframe div.cat_bar h3.catbg {
  133. color: #fff;
  134. }
  135. #upshrinkHeaderIC {
  136. margin-top: 4px;
  137. }
  138. div.title_barIC {
  139. background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) no-repeat 0 -120px;
  140. padding-left: 9px;
  141. height: 38px;
  142. overflow: hidden;
  143. margin-bottom: 1px;
  144. }
  145. div.title_barIC h4.titlebg {
  146. background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) no-repeat 100% -120px;
  147. color: #484848;
  148. }
  149. h4.titlebg, h3.titlebg {
  150. background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) no-repeat 100% -208px;
  151. padding-right: 9px;
  152. }
  153. h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a {
  154. color: #d2d2d2;
  155. }
  156. h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg {
  157. overflow: hidden;
  158. height: 38px;
  159. line-height: 38px;
  160. font-size: 1em;
  161. font-weight: bold;
  162. }
  163. .titlebg, .titlebg2, tr.titlebg th, tr.titlebg td, tr.titlebg2 td {
  164. color: #d2d2d2;
  165. font-size: 1em;
  166. font-weight: bold;
  167. background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) no-repeat -10px -208px;
  168. }
  169. .floatleft {
  170. float: left;
  171. }
  172. #upshrinkHeaderIC p {
  173. margin: 0 0 0.5em 0;
  174. padding: 0.5em;
  175. }
  176.  
  177. div.title_barIC {
  178. background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.pngg) no-repeat 0 -120px;
  179. padding-left: 9px;
  180. height: 38px;
  181. overflow: hidden;
  182. margin-bottom: 1px;
  183. }
  184. #upshrinkHeaderIC p.last {
  185. margin: 0;
  186. padding: 0.5em;
  187. border-top: 2px dotted #bbb;
  188. }
  189. #upshrinkHeaderIC p {
  190. margin: 0 0 0.5em 0;
  191. padding: 0.5em;
  192. }
  193. .roundframe p {
  194. padding: 0.5em;
  195. }
  196. span.upperframe {
  197. padding: 0;
  198. display: block;
  199. background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) 0 -90px no-repeat;
  200. padding-left: 20px;
  201. }
  202. span.lowerframe {
  203. padding: 0;
  204. display: block;
  205. background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) 0 -102px no-repeat;
  206. padding-left: 20px;
  207. }
  208.  
  209. span.upperframe span {
  210. padding: 0;
  211. height: 12px;
  212. display: block;
  213. background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) 100% -90px no-repeat;
  214. }
  215. span.lowerframe span {
  216. padding: 0;
  217. height: 12px;
  218. display: block;
  219. background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) 100% -102px no-repeat;
  220. }
  221.  
  222.  
  223.  
  224. #fullcred a:hover {
  225. color: white;
  226. }
  227. #fullcred a {
  228. display: block;
  229. font: normal 15px \'Carrois Gothic\', sans-serif;
  230. -moz-transition: all 500ms ease 0s;
  231. -webkit-transition: all 500ms ease 0s;
  232. -o-transition: all 500ms ease 0s;
  233. -ms-transition: all 500ms ease 0s;
  234. text-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 2px;
  235. color: #948F8F;
  236. color: rgba(255, 255, 255, 0.4);
  237. }
  238. #fullcred {
  239. float: left;
  240. text-align: left;
  241. }
  242. #topdes:hover {
  243. background: rgba(0, 0, 0, 0.5) url("http://i.imgur.com/90ulAas.png")no-repeat center center;
  244. }
  245. #topdes {
  246. width: 24px;
  247. height: 24px;
  248. display: block;
  249. background: rgba(0, 0, 0, 0.2) url("http://i.imgur.com/90ulAas.png")no-repeat center center;
  250. border-radius: 5px;
  251. margin: auto;
  252. cursor: pointer;
  253. text-align: center;
  254. }
  255. #estadisticas-IPB {
  256. text-align: center;
  257. }
  258. #estadisticas-IPB .stat-bloque {
  259. display: inline-block;
  260. margin-right: 10px;
  261. }
  262. #estadisticas-IPB span {
  263. display: inline-block;
  264. background: #E2E2E2;
  265. color: #4A4A4A;
  266. padding: 2px 6px;
  267. font-weight: bold;
  268. border-radius: 2px;
  269. margin: 2px;
  270. }
  271. .board_statistics {
  272. margin: 20px 0 0 0;
  273. padding: 10px 0;
  274. border-top: 3px solid #D8D8D8;
  275. }
  276. .board_statistics h2 {
  277. font-size: 14px;
  278. font-weight: bold;
  279. margin: 4px 0;
  280. }
  281. .expand {
  282. background: url(http://i.imgur.com/gLCLWtW.png) no-repeat -94px -24px;
  283. text-indent: -3000em;
  284. width: 41px;
  285. height: 24px;
  286. display: block;
  287. outline: 0;
  288. opacity: 0.4;
  289. -moz-transition: all 0ms ease 0s;
  290. -webkit-transition: all 0ms ease 0s;
  291. -o-transition: all 0ms ease 0s;
  292. -ms-transition: all 0ms ease 0s;
  293. position: relative;
  294. top: -20px;
  295. float: right;
  296. right: 10px;
  297. cursor: pointer;
  298. }
  299. .contract {
  300. background: url(http://i.imgur.com/gLCLWtW.png) no-repeat -94px 0;
  301. text-indent: -3000em;
  302. width: 41px;
  303. height: 24px;
  304. display: block;
  305. outline: 0;
  306. opacity: 0.4;
  307. -moz-transition: all 0ms ease 0s;
  308. -webkit-transition: all 0ms ease 0s;
  309. -o-transition: all 0ms ease 0s;
  310. -ms-transition: all 0ms ease 0s;
  311. position: relative;
  312. top: -20px;
  313. float: right;
  314. right: 10px;
  315. cursor: pointer;}
  316. .expand:hover ,.contract:hover{opacity: 9;}
  317.  
  318. .user-avatar img {
  319. opacity: 0.6;
  320. }
  321. .post:hover .user-avatar img {
  322. opacity: 1;
  323. -webkit-transition: all .2s linear;
  324. -moz-transition: all .2s linear;
  325. -o-transition: all .2s linear;
  326. }
  327.  
  328.  
  329. .post:hover .post-options {
  330. -moz-transition: all .2s linear;
  331. -o-transition: all .2s linear;
  332. -webkit-transition: all .2s linear;
  333. opacity: .5;
  334. }
  335. .post .post-options:hover {
  336. -moz-transition: all .2s linear;
  337. -o-transition: all .2s linear;
  338. -webkit-transition: all .2s linear;
  339. opacity: 1!important;
  340. }
  341. .post .post-options {
  342. -moz-transition: all .2s linear;
  343. -o-transition: all .2s linear;
  344. -webkit-transition: all .2s linear;
  345. opacity: 0;
  346. }
  347. -moz-selection, ::selection {
  348. background: rgba(0, 160, 250, 0.5);
  349. color: white;
  350. text-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  351. }
  352.  
  353. .pun .user-ident .user-basic-info {
  354. font-weight: 700;
  355. }
  356. .pun div, .pun td, .sig-line {
  357. color: ##DDD;
  358. }
  359. .pun .username {
  360. border-radius: 4px;
  361. display: block;
  362. font-family: Arvo;
  363. font-size: 1.5em;
  364. font-weight: 400!important;
  365. margin-bottom: 5px;
  366. margin-top: 10px;
  367. padding: 8px!important;
  368. position: relative;
  369. text-align: center;
  370. text-decoration: none;
  371. border-image: initial;
  372. }
  373. .spoiler > dt::after {
  374. content: "© DarkCheats";
  375. float: right;
  376. }
  377. .module-advert{display:none;}
  378. #online .on-title, #statistics .stats-title {
  379. border-bottom: 1px solid white;
  380. font-size: 30px;
  381. height: 70px;
  382. text-transform: uppercase;
  383. }
  384.  
  385. .online-content {
  386. border-top: 1px solid #D9D9D9;
  387. padding: 15px;
  388. }
  389.  
  390. #online {
  391. background: #EAEAEA;
  392. border-right: 2px solid #D2D2D2;
  393. vertical-align: top;
  394. width: 60%;
  395. }
  396.  
  397. #online .on-title {
  398. background: #F3F3F3;
  399. }
  400.  
  401. #pun-announcement, #pun-visit, .main-box {
  402. -moz-border-radius: 5px;
  403. -moz-box-shadow: 0 2px 5px 0 #dcdcdc;
  404. background: white url(http://i36.servimg.com/u/f36/11/96/49/61/dropsh10.png) 0 -1px repeat-x;
  405. border: 1px solid #D6D6D6;
  406. border-radius: 5px;
  407. box-shadow: 0 2px 5px 0 #dcdcdc;
  408. border-image: initial;
  409. }
  410.  
  411. #general-stats {
  412. -moz-box-shadow: 0 0 7px 0 #dcdcdc;
  413. background: whiteSmoke;
  414. border: 1px solid white;
  415. box-shadow: 0 0 7px 0 #dcdcdc;
  416. text-shadow: 1px 1px 0 white;
  417. width: 100%;
  418. border-image: initial;
  419. }
  420.  
  421. #online .on-title a, #statistics .stats-title a {
  422. bottom: -23px;
  423. font-family: Century Gothic!important;
  424. left: 20px;
  425. position: relative;
  426. }
  427.  
  428. .chart, .globe {
  429. height: 28px;
  430. margin-top: -3px;
  431. vertical-align: middle;
  432. }
  433.  
  434. #statistics {
  435. border-left: 0px solid white;
  436. float: right;
  437. padding-bottom: 15px;
  438. vertical-align: top;
  439. width: 100%;
  440. }
  441.  
  442. .stats-content {
  443. border-top: 1px solid #D9D9D9;
  444. padding: 15px;
  445. }
  446.  
  447. #legend {
  448. margin: 25px 0;
  449. }
  450.  
  451. .groups {
  452. background: url(http://i36.servimg.com/u/f36/11/96/49/61/custom10.png) no-repeat left;
  453. float: right;
  454. margin-top: -22px;
  455. padding: 5px 0 5px 18px;
  456. }
  457.  
  458. li {list-style-type:none;}
  459. .pun table td.tcl {
  460. border-left-style: none;
  461. border-left-width: 0;
  462. height: 42px;
  463. min-height: 24px;
  464. padding-left: .5em;
  465. vertical-align: top;
  466. }
  467. .pun table.table td {
  468. background-color: #fbfbfb;
  469.  
  470. border-width: 1px;
  471. line-height: 130%;
  472. padding: .6em 0 .7em;
  473. }
  474. .pun table .tdtopics {
  475. padding-left: 42px;
  476. }
  477. .pun table .tcl {
  478. overflow: hidden;
  479. text-align: left;
  480. width: 50%;
  481. }
  482. .forumbit_post .foruminfo .forumicon {
  483.  
  484. position: absolute;
  485. }
  486. td.tcl.tdtopics > strong {
  487. -moz-border-radius: 3px;
  488. -webkit-border-radius: 3px;
  489. background-color: #7ba60d;
  490. background-image: url(http://i.imgur.com/EHGpChd.png);
  491. background-position: 0 -1px;
  492. background-repeat: repeat-x;
  493. border-radius: 3px;
  494. color: #fff;
  495. cursor: default;
  496. font-size: 9px;
  497. font-weight: 700;
  498. height: 16px;
  499. line-height: 16px;
  500. padding: 3px 5px;
  501. text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
  502. text-transform: uppercase;
  503. }
  504. /*Destaque do mês*/
  505. .destaque img.avatar_d {
  506. width: 50px;
  507. height: 50px;
  508. padding: 1px;
  509. border: 1px solid #d5d5d5;
  510. background: #fff;
  511. -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
  512. -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
  513. box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
  514. }
  515. .destaque h4 {font-weight: normal;}
  516. .bs_badge {
  517. background: #7ba60d;
  518. display: inline-block;
  519. height: 16px;
  520. line-height: 16px;
  521. padding: 0 5px;
  522. font-size: 9px;
  523. font-weight: bold;
  524. text-transform: uppercase;
  525. -moz-border-radius: 4px;
  526. -webkit-border-radius: 4px;
  527. border-radius: 4px;
  528. vertical-align: middle;
  529. margin-right: 8px;
  530. }
  531. .bs_badge_lightgrey {
  532. background: #b3b3b3;
  533. }
  534. .bs_badge, .bs_badge a {color: #fff !important;}
  535. .reset_cursor {
  536. cursor: default;
  537. }
  538. .destaque .main-content table {
  539. background: #F6F8FA;
  540. border: 1px solid #DCE2EC;
  541. width: 100%;
  542. }
  543.  
  544. .postbody .sucesso, .postbody .aviso, .postbody .infos {
  545. width: 75%;
  546. margin: 8px 0;
  547. padding: 8px;
  548. color: #fefefe;
  549. -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  550. -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  551. -khtml-box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  552. box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  553. -moz-box-sizing: border-box;
  554. -webkit-box-sizing: border-box;
  555. box-sizing: border-box;
  556. -webkit-border-radius: 5px 5px 5px 5px;
  557. -moz-border-radius: 5px 5px 5px 5px;
  558. -khtml-border-radius: 5px 5px 5px 5px;
  559. border-radius: 5px 5px 5px 5px;
  560. border-style: solid;
  561. border-width: 0;
  562. position: relative;
  563. font: 14px/20px Museo300Regular,Helvetica,Arial,sans-serif;
  564. }
  565. .postbody .infos {
  566. background-color: #2fa9f6;
  567. }
  568. .postbody .sucesso {
  569. background-color: #7EB62E;
  570. }
  571. .postbody .aviso {
  572. background-color: #BE1B00;
  573. }
  574. /*________________________________________________________________________________________________*/
  575. .main .main-content .statused td.tcl[style] .status img {
  576. margin-left: -16px;
  577. margin-top: 10px;
  578. position: absolute;
  579. }
  580. .tcl img[alt] {
  581. max-width: 100px;
  582. }
  583. /* ___________ Retirando bugs do view_topic_body ___________*/
  584. table.ipb_table .subforums li {
  585. background: url(\'http://www.bpcsamp.com.br/forum/public/style_images/lmg/subforum_nonew.png\') no-repeat 0 50%;
  586. padding: 0 15px 0 15px;
  587. margin: 0;
  588. float: left;
  589. }
  590. .ipsList_inline>li {
  591. display: inline-block;
  592. margin: 0 3px;
  593. }
  594. .pun .user-ident .username {
  595. border: 1px solid #ddd;
  596. border-radius: 3px;
  597. margin: 0 auto;
  598. position: relative;
  599. }
  600. .pun .username {
  601. background-color: #f7f7f7;
  602. border-bottom: 1px solid #eee;
  603. font-size: 13px;
  604. font-weight: 400;
  605. padding: 10px;
  606. text-shadow: 0 1px 0 rgba(255,255,255,0.6);
  607. }
  608. .pun .post .user {
  609. line-height: 150%;
  610. margin-left: -17em!important;
  611. margin-top: -1.2em;
  612. padding-top: initial;
  613. text-align: center;
  614. width: 15em;
  615. }
  616. .pun .user-ident .user-basic-info {margin-top: 15px;}
  617.  
  618. /* ___________ Retirando bugs do view_topic_body ___________*/
  619. /*titlebox*/
  620. .sb_titlebox {
  621. background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
  622. background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%);
  623. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
  624. background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
  625. background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
  626. background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
  627. background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
  628. -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
  629. -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
  630. box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
  631. text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
  632. -moz-border-radius: 3px;
  633. -webkit-border-radius: 3px;
  634. border-radius: 3px;
  635. padding: 14px;
  636. overflow: hidden;
  637. }
  638. .ipsUserPhoto {
  639. width: 54px;
  640. height: 54px;
  641. -webkit-border-radius: 3px;
  642. border-radius: 3px;
  643. box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
  644. }
  645. .ipsBox_withphoto {
  646. margin-left: 65px;
  647. }
  648. .ipsType_pagetitle, .ipsType_subtitle {
  649. font: 300 26px/1.4 Helvetica,Arial,sans-serif;
  650. color: #121212;
  651. }
  652. .ipbfs_titlebox .desc {
  653. padding: 3px 0;
  654. }
  655. .desc.lighter, .desc.lighter.blend_links a {
  656. color: #7a7a7a;
  657. }
  658. .desc, .desc.blend_links a, p.posted_info {
  659. font-size: 11px;
  660. color: #444;
  661. }
  662. .desc.lighter, .desc.lighter.blend_links a {
  663. color: #7a7a7a;
  664. }
  665. .desc, .desc.blend_links a, p.posted_info {
  666. font-size: 11px;
  667. color: #444;
  668. }
  669. /* ___________ Avatar no Ultimos Assutos ___________*/
  670. .lastpost-avatar img {
  671. border-radius: 1px !important;
  672. border: 1px solid #E0E0E0 !important;
  673. padding: 1px;
  674. }
  675. /* ___________ Avatar no Ultimos Assuntos ___________*/
  676. /* ___________ Alerta da ausencia de Post ___________*/
  677. td.tcr span a:empty:before {
  678. content: "Sem mensagens.";
  679. cursor: default;
  680. pointer-events: none;
  681. text-align: center;
  682. word-wrap: break-word;
  683. }
  684. /* ___________ Alerta da ausencia de Post ___________*/
  685. /* ___________ TC ___________*/
  686. .pun .table .tc2 {
  687. text-align: right;
  688. width: 25%!important;
  689. }
  690. .pun table .tcr {
  691. width: 40%!important;
  692. }
  693. /* ___________ TC ___________*/
  694. /* ___________ HeaderText ___________*/
  695. .text_header {
  696. color: #fff;
  697. font-size: 13px;
  698. padding: 0 0 0 40px;
  699. cursor: default;
  700. }
  701. /* ___________ HeaderText ___________*/
  702. /* ___________ Registro ___________*/
  703. fieldset.frm-set.multi {
  704. border-bottom: none !important;
  705. padding: 0 !important;
  706. }
  707. .main .frm-info {
  708. display: none !important;
  709. }
  710. .sub-head span {
  711. display: none !important;
  712. }
  713. .sub-head {
  714. display: none !important;
  715. }
  716. thead {
  717. display: none;
  718. }
  719. /* ___________ Registro ___________*/
  720. /* ___________ Drop login ___________*/
  721. .link_senha:hover {
  722. color: #328586!important;
  723. }
  724. .link_senha {
  725. color: #2F2F2F!important;
  726. font-size: 12px;
  727. }
  728. /* ___________ Drop login ___________*/
  729. /* ___________ Header Drop ___________*/
  730. span.login_header:hover {
  731. background-color: rgba(20,21,26,0.53);
  732. }
  733. span.login_header {
  734. font-size: 11px;
  735. padding: 15px;
  736. margin-right: 10px;
  737. -webkit-transition: background .5s ease-out;
  738. }
  739. .droplogin {
  740. color: #777;
  741. font-size: 14px!important;
  742. margin-left: -1.3pc!important;
  743. margin-top: -.6pc!important;
  744. padding: 0 15px;
  745. text-align: left!important;
  746. }
  747. .dropmpss {
  748. width: 184px!important;
  749. }
  750. .submenubg:hover {
  751. width: 150px !important;
  752. }
  753. .submenubg {
  754. width: 150px !important;
  755. }
  756. .dropuser {
  757. color: #777;
  758. font-size: 14px!important;
  759. margin-left: -5.35pc!important;
  760. margin-top: -.49pc;
  761. }
  762. .dropsamp {
  763. color: #777;
  764. font-size: 14px!important;
  765. margin-left: -4.75pc!important;
  766. margin-top: -.49pc;
  767. }
  768. .dropts {
  769. color: #777;
  770. font-size: 14px!important;
  771. margin-left: -5.6pc!important;
  772. margin-top: -.49pc;
  773. }
  774. .droptss {
  775. width: 190px!important;
  776. }
  777. .dropmps {
  778. color: #777;
  779. font-size: 14px!important;
  780. margin-left: -5.7pc!important;
  781. margin-top: -1.3pc;
  782. }
  783. /* ___________ Header Drop ___________*/
  784. /* ___________ Menu padrao ___________*/
  785. #primary_nav {
  786. background: #22242D;
  787. box-shadow: inset 0 0 5px #000;
  788. font-size: 14px;
  789. height: 47px;
  790. margin: 0 auto;
  791. padding: 0 20px 0 0;
  792. width: 100%;
  793. }
  794. #community_app_menu > li {
  795. text-align: center;
  796. }
  797. #community_app_menu > li > a {
  798. color: #fff;
  799. background: transparent;
  800. text-align: center;
  801. display: block;
  802. padding: 15px 15px 15px;
  803. text-shadow: none;
  804. filter:alpha(opacity=100);
  805. -moz-opacity:1;
  806. opacity:1;
  807. -webkit-transition:background 0.5s ease-out;
  808. -moz-transition:background 0.5s ease-out;
  809. -o-transition:background 0.5s ease-out;
  810. -ms-transition:background 0.5s ease-out;
  811. }
  812. #community_app_menu > li > a:hover, #community_app_menu > li > a.menu_active {
  813. background: rgba(20, 21, 26, 0.53);
  814. color: #fff;
  815. text-align: center;
  816. -webkit-transition:background 0.5s ease-out;
  817. -moz-transition:background 0.5s ease-out;
  818. -o-transition:background 0.5s ease-out;
  819. -ms-transition:background 0.5s ease-out;
  820. }
  821. #community_app_menu > li.active > a {
  822. background: #fff;
  823. font-weight: bold;
  824. margin-top: 0;
  825. text-shadow: none;
  826. }
  827. #quickNavLaunch {
  828. padding: 10px 8px 8px;
  829. }
  830. #quickNavLaunch span {
  831. background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_q10.png) no-repeat top;
  832. width: 13px;
  833. height: 13px;
  834. display: inline-block;
  835. }
  836. /* ___________ Menu padrao ___________*/
  837. /* ___________ Menu Drop Down ___________*/
  838. .triangle {
  839. top: -8px;
  840. left: 50%;
  841. margin-left: -8px;
  842. }
  843. ul li.drop {
  844. position: relative;
  845. }
  846. ul > li {
  847. display: inline-block;
  848. }
  849. ul li a {
  850. color: #777;
  851. -webkit-transition: all .1s ease-out;
  852. -moz-transition: all .1s ease-out;
  853. -ms-transition: all .1s ease-out;
  854. -o-transition: all .1s ease-out;
  855. transition: all .1s ease-out;
  856. }
  857. ul li a:hover {
  858. color: #eee;
  859. }
  860. .dropOut .triangle {
  861. width: 0;
  862. height: 0;
  863. position: absolute;
  864. border-left: 8px solid transparent;
  865. border-right: 8px solid transparent;
  866. border-bottom: 8px solid white;
  867. }
  868. .dropdownContain {
  869. width: 160px;
  870. position: absolute;
  871. z-index: 2;
  872. left: 50%;
  873. margin-left: -80px;
  874. top: -40000px;
  875. }
  876. .dropOut ul {
  877. float: left;
  878. padding: 10px 0;
  879. }
  880. .dropOut ul li {
  881. text-align: left;
  882. float: left;
  883. width: 125px;
  884. padding: 12px 0 10px 15px;
  885. margin: 0px 10px!important;
  886. color: #777;
  887. -webkit-border-radius: 4px;
  888. -moz-border-radius: 4px;
  889. border-radius: 4px;
  890. -webkit-transition: background .1s ease-out;
  891. -moz-transition: background .1s ease-out;
  892. -ms-transition: background .1s ease-out;
  893. -o-transition: background .1s ease-out;
  894. transition: background .1s ease-out;
  895. }
  896. .dropOut {
  897. width: 160px;
  898. background: white;
  899. float: left;
  900. position: relative;
  901. margin-top: 0px;
  902. opacity: 0;
  903. border: 1px solid #E2E2E2;
  904. -webkit-border-radius: 4px;
  905. -moz-border-radius: 4px;
  906. border-radius: 4px;
  907. -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
  908. -moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
  909. box-shadow: 0 1px 11px rgba(0, 0, 0, 0.18);
  910. -webkit-transition: all .1s ease-out;
  911. -moz-transition: all .1s ease-out;
  912. -ms-transition: all .1s ease-out;
  913. -o-transition: all .1s ease-out;
  914. transition: all .1s ease-out;
  915. }
  916. .dropOut ul li:hover {
  917. background: #f6f6f6;
  918. }
  919. ul li:hover a { color: white; }
  920. ul li:hover .dropdownContain { top: 2.5pc; }
  921. ul li:hover .underline { border-bottom-color: #777; }
  922. ul li:hover .dropOut { opacity: 1; margin-top: 8px; }
  923. /* ___________ Menu Drop Down ___________*/
  924. /* ___________ Rede Águia ___________*/
  925. html, body {
  926. font: normal 13px helvetica, arial, sans-serif;
  927. background-color: #e7e7e7;
  928. color: #5a5a5a;
  929. }
  930. #pun-visit, #pun-about {
  931. display: none;
  932. }
  933. .main-box {
  934. display: none;
  935. }
  936. .bpc_header {
  937. float:left;
  938. }
  939. body {
  940. overflow-x: hidden;
  941. }
  942. .pun {
  943. background: #fff;
  944. padding: 10px 10px;
  945. line-height: 120%;
  946. margin: 0 auto;
  947. width: 90%;
  948. min-width: 960px;
  949. -webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
  950. -moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
  951. box-shadow: 0 5px 9px rgba(0,0,0,0.1);
  952. }
  953. .pun, .main_width {
  954. margin: 0 auto;
  955. width: 90%;
  956. }
  957. img, .input_check, .input_radio {
  958. vertical-align: middle;
  959. }
  960. a:link {text-decoration: none;}
  961. #pun-visit, #pun-about, .main-box, .pun .paged-foot, .pun .paged-head {
  962. background-color: transparent;
  963. border: 0px;
  964. }
  965. #pun-intro, #pun-navlinks, #pun-about form {display: none;}
  966. /* ___________ Rede Águia ___________*/
  967. /* ___________ header ___________*/
  968. #header_bar {
  969. background: #22242D;
  970. box-shadow: inset 0 0 15px rgba(0,0,0,0.21), 0 0 5px #000;
  971. border-bottom: 1.10px solid #00c7e3;
  972. padding: 0;
  973. position: fixed;
  974. right: 0;
  975. height: 40px;
  976. text-align: right;
  977. top: 0;
  978. width: 100%;
  979. z-index: 999;
  980. }
  981. #branding, #header_bar {
  982. width: 100%;
  983. }
  984. #user_navigation {
  985. color: #555;
  986. font-size: 11px;
  987. }
  988. #user_link {
  989. font-size: 13px;
  990. color: white;
  991. padding: 0px 12px 1px 12px;
  992. height: 36px;
  993. line-height: 36px;
  994. display: inline-block;
  995. margin-right: 15px;
  996. outline: 0;
  997. -webkit-transition:background 0.5s ease-out;
  998. -moz-transition:background 0.5s ease-out;
  999. -o-transition:background 0.5s ease-out;
  1000. -ms-transition:background 0.5s ease-out;
  1001. }
  1002. #user_navigation {
  1003. overflow: visible;
  1004. }
  1005. #user_navigation .ipsList_inline li {
  1006. margin: 0;
  1007. }
  1008. .ipsList_inline > li:first-child {
  1009. margin-left: 0;
  1010. }
  1011. #user_navigation a {
  1012. color: #fff;
  1013. }
  1014. #user_navigation.not_logged_in {
  1015. height: 26px;
  1016. padding: 6px 0 4px;
  1017. }
  1018. #user_navigation #register_link {
  1019. background: #00c7e3;
  1020. color: white;
  1021. display: inline-block;
  1022. padding: 3px 8px;
  1023. border: 1px solid #00aac3;
  1024. -webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
  1025. -moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
  1026. box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
  1027. text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  1028. }
  1029. #inbox_link, #notify_link {
  1030. padding: 13px 20px;
  1031. }
  1032. #notify_link:hover, #inbox_link:hover {
  1033. padding: 13px 20px;
  1034. }
  1035. #user_link:hover, #notify_link:hover, #inbox_link:hover {
  1036. background-color: rgba(20,21,26,0.53);
  1037. -webkit-transition:background 0.5s ease-out;
  1038. -moz-transition:background 0.5s ease-out;
  1039. -o-transition:background 0.5s ease-out;
  1040. -ms-transition:background 0.5s ease-out;
  1041. }
  1042. #user_navigation #sign_in {
  1043. margin-right: 8px;
  1044. }
  1045. #notify_link {
  1046. background: url(http://i.imgur.com/lcE4p4d.png) no-repeat top;
  1047. -webkit-transition:background 0.5s ease-out;
  1048. -moz-transition:background 0.5s ease-out;
  1049. -o-transition:background 0.5s ease-out;
  1050. -ms-transition:background 0.5s ease-out;
  1051. padding: 13px 20px;
  1052. }
  1053. #inbox_link {
  1054. background: url(http://i.imgur.com/vVoLhao.png) no-repeat top;
  1055. -webkit-transition:background 0.5s ease-out;
  1056. -moz-transition:background 0.5s ease-out;
  1057. -o-transition:background 0.5s ease-out;
  1058. -ms-transition:background 0.5s ease-out;
  1059. padding: 13px 20px;
  1060. }
  1061. #notify_link, #inbox_link {
  1062. vertical-align: middle;
  1063. width: 18px;
  1064. height: 15px;
  1065. position: relative;
  1066. -webkit-transition:background 0.5s ease-out;
  1067. -moz-transition:background 0.5s ease-out;
  1068. -o-transition:background 0.5s ease-out;
  1069. -ms-transition:background 0.5s ease-out;
  1070. }
  1071. .ipsList_inline > li {
  1072. display: inline-block;
  1073. }
  1074. ol, ul {
  1075. list-style: none;
  1076. }
  1077. .attach {float: right;}
  1078.  
  1079. #logo:hover {
  1080. -webkit-animation-name: rubberBand;
  1081. animation-name: rubberBand;
  1082. }
  1083. .clickable {
  1084. cursor: pointer;
  1085. }
  1086. #search {
  1087. margin-right: 1.5pc;
  1088. margin-top: .65pc;
  1089. }
  1090. #search_wrap {
  1091. position: relative;
  1092. background: #fff;
  1093. display: block;
  1094. padding: 0 26px 0 4px;
  1095. height: 26px;
  1096. line-height: 25px;
  1097. -moz-border-radius: 3px 4px 4px 3px;
  1098. -webkit-border-top-left-radius: 3px;
  1099. -webkit-border-top-right-radius: 4px;
  1100. -webkit-border-bottom-right-radius: 4px;
  1101. -webkit-border-bottom-left-radius: 3px;
  1102. border-radius: 3px 4px 4px 3px;
  1103. -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
  1104. -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
  1105. box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
  1106. min-width: 230px;
  1107. }
  1108. #main_search {
  1109. margin-top: 5px;
  1110. font-size: 12px;
  1111. border: 0;
  1112. padding: 0;
  1113. color: #b0b0b0;
  1114. background: transparent;
  1115. width: 180px;
  1116. outline: 0;
  1117. }
  1118. #main_search:focus {
  1119. color: #5a5a5a;
  1120. }
  1121. input, select {
  1122. font: normal 13px helvetica,arial,sans-serif;
  1123. }
  1124. #search_options {
  1125. font-size: 10px;
  1126. height: 20px;
  1127. line-height: 20px;
  1128. margin: 3px 3px 3px 0;
  1129. padding: 0 6px;
  1130. -moz-border-radius: 3px;
  1131. -webkit-border-radius: 3px;
  1132. border-radius: 3px;
  1133. background: #EAEAEA;
  1134. display: inline-block;
  1135. float: right;
  1136. max-width: 80px;
  1137. text-overflow: ellipsis;
  1138. overflow: hidden;
  1139. }
  1140. #search .submit_input {
  1141. background: #00d0ee url(http://i81.servimg.com/u/f81/17/45/75/97/search10.png) no-repeat 50%;
  1142. text-indent: -3000em;
  1143. padding: 0;
  1144. border: 0;
  1145. border: 1px solid #00d0ee;
  1146. display: block;
  1147. width: 26px;
  1148. height: 26px;
  1149. position: absolute;
  1150. right: 0;
  1151. top: 0;
  1152. bottom: 0;
  1153. -moz-border-radius: 0 3px 3px 0;
  1154. border-radius: 0 3px 3px 0;
  1155. border-radius: 0 3px 3px 0;
  1156. -webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
  1157. -moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
  1158. box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
  1159. filter:alpha(opacity=100);
  1160. -moz-opacity:1;
  1161. opacity:1;
  1162. }
  1163. #search .submit_input a:hover{
  1164. background:#00a7bf;
  1165. -webkit-transition:background 0.5s ease-out;
  1166. -moz-transition:background 0.5s ease-out;
  1167. -o-transition:background 0.5s ease-out;
  1168. -ms-transition:background 0.5s ease-out;
  1169. }
  1170. #adv_search {
  1171. width: 16px;
  1172. height: 16px;
  1173. background: url(http://i81.servimg.com/u/f81/17/45/75/97/advanc10.png) no-repeat right 50%;
  1174. text-indent: -3000em;
  1175. display: inline-block;
  1176. margin: 4px 0 4px 4px;
  1177. }
  1178. fieldset {
  1179. border: 0px groove threedface;
  1180. }
  1181. /* ___________ header ___________*/
  1182. /* ___________ table ___________*/
  1183. .collapsed {
  1184. opacity: 0.8;
  1185. }
  1186. .main .main-head.collapsed {
  1187. border-radius: 4px 4px 4px 4px;
  1188. opacity: 0.2;
  1189. }
  1190. .main .main-foot, .main .main-head {
  1191. background: url(http://worldwartwozone.com/forums/public/style_images/WorldWarIIZone/maintitle.png) repeat-x scroll 0 0 #252525;
  1192. border: 1px solid #171717;
  1193. border-radius: 4px;
  1194. box-shadow: 0 1px 3px rgba(0,0,0,0.45);
  1195. color: #FFF;
  1196. font-size: 14px;
  1197. font-weight: 300;
  1198. margin-bottom: 6px;
  1199. overflow: hidden;
  1200. padding: 14px 14px 14px 20px;
  1201. }
  1202. .main .main-foot {
  1203. margin-top: 0px;
  1204. -moz-border-radius: 0 0 4px 4px;
  1205. -webkit-border-bottom-left-radius: 4px;
  1206. -webkit-border-bottom-right-radius: 4px;
  1207. border-radius: 0 0 4px 4px;
  1208. }
  1209. .main .main-head {
  1210. background-image: url(http://illiweb.com/fa/empty.gif);
  1211. }
  1212. .main .main-head .page-title h2 {
  1213. font-size: 12px;
  1214. font-weight: 300;
  1215. }
  1216. .pun .main-content {
  1217. background: #ebf0f3;
  1218. padding: 9px;
  1219. }
  1220. .pun table.table {
  1221. background: #fff;
  1222. border: 1px solid #dbe4ef;
  1223. }
  1224. .table .tc_icon {
  1225. padding: 10px 5px!important;
  1226. margin-right: 70px;
  1227. vertical-align: middle;
  1228. width: 30px;
  1229. }
  1230. .pun table.table .tc_forum {
  1231. height: 42px;
  1232. min-height: 24px;
  1233. }
  1234. .pun tbody.statused span.stats {
  1235. margin-top: -10px;
  1236. margin-right: 50px;
  1237. }
  1238. .pun .main table td.tc2, .pun .main table td.tc3 {
  1239. background-color: white;
  1240. }
  1241. .pun table.table td.tc3 {
  1242. text-align: right;
  1243. width: 15%;
  1244. }
  1245. .pun table.table td {
  1246. background: white;
  1247. padding: 10px;
  1248. border: 0px;
  1249. border-bottom: 1px solid #f3f3f3;
  1250. }
  1251. .hierarchy {
  1252. font-size: 14px!important;
  1253. font-weight: 400!important;
  1254. }
  1255. /* ___________ table ___________*/
  1256. /* ___________ stats ___________*/
  1257. #onlinelist {background: white;border-top: 0px solid #d8d8d8;}
  1258. #onlinechat {background: white;border-top: 0px;}
  1259. #statistics {
  1260. margin: 0 auto !important;
  1261. text-align: center !important;
  1262. display: table;
  1263. background: none;
  1264. }
  1265. .statHide{display:none !important;}
  1266. .statsPers li span a {
  1267. text-decoration: none !important;
  1268. }
  1269. .statsPers li > span {
  1270. display: inline-block;
  1271. background: #e2e2e2;
  1272. color: #4a4a4a;
  1273. padding: 2px 6px;
  1274. font-weight: bold;
  1275. -moz-border-radius: 2px;
  1276. -webkit-border-radius: 2px;
  1277. border-radius: 2px;
  1278. margin-right: 3px;
  1279. }
  1280. .statsPers li {
  1281. float: left;
  1282. color:#4a4a4a;
  1283. margin: 2px 10px;
  1284. }
  1285. .statsPers {
  1286. list-style: none;
  1287. display: block;
  1288. margin: 0px auto;
  1289. width: 100%;
  1290. }
  1291. /* ___________ stats ___________*/
  1292. /* ___________ user img ___________*/
  1293. .user-basic-info a img {
  1294. height: 90px;
  1295. width: 90px;
  1296. padding: 1px;
  1297. border: 1px solid #D5D5D5;
  1298. background: white;
  1299. -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  1300. -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
  1301. box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  1302. }
  1303. .user-basic-info a img:hover {
  1304. border-color: #A1A1A1;
  1305. -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  1306. -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
  1307. box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  1308. }
  1309. /* ___________ user img ___________*/
  1310. /* ___________ quick reply ___________*/
  1311. #pun-qpost {
  1312. background: #ebf0f3;
  1313. padding: 9px;
  1314. padding-top: 1px;
  1315. }
  1316. #pun-qpost .main-head {
  1317. font: 300 26px/1.3 Helvetica, Arial, sans-serif;
  1318. color: #323232;
  1319. font-size: 18px;
  1320. background: white;
  1321. border-top: 1px solid #dbe4ef;
  1322. border-left: 1px solid #dbe4ef;
  1323. border-right: 1px solid #dbe4ef;
  1324. border-radius: 0px;
  1325. -webkit-box-shadow: inset 0px 0px 0;
  1326. -moz-box-shadow: inset 0px 0px 0;
  1327. box-shadow: inset 0px 0px 0;
  1328. }
  1329. #pun-qpost a.exthelp {display: none;}
  1330. .pun .frm-form, .main .main-content.frm {
  1331. background-color: white;
  1332. }
  1333. .pun .post {
  1334. border: 1px solid #dbe4ef;
  1335. }
  1336. .pun .main-content {
  1337. border: 1px solid #dbe4ef;
  1338. border-top: 0px;
  1339. }
  1340. #pun-qpost .frm-buttons {
  1341. border-top: 0px;
  1342. text-align: right;
  1343. }
  1344. /* ___________ quick reply ___________*/
  1345. /* ___________ Quick Answers Avatar ___________*/
  1346. #quick-avatar img {
  1347. -border-radius: 100%;
  1348. -moz-border-radius: 100%;
  1349. -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  1350. -webkit-border-radius: 100%;
  1351. -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  1352. background: #fff;
  1353. border: 1px solid #d8d8d8;
  1354. box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  1355. height: 50px;
  1356. padding: 2px;
  1357. width: 50px;
  1358. }
  1359. .BS_like{-moz-border-radius:2px;-webkit-border-radius:2px;background:#740a0e url(http://imgur.com/nzsWyYT.png) no-repeat;border:1px solid #63070a;border-radius:2px;color:#fff;cursor:pointer;display:inline-block;font-size:11px;line-height:22px;margin-right:4px;padding:0 7px 0 26px;text-shadow:rgba(0,0,0,0.2) 0 -1px 0}.BS_count{-moz-border-radius:2px;-webkit-border-radius:2px;background:#f4f4f4;border-radius:2px;padding:3px 10px}.BS_vote{float:right;margin:0 5px}.BS_done{display:none}
  1360. /* ___________ Quick Answers Avatar ___________*/
  1361. /* ___________ Inbox message ___________*/
  1362. #bs_full_inbox {
  1363. font-size: 13px;
  1364. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  1365. line-height: 18px;
  1366. margin-top: 15px;
  1367. display: none;
  1368. width: 450px;
  1369. background: #fff;
  1370. box-shadow: 0px 15px 110px rgba(0,0,0,0.2);
  1371. border-radius: 3px;
  1372. z-index: 200;
  1373. position: absolute;
  1374. }
  1375. #bs_full_inbox a {
  1376. color: #255b79;
  1377. text-decoration: none;
  1378. }
  1379. #bs_full_inbox a:hover {color: #cd3816;}
  1380. #bs_full_inbox:before {
  1381. border-style: solid;
  1382. border-width: 15px;
  1383. border-color: transparent transparent #fff;
  1384. bottom: 100%;
  1385. pointer-events: none;
  1386. left: 15px;
  1387. content: \'\';
  1388. display: block;
  1389. height: 0;
  1390. position: absolute;
  1391. width: 0;
  1392. z-index: 3;
  1393. }
  1394. .bs_inbox_header {
  1395. background: #fff url(\'http://i.imgur.com/sl0Efuz.png\') repeat-x 0 0;
  1396. border-bottom: 1px solid #e0e0e0;
  1397. box-shadow: 0px 1px 6px rgba(0,0,0,0.07);
  1398. border-radius: 3px 3px 0px 0px;
  1399. padding: 10px;
  1400. line-height: 24px;
  1401. }
  1402. .bs_inbox_header .compose {
  1403. font-size: 12px;
  1404. line-height: 28px;
  1405. padding: 0 15px;
  1406. float: right;
  1407. background: #262e33;
  1408. color: #ffffff !important;
  1409. font-weight: 500;
  1410. text-align: center;
  1411. text-decoration: none;
  1412. text-shadow: none;
  1413. white-space: nowrap;
  1414. display: inline-block;
  1415. vertical-align: middle;
  1416. border-radius: 3px;
  1417. border: 1px solid rgba(0,0,0,0.1);
  1418. -webkit-transition: 0.1s all linear;
  1419. -moz-transition: 0.1s all linear;
  1420. -ms-transition: 0.1s all linear;
  1421. -o-transition: 0.1s all linear;
  1422. transition: 0.1s all linear;
  1423. -webkit-user-select: none;
  1424. -moz-user-select: none;
  1425. -ms-user-select: none;
  1426. -o-user-select: none;
  1427. user-select: none;
  1428. -webkit-font-smoothing: antialiased;
  1429. }
  1430. .bs_inbox_header .compose:hover {
  1431. background-image: url(\'http://i.imgur.com/eaB5FHK.png\');
  1432. background-repeat: repeat;
  1433. }
  1434. .bs_inbox_sectionHead {
  1435. font-size: 18px;
  1436. color: #333333;
  1437. line-height: 24px;
  1438. font-weight: 400;
  1439. display: inline-block;
  1440. margin: 0;
  1441. }
  1442. .bs_inbox_inner {
  1443. width: 100%;
  1444. display: table;
  1445. table-layout: auto;
  1446. position: relative;
  1447. border-collapse: separate;
  1448. border-spacing: 0;
  1449. list-style: none;
  1450. padding: 0;
  1451. margin: 0;
  1452. }
  1453. .bs_inbox_li {
  1454. width: 100%;
  1455. position: relative;
  1456. padding: 5px 3px;
  1457. border-width: 0 0 1px 0;
  1458. border-style: solid;
  1459. border-color: #f5f5f5;
  1460. }
  1461. .bs_inbox_li:last-child {border-bottom: 0;}
  1462. .bs_inbox_li strong {font-weight: normal !important;}
  1463. .bs_inbox_item, .bs_user_p {
  1464. display: table-cell;
  1465. padding: 8px 10px;
  1466. }
  1467. .bs_inbox_item {color: #9c9c9c;}
  1468. .bs_inbox_item .topictitle {display: inherit;}
  1469. .bs_inbox_footer {
  1470. background: #fff url(\'http://i.imgur.com/sl0Efuz.png\') repeat-x 0 0;
  1471. text-align: center;
  1472. padding: 10px;
  1473. line-height: 24px;
  1474. border-top: 1px solid #e0e0e0;
  1475. box-shadow: 0px -1px 6px rgba(0,0,0,0.07);
  1476. border-radius: 0px 0px 3px 3px;
  1477. }
  1478. .bs_inbox_photo {
  1479. background: #fff;
  1480. border: 1px solid #fff;
  1481. box-shadow: 0px 0px 0px 1px #e2e2e2;
  1482. padding: 0.5px;
  1483. vertical-align: middle;
  1484. line-height: 1px;
  1485. position: relative;
  1486. border-radius: 150px;
  1487. width: 34px;
  1488. height: 34px;
  1489. }
  1490. /* ___________ Inbox message ___________*/
  1491. /* ___________ TITLEBOX ___________*/
  1492. .titlebox{
  1493. -moz-border-radius:3px;
  1494. -moz-box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
  1495. -webkit-border-radius:3px;
  1496. -webkit-box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
  1497. background:#EFEFEF;
  1498. border:1px solid #D6D6D6;
  1499. border-radius:3px;
  1500. box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
  1501. overflow:hidden;
  1502. padding:10px;
  1503. text-shadow:#fff 0 1px 0
  1504. }
  1505. .titlebox dd{display:block}
  1506. .titlebox dava{float:left}
  1507. .titlebox dava a img{
  1508. -moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);
  1509. -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);
  1510. background:#fff;
  1511. border:1px solid #D5D5D5;
  1512. box-shadow:0 2px 2px rgba(0,0,0,0.1);
  1513. float:left;
  1514. height:50px!important;
  1515. padding:1px;
  1516. width:50px!important
  1517. }
  1518. .titlebox dava a img:hover{
  1519. -moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);
  1520. -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);
  1521. border-color:#A1A1A1;
  1522. box-shadow:0 2px 2px rgba(0,0,0,0.2)
  1523. }
  1524. .ipsType_pagetitle a{font-size:23px;z-index:999}
  1525. .desc.lighter.blend_links{color:#3D3D3E;float:left;font-size:11px}
  1526. .desc.lighter,.desc.lighter.blend_links a{color:#3D3D3E}
  1527. .desc,.desc.blend_links a,p.posted_info{color:#777;font-size:12px}
  1528. .conect{display:inline-block;padding-left:5px}
  1529.  
  1530. .seguir{float:right;position:relative}
  1531. .seguir a{
  1532. -moz-border-radius:2px;
  1533. -moz-box-shadow:0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
  1534. -webkit-border-radius:2px;
  1535. -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
  1536. background:#ececec url(http://i45.tinypic.com/2hrd3tg.png) repeat-x 0 0;
  1537. border:1px solid #d0d0d0;
  1538. border-radius:2px;
  1539. box-shadow:0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
  1540. color:#616161!important;
  1541. cursor:pointer;
  1542. display:inline-block;
  1543. font-size:11px;
  1544. height:24px;
  1545. line-height:24px;
  1546. padding:0 10px;
  1547. text-shadow:#fff 0 1px 0;
  1548. white-space:nowrap
  1549. }
  1550. .seguir a:hover{background-color:#f8f8f8;color:#4c4c4c}
  1551.  
  1552. .posthead[id] + .postmain .entry-content div p:not(:empty) {
  1553. background: #ffebc8 url(http://imgur.com/PIQA4LA.png) no-repeat 6px 10px;
  1554. border: 1px solid #ecc272;
  1555. color: #ac6328;
  1556. font-family: "Trebuchet MS",tahoma,helvetica,arial,sans-serif;
  1557. font-size: 11px;
  1558. font-style: normal;
  1559. font-variant: normal;
  1560. font-weight: 700;
  1561. line-height: 18px;
  1562. margin-top: 15px;
  1563. padding: 8px 8px 8px 28px;
  1564. text-shadow: #fffaf1 0 1px 0;
  1565. }
  1566. .entry-content p:not(:empty) br {display: none;}
  1567. .pun fieldset, .pun img {
  1568. border: none;
  1569. }
  1570. ul#pun-legend, ul.pun-legend {
  1571. display: none;
  1572. }
  1573. /* ___________ TITLEBOX ___________*/
  1574. /* ___________ Font Awesome ___________*/
  1575. @font-face {
  1576. font-family: \'Open Sans\';
  1577. font-style: normal;
  1578. font-weight: 400;
  1579. src: local(\'Open Sans\'), local(\'OpenSans\'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format(\'woff\');
  1580. }
  1581. @font-face {
  1582. font-family: \'FontAwesome\';
  1583. font-style: normal;
  1584. font-weight: normal;
  1585. src: local(\'FontAwesome\'), local(\'FontAwesome\'), url(http://asusgames.esy.es/fonts/fontawesome-webfont.woff) format(\'woff\');
  1586. }
  1587. .post div.user-ident div.user-basic-info a img:first-child, .post span.postdetails a img:first-child, .postprofile dl dt a img:first-child, dl.postdetails dl a img:first-child {
  1588. height: 82.7%;
  1589. width: 80.9%;
  1590. }
  1591. .fade {
  1592. display:inline-block;
  1593. background: -moz-linear-gradient(left, rgb(255,255,225) 0%, rgba(255,255,225,0) 100%);
  1594. background-image: -webkit-gradient(linear, left top, right top, color-stop(0.00, rgb(255,255,225)), color-stop(1.00, rgba(255,255,225,0)));
  1595. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffe1, endColorstr=#00ffffe1, GradientType=1);
  1596. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffe1, endColorstr=#00ffffe1, GradientType=1)";
  1597. }
  1598. .blur {
  1599. display:inline-block;
  1600. color:#ddd;
  1601. text-shadow: 0 0 2px #aaaaaa;
  1602. text-shadow: 0 0 4px #aaaaaa;
  1603. text-shadow: 0 0 6px #aaaaaa;
  1604. -ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelradius=2)";
  1605. filter:
  1606. progid:DXImageTransform.Microsoft.MotionBlur(strength=1,direction=310)
  1607. progid:DXImageTransform.Microsoft.Blur(pixelradius=2);
  1608. }
  1609. .flipH {
  1610. display:inline-block;
  1611. -moz-transform:scale(-1,1);
  1612. -o-transform:scale(-1,1);
  1613. -webkit-transform:scale(-1,1);
  1614. transform:scale(-1,1);
  1615. -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=1, SizingMethod=\'auto expand\')";
  1616. filter: progid:DXImageTransform.Microsoft.Matrix(
  1617. M11=-1,
  1618. M12=0,
  1619. M21=0,
  1620. M22=1,
  1621. SizingMethod="auto expand");
  1622. }
  1623. .flipV {
  1624. display:inline-block;
  1625. -moz-transform:scale(1,-1);
  1626. -o-transform:scale(1,-1);
  1627. -webkit-transform:scale(1,-1);
  1628. transform:scale(1,-1);
  1629. -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=-1, SizingMethod=\'auto expand\')";
  1630. filter: progid:DXImageTransform.Microsoft.Matrix(
  1631. M11=1,
  1632. M12=0,
  1633. M21=0,
  1634. M22=-1,
  1635. SizingMethod="auto expand");
  1636. }
  1637. .user-basic-info img:first-child {
  1638. height: 270px;
  1639. }
  1640.  
  1641.  
  1642. #search {
  1643. margin: 10px 0 20px!important;
  1644. position: relative!important;
  1645. right: -30px!important;
  1646. }
  1647. .pun-crumbs {
  1648. -moz-border-radius: 3px;
  1649. -moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
  1650. -webkit-border-radius: 3px;
  1651. -webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
  1652. background: #F3F3F3;
  1653. border: 1px solid #D9D9D9;
  1654. border-radius: 3px;
  1655. box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
  1656. margin-top: 10px;
  1657. }
  1658. p.crumbs {
  1659. color: #F3F3F3;
  1660. }
  1661. .pun-crumbs p {
  1662. color: #666;
  1663. font-size: 1.11em;
  1664. line-height: 1.5;
  1665. margin: 0;
  1666. }
  1667. p.crumbs a {
  1668. background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
  1669. color: #777!important;
  1670. font-size: 10px;
  1671. line-height: 30px;
  1672. padding: 11px 17px 11px 4px;
  1673. }
  1674.  
  1675. a:link {
  1676. text-decoration: none!important;
  1677. }
  1678.  
  1679. #main-content > #pun-visit {display: none;}
  1680.  
  1681.  
  1682. .pun .entry-content p {
  1683. font-style: italic;
  1684. text-shadow: 2px 2px rgba(175, 175, 207, 0.22);
  1685. font-size: 9px;
  1686. color: #000 !important
  1687. }
  1688.  
  1689. .pun .posthead, .pun {
  1690. background-color: #F0F0F0;
  1691. border-bottom: 1px solid #eee;
  1692. font-size: 13px;
  1693. font-weight: 400;
  1694. padding: 10px;
  1695. text-shadow: 0 1px 0 rgba(255,255,255,0.6);
  1696. }
  1697. /* ___________ Font Awesome ___________*/
  1698. /*___________ Ultima edição personalizada ___________*/
  1699.  
  1700. .posthead[id] + .postbody .entry-content div + p:not(:empty) {
  1701. background: #ffebc8 url(http://imgur.com/PIQA4LA.png) no-repeat 6px 10px;
  1702. border: 1px solid #ecc272;
  1703. color: #ac6328;
  1704. font-family: "Trebuchet MS",tahoma,helvetica,arial,sans-serif;
  1705. font-size: 11px;
  1706. font-style: normal;
  1707. font-variant: normal;
  1708. font-weight: 700;
  1709. line-height: 18px;
  1710. margin-top: 15px;
  1711. padding: 8px 8px 8px 28px;
  1712. text-shadow: #fffaf1 0 1px 0;
  1713. }
  1714. .entry-content div + p:not(:empty) br {
  1715. display: none;
  1716. }
  1717.  
  1718. /*___________ Ultima edição personalizada ___________*/
  1719.  
  1720. /*___________ Colocando Barrinhas ___________*/
  1721. .pun-crumbs {
  1722. -khtml-border-radius: 3px;
  1723. -khtml-box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0;
  1724. -moz-border-radius: 3px;
  1725. -moz-box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0;
  1726. -webkit-border-radius: 3px;
  1727. -webkit-box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0;
  1728. background-color: #fafbfc;
  1729. border: 1px solid rgba(0,0,0,.1);
  1730. border-radius: 3px;
  1731. box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0;
  1732. color: #666;
  1733. font-size: 11px;
  1734. height: 30px;
  1735. line-height: 30px;
  1736. margin: 0 1px 1em;
  1737. max-width: 100%;
  1738. overflow: hidden;
  1739. padding: 0;
  1740. }
  1741. /*___________ Colocando Barrinhas ___________*/
  1742. #pun-visit, #pun-visit a {
  1743. color: #b85f1d;
  1744. }
  1745. #pun-visit {
  1746. background: url(http://i55.servimg.com/u/f55/18/71/50/00/highli10.png) repeat-x scroll 0 0 #f9d79b;
  1747. border: 1px solid #ebb962;
  1748. box-shadow: 0 1px 4px #fde5bb;
  1749. font-size: 13px;
  1750. line-height: 140%;
  1751. margin: 5px 5px 10px;
  1752. padding: 10px;
  1753. text-shadow: 0 1px 0 rgba(255,255,255,0.55);
  1754. }
  1755. /*___________ Caixa de Respostas Rapidas estilo BestSkins ___________*/
  1756. body .sceditor-container {
  1757. -moz-border-radius: 0;
  1758. -moz-box-shadow: 0 0 3px rgba(0,0,0,.15);
  1759. -webkit-border-radius: 0;
  1760. -webkit-box-shadow: 0 0 3px rgba(0,0,0,.15);
  1761. border: 1px solid #b6b6b6;
  1762. border-radius: 0;
  1763. box-shadow: 0 0 3px rgba(0,0,0,.15);
  1764. padding: 0
  1765. }
  1766. body .sceditor-toolbar {
  1767. -moz-box-shadow: 0 1px 0 #fff inset!important;
  1768. -webkit-box-shadow: 0 1px 0 #fff inset!important;
  1769. background: #cfd1cf url(http://i.imgur.com/XPb5FAh.png) repeat-x 0 0!important;
  1770. border-bottom: 1px solid #b6b6b6!important;
  1771. box-shadow: 0 1px 0 #fff inset!important;
  1772. padding: 6px 8px 2px;
  1773. white-space: normal
  1774. }
  1775. body .sceditor-group {
  1776. -moz-border-radius: 3px;
  1777. -moz-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset!important;
  1778. -webkit-border-radius: 3px;
  1779. -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset!important;
  1780. background: #e4e4e4 url(http://i.imgur.com/lvfV1wd.png) repeat-x 0 0!important;
  1781. border: 1px solid #a6a6a6;
  1782. border-bottom-color: #979797!important;
  1783. border-radius: 3px;
  1784. box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset!important;
  1785. margin: 0 6px 5px 0 !important;
  1786. padding: 0!important
  1787. }
  1788. .sceditor-button {
  1789. -moz-border-radius: 0!important;
  1790. -webkit-border-radius: 0!important;
  1791. border-left: 1px solid rgba(0,0,0,.2);
  1792. border-radius: 0!important
  1793. }
  1794. .sceditor-group .sceditor-button:first-child {border-left: 0
  1795. }
  1796. .sceditor-button:hover {
  1797. -moz-box-shadow: 0 0 1px rgba(0,0,0,.3) inset!important;
  1798. -webkit-box-shadow: 0 0 1px rgba(0,0,0,.3) inset!important;
  1799. background: #ccc url(http://i.imgur.com/q00xTJ9.png) repeat-x 0 0!important;
  1800. box-shadow: 0 0 1px rgba(0,0,0,.3) inset!important;
  1801. cursor: default
  1802. }
  1803. .sceditor-button.active,.sceditor-button.hover,.sceditor-button:active {background: #ccc url(http://i.imgur.com/q00xTJ9.png) repeat-x 0 0!important;box-shadow:0 1px 5px rgba(0,0,0,.6) inset,0 1px 0 rgba(0,0,0,.2)!important
  1804. }
  1805. .sceditor-button.sceditor-button-size {
  1806. background: url(http://i.imgur.com/fZYgLFV.png) 0 0 no-repeat scroll!important;
  1807. height: 22px!important;
  1808. width: 51px
  1809. }
  1810. .sceditor-button.sceditor-button-font {
  1811. background: url(http://i.imgur.com/fmbuqHA.png) 0 0 no-repeat scroll!important;
  1812. height: 22px!important;
  1813. width: 81px
  1814. }
  1815. .sceditor-button.sceditor-button-font,.sceditor-button.sceditor-button-size {
  1816. -moz-box-shadow: none!important;
  1817. -webkit-box-shadow: none!important;
  1818. border-radius: 3px!important;
  1819. box-shadow: none!important;
  1820. cursor: default
  1821. }
  1822. .sceditor-button.sceditor-button-font > div,.sceditor-button.sceditor-button-size > div {display: none}
  1823. .sceditor-container iframe,.sceditor-container textarea {
  1824. font-family: \'Helvetica Neue\', Helvetica, Arial, sans-serif;
  1825. font-size: 13px;
  1826. line-height: 1.6;
  1827. margin: 15px!important;
  1828. min-height: 180px
  1829. }
  1830. .sceditor-container textarea {
  1831. -moz-box-sizing: border-box;
  1832. -webkit-box-sizing: border-box;
  1833. box-sizing: border-box
  1834. }
  1835. /* ___________ Novo Chat Box Estilo IPB ___________*/
  1836. @font-face {
  1837. font-family: \'Play\';
  1838. font-style: normal;
  1839. font-weight: 400;
  1840. src: local(\'Play\'), local(\'Play-Regular\'), url(https://fonts.gstatic.com/s/play/v7/ZNo-5SxCwH1CXgZ-n3bt2g.woff2) format(\'woff2\');
  1841. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  1842. }
  1843.  
  1844. body[bgcolor] {
  1845. background: #fff;
  1846. }
  1847.  
  1848. .chatbox_row_1.clearfix.shout-0 span span[style="color:undefined"] {
  1849. font-size: 0px;
  1850. }
  1851.  
  1852. .chatbox-options li a span#chatbox_option_co:before {
  1853. content: "Para visualizar as mensagens clique em login.";
  1854. text-align: center;
  1855. margin-top: 125px;
  1856. background: #FFFFFF!important;
  1857. width: 100%;
  1858. height: 80px;
  1859. right: 0;
  1860. position: absolute;
  1861. z-index: 1;
  1862. display: block;
  1863. border-top: 1px solid #ebebeb;
  1864. font-size: 14px!important;
  1865. color: #000;
  1866. }
  1867.  
  1868. .chatbox-options li a span#chatbox_option_co:after {
  1869. content: " Você está desconectado!";
  1870. margin-top: 180px;
  1871. background: #ccc!important;
  1872. width: 100%;
  1873. padding: 10px 0;
  1874. right: 0;
  1875. position: absolute;
  1876. z-index: 1;
  1877. text-align: center;
  1878. display: block;
  1879. border-top: 1px solid #ebebeb;
  1880. font-size: 20px!important;
  1881. color: #000;
  1882. }
  1883.  
  1884. #chatbox .user strong span, body #chatbox .msg, #chatbox .date-and-time, #chatbox_header.main-head {
  1885. font-family: Play,Arial,Helvetica,sans-serif!important;
  1886. font-size: 14px!important;
  1887. }
  1888.  
  1889. #chatbox .date-and-time {
  1890. float: right;
  1891. color: #cacaca;
  1892. font-size: 11px;
  1893. }
  1894.  
  1895. #chatbox .date-and-time img {
  1896. opacity: 0.5;
  1897. }
  1898.  
  1899. #chatbox .date-and-time img:hover {
  1900. opacity: 1.0;
  1901. }
  1902.  
  1903. #chatbox_header.main-head {
  1904. background: #3d648a;
  1905. padding: 0;
  1906. margin: 0;
  1907. list-style: none;
  1908. position: inherit;
  1909. height: 40px;
  1910. display: block;
  1911. }
  1912.  
  1913. #chatbox_header.main-head:after {
  1914. content: "Divulgação, flood, spam ou atitudes desrespeitosas não são toleradas neste Chat.";
  1915. background: #ebebeb;
  1916. color: #111111;
  1917. margin-top: 40px;
  1918. display: block;
  1919. padding: 10px;
  1920. position: absolute;
  1921. width: 100%;
  1922. }
  1923.  
  1924. .chatbox-title {
  1925. font-size: 14px;
  1926. color: #fff;
  1927. padding: 10px 10px 0 10px;
  1928. }
  1929.  
  1930. .chatbox-title, .chatbox-title a.chat-title {
  1931. color: #fff;
  1932. font-weight: 300;
  1933. text-decoration: none;
  1934. }
  1935.  
  1936. #chatbox_members, #chatbox {
  1937. top: 80px;
  1938. }
  1939.  
  1940. .chatbox-options {
  1941. background: rgba(0,0,0,0.5);
  1942. opacity: 0.6;
  1943. color: #fff;
  1944. padding: 5px;
  1945. }
  1946.  
  1947. #chatbox_members {
  1948. display: none;
  1949. }
  1950.  
  1951. #chatbox {
  1952. left: 0;
  1953. }
  1954.  
  1955. .chatbox_row_1, .chatbox_row_2 {
  1956. background-color: #fff;
  1957. position: relative;
  1958. border-width: 0 0 1px 0;
  1959. border-style: solid;
  1960. border-color: #ebebeb;
  1961. padding: 7px;
  1962. }
  1963.  
  1964. #chatbox > p {
  1965. border-bottom: 1px solid #ebebeb!important;
  1966. }
  1967.  
  1968. body #chatbox .user strong {
  1969. font-size: 0px;
  1970. margin-left: 4px;
  1971. }
  1972.  
  1973. body #chatbox .user strong span {
  1974. font-size: 12px;
  1975. font-weight: 300;
  1976. }
  1977.  
  1978. body #chatbox .msg {
  1979. display: block;
  1980. line-height: 1.5em;
  1981. margin-top: -7px!important;
  1982. }
  1983.  
  1984. #chatbox_footer .right:first-child {
  1985. width: 100% !important;
  1986. float: right;
  1987. }
  1988.  
  1989. .pun .main-content.chatbox {
  1990. border: 0px solid #ebebeb;
  1991. }
  1992.  
  1993. #chatbox_footer .right:nth-child(2) {
  1994. float: right;
  1995. margin-top: -42px;
  1996. z-index: 999;
  1997. }
  1998.  
  1999. #chatbox_messenger_form label[for="message"] {
  2000. display: none;
  2001. }
  2002.  
  2003. input#message.post {
  2004. width: 90% !important;
  2005. margin-top: 2px;
  2006. height: 12px;
  2007. padding: 8px 10px 8px 8px !important;
  2008. border: none !important;
  2009. background: transparent;
  2010. outline: none;
  2011. }
  2012.  
  2013. input#message.post {
  2014. background: url(http://i.imgur.com/5zppq7r.png) no-repeat!important;
  2015. }
  2016.  
  2017. input#message.post:focus {
  2018. background: transparent!important;
  2019. }
  2020.  
  2021. #divcolor, #help-button, .format-message + label {
  2022. display: none!important;
  2023. }
  2024.  
  2025. .right #submit_button {
  2026. position: absolute;
  2027. right: 0;
  2028. margin-right: 10px;
  2029. }
  2030.  
  2031. .right #submit_button {
  2032. height: 30px!important;
  2033. background: #1abc9c;
  2034. color: #ffffff !important;
  2035. cursor: pointer;
  2036. text-align: center;
  2037. font-size: 13px;
  2038. font-weight: 500;
  2039. text-align: center;
  2040. text-decoration: none;
  2041. text-shadow: none;
  2042. white-space: nowrap;
  2043. display: inline-block;
  2044. vertical-align: middle;
  2045. padding: 5px 15px;
  2046. border-radius: 3px;
  2047. border: 1px solid rgba(0,0,0,0.1);
  2048. -webkit-transition: 0.1s all linear;
  2049. -moz-transition: 0.1s all linear;
  2050. -ms-transition: 0.1s all linear;
  2051. -o-transition: 0.1s all linear;
  2052. transition: 0.1s all linear;
  2053. -webkit-user-select: none;
  2054. -moz-user-select: none;
  2055. -ms-user-select: none;
  2056. -o-user-select: none;
  2057. user-select: none;
  2058. -webkit-font-smoothing: antialiased;
  2059. border-width: 0px!important;
  2060. }
  2061.  
  2062. #divsmilies {
  2063. width: 24px!important;
  2064. height: 24px!important;
  2065. background: url(http://i.imgur.com/Ku7QNJd.png) no-repeat;
  2066. border: 0px!important;
  2067. /* position:absolute; */
  2068. margin-right: 80px;
  2069. margin-top: 15px;
  2070. }
  2071.  
  2072. #divsmilies>img {
  2073. display: none;
  2074. }
  2075.  
  2076. #divsmilies:hover:before {
  2077. content: "Emoticons";
  2078. background: #2a2a2a;
  2079. line-height: 26px;
  2080. font-size: 12px;
  2081. color: #fff;
  2082. position: absolute;
  2083. padding: 0 8px;
  2084. pointer-events: none;
  2085. border-radius: 2px;
  2086. position: absolute;
  2087. margin-top: -30px;
  2088. margin-left: -35px;
  2089. }
  2090.  
  2091. #chatbox_footer {
  2092. height: auto !important;
  2093. background-color: #fff!important;
  2094. border-top: 0px dashed #ccc;
  2095. }
  2096.  
  2097. body #chatbox .cb-avatar {
  2098. border-width: 0!important;
  2099. }
  2100.  
  2101. #chatbox .cb-avatar, #chatbox .cb-avatar img {
  2102. background: none repeat scroll 0 0 #fff!important;
  2103. border: 0px solid #d5d5d5!important;
  2104. border-width: 0!important;
  2105. box-shadow: none!important;
  2106. float: left;
  2107. margin-right: 4px!important;
  2108. padding: 1px!important;
  2109. vertical-align: middle!important;
  2110. width: 34px!important;
  2111. height: 34px!important;
  2112. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!