style.css 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330
  1. /*
  2. THIS FILE IS OVERWRITTEN EVERY TIME YOU UPDATE THE PLUGIN.
  3. USE THE CUSOTM CSS OPTION IN THE SUBSCRIPTION SETTING PANEL FOR YOUR
  4. CUSTOM CSS RULES.
  5. */
  6. .tnp-subscription {
  7. font-size: 13px;
  8. display: block;
  9. margin: 15px auto;
  10. max-width: 500px;
  11. width: 100%;
  12. }
  13. /* Generic field wrapper */
  14. .tnp-subscription div.tnp-field {
  15. margin-bottom: 10px;
  16. border: 0;
  17. padding: 0;
  18. }
  19. .tnp-subscription label {
  20. display: block;
  21. color: inherit;
  22. font-size: 14px;
  23. font-weight: 700;
  24. line-height: normal;
  25. padding: 5px;
  26. margin: 0;
  27. }
  28. .tnp-subscription input[type=text],
  29. .tnp-subscription input[type=email],
  30. .tnp-subscription input[type=submit],
  31. .tnp-subscription select {
  32. width: 100%;
  33. height: 50px;
  34. padding: 10px;
  35. display: block;
  36. border: 1px;
  37. border-color: #ddd;
  38. background-color: #f4f4f4;
  39. background-image: none;
  40. text-shadow: none;
  41. color: #444;
  42. font-size: 14px;
  43. line-height: 20px;
  44. margin: 0;
  45. line-height: normal;
  46. box-sizing: border-box;
  47. }
  48. .tnp-subscription input[type=checkbox],
  49. .tnp-widget input[type=radio] {
  50. max-width: 20px;
  51. display: inline-block;
  52. }
  53. /* Antireset - http://www.satollo.net/css-and-select-space-between-the-options-and-the-arrow */
  54. .tnp-subscription select option {
  55. margin-right: 10px;
  56. }
  57. .tnp-subscription input.tnp-submit {
  58. background-color: #444;
  59. color: #fff;
  60. width: auto;
  61. height: auto;
  62. margin: 0;
  63. }
  64. @media all and (max-width: 480px) {
  65. .tnp-subscription input[type=submit] {
  66. width: 100%;
  67. }
  68. }
  69. /* Profile form */
  70. .tnp-profile {
  71. font-size: 13px;
  72. }
  73. .tnp-profile form .tnp-field {
  74. margin-bottom: 10px;
  75. border: 0;
  76. padding: 0;
  77. }
  78. .tnp-profile form .tnp-field label {
  79. display: block;
  80. color: #333;
  81. font-size: 14px;
  82. }
  83. .tnp-profile form .tnp-field input[type=text],
  84. .tnp-profile form .tnp-field input[type=email],
  85. .tnp-profile form .tnp-field input[type=submit],
  86. .tnp-profile form .tnp-field textarea,
  87. .tnp-profile form .tnp-field select {
  88. padding: 10px;
  89. display: block;
  90. border: 1px;
  91. border-color: #ddd;
  92. background-color: #f4f4f4;
  93. background-image: none;
  94. text-shadow: none;
  95. color: #444;
  96. font-size: 14px;
  97. margin: 0;
  98. line-height: normal;
  99. box-sizing: border-box;
  100. border-radius: 0;
  101. height: auto;
  102. float: none;
  103. }
  104. .tnp-profile form input[type=checkbox], .tnp-profile input[type=radio] {
  105. max-width: 20px;
  106. display: inline-block;
  107. }
  108. .tnp-profile form .tnp-list-label {
  109. margin-left: 15px;
  110. }
  111. /* Antireset - http://www.satollo.net/css-and-select-space-between-the-options-and-the-arrow */
  112. .tnp-profile form select option {
  113. margin-right: 10px;
  114. }
  115. .tnp-profile form .tnp-field input[type=submit] {
  116. background-color: #444;
  117. color: #fff;
  118. width: auto;
  119. height: auto;
  120. margin: 0;
  121. }
  122. @media all and (max-width: 480px) {
  123. .tnp-profile input[type=submit] {
  124. width: 100%;
  125. margin: 0;
  126. }
  127. }
  128. .tnp-widget {
  129. width: 100%;
  130. display: block;
  131. box-sizing: border-box;
  132. }
  133. .tnp-widget .tnp-field {
  134. margin-bottom: 10px;
  135. border: 0;
  136. padding: 0;
  137. }
  138. .tnp-widget label {
  139. display: block;
  140. color: inherit;
  141. font-size: 14px;
  142. }
  143. .tnp-widget input[type=text], .tnp-widget input[type=email], .tnp-widget input[type=submit], .tnp-widget select {
  144. width: 100%;
  145. padding: 10px;
  146. display: block;
  147. border: 1px solid #ddd ;
  148. border-color: #ddd;
  149. background-color: #f4f4f4;
  150. background-image: none;
  151. text-shadow: none;
  152. color: #444;
  153. font-size: 14px;
  154. line-height: normal;
  155. box-sizing: border-box;
  156. height: auto;
  157. }
  158. .tnp-widget input[type=checkbox], .tnp-widget input[type=radio] {
  159. width: auto;
  160. display: inline-block;
  161. }
  162. /* Antireset - http://www.satollo.net/css-and-select-space-between-the-options-and-the-arrow */
  163. .tnp-widget select option {
  164. margin-right: 10px;
  165. }
  166. .tnp-widget input.tnp-submit {
  167. background-color: #444;
  168. background-image: none;
  169. text-shadow: none;
  170. color: #fff;
  171. margin: 0;
  172. }
  173. .tnp-field input[type="submit"] {
  174. position: inherit;
  175. }
  176. .tnp-field label {
  177. }
  178. /* Newsletter Widget Minimal */
  179. .tnp-widget-minimal {
  180. width: 100%;
  181. }
  182. .tnp-widget-minimal form {
  183. margin: 0;
  184. padding: 0;
  185. border: 0;
  186. }
  187. .tnp-widget-minimal input.tnp-email {
  188. width: 100%;
  189. box-sizing: border-box;
  190. padding: 10px;
  191. display: inline-block;
  192. border: 1px solid #ddd;
  193. background-color: #f4f4f4;
  194. color: #444;
  195. font-size: 14px;
  196. }
  197. .tnp-widget-minimal input.tnp-submit {
  198. width: 100%;
  199. box-sizing: border-box;
  200. padding: 10px;
  201. display: inline-block;
  202. border: 1px;
  203. border-color: #ddd;
  204. background-color: #444;
  205. background-image: none;
  206. text-shadow: none;
  207. color: #fff;
  208. font-size: 14px;
  209. line-height: normal;
  210. border-radius: 0px;
  211. box-sizing: border-box;
  212. height: auto;
  213. margin: 0;
  214. }
  215. /* The minimal form */
  216. .tnp-subscription-minimal {
  217. width: 100%;
  218. box-sizing: border-box;
  219. }
  220. .tnp-subscription-minimal form {
  221. margin: 0;
  222. padding: 0;
  223. border: 0;
  224. }
  225. .tnp-subscription-minimal input.tnp-email {
  226. width: 70%;
  227. max-width: 300px;
  228. box-sizing: border-box;
  229. padding: 10px;
  230. display: inline-block;
  231. border: 1px solid #ddd;
  232. background-color: #f4f4f4;
  233. color: #444;
  234. font-size: 14px;
  235. line-height: 20px;
  236. border-radius: 0px;
  237. }
  238. .tnp-subscription-minimal .tnp-privacy-field {
  239. margin-top: 10px;
  240. }
  241. .tnp-subscription-minimal input.tnp-submit {
  242. width: 29%;
  243. box-sizing: border-box;
  244. display: inline-block;
  245. padding: 10px;
  246. border: 1px;
  247. border-color: #ddd;
  248. background-color: #444;
  249. background-image: none;
  250. text-shadow: none;
  251. color: #fff;
  252. font-size: 14px;
  253. line-height: 20px;
  254. box-sizing: border-box;
  255. border-radius: 0px;
  256. margin: 0;
  257. }
  258. /* Comments Extension */
  259. .tnp-comments {
  260. clear: both;
  261. margin-top: 15px;
  262. margin-bottom: 15px;
  263. }
  264. .tnp-comments label {
  265. display: block;
  266. }
  267. .tnp-comments input[type=checkbox] {
  268. display: inline-block;
  269. width: auto!important;
  270. }
  271. /* Locked Content Extension */
  272. .tnp-lock {
  273. clear: both;
  274. display: block;
  275. box-sizing: border-box;
  276. box-shadow: none;
  277. margin: 20px;
  278. padding: 15px;
  279. background-color: #fff;
  280. border: 1px solid #ddd;
  281. }