Advertisement
Hardrockdesign

CSS Arlandria

Apr 5th, 2015
3,412
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.75 KB | None | 0 0
  1. /*Code, Spoiler y Quote*/
  2. .headerbar {
  3. background-image:url('http://i.imgur.com/67HDS52.jpg');
  4. background-repeat: no-repeat;
  5. width: 926px;
  6. height: 450px;
  7. margin-top: -15px;
  8. margin-left: -5px;
  9. }
  10.  
  11. dl.codebox {
  12. background-color: #000000;
  13. border-left: 10px solid #ffffff;
  14. border-top:none;
  15. border-right: none;
  16. border-bottom: none;
  17. padding:5px;
  18. }
  19.  
  20.  
  21. dl.codebox dt {
  22. display:block;
  23. font-size:0.8em;
  24. font-weight:700;
  25. color:#000000;
  26. text-align: center;
  27. margin-bottom:3px;
  28. text-transform:uppercase;
  29. border-bottom:none;}
  30.  
  31. dl.codebox code {
  32. color:#000000;
  33. text-shadow:1px 1px 1px 141414;
  34. font-size:11px;
  35. border-bottom:none;
  36. }
  37.  
  38.  
  39. blockquote {
  40. background-color: #000000;
  41. background: url("url de la imagen")
  42. border-left: 10px solid #ffffff;
  43. border-top:none;
  44. border-right: none;
  45. border-bottom: none;
  46. padding:5px;
  47. }
  48.  
  49. blockquote blockquote {
  50. background-color: #000000;
  51. background: url("url de la imagen")
  52. border-left: 10px solid #ffffff;
  53. border-top:none;
  54. border-right: none;
  55. border-bottom: none;
  56. padding: 5px;
  57. }
  58.  
  59. .content blockquote {
  60. color:#7a7a7a;
  61. text-shadow:1px 1px 1px 141414;
  62. font-size:11px;
  63. border-bottom: none;
  64. }
  65. #page-body p.page-bottom {
  66. background: none repeat scroll center center #000000;
  67. border-bottom: medium none;
  68. display: inline-block;
  69. font-size: 8px;
  70. margin-left: 4px;
  71. padding: 5px;
  72. padding-top: 20px;
  73. text-align: center;
  74. text-transform: uppercase;
  75. letter-spacing: 0px;
  76. max-height: 30px;
  77. min-height: 30px;
  78. width: 260px;
  79. float: left;
  80. }
  81.  
  82. p.right {
  83. padding-right: 25px;
  84. text-transform: uppercase;
  85. font-size: 9px;
  86. letter-spacing: 1px;
  87. font-weight: 700;
  88. }
  89. #page-body ul.linklist {
  90. padding-right: 25px;
  91. }
  92. #page-body ul.linklist a {
  93. padding-left: 10px;
  94. padding-right: 10px;
  95. text-transform: uppercase;
  96. font-size: 9px;
  97. letter-spacing: 1px;
  98. font-weight: 700;
  99. }
  100.  
  101. a.nav {
  102. text-transform: uppercase;
  103. font-size: 9px;
  104. letter-spacing: 1px;
  105. font-weight: 700;
  106. }
  107.  
  108. .pagination {
  109. text-transform: uppercase;
  110. font-size: 9px;
  111. letter-spacing: 1px;
  112. font-weight: 700;
  113. padding-right: 25px;
  114. }
  115.  
  116. .module .h3 {
  117. visibility:hidden;
  118. }
  119.  
  120. #logo {
  121. margin-left: -25px;
  122. margin-top: -30px;
  123.  
  124. }
  125.  
  126. #wrap {
  127. max-width: 910px;
  128. min-width: 910px;
  129. padding-left: 8px;
  130. padding-right: 8px;
  131. margin-bottom: -25px;
  132. box-shadow: 2px 3px 4px #000000;
  133. }
  134.  
  135. .button, .button1, .button2, input.button, input.button1, input.button2, button.bbcode, #submit_button, #profile-advanced-button, #login_popup_buttons, #login_popup_buttons input, .liteoption {
  136. background:#000000;
  137. color: #787878;
  138. display: inline-block;
  139. outline: medium none;
  140. padding:5px;
  141. text-transform: uppercase;
  142. font-size: 9px;
  143. letter-spacing: 1px;
  144. font-weight: 700;
  145. border: 1px outset #787878;
  146. }
  147.  
  148. .button:hover, .button1:hover, .button2:hover, input.button:hover, input.button1:hover, input.button2:hover, button.bbcode:hover, #submit_button:hover, #profile-advanced-button:hover, #login_popup_buttons:hover, #login_popup_buttons input:hover, .liteoption:hover {
  149. background: #000000;
  150. color: #787878;
  151. display: inline-block;
  152. outline: medium none;
  153. padding:5px;
  154. text-transform: uppercase;
  155. font-size: 9px;
  156. letter-spacing: 1px;
  157. font-weight: 700;
  158. border: 1px outset #787878;
  159. }
  160.  
  161. /****BARRA MENU****/
  162.  
  163. ul.navlinks {
  164. border-bottom: none;
  165. background-image:url("http://i.imgur.com/vSx6eQj.png");
  166. display: block;
  167. width: 1125px;
  168. height: 58px;
  169. padding-top: 20px;
  170. margin-left: -120px;
  171. margin-top: -19px;
  172. }
  173.  
  174. /****LINKS MENU****/
  175.  
  176. a.mainmenu {
  177. color: #ababab;
  178. font-family: Economica;
  179. text-transform: uppercase;
  180. font-size: 15px;
  181. font-weight: lighter;
  182. margin: -5px;
  183. margin-left: 0px;
  184. margin-right: 0px;
  185. padding: 1px;
  186. }
  187.  
  188. a.mainmenu:hover {
  189. color: #ababab;
  190. -moz-transition: all 0.8s linear 0s;
  191. -webkit-transition: all 0.8s linear 0s;
  192. }
  193.  
  194. .mainmenu[href="/memberlist"] {
  195. margin-left: -15px;
  196. }
  197.  
  198. /****BOTONES REMOVIDOS DE LA BARRA MENU****/
  199.  
  200. #search-box {
  201. display: none;
  202. }
  203.  
  204.  
  205. #page-footer .navbar {
  206. font-size: 0px;
  207. }
  208.  
  209. #stats .enlinea a.gensmall {
  210. display: none;
  211. }
  212.  
  213. .user_login_form {
  214. display: none;
  215. }
  216.  
  217. .signature_div img {
  218. max-height: 500px;
  219. max-width: 300px;
  220. }
  221. #cp-main .panel.sig {
  222. background: transparent;
  223. }
  224. .inputbox{
  225. border-color: transparent !important;
  226. }
  227. .edit {display:none;}
  228. a.mainmenu[href="/faq"], a.mainmenu[href="/calendar"], a.mainmenu[href="/search"] {
  229. display: none;
  230. }
  231. #page-footer a[href="/statistics"] {
  232. display: none;
  233. }
  234. /****ICONOS LEYENDA****/
  235.  
  236. ul.forums .icon {
  237. background-position: 25px 55% !important;
  238. }
  239.  
  240. .basetexto {
  241. background: #000000;
  242. width: 380px;
  243. height: 90px;
  244. padding: 20px;
  245. margin-top: -10px;
  246. margin-left: 35px;
  247. font-size: 13px;
  248. text-align: justify;
  249. line-height: 100%;
  250. }
  251.  
  252. .posimenu {
  253. margin-left: 4px;
  254. height: 120px;
  255. margin-top: -16px;
  256. }
  257.  
  258. .menu5 a {
  259. display: block;
  260. width: 140px;
  261. background: #363636;
  262. text-align: center;
  263. line-height: 100%;
  264. color: #ababab;
  265. font-size: 8px;
  266. margin-bottom: 2px;
  267. text-transform: uppercase;
  268. padding-top: 3px;
  269. padding-bottom: 3px;
  270. font-weight: 700;
  271. letter-spacing: 1px;
  272. transition: all 0.5s ease-in-out;
  273. }
  274.  
  275. .menu5 a:hover {
  276. box-shadow: inset 140px 0 0 #687D8E;
  277. }
  278. /****TITULO CABECERA CATEGORIA****/
  279.  
  280. .table-title h2 {
  281. font-weight: bold;
  282. color: #353535;
  283. letter-spacing: 3px;
  284. font-size: 12px;
  285. text-transform: uppercase;
  286. font-family: calibri;
  287. }
  288.  
  289. #main-content {
  290. margin-left: 30px;
  291. }
  292.  
  293.  
  294. /****FONDO CABECERA CATEGORIA****/
  295.  
  296. .forabg li.header {
  297. width: 854px;
  298. height: 60px;
  299. padding-top: 15px;
  300. padding-bottom: 10px;
  301. background-color: #000000;
  302. font-size: 0px;
  303. }
  304.  
  305. .forabg li.header dd.dterm {
  306. text-align: center;
  307. width: 100%;
  308. height: 10px;
  309. padding-top: 35px;
  310. padding-bottom: 35px;
  311. margin-top: -10px;
  312. }
  313.  
  314. .forabg ul.topiclist.forums li.row dd.dterm {
  315. width: 500px;
  316. height: 192px;
  317. }
  318.  
  319. .forabg {
  320. padding: 0px;
  321. }
  322.  
  323. ul.forums {
  324. width: 97%;
  325. background-color: #191919;
  326. padding-bottom: 20px;
  327. padding-top: 20px;
  328. }
  329.  
  330. ul.topiclist.topics.bg_none {
  331. background: #191919;
  332. width: 97%;
  333. padding-bottom: 20px;
  334. }
  335.  
  336. ul.topiclist.pmlist.bg_none {
  337. background: #191919;
  338. width: 97%;
  339. padding-bottom: 20px;
  340. }
  341. /****POST, MENSAJES Y ULTIMOS TEMAS****/
  342.  
  343. .forabg li.row dd.lastpost {
  344. width: 565px;
  345. height: 10px;
  346. position: relative;
  347. color: #4B4A54;
  348. text-transform: uppercase;
  349. left: 141px;
  350. font-size: 9px;
  351. text-align: center;
  352. padding-bottom: 12px;
  353. padding-top: 10px;
  354. top: -15px;
  355. letter-spacing: 1px;
  356. background-color: #000000;
  357. }
  358.  
  359. dd.lastpost span.color-groups {
  360. float: none;
  361. display: inline-block;
  362. }
  363.  
  364. dd.lastpost br {
  365. display: none;
  366. }
  367.  
  368. .sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode, div.sceditor-toolbar {
  369. border-color: transparent !important;
  370. }
  371. .inputbox{
  372. border-color: transparent !important;
  373. }
  374.  
  375. p.right.rightside + p {
  376. display:none;
  377. }
  378. p.rightside {
  379. display: none;
  380. }
  381. p.copyright, p.nomargin.path, p.author, .pathname-box p, .topic-actions+p, #logo-desc p, #info_open p, .inner p {
  382. display: block;
  383. }
  384.  
  385. .forabg li.row dd.topics {
  386. display: none;
  387. }
  388.  
  389. .forabg li.row dd.posts {
  390. display: none;
  391. }
  392.  
  393. .forabg li.header dd.posts, .forabg li.header dd.topics, .forabg li.header dd.lastpost {
  394. display: none;
  395. }
  396.  
  397. /****SUB CATEGORIAS****/
  398.  
  399. .forumbg .header .icon {
  400. width: 85%;
  401. height: 50px;
  402. text-align: right;
  403. font-size: 10px;
  404. text-transform: uppercase;
  405. padding-top: 30px;
  406. color: #504F52;
  407. background-color: #000000;
  408. border-right: 102px solid #000000;
  409. }
  410.  
  411. ul.topiclist li.header dd.views, ul.topiclist li.header dd.posts, ul.topiclist li.header dd.lastpost {
  412. font-size: 0px;
  413. }
  414.  
  415. /****LINKS DEL FORO****/
  416.  
  417. a.forumtitle {
  418. display: block;
  419. width: 545px;
  420. padding-top: 10px;
  421. padding-left: 20px;
  422. font-size: 20px;
  423. color: #504F52;
  424. position: relative;
  425. margin-left: 35px;
  426. text-align: left;
  427. font-weight: 700;
  428. font-family: Jim Nightshade;
  429. background: #000000;
  430. border-bottom: 4px solid #000000;
  431. }
  432.  
  433. a.forumtitle:hover {
  434. text-decoration: none;
  435. -moz-transition: all 0.6s linear 0s;
  436. -webkit-transition: all 0.6s linear 0s;
  437. }
  438.  
  439. /****LINKS SUBFOROS****/
  440.  
  441. a.topictitle:hover{
  442. text-decoration: none;
  443. color: #9D99A3;
  444. text-shadow: 1px 2px 1px #000000;
  445. letter-spacing: 1px;
  446. -moz-transition: all 0.6s linear 0s;
  447. -webkit-transition: all 0.6s linear 0s;
  448. }
  449.  
  450. /****TITULOS, LINKS SUBFOROS Y BUSCAR****/
  451.  
  452. h1.page-title {
  453. width: 842px;
  454. height: 10px;
  455. padding-top: 35px;
  456. padding-bottom: 45px;
  457. font-family: calibri;
  458. font-size: 12px;
  459. font-weight: 700;
  460. letter-spacing: 3px;
  461. text-transform: uppercase;
  462. color: #353535;
  463. text-align: center;
  464. background-color: #000000;
  465. }
  466.  
  467. #cp-main h1 {
  468. padding-top: 15px;
  469. }
  470.  
  471. .topic-actions {
  472. color: #4B4A54;
  473. font-size: 12px;
  474. text-align: center;
  475. font-family: calibri;
  476. }
  477.  
  478. .search-box {
  479. visibility: hidden;
  480. }
  481.  
  482. /****CAJA DEL MENSAJE****/
  483.  
  484. div.post {
  485. width: 94%;
  486. background-color: #191919;
  487. padding-top: 15px;
  488. }
  489.  
  490. .post {
  491. font-size: 11px;
  492. }
  493. .postbody .content {
  494. width: 560px;
  495. padding: 5px;
  496. text-align: justify;
  497. right: -39px;
  498. position: relative;
  499. }
  500. /****TITULO, AUTOR E ICONOS****/
  501. .postbody .topic-title {
  502. font-size: 13px;
  503. font-family: calibri;
  504. margin-left: 60px;
  505. right: -39px;
  506. position: relative;
  507. }
  508.  
  509. p.author {
  510. border-bottom: 4px solid #4B4A54;
  511. width: 560px;
  512. height: 15px;
  513. margin-top: -1px;
  514. right: -39px;
  515. position: relative;
  516. }
  517.  
  518. ul.profile-icons {
  519. margin-top: 9px;
  520. right: -39px;
  521. position: relative;
  522. }
  523.  
  524. /****PERFIL****/
  525.  
  526. .postprofile {
  527. width: 190px;
  528. margin-top: -0px;
  529. margin-left: 2px;
  530. text-align: center;
  531. padding: 2px;
  532. border-top: 15px solid #000000;
  533. border-bottom: 12px solid #000000;
  534. background-color: #000000;
  535. }
  536. span.content {
  537. background: #ffffff;
  538. }
  539. .postprofile dt a img {
  540. max-width: 195px;
  541. max-height: 300px;
  542. margin-left: -10px;
  543. margin-top: -15px;
  544. }
  545.  
  546.  
  547. .postprofile dt strong a {
  548. text-transform: uppercase;
  549. font-family: Economica;
  550. font-size: 15px;
  551. font-weight: lighter;
  552. position: relative;
  553. bottom: -10px;
  554. }
  555.  
  556. .postprofile dd {
  557. color: #ababab;
  558. font-size: 10px;
  559. font-family: calibri;
  560. text-transform: uppercase;
  561. text-align: left;
  562. padding-left: 10px;
  563. }
  564.  
  565. .postprofile dd a:hover img {
  566. opacity: 1;
  567. }
  568. .postprofile dd a img {
  569. opacity: 0.5;
  570. }
  571.  
  572. /****MODULOS/WIDGETS****/
  573.  
  574. .module .h3 {
  575. visibility: hidden;
  576. }
  577.  
  578. .module {
  579. background-color: #191919;
  580. }
  581.  
  582. #left {
  583. display:none;
  584. }
  585.  
  586. #comments_scroll_container {
  587. width: 200px;
  588. padding: 2px;
  589. font-family: calibri;
  590. background-color: #252525;
  591. border-top: 4px solid #818181;
  592. margin-top: -35px;
  593. }
  594.  
  595. /****ONLINE****/
  596.  
  597. .#stats {
  598. width: 100%;
  599. margin: 0 auto;
  600. height: 350px;
  601. }
  602.  
  603. #stats .estadisc {
  604. margin-top: 20px;
  605. margin-left: 10px;
  606. }
  607.  
  608. #stats .enlinea {
  609. overflow-y: auto;
  610. text-align: left;
  611. display: inline-block;
  612. width: 300px;
  613. height: 220px;
  614. background: #191919;
  615. border-top: 20px solid #000000;
  616. border-bottom: 20px solid #000000;
  617. padding: 10px;
  618. margin-top: 40px;
  619. margin-left: 10px;
  620. margin-right: 13px;
  621. font-size: 10px;
  622. float: left;
  623. }
  624.  
  625. #stats .grupos {
  626. overflow-y: auto;
  627. text-align: left;
  628. display: inline-block;
  629. width: 160px;
  630. height: 220px;
  631. background: #191919;
  632. border-top: 20px solid #000000;
  633. border-bottom: 20px solid #000000;
  634. padding: 10px;
  635. margin-top: 40px;
  636. margin-left: -10px;
  637. margin-right: 13px;
  638. font-size: 10px;
  639. float: left;
  640. }
  641.  
  642. #stats .afiliados {
  643. overflow-y: auto;
  644. display: inline-block;
  645. width: 300px;
  646. height: 220px;
  647. background:url("http://i.imgur.com/lLVXquv.jpg");
  648. border-top: 20px solid #000000;
  649. border-bottom: 20px solid #000000;
  650. padding: 10px;
  651. margin-top: 40px;
  652. margin-left: -10px;
  653. margin-right: 13px;
  654. }
  655.  
  656. .enlinea #i_whosonline {
  657. width: 0px;
  658. }
  659. p em {
  660. display: none;
  661. }
  662.  
  663. .enlinea .h3 {
  664. display: none;
  665. }
  666. .chatbox .h3 {
  667. display: none;
  668. }
  669.  
  670. .estadisc .h3 {
  671. font-size: 0px;
  672. }
  673.  
  674. /****CABECERA CHATBOX****/
  675.  
  676. div.page-bottom, #chatbox_popup, .h3 a[target="ChatBox"]{
  677. display: none;
  678. }
  679.  
  680. p.page-bottom + div.h3{
  681. border: none;
  682. }
  683.  
  684. /****LEYENDA****/
  685.  
  686. ul#picture_legend {
  687. display: none;
  688. }
  689.  
  690.  
  691. /****SCROLL****/
  692.  
  693. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
  694. display: none;
  695. }
  696.  
  697. ::-webkit-scrollbar{
  698. width: 3px;
  699. height: 5px;
  700. }
  701.  
  702. ::-webkit-scrollbar-track-piece {
  703. background-color: #504F52;
  704. }
  705.  
  706. ::-webkit-scrollbar-thumb:vertical {
  707. width: 3px;
  708. height: 5px;
  709. background-color: #000000;
  710. }
  711.  
  712. /****FONTS SKIN****/
  713.  
  714. @font-face {
  715. font-family: 'Trade Winds';
  716. font-style: normal;
  717. font-weight: 400;
  718. src: local('Trade Winds'), local('TradeWinds'), url(http://themes.googleusercontent.com/static/fonts/tradewinds/v2/P7L1H4TWVDNJivDGg_--QIbN6UDyHWBl620a-IRfuBk.woff) format('woff');
  719. }
  720.  
  721. @font-face {
  722. font-family: 'Andika';
  723. font-style: normal;
  724. font-weight: 400;
  725. src: local('Andika'), url(http://themes.googleusercontent.com/static/fonts/andika/v3/7oCWhqd1EPSqB7_cG3_eAA.woff) format('woff');
  726. }
  727.  
  728. @font-face {
  729. font-family: 'Denk One';
  730. font-style: normal;
  731. font-weight: 400;
  732. src: local('Denk One'), local('DenkOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/denkone/v1/ahLepySZXU_KFQaVZ6XDvPesZW2xOQ-xsNqO47m55DA.woff) format('woff');
  733. }
  734.  
  735. @font-face {
  736. font-family: 'Neucha';
  737. font-style: normal;
  738. font-weight: 400;
  739. src: local('Neucha'), url(http://themes.googleusercontent.com/static/fonts/neucha/v4/Z14xx5NkAnXABtaPytVZVA.woff) format('woff');
  740. }
  741.  
  742. @font-face {
  743. font-family: 'Economica';
  744. font-style: normal;
  745. font-weight: 400;
  746. src: local('Economica'), local('Economica-Regular'), url(http://themes.googleusercontent.com/static/fonts/economica/v1/jObgDQiPUtmACAaaK3pMGz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
  747. }
  748. @font-face {
  749. font-family: 'Economica';
  750. font-style: normal;
  751. font-weight: 700;
  752. src: local('Economica Bold'), local('Economica-Bold'), url(http://themes.googleusercontent.com/static/fonts/economica/v1/UK4l2VEpwjv3gdcwbwXE9HhCUOGz7vYGh680lGh-uXM.woff) format('woff');
  753. }
  754.  
  755. #login_popup_background{
  756. background-color:transparent;border: 0px;border-style: none;
  757. }
  758.  
  759. #login_popup_background .box-content {
  760. background-color:transparent;border: 0px;border-style: none;
  761. }
  762.  
  763. #login_popup_title{
  764. visibility:hidden;background-color:transparent;border: 0px;border-style: none;
  765. }
  766.  
  767. #login_popup_content{
  768. background-color:transparent;border: 0px;border-style: none;
  769. }
  770. #login_popup{
  771. background-color:transparent;border: 0px;border-style: none;
  772. }
  773.  
  774. #login_popup_buttons{
  775. visibility:hidden;
  776. }
  777.  
  778.  
  779. /*Efecto para los afiliados*/
  780.  
  781. #directorio img {
  782. width: 100px;
  783. height: 50px;
  784. margin: 2px;
  785. opacity: 0.8;
  786. }
  787.  
  788. #elite img {
  789. width: 50px;
  790. height: 50px;
  791. margin: 2px;
  792. opacity: 0.8;
  793. }
  794. @font-face {
  795. font-family: 'Oswald';
  796. font-style: normal;
  797. font-weight: 400;
  798. src: local('Oswald Regular'), local('Oswald-Regular'), url(http://themes.googleusercontent.com/static/fonts/oswald/v8/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
  799. }
  800.  
  801.  
  802. .colorpicker {
  803. width: 356px;
  804. height: 176px;
  805. overflow: hidden;
  806. position: absolute;
  807. background: url(http://i83.servimg.com/u/f83/17/45/19/77/light11.png) !important;
  808. font-family: Arial, Helvetica, sans-serif;
  809. display: none;
  810. padding: 0 !important;
  811. }
  812. .colorpicker.dark{
  813. background: url(http://i83.servimg.com/u/f83/17/45/19/77/dark11.png) !important;
  814. }
  815. .colorpicker_color {
  816. width: 150px;
  817. height: 150px;
  818. left: 14px;
  819. top: 13px;
  820. position: absolute;
  821. background: #f00;
  822. overflow: hidden;
  823. cursor: crosshair;
  824. }
  825. .colorpicker_color div {
  826. position: absolute;
  827. top: 0;
  828. left: 0;
  829. width: 150px;
  830. height: 150px;
  831. background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);
  832. }
  833. .colorpicker_color div div {
  834. position: absolute;
  835. top: 0;
  836. left: 0;
  837. width: 11px;
  838. height: 11px;
  839. overflow: hidden;
  840. background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.gif);
  841. margin: -5px 0 0 -5px;
  842. }
  843. .colorpicker_hue {
  844. position: absolute;
  845. top: 13px;
  846. left: 171px;
  847. width: 35px;
  848. height: 150px;
  849. cursor: n-resize;
  850. }
  851. .colorpicker_hue div {
  852. position: absolute;
  853. width: 35px;
  854. height: 9px;
  855. overflow: hidden;
  856. background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.gif) left top;
  857. margin: -4px 0 0 0;
  858. left: 0px;
  859. }
  860. .colorpicker_new_color {
  861. position: absolute;
  862. width: 60px;
  863. height: 30px;
  864. left: 213px;
  865. top: 13px;
  866. background: #f00;
  867. }
  868. .colorpicker_current_color {
  869. position: absolute;
  870. width: 60px;
  871. height: 30px;
  872. left: 283px;
  873. top: 13px;
  874. background: #f00;
  875. }
  876. .colorpicker input {
  877. background-color: transparent;
  878. border: 1px solid transparent;
  879. position: absolute;
  880. font-size: 10px;
  881. font-family: Arial, Helvetica, sans-serif;
  882. color: #898989;
  883. top: 4px;
  884. right: 11px;
  885. text-align: right;
  886. margin: 0;
  887. padding: 0 !important;
  888. height: 11px;
  889. }
  890. .colorpicker_hex {
  891. position: absolute;
  892. width: 72px;
  893. height: 22px;
  894. background: url(http://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;
  895. left: 212px;
  896. top: 142px;
  897. }
  898. .colorpicker.dark .colorpicker_hex {
  899. background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
  900. }
  901. .colorpicker_hex input {
  902. right: 6px;
  903. }
  904. .colorpicker_field {
  905. height: 22px;
  906. width: 62px;
  907. background-position: top;
  908. position: absolute;
  909. }
  910. .colorpicker_field span {
  911. position: absolute;
  912. width: 12px;
  913. height: 22px;
  914. overflow: hidden;
  915. top: 0;
  916. right: 0;
  917. cursor: n-resize;
  918. }
  919. .colorpicker_rgb_r {
  920. background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom12.png);
  921. top: 52px;
  922. left: 212px;
  923. }
  924. .colorpicker.dark .colorpicker_rgb_r{
  925. background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png);
  926. }
  927. .colorpicker_rgb_g {
  928. background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);
  929. top: 82px;
  930. left: 212px;
  931. }
  932. .colorpicker.dark .colorpicker_rgb_g {
  933. background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png);
  934. }
  935. .colorpicker_rgb_b {
  936. background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);
  937. top: 112px;
  938. left: 212px;
  939. }
  940. .colorpicker.dark .colorpicker_rgb_b {
  941. background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png);
  942. }
  943. .colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
  944. display: none;
  945. }
  946. .colorpicker_submit {
  947. position: absolute;
  948. background: url("http://i83.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
  949. cursor: pointer;
  950. right: 10px;
  951. width: 48px;
  952. height: 50px;
  953. top: 118px;
  954. overflow: hidden;
  955. }
  956. .colorpicker_focus {
  957. background-position: center;
  958. }
  959. .colorpicker_hex.colorpicker_focus {
  960. background-position: bottom;
  961. }
  962. .colorpicker_submit.colorpicker_focus {
  963. background-position: bottom;
  964. }
  965. .colorpicker_slider {
  966. background-position: bottom;
  967. }
  968. .colorpicker { z-index: 3; }
  969. #chatbox_ret_cont{
  970. z-index: 999;
  971. background-color: transparent;
  972. position: fixed;
  973. bottom: 0;
  974. }
  975. #chatbox_ret_cont.chatbox_derecha{
  976. right: 0;
  977. }
  978. #chatbox_ret_cont.chatbox_izquierda{
  979. left: 0;
  980. }
  981. #chatbox_ret_cont div{
  982. cursor: pointer;
  983. }
  984. #chatbox_ret_cont iframe#chatbox_ret{
  985. background-color: white;
  986. display: none;
  987. height: 350px;
  988. margin-bottom: 0;
  989. width: 800px;
  990. }
  991. .chatbox-options li, .chatbox-options li a, .chatbox-options li label {
  992. font-size: 10px;
  993. letter-spacing: 1px;
  994. text-transform: uppercase;
  995. font-weight: 700;
  996. color: #9D99A3;
  997. }
  998. #chatbox_header{background-color: #000000;}
  999. #chatbox_footer{background-color: #000000;}
  1000. .chatbox-title, .chatbox-title a.chat-title {font-size: 0px;}
  1001.  
  1002. .grupo1 {text-align: center; background: #516317; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
  1003. .grupo2 {text-align: center; background: #3c5e16; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
  1004. .grupo3 {text-align: center; background: #0C5B77; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
  1005. .grupo4 {text-align: center; background: #6e1010; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
  1006. .grupo5 {text-align: center; background: #5e1639; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
  1007. .grupo6 {text-align: center; background: #9c911d; width: 160px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
  1008. /* latin */
  1009. @font-face {
  1010. font-family: 'Cabin';
  1011. font-style: normal;
  1012. font-weight: 400;
  1013. src: local('Cabin Regular'), local('Cabin-Regular'), url(http://fonts.gstatic.com/s/cabin/v7/YW3SmFCeLOkefBVkMNxbtw.woff2) format('woff2');
  1014. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  1015. }
  1016. /* latin */
  1017. @font-face {
  1018. font-family: 'Cabin';
  1019. font-style: normal;
  1020. font-weight: 500;
  1021. src: local('Cabin Medium'), local('Cabin-Medium'), url(http://fonts.gstatic.com/s/cabin/v7/XHvvZj_uvRvYentxl9M1VhTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  1022. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  1023. }
  1024. /* latin */
  1025. @font-face {
  1026. font-family: 'Cabin';
  1027. font-style: normal;
  1028. font-weight: 600;
  1029. src: local('Cabin SemiBold'), local('Cabin-SemiBold'), url(http://fonts.gstatic.com/s/cabin/v7/pOvYyCQeTTtw6RxdlpulShTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  1030. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  1031. }
  1032. /* latin */
  1033. @font-face {
  1034. font-family: 'Cabin';
  1035. font-style: normal;
  1036. font-weight: 700;
  1037. src: local('Cabin Bold'), local('Cabin-Bold'), url(http://fonts.gstatic.com/s/cabin/v7/82B-3YlzWJm8zbCrVEmc_hTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  1038. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  1039. }
  1040. /* latin */
  1041. @font-face {
  1042. font-family: 'Cabin';
  1043. font-style: italic;
  1044. font-weight: 400;
  1045. src: local('Cabin Italic'), local('Cabin-Italic'), url(http://fonts.gstatic.com/s/cabin/v7/6rRVd2AaRJ0MqBftQKms6vY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  1046. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  1047. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement