CSS 30
16pixels.css Guest on 25th April 2021 07:46:20 AM
  1. /*! @import "16pixels"; */
  2.  
  3. /*!
  4.  * 16pixels v0.1.9
  5.  * github.com/englishextra/16pixels
  6.  */
  7.  
  8. .col div,
  9. .col span,
  10. .col applet,
  11. .col object,
  12. .col iframe,
  13. .col h1,
  14. .col h2,
  15. .col h3,
  16. .col h4,
  17. .col h5,
  18. .col h6,
  19. .col p,
  20. .col blockquote,
  21. .col pre,
  22. .col a,
  23. .col abbr,
  24. .col acronym,
  25. .col address,
  26. .col big,
  27. .col cite,
  28. .col code,
  29. .col del,
  30. .col dfn,
  31. .col em,
  32. .col img,
  33. .col ins,
  34. .col kbd,
  35. .col q,
  36. .col s,
  37. .col samp,
  38. .col small,
  39. .col strike,
  40. .col strong,
  41. .col sub,
  42. .col sup,
  43. .col tt,
  44. .col var,
  45. .col b,
  46. .col u,
  47. .col i,
  48. .col center,
  49. .col dl,
  50. .col dt,
  51. .col dd,
  52. .col ol,
  53. .col ul,
  54. .col details,
  55. .col li,
  56. .col fieldset,
  57. .col form,
  58. .col label,
  59. .col legend,
  60. .col table,
  61. .col caption,
  62. .col tbody,
  63. .col tfoot,
  64. .col thead,
  65. .col tr,
  66. .col th,
  67. .col td,
  68. .col article,
  69. .col aside,
  70. .col canvas,
  71. .col embed,
  72. .col figure,
  73. .col figcaption,
  74. .col footer,
  75. .col header,
  76. .col hgroup,
  77. .col menu,
  78. .col nav,
  79. .col output,
  80. .col ruby,
  81. .col section,
  82. .col summary,
  83. .col time,
  84. .col mark,
  85. .col audio,
  86. .col video {
  87.     font-size: 100%;
  88.     font: inherit;
  89.     border: 0;
  90.     vertical-align: baseline;
  91.     margin: 0;
  92.     padding: 0;
  93. }
  94.  
  95. .col sub,
  96. .col sup {
  97.     font-size: 75%;
  98.     line-height: 0;
  99.     position: relative;
  100. }
  101.  
  102. .col sup {
  103.     top: -0.5em;
  104. }
  105.  
  106. .col sub {
  107.     bottom: -0.25em;
  108. }
  109.  
  110. .col blockquote,
  111. .col q {
  112.     quotes: none;
  113. }
  114.  
  115. .col blockquote:before,
  116. .col blockquote:after,
  117. .col q:before,
  118. .col q:after {
  119.     content: '';
  120.     content: none;
  121. }
  122.  
  123. .col a {
  124.     text-decoration: none;
  125.     -webkit-tap-highlight-color: transparent;
  126.     outline: none;
  127. }
  128.  
  129. .col h1 a,
  130. .col h2 a,
  131. .col h3 a,
  132. .col h4 a,
  133. .col h5 a,
  134. .col h6 a {
  135.     font-weight: inherit;
  136. }
  137.  
  138. .col address,
  139. .col p.address {
  140.     font-size: 13px;
  141.     line-height: 1.500;
  142.     margin-right: 0;
  143. }
  144.  
  145. .col p.blockquote {
  146.     margin-right: 0;
  147. }
  148.  
  149. .col h1 {
  150.     font-size: 54px;
  151.     line-height: 1.200;
  152.     padding: 0;
  153. }
  154.  
  155. .col h2 {
  156.     font-size: 25px;
  157.     line-height: 1.200;
  158.     padding: 0;
  159. }
  160.  
  161. .col h3 {
  162.     font-size: 19px;
  163.     line-height: 1.200;
  164.     padding: 0;
  165. }
  166.  
  167. .col h4 {
  168.     font-size: 18px;
  169.     line-height: 1.200;
  170.     font-variant: small-caps;
  171.     letter-spacing: 1px;
  172.     padding: 0;
  173. }
  174.  
  175. .col h5 {
  176.     text-transform: uppercase;
  177.     padding: 0;
  178. }
  179.  
  180. .col h6 {
  181.     text-decoration: underline;
  182.     padding: 0;
  183. }
  184.  
  185. .col h5,
  186. .col h6 {
  187.     font-size: 16px;
  188.     line-height: 1.200;
  189. }
  190.  
  191. .col caption,
  192. .col label,
  193. .col p.smaller,
  194. .col table td,
  195. .col table th,
  196. .col pre,
  197. .col pre code {
  198.     font-size: 14px;
  199.     line-height: 1.500;
  200. }
  201.  
  202. .col p.larger,
  203. .col blockquote {
  204.     font-size: 18px;
  205.     line-height: 1.500;
  206. }
  207.  
  208. .col p,
  209. .col p.blockquote,
  210. .col dl dt,
  211. .col dl dd,
  212. .col ul li,
  213. .col ol li {
  214.     font-size: 16px;
  215.     line-height: 1.500;
  216. }
  217.  
  218. .col ul {
  219.     list-style: disc outside;
  220. }
  221.  
  222. .col ol {
  223.     list-style: decimal inside;
  224. }
  225.  
  226. .col pre {
  227.     font-size: 16px;
  228.     white-space: pre;
  229.     white-space: pre-wrap;
  230.     word-wrap: inherit;
  231.     overflow: -moz-scrollbars-horizontal;
  232.     overflow-x: auto;
  233.     border: 0;
  234.     box-shadow: none;
  235.     -moz-tab-size: 4;
  236.     -o-tab-size: 4;
  237.     tab-size: 4;
  238.     padding: 16px 24px;
  239. }
  240.  
  241. .col pre code {
  242.     text-shadow: none;
  243. }
  244.  
  245. .col pre a {
  246.     text-decoration: none;
  247.     -webkit-tap-highlight-color: transparent;
  248.     outline: none;
  249. }
  250.  
  251. .col table {
  252.     width: auto;
  253.     border-collapse: collapse;
  254.     border-spacing: 0;
  255. }
  256.  
  257. .col caption,
  258. .col table th,
  259. .col table td {
  260.     text-align: left;
  261. }
  262.  
  263. .col table td,
  264. .col table th {
  265.     padding: 5px 10px;
  266.     vertical-align: top;
  267. }
  268.  
  269. .col table th a:hover,
  270. .col table th a:active,
  271. .col table th a:focus {
  272.     text-decoration: underline;
  273. }
  274.  
  275. .col img {
  276.     border: 0;
  277.     vertical-align: bottom;
  278.     padding: 0;
  279. }
  280.  
  281. .col input[type^="text"],
  282. .col input[type^="search"],
  283. .col input[type^="email"],
  284. .col input[type^="url"],
  285. .col input[type^="password"],
  286. .col input[type^="tel"],
  287. .col input[type^="color"],
  288. .col input[type^="number"],
  289. .col input[type^="date"],
  290. .col input[type^="month"],
  291. .col input[type^="week"],
  292. .col input[type^="time"],
  293. .col input[type^="datetime"],
  294. .col input[type^="datetime-local"],
  295. .col select,
  296. .col textarea {
  297.     font-size: 14px;
  298.     line-height: 1.500;
  299.     box-sizing: border-box;
  300.     vertical-align: baseline;
  301.     *vertical-align: middle;
  302.     -webkit-tap-highlight-color: transparent;
  303.     outline: none;
  304.     padding: 0 10px;
  305. }
  306.  
  307. .col select {
  308.     padding: 0 0 0 5px;
  309. }
  310.  
  311. .col optgroup {
  312.     margin: 3px;
  313.     padding-left: 3px;
  314. }
  315.  
  316. .col input[type="color"] {
  317.     padding: 0;
  318. }
  319.  
  320. .col button,
  321. .col input[type="button"],
  322. .col input[type="reset"],
  323. .col input[type="submit"],
  324. .col input[type^="text"],
  325. .col input[type^="search"],
  326. .col input[type^="email"],
  327. .col input[type^="url"],
  328. .col input[type^="password"],
  329. .col input[type^="tel"],
  330. .col input[type^="color"],
  331. .col input[type^="number"],
  332. .col input[type^="date"],
  333. .col input[type^="month"],
  334. .col input[type^="week"],
  335. .col input[type^="time"],
  336. .col input[type^="datetime"],
  337. .col input[type^="datetime-local"],
  338. .col select {
  339.     height: 32px;
  340. }
  341.  
  342. .col button,
  343. .col input[type="button"],
  344. .col input[type="reset"],
  345. .col input[type="submit"] {
  346.     font-size: 14px;
  347.     line-height: 1.500;
  348.     box-sizing: border-box;
  349.     vertical-align: baseline;
  350.     *vertical-align: middle;
  351.     -webkit-tap-highlight-color: transparent;
  352.     outline: none;
  353.     cursor: pointer;
  354.     padding: 0 10px;
  355. }
  356.  
  357. .col label {
  358.     display: block;
  359.     margin-bottom: 2px;
  360. }
  361.  
  362. .col textarea {
  363.     width: 95%;
  364. }
  365.  
  366. .col ul,
  367. .col ol,
  368. .col dl {
  369.     margin-left: auto;
  370. }
  371.  
  372. .col dl dd:before {
  373.     content: "\2014\00a0";
  374. }
  375.  
  376. .col address,
  377. .col p.address,
  378. .col p.blockquote,
  379. .col dl dd,
  380. .col blockquote {
  381.     margin-left: 24px;
  382. }
  383.  
  384. .col ol {
  385.     padding-left: 24px;
  386. }
  387.  
  388. .col .indent {
  389.     text-indent: 24px;
  390. }
  391.  
  392. .col ul {
  393.     padding-left: 40px;
  394. }
  395.  
  396. .col td ul {
  397.     margin-top: 0 !important;
  398. }
  399.  
  400. .col td ul li {
  401.     font-size: inherit !important;
  402.     line-height: inherit !important;
  403. }
  404.  
  405. .col td ol {
  406.     margin-top: 0 !important;
  407. }
  408.  
  409. .col td ol li {
  410.     font-size: inherit !important;
  411.     line-height: inherit !important;
  412. }
  413.  
  414. .col.textcenter address,
  415. .col.textcenter p.address,
  416. .col.textcenter dd,
  417. .col.textcenter pre,
  418. .col.textcenter blockquote,
  419. .col.textcenter p.blockquote {
  420.     margin-left: 0;
  421. }
  422.  
  423. .col img,
  424. .col input,
  425. .col ol li,
  426. .col select,
  427. .col textarea,
  428. .col ul li,
  429. .col table td ol,
  430. .col table td ul,
  431. .col table td dl {
  432.     margin: 0;
  433. }
  434.  
  435. .col address,
  436. .col p.address,
  437. .col p.blockquote,
  438. .col h1,
  439. .col h2,
  440. .col h3,
  441. .col h4,
  442. .col h5,
  443. .col h6,
  444. .col blockquote,
  445. .col caption,
  446. .col dl,
  447. .col dl dd,
  448. .col figcaption,
  449. .col figure,
  450. .col ol,
  451. .col p,
  452. .col pre,
  453. .col table,
  454. .col ul,
  455. .col details {
  456.     margin-top: 0;
  457. }
  458.  
  459. .col h2+div,
  460. .col h2+p,
  461. .col h2+table,
  462. .col h3+div,
  463. .col h3+p,
  464. .col h3+table,
  465. .col h4+div,
  466. .col h4+p,
  467. .col h4+table,
  468. .col h5+div,
  469. .col h5+p,
  470. .col h5+table,
  471. .col h6+div,
  472. .col h6+p,
  473. .col h6+table {
  474.     margin-top: 8px;
  475. }
  476.  
  477. .col address:first-child,
  478. .col div+address,
  479. .col h1+blockquote,
  480. .col h1+div,
  481. .col h1+hr,
  482. .col h1+div.hr,
  483. .col h1+dl,
  484. .col h1+ol,
  485. .col h1+p,
  486. .col h1+pre,
  487. .col h1+table,
  488. .col h1+ul,
  489. .col h1+details,
  490. .col h2+blockquote,
  491. .col h2+dl,
  492. .col h2+h3,
  493. .col h2+ol,
  494. .col h2+pre,
  495. .col h2+ul,
  496. .col h2+details,
  497. .col h3+blockquote,
  498. .col h3+dl,
  499. .col h3+h4,
  500. .col h3+ol,
  501. .col h3+pre,
  502. .col h3+ul,
  503. .col h3+details,
  504. .col h4+blockquote,
  505. .col h4+dl,
  506. .col h4+h3,
  507. .col h4+h5,
  508. .col h4+ol,
  509. .col h4+pre,
  510. .col h4+ul,
  511. .col h4+details,
  512. .col h5+blockquote,
  513. .col h5+dl,
  514. .col h5+h6,
  515. .col h5+h2,
  516. .col h5+ol,
  517. .col h5+pre,
  518. .col h5+ul,
  519. .col h5+details,
  520. .col h6+blockquote,
  521. .col h6+dl,
  522. .col h6+ol,
  523. .col h6+pre,
  524. .col h6+ul,
  525. .col h6+details,
  526. .col p+address,
  527. .col p+p,
  528. .col p.address,
  529. .col p.blockquote,
  530. .col pre+address,
  531. .col table+address,
  532. .col table+p.address,
  533. .col table+p.blockquote {
  534.     margin-top: 16px;
  535. }
  536.  
  537. .col blockquote+blockquote,
  538. .col blockquote+dl,
  539. .col blockquote+h1,
  540. .col blockquote+h2,
  541. .col blockquote+h3,
  542. .col blockquote+h4,
  543. .col blockquote+h5,
  544. .col blockquote+h6,
  545. .col blockquote+ol,
  546. .col blockquote+p,
  547. .col blockquote+pre,
  548. .col blockquote+table,
  549. .col blockquote+ul,
  550. .col blockquote+details,
  551. .col div+blockquote,
  552. .col div+dl,
  553. .col div+h1,
  554. .col div+h2,
  555. .col div+h3,
  556. .col div+h4,
  557. .col div+h5,
  558. .col div+h6,
  559. .col div+ol,
  560. .col div+p,
  561. .col div+pre,
  562. .col div+table,
  563. .col div+ul,
  564. .col div+details,
  565. .col dl+blockquote,
  566. .col dl+dl,
  567. .col dl+h1,
  568. .col dl+h2,
  569. .col dl+h3,
  570. .col dl+h4,
  571. .col dl+h5,
  572. .col dl+h6,
  573. .col dl+ol,
  574. .col dl+p,
  575. .col dl+pre,
  576. .col dl+table,
  577. .col dl+ul,
  578. .col dl+details,
  579. .col ol+blockquote,
  580. .col ol+dl,
  581. .col ol+h1,
  582. .col ol+h2,
  583. .col ol+h3,
  584. .col ol+h4,
  585. .col ol+h5,
  586. .col ol+h6,
  587. .col ol+ol,
  588. .col ol+p,
  589. .col ol+pre,
  590. .col ol+table,
  591. .col ol+ul,
  592. .col ol+details,
  593. .col p+blockquote,
  594. .col p+dl,
  595. .col p+figcaption,
  596. .col p+figure,
  597. .col p+h1,
  598. .col p+h2,
  599. .col p+h3,
  600. .col p+h4,
  601. .col p+h5,
  602. .col p+h6,
  603. .col p+ol,
  604. .col p+pre,
  605. .col p+table,
  606. .col p+ul,
  607. .col p+details,
  608. .col pre+blockquote,
  609. .col pre+dl,
  610. .col pre+h1,
  611. .col pre+h2,
  612. .col pre+h3,
  613. .col pre+h4,
  614. .col pre+h5,
  615. .col pre+h6,
  616. .col pre+ol,
  617. .col pre+p,
  618. .col pre+pre,
  619. .col pre+table,
  620. .col pre+ul,
  621. .col pre+details,
  622. .col table+blockquote,
  623. .col table+dl,
  624. .col table+h1,
  625. .col table+h2,
  626. .col table+h3,
  627. .col table+h4,
  628. .col table+h5,
  629. .col table+h6,
  630. .col table+ol,
  631. .col table+p,
  632. .col table+pre,
  633. .col table+table,
  634. .col table+ul,
  635. .col table+details,
  636. .col ul+blockquote,
  637. .col ul+dl,
  638. .col ul+h1,
  639. .col ul+h2,
  640. .col ul+h3,
  641. .col ul+h4,
  642. .col ul+h5,
  643. .col ul+h6,
  644. .col ul+ol,
  645. .col ul+p,
  646. .col ul+pre,
  647. .col ul+table,
  648. .col ul+ul,
  649. .col ul+details,
  650. .col details+blockquote,
  651. .col details+dl,
  652. .col details+h1,
  653. .col details+h2,
  654. .col details+h3,
  655. .col details+h4,
  656. .col details+h5,
  657. .col details+h6,
  658. .col details+ol,
  659. .col details+p,
  660. .col details+pre,
  661. .col details+table,
  662. .col details+ul,
  663. .col details+details,
  664. .col h1:first-child,
  665. .col h2:first-child,
  666. .col h3:first-child,
  667. .col h4:first-child,
  668. .col h5:first-child,
  669. .col h6:first-child,
  670. .col p:first-child,
  671. .col dl:first-child,
  672. .col ul:first-child,
  673. .col details:first-child,
  674. .col ol:first-child,
  675. .col blockquote:first-child,
  676. .col pre:first-child,
  677. .col table:first-child,
  678. .col figcaption:first-child,
  679. .col figure:first-child {
  680.     margin-top: 24px;
  681. }
  682.  
  683. .col dl dd,
  684. .col address:first-of-type,
  685. .col p.address:first-of-type,
  686. .col address:last-child,
  687. .col p.address:last-child,
  688. .col p.blockquote:first-of-type,
  689. .col p.blockquote:last-child,
  690. .col p:last-child,
  691. .col dl:last-child,
  692. .col ul:last-child,
  693. .col details:last-child,
  694. .col ol:last-child,
  695. .col blockquote:last-child,
  696. .col pre:last-child,
  697. .col table:first-of-type,
  698. .col table:last-child,
  699. .col figcaption:last-child,
  700. .col figure:last-child {
  701.     margin-bottom: 0;
  702. }
  703.  
  704. .col address,
  705. .col blockquote,
  706. .col dl,
  707. .col figcaption,
  708. .col figure,
  709. .col ol,
  710. .col pre,
  711. .col ul,
  712. .col details {
  713.     margin-bottom: 24px;
  714. }
  715.  
  716. .col blockquote+p,
  717. .col div+p,
  718. .col dl+p,
  719. .col h1+p,
  720. .col h2+p,
  721. .col h3+p,
  722. .col h4+p,
  723. .col h5+p,
  724. .col h6+p,
  725. .col ol+p,
  726. .col p+p,
  727. .col pre+p,
  728. .col table+p,
  729. .col ul+p,
  730. .col details+p {
  731.     margin-bottom: 16px;
  732. }
  733.  
  734. .col .textleft {
  735.     text-align: left;
  736. }
  737.  
  738. .col .textright {
  739.     text-align: right;
  740. }
  741.  
  742. .col .textcenter {
  743.     text-align: center;
  744. }
  745.  
  746. .col .larger {
  747.     font-size: 120%;
  748. }
  749.  
  750. .col small,
  751. .col .smaller {
  752.     font-size: 80%;
  753. }
  754.  
  755. .col .fade {
  756.     opacity: 1;
  757.     -webkit-transition: opacity .25s ease-in-out;
  758.     transition: opacity .25s ease-in-out;
  759. }
  760.  
  761. .col .fade:hover {
  762.     opacity: .5;
  763. }
  764.  
  765. .col hr,
  766. .col .hr {
  767.     height: 1px;
  768.     padding: 0;
  769.     margin: 24px 0;
  770. }
  771.  
  772. /**
  773.  * font weights
  774.  */
  775.  
  776. .col h1,
  777. .col h2,
  778. .col h4,
  779. .col h5,
  780. .col h6,
  781. .col address,
  782. .col p,
  783. .col p.address,
  784. .col p.blockquote,
  785. .col dl dd,
  786. .col ul li,
  787. .col ol li,
  788. .col table td,
  789. .col caption,
  790. .col input[type^="text"],
  791. .col input[type^="search"],
  792. .col input[type^="email"],
  793. .col input[type^="url"],
  794. .col input[type^="password"],
  795. .col input[type^="tel"],
  796. .col input[type^="color"],
  797. .col input[type^="number"],
  798. .col input[type^="date"],
  799. .col input[type^="month"],
  800. .col input[type^="week"],
  801. .col input[type^="time"],
  802. .col input[type^="datetime"],
  803. .col input[type^="datetime-local"],
  804. .col select,
  805. .col textarea,
  806. .col label {
  807.     font-weight: normal;
  808. }
  809.  
  810. .col h3,
  811. .col a,
  812. .col table th,
  813. .col dl dt,
  814. .col button,
  815. .col input[type="button"],
  816. .col input[type="reset"],
  817. .col input[type="submit"],
  818. .col b,
  819. .col strong,
  820. .col .bolder,
  821. .col .highlight {
  822.     font-weight: bolder;
  823. }
  824.  
  825. /**
  826.  * font styles
  827.  */
  828.  
  829. .col address,
  830. .col p.address,
  831. .col p.blockquote,
  832. .col blockquote,
  833. .col caption,
  834. .col label,
  835. .col i,
  836. .col em,
  837. .col .italic {
  838.     font-style: italic;
  839. }
  840.  
  841. .col optgroup {
  842.     font-style: normal;
  843. }
  844.  
  845. /**
  846.  * font families
  847.  */
  848.  
  849. .col h1 {
  850.     font-family: serif;
  851. }
  852.  
  853. .col pre,
  854. .col pre code {
  855.     font-family: "Source Code Pro","Consolas",monospace;
  856. }
  857.  
  858. .col select {
  859.     font-family: sans-serif;
  860. }
  861.  
  862. .col button,
  863. .col input[type="button"],
  864. .col input[type="reset"],
  865. .col input[type="submit"],
  866. .col input[type^="text"],
  867. .col input[type^="search"],
  868. .col input[type^="email"],
  869. .col input[type^="url"],
  870. .col input[type^="password"],
  871. .col input[type^="tel"],
  872. .col input[type^="color"],
  873. .col input[type^="number"],
  874. .col input[type^="date"],
  875. .col input[type^="month"],
  876. .col input[type^="week"],
  877. .col input[type^="time"],
  878. .col input[type^="datetime"],
  879. .col input[type^="datetime-local"],
  880. .col textarea,
  881. .col caption,
  882. .col table th,
  883. .col table td {
  884.     font-family: inherit;
  885. }
  886.  
  887. .col .phonetic {
  888.     font-family: "Source Code Pro","Consolas",monospace;
  889. }
  890.  
  891. /**
  892.  * colors
  893.  */
  894.  
  895. .col a {
  896.     color: #307CCA;
  897. }
  898.  
  899. .col a:hover,
  900. .col a:focus,
  901. .col a:active {
  902.     color: #EA6743;
  903. }
  904.  
  905. .col h1,
  906. .col h2,
  907. .col h3,
  908. .col h4,
  909. .col h5,
  910. .col h6,
  911. .col h1 a,
  912. .col h2 a,
  913. .col h3 a,
  914. .col h4 a,
  915. .col h5 a,
  916. .col h6 a,
  917. .col pre code,
  918. .col pre a,
  919. .col caption,
  920. .col table td,
  921. .col table th a,
  922. .col select,
  923. .col input[type^="text"],
  924. .col input[type^="search"],
  925. .col input[type^="email"],
  926. .col input[type^="url"],
  927. .col input[type^="password"],
  928. .col input[type^="tel"],
  929. .col input[type^="color"],
  930. .col input[type^="number"],
  931. .col input[type^="date"],
  932. .col input[type^="month"],
  933. .col input[type^="week"],
  934. .col input[type^="time"],
  935. .col input[type^="datetime"],
  936. .col input[type^="datetime-local"],
  937. .col textarea,
  938. .col input[type^="text"]:focus,
  939. .col input[type^="search"]:focus,
  940. .col input[type^="email"]:focus,
  941. .col input[type^="url"]:focus,
  942. .col input[type^="password"]:focus,
  943. .col input[type^="tel"]:focus,
  944. .col input[type^="color"]:focus,
  945. .col input[type^="number"]:focus,
  946. .col input[type^="date"]:focus,
  947. .col input[type^="month"]:focus,
  948. .col input[type^="week"]:focus,
  949. .col input[type^="time"]:focus,
  950. .col input[type^="datetime"]:focus,
  951. .col input[type^="datetime-local"]:focus,
  952. .col textarea:focus,
  953. .col input[type^="text"]:active,
  954. .col input[type^="search"]:active,
  955. .col input[type^="email"]:active,
  956. .col input[type^="url"]:active,
  957. .col input[type^="password"]:active,
  958. .col input[type^="tel"]:active,
  959. .col input[type^="color"]:active,
  960. .col input[type^="number"]:active,
  961. .col input[type^="date"]:active,
  962. .col input[type^="month"]:active,
  963. .col input[type^="week"]:active,
  964. .col input[type^="time"]:active,
  965. .col input[type^="datetime"]:active,
  966. .col input[type^="datetime-local"]:active,
  967. .col textarea:active,
  968. .col select:active,
  969. .col select:focus {
  970.     color: inherit;
  971. }
  972.  
  973. .col pre {
  974.     color: inherit;
  975.     background-color: #E9E9E9;
  976. }
  977.  
  978. .col pre a:hover,
  979. .col pre a:active,
  980. .col pre a:focus {
  981.     color: inherit;
  982. }
  983.  
  984. .col select,
  985. .col input[type^="text"],
  986. .col input[type^="search"],
  987. .col input[type^="email"],
  988. .col input[type^="url"],
  989. .col input[type^="password"],
  990. .col input[type^="tel"],
  991. .col input[type^="color"],
  992. .col input[type^="number"],
  993. .col input[type^="date"],
  994. .col input[type^="month"],
  995. .col input[type^="week"],
  996. .col input[type^="time"],
  997. .col input[type^="datetime"],
  998. .col input[type^="datetime-local"],
  999. .col textarea {
  1000.     background-color: #FFFFFF;
  1001.     border: 1px solid #C3C3C3;
  1002. }
  1003.  
  1004. .col button:hover,
  1005. .col input[type="button"]:hover,
  1006. .col input[type="reset"]:hover,
  1007. .col input[type="submit"]:hover,
  1008. .col button:active,
  1009. .col input[type="button"]:active,
  1010. .col input[type="reset"]:active,
  1011. .col input[type="submit"]:active,
  1012. .col button:focus,
  1013. .col input[type="button"]:focus,
  1014. .col input[type="reset"]:focus,
  1015. .col input[type="submit"]:focus {
  1016.     color: #FFFFFF;
  1017.     background: #606060;
  1018.     border: 1px solid #606060;
  1019. }
  1020.  
  1021. .col button,
  1022. .col input[type="button"],
  1023. .col input[type="reset"],
  1024. .col input[type="submit"] {
  1025.     color: #FFFFFF;
  1026.     background: #474747;
  1027.     border: 1px solid #474747;
  1028. }
  1029.  
  1030. .col select:hover,
  1031. .col select:focus,
  1032. .col input[type^="text"]:focus,
  1033. .col input[type^="search"]:focus,
  1034. .col input[type^="email"]:focus,
  1035. .col input[type^="url"]:focus,
  1036. .col input[type^="password"]:focus,
  1037. .col input[type^="tel"]:focus,
  1038. .col input[type^="color"]:focus,
  1039. .col input[type^="number"]:focus,
  1040. .col input[type^="date"]:focus,
  1041. .col input[type^="month"]:focus,
  1042. .col input[type^="week"]:focus,
  1043. .col input[type^="time"]:focus,
  1044. .col input[type^="datetime"]:focus,
  1045. .col input[type^="datetime-local"]:focus,
  1046. .col textarea:focus,
  1047. .col select:active,
  1048. .col input[type^="text"]:active,
  1049. .col input[type^="search"]:active,
  1050. .col input[type^="email"]:active,
  1051. .col input[type^="url"]:active,
  1052. .col input[type^="password"]:active,
  1053. .col input[type^="tel"]:active,
  1054. .col input[type^="color"]:active,
  1055. .col input[type^="number"]:active,
  1056. .col input[type^="date"]:active,
  1057. .col input[type^="month"]:active,
  1058. .col input[type^="week"]:active,
  1059. .col input[type^="time"]:active,
  1060. .col input[type^="datetime"]:active,
  1061. .col input[type^="datetime-local"]:active,
  1062. .col textarea:active {
  1063.     background: #F2F2F2;
  1064.     border: 1px solid #C3C3C3;
  1065. }
  1066.  
  1067. .col select:disabled,
  1068. .col input[type^="text"]:disabled,
  1069. .col input[type^="search"]:disabled,
  1070. .col input[type^="email"]:disabled,
  1071. .col input[type^="url"]:disabled,
  1072. .col input[type^="password"]:disabled,
  1073. .col input[type^="tel"]:disabled,
  1074. .col input[type^="color"]:disabled,
  1075. .col input[type^="number"]:disabled,
  1076. .col input[type^="date"]:disabled,
  1077. .col input[type^="month"]:disabled,
  1078. .col input[type^="week"]:disabled,
  1079. .col input[type^="time"]:disabled,
  1080. .col input[type^="datetime"]:disabled,
  1081. .col input[type^="datetime-local"]:disabled,
  1082. .col textarea:disabled {
  1083.     background-color: #D6D6D6;
  1084.     border-color: #D6D6D6;
  1085. }
  1086.  
  1087. .col button:disabled,
  1088. .col input[type="button"]:disabled,
  1089. .col input[type="reset"]:disabled,
  1090. .col input[type="submit"]:disabled {
  1091.     background-color: #D6D6D6;
  1092.     border-color: #D6D6D6;
  1093. }
  1094.  
  1095. .col table {
  1096.     border: none;
  1097.     border-top-width: 1px;
  1098.     border-top-style: solid;
  1099.     border-top-color: #C3C3C3;
  1100.     border-right-width: 1px;
  1101.     border-right-style: solid;
  1102.     border-right-color: #C3C3C3;
  1103.     border-left-width: 1px;
  1104.     border-left-style: solid;
  1105.     border-left-color: #C3C3C3;
  1106. }
  1107.  
  1108. .col table th {
  1109.     border: none;
  1110.     border-bottom-width: 1px;
  1111.     border-bottom-style: solid;
  1112.     border-bottom-color: #C3C3C3;
  1113. }
  1114.  
  1115. .col table td {
  1116.     border: none;
  1117.     border-bottom-width: 1px;
  1118.     border-bottom-style: solid;
  1119.     border-bottom-color: #C3C3C3;
  1120. }
  1121.  
  1122. .col img {
  1123.     background-color: inherit;
  1124.     border: 0;
  1125. }
  1126.  
  1127. .col hr,
  1128. .col .hr {
  1129.     background-color: #C3C3C3;
  1130.     border: 0;
  1131. }
  1132.  
  1133. .col .highlight {
  1134.     color: #EE6944;
  1135. }

Paste-bin is for source code and general debugging text.

Login or Register to edit, delete and keep track of your pastes and more.

Raw Paste

Login or Register to edit or fork this paste. It's free.