Advertisement
Guest User

css 3

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