API tools faq
paste
Advertisement
Guest User

Css

a guest
Jan 22nd, 2013
91
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 54.44 KB | None | 0 0
raw download clone embed print report
  1. .avatar-index {float: left;}
  2. .avatar-index img {width: 40px;height: 40px;background: #F4F4F4;border: 1px solid #DDD;margin: 0 5px;padding: 1px;}
  3. .avatar-index img:hover {border: 1px dashed #CCC;}
  4. .avatar-subforo {float: right;}
  5. body {
  6. background: #D2D2D2 url('http://i.imgur.com/IVpLl.jpg') repeat-x 0 0;
  7. color: #595959;
  8. }
  9.  
  10. .minwidth_IE {
  11. background: url() no-repeat center 0;
  12. }
  13. .layout_IE {
  14. background: url(http://i.imgur.com/QhLwO.png) repeat-x 0 top;
  15. }
  16. .container_IE {
  17. background: url(http://i.imgur.com/0dndY.png) repeat-x 0 bottom;
  18. }
  19. .pun {
  20. margin: auto;
  21. min-width: 990px;
  22. width: 1065px;
  23. }
  24.  
  25. .pun a:hover {
  26. text-decoration:none;
  27. }
  28.  
  29. #button_logged {
  30. padding-right:5px;
  31. vertical-align: middle;
  32. }
  33.  
  34. #pun-intro {
  35. background: transparent!important;
  36. border: none;
  37. padding: 0px 10px;
  38. }
  39. #page-body {
  40. background: #E7E7E7;
  41. margin: 0 auto;
  42. width: 1024px;
  43. max-width: 1550px;
  44. min-width: 990px;
  45. border-left: 1px solid #bdbdbd;
  46. border-right: 1px solid #bdbdbd;
  47. border-bottom: 1px solid #bdbdbd;
  48. line-height: 120%;
  49. overflow: hidden;
  50. padding: 10px;
  51. }
  52.  
  53. .main .main-head {
  54. background: #F8F8F8 url('') repeat-x 0 0;
  55. border: 1px solid #eaeaea;
  56. color: #B4453B;
  57. text-shadow: white 0px 1px 0px;
  58. padding: 12px;
  59. font-size: 14px;
  60. font-weight: bold;
  61. -moz-border-radius: 4px 4px 0 0;
  62. -webkit-border-radius: 4px 4px 0 0;
  63. border-radius: 4px 4px 0 0;
  64. overflow: hidden;
  65. }
  66. .main-head .page-title h2 {
  67. color: #B4453B;
  68. font-family: 'Yanone Kaffeesatz Thin',sans-serif;
  69. font-size: 17px;
  70. }
  71.  
  72. .pun .main-foot .h2, .pun .main-head .h2 {
  73. color: #B4453B;
  74. font-family: 'Yanone Kaffeesatz Thin',sans-serif;
  75. font-size: 13px;
  76. }
  77.  
  78. .pun .main-content {
  79. background: white;
  80. }
  81.  
  82. .pun .main-content {
  83. webkit-border-top-left-radius: 1px;
  84. border-radius: 1px;
  85. -moz-border-radius-topleft: 1px;
  86. -moz-border-radius-topright: 1px;
  87. border-radius: 1px;
  88. background-color: #E8E8E8;
  89. border: 1px solid #DDD;
  90. }
  91.  
  92. .pun table.table td {
  93. background: white!important;
  94. border-left: 0px;
  95. }
  96. .postmain blockquote, blockquote {
  97. font-size: 12px;
  98. padding: 10px;
  99. border-bottom: 2px solid #E5E5E5;
  100. -moz-border-radius: 5px;
  101. -webkit-border-radius: 5px;
  102. border-radius: 5px;
  103. background: #F7F7F7;
  104. }
  105. .postmain cite, blockquote div cite {
  106. font-size: 12px;
  107. padding: 8px 10px;
  108. border-bottom: 1px solid #E3E4E6;
  109. background: #EEEEEF url('http://i.imgur.com/UHWKt.png') repeat-x 0 0;
  110. color: #535353;
  111. text-shadow: rgba(255, 255, 255, 1) 0px 1px 0px;
  112. width: 100%;
  113. position: relative;
  114. left: -10px;
  115. margin-top: -10px;
  116. border-top-right-radius: 5px;
  117. border-top-left-radius: 5px;
  118. }
  119. blockquote div cite::before {
  120. background-image: url("http://i.imgur.com/a0SsF.png");
  121. padding: 8px;
  122. content: "cite";
  123. color: transparent;
  124. font-size: 0px;
  125. position: relative;
  126. top: -5px;
  127. background-repeat: no-repeat;
  128. text-indent: -5000px;
  129. }
  130. .pun .postmain {
  131. background-color: white;
  132. border: none;
  133. }
  134. .main-foot {
  135. background: #F8F8F8 url('http://i50.tinypic.com/2sai2bk.png') repeat;
  136. border: 1px solid #E9E9E9;
  137. border-radius: 0px 0px 2px 2px;
  138. }
  139.  
  140. .pun a:link {
  141. text-decoration:none;
  142. text-shadow:none;
  143. }
  144.  
  145. .pun a:hover {
  146. text-decoration: underline;
  147. }
  148.  
  149. #pun-visit{
  150. display:none;
  151. }
  152.  
  153. #pun-foot {
  154. clear: both;
  155. position: relative;
  156. top: -5px;
  157. }
  158.  
  159. #pun-about {
  160. background: none;
  161. text-align:left;
  162. font-size: 11px;
  163. position: relative;
  164. border: none;
  165. font-family: arial;
  166. }
  167.  
  168. #pun-about form {
  169. display: none;
  170. }
  171.  
  172. .pun .paged-foot, .pun .paged-head {
  173. border: 0px;
  174. padding: 0.6em 1.3em 0.3em;
  175. background: transparent;
  176. }
  177.  
  178. /*----------------FIM---------------*/
  179. input[type="button"], input[type="submit"], input[type="reset"] {
  180. background: #51A3CE url('http://i.imgur.com/VGRFV.png') repeat-x 0 0;
  181. border-color: #4897C0;
  182. -webkit-box-shadow: #8AC7E7 0px 1px 2px;
  183. -moz-box-shadow: #8ac7e7 0px 1px 2px;
  184. box-shadow: #8AC7E7 0px 1px 2px;
  185. color: white;
  186. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  187. -moz-border-radius: 2px;
  188. -webkit-border-radius: 2px;
  189. border: 1px solid #4897C0;
  190. padding: 5px 10px!important;
  191. cursor: pointer;
  192. border-radius: 2px;
  193. }
  194. input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
  195. background-color: #60B3DE;
  196. color: white;
  197. }
  198. input[type="password"]:focus, input[type="text"]:focus, textarea:focus {
  199. outline: none;
  200. background-color: #FEFEFE;
  201. color: #555;
  202. border-color:#AFD6EA;
  203. -webkit-box-shadow: inset 0px 0px 4px #BCE6FB, #DDF4FF 0px 0px 3px;
  204. -moz-box-shadow: inset 0px 0px 4px #bce6fb, #ddf4ff 0px 0px 3px;
  205. box-shadow: inset 0px 0px 4px #BCE6FB, #DDF4FF 0px 0px 3px;
  206. }
  207. input[type="password"], input[type="text"], textarea {
  208. padding: 6px;
  209. border: 1px solid #D4D4D4;
  210. background: #FCFCFC;
  211. color: #9F9F9F;
  212. text-shadow: white 0px 1px 0px;
  213. -webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
  214. -moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
  215. box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
  216. }
  217.  
  218. #text_edit button.button2 {
  219. border: none;
  220. background: transparent;
  221. padding: 3px;
  222. border-radius: 3px;
  223. cursor: pointer;
  224. }
  225. #text_edit button.button2:hover {
  226. background: #DDD;
  227. }
  228. #quick_reply, .main .main-content.frm {
  229. background-color: #EFEFEF !important;
  230. }
  231. .codebox dt {
  232. background: #ECECEC url('http://i.imgur.com/Ixvd4.png') repeat-x 0 0;
  233. border: 1px solid #D0D0D0;
  234. -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
  235. -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0px 1px 0px;
  236. box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0px 1px 0px;
  237. -moz-border-radius: 2px;
  238. -webkit-border-radius: 2px;
  239. border-radius: 2px;
  240. color: #616161;
  241. text-shadow: white 0px 1px 0px;
  242. padding: 5px;
  243. }
  244. .codebox dd {
  245. background: transparent;
  246. }
  247. .codebox {
  248. padding: 5px;
  249. background: #F8F8F8;
  250. border: 1px solid #C9C9C9;
  251. overflow: auto;
  252. margin-left: 10px;
  253. font-size: 11px;
  254. line-height: 140%;
  255. }
  256. .hierarchy a {
  257. font-weight: bold;
  258. font-family: "Trebuchet MS"tahoma,helvetica,arial,sans-serif;
  259. font-size: 15px;
  260. }
  261. h2.topic-title a {
  262. font-family: Lato, tahoma, helvetica, arial, sans-serif;
  263. font-size: 12px;
  264. }
  265. .tcl.tdtopics {
  266. font-size: 12px;
  267. color: #A4A4A4;
  268. }
  269.  
  270.  
  271. #pun-head #pun-navlinks {
  272. border-color: #DDD;
  273. padding: 0.5em 1.1em 0.6em;
  274. display:none;
  275. }
  276.  
  277. /*HEAD*/
  278. #header {
  279. position: relative;
  280. margin-top:-5px;
  281. }
  282.  
  283. #user_bar{
  284. background: #252525;
  285. border-bottom: 1px solid #232323;
  286. height: 30px;
  287. }
  288. #user_bar .wrapper{
  289. border: 0;
  290. border-left: 1px solid #232323;
  291. border-right: 1px solid #232323;
  292. background: #2d2d2d;
  293. height: 30px;
  294. }
  295.  
  296. #branding .wrapper{
  297. height: 150px;
  298. background: #333333;
  299. border: 0;
  300. border-left: 1px solid #272727;
  301. border-right: 1px solid #272727;
  302. position: relative;
  303. background-image: url (http://i10.servimg.com/u/f10/12/46/70/00/2cni6010.png);
  304. }
  305.  
  306. #user_bar .wrapper{
  307. border: 0;
  308. border-left: 1px solid #232323;
  309. border-right: 1px solid #232323;
  310. background: #2d2d2d;
  311. height: 30px;
  312. }
  313.  
  314. #search {
  315. color: transparent;
  316. font-size: 0.85em;
  317. margin: 2px 4px auto auto;
  318. position: relative;
  319. right: 0px;
  320. float: right;
  321. z-index: 999;
  322. }
  323.  
  324.  
  325. #search_wrap {
  326. background: transparent;
  327. /*border: 1px solid #fff;*/
  328. border-radius: 2px;
  329. -webkit-border-radius: 2px;
  330. -moz-border-radius: 2px;
  331. padding: 5px;
  332. float: left;
  333. height: 14px;
  334. }
  335.  
  336.  
  337.  
  338. #user_navigation {
  339. height: 30px;
  340. float: left;
  341. font-weight: bold;
  342. font-size: 0.9em;
  343. }
  344.  
  345. #user_navigation .photo {
  346. float: left;
  347. padding: 0;
  348. border: 0;
  349. height: 20px;
  350. width: auto !important;
  351. margin: 5px -5px 0px -5px;
  352. }
  353.  
  354. /* Sign in services icons (Facebook, twitter, etc) */
  355. .services img { margin-top: -2px; margin-left: 2px; }
  356.  
  357. #user_navigation ul {
  358. font-size: 0.88em;
  359. margin-top: 4px;
  360. }
  361. #user_navigation ul a {
  362. color: #dddddd;
  363. }
  364.  
  365. #user_navigation ul#user_other {
  366. margin-left: 5px;
  367. top: 35px;
  368. position: absolute;
  369. }
  370.  
  371. #user_navigation ul#user_other li {
  372. float: left;
  373. padding: 0 0 0 8px;
  374. }
  375.  
  376. #user_navigation ul#user_link_menucontent {
  377. background: #2d2d2d;
  378. border: 1px solid #232323;
  379. margin-top: 1px;
  380. width: 170px;
  381. float: right;
  382. z-index: 999;
  383. font-weight: normal;
  384. }
  385.  
  386. #user_navigation ul#user_link_menucontent li {
  387. float: none;
  388. }
  389.  
  390. #user_navigation ul#user_link_menucontent a {
  391. color: #fff;
  392. text-decoration: none;
  393. padding: 7px 5px 7px 15px;
  394. display: block;
  395. }
  396.  
  397. #user_navigation ul#user_link_menucontent a:hover {
  398. background: #272727;
  399. }
  400.  
  401. #user_navigation #user_link {
  402. min-width: 110px;
  403. outline: 0px;
  404. position: relative;
  405. display: inline-block;
  406. overflow: hidden;
  407. }
  408.  
  409. #user_navigation #user_link img {
  410. margin-right: -4px;
  411.  
  412. }
  413.  
  414. /* Notifications */
  415. #user_navigation #user_notifications_link {
  416. min-width: 25px;
  417. outline: 0px;
  418. position: relative;
  419. display: inline-block;
  420. overflow: hidden;
  421. white-space: nowrap;
  422. text-decoration: none;
  423. }
  424.  
  425. #user_navigation #user_notifications_link img#notify-down-arrow {
  426. margin-right: -4px;
  427. }
  428.  
  429. #user_navigation #user_notifications_link small {
  430. position: relative;
  431. background: #454545;
  432. color: #fff;
  433. font-weight: bold;
  434. top: 0px;
  435. right: 0px;
  436. padding: 1px 4px;
  437. border-radius: 4px;
  438. -moz-border-radius: 4px;
  439. -webkit-border-radius: 4px;
  440. }
  441.  
  442. #user_navigation #user_notifications.no-new small {
  443. background-color: transparent;
  444. color: #fff;
  445. }
  446.  
  447. #user_navigation #user_notifications.no-new:hover small {
  448. background-color: #454545;
  449. color: #fff;
  450. }
  451.  
  452. #user_links{
  453. float: left;
  454. overflow: hidden;
  455. height: 30px;
  456. font: normal 12px tahoma, arial, verdana, sans-serif;
  457. }
  458.  
  459. #user_links a{
  460. float: left;
  461. display: block;
  462. padding: 0 10px 0px 10px;
  463. line-height: 30px;
  464. text-decoration: none;
  465. color: #fff;
  466. font-weight: bold;
  467. font-size: 0.9em;
  468. outline: none;
  469. }
  470.  
  471. #user_links a:hover{
  472. background: #272727;
  473. }
  474.  
  475. #branding {
  476. background: #2b2b2b;
  477. }
  478.  
  479. .banner_right{
  480. height: 92px;
  481. }
  482.  
  483. /* Navigation */
  484.  
  485. #primary_nav {
  486. height: 40px;
  487. font-family: Tahoma, Geneva, sans-serif;
  488. font-size: 14px;
  489. text-transform: lowercase;
  490. position: absolute;
  491. bottom: 0;
  492. right: 5px;
  493. }
  494.  
  495. #primary_nav ul{
  496. list-style-type: none;
  497. }
  498.  
  499. #primary_nav ul li{
  500. display:inline;
  501. margin:0;
  502. padding:0;
  503. }
  504.  
  505. #primary_nav ul li a:link,
  506. #primary_nav ul li a:visited,
  507. #primary_nav ul li a:hover,
  508. #primary_nav ul li a:active {
  509. color: #fff;
  510. text-decoration: none;
  511. float:left;
  512. padding-left: 7px;
  513. font-weight: bold;
  514. outline: none;
  515. text-shadow: #000 0px -1px 0px;
  516. }
  517.  
  518. #primary_nav ul li a:hover,
  519. #primary_nav ul li a:hover span{
  520. color: #fff;
  521. }
  522.  
  523. #primary_nav ul li a:hover{
  524. background: transparent url(http://www.ggames.com.br/forum/public/style_images/baisik/primary_nav.png) no-repeat 0px -40px;
  525. }
  526.  
  527. #primary_nav ul li a:hover span{
  528. background: transparent url(http://www.ggames.com.br/forum/public/style_images/baisik/primary_nav.png) no-repeat 100% -40px;
  529. }
  530.  
  531. #primary_nav ul li a:link span,
  532. #primary_nav ul li a:visited span,
  533. #primary_nav ul li a:hover span,
  534. #primary_nav ul li a:active span {
  535. padding: 0px 18px 0px 11px;
  536. display: block;
  537. line-height: 40px;
  538. }
  539.  
  540. #primary_nav ul li.active a:link,
  541. #primary_nav ul li.active a:visited,
  542. #primary_nav ul li.active a:hover,
  543. #primary_nav ul li.active a:active {
  544. background: transparent url(http://www.ggames.com.br/forum/public/style_images/baisik/primary_nav.png) no-repeat top left;
  545. text-shadow: #fff 0px 1px 0px;
  546. }
  547.  
  548. #primary_nav ul li.active a:link span,
  549. #primary_nav ul li.active a:visited span,
  550. #primary_nav ul li.active a:hover span,
  551. #primary_nav ul li.active a:active span {
  552. background: transparent url(http://www.ggames.com.br/forum/public/style_images/baisik/primary_nav.png) no-repeat top right;
  553. color: #333333;
  554. }
  555.  
  556. /*Novo conteudo*/
  557. .nuevotopicbody {
  558. font-weight:normal;
  559. font: normal 11px tahoma, arial, verdana, sans-serif;
  560. font-weight: bold;
  561. line-height:32px;
  562. }
  563.  
  564. .nuevotopicbody a:link {
  565. color: #757575;
  566. outline: none;
  567. text-decoration: none;
  568. text-shadow: white 0px 1px 0px;
  569. }
  570.  
  571. #novo-conteudo {
  572. margin-top:-45px;
  573. float:right;
  574. }
  575.  
  576. #search-box {
  577. float: right;
  578. margin-right: 5px;
  579. margin-top: 0px;
  580. position: relative;
  581. top: 0px;
  582. white-space: nowrap;
  583. }
  584.  
  585. #search-box #keywords {
  586. -moz-border-radius: 4px 4px 4px 4px;
  587. -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  588. -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  589. background: #fff;
  590. border: 0px solid #000;
  591. border-radius: 2px;
  592. box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  593. color: #5a5a5a;
  594. padding: 5px 30px 5px 10px;
  595. font: italic;
  596. font-family: Tahoma, Arial, Verdana, sans-serif;
  597. width: 200px;
  598. height: 15px;
  599. }
  600. #search-box input.button2 {
  601. background: #D2D2D2 url(http://www.ggames.com.br/forum/public/style_images/baisik/search_icon.png) no-repeat 50%;
  602. color: transparent;
  603. height: 24px!important;
  604. position: relative;
  605. border: 1px solid #D2D2D2;
  606. left: 2px;
  607. width: 35px!important;
  608. border-radius: 2px;
  609. -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
  610. box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
  611. -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  612. margin-top: 9px;
  613. }
  614.  
  615. #search-box input.button2:hover{
  616. background-color: #E3E3E3;
  617. }
  618.  
  619. #search_menu {
  620. background: #fff;
  621. font-size: 12px!important;
  622. left: 10%!important;
  623. top: 40px!important;
  624. }
  625. #search_menu a{
  626. color:#000!important;
  627. position: relative;
  628. top:none!important;
  629. color: #a9a9a9;
  630. font-style: italic;
  631. background:none!important
  632. }
  633. #search_menu a:hover{background:none!important}
  634.  
  635. .rss_feed {
  636. vertical-align:middle;
  637. padding-left:8px;
  638. padding: 0 5px;
  639. }
  640.  
  641. /*conteuto do topo*/
  642. #conteudo-topo {
  643. margin-top:-15px;
  644. margin-right:-10px;
  645. }
  646.  
  647. /*crumbs*/
  648. .pun-crumbs{
  649. margin-top: -8px;
  650. margin-left: -10px;
  651. border-bottom: 1px solid #d9d9d9;
  652. margin-right: -10px;
  653. }
  654.  
  655. .pun-crumbs p{color:#666;font-size:1.11em;line-height:1.5;margin:0}
  656. .pun-crumbs a{text-decoration:none}
  657.  
  658. #pun-crumbs li {
  659. float: left;
  660. }
  661.  
  662. .pun .pun-crumbs .crumbs{font-size:.8em}.pun .pun-crumbs .crumbs a{
  663. text-shadow: white 0px 1px 0px; margin:0 1.25em 0 .5em}
  664. p.crumbs a{
  665. background:url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
  666. color:#777!important;
  667. color: #757575;
  668. font-size: 12px;
  669. font-weight: bold;
  670. text-shadow: white 0px 1px 0px;
  671. line-height:30px;
  672. padding:11px 17px 11px 1px
  673. }
  674.  
  675. p.crumbs a:hover{
  676. background:url(http://i.imgur.com/FszIm.gif) no-repeat 100% -44px;
  677. color:#222;
  678. text-decoration: none;
  679. }
  680.  
  681. p.crumbs{color:#F3F3F3}p.crumbs a[href="/f3-forum"],p.crumbs a[href="/f5-forum"]{display:none}
  682.  
  683.  
  684. /*adv-search*/
  685. #adv_search {
  686. width: 30px;
  687. outline: none;
  688. height: 24px;
  689. margin-top:1px;
  690. margin-left: 0px;
  691. border: 0;
  692. background: #8F8F8F url(http://www.ggames.com.br/forum/public/style_images/baisik/advanced_search.png) no-repeat 50% 50%;
  693. text-indent: -3000em;
  694. float: left;
  695. display: inline-block;
  696. border-radius: 2px;
  697. }
  698.  
  699. #adv_search:hover {
  700. background-color: #a2a2a2;
  701. }
  702.  
  703.  
  704.  
  705. /*table*/
  706.  
  707. .pun fieldset, .pun img {
  708. vertical-align:middle;
  709. padding-right:3px;
  710. border: none;
  711. }
  712. .statusid img {
  713. display: inline-block;
  714. }
  715. .pun tbody.statusid span.status {
  716. position: absolute;
  717. }
  718. .pun tbody.statusid span.status {
  719. margin-left: -54px !important;
  720. padding-left: -100px !important;
  721. padding-right: 30px !important;
  722. }
  723. .pun tbody.statusid span.status {
  724. position: absolute;
  725. }
  726. .pun tbody.statusid span.status {
  727. margin-top: 10px !important;
  728. vertical-align: middle;
  729. }
  730. .pun tbody.statusid span.status {
  731. position: absolute;
  732. }
  733.  
  734. .pun table.table th.tcl {
  735. font-weight: bold;
  736. background: #EAEAEA;
  737. font-size: 10px;
  738. color: dimGray;
  739. text-shadow: whiteSmoke 0px 1px 0px;
  740. padding-left:60px;
  741. }
  742.  
  743. .pun table th.tc2, .pun table th.tc3, .pun table th.tc4, .pun table th.tcl, .pun table th.tcr {
  744. font-weight: bold;
  745. background: #EAEAEA;
  746. font-size: 10px;
  747. color: dimGray;
  748. text-shadow: whiteSmoke 0px 1px 0px;
  749. }
  750.  
  751. .pun table td.tcl h2 {
  752. margin-left:18px;
  753. }
  754.  
  755. .pun h2, .pun h3, .pun input, .pun select, .pun th {
  756. margin-left:18px;
  757. }
  758.  
  759. #categoria {
  760. background: #ffffff;
  761. border:1px solid #d9d9d9;
  762. padding: 5px;
  763. border-radius:5px;
  764. margin-bottom:10px
  765. }
  766.  
  767. .main .main-head .page-title {
  768. font-size: 14px;
  769. font-weight: bold;
  770. color:#B4453B;
  771. text-shadow: none;
  772. }
  773.  
  774. /*expandir e ocultar*/
  775. .expand, .contract {
  776. position: absolute;
  777. top: -2px;
  778. right: -1px;
  779. cursor: pointer;
  780. width: 28px;
  781. height: 17px;
  782. background: url(http://www.ggames.com.br/forum/public/style_images/baisik/cat_maximize.png);
  783. }
  784.  
  785. .contract {background: url(http://www.ggames.com.br/forum/public/style_images/baisik/cat_minimize.png);}
  786.  
  787. /*chatbox*/
  788. #chatbox_border{
  789. background: white;
  790. border: 1px solid #D9D9D9;
  791. border-radius: 5px;
  792. padding: 5px;
  793. }
  794.  
  795. #chatbox, #chatbox_footer, #chatbox_members {
  796. background: white;
  797. }
  798.  
  799. body.chatbox{background-color:#fff;background-image:none;margin:0;padding:0}#chatbox_header{ background: url ('http://i49.tinypic.com/2vkfaqh.jpg') repeat-x 0 0; height:40px; border-radius: 5px 5px 0px 0px; padding-bottom:0px;}#chatbox_header.main-head{background:#f8f8f8 url ('http://i49.tinypic.com/2vkfaqh.jpg') repeat-x 0 0;color:#dedfdf;padding:0 1.3em;}.chatbox-title,.chatbox-title a.chat-title{color:#dedfdf;text-decoration:none}.chatbox-title{float:left;margin:0;padding:2px 5px 0;width:15em}.chatbox-options{float:right;font-size:11px;list-style:none;margin:.7em .5em .5em}.chatbox-options li{display:inline}.chatbox-options li,.chatbox-options li a,.chatbox-options li label{color:#dedfdf}#chatbox_members{border-right:1px dashed #ccc;bottom:30px;overflow:auto;position:absolute;top:30px;width:180px}#chatbox_messenger_form{margin:10px 0 0}#chatbox_members .member-title{background-color:#f4f9fd;background-image:none;color:#00569c;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;padding:.5em .25em;text-align:center}#chatbox_members ul{list-style:none;margin:0 0 0 1em}#chatbox_members ul li{margin:.5em .5em .5em 0}#chatbox{bottom:30px;left:181px;line-height:10px;overflow:auto;position:absolute;right:0;top:30px}#chatbox p{line-height:1.2em}.chatbox_row_1{background-color:#fbfbfb;padding:4px}.chatbox_row_2{background-color:#f4f4f4;padding:4px}.chatbox_row_3{background-color:#f4f9fd;padding:4px}#chatbox .user{font-weight:700}.memberlist_row_1{background-color:#fbfbfb}#chatbox_footer{border-top:1px dashed #ccc;bottom:0;left:0;position:absolute;right:0}#message,#submit_button{border-width:1px}.fontbutton{background:#E1E1E2 none repeat scroll 0;border:medium none;color:#000;cursor:pointer;float:left;margin-right:10px;padding:1px;text-align:left}.fontbutton_normal{background:#E1E1E2}.fontbutton_selected{background:#BBC7CE;border:1px solid #22229C}.fontbutton_clicked{background:#959595;border:1px solid #22229C}.fontbutton_hover{background:#E1E1E2;border:1px solid #22229C}* html #chatbox-members{height:expression((document.documentElement.clientHeight?document.documentElement.clientHeight:document.body.clientHeight) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 0) ) + px)}* html #chatbox{height:expression((document.documentElement.clientHeight?document.documentElement.clientHeight:document.body.clientHeight) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 0) ) + px);width:expression((document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 1.3) ) + px)}* html #chatbox-footer{width:expression((document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 0) ) + px)}#chatbox_contextmenu{background-color:#f4f9fd;border:2px solid #000}#chatbox_contextmenu p{background:#fbfbfb;border-bottom:1px solid #777;font-family:verdana, arial, sans-serif;margin:0;padding:1px 4px}#chatbox_contextmenu p.hover{background:#f4f4f4}#chatbox_contextmenu p.close{background:url();color:#fff;font-size:95%;padding:1px}#chatbox_contextmenu p.close img{padding-left:20px;vertical-align:middle}#chatbox_contextmenu a{color:#00569c;font-size:95%;text-decoration:none}.module{overflow:hidden!important}
  800. h2.chatbox-title a.chat-title{color:#fff;font-size:1.2em;font-weight:700;line-height:1.1em;text-align:center;text-shadow:0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 3px 0 #B9B9B9,0 4px 0 #AAA,0 5px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15)}#chatbox_header.main-head{background: #E5E5E5 url('http://i49.tinypic.com/2vkfaqh.jpg') repeat-x 0 0;padding:0 1.3em}#chatbox_header{height:30px}.aviso_normas{background:none repeat scroll 0 0 #F0E8E0;border:1px solid #C00000;font-family:Tahoma,Arial;font-size:11px;height:24px;line-height:24px;margin-bottom:3px;text-align:center}#chatbox_members .member-title{background:#F8E7DD;border-bottom:2px solid red;color:#A30000;text-shadow:1px 0 0 #fff}#chatbox_members{background:#F1F1F1;border-right:1px solid #C2C2C2}#chatbox_footer{background:#E9E9E9;border-top:1px solid #CACACA}#chatbox p{border-bottom:1px solid #DDD;border-top:1px solid #fff}.chatbox_row_1{background-color:#F8F8F8}#chatbox a,#chatbox_members a{color:#006B6B}#chatbox_messenger_form div.right img{visibility:hidden}
  801.  
  802.  
  803. #chatbox p {
  804. border-bottom: 1px solid #DDD;
  805. border-top: 1px solid white;
  806. }
  807. #chatbox p {
  808. line-height: 1.2em;
  809. }
  810.  
  811. #chatbox_footer{
  812. padding-bottom:10px;
  813. }
  814.  
  815. #divsmilies img + img{visibility:visible!important}#divbold,#divcolor,#divitalic,#divsmilies,#divstrike,#divunderline{background-position:center;background-repeat:no-repeat;border:1px solid #383838;border-radius:5px}#divbold{background-image:url(http://i26.servimg.com/u/f26/12/56/56/12/bold10.png)}#divitalic{background-image:url(http://i26.servimg.com/u/f26/12/56/56/12/italic10.png)}#divunderline{background-image:url(http://i26.servimg.com/u/f26/12/56/56/12/underl10.png)}#divstrike{background-image:url(http://i26.servimg.com/u/f26/12/56/56/12/strike10.png)}#divcolor{background-image:url(http://i26.servimg.com/u/f26/12/56/56/12/font_c11.png)}#divsmilies{background-image:url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png)}#código_creado_por_welmy{background:#E6E6E6;border:1px solid #222;border-radius:3px;font-family:arial;margin:auto;padding:5px;text-shadow:1px 1px #fff;width:228px}#th_avarx{background-image:url(http://i.imgur.com/EkPsC.png);background-size:100%;border:1px solid #1A1A1A;border-radius:2px;box-shadow:0 1px 2px #000;height:70px;width:70px}#th_avarx img{border-radius:2px;height:70px;width:70px}.lnk a{margin-left:5px;margin-right:5px}
  816.  
  817. #simple-wrap {
  818. background:white;
  819. }
  820.  
  821. #chatbox_messenger_form input#message {
  822. min-width: 450px;
  823. padding: 4px;
  824. }
  825. #message, #submit_button {
  826. border-width: 1px;
  827. }
  828.  
  829. #chatbox_messenger_form #submit_button:hover {
  830. background: #E2FCFF;
  831. border: 1px solid #4CC3FC;
  832. color: #027FAF;
  833. }
  834. #chatbox_messenger_form #submit_button {
  835. margin: 0!important;
  836. }
  837. #message, #submit_button {
  838. border-width: 1px;
  839. }
  840. .pun .frm .frm-buttons input:hover, input[type="reset"]:hover, input[type="submit"]:hover {
  841. border: 1px solid #D1D1D1;
  842. border-bottom: 1px solid #D1D1D1;
  843. }
  844. input[type="submit"] {
  845. padding: 5px;
  846. }
  847. .pun .frm .frm-buttons input, input[type="reset"], input[type="submit"] {
  848. background-image: url(http://i.imgur.com/Qt4G6.png);
  849. border: 1px solid #CCC;
  850. border-bottom: 1px solid #BBB;
  851. border-image: initial;
  852. border-radius: 4px;
  853. box-shadow: 0 1px 2px #CCC;
  854. color: #333;
  855. cursor: pointer;
  856. margin: 0 2px 16px;
  857. padding: 7px 22px;
  858. }
  859.  
  860. input[type="password"], input[type="text"], textarea {
  861. -webkit-border-radius: 3px;
  862. border-radius: 3px;
  863. box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  864. color: #515151;
  865. cursor: text;
  866. font-size: 13px;
  867. outline: 0;
  868. }
  869.  
  870. /*linha da assinatura*/
  871. .pun .sig-content {
  872. clear: both;
  873. padding: .5em 1em;
  874. position: relative;
  875. }
  876. .pun div, .pun td, .sig-line {
  877. border-color: ##DDD;
  878. color: ##DDD;
  879. }
  880. .sig-content, .signature_div {
  881. border-top: 1px solid #E9E9E9;
  882. }
  883.  
  884. .pun .post{
  885. border-top: 1px solid #E9E9E9 !important;
  886. border-bottom: 6px solid #B4453B !important;
  887. border-radius: 1px;
  888. -moz-border-radius: 1px;
  889. -webkit-border-radius: 1px;
  890. background: #fcfcfc;
  891. }
  892.  
  893. .post_field {
  894. color: #3E3E3E;
  895. border-bottom: 1px solid #E9E9E9;
  896. font-weight: bold;
  897. padding: 0 0 0 8px;
  898. font-size: 0.9em;
  899. text-align: left;
  900. }
  901.  
  902. .pun .postmain {
  903. background-color: #fcfcfc;
  904. border-left: 1px solid #E9E9E9;
  905. border-right: 1px solid #E9E9E9;
  906. }
  907.  
  908. .pun .post .user {
  909. float: left;
  910. margin-left: -16em;
  911. margin-top: -1.8em;
  912. position: relative;
  913. text-align: center;
  914. }
  915.  
  916. .pun .user-ident .username {
  917. display: block;
  918. font-size: 1.1em;
  919. font-weight: 400!important;
  920. margin-bottom: 5px;
  921. margin-top: 10px;
  922. padding: 8px!important;
  923. position: relative;
  924. text-align: center;
  925. text-decoration: none;
  926. }
  927.  
  928. #topic_border {
  929. background: #ffffff;
  930. border:1px solid #d9d9d9;
  931. padding: 5px;
  932. border-radius:5px;
  933. }
  934.  
  935. .pun .posthead {
  936. background: #EBEBEB url(http://i.imgur.com/203fX.png) repeat-x;
  937. border-bottom: 1px dashed #CCC;
  938. border-top: 1px dashed #CCC;
  939. font-size: 11px;
  940. line-height: 30px;
  941. padding: .1em .6em .5em 0;
  942. text-shadow: 1px 1px 0 white;
  943. }
  944.  
  945. .postfoot {
  946. background: #F1F1F1;
  947. border-top: 1px solid #E9E9E9;
  948. padding: 0.5em 1em;
  949. }
  950.  
  951. .posting img {
  952. margin-top:-5px;
  953. }
  954.  
  955. .posting img:hover {
  956. opacity: 0.9;
  957. }
  958.  
  959. /* Perfectos Avatar*/
  960. .user-basic-info a img {
  961. float:center;
  962. }
  963.  
  964. /* Perfectos Avatar*/
  965.  
  966. /*Tabs*/
  967. .mmaintabs #tabs ul li.activetab a{background:#fff!important;color:#000!important;font-weight:700}.mmaintabs #tabs ul li{background-image:none;float:none;padding-right:2px;width:220px}.mmaintabs #tabs ul{float:left;padding:0}.mmaintabs #tabs{min-width:200px}.mmaintabs{float:left;width:220px}.mmaintabs #tabs ul li a{background-color:#F7F7F7;background-image:none;border:1px solid #D6D6D6;color:#575757;display:block;float:none;font-weight:400;height:auto;padding:5px 10px;text-shadow:1px 1px #D5D5D5}.mmaintabs #tabs ul li:hover{background:#EEE!important}
  968. #tabs ul li.activetab{background-color:transparent;background-image:url(http://i.imgur.com/fely2.png);background-position:right -102px}#tabs ul li.activetab a{background-color:transparent;background-image:url(http://i.imgur.com/fely2.png);background-position:0 -68px;color:#000;font-weight:700}#tabs ul li.activetab a:hover{background-color:transparent;color:#02325F}#tabs ul li a{background-image:url(http://i.imgur.com/fely2.png);border:none;display:block;font-weight:700;height:34px;padding:0 0 0 17px}#tabs ul li{background-image:url(http://i.imgur.com/fely2.pngg);background-position:right -34px;background-repeat:no-repeat;color:#474747!important;float:left;font-family:Arial,sans-serif;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;height:34px;padding-right:15px;text-decoration:none;text-shadow:1px 1px 1px #fff!important}
  969.  
  970.  
  971. /*quick-reply*/
  972. #quick_reply #textarea_content {
  973. clear: both;
  974. margin-left: 0px;
  975. margin-right: 0px;
  976. width: 100% !important;
  977. height: auto !important;
  978. }
  979.  
  980. #text_editor_controls {
  981. display: !important;
  982. }
  983.  
  984. #pun-qpost #textarea_content dt label{
  985. float:left;
  986. }
  987.  
  988. fieldset.frm-set dl dd {
  989. margin: auto!important;
  990. }
  991.  
  992. .pun .frm .frm-buttons input {
  993. background-image: url(http://i.imgur.com/Qt4G6.png);
  994. border: 1px solid #CCC;
  995. border-bottom: 1px solid #BBB;
  996. border-image: initial;
  997. border-radius: 4px;
  998. box-shadow: 0 1px 2px #ccc;
  999. color: #333;
  1000. }
  1001.  
  1002.  
  1003. #quick_reply .frm-buttons {
  1004. -moz-border-radius-bottomleft: 5px;
  1005. -moz-border-radius-bottomright: 5px;
  1006. -webkit-border-bottom-left-radius: 5px;
  1007. -webkit-border-bottom-right-radius: 5px;
  1008. border-top: 0;
  1009. margin: 0 auto;
  1010. padding: 5px;
  1011. text-align: center;
  1012. }
  1013.  
  1014. .main .main-content.frm {
  1015. background: #F4F4F4;
  1016. padding: 10px;
  1017. }
  1018.  
  1019. /*FOOTER*/
  1020. #onlinelist {
  1021. border-top: 0px transparent;
  1022. padding: 0.6em 1em;
  1023. }
  1024.  
  1025. #board-stats span{
  1026. background-color:transparent;
  1027. color:#4A4A4A;
  1028. font-weight:700;
  1029. padding:2px 6px
  1030. }
  1031.  
  1032. #board-stats{
  1033. background:#f5f5f5;
  1034. border-left: 1px solid #eaeaea;
  1035. border-left-color-ltr-source:physical;
  1036. border-left-color-rtl-source:physical;
  1037. border-left-color-value:#DEDEDE;
  1038. border-left-style-ltr-source:physical;
  1039. border-left-style-rtl-source:physical;
  1040. border-left-style-value:solid;
  1041. border-left-width-ltr-source:physical;
  1042. border-left-width-rtl-source:physical;
  1043. border-left-width-value:0;
  1044. float:right;padding-left:20px;
  1045. margin-top:-7px;
  1046. width:38%
  1047. }
  1048.  
  1049. #board-stats dl{margin-top:10px}#board-stats dd,#board-stats dt{
  1050. border-top-color:#DEDEDE;
  1051. border-top-style:solid;
  1052. border-top-width:1px;
  1053. float:left;
  1054. font-size:.85em;padding:6px 2px;
  1055. width:45%}
  1056.  
  1057. #board-stats dt{
  1058. color: #595959;
  1059. font: normal 10px tahoma, arial, verdana, sans-serif;
  1060. clear:both;
  1061. font-weight:700
  1062. }
  1063.  
  1064. #board-stats h2{
  1065. padding-top:10px;
  1066. font-size: 1.1em;
  1067. font-weight: bold;
  1068. clear:both;
  1069. font-weight:700
  1070. }
  1071.  
  1072.  
  1073.  
  1074. .maintitle {
  1075. background: #F8F8F8 url(http://www.ggames.com.br/forum/public/style_images/baisik/gradient_bg.png) repeat-x left 50%;
  1076. color: #B4453B;
  1077. text-shadow: white 0px 1px 0px;
  1078. font-size: 14px;
  1079. line-height: 20px;
  1080. font-weight: bold;
  1081. border-radius: 5px 5px 0 0;
  1082. -moz-border-radius: 5px 5px 0 0;
  1083. -webkit-border-top-left-radius: 5px;
  1084. -webkit-border-top-right-radius: 5px;
  1085. padding: 11px !important;
  1086. margin: 0 !important;
  1087. overflow: hidden;
  1088. border-bottom: 1px solid #EAEAEA;
  1089. }
  1090.  
  1091. h3.maintitle{
  1092. color: #B4453B;
  1093. text-shadow: white 0px 1px 0px;
  1094. line-height: 20px;
  1095. font-weight: bold;
  1096. display: block;
  1097. font-size: 1.17em;
  1098. -webkit-margin-before: 1em;
  1099. -webkit-margin-after: 1em;
  1100. -webkit-margin-start: 0px;
  1101. -webkit-margin-end: 0px;
  1102. font-weight: bold;
  1103. }
  1104.  
  1105. #estadisticas{
  1106. background: #ffffff;
  1107. border:1px solid #d9d9d9;
  1108. padding-top: 0px;
  1109. padding-bottom: 0px;
  1110. padding-right: 8px;
  1111. padding-left: 8px;
  1112. border-radius:7px;
  1113. }
  1114.  
  1115. #Legend {
  1116. border-top: 1px solid #EAEAEA;
  1117. padding-top:10px;
  1118. font-size: 1.1em;
  1119. font-weight: bold;
  1120. clear:both;
  1121. font-weight:700;
  1122. padding-bottom:5px
  1123. }
  1124.  
  1125. /* FOOTER */
  1126. #board_footer {
  1127. color: #474747;
  1128. font-size: 0.80em;
  1129. border-top: 1px solid #dfdfdf;
  1130. background: #f1f1f1;
  1131. padding: 8px;
  1132. overflow: hidden;
  1133. margin: 0px;
  1134. top: 20px;
  1135. clear: both;
  1136. width:97%;
  1137. margin-left:8px;
  1138. }
  1139.  
  1140. #board_footer ul#utility_links li {
  1141. float: left;
  1142. padding-right: 8px;
  1143. }
  1144.  
  1145. #board_footer p {
  1146. text-align: right;
  1147. }
  1148.  
  1149. #board_footer a {
  1150.  
  1151. }
  1152.  
  1153. /* Other */
  1154.  
  1155. .skin_link{
  1156. font-weight: bold;
  1157. text-align: center;
  1158. float: right;
  1159. margin-bottom: 2px;
  1160. }
  1161.  
  1162. .skin_link,
  1163. .skin_link a{
  1164. text-decoration: none;
  1165. }
  1166.  
  1167. .skin_link a:hover{ text-decoration: underline; }
  1168.  
  1169. #copyright {
  1170. text-align: center;
  1171. color: gray;
  1172. font-size: 8pt;
  1173. }
  1174.  
  1175. #copyright { float: right; clear: right; }
  1176. #copyright a { text-decoration: none; }
  1177. #copyright a:hover { text-decoration: underline; }
  1178.  
  1179. #board_footer ul#utility_links li {
  1180. list-style-type:none;
  1181. text-decoration: underline;
  1182. }
  1183.  
  1184.  
  1185. .pun .posthead img, .pun table .tdtopics img {
  1186. vertical-align: middle;
  1187. }
  1188.  
  1189. .status {
  1190. background: none !important;
  1191. border-left: 0px solid lightGrey;
  1192. height: 34px;
  1193. margin-left: -35px!important;
  1194. padding-right: 5px;
  1195. padding-top: 7px;
  1196. width: 18px;
  1197. }
  1198.  
  1199. #pun-visit li, .main-box li {
  1200. font-size:11px;
  1201. }
  1202.  
  1203. /*profile*/
  1204. #profile-advanced-right {
  1205. float: left;
  1206. width: 300px;
  1207. }
  1208. #profile-advanced-layout {
  1209. float: right;
  1210. margin-left: -300px;
  1211. width: 100%;
  1212. margin-right: 0px;
  1213. }
  1214. #profile-advanced-left {
  1215. margin-left: 305px;
  1216. margin-right: 0px;
  1217. }
  1218. #profile-advanced-layout #new-message {
  1219. clear: both;
  1220. margin-top: -0.5em;
  1221. position: relative;
  1222. }
  1223. #profile-advanced-right .main-head .h3 {
  1224. -moz-border-radius: 10px;
  1225. -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0 1px 0px, rgba(255,255,255,0.05) 0 0 0 1px;
  1226. -webkit-border-radius: 10px!important;
  1227. -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.16) 0 1px 0px, rgba(255, 255, 255, 0.05) 0 0 0 1px;
  1228. background: rgba(0, 0, 0, 0.4);
  1229. border-radius: 10px;
  1230. box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.16) 0 1px 0px, rgba(255, 255, 255, 0.05) 0 0 0 1px;
  1231. color: white;
  1232. font-weight: 700;
  1233. opacity: 1;
  1234. padding: 4px 10px;
  1235. }
  1236.  
  1237. #profile-advanced-right .module.main .main-head {
  1238. background-color: #183C5D;
  1239. background-image: url(http://i.imgur.com/JnYGc.png);
  1240. border: none;
  1241. border-radius: 5px 5px 0 0;
  1242. box-shadow: none;
  1243. color: white;
  1244. font-size: 12px;
  1245. font-weight: 300;
  1246. overflow: hidden;
  1247. padding: 9px 12px;
  1248. text-shadow: black 0 1px 2px;
  1249. }
  1250.  
  1251. #profile-advanced-left #profile-advanced-details .main-head .subtitle {
  1252. font-size: 25px;
  1253. font-weight: 700;
  1254. line-height: 60px;
  1255. padding-left: 75px;
  1256. }
  1257.  
  1258. #profile-advanced-left #profile-advanced-details .main-head {
  1259. -webkit-box-shadow: inset 0 1px 0 #008186, inset 1px 0 0 #056B4E, inset -1px 0 0 #056B4E, inset 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px #056B4E;
  1260. background-image: url(http://img86.xooimage.com/files/2/3/a/captur-36b3f67.png);
  1261. background-position: left;
  1262. background-color:transparent;
  1263. background-repeat: no-repeat;
  1264. border: 1px solid #026375;
  1265. height: 70px;
  1266. }
  1267.  
  1268. #profile-advanced-right .main-head .h3 span {
  1269. color: #FFD600!important;
  1270. font-size: 14px!important;
  1271. }
  1272.  
  1273. #profile-advanced-left #profile-advanced-details .main-head .subtitle span {
  1274. color: #00B8FF!important;
  1275. }
  1276.  
  1277. #profile-advanced-right .main-content.clearfix.center {
  1278. color: #777575;
  1279. font-size: 15px;
  1280. font-weight: 700;
  1281. text-shadow: 1px 1px 2px #F0F0F0;
  1282. }
  1283.  
  1284. /*lastpost*/
  1285. #avatar-lastpost img {
  1286. -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  1287. -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1288. background: white;
  1289. border: 1px solid #D5D5D5;
  1290. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  1291. float: left;
  1292. height: 40px;
  1293. margin-top:13px;
  1294. margin-right:11px;
  1295. padding: 1px;
  1296. width: 40px;
  1297. }
  1298. #avatar-lastpost img:hover{
  1299. -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
  1300. -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1301. border-color: #A1A1A1;
  1302. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  1303. }
  1304.  
  1305. /*Inicio de citacion*/
  1306. .postmain blockquote {
  1307. padding: .5em 1em;
  1308. margin-left: 20px;
  1309. background: #EBEADD;
  1310. padding: 5px;
  1311. overflow: hidden;
  1312. margin: 1em 1px 1em 25px;
  1313. font-size: .95em;
  1314. margin-left: 20px;
  1315. }
  1316. /*Fin de citacion*/
  1317. /*Inicio de spoiler*/
  1318. .codebox dt {
  1319. border-bottom: transparent;
  1320. padding: .25em;
  1321. background-image: url("http://i66.servimg.com/u/f66/12/56/56/12/134.gif");
  1322. background-repeat: no-repeat;
  1323. display: block;
  1324. background-color: transparent;
  1325. font-weight: 700;
  1326. font-size: .8em;
  1327. margin-bottom: 3px;
  1328. border:none;
  1329. text-transform: uppercase;
  1330. }
  1331. .codebox {
  1332. background-color: transparent;
  1333. margin: 1em;
  1334. border: none;
  1335. }
  1336. .codebox dd {
  1337. background-color: transparent;
  1338. margin: .5em;
  1339. padding: .5em;
  1340. }
  1341. /*Fin de spoiler*/
  1342.  
  1343. .row_info {
  1344. -webkit-border-top-left-radius:5px;
  1345. -webkit-border-bottom-left-radius:5px;
  1346. -webkit-border-top-right-radius:5px;
  1347. -webkit-border-bottom-right-radius:5px;
  1348. background:#e9ecef;
  1349. }
  1350.  
  1351.  
  1352. .tipsy {
  1353. padding: 5px;
  1354. font-size: 11px;
  1355. position: absolute;
  1356. text-shadow: none;
  1357. z-index: 999;
  1358. }
  1359.  
  1360. .tipsy-inner {
  1361. padding: 8px 8px 8px 8px;
  1362. background-color: black;
  1363. color: white;
  1364. max-width: 200px;
  1365. text-align: center;
  1366. -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
  1367. -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
  1368. background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
  1369. }
  1370.  
  1371. .tipsy-inner {
  1372. border-radius: 3px;
  1373. -moz-border-radius:3px;
  1374. -webkit-border-radius:3px;
  1375. }
  1376.  
  1377. .tipsy-arrow {
  1378. position: absolute;
  1379. background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left;
  1380. width: 9px;
  1381. height: 5px;
  1382. }
  1383.  
  1384. .tipsy-n .tipsy-arrow {
  1385. top: 0;
  1386. left: 50%;
  1387. margin-left: -4px;
  1388. }
  1389.  
  1390. .tipsy-nw .tipsy-arrow {
  1391. top: 0;
  1392. left: 10px;
  1393. }
  1394.  
  1395. .tipsy-ne .tipsy-arrow {
  1396. top: 0;
  1397. right: 10px;
  1398. }
  1399.  
  1400. .tipsy-s .tipsy-arrow {
  1401. bottom: 0;
  1402. left: 50%;
  1403. margin-left: -4px;
  1404. background-position: bottom left;
  1405. }
  1406.  
  1407. .tipsy-sw .tipsy-arrow {
  1408. bottom: 0;
  1409. left: 10px;
  1410. background-position: bottom left;
  1411. }
  1412.  
  1413. .tipsy-se .tipsy-arrow {
  1414. bottom: 0;
  1415. right: 10px;
  1416. background-position: bottom left;
  1417. }
  1418.  
  1419. .tipsy-e .tipsy-arrow {
  1420. top: 50%;
  1421. margin-top: -4px;
  1422. right: 0;
  1423. width: 5px;
  1424. height: 9px;
  1425. background-position: top right;
  1426. }
  1427. .tipsy-w .tipsy-arrow {
  1428. top: 50%;
  1429. margin-top: -4px;
  1430. left: 0;
  1431. width: 5px;
  1432. height: 9px;
  1433. }
  1434. div.user-basic-info img{
  1435. margin: 3px;
  1436. border: 5px solid #eee;
  1437. -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
  1438. -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
  1439. box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
  1440. -webkit-transition: all 0.5s ease-out;
  1441. -moz-transition: all 0.5s ease;
  1442. -o-transition: all 0.5s ease;
  1443. }
  1444.  
  1445. div.user-basic-info img:hover {
  1446. -webkit-transform: rotate(-7deg);
  1447. -moz-transform: rotate(-7deg);
  1448. -o-transform: rotate(-7deg);
  1449. }
  1450. #ddshiftactif {
  1451. position: fixed;
  1452. top: 0px;
  1453. left: 0px;
  1454. width: 200px;
  1455. background: #fff;
  1456. color: #000;
  1457. border: 1px solid #888;
  1458. text-align: center;
  1459. z-index:1000
  1460. }
  1461.  
  1462. #novoamigo {
  1463. padding: 5px 10px;
  1464. font-size: 14px;
  1465. line-height: 20px;
  1466. }
  1467. /* Cerrar la firma */
  1468. .sigs {
  1469. display: none;
  1470. }
  1471. /* Abrir la firma */
  1472. .sgbt {
  1473. cursor: pointer;
  1474. display: block;
  1475. height: 30px;
  1476. width: 150px;
  1477. background-image: url('http://i47.servimg.com/u/f47/15/17/71/53/abrir10.png');
  1478. background-position: 0 -30;
  1479. }
  1480. /*-------------------------Efeito Balão-------------------------------*/
  1481. .tipsy {
  1482. padding: 5px;
  1483. font-size: 11px;
  1484. position: absolute;
  1485. text-shadow: none;
  1486. z-index: 999;
  1487. }
  1488.  
  1489. .tipsy-inner {
  1490. padding: 8px 8px 8px 8px;
  1491. background-color: black;
  1492. color: white;
  1493. max-width: 200px;
  1494. text-align: center;
  1495. -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
  1496. -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
  1497. background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
  1498. }
  1499.  
  1500. .tipsy-inner {
  1501. border-radius: 3px;
  1502. -moz-border-radius:3px;
  1503. -webkit-border-radius:3px;
  1504. }
  1505.  
  1506. .tipsy-arrow {
  1507. position: absolute;
  1508. background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left;
  1509. width: 9px;
  1510. height: 5px;
  1511. }
  1512.  
  1513. .tipsy-n .tipsy-arrow {
  1514. top: 0;
  1515. left: 50%;
  1516. margin-left: -4px;
  1517. }
  1518.  
  1519. .tipsy-nw .tipsy-arrow {
  1520. top: 0;
  1521. left: 10px;
  1522. }
  1523.  
  1524. .tipsy-ne .tipsy-arrow {
  1525. top: 0;
  1526. right: 10px;
  1527. }
  1528.  
  1529. .tipsy-s .tipsy-arrow {
  1530. bottom: 0;
  1531. left: 50%;
  1532. margin-left: -4px;
  1533. background-position: bottom left;
  1534. }
  1535.  
  1536. .tipsy-sw .tipsy-arrow {
  1537. bottom: 0;
  1538. left: 10px;
  1539. background-position: bottom left;
  1540. }
  1541.  
  1542. .tipsy-se .tipsy-arrow {
  1543. bottom: 0;
  1544. right: 10px;
  1545. background-position: bottom left;
  1546. }
  1547.  
  1548. .tipsy-e .tipsy-arrow {
  1549. top: 50%;
  1550. margin-top: -4px;
  1551. right: 0;
  1552. width: 5px;
  1553. height: 9px;
  1554. background-position: top right;
  1555. }
  1556. .tipsy-w .tipsy-arrow {
  1557. top: 50%;
  1558. margin-top: -4px;
  1559. left: 0;
  1560. width: 5px;
  1561. height: 9px;
  1562. }
  1563.  
  1564. .postbody .user{
  1565. margin-bottom:1em;
  1566. overflow:visible;
  1567. }
  1568. .postbody .user .user-info span{display:table !important; float:left;}
  1569. .postbody .user .user-info{
  1570. width:350px;
  1571. border: 1px dashed #333;
  1572. display:none;
  1573. top: 20px;
  1574. position: absolute;
  1575. background: rgba(255, 255, 255, 0.9);
  1576. padding: 5px;
  1577. }
  1578.  
  1579. .postbody .user:hover .user-info{
  1580. z-index: 9;
  1581. left: 100%;
  1582. display:block;
  1583. }
  1584. .postbody .user .user-info span {
  1585. color: #333;
  1586. font-weight: bold;
  1587. }
  1588. /*login personalizado*/
  1589. #TGlogin_form {position: fixed;z-index: 999; height: 130px; padding: 0; verflow: auto; width: 330px; margin: 0; background: #f9f9f9; color: #444; /* ©Copyright by giObanii.*/ text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
  1590. .TGlogin_form-float-content{width: 320px; height: 120px; background: none repeat scroll 0% 0% transparent;}
  1591. .TGlogin_form-float-div {background: url("http://i31.servimg.com/u/f31/17/41/76/40/2jci9c10.jpg") no-repeat scroll left center transparent;margin: 0 auto;padding: 20px 0 0 60px;width: 250px;}
  1592. .TGlogin_form-float-div label {font-family: Verdana;display: block;font-size: 12px;padding-bottom: 5px;text-align: right;}
  1593. .TGlogin_form-float-div label em {color: #000000;font-family: Verdana;display: block;float: left;font-style: normal;width: 80px;font-size: 12px;text-align: right;}
  1594. .TGlogin_form-float-div input {border: 1px solid #CCCCCC;height: 22px;width: 146px;}
  1595. .TGlogin_form-float-div input.submit {background: url("http://i31.servimg.com/u/f31/17/41/76/40/eumpmp10.jpg") repeat-x scroll 0 0 #DDDDDD;padding: 3px 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: 1px solid #BBB;float: right;height: auto;width: auto;}
  1596. .TGlogin_form-float-div input.submit:active {position:relative; top: 1px;}
  1597. .TGlogin_form-float-div input.submit:hover, .TGlogin_form-float-div input.submit:focus {cursor:pointer;color:#000;}
  1598. .TGlogin_form-float_overlay{display: none;position:fixed;top: 0%;left: 0%;width: 100%;height: 100%; background-color: black;z-index: 9;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
  1599. #TGlogin_form .TGClose {cursor: pointer;bottom: 3px;color: #000000;font-size: 15px;font-weight: 700;position: absolute;right: 5px;}
  1600. #TGlogin_form .TGClose:active {color: #FF0000 !important;bottom: 2px;}
  1601.  
  1602. .avatar-index {float: left;}
  1603. .avatar-index img {width: 40px;height: 40px;background: #F4F4F4;border: 1px solid #DDD;margin: 0 5px;padding: 1px;}
  1604. .avatar-index img:hover {border: 1px dashed #CCC;}
  1605. .avatar-subforo {float: right;}
  1606.  
  1607.  
  1608.  
  1609. /* Tooltip por ÆDesign e Modificado por Premotheus */
  1610.  
  1611. .tipsy {
  1612. padding: 5px;
  1613. font-size: 10px;
  1614. position: absolute;
  1615. z-index: 999;
  1616. }
  1617.  
  1618. .tipsy-inner {
  1619. padding: 5px 8px 4px 8px;
  1620. background-color: black;
  1621. color: white;
  1622. max-width: 200px;
  1623. text-align: center;
  1624. }
  1625.  
  1626. .tipsy-inner {
  1627. border-radius: 3px;
  1628. -moz-border-radius:3px;
  1629. -webkit-border-radius:3px;
  1630. }
  1631.  
  1632. .tipsy-arrow {
  1633. position: absolute;
  1634. background: url('http://onehackoranother.com/projects/jquery/tipsy/stylesheets/../images/tipsy.gif') no-repeat top left;
  1635. width: 9px;
  1636. height: 5px;
  1637. }
  1638.  
  1639. .tipsy-n .tipsy-arrow {
  1640. top: 0;
  1641. left: 50%;
  1642. margin-left: -4px;
  1643. }
  1644.  
  1645. .tipsy-nw .tipsy-arrow {
  1646. top: 0;
  1647. left: 10px;
  1648. }
  1649.  
  1650. .tipsy-ne .tipsy-arrow {
  1651. top: 0;
  1652. right: 10px;
  1653. }
  1654.  
  1655. .tipsy-s .tipsy-arrow {
  1656. bottom: 0;
  1657. left: 50%;
  1658. margin-left: -4px;
  1659. background-position: bottom left;
  1660. }
  1661.  
  1662. .tipsy-sw .tipsy-arrow {
  1663. bottom: 0;
  1664. left: 10px;
  1665. background-position: bottom left;
  1666. }
  1667.  
  1668. .tipsy-se .tipsy-arrow {
  1669. bottom: 0;
  1670. right: 10px;
  1671. background-position: bottom left;
  1672. }
  1673.  
  1674. .tipsy-e .tipsy-arrow {
  1675. top: 50%;
  1676. margin-top: -4px;
  1677. right: 0;
  1678. width: 5px;
  1679. height: 9px;
  1680. background-position: top right;
  1681. }
  1682.  
  1683. .tipsy-w .tipsy-arrow {
  1684. top: 50%;
  1685. margin-top: -4px;
  1686. left: 0;
  1687. width: 5px;
  1688. height: 9px;
  1689. }
  1690. .tipsy
  1691. { padding: 5px; font-size: 10px; opacity: 0.8; filter:
  1692. alpha(opacity=80); background-repeat: no-repeat; background-image:
  1693. url('http://i43.servimg.com/u/f43/16/93/80/74/tipsy10.gif'); }
  1694. .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  1695. .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  1696. .tipsy-north { background-position: top center; }
  1697. .tipsy-south { background-position: bottom center; }
  1698. .tipsy-east { background-position: right center; }
  1699. .tipsy-west { background-position: left center; }
  1700.  
  1701. .caja-aviso {
  1702. border: 0px solid #0B173B;
  1703. border-radius: 6px !important;
  1704. box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  1705. background: #F1F1F1 url() no-repeat bottom right;
  1706. padding: 10px;
  1707. font-family: Verdana, Geneva, sans-serif;
  1708. color: #0B173B;
  1709. }
  1710. #aviso {
  1711. width: 300px;
  1712. padding: 50%;
  1713. position: fixed;
  1714. z-index: 999;
  1715. }
  1716.  
  1717. .ui-dialog {
  1718. position: absolute;
  1719. padding: .2em;
  1720. width: 300px;
  1721. overflow: hidden;
  1722. }
  1723. .ui-corner-all {
  1724. -moz-border-radius: 4px;
  1725. -webkit-border-radius: 4px;
  1726. border-radius: 4px;
  1727. }
  1728. .ui-widget-content {
  1729. border: 1px solid #DDD;
  1730. background: #EEE url(/css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
  1731. color: #333;
  1732. }
  1733. .ui-widget {
  1734. font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  1735. font-size: 1.1em;
  1736. }
  1737. .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  1738. background-image: url(/css/ui-lightness/images/ui-icons_ef8c08_256x240.png);
  1739. }
  1740. .ui-dialog .ui-dialog-titlebar-close span {
  1741. display: block;
  1742. margin: 1px;
  1743. }
  1744. .ui-icon-closethick {
  1745. background-position: -96px -128px;
  1746. }
  1747. .ui-widget-header {
  1748. border: 1px solid #E78F08;
  1749. background: #F6A828 url(/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
  1750. color: white;
  1751. font-weight: bold;
  1752. }
  1753. .ui-dialog .ui-dialog-titlebar-close {
  1754. position: absolute;
  1755. right: .3em;
  1756. top: 50%;
  1757. width: 19px;
  1758. margin: -10px 0 0 0;
  1759. padding: 1px;
  1760. height: 18px;
  1761. }
  1762. .ui-icon {
  1763. width: 16px;
  1764. height: 16px;
  1765. background-image: url(/css/ui-lightness/images/ui-icons_222222_256x240.png);
  1766. }
  1767. .ui-icon {
  1768. display: block;
  1769. text-indent: -99999px;
  1770. overflow: hidden;
  1771. background-repeat: no-repeat;
  1772. }
  1773.  
  1774. #lele{
  1775. font-color: #333333;
  1776. background-color: #ff9e9e;
  1777. margin-bottom: 4px;
  1778. overflow: hidden;
  1779. padding: 0 8px;
  1780. -moz-box-shadow: 0px 1px 1px #CCCCCC;
  1781. -webkit-box-shadow: 0px 1px 1px #CCCCCC;
  1782. }
  1783. #lele {
  1784. -moz-border-radius: 8px;
  1785. -webkit-border-radius: 8px;
  1786. border: 3px solid #9C9C9C;
  1787. -moz-box-shadow: 0px 1px 1px #CCCCCC;
  1788. -webkit-box-shadow: 0px 1px 1px #CCCCCC;
  1789. }
  1790. #chatbox_footer {
  1791. padding-bottom: 5px;
  1792. }
  1793. a:hover {
  1794. color: #696969;
  1795. text-shadow : 0px 0px 5px #BEBEBE;
  1796. }
  1797. .main-head .page-title h2 {
  1798. text-align: center!importat;
  1799. }
  1800. .codebox {
  1801. background: #E7E6E6;
  1802. border: 1px solid #BDBDBD;
  1803. box-shadow: 0 2px 10px #D6D6D6;
  1804. margin: 1em;
  1805. max-width: auto;
  1806. }
  1807. .codebox dt {
  1808. border-bottom: 4px solid #D64107;
  1809. font-size: 14px;
  1810. font-weight: 700;
  1811. text-shadow: 1px 1px #F3F3F3;
  1812. }
  1813. .codebox dt {
  1814. border-bottom: 1px dotted #888;
  1815. padding: .25em;
  1816. }
  1817. .codebox dd.cont_code, .codebox.spoiler dd {
  1818. background: #F0F0F0;
  1819. border: 1px solid lightGrey;
  1820. }
  1821. .codebox dd {
  1822. background-color: #FFFFE1;
  1823. margin: .5em;
  1824. padding: .5em;
  1825. }
  1826. dl.codebox dt a font{display:none!important}dl.codebox dt{text-align:left!important}dl.codebox dt a{float:right!important}
  1827. .post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{width:150px;height:300px}
  1828.  
  1829. .colorpicker {
  1830. width: 356px;
  1831. height: 176px;
  1832. overflow: hidden;
  1833. position: absolute;
  1834. background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
  1835. font-family: Arial, Helvetica, sans-serif;
  1836. display: none;
  1837. }
  1838. .colorpicker_color {
  1839. width: 150px;
  1840. height: 150px;
  1841. left: 14px;
  1842. top: 13px;
  1843. position: absolute;
  1844. background: #f00;
  1845. overflow: hidden;
  1846. cursor: crosshair;
  1847. }
  1848. .colorpicker_color div {
  1849. position: absolute;
  1850. top: 0;
  1851. left: 0;
  1852. width: 150px;
  1853. height: 150px;
  1854. background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
  1855. }
  1856. .colorpicker_color div div {
  1857. position: absolute;
  1858. top: 0;
  1859. left: 0;
  1860. width: 11px;
  1861. height: 11px;
  1862. overflow: hidden;
  1863. background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
  1864. margin: -5px 0 0 -5px;
  1865. }
  1866. .colorpicker_hue {
  1867. position: absolute;
  1868. top: 13px;
  1869. left: 171px;
  1870. width: 35px;
  1871. height: 150px;
  1872. cursor: n-resize;
  1873. }
  1874. .colorpicker_hue div {
  1875. position: absolute;
  1876. width: 35px;
  1877. height: 9px;
  1878. overflow: hidden;
  1879. background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
  1880. margin: -4px 0 0 0;
  1881. left: 0px;
  1882. }
  1883. .colorpicker_new_color {
  1884. position: absolute;
  1885. width: 60px;
  1886. height: 30px;
  1887. left: 213px;
  1888. top: 13px;
  1889. background: #f00;
  1890. }
  1891. .colorpicker_current_color {
  1892. position: absolute;
  1893. width: 60px;
  1894. height: 30px;
  1895. left: 283px;
  1896. top: 13px;
  1897. background: #f00;
  1898. }
  1899. .colorpicker input {
  1900. background-color: transparent;
  1901. border: 1px solid transparent;
  1902. position: absolute;
  1903. font-size: 10px;
  1904. font-family: Arial, Helvetica, sans-serif;
  1905. color: #898989;
  1906. top: 4px;
  1907. right: 11px;
  1908. text-align: right;
  1909. margin: 0;
  1910. padding: 0;
  1911. height: 11px;
  1912. }
  1913. .colorpicker_hex {
  1914. position: absolute;
  1915. width: 72px;
  1916. height: 22px;
  1917. background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
  1918. left: 212px;
  1919. top: 142px;
  1920. }
  1921. .colorpicker_hex input {
  1922. right: 6px;
  1923. }
  1924. .colorpicker_field {
  1925. height: 22px;
  1926. width: 62px;
  1927. background-position: top;
  1928. position: absolute;
  1929. }
  1930. .colorpicker_field span {
  1931. position: absolute;
  1932. width: 12px;
  1933. height: 22px;
  1934. overflow: hidden;
  1935. top: 0;
  1936. right: 0;
  1937. cursor: n-resize;
  1938. }
  1939. .colorpicker_rgb_r {
  1940. background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
  1941. top: 52px;
  1942. left: 212px;
  1943. }
  1944. .colorpicker_rgb_g {
  1945. background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
  1946. top: 82px;
  1947. left: 212px;
  1948. }
  1949. .colorpicker_rgb_b {
  1950. background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
  1951. top: 112px;
  1952. left: 212px;
  1953. }
  1954. .colorpicker_hsb_h {
  1955. background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
  1956. top: 52px;
  1957. left: 282px;
  1958. }
  1959. .colorpicker_hsb_s {
  1960. background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
  1961. top: 82px;
  1962. left: 282px;
  1963. }
  1964. .colorpicker_hsb_b {
  1965. background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
  1966. top: 112px;
  1967. left: 282px;
  1968. }
  1969. .colorpicker_submit {
  1970. position: absolute;
  1971. width: 22px;
  1972. height: 22px;
  1973. background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
  1974. left: 322px;
  1975. top: 142px;
  1976. overflow: hidden;
  1977. }
  1978. .colorpicker_focus {
  1979. background-position: center;
  1980. }
  1981. .colorpicker_hex.colorpicker_focus {
  1982. background-position: bottom;
  1983. }
  1984. .colorpicker_submit.colorpicker_focus {
  1985. background-position: bottom;
  1986. }
  1987. .colorpicker_slider {
  1988. background-position: bottom;
  1989. }
  1990.  
  1991. #CatImg{
  1992. background:url('http://i.imgur.com/yTH0SFk.png') no-repeat;
  1993. width:100%;
  1994. height:70px;
  1995. padding:5px;
  1996. margin-left:-5px;
  1997. margin-top:10px;
  1998. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!