Advertisement
Guest User

CSS

a guest
Jan 3rd, 2016
58
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.22 KB | None | 0 0
  1. /*Posição Rodapé*/
  2. #footer {width:91%;margin-left:60px;margin-top:-23px;}
  3. /*Barra com cor nas categorias*/
  4. #pun-head {border-bottom: 3px solid #00FA9A;;box-shadow: #00FA9A; 0 -2px 0 inset;}
  5. .main .main-foot, .main .main-head, .title-overview {border-bottom: 3px solid #00FA9A;;box-shadow: #00FA9A; 0 -2px 0 inset;}
  6. /*Code Personalizado*/
  7. blockquote, dl.codebox {
  8. background: #FFF!important;
  9. border-bottom-width: 2px;
  10. border-radius: 3px;
  11. margin: 6px 3px;
  12. }
  13. dl.codebox {
  14. background-color: #C0C0C0;
  15. border: 1px solid #C9D2D8;
  16. font-size: 1em;
  17. padding: 3px;
  18. }
  19. dl.codebox dt {
  20. margin: -3px -3px 10px;
  21. }
  22. blockquote cite, dl.codebox dt {
  23. background: #d3d3d3;
  24. border-radius: 3px;
  25. color: #FFF;
  26. font-size: 12px;
  27. padding: 3px;
  28. }
  29. dl.codebox dt {
  30. border-bottom: 1px solid #CCC;
  31. display: block;
  32. font-weight: 700;
  33. margin-bottom: 3px;
  34. text-transform: uppercase;
  35. }
  36. .codebox dt .code-a {
  37. color: #C0C0C0;
  38. float: right;
  39. text-decoration: underline;
  40. text-transform: none;
  41. }
  42. /*Mensagem*/
  43. .pun .postmain {
  44. background: #fff;
  45. border: 1px solid #ddd;
  46. border-radius: 3px;
  47. margin-left: 17em;
  48. position: relative;
  49. }
  50. .pun .user-ident .username {margin-top:-19px!important;}
  51. .pun .posthead {
  52. border-bottom: 1px solid #ddd;
  53. font-size: 13px;
  54. font-weight: 400;
  55. padding: 6px;
  56. text-shadow: 0 1px 0 rgba(255,255,255,0.6);
  57. }
  58. /*Categoria cor Preto*/
  59. .main .main-foot, .main .main-head, .title-overview {background-color:#000;}
  60. /*Barra do Widget*/
  61. .module .main-head, .statistics_head {background: #a9b4c0 url(http://i55.servimg.com/u/f55/18/71/50/00/noise12.png) repeat;box-shadow: inset #778594 0 1px 3px;}
  62. /*Rodapé*/
  63. #footer{
  64. width: 100%;
  65. min-width: 900px;
  66. color: white;
  67. height: 280px;
  68. background: #0c0d0d url(http://i36.servimg.com/u/f36/11/96/49/61/footer15.png) repeat-x;}
  69.  
  70. #footer ul{list-style-type: none;}
  71.  
  72. #footer a{color: white;}
  73.  
  74. #footer h1{
  75. font-weight: normal;
  76. margin-bottom: 20px;
  77. font-family: 'Lobster';
  78. font-size: 24px;
  79. border-bottom: 3px dotted white;
  80. padding-bottom: 5px;}
  81.  
  82. #footer h1 img{
  83. margin: 0 0 3px 0 !important;
  84. vertical-align: middle;
  85. height: 25px;}
  86.  
  87. #back-top{
  88. text-align: center;
  89. margin-bottom: 8px;
  90. position: relative;
  91. top: -12px;}
  92.  
  93. #f-content{
  94. float: center;
  95. margin: 0 auto;}
  96.  
  97. #f-content fieldset.frm-set dl dd, #f-content fieldset.frm-set dl dt {padding: .3em;}
  98.  
  99. #f-content #username, #f-content #password{
  100. color: #333333;
  101. text-shadow: 1px 1px 0 white;
  102. background: url(http://i36.servimg.com/u/f36/11/96/49/61/input10.png);
  103. width: 149px;
  104. height: 39px;
  105. border: 0;
  106. padding: 0 0 0 20px;}
  107.  
  108. input:-webkit-autofill, input:-webkit-autofill, input-moz-autofill, input:-moz-autofill, input:-autofill, input:-autofill {
  109. background: none !important;}
  110.  
  111. #f-content .button1{
  112. cursor: pointer;
  113. font-weight: normal !important;
  114. -webkit-border-radius: 0px;
  115. -moz-border-radius: 0px;
  116. border-radius: 0px;
  117. color: white;
  118. text-align: center;
  119. border: 0 !important;
  120. text-shadow: 0 1px 5px black;
  121. background: url(http://i36.servimg.com/u/f36/11/96/49/61/login10.png);
  122. width: 53px;
  123. height: 25px;
  124. padding-bottom: 2px;
  125. -webkit-box-shadow: 0 0 0;
  126. -moz-box-shadow: 0 0 0;
  127. box-shadow: 0 0 0;}
  128.  
  129. #f-content dd.login{
  130. margin-top: -40px;
  131. margin-left: 110px;}
  132.  
  133. ul#social{
  134. margin-left: 25px;
  135. margin-right: 25px;
  136. text-shadow: 1px 1px 0 black;
  137. font-weight: bold;
  138. font-size: 15px;
  139. float: left;}
  140.  
  141. ul#social li{
  142. margin-bottom: 10px;}
  143.  
  144. ul#social img{
  145. -ms-interpolation-mode: bicubic;
  146. margin-right: 10px;
  147. margin-bottom: 3px;
  148. vertical-align: middle;
  149. height:25px;}
  150.  
  151. #connect{
  152. margin-left: 25px;
  153. margin-right: 25px;
  154. float: left;}
  155.  
  156. #user-panel #avatar{margin-right: 5px;}
  157.  
  158. #site-links{
  159. text-align: center;
  160. margin-left: 25px;
  161. margin-right: 25px;
  162. float: left;}
  163.  
  164. #site-links li{margin-bottom: 3px;}
  165.  
  166. #site-links li a {
  167. font-size: 16px;}
  168.  
  169. #other{
  170. float: left;
  171. margin-left: 25px;
  172. margin-right: 25px;}
  173. /*ChatBox*/
  174. .codebox dd {background-color: #FFF;}
  175. #chatbox {background-color: #FFFFFF !important;}
  176. #chatbox_members {background-color: #FFFFFF !important;}
  177. #chatbox_footer {background-color: #FFFFFF !important;}
  178. body {
  179. background: #000000 url("") repeat;
  180. color: #4e565e;
  181. }
  182. body, .pun a {
  183. font: normal 11px "Trebuchet MS",tahoma,helvetica,arial,sans-serif;
  184. }
  185. ::selection {
  186. color: #fff;
  187. background: #82b8e6;
  188. }
  189. a:link {text-decoration:none;}
  190. .pun, .wrapper {
  191. margin: 0 auto;
  192. min-width: 980px;
  193. max-width: 1600px;
  194. width: 90%;
  195. }
  196. .pun {
  197. background: #fff;
  198. max-width: 1588px;
  199. -webkit-border-radius: 5px;
  200. -moz-border-radius: 5px;
  201. border-radius: 5px;
  202. -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
  203. -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
  204. box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
  205. border: 1px solid #d6d8d9;
  206. margin-bottom: 10px;
  207. }
  208. .overview {background: white;}
  209. #pun-visit {
  210. background: url(http://i55.servimg.com/u/f55/18/71/50/00/highli10.png) repeat-x scroll 0 0 #f9d79b;
  211. border: 1px solid #ebb962;
  212. box-shadow: 0 1px 4px #fde5bb;
  213. font-size: 13px;
  214. line-height: 140%;
  215. margin: 5px 5px 10px;
  216. padding: 10px;
  217. text-shadow: 0 1px 0 rgba(255,255,255,0.55);
  218. }
  219. #pun-visit, #pun-visit a {color: #b85f1d;}
  220. .main-box, #pun-about {background: transparent;border: 0px; font: 0.8em;}
  221. #secondary_navigation {
  222. position: fixed;
  223. width: 100%;
  224. top: 0;
  225. left: 0;
  226. z-index: 999;
  227. background: url("http://i55.servimg.com/u/f55/18/71/50/00/trans810.png") repeat;
  228. background: rgba(0,0,0,0.8);
  229. font-size: 11px;
  230. text-shadow: rgba(0,0,0,0.8) 0px 1px 1px;
  231. -webkit-box-shadow: rgba(255,255,255,0.05) 0px 1px 0px;
  232. -moz-box-shadow: rgba(255,255,255,0.05) 0px 1px 0px;
  233. box-shadow: rgba(255,255,255,0.05) 0px 1px 0px;
  234. border-bottom: 1px solid #0d0d0d;
  235. overflow: hidden;
  236. line-height: 37px;
  237. clear: both;
  238. }
  239. #secondary_navigation a {
  240. color: #ddd;
  241. line-height: 37px;
  242. height: 37px;
  243. }
  244. #secondary_navigation a:hover {
  245. color: #fff;
  246. text-shadow: #fff 0px 0px 3px;
  247. }
  248. #secondary_navigation li {list-style-type: none;}
  249. #secondary_navigation li {
  250. float: left;
  251. }
  252. .breadcrumb {
  253. color: #777;
  254. font-size: 11px;
  255. }
  256. ul.pun-crumbs {margin: 0px;padding: 0px;}
  257. span.crumbs .first {
  258. margin-left: 0;
  259. background: none;
  260. padding-left: 12px;
  261. }
  262. span.crumbs a {
  263. color: #ddd;
  264. margin-left: -8px;
  265. padding: 10px 15px 10px 5px;
  266. background: url('http://i55.servimg.com/u/f55/18/71/50/00/second10.png') no-repeat 100% -1px;
  267. }
  268. span.crumbs a:hover {
  269. background: url('http://i55.servimg.com/u/f55/18/71/50/00/second10.png') no-repeat 100% -44px;
  270. }
  271. #secondary_links a {
  272. padding: 0 12px;
  273. display: block;
  274. }
  275. #secondary_links img {
  276. vertical-align: top;
  277. width: 16px;
  278. height: 16px;
  279. position: relative;
  280. margin: 10px -3px 0 -3px;
  281. }
  282. #secondary_links a:hover img {
  283. opacity: 0.7;
  284. }
  285. img, .input_check, .input_radio {
  286. vertical-align: middle;
  287. }
  288. .left {float: left;}
  289. /*INTRO*/
  290. #pun-intro {
  291. background: #262626 url('http://i67.tinypic.com/ddj095.png');
  292. height: 110px;
  293. border-bottom: 1px solid #141414;
  294. padding: 0;
  295. padding-top: 150px;
  296. }
  297. #pun-desc {display: inline-block;}
  298. #pun-navlinks {
  299. background: rgba(0,0,0,0.3) url("http://i55.servimg.com/u/f55/18/71/50/00/trans310.png") repeat;
  300. text-transform: uppercase;
  301. font-family: "Lato","Trebuchet MS",Arial,Helvetica,sans-serif;
  302. float: right;
  303. margin-top: 16px;
  304. }
  305. #pun-navlinks a.mainmenu {
  306. color: #e9ebed;
  307. padding: 8px;
  308. line-height: 35px;
  309. height: 35px;
  310. -webkit-transition: all 0.15s ease-in-out;
  311. -o-transition: all 0.15s ease-in-out;
  312. -moz-transition: all 0.15s ease-in-out;
  313. }
  314. #pun-navlinks a.mainmenu:hover {
  315. background: rgba(255,255,255,0.05) url("http://i55.servimg.com/u/f55/18/71/50/00/nav_ac10.png") repeat;
  316. text-decoration: none;
  317. color: #fff;
  318. text-shadow: #fff 0px 0px 4px;
  319. }
  320. #pun-navlinks li {
  321. font: 12px 700;
  322. }
  323. #pun-navlinks li a {
  324. margin: 0px;
  325. }
  326. @font-face {
  327. font-family: 'Lato';
  328. font-style: normal;
  329. font-weight: 700;
  330. src: local('Lato Bold'), local('Lato-Bold'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
  331. }
  332. #pun-head {
  333. background-color: #000;
  334. margin-bottom: 10px;
  335. }
  336. /*USERBAR*/
  337. #user_navigation {
  338. float: left;
  339. color: #9f9f9f;
  340. font-size: 11px;
  341. line-height: 36px;
  342. height: 36px;
  343. overflow: hidden;
  344. font-weight: bold;
  345. border-left: 1px solid rgba(255,255,255,0.15);
  346. }
  347. #user_navigation .ipsList_inline li {
  348. margin: 0;
  349. list-style-type: none;
  350. padding: 0;
  351. float: left;
  352. }
  353. #user_navigation a {
  354. color: #fff;
  355. text-shadow: rgba(0,0,0,0.3) 0px 1px 1px;
  356. float: left;
  357. padding: 0 12px;
  358. line-height: 36px;
  359. outline: none;
  360. height: 36px;
  361. border-right: 1px solid rgba(255,255,255,0.15);
  362. }
  363. #user_navigation a:hover {
  364. background: rgba(255,255,255,0.12);
  365. }
  366. #avatar img {
  367. background: #fff;
  368. border: 1px solid #959595;
  369. height: 24px;
  370. margin-top: 4px;
  371. padding: 1px;
  372. position: relative;
  373. vertical-align: top;
  374. width: 24px;
  375. }
  376. #user_navigation #sign_in img, #user_navigation #register_link img {
  377. vertical-align: top;
  378. position: relative;
  379. margin: 10px 2px 0 0;
  380. }
  381. #inbox_link img {
  382. background-image: url(http://i55.servimg.com/u/f55/18/71/50/00/icon_i10.png);
  383. }
  384. #notify_link img {
  385. background-image: url(http://i55.servimg.com/u/f55/18/71/50/00/icon_n10.png);
  386. }
  387. #inbox_link img, #notify_link img {
  388. background-position: 0 0;
  389. background-repeat: no-repeat;
  390. height: 20px;
  391. vertical-align: middle;
  392. width: 20px;
  393. }
  394. #search {
  395. margin: 4px 0 0 0;
  396. }
  397. fieldset {
  398. border: 0;
  399. }
  400. #adv_search {
  401. width: 26px;
  402. height: 26px;
  403. -webkit-border-radius: 3px;
  404. -moz-border-radius: 3px;
  405. border-radius: 3px;
  406. background: url('http://i55.servimg.com/u/f55/18/71/50/00/advanc10.png') no-repeat 50% 50%;
  407. text-indent: -3000em;
  408. display: inline-block;
  409. margin-left: 3px;
  410. }
  411. #adv_search:hover {
  412. background-color: rgba(0,0,0,0.2);
  413. }
  414. #search_wrap {
  415. position: relative;
  416. background: url("http://i55.servimg.com/u/f55/18/71/50/00/trans210.png") repeat;
  417. background: rgba(0,0,0,0.2);
  418. display: block;
  419. padding: 0 26px 0 7px;
  420. height: 26px;
  421. line-height: 25px;
  422. -moz-border-radius: 3px;
  423. -webkit-border-radius: 3px;
  424. border-radius: 3px;
  425. -webkit-box-shadow: inset rgba(0,0,0,0.35) 0px 1px 3px, rgba(255,255,255,0.2) 0px 1px 0px;
  426. -moz-box-shadow: inset rgba(0,0,0,0.35) 0px 1px 3px, rgba(255,255,255,0.2) 0px 1px 0px;
  427. box-shadow: inset rgba(0,0,0,0.35) 0px 1px 3px, rgba(255,255,255,0.2) 0px 1px 0px;
  428. min-width: 250px;
  429. }
  430. #main_search {
  431. font: normal 12px tahoma,helvetica,arial,sans-serif;
  432. border: 0;
  433. margin: 3 0 0 0;
  434. padding: 0;
  435. background: transparent;
  436. width: 138px;
  437. outline: 0;
  438. color: #fff;
  439. text-shadow: rgba(0,0,0,0.3) 0px 1px 1px;
  440. }
  441. #search_options {
  442. max-width: 80px;
  443. text-overflow: ellipsis;
  444. overflow: hidden;
  445. font-size: 10px;
  446. height: 20px;
  447. line-height: 20px;
  448. margin: 3px 3px 3px 0;
  449. padding: 0 6px;
  450. -moz-border-radius: 3px;
  451. -webkit-border-radius: 3px;
  452. border-radius: 3px;
  453. background: url('http://i55.servimg.com/u/f55/18/71/50/00/trans410.png') repeat;
  454. background: rgba(0,0,0,0.4);
  455. display: inline-block;
  456. text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
  457. color: #fff;
  458. float: right;
  459. }
  460. .clickable {
  461. cursor: pointer;
  462. }
  463. #search .submit_input {
  464. background: #292929 url('http://i55.servimg.com/u/f55/18/71/50/00/search10.png') no-repeat 50%;
  465. text-indent: -3000em;
  466. padding: 0;
  467. border: 0;
  468. display: block;
  469. width: 26px;
  470. height: 26px;
  471. position: absolute;
  472. right: 0;
  473. top: 0;
  474. bottom: 0;
  475. -moz-border-radius: 0 3px 3px 0;
  476. -webkit-border-top-right-radius: 3px;
  477. -webkit-border-bottom-right-radius: 3px;
  478. border-radius: 0 3px 3px 0;
  479. }
  480. #search .submit_input:hover {
  481. background-color: #3e3e3e;
  482. }
  483. /*TABLEHEAD*/
  484. .main .main-head, .title-overview , .main .main-foot {
  485. color: #fff;
  486. text-shadow: rgba(0,0,0,0.25) 0px -1px 0px;
  487. padding: 12px;
  488. font-size: 12px;
  489. -moz-border-radius: 3px;
  490. -webkit-border-radius: 3px;
  491. border-radius: 3px;
  492. -webkit-box-shadow: inset #778594 0px 1px 3px;
  493. -moz-box-shadow: inset #778594 0px 1px 3px;
  494. box-shadow: inset #778594 0px 1px 3px;
  495. overflow: hidden;
  496. margin-bottom: 2px;
  497. }
  498. .main .main-head .page-title {
  499. font-weight: 700;
  500. }
  501. .pun table.table td, .pun table.table th {
  502. background: #fff !important;
  503. }
  504. .pun table.table td {
  505. padding: 10px;
  506. border: 0px;
  507. border-bottom: 1px solid #f3f3f3;
  508. }
  509. .pun table.table td.col_stats {text-align: right;}
  510. .pun table.table td a {color: #676c70;}
  511. .pun table.table td a:hover {color: #53585c;}
  512. .hierarchy a {
  513. font: 12px bold;
  514. }
  515. .main .main-content, .main .main-content.frm, .pun .frm-form {background: transparent;border: 0px;}
  516. /*WIDGETS*/
  517. .module .main-head, .statistics_head {
  518. background: #262626;
  519. text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
  520. -moz-border-radius: 3px;
  521. -webkit-border-radius: 3px;
  522. border-radius: 3px;
  523. -webkit-box-shadow: inset #000 0px 1px 3px;
  524. -moz-box-shadow: inset #000 0px 1px 3px;
  525. box-shadow: inset #000 0px 1px 3px;
  526. padding: 10px;
  527. }
  528. .module .main-content {background: #fff;}
  529. /*STATISTICS*/
  530. .statistics_head {
  531. color: #fff;
  532. font-size: 11px;
  533. font-weight: bold;
  534. padding: 8px;
  535. }
  536. #onlinelist, #onlinechat {
  537. background: #fff;
  538. border: 0px;
  539. }
  540. #statistics {
  541. margin: 0 auto !important;
  542. text-align: center !important;
  543. display: table;
  544. background: none;
  545. }
  546. .statHide{display:none !important;}
  547. .statsPers li span a {
  548. text-decoration: none !important;
  549. }
  550. .statsPers li > span {
  551. display: inline-block;
  552. background: url('http://i71.servimg.com/u/f71/18/12/14/12/trans110.png') repeat;
  553. background: #edeff1;
  554. color: #768089;
  555. text-shadow: rgba(255,255,255,0.9) 0px 1px 0px;
  556. -webkit-box-shadow: inset #b3bac1 0px 1px 3px;
  557. -moz-box-shadow: inset #b3bac1 0px 1px 3px;
  558. box-shadow: inset #b3bac1 0px 1px 3px;
  559. padding: 3px 7px;
  560. font-weight: bold;
  561. -moz-border-radius: 3px;
  562. -webkit-border-radius: 3px;
  563. border-radius: 3px;
  564. margin-right: 3px;
  565. }
  566. .statsPers li {
  567. float: left;
  568. color:#666;
  569. margin: 2px 10px;
  570. }
  571. .statsPers {
  572. list-style: none;
  573. display: block;
  574. margin: 0px auto;
  575. width: 100%;
  576. }
  577. /*footer*/
  578. #footer_utilities {
  579. padding: 8px;
  580. font-size: 11px;
  581. position: relative;
  582. border-top: 1px solid #141414;
  583. text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
  584. background: #262626 url('http://i55.servimg.com/u/f55/18/71/50/00/brandi11.png') repeat;
  585. }
  586. #footer_utilities, #footer_utilities a {
  587. color: #ccc;
  588. }
  589. .clr {
  590. clear: both;
  591. }
  592. #backtotop, #bottomScroll {
  593. width: 24px;
  594. height: 24px;
  595. line-height: 20px;
  596. left: 50%;
  597. top: 50%;
  598. margin-left: -12px;
  599. margin-top: -12px;
  600. position: absolute;
  601. display: inline-block;
  602. background: url("http://i55.servimg.com/u/f55/18/71/50/00/trans311.png") repeat;
  603. background: rgba(0,0,0,0.3);
  604. -webkit-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px, rgba(255,255,255,0.07) 0px 1px 0px;
  605. -moz-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px, rgba(255,255,255,0.07) 0px 1px 0px;
  606. box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px, rgba(255,255,255,0.07) 0px 1px 0px;
  607. text-align: center;
  608. -moz-border-radius: 16px;
  609. -webkit-border-radius: 16px;
  610. border-radius: 16px;
  611. outline: 0;
  612. }
  613. #bottomScroll:hover,#backtotop:hover{background:url("http://i55.servimg.com/u/f55/18/71/50/00/trans710.png") repeat;background:rgba(0,0,0,0.7);color:#fff}
  614. #backtotop img {
  615. margin-top: 5px;
  616. opacity: 0.4;
  617. }
  618. #backtotop:hover img {
  619. opacity: 1;
  620. }
  621. .skin_link {
  622. float: left;
  623. padding-top: 4px;
  624. }
  625. .skin_link, .skin_link a {
  626. color: #ccc !important;
  627. }
  628. #copyright {
  629. text-align: right;
  630. line-height: 22px;
  631. float: right;
  632. }
  633. #footer_utilities .ipsList_inline {
  634. margin-top: 3px;
  635. clear: left;
  636. float: left;
  637. }
  638. #footer_utilities .ipsList_inline>li {
  639. margin: 0;
  640. }
  641. .ipsList_inline>li {
  642. display: inline-block;list-style-type: none;
  643. margin: 0 3px;
  644. }
  645. #rss_feed {
  646. margin-top: -1px;
  647. }
  648. #footer_utilities .ipsList_inline>li>a {
  649. margin-right: 0px;
  650. padding: 4px 10px;
  651. display: inline-block;
  652. }
  653. /*TÓPICO*/
  654. .pun .paged-foot, .pun .paged-head {
  655. background-color: transparent;
  656. border: 0px;
  657. }
  658. .pun .posthead {
  659. text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
  660. border-radius: 3px;
  661. background-color: #f7f7f7;
  662. color: #000;
  663. border: 0px;
  664. padding: 0 10px;
  665. height: 36px;
  666. line-height: 36px;
  667. font-weight: normal;
  668. font-size: 13px;
  669. }
  670. .pun .posthead a {color: #000;}
  671. .pun .posthead h2 strong {
  672. font: 11px normal;
  673. color: #878c91;
  674. }
  675. .pun .posthead h2 strong:before {
  676. content: '#';
  677. }
  678. .pun .posthead .username {
  679. float: left;
  680. min-width: 177px;
  681. }
  682. .pun .posthead .username a {
  683. font-weight: bold;
  684. text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
  685. font-size: 13px;
  686. }
  687. .pun .posthead .username a span {color: #fff !important;}
  688. .pun .user .user-basic-info a img {
  689. max-width: 90px;
  690. max-height: 90px;
  691. padding: 1px;
  692. border: 1px solid #d5d5d5;
  693. background: #fff;
  694. -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
  695. -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
  696. box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
  697. }
  698. .pun .user .user-basic-info a img:hover {
  699. border-color: #a1a1a1;
  700. -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
  701. -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
  702. box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
  703. }
  704. .pun .post {margin-bottom: 10px;}
  705. .pun .post, .pun .postmain {background: #fff;border: 0px;}
  706. .pun .postmain {margin-left: 17em;}
  707. .pun .post .user {
  708. width: 155px;
  709. margin-top: 1em;
  710. border-right: 1px dashed #e4e8ed;
  711. font-size: 12px;
  712. text-align: center;
  713. margin-left: -16em;
  714. padding: 10px 10px;
  715. line-height: 150%;
  716. }
  717. .pun .user .user-info {
  718. font: 11px;
  719. color: #878c91;
  720. }
  721. .pun .postfoot {
  722. background: #edeff1 url("http://i55.servimg.com/u/f55/18/71/50/00/noise13.png") repeat;
  723. -moz-border-radius: 3px;
  724. -webkit-border-radius: 3px;
  725. border: 0px;
  726. border-radius: 3px;
  727. -webkit-box-shadow: inset #b3bac1 0px 1px 3px;
  728. -moz-box-shadow: inset #b3bac1 0px 1px 3px;
  729. box-shadow: inset #b3bac1 0px 1px 3px;
  730. clear: both;
  731. }
  732. /*Painel de Controle*/
  733. .center {text-align: left;}
  734. /*Cor Preto Widget*/
  735. .module .main-head, .statistics_head {background-color:#000}
  736. /*PERFIL TABS PERSONALIZADOS*/
  737. #tabs ul li a {
  738. font-weight: bold;
  739. color: #424242;
  740. background-color: #F1F1F1;
  741. border-color: #C1C1C1;
  742. background-image: url('http://i50.tinypic.com/2rcpvd3.png');
  743. background-repeat: repeat-x;
  744. margin-top: 10px;
  745. border-top: 1px solid #CCC;
  746. border-left: 1px solid #CCC;
  747. }
  748. #tabs ul li.activetab a:hover {
  749. background-color: #363636;
  750. }
  751. #tabs ul li a:hover {
  752. background-color: #F4F4F4;
  753. border-color: #333;
  754. }
  755. #tabs ul li.activetab a {
  756. background-color: #363636;
  757. background-image: url(http://i50.tinypic.com/9qky9y.png);
  758. background-repeat: repeat-x;
  759. border-color: #363636;
  760. color: white;
  761. text-decoration: none;
  762. }
  763. #tabs ul li.activetab a:hover {
  764. background: white;
  765. }
  766. /*QR*/
  767. #quick_reply .frm-buttons {
  768. text-align: right;
  769. }
  770. .pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
  771. background-image: url(http://cdn2.iconfinder.com/data/icons/humano2/16x16/apps/gnome-help.png);
  772. background-position: left;
  773. background-repeat: no-repeat;
  774. color: #fff;
  775. }
  776. input[type="button"], input[type="submit"], input[type="reset"] {
  777. background: #51a3ce url('http://i55.servimg.com/u/f55/18/71/50/00/highli11.png') repeat-x 0 0;
  778. border: 1px solid #4897c0;
  779. -webkit-box-shadow: #8ac7e7 0px 1px 2px;
  780. -moz-box-shadow: #8ac7e7 0px 1px 2px;
  781. box-shadow: #8ac7e7 0px 1px 2px;
  782. color: #fff;
  783. padding: 4px 10px !important;
  784. cursor: pointer;
  785. text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
  786. -moz-border-radius: 2px;
  787. -webkit-border-radius: 2px;
  788. border-radius: 2px;
  789. }
  790. input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {background-color:#60b3de;color:#fff}
  791. input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active {-webkit-box-shadow:inset rgba(0,0,0,0.2) 0px 1px 3px;-moz-box-shadow:inset rgba(0,0,0,0.2) 0px 1px 3px;box-shadow:inset rgba(0,0,0,0.2) 0px 1px 3px;position:relative;top:1px}
  792.  
  793. blockquote {
  794. background:none repeat scroll 0 0 #FFF!important;
  795. border:3px solid #bdbdbd!important;
  796. border-radius:5px;
  797. box-shadow:0 2px 10px #d6d6d6;
  798. max-width:1033px;
  799. margin:3px;
  800. padding:0!important;
  801. }
  802.  
  803. blockquote:before {
  804. content:"Citação:";
  805. border-bottom:4px solid #2a80b9;
  806. font-size:14px;
  807. font-weight:700;
  808. text-shadow:1px 1px #f3f3f3;
  809. background-image:url(http://illiweb.com/fa/invision/css_img_quote.gif);
  810. background-position:top right;
  811. background-repeat:no-repeat;
  812. color:#000;
  813. display:block;
  814. padding:3px;
  815. }
  816.  
  817. blockquote div {
  818. background:none repeat scroll 0 0 #FFF;
  819. border:3px solid #d3d3d3;
  820. border-radius:5px;
  821. margin:5px;
  822. }
  823.  
  824. blockquote cite {
  825. background-color:#FFF!important;
  826. background-image:none!important;
  827. }
  828. .spoiler_closed{border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-color:#FFF;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:4px 4px 3px #FFF}.spoiler_content{border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-color:#FFF;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:4px 4px 3px #a0a0a0;padding:10px}
  829. .spoiler dt {border-bottom: 1px dotted write}div.spoiler_content.hidden {background:#FFF;}dl.codebox.spoiler {background-color:#FFF;}
  830. dl.codebox.spoiler {border-left: 7px solid red}
  831. /*Profundidade Categoria*/
  832. .main .main-foot, .main .main-head, .title-overview { box-shadow: none; }
  833. /*Tirar pesquisa*/
  834. div#search.right {display:none;}
  835. /*Aumentar tamanho o texto*/
  836. a.mainmenu {font-size:14px;}
  837. /*Quem esta conectado*/
  838. .statistics_head {text-align:center;}
  839. #onlinelist {text-align:center;}
  840. #onlinelist {border: solid #212121;border-width: 0px 1px 1px; border-radius: 3px;}
  841. /*Cor do titulo do topico*/
  842. a.topictitle{
  843. color: black !important;
  844. font-family: Arial;
  845. }
  846. /*Poste*/
  847. .pun .user-ident .username {margin-top:-19px;}
  848. .pun .posthead {
  849. border-bottom: 1px solid #ddd;
  850. font-size: 13px;
  851. font-weight: 400;
  852. padding: 6px;
  853. text-shadow: 0 1px 0 rgba(255,255,255,0.6);
  854. }
  855. /*Nome na postagem*/
  856. .pun .user-ident .username {
  857. border: 1px solid #ddd;
  858. border-radius: 3px;
  859. margin: 1em;
  860. margin-left: 1.5em;
  861. position: relative;
  862. }
  863. .pun .username {
  864. background-color: #f7f7f7;
  865. border-bottom: 1px solid #eee;
  866. font-size: 13px;
  867. font-weight: 400;
  868. padding: 10px;
  869. text-shadow: 0 1px 0 rgba(255,255,255,0.6);
  870. }
  871. .pun .post .user {
  872. line-height: 150%;
  873. margin-left: -17em!important;
  874. margin-top: -3em;
  875. padding-top: initial;
  876. text-align: center;
  877. width: 17em;
  878. }
  879. .pun .user-ident .user-basic-info {margin-top: 15px;}
  880. /*Imagem Staff Online*/
  881. .monAva img {
  882. height: 40px;
  883. width: 40px;
  884. margin-right: 5px;
  885. background: none repeat scroll 0 0 #FFF;
  886. border: 1px solid #d5d1c8;
  887. box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  888. padding: 1px;
  889. }
  890. .monAva img:hover {
  891. border: 1px solid black;
  892. }
  893. .myStaff a {
  894. display:inline-block;
  895. vertical-align:top;
  896. margin-top:.75em;
  897. }
  898. /*Cor do tópico*/
  899. .pun table.table td a {
  900. color: #000;
  901. }
  902. /*Neon no Widget*/
  903. .main .main-foot, .main .main-head, .title-overview { font-weight: bold; text-shadow: 0px 0px 5px #FFF;
  904. }
  905. /*Remover menus*/
  906. #pun-navlinks [href="/faq"] {display:none;}
  907. #pun-navlinks [href="/groups"]{display:none;}
  908. #pun-navlinks [href="/search"]{display:none;}
  909. /*Posição do Menu*/
  910. #pun-navlinks {margin-top: 115px;margin-right:360px;}
  911. div#search.right{margin-top:-30px;}
  912. #pun-navlinks {background:none;}
  913. /*Espessura barra cinza*/
  914. #pun-head {height:42px;}
  915. /* Comandos do Editor */
  916. .postbody .sucesso, .postbody .aviso, .postbody .infos {
  917. width: 75%;
  918. margin: 8px 0;
  919. padding: 8px;
  920. color: #fefefe;
  921. -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  922. -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  923. -khtml-box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  924. box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  925. -moz-box-sizing: border-box;
  926. -webkit-box-sizing: border-box;
  927. box-sizing: border-box;
  928. -webkit-border-radius: 5px 5px 5px 5px;
  929. -moz-border-radius: 5px 5px 5px 5px;
  930. -khtml-border-radius: 5px 5px 5px 5px;
  931. border-radius: 5px 5px 5px 5px;
  932. border-style: solid;
  933. border-width: 0;
  934. position: relative;
  935. font: 14px/20px Museo300Regular,Helvetica,Arial,sans-serif;
  936. }
  937. .postbody .infos {
  938. background-color: #2fa9f6;
  939. }
  940. .postbody .sucesso {
  941. background-color: #7EB62E;
  942. }
  943. .postbody .aviso {
  944. background-color: #BE1B00;
  945. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement