Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on May 27th, 2012  |  syntax: None  |  size: 2.25 KB  |  hits: 13  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. /**
  2.  * Form Styling
  3.  */
  4.  
  5.  
  6. /* FIELDSETS
  7. ---------------------------------------- */
  8. fieldset {
  9.         border: 0;
  10. }
  11.  
  12. /* ACTION BUTTONS
  13. ---------------------------------------- */
  14. input.action {
  15.         padding: 2px;
  16.         font-size: 11px ;
  17.         font-family: Verdana, Tahoma, Sans-serif;
  18. }
  19. input.action:hover,
  20. input.action:focus {
  21.         cursor: pointer;
  22. }
  23.  
  24. /* FIELD FORMATING
  25. ---------------------------------------- */
  26. form ul {
  27.         list-style: none;
  28. }
  29. .middleColumn {
  30.         display: block;
  31.         margin: 15px 10px 10px 0;
  32.         background: #4c7c0c;    /*rand kleur*/
  33.         padding: 2px;           /*rand dikte om input velden*/
  34.         width: 350px;
  35.         clear: left;
  36. }
  37.         #Sidebar .middleColumn {
  38.                 margin: 0 0 0 8px;
  39.                 display: inline;
  40.         }
  41.        
  42.         div.tab .field .middleColumn {
  43.                 clear: none !important;
  44.                 margin: 0 !important;
  45.                 width: auto;
  46.         }
  47.        
  48.         .middleColumn .middleColumn {
  49.                 margin-left: 0;
  50.                 margin-right: 0;
  51.                 padding: 0;
  52.         }
  53.        
  54.         .middleColumn .message {
  55.                 margin: 0;
  56.         }
  57.        
  58. /* INPUT BOXS
  59. ---------------------------------------- */
  60.  
  61. input.text, textarea, select {
  62.         padding: 2px;
  63.         border: 1px solid #A7A7A7;
  64.         color: #000;
  65.         font-size: 12px;
  66.         font-weight: normal;
  67.         width: 344px;
  68. }
  69.  
  70. textarea {
  71.         font-family: Verdana, Tahoma, sans-serif;
  72.         font-size: 12px;
  73. }
  74. input:focus span, textarea:focus span {
  75.         border: 3px solid #000;
  76. }
  77.  
  78. form .date input.month,
  79. form .date input.day,
  80. form .date input.year {
  81.         width: auto;
  82. }
  83.  
  84. form .datetime .clear {
  85.         clear: both;
  86. }
  87.  
  88. form .datetime .date,
  89. form .datetime .time {
  90.         float: left;
  91.         clear: none;
  92.         width: auto;
  93. }
  94.         form .datetime .middleColumn .middleColumn {
  95.                 width: auto;
  96.         }
  97.         form .datetime .date input,
  98.         form .datetime .time input {
  99.                 width: auto;
  100.         }
  101.  
  102.  
  103. /* SELECT DROPDOWN
  104. ---------------------------------------- */
  105.  
  106. select {
  107.         width: auto;
  108. }
  109.  
  110. /* LABELS
  111. ---------------------------------------- */
  112. .typography label {
  113.         display: block;
  114.         margin: 10px 0 -10px 0;
  115.         color: #000;            /* text kleur*/
  116.         font-size: 12px;
  117. }
  118.  
  119. label.right {
  120.         display:inline;
  121. }
  122.  
  123. /* CHECKBOXES
  124. ---------------------------------------- */
  125. ul.optionset {
  126.         margin: 0;
  127.         overflow: hidden;
  128. }
  129.         ul.optionset li {
  130.                 margin: 6px 0;
  131.                 clear: both;
  132.         }
  133.                 ul.optionset li input {
  134.                         float: left;
  135.                         margin: 0 6px;
  136.                 }
  137.                 ul.optionset li label {
  138.                         margin: 0;
  139.                 }