API tools faq
paste
MPorubek22395

vpf.less

MPorubek22395
Jul 22nd, 2019
117
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.98 KB | None | 0 0
raw download clone embed print report
  1. // Color variables (appears count calculates by raw css)
  2. @color0: #ffffff; // Appears 3 times
  3. @color1: #f3f3f3; // Appears 3 times
  4. @color2: #e0dede; // Appears 2 times
  5. @color3: #dddddd; // Appears 2 times
  6. @color4: #ce4e45; // Appears 2 times
  7. @color5: #a4a4a4; // Appears 2 times
  8.  
  9. // Width variables (appears count calculates by raw css)
  10. @width2: 100%; // Appears 9 times
  11. @width4: 16px; // Appears 2 times
  12. @width6: 10px; // Appears 4 times
  13.  
  14. // Height variables (appears count calculates by raw css)
  15. @height2: 16px; // Appears 3 times
  16. @height3: 10px; // Appears 2 times
  17.  
  18. .woo-vpf-hidden {
  19. display:none !important;
  20. }
  21. .woo-vpf-processing {
  22. cursor:wait;
  23. opacity:0.6;
  24. * {
  25. cursor:wait;
  26. }
  27. }
  28. .woo-vpf-clearfix {
  29. clear:both;
  30. float:none;
  31. }
  32. .woo-vpf-error {
  33. color: red;
  34. * {
  35. color: red;
  36. }
  37. .chosen-container-single {
  38. .chosen-single {
  39. border-color:red;
  40. }
  41. }
  42. input[type="text"] {
  43. border-color:red;
  44. }
  45. select {
  46. border-color:red;
  47. }
  48. }
  49. .woo-vpf-field {
  50. position:relative;
  51. select {
  52. margin:0;
  53. width:@width2;
  54. }
  55. input {
  56. margin:0;
  57. width:@width2;
  58. }
  59. .chosen-container {
  60. width:@width2 !important;
  61. }
  62. input[type="submit"] {
  63. cursor:pointer;
  64. display:block;
  65. margin:0 auto;
  66. width:auto;
  67. }
  68. .woo-vpf-reset-search {
  69. font-size: 0.8em;
  70. font-weight: bold;
  71. }
  72. }
  73. .widget-woo-vpf-filter {
  74. * {
  75. box-sizing:border-box;
  76. }
  77. .woo-vpf-field {
  78. select {
  79. &:disabled {
  80. opacity:0.6;
  81. }
  82. }
  83. }
  84. }
  85. .woo-vpf-filter-horizontal {
  86. .woo-vpf-field {
  87. float:left;
  88. margin: 0 10px 5px 0;
  89. width:auto;
  90. .woo-vpf-reset-search {
  91. margin:5px 0;
  92. }
  93. }
  94. .woo-vpf-field.woo-vpf-field-submit {
  95. margin:0;
  96. }
  97. }
  98. .woo-vpf-filter-vertical {
  99. .woo-vpf-field {
  100. display:block;
  101. margin: 0 0 10px 0;
  102. width:@width2;
  103. .woo-vpf-reset-search {
  104. position: absolute;
  105. right: 0;
  106. top: 0;
  107. }
  108. }
  109. }
  110. .woo-vpf-product-tab {
  111. table {
  112. width:@width2;
  113. }
  114. thead {
  115. th {
  116. border-bottom:1px @color2 dotted;
  117. font-size:15px;
  118. font-weight:bold;
  119. padding-bottom:5px;
  120. padding:0;
  121. }
  122. }
  123. tfoot {
  124. th {
  125. border-bottom:none;
  126. font-size:15px;
  127. font-weight:bold;
  128. padding-top:5px;
  129. padding:0;
  130. }
  131. }
  132. td {
  133. border-bottom:1px @color2 dotted;
  134. padding:5px 0;
  135. }
  136. }
  137. .woo-vpf-loader {
  138. background: rgba(0, 0, 0, 0.1) url("../images/ajax-loader.gif") no-repeat scroll 50% 50%;
  139. display: none;
  140. height: 100%;
  141. left: 0;
  142. position: absolute;
  143. top: 0;
  144. width: @width2;
  145. z-index: 22;
  146. }
  147. .woo-vpf-mv-container {
  148. clear:both;
  149. display:block;
  150. line-height:normal;
  151. max-width:600px;
  152. position:relative;
  153. text-align:left;
  154. * {
  155. box-sizing:border-box;
  156. }
  157. .mv-inner {
  158. background: @color0;
  159. border-radius: 2px;
  160. border: 1px solid @color3;
  161. box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  162. display:block;
  163. position:relative;
  164. .mv-section {
  165. border-top:1px solid @color3;
  166. padding:10px;
  167. &:first-child {
  168. border-top:none;
  169. }
  170. .mv-header {
  171. color: #8c8c8c;
  172. margin-bottom: 15px;
  173. padding:0 35px 10px 0;
  174. position:relative;
  175. width: @width2;
  176. &:after {
  177. background: url("../images/icons-sprite.png") no-repeat scroll 0 0;
  178. border-bottom: 1px solid @color1;
  179. content: "";
  180. height: 30px;
  181. position: absolute;
  182. right: 0;
  183. top: 0;
  184. width: 30px;
  185. }
  186. .mv-title {
  187. font-size:0.9em;
  188. font-weight:600;
  189. padding:0 0 5px 0;
  190. }
  191. .mv-description {
  192. font-size:0.8em;
  193. }
  194. }
  195. .mv-actions {
  196. padding:10px 0 0 0;
  197. }
  198. }
  199. .mv-section-vehicles-saved {
  200. background:@color0;
  201. .mv-header {
  202. &:after {
  203. background-position: 0 0;
  204. }
  205. }
  206. .mv-actions {
  207. border-top:1px solid @color1;
  208. }
  209. }
  210. .mv-section-vehicles-history {
  211. background:@color1;
  212. .mv-header {
  213. &:after {
  214. background-position: -70px 0;
  215. }
  216. }
  217. .mv-actions {
  218. border-top:1px solid #e2e2e2;
  219. }
  220. }
  221. .mv-items {
  222. .mv-no-item {
  223. color: @color4;
  224. font-size: 1em;
  225. font-weight: bold;
  226. margin:0 0 10px 0;
  227. text-align: center;
  228. }
  229. ul {
  230. color: #393939;
  231. display: table;
  232. font-size:1em;
  233. font-weight: 700;
  234. margin:0;
  235. padding:0 10px;
  236. width: @width2;
  237. li {
  238. display: table-row;
  239. .mv-item-col {
  240. display: table-cell;
  241. padding: 0 0 15px 0;
  242. vertical-align: middle;
  243. .mv-lnk {
  244. background-position:0 0;
  245. background-repeat:no-repeat;
  246. background: url("../images/icons-sprite.png") no-repeat scroll 0 0;
  247. cursor: pointer;
  248. display:inline-block;
  249. font-size:0;
  250. height:@height2;
  251. margin:0 2px 0 0;
  252. padding:0;
  253. text-decoration: none;
  254. vertical-align: middle;
  255. width:@width4;
  256. &:last-child {
  257. margin-right:0;
  258. }
  259. &:hover {
  260. text-decoration: none;
  261. }
  262. }
  263. .mv-lnk.mv-lnk-disable {
  264. cursor: default;
  265. opacity: 0.2;
  266. }
  267. .mv-lnk.mv-lnk-save {
  268. background-position: -205px 0;
  269. &:hover {
  270. background-position: -205px -39px;
  271. }
  272. }
  273. .mv-lnk.mv-lnk-browse {
  274. background-position: -163px 0;
  275. &:hover {
  276. background-position: -163px -39px;
  277. }
  278. }
  279. .mv-lnk.mv-lnk-delete {
  280. background-position: -185px 0;
  281. &:hover {
  282. background-position: -185px -39px;
  283. }
  284. }
  285. }
  286. .mv-item-title {
  287. label {
  288. display: inline-block;
  289. vertical-align: middle;
  290. .mv-item-radio {
  291. background: url("../images/icons-sprite.png") no-repeat scroll -226px 0;
  292. cursor: pointer;
  293. float: left;
  294. height: @height2;
  295. width: @width4;
  296. &:hover {
  297. background-position:-226px -39px;
  298. }
  299. }
  300. b {
  301. float: left;
  302. font-weight:600;
  303. padding: 0 0 0 10px;
  304. }
  305. }
  306. }
  307. .mv-item-actions {
  308. text-align:right;
  309. width:65px;
  310. }
  311. }
  312. li.mv-active {
  313. .mv-item-title {
  314. label {
  315. .mv-item-radio {
  316. background-position:-226px -39px;
  317. }
  318. }
  319. }
  320. }
  321. }
  322. }
  323. }
  324. .mv-add-vehicle {
  325. color: @color5;
  326. cursor: pointer;
  327. display: inline-block;
  328. float:left;
  329. font-size:0.9em;
  330. font-weight: 600;
  331. margin:0;
  332. padding:0;
  333. &:before {
  334. background-position: -247px 0;
  335. background: url("../images/icons-sprite.png") no-repeat scroll 0 0;
  336. content: "";
  337. float:left;
  338. height: @height3;
  339. margin: 3px 3px 0 0;
  340. width: @width6;
  341. }
  342. &:hover {
  343. before {
  344. background-position: -247px -39px;
  345. }
  346. }
  347. }
  348. .mv-clear-history {
  349. color: @color5;
  350. cursor: pointer;
  351. display: inline-block;
  352. float:right;
  353. font-size:0.9em;
  354. font-weight: 600;
  355. margin:0;
  356. padding:0;
  357. &:before {
  358. background-position: -262px 0;
  359. background: url("../images/icons-sprite.png") no-repeat scroll 0 0;
  360. content: "";
  361. float:left;
  362. height: @height3;
  363. margin: 3px 3px 0 0;
  364. width: @width6;
  365. }
  366. &:hover {
  367. before {
  368. background-position: -262px -39px;
  369. }
  370. }
  371. }
  372. }
  373. .woo-vpf-mv-container>.mv-header {
  374. cursor:pointer;
  375. position: relative;
  376. &: {
  377. after {
  378. background: url("../images/icons-sprite.png") no-repeat scroll -278px 0;
  379. content: "";
  380. height: 6px;
  381. margin-top: -2px;
  382. position: absolute;
  383. right: 0;
  384. top: 50%;
  385. width: @width6;
  386. }
  387. }
  388. &:hover {
  389. {
  390. after {
  391. background-position: -278px -39px;
  392. }
  393. }
  394. .mv-icon {
  395. background-position: -137px -39px;
  396. .mv-counter {
  397. background: @color4;
  398. }
  399. }
  400. }
  401. .mv-icon {
  402. background: url("../images/icons-sprite.png") no-repeat scroll -137px 0;
  403. display:inline-block;
  404. height:@height2;
  405. margin:0 5px 0 0;
  406. padding:0 0 0 21px;
  407. position:relative;
  408. vertical-align: middle;
  409. width:auto;
  410. .mv-counter {
  411. background-color: #7ea94c;
  412. border-radius: 2px;
  413. color: @color0;
  414. font-size: 8px;
  415. font-weight: bold;
  416. line-height: 1.5;
  417. min-width: @width6;
  418. padding: 0 2px;
  419. position: absolute;
  420. right: -4px;
  421. text-align: center;
  422. top: -6px;
  423. vertical-align:middle;
  424. }
  425. }
  426. .mv-title {
  427. display: inline-block;
  428. font-size:0.9em;
  429. font-weight:bold;
  430. vertical-align: middle;
  431. }
  432. }
  433. .woo-vpf-mv-container.mv-has-expandable-wrapper {
  434. .mv-inner {
  435. display:none;
  436. margin:15px 0 0 0;
  437. }
  438. }
  439. .woo-vpf-mv-container.mv-has-flyout-wrapper {
  440. .mv-inner {
  441. display:none;
  442. margin:15px 0 0 0;
  443. min-width:450px;
  444. position:absolute;
  445. width:@width2;
  446. z-index:999;
  447. }
  448. }
  449. #cboxTitle {
  450. font-size:0.9em;
  451. font-weight:bold;
  452. }
  453. #colorbox {
  454. overflow:visible !important;
  455. }
  456. #cboxOverlay {
  457. overflow:visible !important;
  458. }
  459. #cboxWrapper {
  460. overflow:visible !important;
  461. }
  462. #cboxLoadedContent {
  463. overflow:visible !important;
  464. }
  465. .woo-vpf-modal {
  466. padding:20px 10px 10px;
  467. .woo-vpf-modal-desc {
  468. p {
  469. font-size:1em;
  470. line-height:noamrl;
  471. margin:0 0 10px 0;
  472. padding:0;
  473. }
  474. }
  475. .woo-vpf-field.woo-vpf-field-submit {
  476. margin-bottom:0;
  477. }
  478. }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!