Advertisement
Guest User

Untitled

a guest
Feb 8th, 2016
87
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.80 KB | None | 0 0
  1. /* NOTE: THIS IS A PRIVATE FILE. DO NOT IMPORT DIRECTLY. Import fonts.css instead. */
  2. /* stylelint-disable property-blacklist */
  3. @font-face {
  4. font-family: 'c0-Icons';
  5. src: url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/c0-Icons-Regular.eot");
  6. src: url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/c0-Icons-Regular.eot?#iefix") format('embedded-opentype'),
  7. url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/c0-Icons-Regular.woff") format('woff'),
  8. url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/c0-Icons-Regular.ttf") format('truetype'),
  9. url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/c0-Icons-Regular.svg") format('svg');
  10. font-style: normal;
  11. font-weight: 400;
  12. }
  13.  
  14. @font-face {
  15. font-family: 'GT Pressura Mono';
  16. src: url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/GT-Pressura-Mono-Regular.eot");
  17. src: url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/GT-Pressura-Mono-Regular.eot?#iefix") format('embedded-opentype'),
  18. url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/GT-Pressura-Mono-Regular.woff") format('woff'),
  19. url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/GT-Pressura-Mono-Regular.ttf") format('truetype'),
  20. url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/GT-Pressura-Mono-Regular.svg") format('svg');
  21. font-style: normal;
  22. font-weight: 400;
  23. }
  24.  
  25. @font-face {
  26. font-family: 'Harmonia Sans';
  27. src: url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/HarmoniaSansW02-Light.eot");
  28. src: url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/HarmoniaSansW02-Light.eot?#iefix") format('embedded-opentype'),
  29. url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/HarmoniaSansW02-Light.woff") format('woff'),
  30. url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/HarmoniaSansW02-Light.ttf") format('truetype'),
  31. url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/HarmoniaSansW02-Light.svg") format('svg');
  32. font-style: normal;
  33. font-weight: 300;
  34. }
  35.  
  36. @font-face {
  37. font-family: 'Harmonia Sans';
  38. src: url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/HarmoniaSansW02-Regular.eot");
  39. src: url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/HarmoniaSansW02-Regular.eot?#iefix") format('embedded-opentype'),
  40. url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/HarmoniaSansW02-Regular.woff") format('woff'),
  41. url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/HarmoniaSansW02-Regular.ttf") format('truetype'),
  42. url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/HarmoniaSansW02-Regular.svg") format('svg');
  43. font-style: normal;
  44. font-weight: 400;
  45. }
  46.  
  47. @font-face {
  48. font-family: 'Harmonia Sans';
  49. src: url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/HarmoniaSansW02-Semibold.eot");
  50. src: url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/HarmoniaSansW02-Semibold.eot?#iefix") format('embedded-opentype'),
  51. url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/HarmoniaSansW02-Semibold.woff") format('woff'),
  52. url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/HarmoniaSansW02-Semibold.ttf") format('truetype'),
  53. url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/HarmoniaSansW02-Semibold.svg") format('svg');
  54. font-style: normal;
  55. font-weight: 600;
  56. }
  57.  
  58. @font-face {
  59. font-family: 'Tiempos Headline';
  60. src: url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/TiemposHeadlineWeb-Medium.eot");
  61. src: url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/TiemposHeadlineWeb-Medium.eot?#iefix") format('embedded-opentype'),
  62. url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/TiemposHeadlineWeb-Medium.woff") format('woff'),
  63. url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/TiemposHeadlineWeb-Medium.ttf") format('truetype'),
  64. url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/TiemposHeadlineWeb-Medium.svg") format('svg');
  65. font-style: normal;
  66. font-weight: 400;
  67. }
  68.  
  69. @font-face {
  70. font-family: 'Tiempos Text';
  71. src: url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/TiemposTextWeb-Regular.eot");
  72. src: url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/TiemposTextWeb-Regular.eot?#iefix") format('embedded-opentype'),
  73. url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/TiemposTextWeb-Regular.woff") format('woff'),
  74. url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/TiemposTextWeb-Regular.ttf") format('truetype'),
  75. url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/TiemposTextWeb-Regular.svg") format('svg');
  76. font-style: normal;
  77. font-weight: 400;
  78. }
  79.  
  80. @font-face {
  81. font-family: 'Tiempos Text';
  82. src: url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/TiemposTextWeb-RegularItalic.eot");
  83. src: url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/TiemposTextWeb-RegularItalic.eot?#iefix") format('embedded-opentype'),
  84. url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/TiemposTextWeb-RegularItalic.woff") format('woff'),
  85. url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/TiemposTextWeb-RegularItalic.ttf") format('truetype'),
  86. url("//d3v0sicl0wapov.cloudfront.net/static/e770fde/assets/fonts/c0/TiemposTextWeb-RegularItalic.svg") format('svg');
  87. font-style: italic;
  88. font-weight: 400;
  89. }
  90. /* stylelint-enable */
  91.  
  92. /* stylelint-disable property-blacklist */
  93. /* stylelint-enable */
  94.  
  95. .font-c0headlineN4 {
  96. font-family: 'Tiempos Headline', Times, 'Times New Roman', serif;
  97. font-weight: 400;
  98. font-style: normal;
  99. }
  100.  
  101. .font-c0iconN4 {
  102. font-family: 'c0-Icons';
  103. font-weight: 400;
  104. font-style: normal;
  105. }
  106.  
  107. .font-c0monoN4 {
  108. font-family: 'GT Pressura Mono', Monaco, monospace;
  109. font-weight: 400;
  110. font-style: normal;
  111. }
  112.  
  113. .font-c0sansN3 {
  114. font-family: 'Harmonia Sans', Helvetica, Arial, sans-serif;
  115. font-weight: 300;
  116. font-style: normal;
  117. }
  118.  
  119. .font-c0sansN4 {
  120. font-family: 'Harmonia Sans', Helvetica, Arial, sans-serif;
  121. font-weight: 400;
  122. font-style: normal;
  123. }
  124.  
  125. .font-c0sansN6, #main_fields, #custom_fields {
  126. font-family: 'Harmonia Sans', Helvetica, Arial, sans-serif;
  127. font-weight: 600;
  128. font-style: normal;
  129. }
  130.  
  131. .font-c0serifI4 {
  132. font-family: 'Tiempos Text', Times, 'Times New Roman', serif;
  133. font-weight: 400;
  134. font-style: italic;
  135. }
  136.  
  137. .font-c0serifN4 {
  138. font-family: 'Tiempos Text', Times, 'Times New Roman', serif;
  139. font-weight: 400;
  140. font-style: normal;
  141. }
  142. /* stylelint-disable declaration-colon-space-after, declaration-block-semicolon-newline-after */
  143. /* This file is visually aligned to aid in looking for colors with relative RGB values. */
  144.  
  145. /* Primary colors */ /* #000000 */ /* #000000 */ /* #FFFFFF */ /* #A3A3A3 */ /* #F3F3F3 */ /* #E7E8E7 */ /* #D7D7D7 */ /* #474143 */ /* #244863 */ /* #577B96 */ /* #0B2F4B */ /* #FFEBDF */ /* #FDF1EA */ /* #FFD5BA */ /* #EF4641 */ /* #FF7974 */ /* #D62D28 */ /* #1CAA4B */ /* #36C465 */ /* #039132 */
  146.  
  147. /* Secondary colors */ /* #BA63FF */ /* #D47DFF */ /* #A14AFF */ /* #FF7A36 */ /* #36C465 */ /* #039132 */ /* #81C6F1 */ /* #9BE0FF */ /* #68ADD8 */ /* #1CCCC2 */ /* #36E6DC */ /* #03B3A9 */
  148.  
  149. /* Special colors */
  150. /* DON'T USE THIS FOR ANYTHING BUT SELECTION HIGHLIGHT */ /* #B2D7FE */
  151. /* stylelint-enable */
  152.  
  153. /*
  154. * This is our attempt at styling the greenhouse submission form
  155. * Many of these classes are a 'hacky' solution in order for the form to behave and look as
  156. * close to designs
  157. * FONTS served from //d3v0sicl0wapov.cloudfront.net/static/e770fde/
  158. */
  159.  
  160.  
  161. #application {
  162. padding: 0;
  163. max-width: 100%;
  164. background-color: rgb(255, 255, 255);
  165. }
  166.  
  167. #app_body {
  168. margin: 0;
  169. padding: 0;
  170. max-width: 100%;
  171. }
  172.  
  173. #main {
  174. padding-bottom: 0;
  175. padding-top: 0;
  176. }
  177.  
  178. #main_fields, #custom_fields {
  179. font-weight: 600;
  180. font-size: 16px;
  181. }
  182.  
  183. #main_fields > .field {
  184. display: inline-block;
  185. margin-right: 15px;
  186. width: 45%;
  187. }
  188.  
  189. #wrapper {
  190. padding: 0;
  191. max-width: 100%;
  192. min-height: 0;
  193. }
  194.  
  195. #main_fields .asterisk, #custom_fields .asterisk, #eeoc_fields .asterisk {
  196. color: rgb( 0, 0, 0);
  197. }
  198.  
  199. /* These are unwanted elements on the form */
  200. #header, #content, #board_title, #application .apply-with-linkedin, #footer, .addthis_toolbox, .required-fields, .heading, hr, a[data-source='dropbox'], a[data-source='paste'] {
  201. display: none;
  202. }
  203.  
  204. #main_fields div.field label, #eeoc_fields div.field label {
  205. display: block !important;
  206. float: none !important;
  207. width: 100% !important;
  208. text-align: left !important;
  209. }
  210.  
  211. #main_fields > .field:nth-child(-n+4) {
  212. display: inline-block;
  213. width: 45%;
  214. }
  215.  
  216. #main_fields .field-error-msg {
  217. padding-left: 0 !important;
  218. }
  219.  
  220. #main_fields .field-error {
  221. border: 0 !important;
  222. }
  223.  
  224. #main_fields {
  225. position: relative;
  226. }
  227.  
  228. #main_fields .field-error {
  229. border: none;
  230. border-bottom: 1px solid rgb( 0, 0, 0);
  231. }
  232.  
  233. #custom_fields div.field input[type=text], #main_fields div.field input[type=text], #eeoc_fields div.field input[type=text] {
  234. margin: 10px 0;
  235. border: none;
  236. border-radius: 0;
  237. border-bottom: 1px solid rgb(243, 243, 243);
  238. padding: 5px 0;
  239. width: 100% !important;
  240. background-clip: padding-box;
  241. transition: border 0.2s linear;
  242. }
  243.  
  244. #custom_fields div.field input[type=text]:focus, #main_fields div.field input[type=text]:focus, #eeoc_fields div.field input[type=text]:focus {
  245. border: none;
  246. border-bottom: 1px solid rgb( 0, 0, 0);
  247. }
  248.  
  249. #resume_paste, #cover_letter_paste {
  250. margin-left: 0 !important;
  251. }
  252.  
  253. div.required-fields {
  254. top: 30px;
  255. right: 30px;
  256. bottom: auto;
  257. left: auto;
  258. border: none;
  259. }
  260.  
  261. .field-error-msg {
  262. position: absolute;
  263. }
  264.  
  265. /*Button Styles*/
  266. #submit_buttons > input {
  267. display: inline-block;
  268. border-image-source: initial;
  269. border-image-slice: initial;
  270. border-image-width: initial;
  271. border-image-outset: initial;
  272. border-image-repeat: initial;
  273. border-color: rgb( 0, 0, 0);
  274. border: 1px solid rgb( 0, 0, 0);
  275. border-radius: 0px;
  276. padding: 12px 24px;
  277. min-width: 160px;
  278. cursor: pointer;
  279. -webkit-tap-highlight-color: transparent;
  280. line-height: 16px;
  281. text-align: center;
  282. text-decoration: none;
  283. background-clip: padding-box;
  284. -webkit-user-select: none;
  285. background-color: rgb( 0, 0, 0);
  286. color: rgb(255, 255, 255);
  287. background-image: none;
  288. transition: background-color 0.2s linear;
  289. }
  290.  
  291. .link-container > a:first-child {
  292. display: inline-block;
  293. border: 1px solid rgb( 0, 0, 0);
  294. border-radius: 2px;
  295. padding: 12px 24px;
  296. min-width: 160px;
  297. background-color: rgb(255, 255, 255);
  298. color: rgb( 0, 0, 0);
  299. cursor: pointer;
  300. font-size: 16px;
  301. line-height: 16px;
  302. text-align: center;
  303. text-decoration: none;
  304. background-clip: padding-box;
  305. transition: background-color 0.2s linear;
  306. -webkit-user-select: none;
  307. -moz-user-select: none;
  308. -ms-user-select: none;
  309. user-select: none;
  310. }
  311.  
  312. .link-container > a:not(first-child) {
  313. display: none;
  314. }
  315.  
  316. .attach-or-paste .button, .attach-or-paste .link-container {
  317. display: block;
  318. width: 100%;
  319. }
  320.  
  321. .attach-or-paste .link-container a:not(:last-child)::after {
  322. content: '';
  323. }
  324.  
  325. @media (max-width: 640px) {
  326. #application {
  327. padding: 0;
  328. max-width: 100%;
  329. background-color: rgb(255, 255, 255);
  330. }
  331.  
  332. #app_body {
  333. margin: 0;
  334. padding: 0;
  335. max-width: 100%;
  336. }
  337.  
  338. #main {
  339. padding-bottom: 0;
  340. padding-top: 0;
  341. }
  342.  
  343. #main_fields, #custom_fields {
  344. font-weight: 600;
  345. font-size: 16px;
  346. }
  347.  
  348. #main_fields > .field {
  349. display: inline-block;
  350. margin-right: 15px;
  351. width: 45%;
  352. }
  353.  
  354. #wrapper {
  355. padding: 0;
  356. max-width: 100%;
  357. min-height: 0;
  358. }
  359.  
  360. #main_fields .asterisk, #custom_fields .asterisk, #eeoc_fields .asterisk {
  361. color: rgb( 0, 0, 0);
  362. }
  363.  
  364. /* These are unwanted elements on the form */
  365. #header, #content, #board_title, #application .apply-with-linkedin, #footer, .addthis_toolbox, .required-fields, .heading, hr, a[data-source='dropbox'], a[data-source='paste'] {
  366. display: none;
  367. }
  368.  
  369. #main_fields div.field label, #eeoc_fields div.field label {
  370. display: block !important;
  371. float: none !important;
  372. width: 100% !important;
  373. text-align: left !important;
  374. }
  375.  
  376. #main_fields > .field:nth-child(-n+4) {
  377. display: inline-block;
  378. width: 45%;
  379. }
  380.  
  381. #main_fields .field-error-msg {
  382. padding-left: 0 !important;
  383. }
  384.  
  385. #main_fields .field-error {
  386. border: 0 !important;
  387. }
  388.  
  389. #main_fields {
  390. position: relative;
  391. }
  392.  
  393. #main_fields .field-error {
  394. border: none;
  395. border-bottom: 1px solid rgb( 0, 0, 0);
  396. }
  397.  
  398. #custom_fields div.field input[type=text], #main_fields div.field input[type=text], #eeoc_fields div.field input[type=text] {
  399. margin: 10px 0;
  400. border: none;
  401. border-radius: 0;
  402. border-bottom: 1px solid rgb(243, 243, 243);
  403. padding: 5px 0;
  404. width: 100% !important;
  405. background-clip: padding-box;
  406. transition: border 0.2s linear;
  407. }
  408.  
  409. #custom_fields div.field input[type=text]:focus, #main_fields div.field input[type=text]:focus, #eeoc_fields div.field input[type=text]:focus {
  410. border: none;
  411. border-bottom: 1px solid rgb( 0, 0, 0);
  412. }
  413.  
  414. #resume_paste, #cover_letter_paste {
  415. margin-left: 0 !important;
  416. }
  417.  
  418. div.required-fields {
  419. top: 30px;
  420. right: 30px;
  421. bottom: auto;
  422. left: auto;
  423. border: none;
  424. }
  425.  
  426. .field-error-msg {
  427. position: absolute;
  428. }
  429.  
  430. /*Button Styles*/
  431. #submit_buttons > input {
  432. display: inline-block;
  433. border-image-source: initial;
  434. border-image-slice: initial;
  435. border-image-width: initial;
  436. border-image-outset: initial;
  437. border-image-repeat: initial;
  438. border-color: rgb( 0, 0, 0);
  439. border: 1px solid rgb( 0, 0, 0);
  440. border-radius: 0px;
  441. padding: 12px 24px;
  442. min-width: 160px;
  443. cursor: pointer;
  444. -webkit-tap-highlight-color: transparent;
  445. line-height: 16px;
  446. text-align: center;
  447. text-decoration: none;
  448. background-clip: padding-box;
  449. -webkit-user-select: none;
  450. background-color: rgb( 0, 0, 0);
  451. color: rgb(255, 255, 255);
  452. background-image: none;
  453. transition: background-color 0.2s linear;
  454. }
  455.  
  456. .link-container > a:first-child {
  457. display: inline-block;
  458. border: 1px solid rgb( 0, 0, 0);
  459. border-radius: 2px;
  460. padding: 12px 24px;
  461. min-width: 160px;
  462. background-color: rgb(255, 255, 255);
  463. color: rgb( 0, 0, 0);
  464. cursor: pointer;
  465. font-size: 16px;
  466. line-height: 16px;
  467. text-align: center;
  468. text-decoration: none;
  469. background-clip: padding-box;
  470. transition: background-color 0.2s linear;
  471. -webkit-user-select: none;
  472. -moz-user-select: none;
  473. -ms-user-select: none;
  474. user-select: none;
  475. }
  476.  
  477. .link-container > a:not(first-child) {
  478. display: none;
  479. }
  480.  
  481. .attach-or-paste .button, .attach-or-paste .link-container {
  482. display: block;
  483. width: 100%;
  484. }
  485.  
  486. .attach-or-paste .link-container a:not(:last-child)::after {
  487. content: '';
  488. }
  489.  
  490. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement