Advertisement
Guest User

Untitled

a guest
Jan 14th, 2016
96
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* INICIO DA CSS*/
  2.  
  3. td.tcr span a:empty:before {content: initial!important;}
  4.  
  5.  
  6. /*Borda Wiget*/
  7. .module{-moz-border-radius:7px;-webkit-border-radius:7px;background:url(http://i88.servimg.com/u/f88/14/28/28/25/111.png);background-color:#f4f4f4;background-repeat:repeat-x;border:1px solid #949494;border-radius:7px;margin:3px}.module .h3{border-bottom:0px}
  8.  
  9.  
  10. /* CORES PARA MEMBROS ESPECIFICOS */
  11. a[href="/u1"] {
  12. text-shadow: 0px 0px 5px #FF00D0;
  13. }
  14. a[href="/u3"] {
  15. text-shadow: 0px 0px 5px #FC0000;
  16. }
  17.  
  18. a[href="/g4-admin-fixo"] {
  19. text-shadow: 0px 0px 5px #0088FF;
  20. }
  21.  
  22. a[href="/g6-moderador"] {
  23. text-shadow: 0px 0px 5px #A200FF;
  24. }
  25.  
  26. a[href="/g8-auxiliar"] {
  27. text-shadow: 0px 0px 5px #FF4400;
  28. }
  29.  
  30. a[href="/g5-vip"] {
  31. text-shadow: 0px 0px 5px #FFD500;
  32. }
  33.  
  34. /* Avatar Arredondado*/
  35.  
  36. .lastpost-avatar {
  37. float: left;
  38. padding: 2px;
  39. }
  40. .lastpost-avatar img {
  41. width: 38px;
  42. height: 38px;
  43. border-radius: 18px;
  44. -moz-border-radius: 18px;
  45. -webkit-border-radius: 18px;
  46. }
  47.  
  48. /* Numeral de Mensagens*/
  49.  
  50.  
  51. [data-counter]:after {
  52.     background-color: #FF6969;
  53.     background-image: -webkit-linear-gradient(#FF6969 0%, #ff0000 100%);
  54.     background-image: -moz-linear-gradient(#FF6969 0%, #ff0000 100%);
  55.     background-image: -o-linear-gradient(#FF6969 0%, #ff0000 100%);
  56.     background-image: -ms-linear-gradient(#FF6969 0%, #ff0000 100%);
  57.     background-image: linear-gradient(#FF6969 0%, #ff0000 100%);
  58.     content: attr(data-counter);
  59.     position: absolute;
  60.     padding: 2px 6px;
  61.     border: 2px solid white;
  62.     border-radius:100px;
  63.     box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.4), 0 0 1px rgba(0,0,0,.7) inset, 0 10px 0px rgba(255,255,255,.11) inset;
  64.     background-clip: padding-box;
  65.     font:bold 10px "Helvetica Neue", sans-serif;
  66.     color: white;
  67.     text-decoration: none;
  68.     text-shadow: 0 -1px 0 rgba(0,0,0,.6);
  69.     margin-left: -10px;
  70.     margin-top: -10px;
  71. }?
  72.  
  73. /* INICIO 2*/
  74.  
  75.  
  76. html, body {
  77. font: normal 13px helvetica, arial, sans-serif;
  78. background-color: #e7e7e7;
  79. color: #5a5a5a;
  80. }
  81. .pun {
  82. background: #fff;
  83. padding: 10px 10px;
  84. line-height: 120%;
  85. margin: 0 auto;
  86. width: 90%;
  87. min-width: 960px;
  88. -webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
  89. -moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
  90. box-shadow: 0 5px 9px rgba(0,0,0,0.1);
  91. }
  92. .pun, .main_width {
  93. margin: 0 auto;
  94. width: 90%;
  95. min-width: 960px;
  96. }
  97. img, .input_check, .input_radio {
  98. vertical-align: middle;
  99. }
  100. a:link {text-decoration: none;}
  101. #pun-visit, .main-box, #pun-about, .pun .paged-foot, .pun .paged-head {
  102. background-color: transparent;
  103. border: 0px;
  104. }
  105. #pun-about {display: none;}
  106. #pun-intro, #pun-navlinks, #pun-about form {display: none;}
  107. /*header*/
  108. #header_bar {
  109. background: #22242D url() repeat-x bottom;
  110. width: 100%;
  111. position: fixed;
  112. padding: 0;
  113. text-align: right;
  114. border-bottom: 2px solid #00c7e3;
  115. right: 0;
  116. top: 0;
  117. z-index: 999;
  118. }
  119. #branding, #header_bar, #primary_nav {
  120. min-width: 980px;
  121. }
  122. #user_navigation {
  123. color: #555;
  124. font-size: 11px;
  125. }
  126. #user_link {
  127. font-size: 13px;
  128. color: white;
  129. padding: 0 12px;
  130. height: 36px;
  131. line-height: 36px;
  132. display: inline-block;
  133. margin-right: 15px;
  134. outline: 0;
  135. -webkit-transition:background 0.5s ease-out;
  136. -moz-transition:background 0.5s ease-out;
  137. -o-transition:background 0.5s ease-out;
  138. -ms-transition:background 0.5s ease-out;
  139. }
  140. #user_navigation {
  141. overflow: visible;
  142. }
  143. #user_navigation .ipsList_inline li {
  144. margin: 0;
  145. }
  146. .ipsList_inline > li:first-child {
  147. margin-left: 0;
  148. }
  149. #user_navigation a {
  150. color: #fff;
  151. }
  152. #user_navigation.not_logged_in {
  153. height: 26px;
  154. padding: 6px 0 4px;
  155. }
  156. #user_navigation #register_link {
  157. background: #00c7e3;
  158. color: white;
  159. display: inline-block;
  160. padding: 3px 8px;
  161. border: 1px solid #00aac3;
  162. -webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
  163. -moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
  164. box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
  165. text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  166. }
  167. #user_link:hover, #notify_link:hover, #inbox_link:hover {
  168. background-color: #00c7e3;
  169. -webkit-transition:background 0.5s ease-out;
  170. -moz-transition:background 0.5s ease-out;
  171. -o-transition:background 0.5s ease-out;
  172. -ms-transition:background 0.5s ease-out;
  173. }
  174. #user_navigation #sign_in {
  175.   margin-right: 8px;
  176. }
  177. #notify_link {
  178. background: url(http://i.imgur.com/lcE4p4d.png) no-repeat top;
  179. -webkit-transition:background 0.5s ease-out;
  180. -moz-transition:background 0.5s ease-out;
  181. -o-transition:background 0.5s ease-out;
  182. -ms-transition:background 0.5s ease-out;
  183. }
  184. #inbox_link {
  185. background: url(http://i.imgur.com/vVoLhao.png) no-repeat top;
  186. -webkit-transition:background 0.5s ease-out;
  187. -moz-transition:background 0.5s ease-out;
  188. -o-transition:background 0.5s ease-out;
  189. -ms-transition:background 0.5s ease-out;
  190. }
  191. #notify_link, #inbox_link {
  192. vertical-align: middle;
  193. width: 18px;
  194. height: 15px;
  195. padding: 13px 24px 8px 12px;
  196. position: relative;
  197. -webkit-transition:background 0.5s ease-out;
  198. -moz-transition:background 0.5s ease-out;
  199. -o-transition:background 0.5s ease-out;
  200. -ms-transition:background 0.5s ease-out;
  201. }
  202. .ipsList_inline > li {
  203. display: inline-block;
  204. margin: 0 3px;
  205. }
  206. ol, ul {
  207. list-style: none;
  208. }
  209. .attach {float: right;}
  210. /*branding*/
  211. #branding {
  212. background: #e7e7e7 url(http://i.imgur.com/6ZNOL6J.png) repeat-x;
  213. min-height: 100px;
  214. padding-top: 37px;
  215. margin: 0 auto;
  216. width: 90%;
  217. min-width: 960px;
  218. }
  219. #branding:hover {
  220.   background: url(http://i.imgur.com/81ACSXe.png);
  221.   padding-top: 37px;
  222. }
  223. #branding {
  224. -webkit-transition:background 0.5s ease-out;
  225. -moz-transition:background 0.5s ease-out;
  226. -o-transition:background 0.5s ease-out;
  227. -ms-transition:background 0.5s ease-out;
  228. }
  229. #logo {
  230. display: inline;
  231. /*-webkit-animation-duration: 3s;
  232. -webkit-animation-delay: 2s;
  233. -webkit-animation-iteration-count: infinite;*/
  234. }
  235. #logo:hover {
  236.   -webkit-animation-name: rubberBand;
  237.           animation-name: rubberBand;
  238. }
  239. .clickable {
  240.   cursor: pointer;
  241. }
  242. #search {
  243. margin: 20px 0;
  244. }
  245. #search_wrap {
  246. position: relative;
  247. background: #fff;
  248. display: block;
  249. padding: 0 26px 0 4px;
  250. height: 26px;
  251. line-height: 25px;
  252. -moz-border-radius: 3px 4px 4px 3px;
  253. -webkit-border-top-left-radius: 3px;
  254. -webkit-border-top-right-radius: 4px;
  255. -webkit-border-bottom-right-radius: 4px;
  256. -webkit-border-bottom-left-radius: 3px;
  257. border-radius: 3px 4px 4px 3px;
  258. -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
  259. -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
  260. box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
  261. min-width: 230px;
  262. }
  263. #main_search {
  264. margin-top: 5px;
  265. font-size: 12px;
  266. border: 0;
  267. padding: 0;
  268. color: #b0b0b0;
  269. background: transparent;
  270. width: 130px;
  271. outline: 0;
  272. }
  273. #main_search:focus {
  274. color: #5a5a5a;
  275. }
  276. input, select {
  277. font: normal 13px helvetica,arial,sans-serif;
  278. }
  279. #search_options {
  280. font-size: 10px;
  281. height: 20px;
  282. line-height: 20px;
  283. margin: 3px 3px 3px 0;
  284. padding: 0 6px;
  285. -moz-border-radius: 3px;
  286. -webkit-border-radius: 3px;
  287. border-radius: 3px;
  288. background: #EAEAEA;
  289. display: inline-block;
  290. float: right;
  291. max-width: 80px;
  292. text-overflow: ellipsis;
  293. overflow: hidden;
  294. }
  295. #search .submit_input {
  296. background: #00d0ee url(http://i81.servimg.com/u/f81/17/45/75/97/search10.png) no-repeat 50%;
  297. text-indent: -3000em;
  298. padding: 0;
  299. border: 0;
  300. border: 1px solid #00d0ee;
  301. display: block;
  302. width: 26px;
  303. height: 26px;
  304. position: absolute;
  305. right: 0;
  306. top: 0;
  307. bottom: 0;
  308. -moz-border-radius: 0 3px 3px 0;
  309. border-radius: 0 3px 3px 0;
  310. border-radius: 0 3px 3px 0;
  311. -webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
  312. -moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
  313. box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
  314. filter:alpha(opacity=100);
  315. -moz-opacity:1;
  316. opacity:1;
  317. }
  318. #search .submit_input a:hover{
  319. background:#00a7bf;
  320. -webkit-transition:background 0.5s ease-out;
  321. -moz-transition:background 0.5s ease-out;
  322. -o-transition:background 0.5s ease-out;
  323. -ms-transition:background 0.5s ease-out;
  324. }
  325. #adv_search {
  326. width: 16px;
  327. height: 16px;
  328. background: url(http://i81.servimg.com/u/f81/17/45/75/97/advanc10.png) no-repeat right 50%;
  329. text-indent: -3000em;
  330. display: inline-block;
  331. margin: 4px 0 4px 4px;
  332. }
  333. fieldset {
  334. border: 0px groove threedface;
  335. }
  336. /*navegação*/
  337. #primary_nav {
  338. background: #00c7e3;
  339. font-size: 14px;
  340. text-align: center;
  341. padding: 5px 20px 0px 0px;
  342. margin: 0 auto;
  343. width: 90%;
  344. min-width: 960px;
  345. }
  346. #community_app_menu > li {
  347. margin: -5px 1px 0 0px;
  348. text-align: center;
  349. }
  350. #community_app_menu > li > a {
  351. color: #fff;
  352. background: #00c7e3;
  353. text-align: center;
  354. display: block;
  355. padding: 10px 15px 8px;
  356. text-shadow: none;
  357. filter:alpha(opacity=100);
  358. -moz-opacity:1;
  359. opacity:1;
  360. -webkit-transition:background 0.5s ease-out;
  361. -moz-transition:background 0.5s ease-out;
  362. -o-transition:background 0.5s ease-out;
  363. -ms-transition:background 0.5s ease-out;
  364. }
  365. #community_app_menu > li > a:hover, #community_app_menu > li > a.menu_active {
  366. background: #009dbf;
  367. height: 15px;
  368. color: #fff;
  369. text-align: center;
  370. -webkit-transition:background 0.5s ease-out;
  371. -moz-transition:background 0.5s ease-out;
  372. -o-transition:background 0.5s ease-out;
  373. -ms-transition:background 0.5s ease-out;
  374. }
  375. #community_app_menu > li.active > a {
  376. background: #fff;
  377. font-weight: bold;
  378. margin-top: 0;
  379. text-shadow: none;
  380. }
  381. #primary_nav #quickNavLaunch {
  382. padding: 10px 8px 8px;
  383. }
  384. #quickNavLaunch span {
  385. background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_q10.png) no-repeat top;
  386. width: 13px;
  387. height: 13px;
  388. display: inline-block;
  389. }
  390. /*table*/
  391. .collapsed {
  392. opacity: 0.8;
  393. }
  394. .main .main-head.collapsed {
  395. border-radius: 4px 4px 4px 4px;
  396. opacity: 0.2;
  397. }
  398. .main .main-head, .main .main-foot {
  399. background: #22242D url() repeat-x top;
  400. color: #fff;
  401. padding: 10px 10px 11px;
  402. -moz-border-radius: 4px 4px 0 0;
  403. -webkit-border-top-left-radius: 4px;
  404. -webkit-border-top-right-radius: 4px;
  405. border-radius: 4px 4px 0 0;
  406. -webkit-box-shadow: inset 0px 1px 0 #000;
  407. -moz-box-shadow: inset 0px 1px 0 #000;
  408. box-shadow: inset 0px 1px 0 #000;
  409. border-width: 1px 1px 0 1px;
  410. border-color: #000;
  411. border-bottom: 3px solid #00d0ee;
  412. border-style: solid;
  413. margin-top: 10px;
  414. }
  415. .main .main-foot {
  416. margin-top: 0px;
  417. -moz-border-radius: 0 0 4px 4px;
  418. -webkit-border-bottom-left-radius: 4px;
  419. -webkit-border-bottom-right-radius: 4px;
  420. border-radius: 0 0 4px 4px;
  421. }
  422. .main .main-head .page-title h2 {
  423. font-size: 12px;
  424. font-weight: 300;
  425. }
  426. .pun .main-content {
  427.   background: #ebf0f3;
  428.   padding: 9px;
  429. }
  430. .pun table.table {
  431. background: #fff;
  432. border: 1px solid #dbe4ef;
  433. }
  434. .table .tc_icon {
  435. padding: 10px 5px!important;
  436. margin-right: 70px;
  437. vertical-align: middle;
  438. width: 30px;
  439. }
  440. .pun table.table .tc_forum {
  441. height: 42px;
  442. min-height: 24px;
  443. }
  444. .pun tbody.statused span.stats {
  445. margin-top: -10px;
  446. margin-right: 50px;
  447. }
  448. .pun tbody.statused span.status {
  449. margin-top: -10px;
  450. margin-right: 50px;
  451. }
  452. .pun .main table td.tc2, .pun .main table td.tc3 {
  453. background-color: white;
  454. }
  455. .pun table.table td.tc3 {
  456. text-align: right;
  457. width: 15%;
  458. }
  459. .pun table.table td {
  460. background: white;
  461. padding: 10px;
  462. border: 0px;
  463. border-bottom: 1px solid #f3f3f3;
  464. }
  465. .hierarchy {
  466. font-size: 14px!important;
  467. font-weight: 400!important;
  468. }
  469. /*lastpost*/
  470. .mini_ava {
  471. float: left;
  472. }
  473. .mini_ava img {
  474. width: 30px;
  475. height: 30px;
  476. margin: 8px 5px;
  477. padding: 1px;
  478. border: 1px solid #D5D5D5;
  479. background: white;
  480. -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  481. -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
  482. box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  483. }
  484. .mini_ava img:hover {
  485. border-color: #a1a1a1;
  486. -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
  487. -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
  488. box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
  489. }
  490. /*module*/
  491. .module .main-head {
  492. background: url() 50% 100% no-repeat #fafafa;
  493. border-top: 3px solid #d8d8d8;
  494. color: #727272;
  495. font-family: 'Open Sans', Arial;
  496. font-size: 13px;
  497. font-weight: 400;
  498. padding: 12px;
  499. }
  500. .module .main-content {background: #F7FBFC; border: 0px;}
  501. /*stats*/
  502. #onlinelist {background: white;border-top: 3px solid #d8d8d8;}
  503. #onlinechat {background: white;border-top: 0px;}
  504. #statistics {
  505. margin: 0 auto !important;
  506. text-align: center !important;
  507. display: table;
  508. background: none;
  509. }
  510. .statHide{display:none !important;}
  511. .statsPers li span a {
  512. text-decoration: none !important;
  513. }
  514. .statsPers li > span {
  515. display: inline-block;
  516. background: #e2e2e2;
  517. color: #4a4a4a;
  518. padding: 2px 6px;
  519. font-weight: bold;
  520. -moz-border-radius: 2px;
  521. -webkit-border-radius: 2px;
  522. border-radius: 2px;
  523. margin-right: 3px;
  524. }
  525. .statsPers li {
  526. float: left;
  527. color:#4a4a4a;
  528. margin: 2px 10px;
  529. }
  530. .statsPers {
  531. list-style: none;
  532. display: block;
  533. margin: 0px auto;
  534. width: 100%;
  535. }
  536. /*footer*/
  537. #footer_utilities {
  538. padding: 10px;
  539. font-size: 11px;
  540. position: relative;
  541. }
  542. #footer_utilities .ipsList_inline>li>a {
  543. margin-right: 0px;
  544. padding: 4px 10px;
  545. }
  546. #footer_utilities .ipsList_inline > li > a.rss_feed {padding: 0px;}
  547. #footer_utilities a {color: #225985;}
  548. #footer_utilities a:hover {color: #328586;}
  549. #footer_utilities .ipsList_inline > li > a {
  550. margin-right: 0px;
  551. padding: 4px 10px;
  552. }
  553. #backtotop {
  554. width: 24px;
  555. height: 24px;
  556. line-height: 20px;
  557. left: 50%;
  558. margin-left: -12px;
  559. position: absolute;
  560. display: inline-block;
  561. background: #bdbdbd;
  562. text-align: center;
  563. -moz-border-radius: 16px;
  564. -webkit-border-radius: 16px;
  565. border-radius: 16px;
  566. opacity: 0.4;
  567. outline: 0;
  568. -webkit-transition:background 1.0s ease-out;
  569. -moz-transition:background 1.0s ease-out;
  570. -o-transition:background 1.0s ease-out;
  571. -ms-transition:background 1.0s ease-out;
  572. }
  573. #backtotop img {margin-top: 5px;}
  574. #backtotop:hover{
  575. background:#00c7e3;
  576. color:#fff;
  577. opacity:1;
  578. -webkit-transition:background 1.0s ease-out;
  579. -moz-transition:background 1.0s ease-out;
  580. -o-transition:background 1.0s ease-out;
  581. -ms-transition:background 1.0s ease-out;
  582. }
  583. #copyright {
  584. color: #848484;
  585. text-align: right;
  586. text-shadow: 0px 1px 0px #fff;
  587. }
  588. #copyright a {
  589. color: #848484;
  590. }
  591. /*post*/
  592. .post h3 {
  593. background: #FFF;
  594. padding: 0 10px;
  595. height: 36px;
  596. line-height: 36px;
  597. font-weight: normal;
  598. font-size: 16px;
  599. }
  600. span.post_id {
  601. margin-left: 4px;
  602. }
  603. .post_date {
  604. padding: 0 0 10px 0;
  605. font-size: 12px;
  606. color: #a4a4a4;
  607. }
  608. .desc.blend_links a {
  609. font: normal 12px helvetica, arial, sans-serif;
  610. color: #777777;
  611. }
  612. .post_id a img.small {
  613. max-height: 12px;
  614. margin-left: 3px;
  615. margin-top: -2px;
  616. opacity: 0.5;
  617. }
  618. .post_online {display: inline-block;}
  619. .pun .post .user {
  620. margin-left: -16em;
  621. margin-top: -0.9em;
  622. }
  623. .pun .post {background: white;}
  624. .pun .postmain {
  625. background-color: white;
  626. border-left: 0px;
  627. margin-left: 14em;
  628. }
  629. .pun .post .user {
  630. width: 155px;
  631. font-size: 12px;
  632. text-align: center;
  633. line-height: 150%;
  634. margin-left: -170px;
  635. margin-top: -0.6em;
  636. }
  637. .pun .user .user-ident .user-basic-info {
  638.   font-size: 11px;
  639.   color: #a4a4a4;
  640.   text-align: center;
  641.   font-weight: normal;
  642. }
  643. .postfoot {
  644. border-top: 0px;
  645. margin-left: -14em;
  646. }
  647. /*user img*/
  648. .user-basic-info a img {
  649. height: 90px;
  650. width: 90px;
  651. padding: 1px;
  652. border: 1px solid #D5D5D5;
  653. background: white;
  654. -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  655. -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
  656. box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  657. }
  658. .user-basic-info a img:hover {
  659. border-color: #A1A1A1;
  660. -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  661. -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
  662. box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  663. }
  664. /*quick reply*/
  665. #pun-qpost {
  666.   background: #ebf0f3;
  667.   padding: 9px;
  668.   padding-top: 1px;
  669. }
  670. #pun-qpost .main-head {
  671. font: 300 26px/1.3 Helvetica, Arial, sans-serif;
  672. color: #323232;
  673. font-size: 18px;
  674. background: white;
  675. border-top: 1px solid #dbe4ef;
  676. border-left: 1px solid #dbe4ef;
  677. border-right: 1px solid #dbe4ef;
  678. border-radius: 0px;
  679. -webkit-box-shadow: inset 0px 0px 0;
  680. -moz-box-shadow: inset 0px 0px 0;
  681. box-shadow: inset 0px 0px 0;
  682. }
  683. #pun-qpost a.exthelp {display: none;}
  684. .pun .frm-form, .main .main-content.frm {
  685. background-color: white;
  686. }
  687. .pun .post {
  688.   border: 1px solid #dbe4ef;
  689. }
  690. .pun .main-content {
  691.   border: 1px solid #dbe4ef;
  692.   border-top: 0px;
  693. }
  694. #pun-qpost .frm-buttons {
  695. border-top: 0px;
  696. text-align: right;
  697. }
  698. /*chatbox*/
  699. #chatbox_header.main-head {
  700. background: #2c5687 url(http://i78.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top;
  701. padding: 6px 8px 6px;
  702. -moz-border-radius: 4px 4px 0 0;
  703. -webkit-border-top-left-radius: 4px;
  704. -webkit-border-top-right-radius: 4px;
  705. border-radius: 4px 4px 0 0;
  706. -webkit-box-shadow: inset 0px 1px 0 #528cbc;
  707. -moz-box-shadow: inset 0px 1px 0 #528cbc;
  708. box-shadow: inset 0px 1px 0 #528cbc;
  709. border-width: 1px 1px 0 1px;
  710. border-color: #316897;
  711. border-style: solid;
  712. }
  713. .chatbox-title, .chatbox-title a.chat-title {
  714. color: #fff;
  715. font-size: 13px;
  716. font-weight: 300;
  717. }
  718. .chatbox-options {margin: .3em .3em .5em;}
  719. .chatbox-options li, .chatbox-options li a, .chatbox-options li label {
  720. color: #fff;
  721. }
  722. #chatbox_members {
  723.   top: 40px;
  724.   border-right: 1px solid #ccc;
  725. }
  726. #chatbox p:first-child {
  727. border-top: 1px solid #d5dde5;
  728. }
  729. #chatbox p {
  730. background: #f1f6f9;  
  731. border-right: 1px solid #d5dde5;
  732. border-left: 1px solid #d5dde5;
  733. border-bottom: 1px solid #d5dde5;
  734. line-height: 1.2em;
  735. }
  736. #chatbox_footer {
  737.   padding-bottom: 6px;
  738.   border-top: 1px solid #d5dde5;
  739.   background: #f1f6f9;
  740. }
  741. #chatbox_footer .right {
  742.   /*display: none !important;*/
  743.   float: left;
  744. }
  745. #chatbox_messenger_form .right {margin-left: 8px;font-size:0}
  746. input#message.post {
  747. color: #5a5a5a;
  748. border-width: 1px;
  749. border-style: solid;
  750. border-color: #848484 #c1c1c1 #e1e1e1 #c1c1c1;
  751. background: #fff;
  752. padding: 4px;
  753. min-width: 395px;
  754. -moz-border-radius: 2px;
  755. -webkit-border-radius: 2px;
  756. border-radius: 2px;
  757. }
  758. #message, #submit_button {
  759. margin-left: 15px;
  760. }
  761.  
  762. /*Mouse Over Inicial*/
  763.  
  764. .cp_geral { width:340px; padding-top:50px; transition:all 150ms linear; } .cp_box { width:340px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); -moz-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); left:-120px; top:-13px; background:#fff; z-index:999; position:absolute; transition:all 150ms linear; margin:50px; } .cp_capa { background:#263340 url(http://i.imgur.com/6AnKAdN.png) right no-repeat; height:105px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-top-left-radius:10px; border-top-right-radius:10px; padding:5px 5px 0; } .cp_capa:before { content:""; display:inline-block; vertical-align:middle; margin-left:74px; width:0; height:0; position:absolute; top:-15px; border-left:15px solid transparent; border-right:15px solid transparent; border-bottom:15px solid #263340; } .cp_capa-avatar { -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; border:1px solid #d8d8d8; height:75px; width:75px; text-align:center; float:left; font-size:0; padding:7px; } .cp_capa-avatar img { -moz-border-radius:100%; -webkit-border-radius:100%; border:0 solid #d8d8d8; border-radius:100%; height:75px; width:75px; }.cp_capa-avatar img:nth-of-type(2){display:none} .cp_capa-nick { width:215px; height:75px; float:left; padding:25px 0 0 15px; } .cp_capa-nick strong { color:#fff!important; font-size:25px; font-weight:400!important; display:block; } .cp_info { text-align:center; padding:10px; } .cp_info-botoes { height:60px; width:320px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-decoration:none; } .cp_info-botoes a { text-decoration:none; } .cp_info-botoes-post { background:#ecf0f1; width:85px; height:53px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; border-top-left-radius:10px; border-bottom-left-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-rep { background:#6bbd21; width:110px; height:53px; text-transform:uppercase; border-bottom:7px solid #68a72f; float:left; } .cp_info-botoes-rep strong { padding-top:8px; color:#fff; display:block; font-size:20px; } .cp_info-botoes-rep span { color:#fff; font-size:12px; } .cp_info-botoes-data strong { padding-top:8px; color:#666; display:block; font-size:15px; } .cp_info-botoes-data { background:#ecf0f1; width:125px; height:53px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomright:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-post,.cp_info-botoes-rep,.cp_info-botoes-data { transition:all 150ms linear; } .cp_info-botoes-post:hover,.cp_info-botoes-rep:hover,.cp_info-botoes-data:hover { opacity:0.65; -moz-opacity:0.65; filter:alpha(opacity=65); } .cp_icones { background:#ecf0f1; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; color:#bec3c7; height:20px; padding:5px; } .cp_icones a { font-size:12px; text-decoration:none; color:#666; } .cp_mp,.cp_perfil { float:left; padding-left:10px; transition:all 150ms linear; } .cp_mp:hover { float:left; padding-left:10px; color:#c1392b; } .cp_mp:before { content:"\f003"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:before { content:"\f007"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:hover { padding-left:10px; color:#6bbd21; } .cp_mais { width:100%; } .cp_capa-avatar br,.span_capa-nick img,.span_capa-nick br { display:none; } .cp_capa-nick span,.span_capa-nick { color:#fff!important; font-size:12px; line-height:22px; font-weight:400!important; float:none!important} .cp_info-botoes-post strong { padding-top:8px; color:#666; display:block; font-size:20px; } .cp_info-botoes-post span,.cp_info-botoes-data span { color:#868585; font-size:11px; }
  765.  
  766. /*Mouse Over Final*/
  767.  
  768.  
  769.  
  770. .fontbutton {
  771. background: #EFF1F3;
  772. border-color: #DEE0E2;
  773. color: #464646;
  774. -moz-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
  775. -webkit-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
  776. box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
  777. }
  778. #divsmilies img + img{visibility:visible!important}
  779. #chatbox_messenger_form div.right img{visibility:hidden}
  780. #simple-wrap {
  781.   background:white;
  782. }
  783. #divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
  784. background-position: center;
  785. background-repeat: no-repeat;
  786. }
  787. #divbold {
  788. background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png);
  789. }
  790. #divitalic {
  791. background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png);
  792. }
  793. #divunderline {
  794. background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png);
  795. }
  796. #divstrike {
  797. background-image: url(http://cdn1.iconfinder.com/data/icons/bnw/16x16/actions/text_strike.png);
  798. }
  799. #divcolor {
  800. background-image: url(http://illiweb.com/fa/wysiwyg/color_swatch.png);
  801. }
  802. #divsmilies {
  803. background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png);
  804. }
  805. .main-content.chatbox {padding: 0px;}
  806. #chatbox{
  807.   margin: 10px 0 10px 0;
  808.   border: 1px solid #DCE2EC;
  809.   border-bottom: 6px solid #DCE2EC;
  810.   background: #ebf0f3;
  811.   padding: 8px;
  812. }
  813. input[type="submit"] {
  814. text-decoration: none;
  815. border-width: 1px;
  816. border-style: solid;
  817. padding: 4px 10px;
  818. cursor: pointer;
  819. }
  820. input[type="submit"] {
  821. background: #212121 url(http://i.imgur.com/EaN6eQn.png) repeat-x top;
  822. color: #fff;
  823. -moz-border-radius: 3px;
  824. -webkit-border-radius: 3px;
  825. border-radius: 3px;
  826. -moz-box-shadow: inset 0 1px 0 0 #1fccff, 0px 2px 3px rgba(0,0,0,0.2);
  827. -webkit-box-shadow: inset 0 1px 0 0 #1fccff, 0px 2px 3px rgba(0,0,0,0.2);
  828. box-shadow: inset 0 1px 0 0 #1fccff, 0px 2px 3px rgba(0,0,0,0.2);
  829. border-color: #00a6c9;
  830. }
  831. /*crumbs*/
  832. p.crumbs a {
  833.   color: #777!important;
  834.   font: normal 13px helvetica, arial, sans-serif;
  835. }
  836. /*Avatar on title*/
  837. .avat-miembro {
  838. float: left;
  839. }
  840. .avat-miembro img {
  841. width: 40px;
  842. height: 40px;
  843. padding: 1px;
  844. margin: 0 5px;
  845. border-radius: 10px
  846. }
  847. /* Menu Dropdown */
  848. #perfil_drop{
  849.     background: linear-gradient(#FFF, #EDEDED) repeat scroll 0px 0px transparent;
  850.     border: 0px none !important;
  851.     border-radius: 0px 0px 6px 6px;
  852.     box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.4);
  853.     color: #225985;
  854.     font-family: helvetica,arial,sans-serif;
  855.     font-size: 12px;
  856.     font-style: normal;
  857.     font-variant: normal;
  858.     font-weight: 400;
  859.     overflow: hidden;
  860.     position: absolute;
  861.     right: 7.1%;
  862.     text-align: left;
  863.     top: 36px;
  864.     width: 360px;
  865.     z-index: 999;
  866. }
  867. .nav_c{
  868. box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.58)!important;
  869. }
  870.  
  871. .avat img {
  872.     background: none repeat scroll 0px 0px #FFF;
  873.     border: 1px solid #D5D5D5;
  874.     box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  875.     height: 50px;
  876.     margin: 10px;
  877.     padding: 1px;
  878.     width: 50px;
  879. }
  880. #perfil_drop li {
  881.     float: right;
  882.     line-height: 22px;
  883.     white-space: nowrap;
  884.     width: 38%;
  885. }
  886. #perfil_drop li a {
  887.     color: #00569C;
  888.     text-decoration: none;
  889. }
  890. .menu_active {
  891. background: #fff;
  892. border-radius: 5px 5px 0 0;
  893. color: #000!important;
  894. }
  895. .sceditor-container {
  896. width: 120% !important;
  897. height: 280px !important;
  898. }
  899. /* Quick Answers Avatar */
  900. #quick-avatar img {
  901. -border-radius: 100%;
  902. -moz-border-radius: 100%;
  903. -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  904. -webkit-border-radius: 100%;
  905. -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  906. background: #fff;
  907. border: 1px solid #d8d8d8;
  908. box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  909. height: 50px;
  910. padding: 2px;
  911. width: 50px;
  912. }
  913. .pun .main-content {
  914. background-color: #fbfbfb;
  915. border: 1px solid #ddd;
  916. border-top: none;
  917. }
  918. #stats {
  919. background-color: #FFFFFF;
  920. line-height: 150%;
  921. padding: 0px;
  922. }
  923. .onlinemeet {
  924. text-align: center;
  925. font-family: Arial;
  926. color: #616161;
  927. font-weight: 900;
  928. font-size: 16px;
  929. padding: 5px;
  930. background-color: #EEEEEE;
  931. border: 1px solid #DADADA;
  932. border-right: none;
  933. border-left: none;
  934. }
  935. #classeperson {
  936. margin-left: 15px;
  937. color: #616161;
  938. float: left;
  939. font-family: Arial;
  940. }
  941. #onlinelist {
  942. float: right;
  943. border-top: none;
  944. background-color: #FAFAFA;
  945. border-left: 3px dashed #F8F8F8;
  946. float: right;
  947. font-family: Arial;
  948. padding-left: 40px;
  949. }
  950. .legendaa {
  951. margin-top: 88px;
  952. border-top: 1px solid #D6D6D6;
  953. border-bottom: 5px solid #ACACAC;
  954. border-radius: 0 0 5px 5px;
  955. text-align: center;
  956. background-color: #E9E9E9;
  957. padding: 15px;
  958. }
  959. #pun-info .main-content {
  960. background-color: #FFF;
  961. }
  962. .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}
  963. /* Inbox message */
  964. #bs_full_inbox {
  965. font-size: 13px;
  966. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  967. line-height: 18px;
  968. margin-top: 15px;
  969. display: none;
  970. width: 450px;
  971. background: #fff;
  972. box-shadow: 0px 15px 110px rgba(0,0,0,0.2);
  973. border-radius: 3px;
  974. z-index: 200;
  975. position: absolute;
  976. }
  977. #bs_full_inbox a {
  978. color: #255b79;
  979. text-decoration: none;
  980. }
  981. #bs_full_inbox a:hover {color: #cd3816;}
  982. #bs_full_inbox:before {
  983. border-style: solid;
  984. border-width: 15px;
  985. border-color: transparent transparent #fff;
  986. bottom: 100%;
  987. pointer-events: none;
  988. left: 15px;
  989. content: '';
  990. display: block;
  991. height: 0;
  992. position: absolute;
  993. width: 0;
  994. z-index: 3;
  995. }
  996. .bs_inbox_header {
  997. background: #fff url('http://i.imgur.com/sl0Efuz.png') repeat-x 0 0;
  998. border-bottom: 1px solid #e0e0e0;
  999. box-shadow: 0px 1px 6px rgba(0,0,0,0.07);
  1000. border-radius: 3px 3px 0px 0px;
  1001. padding: 10px;
  1002. line-height: 24px;
  1003. }
  1004. .bs_inbox_header .compose {
  1005. font-size: 12px;
  1006. line-height: 28px;
  1007. padding: 0 15px;
  1008. float: right;
  1009. background: #262e33;
  1010. color: #ffffff !important;
  1011. font-weight: 500;
  1012. text-align: center;
  1013. text-decoration: none;
  1014. text-shadow: none;
  1015. white-space: nowrap;
  1016. display: inline-block;
  1017. vertical-align: middle;
  1018. border-radius: 3px;
  1019. border: 1px solid rgba(0,0,0,0.1);
  1020. -webkit-transition: 0.1s all linear;
  1021. -moz-transition: 0.1s all linear;
  1022. -ms-transition: 0.1s all linear;
  1023. -o-transition: 0.1s all linear;
  1024. transition: 0.1s all linear;
  1025. -webkit-user-select: none;
  1026. -moz-user-select: none;
  1027. -ms-user-select: none;
  1028. -o-user-select: none;
  1029. user-select: none;
  1030. -webkit-font-smoothing: antialiased;
  1031. }
  1032. .bs_inbox_header .compose:hover {
  1033. background-image: url('http://i.imgur.com/eaB5FHK.png');
  1034. background-repeat: repeat;
  1035. }
  1036. .bs_inbox_sectionHead {
  1037. font-size: 18px;
  1038. color: #333333;
  1039. line-height: 24px;
  1040. font-weight: 400;
  1041. display: inline-block;
  1042. margin: 0;
  1043. }
  1044. .bs_inbox_inner {
  1045. width: 100%;
  1046. display: table;
  1047. table-layout: auto;
  1048. position: relative;
  1049. border-collapse: separate;
  1050. border-spacing: 0;
  1051. list-style: none;
  1052. padding: 0;
  1053. margin: 0;
  1054. }
  1055. .bs_inbox_li {
  1056. width: 100%;
  1057. position: relative;
  1058. padding: 5px 3px;
  1059. border-width: 0 0 1px 0;
  1060. border-style: solid;
  1061. border-color: #f5f5f5;
  1062. }
  1063. .bs_inbox_li:last-child {border-bottom: 0;}
  1064. .bs_inbox_li strong {font-weight: normal !important;}
  1065. .bs_inbox_item, .bs_user_p {
  1066. display: table-cell;
  1067. padding: 8px 10px;
  1068. }
  1069. .bs_inbox_item {color: #9c9c9c;}
  1070. .bs_inbox_item .topictitle {display: inherit;}
  1071. .bs_inbox_footer {
  1072. background: #fff url('http://i.imgur.com/sl0Efuz.png') repeat-x 0 0;
  1073. text-align: center;
  1074. padding: 10px;
  1075. line-height: 24px;
  1076. border-top: 1px solid #e0e0e0;
  1077. box-shadow: 0px -1px 6px rgba(0,0,0,0.07);
  1078. border-radius: 0px 0px 3px 3px;
  1079. }
  1080. .bs_inbox_photo {
  1081. background: #fff;
  1082. border: 1px solid #fff;
  1083. box-shadow: 0px 0px 0px 1px #e2e2e2;
  1084. padding: 0.5px;
  1085. vertical-align: middle;
  1086. line-height: 1px;
  1087. position: relative;
  1088. border-radius: 150px;
  1089. width: 34px;
  1090. height: 34px;
  1091. }
  1092. /* view topic */
  1093. .uix_usernameWrapper span.username .i_icon_online{margin-right:5px} .pun .post .user { float:left; margin-left:0!important; margin-top:0!important; padding-top:0!important; position:relative; width:160px!important; } .pun .postmain { background-color:#fbfbfb; border:1px solid #e2e2e2!important; -webkit-border-radius:4px; -moz-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; margin:16px auto 16px 0 !important; padding:8px; } .pun .post-entry { float:left; width:79%; padding:1em 1em 0; } .pun .post { border-color:none!important; border-style:none!important; border-width:0!important; } .postfoot { border-top:0 dashed!important; clear:both; margin-left:0!important; text-align:right; padding:.5em 1em; } .pun .posthead { float:left; background:none!important; border-bottom:0 dashed #ccc!important; } .user-basic-info img:first-child { -moz-border-radius:100%; -moz-box-shadow:0 2px 2px rgba(0,0,0,0.1); -webkit-border-radius:100%; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1); background:#fff; border:1px solid #d8d8d8; border-radius:100%; box-shadow:0 2px 2px rgba(0,0,0,0.1); height:110px; width:110px; padding:2px; } .messageUserBlock .extraUserInfo div { border-bottom:1px dashed #e2e2e2; padding-top:5px; } .user .messageUserInfo .messageUserBlock h3.userText br { display:none; } .messageUserInfo { background-color:#FFF; float:left; width:140px; margin-left:5px; } .messageUserBlock { background-color:#FFF; border:1px solid #e2e2e2; -webkit-border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; position:relative; } .messageUserBlock div.avatarHolder { background-color:#FFF; -webkit-border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; -webkit-border-bottom-right-radius:0; -moz-border-radius-bottomright:0; -khtml-border-bottom-right-radius:0; border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-radius-bottomleft:0; -khtml-border-bottom-left-radius:0; border-bottom-left-radius:0; text-align:center; position:relative; padding:8px; } .messageUserBlock div.avatarHolder .avatar { display:block; font-size:0; } .messageUserBlock h3.userText { background-color:#f0f0f0; border:0 solid #e2e2e2; border-top-width:1px; padding:8px; } .messageUserBlock a.username { font-weight:700; display:block; overflow:hidden; line-height:16px; } .messageUserBlock .userTitle { font-size:11px; display:block; } .messageUserBlock .uB:last-child { margin-bottom:0; } .uB.wp { -webkit-border-top-right-radius:0; -moz-border-radius-topright:0; -khtml-border-top-right-radius:0; border-top-right-radius:0; -webkit-border-top-left-radius:0; -moz-border-radius-topleft:0; -khtml-border-top-left-radius:0; border-top-left-radius:0; position:relative; } .messageUserBlock .uB { display:block; margin:5px -14px; } .uB { font-size:11px; background:transparent url(styles/uix/xenforo/gradients/form-button-white-25px.png) repeat-x top; border:1px solid transparent; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; text-align:center; background-image:none; -webkit-box-shadow:none; -moz-box-shadow:none; -khtml-box-shadow:none; box-shadow:none; padding:4px 5px; } .uB.wp span.ber { -webkit-border-top-left-radius:3px; -moz-border-radius-topleft:3px; -khtml-border-top-left-radius:3px; border-top-left-radius:3px; left:-1px; } .uB.wp span.aft { -webkit-border-top-right-radius:3px; -moz-border-radius-topright:3px; -khtml-border-top-right-radius:3px; border-top-right-radius:3px; right:-1px; } .uB.wp span { position:absolute; top:-4px; width:5px; height:4px; background-color:inherit; } .uB.bannerStaff { background-color:#fafafa; background:#6ba65e; color:#FFF; border-color:transparent; } .messageUserBlock .extraUserInfo { font-size:12px; background-color:#FFF; border:0 solid #e2e2e2; border-top-width:1px; -webkit-border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; -webkit-border-top-left-radius:0; -moz-border-radius-topleft:0; -khtml-border-top-left-radius:0; border-top-left-radius:0; -webkit-border-top-right-radius:0; -moz-border-radius-topright:0; -khtml-border-top-right-radius:0; border-top-right-radius:0; padding:4px 6px; } .messageUserBlock .extraUserInfo dl { margin:2px 0 0; } .messageUserBlock .arrow { position:absolute; top:10px; right:-10px; display:block; width:0; height:0; line-height:0; border:10px solid transparent; border-left-color:#e2e2e2; -moz-border-left-colors:#e2e2e2; border-right:none; _display:none; } .messageUserBlock .arrow span { position:absolute; top:-10px; left:-11px; display:block; width:0; height:0; line-height:0; border:10px solid transparent; border-left-color:#FFF; -moz-border-left-colors:#FFF; border-right:none; }@media only screen and (max-width: 1024px) and (min-width: 1000px){ .pun .post-entry { width: 75%!important; }}
  1094. .newmp_bs span.status {
  1095.     display: none;
  1096. }
  1097.  
  1098. .newmp_bs a.topictitle {
  1099.     color: #fff;
  1100.     font-size: 12px;
  1101. }
  1102.  
  1103. .newmp_bs {
  1104.     color: #fff;
  1105.   display: inline-block;
  1106. }
  1107.  
  1108. .newmp_bs a {
  1109.     font-size: 11px;
  1110.     color: #F0F0F0;
  1111. }
  1112.  
  1113. /*****
  1114. Receive private messages
  1115. *****/
  1116. span#msg_header {
  1117.     font-size  : 12px;
  1118.     text-transform : uppercase;
  1119.     color : #F1F1F1;
  1120. }
  1121.  
  1122. .mpnew_targetcode {
  1123.     position : fixed;
  1124.     left : 40%;
  1125.     top : 33%;
  1126.     background : rgba(0, 0, 0, 0.8);
  1127.     border : 5px solid #000;
  1128.     padding : 20px;
  1129.     z-index : 999;
  1130.     border-radius : 5px;
  1131.     width : 280px;
  1132.     height : 110px
  1133. }
  1134.  
  1135. .headermpnew {
  1136.     font-size : 16px;
  1137.     padding : 2px;
  1138.    margin-top : -11px;
  1139.    margin-bottom : 12px;
  1140. }
  1141.  
  1142. a#close_window {
  1143.     float : right;
  1144.    width : 5px;
  1145.     height : 5px;
  1146.     color : red;
  1147.     font-size : 15px;
  1148.     font-family : serif;
  1149. }
  1150.  
  1151. a.restantemp {
  1152.     color : #ECECEC;
  1153.     text-transform : uppercase;
  1154.     font-size : 10px;
  1155.     margin-top : 15px;
  1156.     padding : 2px;
  1157.     float : left;
  1158.     margin-left : -1px;
  1159. }
  1160.  
  1161. .infomp {
  1162.     padding : 2px;
  1163.     font-size : 12px;
  1164.     float : left;
  1165. }
  1166.  
  1167. .forabg {
  1168.     position : fixed;
  1169.     background : rgba(0, 0, 0, 0.4);
  1170.     width : 100%;
  1171.     height : 100%;
  1172.     top : 0px;
  1173.     z-index : 1;
  1174. }
  1175. /* TITLEBOX */
  1176.  
  1177.    .titlebox{
  1178.        -moz-border-radius:3px;
  1179.        -moz-box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
  1180.        -webkit-border-radius:3px;
  1181.        -webkit-box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
  1182.        background:#EFEFEF;
  1183.        border:1px solid #D6D6D6;
  1184.        border-radius:3px;
  1185.        box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
  1186.        overflow:hidden;
  1187.        padding:10px;
  1188.        text-shadow:#fff 0 1px 0
  1189.    }
  1190.    .titlebox dd{display:block}
  1191.    .titlebox dava{float:left}
  1192.    .titlebox dava a img{
  1193.        -moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);
  1194.        -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);
  1195.        background:#fff;
  1196.        border:1px solid #D5D5D5;
  1197.        box-shadow:0 2px 2px rgba(0,0,0,0.1);
  1198.        float:left;
  1199.        height:50px!important;
  1200.        padding:1px;
  1201.        width:50px!important
  1202.    }
  1203.    .titlebox dava a img:hover{
  1204.        -moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);
  1205.        -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);
  1206.        border-color:#A1A1A1;
  1207.        box-shadow:0 2px 2px rgba(0,0,0,0.2)
  1208.    }
  1209.    .ipsType_pagetitle a{font-size:23px;z-index:999}
  1210.    .desc.lighter.blend_links{color:#a4a4a4;float:left;font-size:11px}
  1211.    .desc.lighter,.desc.lighter.blend_links a{color:#A4A4A4}
  1212.    .desc,.desc.blend_links a,p.posted_info{color:#777;font-size:12px}
  1213.    .conect{display:inline-block;padding-left:5px}
  1214.  
  1215.    .seguir{float:right;position:relative}
  1216.    .seguir a{
  1217.        -moz-border-radius:2px;
  1218.        -moz-box-shadow:0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
  1219.        -webkit-border-radius:2px;
  1220.        -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
  1221.        background:#ececec url(http://i45.tinypic.com/2hrd3tg.png) repeat-x 0 0;
  1222.        border:1px solid #d0d0d0;
  1223.        border-radius:2px;
  1224.        box-shadow:0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
  1225.        color:#616161!important;
  1226.        cursor:pointer;
  1227.        display:inline-block;
  1228.        font-size:11px;
  1229.        height:24px;
  1230.        line-height:24px;
  1231.        padding:0 10px;
  1232.        text-shadow:#fff 0 1px 0;
  1233.        white-space:nowrap
  1234.    }
  1235.    .seguir a:hover{background-color:#f8f8f8;color:#4c4c4c}
  1236.  
  1237. /* FIM */
  1238. .posthead[id] + .postmain .entry-content div p:not(:empty) {
  1239. background: #ffebc8 url(http://imgur.com/PIQA4LA.png) no-repeat 6px 10px;
  1240. border: 1px solid #ecc272;
  1241. color: #ac6328;
  1242. font-family: "Trebuchet MS",tahoma,helvetica,arial,sans-serif;
  1243. font-size: 11px;
  1244. font-style: normal;
  1245. font-variant: normal;
  1246. font-weight: 700;
  1247. line-height: 18px;
  1248. margin-top: 15px;
  1249. padding: 8px 8px 8px 28px;
  1250. text-shadow: #fffaf1 0 1px 0;
  1251. }
  1252. .entry-content p:not(:empty) br {display: none;}
  1253. .pun fieldset, .pun img {
  1254. border: none;
  1255. }
  1256. ul#pun-legend, ul.pun-legend {
  1257. display: none;
  1258. }
  1259. /* Animate on Header by Eddye */
  1260. .animated {
  1261.   -webkit-animation-duration: 1s;
  1262.           animation-duration: 1s;
  1263.   -webkit-animation-fill-mode: both;
  1264.           animation-fill-mode: both;
  1265. }
  1266.  
  1267. .animated.infinite {
  1268.   -webkit-animation-iteration-count: infinite;
  1269.           animation-iteration-count: infinite;
  1270. }
  1271.  
  1272. .animated.hinge {
  1273.   -webkit-animation-duration: 2s;
  1274.           animation-duration: 2s;
  1275. }
  1276. @-webkit-keyframes bounceInDown {
  1277.   0%, 60%, 75%, 90%, 100% {
  1278.     -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  1279.             transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  1280.   }
  1281.  
  1282.   0% {
  1283.     opacity: 0;
  1284.     -webkit-transform: translate3d(0, -3000px, 0);
  1285.             transform: translate3d(0, -3000px, 0);
  1286.   }
  1287.  
  1288.   60% {
  1289.     opacity: 1;
  1290.     -webkit-transform: translate3d(0, 25px, 0);
  1291.             transform: translate3d(0, 25px, 0);
  1292.   }
  1293.  
  1294.   75% {
  1295.     -webkit-transform: translate3d(0, -10px, 0);
  1296.             transform: translate3d(0, -10px, 0);
  1297.   }
  1298.  
  1299.   90% {
  1300.     -webkit-transform: translate3d(0, 5px, 0);
  1301.             transform: translate3d(0, 5px, 0);
  1302.   }
  1303.  
  1304.   100% {
  1305.     -webkit-transform: none;
  1306.             transform: none;
  1307.   }
  1308. }
  1309. @keyframes bounceInDown {
  1310.   0%, 60%, 75%, 90%, 100% {
  1311.     -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  1312.             transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  1313.   }
  1314.  
  1315.   0% {
  1316.     opacity: 0;
  1317.     -webkit-transform: translate3d(0, -3000px, 0);
  1318.             transform: translate3d(0, -3000px, 0);
  1319.   }
  1320.  
  1321.   60% {
  1322.     opacity: 1;
  1323.     -webkit-transform: translate3d(0, 25px, 0);
  1324.             transform: translate3d(0, 25px, 0);
  1325.   }
  1326.  
  1327.   75% {
  1328.     -webkit-transform: translate3d(0, -10px, 0);
  1329.             transform: translate3d(0, -10px, 0);
  1330.   }
  1331.  
  1332.   90% {
  1333.     -webkit-transform: translate3d(0, 5px, 0);
  1334.             transform: translate3d(0, 5px, 0);
  1335.   }
  1336.  
  1337.   100% {
  1338.     -webkit-transform: none;
  1339.             transform: none;
  1340.   }
  1341. }
  1342.  
  1343. .bounceInDown {
  1344.   -webkit-animation-name: bounceInDown;
  1345.           animation-name: bounceInDown;
  1346. }
  1347. @-webkit-keyframes rubberBand {
  1348.   0% {
  1349.     -webkit-transform: scale3d(1, 1, 1);
  1350.             transform: scale3d(1, 1, 1);
  1351.   }
  1352.  
  1353.   30% {
  1354.     -webkit-transform: scale3d(1.25, 0.75, 1);
  1355.             transform: scale3d(1.25, 0.75, 1);
  1356.   }
  1357.  
  1358.   40% {
  1359.     -webkit-transform: scale3d(0.75, 1.25, 1);
  1360.             transform: scale3d(0.75, 1.25, 1);
  1361.   }
  1362.  
  1363.   50% {
  1364.     -webkit-transform: scale3d(1.15, 0.85, 1);
  1365.             transform: scale3d(1.15, 0.85, 1);
  1366.   }
  1367.  
  1368.   65% {
  1369.     -webkit-transform: scale3d(.95, 1.05, 1);
  1370.             transform: scale3d(.95, 1.05, 1);
  1371.   }
  1372.  
  1373.   75% {
  1374.     -webkit-transform: scale3d(1.05, .95, 1);
  1375.             transform: scale3d(1.05, .95, 1);
  1376.   }
  1377.  
  1378.   100% {
  1379.     -webkit-transform: scale3d(1, 1, 1);
  1380.             transform: scale3d(1, 1, 1);
  1381.   }
  1382. }
  1383.  
  1384. @keyframes rubberBand {
  1385.   0% {
  1386.     -webkit-transform: scale3d(1, 1, 1);
  1387.             transform: scale3d(1, 1, 1);
  1388.   }
  1389.  
  1390.   30% {
  1391.     -webkit-transform: scale3d(1.25, 0.75, 1);
  1392.             transform: scale3d(1.25, 0.75, 1);
  1393.   }
  1394.  
  1395.   40% {
  1396.     -webkit-transform: scale3d(0.75, 1.25, 1);
  1397.             transform: scale3d(0.75, 1.25, 1);
  1398.   }
  1399.  
  1400.   50% {
  1401.     -webkit-transform: scale3d(1.15, 0.85, 1);
  1402.             transform: scale3d(1.15, 0.85, 1);
  1403.   }
  1404.  
  1405.   65% {
  1406.     -webkit-transform: scale3d(.95, 1.05, 1);
  1407.             transform: scale3d(.95, 1.05, 1);
  1408.   }
  1409.  
  1410.   75% {
  1411.     -webkit-transform: scale3d(1.05, .95, 1);
  1412.             transform: scale3d(1.05, .95, 1);
  1413.   }
  1414.  
  1415.   100% {
  1416.     -webkit-transform: scale3d(1, 1, 1);
  1417.             transform: scale3d(1, 1, 1);
  1418.   }
  1419. }
  1420.  
  1421. .rubberBand {
  1422.   -webkit-animation-name: rubberBand;
  1423.           animation-name: rubberBand;
  1424. }
  1425. /* End Animate CSS on Header */
  1426. /* Ajax Mito */
  1427. #ajax_loading {background: #00c7e3;color: #fff;text-align: center;padding: 5px 0 8px;width: 8%;top: 37px;left: 46%;-moz-border-radius: 0 0 5px 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-radius: 0 0 5px 5px;z-index: 999;position: fixed;-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);box-shadow: 0px 3px 5px rgba(0,0,0,0.2);opacity: 0.6;}
  1428. /*Font Awesome */
  1429. @font-face {
  1430.   font-family: 'Open Sans';
  1431.   font-style: normal;
  1432.   font-weight: 400;
  1433.   src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
  1434. }
  1435. @font-face {
  1436.   font-family: 'FontAwesome';
  1437.   font-style: normal;
  1438.   font-weight: normal;
  1439.   src: local('FontAwesome'), local('FontAwesome'), url(http://asusgames.esy.es/fonts/fontawesome-webfont.woff) format('woff');
  1440. }
  1441. /* ranks */
  1442. .rank{
  1443.     background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,.1)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,.1)),color-stop(0.75,rgba(255,255,255,.1)),color-stop(0.75,transparent),to(transparent));
  1444.     background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);
  1445.     background-image: -moz-linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);
  1446.     background-image: linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);
  1447.    background-size: 10px 10px;
  1448.   padding: 3px;
  1449.   width: 130px;
  1450.   margin: 5px;
  1451.   text-align: center;
  1452.   text-shadow: #000 1px 1px 0;
  1453.   color: #fff;
  1454.   border-radius: 3px;
  1455.   box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.5), rgba(0,0,0,.3) 0 1px 1px;
  1456.   font: 13px 'Open Sans', Arial, sans-serif;
  1457.   -webkit-user-select: none;
  1458.   -moz-user-select: none;
  1459.   -ms-user-select: none;
  1460.   -o-user-select: none;
  1461.   user-select: none;
  1462.   cursor: default;
  1463. }
  1464. .stars{
  1465.   height: 16px;
  1466.   width: 31px;
  1467.   margin: 5px 0 0 3px;
  1468.   background: url('https://cdn1.iconfinder.com/data/icons/fatcow/16/star.png') repeat-x;
  1469.   background-size: 10px;
  1470.   float: left;
  1471. }
  1472. .admin{
  1473.   background-color: #c70000;
  1474. }
  1475. .admin:before {
  1476.   content: "\f000";
  1477.   font-family: FontAwesome;
  1478.   font-style: normal;
  1479.   font-weight: normal;
  1480.   text-decoration: inherit;
  1481. }
  1482. .mod{
  1483.   background-color: #009;
  1484. }
  1485. .co-admin{
  1486.   background-color: #a2712b;
  1487. }
  1488. .co-admin .stars{
  1489.   width: 20px;
  1490. }
  1491. .mod .stars{
  1492.   width: 10px;
  1493. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement