Advertisement
Guest User

Untitled

a guest
Jul 17th, 2019
101
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.02 KB | None | 0 0
  1. @font-face {
  2. font-family: BertholdBold;
  3. src: url("/pqm_etiquetas_new/public/fonts/Berthold%20Akzidenz%20Grotesk%20BE%20Medium.otf") format("opentype");
  4. }
  5.  
  6. @font-face {
  7. font-family: 'Berthold';
  8. src: url('/pqm_etiquetas_new/public/fonts/Berthold-Akzidenz-Grotesk-BE-Regular/Berthold-Akzidenz-Grotesk-BE-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
  9. }
  10.  
  11. .cas,
  12. .pmol{
  13. font-family: Arial;
  14. }
  15. html,body{
  16. margin: 0px;
  17. padding: 0px;
  18. font-family: Arial;
  19. font-size: 8px;
  20. line-height: 1.3em;
  21. }
  22. .pagina{
  23. width: 772px;
  24. height: 300px;
  25. }
  26. .clearfix{
  27. clear: both;
  28. }
  29. /******/
  30. .exportacion .col1{
  31. width: 50%;
  32. float: left;
  33. height:50%;
  34. }
  35. .exportacion .col1 .inside{
  36. padding-left: 20px;
  37. padding-top: 8px;
  38. font-size: 13px;
  39. line-height: 1.16em;
  40. text-transform: uppercase;
  41. }
  42. .exportacion .col2{
  43. float: left;
  44. width: 50%;
  45. height:50%;
  46. }
  47. .exportacion .col3{
  48. width: 100%;
  49. height: 27%;
  50. }
  51. .exportacion .danger{
  52. font-size: 12px;
  53. line-height: 1.1em;
  54. text-align: justify;
  55. padding: 0px 20px;
  56. }
  57. .exportacion .footer{
  58. height:20%;
  59. text-align: center;
  60. }
  61. .exportacion .footer .left{
  62. text-align: right;
  63. }
  64. .exportacion .footer .left img{
  65. margin-right: 10px;
  66. }
  67. .exportacion .footer .right{
  68. text-align: left;
  69. }
  70. .exportacion .footer .right img{
  71. margin-left: 10px;
  72. }
  73. .exportacion .pictogramas img {
  74. width: 19%;
  75. margin: -4px 19px;
  76. }
  77. .exportacion .picto4 {
  78. position: relative;
  79. top: -34px;
  80. }
  81. .exportacion .pictogramas-normal {
  82. height: auto !important;
  83. margin-top: 35px;
  84. }
  85. .exportacion .pictogramas-normal img {
  86. width: 21%;
  87. margin: -4px 1px;
  88. }
  89. .exportacion .pictogramas-normal .picto4 {
  90. position: relative;
  91. top: 0;
  92. left: 0;
  93. }
  94. .exportacion .title{
  95. font-size: 22px;
  96. line-height: 1em;
  97. margin-bottom: 2px;
  98. }
  99. sub {
  100. position: relative;
  101. }
  102. /****/
  103. .col1{
  104. float: left;
  105. width: 260px;
  106. height: 100%;
  107. }
  108. .col2{
  109. float: left;
  110. width: 333px;
  111. height: 100%;
  112. }
  113. .col3{
  114. float: left;
  115. width: 177px;
  116. height: 100%;
  117. }
  118. /****/
  119. .col2 .inside{
  120. margin-left: 100px;
  121. margin-right: 20px;
  122. }
  123. .col3 .inside{
  124. padding: 0px 4px;
  125. }
  126. .left{
  127. width: 49%;
  128. float: left;
  129. }
  130. .right{
  131. width: 49%;
  132. float: left;
  133. }
  134. .text-right{
  135. text-align: right;
  136. }
  137. .un{
  138. font-size: 11px;
  139. top: 295px;
  140. position: absolute;
  141. margin-left: 5px;
  142. }
  143. .pictogramas{
  144. text-align: center;
  145. height: 144px;
  146. margin-top: 20px;
  147. }
  148. .pictogramas-normal{
  149. height: auto !important;
  150. }
  151. .pictogramas img{
  152. width: 32%;
  153. }
  154. .picto4{
  155. position: relative;
  156. top: -25%;
  157. left: -16.5%;
  158. }
  159. .picto5{
  160. left:0px;
  161. }
  162. .indicaciones{
  163. font-size: 8px;
  164. text-align: justify;
  165. line-height: 1.2em;
  166. padding: 0px 5px;
  167. margin-top: 5px;
  168. }
  169. .indicaciones b{
  170. font-size: 6px;
  171. }
  172. .indicaciones.chica{
  173. line-height: 1em;
  174. }
  175. .presenta-tit{
  176. margin-top: 20px;
  177. font-size: 12px;
  178. font-weight: bold;
  179. }
  180. .catalogo,
  181. .presentacion,
  182. .nombre_es,
  183. .nombre_en,
  184. .fam-bold,
  185. .formula,
  186. .lote_numero,
  187. .indicaciones b,
  188. .un{
  189. font-family: Arial;
  190. font-weight: bold;
  191. }
  192. .familia-tit{
  193. border-top: 2px solid #000;
  194. border-bottom: 2px solid #000;
  195. padding: 5px 0px;
  196. margin: 6px 0px;
  197. text-align: center;
  198. font-size: 14px;
  199. font-weight: bold;
  200. }
  201. .small .nombre_es{
  202. font-size: 17px;
  203. }
  204. .nombre_es{
  205. font-size: 21px;
  206. font-weight: bold;
  207. margin-bottom: 10px;
  208. line-height: 1em;
  209. }
  210. .nombre_en{
  211. font-size: 17px;
  212. margin-bottom: 10px;
  213. line-height: 1em;
  214. }
  215. .formula{
  216. font-size: 12px;
  217. font-weight: bold;
  218. margin-bottom: 15px;
  219. }
  220. .small .formula{
  221. margin-bottom: 8px;
  222. }
  223. .nota1,.nota2,.nota3,.nota4{
  224. margin-bottom: 8px;
  225. font-size:8px;
  226. text-align: justify;
  227. }
  228.  
  229. div.disolucion {
  230. margin-top: 15%;
  231. }
  232.  
  233. .small .nota1,.small .nota2,.small .nota3,.small .nota4{
  234. margin-bottom: 0px;
  235. font-size:8px;
  236. }
  237. .small .cas-tit{
  238. margin-bottom: 6px;
  239. margin-top: 6px;
  240. }
  241. .cas-tit{
  242. margin-top: 17px;
  243. margin-bottom: 14px;
  244. font-size: 9px;
  245. }
  246. .analisis-tit{
  247. text-align: center;
  248. font-size: 9px;
  249. margin-bottom: 15px;
  250. }
  251. .small .lote_numero{
  252. margin-bottom: 6px;
  253. }
  254. .lote_numero{
  255. font-weight: bold;
  256. font-size: 11px;
  257. margin-top: 4px;
  258. }
  259. .tabla{
  260. font-size: 6px;
  261. }
  262. .tabla p{
  263. margin: 0px;
  264. }
  265. .small .web{
  266. top: 189px;
  267. }
  268. .web{
  269. position: absolute;
  270. top: 283px;
  271. text-align: center;
  272. font-size: 6px;
  273. line-height: 1.1em;
  274. width: 166px;
  275. }
  276. .left2{
  277. float: left;
  278. background-color: #fff;
  279. padding-right: 2px;
  280. clear: left;
  281. height: 9px;
  282. }
  283. .right2{
  284. float: right;
  285. height: 9px;
  286. background-color: #fff;
  287. padding-left: 2px;
  288. letter-spacing: .01em;
  289. }
  290. .prueba {
  291. /*border-bottom: 1px #000 dotted;*/
  292. height: 8px;
  293. background: url(../linea.png) repeat-x right 2px;
  294. }
  295. .resulta{
  296. height: 9px;
  297. }
  298. .caducidad{
  299. font-size: 7px;
  300. margin-top: 4px;
  301. }
  302. .desecho{
  303. position: absolute;
  304. top: 285px;
  305. font-size: 6px;
  306. margin-left: 90px;
  307. }
  308. .presentacion{
  309. text-transform: lowercase;
  310. }
  311. .incertidumbre{
  312. text-align: center;
  313. }
  314. .incertidumbre .tablita{
  315. width: 80%;
  316. border: 1px solid #000;
  317. margin-left: auto;
  318. margin-right: auto;
  319. margin-top: 2px;
  320. margin-bottom: 5px;
  321. border-collapse: collapse;
  322. border-spacing: 0;
  323. }
  324. .incertidumbre .tablita td{
  325. text-align: center;
  326. width: 50%;
  327. font-size: 8px;
  328. padding: 1.5px;
  329. }
  330. .incertidumbre .tit{
  331. border-bottom: 1px solid #000;
  332. padding:2px;
  333. }
  334. .kosher{
  335. width: 28% !important;
  336. margin-top: 10px;
  337. }
  338.  
  339. /** DISOLUCIOM ***/
  340. .indicaciones.disolucion p{
  341. margin-bottom: 10px;
  342. }
  343. .disolucion_valores p{
  344. margin: 0;
  345. text-align: center;
  346. }
  347. .disolucion_nota{
  348. font-size: 7px;
  349. }
  350. /*.kosher{
  351. top: 189px !important;
  352. position: absolute !important;
  353. width: 4.1% !important;
  354. left: 643px !important;
  355. }*/
  356.  
  357.  
  358. /******* Chicas ********/
  359. .chica{
  360. margin-left: 120px;
  361. }
  362. .chica .presenta-tit{
  363. margin-top: 0;
  364. font-size: 10px;
  365. }
  366. .chica .cas-tit {
  367. margin-top: 0;
  368. margin-bottom: 0;
  369. }
  370. .chica .nombre_en, .chica .nombre_es{
  371. font-size: 19px;
  372. margin-bottom: 3px;
  373. }
  374. .header-chica{
  375. margin-top: 10px;
  376. border-bottom: 2px solid #000;
  377. margin-bottom: 6px;
  378. padding-bottom: 4px;
  379. }
  380. .col1-chica, .col2-chica{
  381. width: 50%;
  382. float: left;
  383. }
  384. .col1-chica .analisis-tit, .col2-chica .analisis-tit{
  385. margin-bottom: 0;
  386. }
  387. .col2-chica .lote_numero{
  388. font-weight: normal;
  389. font-size: inherit;
  390. margin-top: 0;
  391. }
  392. .col1-chica .resulta{
  393. padding-right: 10px;
  394. }
  395. .col2-chica .resulta{
  396. left: 10px;
  397. }
  398. /******** Etiqueta Chica ********/
  399. .pagina.small{
  400. width: 490px;
  401. height: 250px;
  402. }
  403. .small .un {
  404. font-size: 11px;
  405. bottom: 0;
  406. top: 196px;
  407. position: absolute;
  408. margin-left: 5px;
  409. }
  410. .small .col1{
  411. width: 220px;
  412. padding-right: 50px;
  413. }
  414. .small .col2{
  415. width: 200px;
  416. }
  417. .small .col2 .inside {
  418. margin-left: 10px;
  419. margin-right: 0;
  420. }
  421. .small .pictogramas {
  422. text-align: center;
  423. height: 114px;
  424. margin-top: 0;
  425. }
  426. .small .presenta-tit{
  427. margin-top: 0;
  428. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement