Advertisement
Guest User

Untitled

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