Advertisement
Guest User

Untitled

a guest
Mar 30th, 2017
66
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.71 KB | None | 0 0
  1. /*--Global style elements--*/
  2.  
  3. * {
  4. text-rendering: optimizeSpeed;
  5. }
  6.  
  7. /*--------#Wrapper-------*/
  8.  
  9. #Wrapper {
  10. background-image: url(http://hotwirepress.com/wp-content/uploads/2017/03/wrapper-bg-1.jpg);
  11. background-attachment: fixed;
  12. }
  13.  
  14. #Header_wrapper {
  15. z-index: 10;
  16. }
  17.  
  18. a:hover {
  19. text-decoration: none;
  20. }
  21.  
  22. @media all and (min-width: 1px) {
  23. #Wrapper {
  24. max-width: 100% !important;
  25. }
  26. }
  27.  
  28. /*--------#Widget area-------*/
  29.  
  30. .aside_right .widget-area {
  31. border-color: #ccc;
  32. }
  33.  
  34. .widget:after {
  35. width:100%;
  36. }
  37.  
  38. /*-----TOP-MENUS-----*/
  39.  
  40. @media only screen and (min-width: 1240px) {
  41. .layout-boxed.nice-scroll {
  42. padding: 0;
  43. }
  44. #Wrapper, .with_aside .content_wrapper {
  45. max-width: 100%;
  46. }
  47. }
  48.  
  49. .with_aside .sections_group {
  50. padding-bottom: 30px;
  51. }
  52.  
  53. /*---
  54. @media only screen and (max-width: 1239px) and (min-width: 960px) {
  55. #Wrapper {
  56. max-width: 100%;
  57. }
  58. }
  59.  
  60. @media only screen and (max-width: 959px) and (min-width: 768px) {
  61. #Wrapper {
  62. max-width: 100%;
  63. }
  64. h5 {
  65. font-size: 13px !important;
  66. line-height: 17px !important;
  67. }
  68. }
  69.  
  70. @media only screen and (max-width: 767px) {
  71. #Wrapper {
  72. max-width: 100%;
  73. }
  74. } ---*/
  75.  
  76. .layout-boxed {
  77. padding:0;
  78. }
  79.  
  80. #Content {
  81. max-width: 1240px;
  82. margin: 0 auto;
  83. }
  84.  
  85. #Top_bar .container {
  86. max-width: 1300px;
  87. }
  88.  
  89. #Top_bar .top_bar_left {
  90.  
  91. }
  92.  
  93. .header-classic #Header .top_bar_left, .header-classic #Header .top_bar_right {
  94. height: 60px;
  95. }
  96.  
  97. #Top_bar #logo, .header-fixed #Top_bar #logo, .header-plain #Top_bar #logo, .header-transparent #Top_bar #logo {
  98. height: 42px;
  99. line-height: 42px;
  100. padding: 9px 0;
  101. }
  102.  
  103. #Top_bar .menu > li > a span:not(.description) {
  104. line-height: 42px;
  105. }
  106.  
  107. #Top_bar .menu > li > a {
  108. padding: 9px 0;
  109. }
  110.  
  111. #Top_bar .top_bar_right_wrapper {
  112. height: 60px;
  113. top: 0;
  114. }
  115.  
  116. @media all and (min-width: 768px) {
  117. #Top_bar .top_bar_right_wrapper .action_button {
  118. display: block !important;
  119. }
  120. }
  121.  
  122. #Top_bar .top_bar_right_wrapper .action_button {
  123. display: none;
  124. }
  125.  
  126. a.button .button_label {
  127. padding:10px;
  128. }
  129.  
  130. .action_button {
  131. font-size: 14px;
  132. }
  133.  
  134. #action-story {
  135. padding-left: 5px;
  136. }
  137.  
  138. #Top_bar a.button.action_button {
  139. top: 9px;
  140. }
  141.  
  142. #Top_bar a#search_button, #Top_bar a#header_cart {
  143. top: 18px !important;
  144. }
  145.  
  146. #Top_bar .menu > li > a span:not(.description) {
  147. padding: 0 12px;
  148. }
  149.  
  150. #Top_bar .menu > li.naujienos > a span:after, #Top_bar .menu > li.renginiai > a span:after, #Top_bar .menu > li.skelbimai > a span:after {
  151. content: '';
  152. display:none;
  153. border-right: 4px solid transparent;
  154. border-bottom: 6px solid #231f20;
  155. border-left: 4px solid transparent;
  156. position: relative;
  157. top: -10px;
  158. left: 13px;
  159. }
  160.  
  161. .contacts > a > span:before {
  162. content: '|';
  163. position: relative;
  164. left: -12px;
  165. color: #fff;
  166. }
  167.  
  168. .other> a > span:before {
  169. content: '|';
  170. position: relative;
  171. left: -12px;
  172. color: #fff;
  173. }
  174.  
  175. .weather> a > span:before {
  176. content: '|';
  177. position: relative;
  178. left: -12px;
  179. color: #fff;
  180. }
  181.  
  182. /*-----------MENU AFTER HEADER -- STYLING--------*/
  183.  
  184. #after-header-menu {
  185. background: #e53935;
  186. box-shadow: 0 2px 7px rgba(0,0,0,.26), 0 5px 17px rgba(0,0,0,.28);
  187. position: relative;
  188. height: 40px;
  189. }
  190.  
  191. .after-header {
  192. background: #e53935;
  193. box-shadow: 0 2px 7px rgba(0,0,0,.26), 0 5px 17px rgba(0,0,0,.28);
  194. width: 100%;
  195. top: 100%;
  196. position: absolute;
  197. margin: 0;
  198. z-index: 2;
  199. -wbkit-transform: translateY(-122%);
  200. -moz-transform: translateY(-122%);
  201. -ms-transform: translateY(-122%);
  202. transform: translateY(-122%);
  203. -webkit-transition: all .3s ease-in-out;
  204. -moz-transition: all .3s ease-in-out;
  205. -ms-transition: all .3s ease-in-out;
  206. transition: all .3s ease-in-out;
  207. }
  208.  
  209. .show-after {
  210. -wbkit-transform: translateY(0%);
  211. -moz-transform: translateY(0%);
  212. -ms-transform: translateY(0%);
  213. transform: translateY(0%);
  214.  
  215. }
  216.  
  217.  
  218. @media all and (min-width:544px) {
  219. .after-header ul > li {
  220. display: inline-block !important;
  221. }
  222. .after-header > ul {
  223. display: table !important;
  224. }
  225. .after-header ul > li > a {
  226. line-height: 30px !important;
  227. padding: 6px 20px !important;
  228. font-size: 14px !important;
  229. }
  230. #Top_bar a.responsive-menu-toggle i {
  231. font-size: 22px !important;
  232. }
  233. #after-header-menu .after-header ul > li.current-menu-item {
  234. border-bottom: 2px solid #fff !important;
  235. }
  236. .after-header ul > li {
  237. border-bottom: 2px solid transparent !important;
  238. }
  239. .post-cats span a, .post-tags {
  240. padding: 2px 8px;
  241. font-size: 11px !important;
  242. }
  243. .Latest_news ul li .desc_footer .date {
  244. font-size: 12px !important;
  245. }
  246. /*--After header style in mobile--*/
  247. .toggle-cat, .bricks-wrap {
  248. display:none !important;
  249. }
  250. #after-header-menu {
  251. position: relative !important;
  252. height: auto !important;
  253. }
  254. .after-header {
  255. position: relative !important;
  256. display: block;
  257. }
  258. .after-header {
  259. -wbkit-transform: translateY(0%);
  260. -moz-transform: translateY(0%);
  261. -ms-transform: translateY(0%);
  262. transform: translateY(0%);
  263. }
  264. }
  265.  
  266. #Top_bar a.responsive-menu-toggle {
  267. top: 50% !important;
  268. }
  269.  
  270. #Top_bar a.responsive-menu-toggle i {
  271. font-size: 20px;
  272. }
  273.  
  274. .after-header > ul {
  275. display: block;
  276. margin: auto;
  277. padding: 0;
  278. z-index: 202;
  279. }
  280.  
  281. .after-header ul > li {
  282. display: block;
  283. z-index: 203;
  284. transition: all 0.2s ease-in-out;
  285. }
  286.  
  287. .after-header ul > li {
  288. border-bottom: 0;
  289. }
  290.  
  291. .after-header ul > li:hover {
  292. background-color: rgba(0,0,0,.1);
  293. }
  294.  
  295. .after-header ul > li > a {
  296. position: relative;
  297. display: block;
  298. line-height: 24px;
  299. padding: 6px 15px;
  300. white-space: nowrap;
  301. font-weight: 600;
  302. letter-spacing: 1px;
  303. color: rgba(255,255,255, 0.7);
  304. font-size: 12px;
  305. text-decoration: none;
  306. text-align: center;
  307. transition: all 0.2s ease-in-out;
  308. }
  309.  
  310. .after-header ul > li > a:hover
  311. {
  312. color: rgba(255,255,255,1);
  313. }
  314.  
  315. #after-header-menu .after-header ul > li.current-menu-item {
  316. background-color: rgba(0,0,0,.2);
  317. border-bottom: 0;
  318. }
  319.  
  320. #after-header-menu .after-header ul > li.current-menu-item > a {
  321. color: #fff;
  322. }
  323.  
  324. /*-------Top bar search-------*/
  325.  
  326. #Top_bar .search_wrapper input[type="text"]::-webkit-input-placeholder {
  327. color: #fff !important;
  328. }
  329.  
  330. #Top_bar .search_wrapper input[type="text"]:-moz-placeholder { /* Firefox 18- */
  331. color: #fff !important;
  332. }
  333.  
  334. #Top_bar .search_wrapper input[type="text"]::-moz-placeholder { /* Firefox 19+ */
  335. color: #fff !important;
  336. }
  337.  
  338. #Top_bar .search_wrapper input[type="text"]:-ms-input-placeholder {
  339. color: #fff !important;
  340. }
  341.  
  342. #Top_bar .search_wrapper {
  343. border-left: 1px solid rgba(255,255,255,.5);
  344. border-right: 1px solid rgba(255,255,255,.5);
  345. width: 100%;
  346. height: 44px;
  347. padding: 2px;
  348. }
  349.  
  350. #Top_bar .search_wrapper .icon_search {
  351. left: 6px;
  352. }
  353.  
  354. #Top_bar .search_wrapper .icon_search, #Top_bar .search_wrapper .icon_close {
  355. top: 11px;
  356. }
  357.  
  358. /*-------Second menu's submenu style--------*/
  359.  
  360. #menu-item-38 ul.sub-menu {
  361. position: absolute;
  362. background: #fff;
  363. z-index: 202;
  364. width: 200px;
  365. display:none;
  366. transition: all 0.2s ease-in-out !important;
  367. }
  368.  
  369. #menu-item-38 {
  370. transition: all 0.2s ease-in-out;
  371. }
  372.  
  373. #menu-item-38:hover ul.sub-menu {
  374. display: block;
  375. }
  376.  
  377. #menu-item-38 ul.sub-menu > li {
  378. margin: 0;
  379. display: block;
  380. }
  381.  
  382. #menu-item-38 ul.sub-menu > li {
  383. border-bottom:1px solid rgba(0,0,0,.1); !important;
  384. }
  385.  
  386. #menu-item-38 ul.sub-menu > li > a {
  387. display: block;
  388. color: #000;
  389. font-weight: 400;
  390. }
  391.  
  392. #menu-item-38 ul.sub-menu > li:hover {
  393. background-color: rgba(0,0,0,.1);
  394. }
  395.  
  396. #menu-item-38 ul.sub-menu > li.current-menu-item {
  397. background-color: rgba(0,0,0,.1);
  398. border:0 !important;
  399. }
  400.  
  401. #menu-item-38 ul.sub-menu > li.current-menu-item > a {
  402. color: #000;
  403. }
  404.  
  405. /*-----Weather + Top bar-----*/
  406.  
  407. #Top_bar .menu > li.weather.hover a, #Top_bar .menu > li.weather.current-menu-item > a {
  408. color: #fff;
  409. }
  410.  
  411. #Top_bar .menu > li.weather a span div i {
  412. color: #231f20;
  413. -webkit-transition: all 0.2s ease-in-out;
  414. -moz-transition: all 0.2s ease-in-out;
  415. -o-transition: all 0.2s ease-in-out;
  416. -ms-transition: all 0.2s ease-in-out;
  417. transition: all 0.2s ease-in-out;
  418. }
  419.  
  420. #Top_bar .menu > li.weather.hover a span div i {
  421. color: #e53935;
  422. }
  423.  
  424. li#menu-item-63 > a > span {
  425. padding: 0 !important;
  426. }
  427.  
  428. #wpc-weather {
  429. position: relative;
  430. margin: 0;
  431. padding: 0;
  432. }
  433.  
  434. #wpc-weather .hours {
  435. border: 0 !important;
  436. display: inline-block;
  437. margin: 0 !important;
  438. width: 53px;
  439. }
  440.  
  441. #wpc-weather .hours .first {
  442. margin: 0;
  443. }
  444.  
  445. #wpc-weather .hours .symbol {
  446. }
  447.  
  448. #wpc-weather .hour {
  449. display: none;
  450. }
  451.  
  452. #wpc-weather .temperature {
  453. display: inline !important;
  454. }
  455.  
  456. #wpc-weather .hours .climacon {
  457. display: inline !important;
  458. font-size:40px;
  459. }
  460.  
  461. span.wpc-highlight {
  462. position: relative;
  463. top: -15px;
  464. font-size: 15px;
  465. padding: 0 3px !important;
  466. }
  467.  
  468. .symbol > span:first-child {
  469. padding: 0 !important;
  470. }
  471.  
  472. /*-----Blog layout-----*/
  473.  
  474. .Latest_news ul li .desc .post-excerpt, .grid .post-excerpt {
  475. display:none;
  476. }
  477.  
  478. .Latest_news ul li {
  479. margin: 0 1% 15px;
  480. }
  481.  
  482. .grid .post-title {
  483. min-height: 40px;
  484. }
  485.  
  486. .grid .post-desc {
  487. border-left: 1px solid #dedede;
  488. border-right: 1px solid #dedede;
  489. border-bottom: 1px solid #dedede;
  490. padding: 20px 15px 0;
  491. }
  492.  
  493. .Latest_news.featured ul.ul-first {
  494. margin-right: 0;
  495. }
  496.  
  497. .Latest_news.featured ul.ul-first li .desc {
  498. margin: 0;
  499. position: absolute;
  500. bottom: 0;
  501. color: #fff;
  502. padding: 2%;
  503. background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 31%, rgba(0, 0, 0, 0.5) 54%, rgba(0, 0, 0, 0.65) 100%);
  504. background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 31%, rgba(0, 0, 0, 0.5) 54%, rgba(0, 0, 0, 0.65) 100%);
  505. }
  506.  
  507. .Latest_news ul.ul-first li .desc {
  508. margin: 0;
  509. position: absolute;
  510. bottom: 0;
  511. background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 31%, rgba(0, 0, 0, 0.5) 54%, rgba(0, 0, 0, 0.65) 100%);
  512. background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 31%, rgba(0, 0, 0, 0.5) 54%, rgba(0, 0, 0, 0.65) 100%);
  513. }
  514.  
  515. .Latest_news.featured ul.ul-first li .desc h4 a {
  516. color: #fff;
  517. text-transform: uppercase;
  518. }
  519.  
  520.  
  521. @media only screen and (max-width: 767px) {
  522. .Latest_news.featured ul {
  523. width: 100%!important;
  524. }
  525. .Latest_news.featured ul.ul-second li, .not-featured .Latest_news ul li {
  526. display: block !important;
  527. width: 100% !important;
  528. }
  529. .mobile-header-mini #Top_bar #logo {
  530. height: 45px !important;
  531. }
  532. #Top_bar .logo #logo {
  533. padding: 0 25% !important;
  534. }
  535. }
  536.  
  537. .Latest_news.featured ul {
  538. float: left;
  539. width: 100%;
  540. }
  541.  
  542. .Latest_news.featured ul.ul-first li .photo {
  543. margin-bottom: 0;
  544. }
  545.  
  546. .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-title:after {
  547. margin-top: 5px;
  548. }
  549.  
  550. .abs-link {
  551. display: block;
  552. position: absolute;
  553. width: 100%;
  554. height: 100%;
  555. left: 0;
  556. bottom: 0;
  557. z-index: 10;
  558. cursor: pointer;
  559. }
  560.  
  561. .post-comments {
  562. color:#a8a8a8;
  563. }
  564.  
  565. .post-comments i {
  566. color: rgba(0,0,0,.4);
  567. }
  568. .post-comments:hover i {
  569. color: rgba(0,0,0,.6);
  570. }
  571.  
  572. .button-love, .post-comments {
  573. position: relative;
  574. z-index: 11;
  575. }
  576.  
  577. /*-------Posts after featured --------*/
  578.  
  579. .Latest_news.featured ul.ul-second {
  580. margin-left: 0%;
  581. }
  582.  
  583. .Latest_news ul li.has-post-thumbnail .desc {
  584. position: absolute;
  585. margin: 0;
  586. padding: 2%;
  587. width: 100%;
  588. bottom: 0;
  589. background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 31%, rgba(0, 0, 0, 0.5) 54%, rgba(0, 0, 0, 0.65) 100%);
  590. background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 31%, rgba(0, 0, 0, 0.5) 54%, rgba(0, 0, 0, 0.65) 100%);
  591. }
  592.  
  593. .Latest_news ul li.has-post-thumbnail .desc h5 a {
  594. color:#fff;
  595. }
  596.  
  597. .Latest_news.featured ul.ul-second {
  598. margin:0;
  599. width: 100%;
  600. }
  601.  
  602. .Latest_news.featured ul.ul-second li {
  603. float: left;
  604. width: 48%;
  605. }
  606.  
  607. .not-featured .Latest_news ul li {
  608. float: left;
  609. width: 48%;
  610. }
  611.  
  612. .Latest_news ul li .photo {
  613. width: 100%;
  614. }
  615.  
  616. .post-cats, .post-cats span {
  617. overflow: hidden;
  618. position: relative;
  619. }
  620.  
  621. .Latest_news ul li .desc_footer .date {
  622. font-size: 10px;
  623. }
  624.  
  625. .post-cats span a, .post-tags {
  626. border: 1px solid rgba(0,0,0,0.2);
  627. display: block;
  628. float: right;
  629. padding: 0 8px;
  630. border-radius: 3px;
  631. color: #fff;
  632. font-size: 9px;
  633. font-weight: bold;
  634. margin: 0 2px;
  635. text-transform: uppercase;
  636. z-index: 10;
  637. }
  638.  
  639. .featured-post .post-cats span a, .featured-post .post-tags {
  640. background: #e53935;
  641. }
  642.  
  643. .politics-post .post-cats span a, .politics-post .post-tags {
  644. background: #88c024;
  645. }
  646.  
  647. .women-post .post-cats span a, .women-post .post-tags {
  648. background: #E91E63;
  649. }
  650.  
  651. .entertain-post .post-cats span a, .entertain-post .post-tags {
  652. background: #FF9800;
  653. }
  654.  
  655. .tech-post .post-cats span a, .tech-post .post-tags {
  656. background: #2196F3;
  657. }
  658.  
  659. /*Post grid*/
  660.  
  661. .grid .cats-tags {
  662. overflow: hidden;
  663. position: absolute;
  664. right: 5px;
  665. bottom: 5px;
  666. z-index: 4;
  667. }
  668.  
  669. .grid .post-cats span a, .grid .post-tags {
  670. padding: 6px 8px;
  671. }
  672.  
  673. /*---Single post page fixes---*/
  674.  
  675. .column.one.single-photo-wrapper {
  676. margin-bottom: 15px;
  677. }
  678.  
  679. .image_frame, .wp-caption {
  680. border: 0;
  681. }
  682.  
  683. .intro-inner {
  684. background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 31%, rgba(0, 0, 0, 0.5) 54%, rgba(0, 0, 0, 0.65) 100%);
  685. background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 31%, rgba(0, 0, 0, 0.5) 54%, rgba(0, 0, 0, 0.65) 100%);
  686. }
  687.  
  688. @media all and (min-width:1240px) {
  689. .single-post #Content {
  690. border-radius: 5px 5px 0 0 !important;
  691. top: -25px !important;
  692. }
  693. }
  694.  
  695. .single-post #Content {
  696. border-radius: 0;
  697. position: relative;
  698. top: 0;
  699. }
  700.  
  701. /*--Front page post's headings--*/
  702.  
  703. @media all and (min-width:480px) {
  704. .front-posts {
  705. width: 45% !important;
  706. margin: 0 !important;
  707. }
  708. }
  709.  
  710. .front-posts {
  711. padding: 6px 20px;
  712. width: 75%;
  713. color: #fff;
  714. font-size: 25px;
  715. margin: auto;
  716. }
  717.  
  718. .front-posts > span {
  719. padding: 0 10px;
  720. }
  721.  
  722. .front-posts.politics {
  723. background: #88c024;
  724. box-shadow: 7px -7px 0 #7CB342;
  725. }
  726. .front-posts.woman {
  727. background: #E91E63;
  728. box-shadow: 7px -7px 0 #D81B60;
  729. }
  730. .front-posts.entertain {
  731. background: #FF9800;
  732. box-shadow: 7px -7px 0 #FB8C00;
  733. }
  734. .front-posts.tech {
  735. background: #2196F3;
  736. box-shadow: 7px -7px 0 #1E88E5;
  737. }
  738.  
  739. /*Other posts fixes*/
  740.  
  741. .masonry.tiles .post-item:not(.no-img) .post-desc-wrapper .post-desc {
  742. padding: 13% 10% 5%;
  743. }
  744.  
  745. @media all and (min-width:960px) {
  746. h2 {
  747. font-size: 17px !important;
  748. }
  749. .intro-title {
  750. font-size: 25px !important;
  751. }
  752. }
  753.  
  754. h2 {
  755. font-size: 13px;
  756. }
  757.  
  758. .post-item .post-desc-wrapper .post-desc .post-head .post-meta, .post-item .post-desc-wrapper .post-desc .post-head .post-meta a, .post-item .post-desc-wrapper .post-desc .post-excerpt {
  759. font-size: 14px;
  760. }
  761.  
  762. .share-box {
  763. display: inline-block;
  764. margin: 0 5%;
  765. position: relative;
  766. z-index: 11;
  767. }
  768.  
  769. .share-box .mashsb-container {
  770. padding:0;
  771. }
  772.  
  773. /*---Menu toggle for posts categories---*/
  774.  
  775. .bricks-wrap {
  776. display: block;
  777. background: #e53935;
  778. position: relative;
  779. width: 100%;
  780. height: 100%;
  781. margin: auto;
  782. padding: 8px 0;
  783. box-sizing: border-box;
  784. cursor: pointer;
  785. z-index: 3;
  786. }
  787.  
  788. .brick {
  789. display: block;
  790. background: #fff;
  791. box-shadow: 0 2px 5px rgba(0,0,0,.26), 0 3px 8px rgba(0,0,0,.28);
  792. height: 3px;
  793. border-radius: 3px;
  794. margin: 3px auto;
  795. -webkit-transition: all .2s ease-in-out;
  796. -moz-transition: all .2s ease-in-out;
  797. -ms-transition: all .2s ease-in-out;
  798. transition: all .2s ease-in-out;
  799. }
  800.  
  801. .brick1 {
  802. width: 35px;
  803. }
  804.  
  805. .brick2 {
  806. width: 27px;
  807. }
  808.  
  809. .brick3 {
  810. width: 17px;
  811. }
  812.  
  813. .b1 {
  814. width: 17px;
  815. }
  816.  
  817. .b3 {
  818. width: 35px;
  819. }
  820.  
  821. .toggle-cat {
  822. display:block;
  823. }
  824.  
  825.  
  826. /*Submit news*/
  827.  
  828. .contactsSubmit {
  829. line-height: 1;
  830. border-bottom: 1px solid #717171;
  831. font-size: 15px;
  832. margin-bottom: 20px;
  833. }
  834.  
  835. .contactsSubmit div {
  836. display: inline-block;
  837. }
  838.  
  839. form .contactsSubmit a, form .contactsSubmit i, form .contactsSubmit span {
  840. line-height: 26px;
  841. color: #333;
  842. }
  843.  
  844. form .contactsSubmit i {
  845. display: inline-block;
  846. margin: 0 5px 0 15px;
  847. font-size: 20px;
  848. vertical-align: middle;
  849. }
  850.  
  851. label, legend {
  852. margin-bottom: 0;
  853. font-weight: 400;
  854. }
  855. .drop_uploader.drop_zone, .file_browse {
  856. cursor: pointer;
  857. }
  858.  
  859.  
  860. /*-----------------Woocommerce style--------------*/
  861.  
  862. .product img:hover {
  863. transform: scale(1) !important;
  864. }
  865. .product .product-loading-icon.added-cart:hover img {
  866. transform: scale(1) !important;
  867. }
  868.  
  869. .woocommerce ul.products li.product .product-loading-icon:hover img {
  870. transform: scale(1) !important;
  871. }
  872.  
  873. #Top_bar .top_bar_right {
  874. height: 65px;
  875. }
  876.  
  877. #Top_bar a#header_cart {
  878. margin-right:12px;
  879. }
  880.  
  881. .page-id-36388 .woocommerce .quantity, .woocommerce-page .quantity {
  882. padding: 0;
  883. }
  884.  
  885. .product {
  886. box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  887. background:#fff;
  888. transition:all 0.2s ease-in-out;
  889. }
  890. .product:hover {
  891. box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  892. }
  893.  
  894. .woocommerce ul.products li.product .button {
  895. margin: 1% 0;
  896. }
  897.  
  898. @media only screen and (max-width:768px) {
  899.  
  900. /* Hide background image-shadow */
  901. .woocommerce .shop_table tr:first-child:hover td {
  902. background: none;
  903. }
  904.  
  905. /* Force table to not be like tables anymore */
  906. .page-id-36388.woocommerce-page table.shop_table,
  907. .page-id-36388.woocommerce-page table.shop_table thead,
  908. .page-id-36388.woocommerce-page table.shop_table tbody,
  909. .page-id-36388.woocommerce-page table.shop_table tfoot,
  910. /*.page-id-36388.woocommerce-page table.shop_table th,*/
  911. .page-id-36388.woocommerce-page table.shop_table td,
  912. .page-id-36388.woocommerce-page table.shop_table tr {
  913. display: block;
  914. }
  915.  
  916. /* Hide table headers (but not display: none;, for accessibility) */
  917. .woocommerce-page table.shop_table thead tr {
  918. position: absolute;
  919. top: -9999px;
  920. left: -9999px;
  921. }
  922.  
  923. .woocommerce-page table.shop_table tr {
  924. /*border: 1px solid rgba(0,0,0,.1); */
  925. }
  926.  
  927. .page-id-36388.woocommerce-page table.shop_table td {
  928. border: 1px solid rgba(0,0,0, .1) !important;
  929. }
  930. .woocommerce-page table.shop_table td {
  931. /* Behave like a "row" */
  932. position: relative;
  933. border-bottom: 0 !important;
  934. }
  935.  
  936. .woocommerce-page table.shop_table {
  937. border: none;
  938. box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  939. }
  940.  
  941. .woocommerce-page table.shop_table .product-spacer {
  942. border-color: #FFF;
  943. height: 10px;
  944. }
  945.  
  946. .woocommerce-page table.shop_table td:before {
  947. /* Now like a table header */
  948. position: relative;
  949. /* Top/left values mimic padding */
  950. width: 100%;
  951. font-size: 15px;
  952. padding-bottom: 10px;
  953. white-space: nowrap;
  954. display: block;
  955. margin: 0 !important;
  956. }
  957.  
  958. /*
  959. Label the data
  960. */
  961. .woocommerce-page table.shop_table td.product-remove
  962. {
  963. margin-bottom:10px;
  964. border-bottom: 4px solid #ea1d30 !important;
  965. }
  966.  
  967. .woocommerce-page table.shop_table td.product-remove:before {
  968. font-weight:700;
  969. margin-left:-5px;
  970. content: "Pašalinti";
  971. }
  972.  
  973. .woocommerce-page table.shop_table tr.cart_item td.product-thumbnail
  974. {
  975. display:block !important;
  976. width:auto !important;
  977.  
  978. margin:auto !important;
  979. }
  980. .woocommerce-page table.shop_table td.product-thumbnail:before {
  981. font-weight:600;
  982. margin-left:-5px;
  983. content: "Nuotrauka";
  984. }
  985.  
  986. .woocommerce .shop_table .product-name
  987. {
  988. text-align:center !important;
  989. }
  990. .woocommerce-page table.shop_table td.product-name:before {
  991. font-weight:600;
  992. margin-left:-5px;
  993. content: "Prekė";
  994. }
  995.  
  996. .woocommerce-page table.shop_table td.product-price
  997. {
  998. display:block;
  999. }
  1000. .woocommerce-page table.shop_table td.product-price:before {
  1001. font-weight:600;
  1002. margin-left:-5px;
  1003. content: "Kaina";
  1004. }
  1005.  
  1006. .woocommerce-page table.shop_table td.product-quantity:before {
  1007. font-weight: 600;
  1008. margin-left:-5px;
  1009. content: "Kiekis";
  1010. }
  1011.  
  1012. .woocommerce-page table.shop_table td.product-subtotal
  1013. {
  1014. display:none !important;
  1015. }
  1016. .woocommerce-page table.shop_table td.product-subtotal:before {
  1017. font-weight:600;
  1018. margin-left:-5px;
  1019. content: "Tarpinė suma";
  1020. }
  1021.  
  1022. .woocommerce-page table.shop_table td.product-total:before {
  1023. font-weight:600;
  1024. margin-left:-5px;
  1025. content: "Viso";
  1026. }
  1027. .woocommerce .shop_table .product-quantity
  1028. {
  1029. width:auto !important;
  1030. }
  1031. .woocommerce .quantity,
  1032. .woocommerce #content .quantity,
  1033. .woocommerce-page .quantity,
  1034. .woocommerce-page #content .quantity {
  1035. margin: 0;
  1036. }
  1037.  
  1038. .woocommerce-page table.cart td.actions,
  1039. .woocommerce-page #content table.cart td.actions {
  1040. text-align: left;
  1041. border:0;
  1042. padding-left: 6px !important;
  1043. }
  1044.  
  1045. .woocommerce-page table.cart td.actions .button.alt,
  1046. .woocommerce-page #content table.cart td.actions .button.alt {
  1047. float: left;
  1048. margin-top: 10px;
  1049. }
  1050.  
  1051. .woocommerce-page table.cart td.actions div,
  1052. .woocommerce-page #content table.cart td.actions div,
  1053. .woocommerce-page table.cart td.actions input,
  1054. .woocommerce-page #content table.cart td.actions input {
  1055. margin-bottom: 10px;
  1056. }
  1057.  
  1058. .woocommerce-page .cart-collaterals .cart_totals {
  1059. float: left;
  1060. width: 100%;
  1061. text-align: left;
  1062. }
  1063.  
  1064. .woocommerce-page .cart-collaterals .cart_totals th,
  1065. .woocommerce-page .cart-collaterals .cart_totals td {
  1066. border:0 !important;
  1067. }
  1068.  
  1069. .woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td,
  1070. .woocommerce-page .cart-collaterals .cart_totals table tr.shipping td,
  1071. .woocommerce-page .cart-collaterals .cart_totals table tr.total td {
  1072. padding-left: 6px !important;
  1073. }
  1074.  
  1075. .woocommerce-page table.shop_table tr.cart-subtotal td,
  1076. .woocommerce-page table.shop_table tr.shipping td,
  1077. .woocommerce-page table.shop_table tr.total td,
  1078. .woocommerce-page table.shop_table.order_details tfoot th,
  1079. .woocommerce-page table.shop_table.order_details tfoot td {
  1080. padding-left: 6px !important;
  1081. border:0 !important;
  1082. }
  1083.  
  1084. .woocommerce-page table.shop_table tbody {
  1085. padding: 2% 2%;
  1086. }
  1087.  
  1088. .woocommerce .col2-set .col-1,
  1089. .woocommerce-page .col2-set .col-1,
  1090. .woocommerce .col2-set .col-2,
  1091. .woocommerce-page .col2-set .col-2,
  1092. .woocommerce form .form-row-first,
  1093. .woocommerce form .form-row-last,
  1094. .woocommerce-page form .form-row-first,
  1095. .woocommerce-page form .form-row-last {
  1096. float: none;
  1097. width: 100%;
  1098. }
  1099.  
  1100. .woocommerce .order_details ul,
  1101. .woocommerce-page .order_details ul,
  1102. .woocommerce .order_details,
  1103. .woocommerce-page .order_details {
  1104. padding:0;
  1105. }
  1106.  
  1107. .woocommerce .order_details li,
  1108. .woocommerce-page .order_details li {
  1109. clear: left;
  1110. margin-bottom: 10px;
  1111. border:0;
  1112. }
  1113.  
  1114. .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  1115. margin-right: 0;
  1116. }
  1117.  
  1118. .woocommerce .shop_table .product-name .variation > dt, .woocommerce .shop_table .product-name .variation > dd {
  1119. width: 100% !important;
  1120. }
  1121.  
  1122. .woocommerce .shop_table .product-name .variation > dt {
  1123. font-weight: 600;
  1124. text-decoration: underline;
  1125. }
  1126.  
  1127. .woocommerce .shop_table .product-name .variation > dt:after {
  1128. content: ":";
  1129. }
  1130. .style-simple .ui-tabs .ui-tabs-nav li {
  1131. display: block !important;
  1132. }
  1133.  
  1134. /*Single product 479px>>>*/
  1135.  
  1136. .single-product #Content {
  1137. padding-top: 0;
  1138. }
  1139.  
  1140. .single-product .image_frame.scale-with-grid {
  1141. width: 100%;
  1142. }
  1143.  
  1144. .single-product .section_wrapper.clearfix {
  1145. margin: 0 !important;
  1146. width: 100%;
  1147. max-width: 100% !important;
  1148. }
  1149.  
  1150. .woocommerce div.product form.cart div.quantity {
  1151. width:100%;
  1152. }
  1153. .woocommerce .quantity input.plus, .woocommerce .quantity input.minus {
  1154. margin: 1px 0px;
  1155. }
  1156. .woocommerce div.product form.cart div.quantity input {
  1157. width: 100%;
  1158. }
  1159. .woocommerce div.product form.cart .variations td {
  1160. display: inline-table;
  1161. width:100%;
  1162. }
  1163. .woocommerce div.product form.cart .variations {
  1164. display: inline-table !important;
  1165. margin-bottom: -1px;
  1166. }
  1167. .woocommerce .variations_form .variations td.value .reset_variations {
  1168. display: block !important;
  1169. }
  1170. .woocommerce .no-share.product .product_wrapper {
  1171. box-shadow: none !important;
  1172. }
  1173. .column.one-second.summary.entry-summary div p, .column.one-second.summary.entry-summary h1 {
  1174. padding: 0 10px 0 !important;
  1175. letter-spacing: 0;
  1176. text-align:center;
  1177. }
  1178. .woocommerce .product div.entry-summary h1.product_title:after {
  1179. display:none;
  1180. }
  1181. .woocommerce div.product form.cart .variations select {
  1182. margin:0 !important;
  1183. float: none !important;
  1184. }
  1185. button.single_add_to_cart_button.button.alt {
  1186. width: 100%;
  1187. }
  1188. .woocommerce .product div.entry-summary .product_meta {
  1189. margin: 0 10px 15px!important;
  1190. }
  1191. }
  1192.  
  1193. .woocommerce .variations_form .variations td.value .reset_variations {
  1194. font-size:13px;
  1195. }
  1196. a.reset_variations:before {
  1197. content: '\f1f8';
  1198. font-family: FontAwesome;
  1199. color: #F44336;
  1200. }
  1201.  
  1202. input.input-text[type=number]::-webkit-outer-spin-button,
  1203. input.input-text[type=number]::-webkit-inner-spin-button {
  1204. -webkit-appearance: none;
  1205. margin: 0;
  1206. }
  1207.  
  1208. input.input-text[type=number]::-webkit-outer-spin-button::before,
  1209. input.input-text[type=number]::-webkit-inner-spin-button::after {
  1210. content: "^" !important;
  1211. position:absolute !important;
  1212. right:0 !important;
  1213. }
  1214.  
  1215. input.input-text[type=number] {
  1216. -moz-appearance:textfield;
  1217. }
  1218.  
  1219. .woocommerce .quantity input.qty {
  1220. width: 50px;
  1221. border: 1px solid;
  1222. border-radius: 3px;
  1223. min-height: 43px;
  1224. font-size:17px;
  1225. font-weight: 400;
  1226. }
  1227.  
  1228. .woocommerce .quantity input.plus, .woocommerce .quantity input.minus {
  1229. width: 30px;
  1230. background:none !important;
  1231. border: 0;
  1232. box-shadow: none !important;
  1233. margin: 0;
  1234. transition:all 0.1s ease-in-out;
  1235. }
  1236. .woocommerce .quantity input.plus:focus, .woocommerce .quantity input.minus:focus {
  1237. outline: 0;
  1238. }
  1239. .woocommerce .quantity input.plus:active, .woocommerce .quantity input.minus:active {
  1240. font-size:18px;
  1241. }
  1242.  
  1243. .woocommerce .no-share.product .product_wrapper {
  1244. box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  1245. padding: 1% 0;
  1246. border-radius: 2px;
  1247. background: #fff;
  1248. }
  1249.  
  1250. .product .jq-tabs.tabs_wrapper.ui-tabs.ui-widget.ui-widget-content.ui-corner-all {
  1251. box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  1252. border-radius: 2px !important;
  1253. margin-top: 2%;
  1254. background: #fff !important;
  1255. }
  1256.  
  1257. .woocommerce div.product form.cart .variations {
  1258. display: inline-table;
  1259. border: 1px solid #e5e5e5;
  1260. border-radius: 2px;
  1261. background: none;
  1262. }
  1263.  
  1264. .woocommerce div.product form.cart .variations select {
  1265. text-transform: uppercase;
  1266. font-family: Roboto;
  1267. color: rgba(0,0,0,.5);
  1268. border-radius: 2px;
  1269. float: left;
  1270. }
  1271.  
  1272. .product_meta span {
  1273. display: block;
  1274. width: 100%;
  1275. }
  1276. .sku_wrapper span {
  1277. display: inline;
  1278. }
  1279. .posted_in {
  1280. color: #626262 !important;
  1281. }
  1282.  
  1283. .style-simple .ui-tabs .ui-tabs-nav li.ui-state-active a, .style-simple .ui-tabs .ui-tabs-nav li.ui-tabs-selected::after, .style-simple .ui-tabs .ui-tabs-nav li.ui-state-active::after {
  1284. background-color: #ea1d30;
  1285. }
  1286. .ui-tabs .ui-tabs-nav li.ui-state-active a::after {
  1287. display:none;
  1288. }
  1289. .ui-tabs .ui-tabs-nav li.ui-tabs-selected::after, .ui-tabs .ui-tabs-nav li.ui-state-active::after {
  1290. display: none;
  1291. }
  1292.  
  1293. .woocommerce div.product div.images, .woocommerce div.product div.summary {
  1294. padding: 4% 0 0;
  1295. }
  1296.  
  1297. .product-meta {
  1298. background: #fff;
  1299. color: #666;
  1300. font-size: 17px;
  1301. padding: 2% 0;
  1302. }
  1303.  
  1304. /*---End of Woo---*/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement