fields.css 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. /* DEBUG - Disable when done */
  2. /*.tnp-field {*/
  3. /*border: 1px dashed #999;*/
  4. /*}*/
  5. .tnp-section {
  6. }
  7. /* Labels */
  8. .tnp-label {
  9. /* margin: 5px; */
  10. /* text-align: center; */
  11. color: #868686;
  12. /* margin-bottom: 20px; */
  13. font-family: Circular Std, sans-serif;
  14. font-weight: 300;
  15. border-bottom: 1px solid #fff;
  16. padding-bottom: 10px;
  17. }
  18. .tnp-field.tnp-separator {
  19. border-top: 1px solid #ddd;
  20. line-height: 0;
  21. }
  22. /* Single field/row container */
  23. .tnp-field {
  24. display: block;
  25. width: 100%;
  26. margin-bottom: 10px;
  27. }
  28. .tnp-field label.tnp-label {
  29. display: block;
  30. font-size: 12px;
  31. color: #868686;
  32. font-family: "Circular Std", sans-serif;
  33. font-weight: 300;
  34. border-bottom: 1px solid #fff;
  35. margin: 30px 0px 10px 0px;
  36. }
  37. .tnp-field.tnp-checkbox label {
  38. display: inline;
  39. }
  40. /* Set of inlined field for font, size, color... */
  41. tnp-field.tnp-font {
  42. }
  43. .tnp-field input {
  44. width: 100%;
  45. }
  46. .tnp-field.tnp-size input {
  47. width: 60px;
  48. display: inline;
  49. }
  50. .tnp-field .tnp-padding-fields {
  51. display: inline;
  52. }
  53. /* Four field for block padding selection */
  54. .tnp-field .tnp-padding-fields input {
  55. width: 40px;
  56. display: inline;
  57. }
  58. .tnp-field select {
  59. width: auto!important;
  60. color: #34495E;
  61. }
  62. .tnp-field input[type=url] {
  63. font-family: monospace;
  64. }
  65. .tnp-field input[type=color] {
  66. width: 40px;
  67. height: 27px;
  68. }
  69. .tnp-field input[type=submit] {
  70. width: auto;
  71. }
  72. .tnp-field input[type=checkbox] {
  73. width: auto;
  74. }
  75. .tnp-field.tnp-categories {
  76. }
  77. /* The label for each category checkbox (should override the generic label appearance) */
  78. .tnp-field.tnp-categories label {
  79. }