API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 6th, 2015
336
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 62.36 KB | None | 0 0
raw download clone embed print report
  1.  
  2. /** HEADER **/
  3. #header {margin-bottom:20px}
  4. #header #logo a {height:74px; width: 290px;}
  5. div#breadcrumb {margin-bottom:10px; background: #4D4D4D;}
  6. div#breadcrumb i,
  7. div#breadcrumb a.last,
  8. div#breadcrumb a {color: #fff;}
  9. .viewlast .inner {overflow-x: hidden;}
  10. #header #shopnavi {top:55px; background-image: url(../../images/ico_cart.png); padding:0 0 0 50px; height:55px}
  11. #header .my_options .accountMenu .loginForm .loginButton {bottom:40px}
  12. #header .my_options .accountMenu .loginForm input[type=text],
  13. #header .my_options .accountMenu .loginForm input[type=password] {padding:0 5px}
  14.  
  15. /** MAIN NAV **/
  16.  
  17. #t2mainNavigation {}
  18. #t2mainNavigation ul#naviFull li ul li {padding: 2px;}
  19. #t2mainNavigation ul#naviFull li {padding: 20px 15px;} 
  20. #t2mainNavigation ul#naviFull li.active {background-color: #4D4D4D;}
  21. #t2mainNavigation ul#naviFull li:hover a,
  22. #t2mainNavigation ul#naviFull a.active {color: #e41869;}
  23. #t2mainNavigation ul#naviFull li ul {top:40px; padding:5px 14px}
  24.  
  25. /** collapsed **/
  26. #t2mainNavigation .mobileMenuButton,   
  27. #t2mainNavigation ul.mobileMenu {background:#DADADA}
  28. #t2mainNavigation ul.mobileMenu li.expanded {background-color: #ECECEC;}
  29. #t2mainNavigation ul.mobileMenu li.expanded ul a {color:#666;}
  30. #t2mainNavigation ul.mobileMenu li .buttonExpand:hover,
  31. #t2mainNavigation ul.mobileMenu a:hover,
  32. #t2mainNavigation ul.mobileMenu li.expanded a {color: #e41869;}
  33.  
  34. /** PLUGIN BONUS PUNKTE **/
  35.  
  36. body #header .inner .my_options #accountMenu {border:none}
  37. #header .my_options #topbar .topbar_currency input:hover,
  38. #header .my_options #topbar .topbar_currency input.active:hover {color: #e41869;}
  39. #shopnavi .headerBasket .basketButton {color:#95a5a6;}
  40. body #header .inner .basket_points {border: none; top:40px}
  41. body #header .user_points {border: none}
  42. body #header .user_points .user_points_inner {background-color:#747678; background-position:center 0; height:auto; padding:0; text-align:center}
  43. body #header .current_points {padding-top: 30px; min-width:36px}
  44. #topbar .topbar_currency, #topbar .topbar_lang {padding: 0 9px}
  45.  
  46. @media (max-width: 768px) and (min-width: 661px)
  47.                             {
  48.                             #header #shopnavi {background:none}
  49.                             #header #searchcontainer .inner_searchcontainer {left:-20%!important;}
  50.                             }
  51.  
  52.  
  53. @media (min-width: 661px)
  54.                             {
  55.                             #header #searchcontainer {left:50%; top: 60px;}
  56.                             #header #searchcontainer .inner_searchcontainer {left:-50%;}
  57.                             }
  58.  
  59. @media (min-width: 660px)
  60.                             {
  61.                             body #header .user_points .user_points_inner {padding: 0 10px 0 35px; background-position: 5px center}
  62.                             body #header .current_points {padding:0}
  63.                             #header #logo a {margin-top: 20px;}
  64.                             }
  65.  
  66. @media (max-width: 659px) and (min-width: 640px)
  67.                             {
  68.                             #header #logo a {margin-top: 50px;}
  69.                             #header #searchcontainer {top:10px; left:20px}
  70.                             }
  71.                            
  72. @media (max-width: 640px) and (min-width: 511px)
  73.                             {
  74.                             #header #searchcontainer {top:150px; left:50px}
  75.                             #header #shopnavi {top: 85px; background:none; padding:0}
  76.                             }
  77.    
  78. @media (max-width: 510px)
  79.                             {
  80.                             #header #searchcontainer {top: 160px;}
  81.                             .ctl_detail #content .inner #detail #detailbox .right #buybox #detailCartButton .buyBoxActions a {width: 75%}
  82.                             #header #shopnavi {background: none;top: 160px;}
  83.                             #header #logo a {height: 60px; background-position: top center;}
  84.                             }
  85.                            
  86. @media (max-width: 510px) and (min-width: 400px)
  87.                             {
  88.                             #header .my_options a {padding: 5px 5px !important;}   
  89.                             #header .my_options {width:100%}
  90.                             }
  91.  
  92. @media (max-width: 470px) and (min-width: 401px)
  93.                             {
  94.                             #header .my_options #topbar {width: 110px;}
  95.                             }
  96.  
  97. @media (max-width: 400px)  
  98.                             {
  99.                             body #header .user_points,{width: 22%;box-sizing: border-box;}
  100.                             #header .my_options a {width: 25%; box-sizing: border-box;}
  101.                             #header .my_options #topbar .topbar_currency input,
  102.                             #header .my_options #topbar .topbar_currency input.active {color: #4D4D4D;}
  103.                             }
  104.  
  105. @media (max-width: 360px)
  106.                             {
  107.                             #header {height: 250px;}
  108.                             #header #shopnavi {top: 150px;}
  109.                             #header #searchcontainer {top: 220px;}
  110.                             }
  111. @media (max-width: 360px)
  112.                             {
  113.                             #header .my_options .accountMenu .loginForm input[type=text],
  114.                             #header .my_options .accountMenu .loginForm input[type=password] {width:180px}
  115.                             }
  116.        
  117. /** LISTING and CUSTOM PAGES **/
  118. #content h2.headingbox_dark,   
  119. .viewlast h2.heading,
  120. .viewlast h2.heading,  
  121. #content #left ul#servicenav li.heading,
  122. #content h5.headingbox,
  123. #content h2.headingbox,
  124. #content h2.headingbox_nobg {font-size: 20px; color: #333; font-weight: 400; line-height: 30px; padding:0 15px; height:30px}
  125.  
  126. .facebook-banner img,
  127. #wrapper .banner {display: block; background-color: #fff; border: none; max-width:998px; margin: 0 auto;}
  128. .facebook-banner img,
  129. #wrapper .banner img {width:100%; height:100%}
  130.  
  131. a.fb {float: right; padding:0; font-size: 28px;}
  132. a.fb i {color:#3B5998 !important}
  133.  
  134. /** TOPSELLER **/
  135. .headlinewrap {height: 40px; background-image: url(../../images/sprite-point.png); background-position: 0 15px; background-repeat: repeat-x; display: block; text-align: center; background-color: transparent;}   
  136. .headlinewrap h2,
  137. .headlinewrap h5 {padding: 0px 15px; text-align: center; width: auto; margin: 0 auto !important; display: inline-block; background:#fff}
  138. #content .inner .listing-slider-wrapper {height: 290px;}
  139. #content .inner .flexSliderTopSeller .flex-viewport .slides li .articleSliderBox {width:168px; margin: 0 auto; padding:0}
  140. #content .inner .flexSliderTopSeller .flex-viewport .slides li .articleSliderBox .innerSlideBox {border:1px solid #E4E5E4; padding:0}
  141. #content .inner .flexSliderTopSeller .flex-viewport .slides li .articleSliderBox .innerSlideBox .title {padding: 3% 5%; border:none}
  142. #content .inner .flexSliderTopSeller .flex-viewport .slides li .articleSliderBox .innerSlideBox .thumbnail {height: 168px;}
  143. #content .inner .flexSliderTopSeller .flex-viewport .slides li .articleSliderBox .innerSlideBox .articlePrice {padding:3% 5%;}
  144. #content .inner .flexSliderTopSeller .flex-direction-nav a {height: 50px;}
  145. #content .inner .flexSliderTopSeller .flex-viewport .slides li .articleSliderBox .innerSlideBox .thumbnail {background-position: top center;}
  146. #content .inner .flexSliderTopSeller .counter {position:absolute; top:5px; left:5px; color:#e21776;line-height:24px; height:24px; width:24px; text-align:center; font-weight:700; background: url("../../images/bg_counter.png") 0 bottom no-repeat;}
  147. #content .inner .flexSliderTopSeller .innerSlideBox:hover .counter { background-position: 0 0; line-height: 24px;}
  148.  
  149. /** SEARCH **/
  150.  
  151. #content .inner .listing-topBar .listingName {font-size: 18px; font-weight: 400; text-transform: uppercase; line-height: 1.6em;}
  152. /*.fuzzy_result_box {width: 99%;margin: 0 0 10px;}*/
  153. .fuzzy_result_box {display:none}
  154. .ctl_search #content .fuzzy_result_box h2.headingbox {line-height: 18px; height:auto; padding:0 0 20px}
  155. .fuzzy_result_box .inner_box a:hover {color: #E21776;}
  156. .fuzzy_result_box .inner_box li {background-image: url(../../images/icons/ico_search_inactive.png)}
  157. .fuzzy_result_box .inner_box li:hover {background-image: url(../../images/icons/ico_search_active.png)}
  158. .fuzzy_result_box .inner_box {padding:5px}
  159. .ctl_search #content .fuzzy_result_box h2.headingbox {color:#333!important}
  160.  
  161. /** VIEWLAST **/
  162. .viewlast {background:none;}   
  163. .viewlast ul {}
  164.  
  165. .ctl_search #content #left,
  166. .ctl_forms #content #left,
  167. .ctl_listing #content #left,
  168. .ctl_custom #content .inner div#left {display:none}
  169. .ctl_search #content #left,
  170. .ctl_forms #content #left,
  171. .ctl_listing #content #left,
  172. .ctl_search #content .inner div#center,
  173. .ctl_listing #content .inner div#center,
  174. .ctl_custom #content .inner div#center,
  175. .ctl_custom #content .inner div#left {float:left; margin:0; padding-top: 0 }
  176.  
  177.     /** ARTBOX **/
  178.     .articlebox .boxinner {padding:0; width:100%}
  179.     .articlebox .boxinner a.title {text-overflow: inherit; overflow: inherit; white-space: pre-line; word-wrap: break-word; height:60px; font-size:1.3em; text-transform: none}
  180.     .articlebox .boxinner a.articleimage {width:100%; margin:0 auto; height:166px}
  181.     .articlebox .boxinner .articleInformation {padding: 3% 5% 5%;}
  182.  
  183.                            
  184. @media (max-width: 940px) and (min-width:800px)
  185.                             {
  186.                             div.listing .articlebox {width: 30.83333333333%;}
  187.                             .articlebox .boxinner a.articleimage {height:200px;}
  188.                             .ctl_blog  .articlebox .boxinner a.articleimage {height: 241px;}
  189.                             }
  190.  
  191. @media (min-width: 850px)
  192.                             {
  193.                             div.listing .articlebox {width: 22.5%}
  194.                             .articlebox .boxinner a.articleimage {height:166px; margin-bottom:10px}
  195.                             .ctl_blog .articlebox .boxinner a.articleimage {height: 228px;}
  196.                             .articlebox .articleBoxActions .articlePrice,
  197.                             .articlebox .boxinner p.description {}
  198.                             .articlebox .articleBoxActions .articlePrice {margin-bottom:20px}
  199.                             }
  200.                            
  201. @media (max-width: 799px) and (min-width: 640px)
  202.                             {
  203.                             div.listing .articlebox {width: 22.5%}
  204.                             }
  205.                            
  206. @media (max-width: 639px) and (min-width: 480px)
  207.                             {                          
  208.                             div.listing .articlebox {width: 30.83333333333%;}
  209.                             }
  210. @media (max-width: 479px) and (min-width: 320px)
  211.                             {                          
  212.                             div.listing .articlebox {width: 47.5%;}
  213.                             }
  214.  
  215. @media (max-width: 640px) and (min-width: 320px)
  216.                             {                          
  217.                             #listing-1col .articlebox .boxinner .action #buybutton {width:99% !important; padding: 0 !important}
  218.                             }
  219.  
  220.  
  221. @media (min-width: 640px)
  222.                             {
  223.                        
  224.                             div.listing#listing-1col .articlebox .boxinner {padding:0}
  225.                             div.listing#listing-1col .articlebox .boxinner .articleImage {width:35%}
  226.                             div.listing#listing-1col .articlebox .boxinner .articleInformation {width:61%; height: auto; padding: 2%; overflow:hidden}
  227.                             .articlebox .boxinner a.articleimage {background-position: top left;}
  228.                             div.listing#listing-1col .articlebox .boxinner .articleInformation .articleBoxActions {bottom:7%}
  229.                             }
  230.  
  231.  
  232. @media (min-width: 799px)
  233.                             {
  234.                             .ctl_search #content #left,
  235.                             .ctl_newsletter #content #left,
  236.                             .ctl_forms #content #left,
  237.                             .ctl_custom #content .inner div#left,
  238.                             .ctl_listing #content #left {display:block}
  239.                             .ctl_listing #content #left,
  240.                             .ctl_search #content #left,
  241.                             .ctl_custom #content .inner div#left,
  242.                             .ctl_listing #content #left  {width: 22.05882352941176%;}
  243.                             .ctl_newsletter #content .inner div#center,
  244.                             .ctl_search #content .inner div#center,  
  245.                             .ctl_forms #content .inner div#center,
  246.                             .ctl_custom #content .inner .custom_subnavi,
  247.                             .ctl_custom #content .inner div#center,
  248.                             .ctl_listing #content .inner div#center {float:left; width: 73.03921568627451%; padding: 0 2.45098039215686%;}
  249.                             .ctl_listing #content .inner .listing-topBar .listing-options .optionBox.optionFilter {display:none}
  250.                             .ctl_search .fuzzy_result_box {width:73.03921568627451%; margin: 0; padding: 0 2.45098039215686%; margin-bottom:10px}
  251.                             }
  252. @media (max-width: 480px)
  253.                             {
  254.                             .ctl_search .fuzzy_result_box .inner_box ul.first {border:none}                            
  255.                             .ctl_search .fuzzy_result_box .inner_box ul {width:100%; margin: 0 0 5px; border-top:1px solid #dfdfdf; padding:5px 0}
  256.                             }
  257.  
  258. #content .inner .listing-topBar {margin: 0 0 15px;}
  259. .articlebox .articleBoxActions .articlePrice,
  260. .articlebox .articleBoxActions .articleActions {width: 100%;}
  261. .articlebox .boxinner .action #variantbutton,
  262. .articlebox .boxinner .action #soldoutbutton,
  263. .articlebox .boxinner .action #buybutton {font-size:1.15em}
  264. .articlebox .boxinner .action #variantbutton,
  265. .articlebox .boxinner .action #soldoutbutton {
  266. -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;
  267. -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-top-left-radius: 2px;
  268. -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; -moz-border-radius-topleft: 2px;
  269. border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; border-top-left-radius: 2px;
  270. -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box;
  271. box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
  272. height: 45px; line-height: 45px; width: 100%; background-color: #E21776; color: #ffffff !important;
  273. display: block; text-align: center;margin-left: 0%;
  274. }
  275. .articlebox .boxinner .action #variantbutton,
  276. .articlebox .boxinner .action #soldoutbutton,
  277. .articlebox .boxinner .action #buybutton {border: 1px #fff dashed; cursor: pointer; display: inline-block; outline: 3px solid #E21776; background-clip: inherit; width:99%}
  278. .articlebox .boxinner .badge {background: url("../../images/new-badge.png") no-repeat scroll -20px center transparent; height:30px; width:70px}
  279. .articlebox .boxinner .badge span {line-height:30px}
  280.  
  281. .articlebox .boxinner .action .basketButton {
  282.     border: 1px #fff dashed;
  283.     cursor: pointer;
  284.     display: inline-block;
  285.     outline: 3px solid #E21776;
  286.     background-clip: inherit;
  287.     width:99%;
  288.     background-color: #e21776;
  289.     border-radius: 2px;
  290.     box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.5);
  291.     color: #ffffff !important;
  292.     height: 45px;
  293.     margin-left: 0;
  294.     text-align: center;
  295.     transition: all 0.2s ease 0s;
  296.     width: 100%;
  297.  
  298. }
  299.  
  300. /** SIDEBAR **/
  301. #content #left div,
  302. #content #left ul,
  303. #content #left ul li  {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
  304. #content #left ul li a {font-size: 18px}
  305. #content #left ul li a:hover {color:#E21776}
  306. #content #left h2.headingbox,
  307. #content #left h5.headingbox,  
  308. #content #left .headingbox_nobg {margin: 0 0 20px !important;} 
  309. #content #left ul.categories  {margin: 0 0 20px; padding:0 0 0 10px}
  310. #content #left .categories li a,
  311. #content #left .categories li a:hover {background:none; font-size: 1.468em; padding:0 0 5px}
  312. #content #left .categories li a:hover {color:#E21776}
  313.  
  314. #content #left .categories li.active {width: 100%; background:none}
  315. #content #left .categories li.active.sub a.active {background:none; border:none; color:#4D4D4D; text-transform:uppercase}
  316. #content #left .categories li.active a.flag {background:none !important; color:#4D4D4D; border:none; font-weight: 700}
  317. #content #left .categories li.active li.active a.flag {background:none !important; color:#4D4D4D; border:none}
  318. #content #left .categories li .submenu li {padding: 0}
  319. #content #left .categories li .submenu li a {padding:0; margin:0; line-height: 27px}
  320. #content #left .categories li .submenu {border:1px solid #e4e5e7; border-left:none; border-right:none; background:none; padding: 5px 10px; margin:0 0 10px}
  321. #content #left ul li  {border:none; background:none; padding:0 5px 5px}
  322. #content #left ul#servicenav li a {padding: 0 0 4px 10px;}
  323. #content #left ul li.active li a {background:none !important}
  324. #content #left ul#servicenav {border:none}
  325. #content #left ul#servicenav li.heading {background:none; height: 28px; border:none}
  326. #content #left .filter_properties .supplier_filter {width:100%; border:none; font-size: 1.468em; padding: 5px 10px 5px 15px;}
  327. #content #left div.supplier_filter div.active {color: #4D4D4D; padding: 0 0 10px; border:none}
  328. #content #left .filter_properties .supplier_filter div.active,
  329. #content #left .filter_properties .supplier_filter div {background: none; border:none; width:100%; height: auto; box-sizing: border-box; padding: 0 0 15px; overflow:hidden}
  330. #content #left .filter_properties .supplier_filter li {width: auto; border:none}
  331. #content #left .filter_properties .supplier_filter .slideContainer {border:none}
  332. #content #left .filter_properties .supplier_filter .listContainer a {display:block}
  333. #content #left .filter_properties .supplier_filter .slideContainer ul {border:none; border-bottom:1px solid #e4e5e7; background:none; padding: 5px 10px; margin:0 0 10px}
  334. #content #left .filter_properties .supplier_filter .slideContainer li {width:100%; padding:0}
  335. #content #left .filter_properties .supplier_filter .slideContainer li a {padding:0 0 0 20px; line-height: 32px}
  336. #content #left .filter_properties .supplier_filter .slideContainer li a:hover {color: #E21776;}
  337. #content #left .filter_properties .supplier_filter .slideContainer li.close {border:none;}
  338. #content #left .filter_properties .supplier_filter .slideContainer li.close a {background-position: 0 10px; font-weight:400}
  339. #content #left .filter_properties .supplier_filter .slideContainer li.close a span {font-weight:400}
  340. #content #left .filter_properties .supplier_filter ul li a,
  341. #content #left .filter_properties .supplier_filter ul li.active {background-position: 0px center; width:100%; padding:0 0 0 20px}
  342. #content #left .filter_properties .supplier_filter ul li.active {margin-bottom:5px; line-height: 32px;}
  343. #content #left .filter_properties .supplier_filter a {font-size: 1em;}
  344. #content #left ul#servicenav {margin:0 0 20px; background:#f3f4f6; padding:10px 0}
  345. #content #left ul#servicenav li a:hover {color:#E21776}
  346. #content #left ul#servicenav li.active a.active {color: #4D4D4D;}
  347. #left .left_categories_shadow {display:none}
  348. div.supplier_filter div span.expandcollapse {top: 3px;}
  349. #trustedShopsLogo, #paypalLogo, #paypalLogo_noborder {background:none}
  350. #content #left .billsafe-logo {display: none}
  351. #content #left #paypalLogo {display: none}
  352.  
  353. #content #left .filter_properties .supplier_filter ul li.active {background-image: url("../../images/icons/ico_search_active.png");}
  354. div.supplier_filter ul li:hover a,
  355. div.supplier_filter ul li.active {background-image: url("../../images/icons/ico_search_active.png");}
  356. div.supplier_filter ul li a,
  357. div.supplier_filter ul li.active {background-image: url("../../images/icons/ico_search_inactive.png");}
  358. div.supplier_filter div.active span.expandcollapse {background-image: url("../../images/icons/ico_filter.png");}
  359. div.supplier_filter div span.expandcollapse {background-image: url("../../images/icons/ico_filter.png");}
  360. div.blogFilter ul li.close a,
  361. #content #left .filter_properties .supplier_filter .slideContainer li.close a {background: none;}
  362.  
  363. #content .inner .listing-topBar .listing-options .optionBox .listing-option-select {background:#DADADA}
  364. #content .inner .listing-topBar .listing-options .optionBox a {color: #4D4D4D; margin: 0 2px;}
  365. #content .inner .listing-topBar .listing-options .optionBox {color:#4D4D4D}
  366. #content .inner .listing-topBar .listing-options .slideContainer {border:1px solid #E4E5E8; border-left:none; border-right:none}
  367. #content .inner .listing-topBar .listing-options .optionBox .listing-option-select li:hover {background:#e21776; color:#fff}
  368.    
  369. /** ACCOUNT **/
  370. .ctl_account #content .inner div#center .cat_text {width: 70%; float: left;}
  371. #login label,
  372. .password label,
  373. .email label {width: 155px;}
  374. .container_20 #login .grid_10 .inner_container {height: 290px;}
  375.  
  376. /** DETAILS **/
  377. .ctl_detail #content .inner h1.articleTitle {padding:0}
  378. .ctl_detail #content .inner #detail #detailbox .right {width: 60.88176352705411%;}
  379. .ctl_detail #content .inner #detail #detailbox .left {width: 32.10420841683367%;}
  380. .social-links {width:100%; clear:both}
  381. .social-links li {float:left; font-size:11px}
  382. .ctl_detail #content .inner #detail #detailbox .right #buybox #detailCartButton .buyBoxActions #basketButton  {border: 1px #fff dashed; cursor: pointer; display: inline-block; outline: 3px solid #E21776; background-clip: inherit; height:37px}
  383. .cloud-zoom-lens {visibility: visible; cursor: pointer;}
  384. .cloud-zoom-big {display: block !important;}
  385. #detail #detailinfo .description_properties li {padding:0 0 5px}
  386. .ctl_detail .desc-text {}
  387. .ctl_detail #content .inner #detail #detailinfo #tabs.ui-tabs .inner_tabs .similar {background:#F0F0F0; margin-top: 4px;}
  388. #detail #detailinfo .similar .artbox .artbox_thumb {width:105px; height:105px;}
  389. #detail #detailinfo .similar .artbox {width:100%}
  390. .notice {background-color: #e21776;}
  391. #detail .fb-like {background: url("../../images/fb-like.png"); height:20px; width:48px; display:block}
  392.  
  393. @media (max-width: 680px)   {
  394.                             .ctl_detail #content .inner #detail #detailbox .right,
  395.                             .ctl_detail #content .inner #detail #detailbox .left {width: 100%;}
  396.                             .ctl_detail #content .inner #detail #detailbox .right #buybox #detailCartButton .buyBoxActions #basketButton {width:98%; margin-left:1%}
  397.                             }
  398. @media (min-width: 640px)   {
  399.                             .ctl_detail #content .inner #detail #detailinfo #tabs.ui-tabs .inner_tabs .similar {width: 31.45891783567134%; padding: 0 1.50501002004008%;}
  400.                             }
  401.  
  402. /** ACCOUNT **/
  403. .ctl_account #content .headingbox_dark {font-weight: 400}
  404.  
  405. /** REGISTER **/
  406. .ctl_register #content div#right.register .register_info  {display: block; background:none}
  407. .outer-select .inner-select i {right:5px}
  408.  
  409. /** CHECKOUT **/
  410. .cart .headingbox_dark,
  411. .cart .headingbox,
  412. .cart .headingbox_nobg {background: none !important; color:#E21776 !important}
  413. body.ctl_checkout .container_20 #content #basket .table .table_row.non .table_row.shipping form .basket_country, body.ctl_checkout .container_20 #content #confirm .table .table_row.non .table_row.shipping form .basket_country, body.ctl_checkout .container_20 #content #finished .table .table_row.non .table_row.shipping form .basket_country, body.ctl_checkout .container_20 #content #basket .table .table_row.non .table_row.shipping form .basket_payment, body.ctl_checkout .container_20 #content #confirm .table .table_row.non .table_row.shipping form .basket_payment, body.ctl_checkout .container_20 #content #finished .table .table_row.non .table_row.shipping form .basket_payment, body.ctl_checkout .container_20 #content #basket .table .table_row.non .table_row.shipping form .basket_dispatch, body.ctl_checkout .container_20 #content #confirm .table .table_row.non .table_row.shipping form .basket_dispatch, body.ctl_checkout .container_20 #content #finished .table .table_row.non .table_row.shipping form .basket_dispatch{height:30px}
  414. .new_customer_form div.checkbox span {font-size:1.3em}
  415. .modal_paypal_button_de {left: 35%; position:absolute}
  416. .modal_paypal_button_de a,
  417. .basket_button_paypal_de a {border:none !important; outline:none !important}
  418.  
  419. #content #confirm .table .table_foot .tablefoot_inner-left {max-width:100%; border:none;}
  420. ul.advatages-logos {margin-left:10px}
  421. ul.advatages-logos li {float:left}
  422. ul.advatages-logos li img {max-width:100%; height:100%}
  423.  
  424. .ctl_checkout #content #confirm .table_row.advatages {background:#e4e5e7; padding:10px; width:auto; margin:10px 0 !important}
  425. .ctl_checkout #content #confirm .table_row.advatages h2 {margin: 0;border: none; font-weight: 700; font-size: 12px; line-height: 32px; height: 32px; color: #000; background:none; padding:5px}
  426.  
  427. .ctl_checkout #content .table_row.advatages {background:#e4e5e7; padding:10px;  margin:10px 0 !important}
  428. .ctl_checkout #content .table_row.advatages li {background:#e4e5e7; padding:5px 0 5px 30px; background: url("../../images/icons/ico_register-benefit.png") no-repeat 0 center; color: #777; margin: 0 0 0 15px;}
  429. .ctl_checkout #content .table_row.advatages h2 {margin: 0;border: none; font-weight: 700; font-size: 12px; line-height: 32px; height: 32px; color: #000;}
  430. #content #confirm .table .table_foot .tablefoot_inner-left {display: block; height: auto}
  431.  
  432. /** PLUGIN: BONUSPOINTS **/
  433.  
  434. #content #confirm .points_for_basket .basket-points_left .image {text-indent:-99999px}
  435. .ctl_detail #detail .points_for_article .image,
  436. .ctl_listing #content #left .bonus_articles .accordion li .detail {position:relative}
  437. .ctl_listing #content #left .bonus_articles .accordion li .detail:before {content: "\f004"; color:#e21776; font-size: 20px; position: absolute; top: 20px; left: 12px;}
  438. .ctl_listing #content #left .bonus_articles .accordion li .detail {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
  439. body.ctl_BonusSystem .articleBoxActions .actions a.more {font-weight:400}
  440.  
  441.     /** HEADER **/
  442.     #shopnavi .basket-display-ajax {text-align: center; width: 200px;}
  443.     #shopnavi .icon {width: auto; margin: 0; top: 0; position: relative;}
  444.     #shopnavi .icon a {font-size: 21px; font-weight: bold; font-family: 'Open Sans'; text-transform: uppercase; background:none}
  445.     #shopnavi .headerBasket .basketContents,
  446.     #shopnavi .headerBasket .basketContents.active {width:360px; position:absolute; top:60px; right:0}
  447.     body #header .inner .basket_points {color:#E21776}
  448.     body #header .user_points .user_points_inner {background-image: url(../../images/detail_bonuspoint_bg.png); background-size: 80% auto;}
  449.     body #header .current_points {color:#E21776}
  450.     #shopnavi .headerBasket .basketContents .basketContentsContent a {background:#E21776; line-height: 40px; color:#fff; font-size:1.15}
  451.     #shopnavi .headerBasket .basketContents .basketContentsContent a {border: 1px #fff dashed; cursor: pointer; display: inline-block; outline: 3px solid #E21776; background-clip: inherit; width:99%}
  452.     #shopnavi .headerBasket .basketContents .basketContentsContent a:hover {color: #fff; background:#ec4091}
  453.     #shopnavi .headerBasket .basketContents .basketContentsContent table tbody tr td {color: #303440; padding: 3px; vertical-align: top;}
  454.     #shopnavi .headerBasket .basketContents .basketContentsContent table td.title {text-align: left}
  455.    
  456.     /** SIDEBAR BONUS ACCORDION **/
  457.     .ctl_listing #content #left .bonus_articles .accordion li .detail {/*background: url("../../images/bonuspoint_small.png") no-repeat 15px 15px;*/ background:none}
  458.     .ctl_listing #content #left .bonus_articles div,
  459.     .ctl_listing #content #left .bonus_articles ul,
  460.     .ctl_listing #content #left .bonus_articles ul li {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
  461.     .ctl_listing #content #left .bonus_articles .accordion li .detail a {font-size: 1.468em; font-weight:300; color:#303440}
  462.     .ctl_listing #content #left .bonus_articles .accordion li {border:none}
  463.     .ctl_listing #content #left ul li.active {background:none}
  464.     .ctl_listing #content #left .bonus_articles ul li.active {width: 100%; background:#f3f4f6}
  465.     .ctl_listing #content #left .bonus_articles {border:none;}
  466.     .ctl_listing #content #left .bonus_articles .accordion {width:100% !important; overflow:hidden}
  467.     .ctl_listing #content #left .bonus_articles .accordion li.active ul.image li a {width: 100%; padding:0; margin:0}
  468.     .ctl_listing #content #left .bonus_articles .accordion li {width:100%; padding:0}
  469.     .ctl_listing #content #left .bonus_articles .accordion li .detail {width:100%}
  470.     .ctl_listing #content #left .bonus_articles .accordion li .detail a {width:100%}
  471.     .ctl_listing #content #left .bonus_articles .accordion li ul.image,
  472.     .ctl_listing #content #left .bonus_articles .accordion li ul.image li {background:none}
  473.     .ctl_listing #content #left .bonus_articles .bonus_listing_link {width: 100%; font-size: 1.468em; }
  474.     .ctl_listing #content #left .bonus_articles .accordion li .detail .points strong {color:#E21776}
  475.  
  476.     /** SLIDER **/
  477.     #wrapper #content .bonus_system_slider .ajaxSlider .article_box p.price {background: url("../../images/bonuspoint_small.png") no-repeat left top transparent; width:170px; margin:0 auto}
  478.     #wrapper .bonus_system_slider div {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
  479.     #wrapper .bonus_system_slider .ajaxSlider {border:none; width:100%}
  480.     #wrapper .bonus_system_slider .ajaxSlider .sliding_container,
  481.     #wrapper .bonus_system_slider .ajaxSlider .sliding_outer,
  482.     #wrapper #content .bonus_system_slider .ajaxSlider .sliding_container .slide {width:98.61111111111111% !important; left:0}
  483.     #wrapper #content .bonus_system_slider .article_box {width: 25%; height:170px; padding:0; margin:10px 0 0; float:left; border:none}
  484.     #wrapper #content .bonus_system_slider .ajaxSlider .article_box .title {height: 35px;}
  485.     #wrapper #content .bonus_system_slider .ajaxSlider .article_box .title:hover {color: #e21776 !important;}
  486.     #wrapper #content .bonus_system_slider .ajaxSlider .article_box p.price strong {color: #e21776; }
  487.     .ajaxSlider .leftArrow,
  488.     .ajaxSlider .rightArrow,
  489.     .bannerSlider .leftArrow,
  490.     .bannerSlider .rightArrow {background:none; border:none;height: 40px; width: 40px;}
  491.    
  492.     .ajaxSlider a.leftArrow:before,
  493.     .ajaxSlider a.rightArrow:before {font-family: "flexslider-icon"; font-size: 40px; display: inline-block; color: black; position: absolute; right: 10px; z-index: 1; text-indent: initial;}
  494.    
  495.     .ajaxSlider a.rightArrow:before {content: '\f002';}
  496.     .ajaxSlider a.leftArrow:before {content: '\f001';}
  497.    
  498.     @media (max-width: 640px)  
  499.                                 {  
  500.                                 #wrapper .bonus_system_slider .ajaxSlider .sliding_outer {height:360px}
  501.                                 #wrapper #content .bonus_system_slider .article_box {width: 50%; } 
  502.                                 }
  503.  
  504.     /** LISTING **/
  505.     .ctl_BonusSystem #content #left {display:none}
  506.     .ctl_BonusSystem #content .inner div#center {float:left; width: 100%; padding: 0 2.45098039215686%; margin:0}
  507.     .ctl_BonusSystem .bonus_banner {width:100%; height:180px}
  508.     .ctl_BonusSystem #content .inner div#center .cat_text {width:100%; margin:0}
  509.            
  510.     @media (min-width: 850px)  
  511.                                 {  
  512.                                 .ctl_BonusSystem div.listing .articlebox {width: 22.5%}
  513.                                 }
  514.     @media (min-width: 799px)  
  515.                                 {  
  516.                                 .ctl_BonusSystem #content #left {display:block}
  517.                                 .ctl_BonusSystem #content #left {width: 22.05882352941176%; margin:0}
  518.                                 .ctl_BonusSystem #content .inner div#center {float:left; width: 73.03921568627451%; padding: 0 2.45098039215686%; margin:0}
  519.                                 }
  520.  
  521.     /** DETAILS **/
  522.     .ctl_detail #detail .points_for_article {padding:0;width: 270px;margin: 0 auto;}
  523.     .ctl_detail #content .inner #detail #detailbox .right #buybox label {width:90%}
  524.     .ctl_detail #detail .points_for_article .image {background: url("../../images/detail_bonuspoint_bg.png") no-repeat left center;/*background: url("../../images/herzchen.svg") no-repeat left center;*/  background-size: 100% auto; font-size:12px}
  525.     .ctl_detail #content .inner #detail #detailbox .right .points_for_article a  {color:#e21776 !important}
  526.  
  527.     /** CHECKOUT **/
  528.     .ctl_checkout #basket .table_foot .basket-points .basket-points_left,
  529.     .ctl_checkout #basket .table_foot .basket-points .basket-points_right {width: 100%;}
  530.     .ctl_checkout #basket .table_foot .basket-points {left:auto; width:100%}
  531.     .ctl_checkout #basket .table_foot .basket-points .spending_top,
  532.     .ctl_checkout #basket .table_foot .basket-points .spending_bottom,
  533.     .ctl_checkout #basket .table_foot .basket-points .earning_top,
  534.     .ctl_checkout #basket .table_foot .basket-points .earning_bottom {width: 100%;}
  535.     .ctl_checkout .points_for_basket .image {background: url("../../images/checkout_bonuspoint_bg.png") no-repeat left center transparent;}
  536.     .ctl_checkout .points_for_basket .inner_container,
  537.     .ctl_checkout #confirm .points_for_basket .inner_container {width: auto;}
  538.     .ctl_checkout .basket_slider .inner-content .add_bonus_voucher_form .add_bonus_voucher_button {width: auto; padding:0 5px}
  539.     .ctl_checkout .points_for_basket {border:none}
  540.     .ctl_checkout .basket_slider .header {color: #e21776;}
  541.     .ctl_checkout .basket_slider .inner-content {height:auto}
  542.    
  543.     /** ACCOUNT **/
  544.     .ctl_account #content .adminbox.bonus {width:25%; float:right}     
  545.     .ctl_account #content .adminbox.bonus .headingbox {text-align:center}  
  546.     .ctl_account #content .adminbox.bonus p {text-align:center; margin:0; padding:10px}
  547.     .ctl_account #content .adminbox.bonus ul li {padding:5px; text-align:center}
  548.     .ctl_BonusSystem .orderoverview_active,
  549.     .ctl_BonusSystem  #content .inner .orders.bonus#center,
  550.     .ctl_BonusSystem .orderoverview_active .table {width:100%; padding:0}
  551.     .ctl_BonusSystem .orderoverview_active .table .table_head {border:none; background:none; line-height: 80px; height: 80px; font-weight:300}
  552.     .ctl_BonusSystem .orderoverview_active .table .table_row,
  553.     .ctl_BonusSystem .orderoverview_active .table .lastrow,
  554.     .ctl_BonusSystem .orderoverview_active .table .table_foot {border:none}
  555.     .ctl_BonusSystem .orderoverview_active .grid_2 {width:12%;margin: 0}
  556.     .ctl_BonusSystem .orderoverview_active .grid_3 {width:20%;margin: 0; text-align:center}
  557.     .ctl_BonusSystem .orderoverview_active .grid_4 {width:30%;margin: 0; text-align:center}
  558.     .ctl_BonusSystem .orderoverview_active .grid_9 {width:48%;margin: 0}
  559.  
  560. /** FOOTER **/
  561. body #footer .footer_menu p.email,
  562. body #footer .footer_menu p.hotline {color:#fff !important; background-image: url("../../images/icons/ico_footer.png"); background-repeat: no-repeat; padding-left:40px; height: 30px;}
  563. body #footer .footer_menu .hotline {color:#fff !important;}
  564. body #footer .footer_menu p.email {background-position: 0 -33px; line-height:auto}
  565. body #footer .footer_menu p.hotline {background-position: 0 -1px; font-size:1.4em; line-height:30px}
  566. body #footer .footer_menu p.hotline a {font-size: 1em; color:#fff!important}
  567. body #footer .footer_menu p.email a {font-size:12px; color:#fff !important; line-height: 30px;}
  568. #footer .footer_menu p {color:#fff}
  569. #footer .row {width:100%; clear:both; margin:0 0 20px; float:left}
  570. #footer .newsletter form .newslettersubmit { font-weight: 400; line-height: 19px !important;
  571. -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
  572. max-width: 30%; width:auto !important; padding: 0 5px; height: 25px !important; text-align: center; line-height: 25px !important; float: none; cursor: pointer; display: inline-block;}
  573. #footer .newsletter {float:left}
  574. #footer .newsletter p {padding: 0 1.5%; display:inline-block}
  575. #footer .newsletter form {padding: 0 1.5%; float:right;}
  576. #footer .newsletter form {/*background: #E21776;*/ padding:10px; box-sizing: border-box}
  577. #footer .newsletter form input#newsletter_input {width: 77%; background:#fff; height:30px; padding: 0 5px; border:none}
  578. #footer .social i {font-size:2.75em; color:#fff;}
  579. #footer .payments ul {width:100%; float:left}
  580. #footer .payments li {float:left; padding:0; width:33.33333333%;}
  581. #footer .payments li img {max-width:100%; height:100%}
  582.  
  583.  
  584. @media (max-width: 992px)
  585.                             {
  586.                                 body #footer .footer_menu p.hotline,
  587.                                 body #footer .footer_menu p.hotline a {font-size: 1em;}
  588.                                 body #footer .footer_menu p.email a {line-height: 16px;}
  589.                             }
  590.  
  591. @media (min-width: 701px)
  592.                             {
  593.                                 #footer_wrapper .footer_inner #footer .footer_menu .footer_column {width: 22.03406813627255%; padding: 0 2.5150300601202% 0 0;}
  594.                                 #footer .social {width:25%; float:left}
  595.                                 #footer .newsletter {width:75%; float:left}
  596.                                 #footer .newsletter p {width:47%;}
  597.                                 #footer .newsletter form {width:47%;}
  598.                                
  599.                             }
  600.  
  601. @media (max-width: 700px)
  602.                             {
  603.                                 #footer .newsletter p {width:100%;}
  604.                                 #footer .newsletter {width:44%; padding: 0 3%;}
  605.                                 #footer .newsletter form {width: 100%;}
  606.                             }
  607.                            
  608. @media (max-width: 380px)   {
  609.                                 #footer .newsletter {width: 94%; text-align: center;}
  610.                             }
  611.  
  612.  
  613. /** BUTTONS **/
  614. #footer .newsletter form .newslettersubmit,
  615. .ctl_BonusSystem .articleBoxActions .actions a.more {
  616. -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;
  617. -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-top-left-radius: 2px;
  618. -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; -moz-border-radius-topleft: 2px;
  619. border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; border-top-left-radius: 2px;
  620. -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box;
  621. box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
  622. height: 45px; font-size: 1.15em; font-weight: 200;
  623. line-height: 45px; width: 100%; background-color: #E21776; color: #ffffff !important; display: block; text-align: center; margin-left: 0%;
  624. }
  625. .ctl_BonusSystem .articleBoxActions .actions a.more:hover {background:#ec4091}
  626. .ctl_detail #content .inner #detail a.supplier-btn {background:#E21776; font-size:1.15em; margin:20px 10px; color:#fff !important; padding: 0 10px; line-height:32px; float: right;}
  627. .ctl_detail #content .inner #detail a.supplier-btn:hover  {background:#ec4091; color:#fff !important}
  628. .ctl_checkout #content #basket .actions a.button-right  {right:3px;}
  629. .ctl_checkout #content #basket .actions a.button-left  {left:3px;}
  630. #footer .newsletter form .newslettersubmit,
  631. .button-left, .button-middle, .button-right,
  632. .ctl_payment_paypal .button-right,
  633. .ctl_payment_paypal .button-left,
  634. #header .my_options .accountMenu .loginForm .loginButton,
  635. #registerbutton,
  636. #basketButton,
  637. div.ajax_login_form input#checkout_button,
  638. div.ajax_login_form .new_customer input.button-right,
  639. .ctl_checkout #content #basket .actions a,
  640. .ctl_account #login input.button-left,
  641. .ctl_account #login input.button-right,
  642. .ctl_account #login input.button-middle,   
  643. #detail a.supplier-btn,
  644. .ajax_add_article_container .actions a,    
  645. div.ajax_add_article .actions .button-right,
  646. .t2salessquareBox .salessquare .sqinner .infoExpand .expandActions .actionBuy a,
  647. #content .tellafriend #letterForm .button-right,
  648. #center.supportrequest form p.buttons input,
  649. .ctl_detail #content .inner #detail #detailinfo #tabs.ui-tabs .inner_tabs .ui-tabs-panel .buttons input,
  650. .ctl_BonusSystem .articleBoxActions .actions a.more {border: 1px #fff dashed; cursor: pointer; display: inline-block; outline: 3px solid #E21776; background-clip: inherit;}
  651. #content .tellafriend #letterForm .button-right ,
  652. .ctl_detail #content .inner #detail #detailinfo #tabs.ui-tabs .inner_tabs .ui-tabs-panel .buttons input {height:auto}
  653.  
  654. /** MODAL BOX **/
  655. div.ajax_add_article .article_box .quantity,   
  656. div.ajax_add_article .article_box .price {left:auto; right:20px}   
  657. .modal .heading .modal_close {right: 12px; top: 0px;}
  658. div.ajax_login_form fieldset div.last {height:47px}
  659. div.ajax_login_form .new_customer, div.ajax_login_form .existing_customer {padding: 1px 4% 10px;}
  660. div.ajax_login_form .new_customer .checkbox {float:left; display: inline-block;}
  661. div.ajax_login_form .new_customer .checkbox label {width: auto}
  662. div.ajax_login_form input#checkout_button,
  663. div.ajax_login_form .new_customer input.button-right {float:right; margin:0; height:auto; text-align: center;}
  664.  
  665. /** FILTER COLOR **/
  666. #content .inner .listing-topBar .listing-options .optionBox .listing-option-select li.active {background:#E21776}
  667. #content #left .filter_properties .supplier_filter .slideContainer ul.farbe {float:left; overflow: hidden}
  668. #content #left .filter_properties .supplier_filter .slideContainer ul.farbe li {float:left; width:auto; margin:5px}
  669. #content #left .filter_properties .supplier_filter .slideContainer ul.farbe li a,
  670. #content #left .filter_properties .supplier_filter .slideContainer ul.farbe li.active {text-indent:-9999px; padding:0; height:30px; width:30px; display:block}
  671. #content #left .filter_properties .supplier_filter .slideContainer ul.farbe li.close {float: none; border:none; width:100%}
  672. #content #left .filter_properties .supplier_filter .slideContainer ul.farbe li.close a {text-indent:inherit; height:auto; width:auto;padding: 0 0 0 20px;}
  673. #content #left .filter_properties .supplier_filter .slideContainer ul.farbe li {border:1px solid #D7D7D7}
  674. #content #left .filter_properties .supplier_filter .slideContainer ul.farbe li a:hover {opacity:0.6}
  675. /*
  676. #content #left .filter_properties .supplier_filter .slideContainer ul.farbe li a.Blau,
  677. #content #left .filter_properties .supplier_filter .slideContainer ul.farbe li.active.Blau {background:#006fb7}
  678. #content #left .filter_properties .supplier_filter .slideContainer ul.farbe li a.Braun,
  679. #content #left .filter_properties .supplier_filter .slideContainer ul.farbe li.active.Braun {background:#91640c}
  680. #content #left .filter_properties .supplier_filter .slideContainer ul.farbe li a.Gelb,
  681. #content #left .filter_properties .supplier_filter .slideContainer ul.farbe li.active.Gelb {background:#fff471}
  682. #content #left .filter_properties .supplier_filter .slideContainer ul.farbe li a.Grün,
  683. #content #left .filter_properties .supplier_filter .slideContainer ul.farbe li.active.Grün {background:#00a46f}
  684. #content #left .filter_properties .supplier_filter .slideContainer ul.farbe li a.Mehrfarbig,
  685. #content #left .filter_properties .supplier_filter .slideContainer ul.farbe li.active.Mehrfarbig {background:#797979}
  686. #content #left .filter_properties .supplier_filter .slideContainer ul.farbe li a.Nude,
  687. #content #left .filter_properties .supplier_filter .slideContainer ul.farbe li.active.Nude {background:#f5cf9d}
  688. #content #left .filter_properties .supplier_filter .slideContainer ul.farbe li a.Orange,
  689. #content #left .filter_properties .supplier_filter .slideContainer ul.farbe li.active.Orange {background:#e56b52}
  690. #content #left .filter_properties .supplier_filter .slideContainer ul.farbe li a.Rosa,
  691. #content #left .filter_properties .supplier_filter .slideContainer ul.farbe li.active.Rosa {background:#e8347d}
  692. #content #left .filter_properties .supplier_filter .slideContainer ul.farbe li a.Rot,
  693. #content #left .filter_properties .supplier_filter .slideContainer ul.farbe li.active.Rot {background:#e60816}
  694. #content #left .filter_properties .supplier_filter .slideContainer ul.farbe li a.Schwarz,
  695. #content #left .filter_properties .supplier_filter .slideContainer ul.farbe li.active.Schwarz {background:#000000}
  696. #content #left .filter_properties .supplier_filter .slideContainer ul.farbe li a.Türkis,
  697. #content #left .filter_properties .supplier_filter .slideContainer ul.farbe li.active.Türkis {background:#56cea7}
  698. #content #left .filter_properties .supplier_filter .slideContainer ul.farbe li a.Violett,
  699. #content #left .filter_properties .supplier_filter .slideContainer ul.farbe li.active.Violett {background:#842e82}
  700. #content #left .filter_properties .supplier_filter .slideContainer ul.farbe li a.Weiß,
  701. #content #left .filter_properties .supplier_filter .slideContainer ul.farbe li.active.Weoß {background:#ffffff}
  702. */
  703.  
  704.  
  705. /** ALL DEVICES **/
  706. #content #confirm h2 {color:#E21776}
  707. div#breadcrumb {margin:0}
  708. div#breadcrumb .inner {padding-top: 10px; margin:0 auto}   
  709. .ctl_index  #content .inner .listing-topBar {display:none}
  710. .articlebox p.points {text-align:center;color:#E21775}
  711. .articlebox span.further {font-size:12px; color:#000; font-style: italic;}
  712. .ctl_BonusSystem .articlebox .buynow {text-align:center; padding-bottom:10px; display: block;}
  713. .register .payment_method label {width:100%}
  714. .payment_method .grid_15.method .grid_10 a {height:auto}
  715. .payment_method .grid_15.method .grid_5 {padding-bottom:10px}
  716. .payment_method .grid_15.method_last .grid_5.first label {position: absolute; left: 25px; top: 0px; padding-bottom:10px; width:100%}
  717. .register .payment_method .method_last .first {width: 100%;}
  718. .grid_14.last.notice {background: none;}
  719. #confirm .personal-information .payment_method .grid_5 {margin-bottom:10px; width:100%}
  720. .button-left, .button-middle, .button-right, .button_tablefoot, #registerbutton, #basketButton {padding: 0 10px;}
  721. .ctl_detail .basket_button_paypal_de {margin:0}
  722. #content #confirm h2 {height:auto}
  723. #content #left .filter_properties .supplier_filter .slideContainer ul.sup-filter {margin:0; padding-top:0}
  724. #content #left .filter_properties .supplier_filter .slideContainer ul.sup-filter li a {line-height:20px}
  725. .ctl_detail #content .inner #detail #detailinfo #tabs.ui-tabs ul.ui-tabs-nav li a,
  726. .ctl_detail #content .inner #detail #detailinfo #tabs.ui-tabs ul.ui-tabs-nav li.ui-state-default a,
  727. .ctl_detail #content .inner #detail #detailinfo #tabs.ui-tabs ul.ui-tabs-nav li.ui-state-active a {font-weight: 400;}
  728. .articlebox .boxinner .action #buybutton {font-weight: 400;}
  729. .ctl_detail #content .inner #detail #detailbox .right #buybox #detailCartButton .buyBoxActions #basketButton {width:180px}
  730. .ctl_campaign #content .inner .listing-topBar {display: none}
  731. #basket .cart .shipping .basket_country,
  732. #basket .cart .shipping .basket_payment,
  733. #basket .cart .shipping .basket_dispatch {margin: 0; clear:both}
  734. #content .inner .listing-topBar .listing-options .optionBox .listing-option-select li {padding:5px 10px}
  735. #content #left .filter_properties .supplier_filter div.active  {padding: 0}
  736. .button-left, .button-middle, .button-right {height:auto}
  737. .ctl_account .button-left.large {margin-left:5px}
  738. #header .my_options .listing-option-select li {font-size:1em}
  739. #header .my_options .listing-option-select a {padding:5px 10px !important}
  740. body.ctl_checkout .container_20 #content #confirm .table .cart-item .item-block.item-block-1 .block-1-bottom p {margin: 0 2%;}
  741. .ctl_checkout #content #confirm .points_for_basket h2,
  742. .ctl_checkout #content #confirm .points_for_basket {margin:0 0 10px;}
  743. .link_container li.first {font-size:1em; !important; background:#E21776 !important; color:#fff !important}
  744. .link_container li {font-size:0.85em; !important}
  745. .currency {color:#8C8C8C}
  746. div.ajax_login_form .heading .modal_close,
  747. .modal .heading .modal_close,
  748. .ajax_compare_container .heading .modal_close,
  749. .ajax_compare_max_container .heading .modalClose,
  750. .ajax_modal_custom .heading .modalClose {right:14px}
  751. div#breadcrumb .inner {padding-top:5px}
  752. #wrapper .banner {padding-top:0}
  753. #content {margin-top:0}
  754. #listing-1col .articlebox .boxinner .action #variantbutton,
  755. #listing-1col .articlebox .boxinner .action #soldoutbutton,
  756. #listing-1col .articlebox .boxinner .action #buybutton {width:auto; padding: 0 10px}
  757. #content .change_billing .actions .button-right,
  758. #content .change_shipping .actions .button-right {margin-right: 3px;}
  759. #content .change_billing .actions .button-left,
  760. #content .change_shipping .actions .button-left {margin-left: 3px;}
  761. .small:hover span,
  762. .small_right:hover span {color: #fff;}
  763. #shopnavi .headerBasket .basketContents .basketContentsContent a.basketcheckout {width:40%}
  764. #shopnavi .headerBasket .basketContents .basketContentsContent .basket_button_paypal_de {float:left; margin: 5px 0 0 !important}
  765. #shopnavi .headerBasket .basketContents .basketContentsContent .basket_button_paypal_de a {background:none !important; }
  766. .ctl_detail #detail .points_for_article {margin: 0 33px; float: right;}
  767. .ctl_detail .basket_button_paypal_de {margin: 15px 22% 0 0;}
  768. .ctl_detail #content .inner #detail #detailbox .right #buybox .article_details_bottom {margin: 0;}
  769. div#searchresults {margin: 0 0 0 90px;}
  770. .fuzzy_result_box .inner_box {background:none}
  771. a.link {font-weight: 400;}
  772. .ctl_checkout .notice {margin-right:0}
  773. .register div {margin: 5px 3px;}
  774. .bonus_points {font-size: 11px;}
  775. p {margin: 0 0 1em;}   
  776. .listing-options .selectContent div {font-weight:bold}
  777. .tinymce-editor-image {max-width:100%; width:auto; height:auto}
  778. .payment_method .grid_15.method .grid_10 a {top:auto; position:relative; margin:0}
  779. .payment_method img {max-width:100%; margin: 10px 0}
  780. #sofort_payment_template_su {height:auto;}
  781. #sofort_payment_template_su a {position:relative; margin:0}
  782. #sofort_payment_template_su p {margin-bottom:0; display:block}
  783. .register .payment_method .method .first,
  784. .register .payment_method .method_last .first {width:100%}
  785. .payment_method .grid_15.method .grid_10 a {top:auto; position:relative; margin:0}
  786. .payment_method img {max-width:100%; margin: 10px 0}
  787. .payment_method .grid_15.method {padding-top:10px}
  788. .payment_method .grid_15.method_last .grid_5.first label {left:15px}
  789. #content .inner #notes .remove {margin:5px 5px 0 0}
  790. #notes .articlebox .articleBoxActions .articlePrice {margin-bottom:10px}
  791. .t2re-grid .flexsliderArticle span.title {padding: 0 15px; font-size: 16px; font-weight: 300; line-height: 30px;}
  792. .t2re-grid.emotion-col4 .col1 .emotion-inner-element .articlebox .boxinner .articleBoxActions .articleActions {display: block}
  793. #wrapper .t2re-grid .t2salessquareBox .salessquare .sqinner .sqinfo .thumbnail {width: 50%;}
  794. #wrapper .t2salessquareBox .salessquare .sqinner .infoExpand .description {font-weight: 400;}
  795. #wrapper .t2re-grid .t2salessquareBox .salessquare .sqinner .sqinfo .infotext span.title {font-size: 1em; /*word-break: break-all;*/}
  796. .t2re-grid .t2salessquareBox .salessquare .sqinner .sqinfo .thumbnail {background-position: top; background:#F5F5F5}
  797. .t2re-grid .t2salessquareBox .salessquare .sqinner .sqinfo .thumbnail {background-size:100% auto;}
  798. input.button-left, input.button-right, input.button-middle {text-align: center}
  799. .compare_desc div.desc, .compare_article div.desc {height: 150px}
  800. #content .tellafriend #letterForm .button-right {margin-right: 10px}
  801. #registerbutton {margin-right:10px}
  802. #content .inner #notes .remove {background-color:#303440}
  803. #content .inner #notes .remove i {font-size: 18px;}
  804. #wrapper .wrap_inner {min-height: 370px;}
  805. .html-text-inner-element {border:0  }
  806. .emotion-inner-element .text {padding:0}
  807. .t2re-grid .flexsliderArticle .flex-viewport .slides li .articleSliderBox .innerSlideBox .title {font-size: 1.1em;}
  808. .t2re-grid .flexsliderArticle .flex-viewport .slides li .articleSliderBox .innerSlideBox .articlePrice {font-size: 1.1em; padding:0}
  809. .t2re-grid .flexsliderArticle .flex-viewport .slides li .articleSliderBox .innerSlideBox {padding-top:0}
  810. .container_20 {clear: both;}
  811. #wrapper .t2re-grid .t2salessquareBox .salessquare .sqinner .sqinfo .thumbnail {background-repeat:no-repeat}
  812. #left div#verign_price_filter {overflow:hidden; border:none; padding:15px 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
  813. #left div#verign_price_filter h2 {width:100%; /*isplay:block; background-color: #E21776 !important; color: #ffffff !important; font-weight: 400; line-height: 30px; padding: 0 15px; height: 30px;*/}
  814. #left div.noUiSlider {width:90%}
  815. #left #verign_price_filter_button {text-align:center}
  816. #left div#verign_price_filter .inner {padding: 5px 10px 5px 15px; float:left}
  817. #left div#verign_price_filter div#verign_price_filter_button a {float:right; margin-left:4px; height:30px; line-height:30px; color:#fff; background-color: #E21776; font-weight: 400;border: 1px #fff dashed; cursor: pointer; display: inline-block; outline: 3px solid #E21776; background-clip: inherit;}
  818. #left div#verign_price_filter div#verign_price_filter_button a:hover {background-color: #ec4091;}
  819. #left a#verign_reset_price {font-weight: 400; padding: 0 0 0 40px; float:none; line-height: 32px; height:32px; background:none; width:auto; font-size: 1em; color: #3e3e3e; font-family:'Quicksand', sans-serif;}
  820. #left a#verign_reset_price:hover {color:#ec4091}
  821. .agb_info, .ctl_checkout .agb_accept {top: 90px;}
  822. .articlebox .boxinner .action #variantbutton:hover {background-color: #ec4091;}
  823. #header .my_options .accountMenu span.head {margin: 0 5px 5px; color: #ffffff; font-size: 1.2em;}
  824. h5 {font-size: 18px; margin: 10px 0 5px; line-height: 1.6em; font-weight:400}
  825. #content #left h5.headingbox {font-size: 1.1em;}
  826. #content #left .headingbox_nobg.filter_properties {font-size: 1.1em; font-weight:400}
  827. .addresses .select_billing .change input {background:#E21776}
  828. .addresses .select_billing .change input:hover {background:#ec4091}
  829. body.ctl_checkout .container_20 #content #confirm .agb_cancelation {height: 130px;}
  830. #content #confirm .voucher-add-article .vouchers, #content #confirm .voucher-add-article .add_article {width: 265px;}
  831.  
  832.  
  833. .t2re-grid .emotion-inner-element .articlebox .boxinner {/*width:88%;*/ padding:0}
  834. .t2re-grid.emotion-col4 .col1 .emotion-inner-element .articlebox .boxinner .articleBoxActions .articlePrice {width: 45%;}
  835. .t2re-grid .emotion-inner-element .articlebox .boxinner a.articleimage {background-position:center}
  836. .t2re-grid.emotion-col4 .col1 .emotion-inner-element .articlebox .boxinner .articleBoxActions .articlePrice {width: 45%;}
  837. .ctl_listing .t2re-grid .emotion-inner-element .articlebox .boxinner .articleBoxActions {height: 70px;}
  838. .t2re-grid.emotion-col4 .col1 .emotion-inner-element .articlebox .boxinner .articleBoxActions .articlePrice {height: 25px;}
  839. .ctl_listing .t2re-grid.emotion-col4 .col1 .emotion-inner-element .articlebox .boxinner .articleBoxActions .articlePrice {width:100%; margin:0}
  840.  
  841. @media only screen
  842. and (min-width: 992px)  
  843.                             {
  844.                             .t2re-grid .emotion-inner-element .articlebox .boxinner a.articleimage {height:243px}
  845.                             .ctl_listing .t2re-grid .emotion-inner-element .articlebox .boxinner a.articleimage {height:173px}
  846.                             .ctl_listing .t2re-grid .emotion-inner-element .articlebox .boxinner .articleBoxActions .articleActions {width: 100%; max-width: 100%; height:35px}
  847.                             .ctl_listing .t2re-grid.emotion-col4 .col1 .emotion-inner-element .articlebox .boxinner .articleBoxActions .articlePrice {margin-bottom:0; width: 100%}
  848.                             .ctl_listing .t2re-grid .articlebox .articleBoxActions .articlePrice span.price {position:relative}
  849.                             }
  850. @media only screen
  851. and (max-width: 992px)  
  852.                             {
  853.                             #listing-1col .articlebox .boxinner .badge {top:175px}
  854.                             .t2re-grid .emotion-inner-element .articlebox .boxinner a.articleimage {height:170px}
  855.                             .ctl_listing .t2re-grid .emotion-inner-element .articlebox .boxinner a.articleimage {height:130px}
  856.                             /*.articlebox .boxinner .action .basketButton {height:35px}*/
  857.                             .t2re-grid .emotion-inner-element .articlebox .boxinner .articleBoxActions .articleActions {width: 100%; max-width: 100%;}
  858.                            
  859.                             body.ctl_checkout .container_20 #content #confirm .agb_cancelation {height: 130px;}
  860.                             }      
  861.  
  862. @media only screen
  863. and (max-width: 800px)  
  864.                             {
  865.                             .t2re-grid .emotion-inner-element .articlebox .boxinner a.articleimage {height:120px}
  866.                             }                              
  867.                            
  868.                                
  869. @media only screen
  870. and (max-width: 879px) 
  871.                             {
  872.                             #header #compareHighlight, #header #compareHighlight.active {top: 110px; left: 70px !important;}
  873.                             }
  874. @media only screen
  875. and (min-width: 768px) 
  876.                             {
  877.                             .ico_basket {background-image: url(../../images/ico_cart.png); height:55px; width:50px; text-indent: -99999px; display: block; position: absolute; left: -50px;}   
  878.                             body.ctl_checkout .container_20 #content #finished .table .cart-item .item-block.item-block-4 {float:right; width: 65%;}
  879.                             body.ctl_checkout .container_20 #content #finished .table .cart-item .basketitemblock-b {float:right; width: 20%;}
  880.                             }
  881. @media only screen
  882. and (max-width: 767px) 
  883.                             {
  884.                             .ico_basket {display: none}
  885.                             }
  886. @media only screen
  887. and (max-width: 660px)
  888.                             {
  889.                             div#searchresults{top:185px !important}
  890.                             div#searchresults .searchresult_inner li {font-size:1.15em}
  891.                             .ctl_detail #content .inner #detail #detailbox .right #buybox #detailCartButton .buyBoxActions #basketButton {width: 200px; margin-left: 20px;}
  892.                             body.ctl_checkout .container_20 #content #basket .table .table_row.non .table_row.shipping form {height: 120px;}
  893.                             .ctl_checkout #content .table_row.advatages li {margin: 0 0 0 5px;}
  894.                             #basket .actions {height:auto; text-align:center}
  895.                             #basket .actions .basket_button_paypal_de {float:none; margin:0 auto; clear:both}
  896.                             #basket .actions .basket_button_paypal_de a {float:none;}
  897.                             #basket .actions .paypal_button_delimiter {display:block}
  898.                             .ctl_checkout #content #basket .actions a.button-right {right: auto; float: none;}
  899.                             .ctl_checkout #content #basket .actions a.button-left {left: auto; float: none;}
  900.                             .ctl_detail .basket_button_paypal_de {position: absolute; left:53%}
  901.                             .ctl_detail #detail .points_for_article {margin: 0; float: right; margin:10px 35px; top:12px}
  902.                             .ctl_detail #content .inner #detail #detailbox .right #buybox #detailCartButton .buyBoxActions a.actionNote {width:auto; margin-left:10px}
  903.                             div#searchresults {margin: 0 0 0 -10px;}
  904.                             .fuzzy_result_box {width:95%}
  905.                             #shopnavi .headerBasket .basketContents .basketContentsContent .basket_button_paypal_de {position:relative; left:auto}
  906.                             #basket .actions a.button-right {position:relative}
  907.                             body.ctl_checkout .container_20 #content #basket .table .table_row.non .table_row.shipping {padding-top:0}
  908.                             .modal .heading h2 {width:80%}
  909.                             #header #compareHighlight,
  910.                             #header #compareHighlight.active {top: 150px; left: 250px !important;}
  911.                             .ctl_detail #content .inner #detail #detailbox .left #img .wrapper #wrap .mousetrap,
  912.                             .cloud-zoom-big, #cloud-zoom-big {display: none !important;}
  913.                             }
  914.  
  915. @media only screen
  916. and (min-width: 660px) 
  917.                             {
  918.                                 body #header .user_points .user_points_inner {background-size: 25%;}
  919.                                 .ctl_register #content .inner div#center.register {width: 73.03921568627451%; padding: 0 2.45098039215686%; float:left}
  920.                                 .ctl_register #content div#right.register  {width: 22.05882352941176%; float:right; margin:40px 0 0!important; padding:0; background: #e4e5e7; }
  921.                             }
  922.                            
  923. @media only screen
  924. and (min-width : 640px)
  925.                             {
  926.                             .ctl_note div.listing#listing-1col .articlebox .boxinner {width:100%}
  927.                             .ctl_note div.listing#listing-1col .articlebox .boxinner .articleInformation .articleBoxActions {position:relative; padding:2%}
  928.                             .ctl_note .articlebox .boxinner a.title {text-align:left}
  929.                             }
  930. @media only screen
  931. and (max-width : 640px)
  932.                             {
  933.                             .t2re-grid .emotion-inner-element .articlebox .boxinner a.articleimage {height:200px}
  934.                             }                          
  935.                            
  936.                            
  937. @media only screen
  938. and (max-width: 510px) 
  939.                             {
  940.                             #header #compareHighlight, #header #compareHighlight.active {left: 0px !important;top: 200px !important;}
  941.                             }                              
  942. @media only screen
  943. and (max-width : 480px)
  944.                             {
  945.                             #content #confirm h2,
  946.                             #content .headingbox_dark,
  947.                             #content .tellafriend .register h2.headingbox_dark,
  948.                             #content .register h2.headingbox_dark,
  949.                             .register .alternative_shipping {height:auto}
  950.                             #content .inner div#center .actions input[type="submit"].button-right {float:right; width:auto}
  951.                             #content .inner div#center .actions a.large.button-left {width: auto; display:inline-block}
  952.                             }
  953.  
  954. @media only screen
  955. and (max-width: 420px)  
  956.                             {
  957.                             #basket .actions a.button-left, #basket .actions a.button-right {width:90%}
  958.                             }
  959.    
  960. @media only screen
  961. and (max-width: 380px)  
  962.                             {
  963.                             body #footer .footer_menu p.hotline,
  964.                             body #footer .footer_menu p.hotline a {font-size: 1.4em;}
  965.                             body #footer .footer_menu p.email a {font-size: 1.2em; line-height: 25px}
  966.                             .footer_info {font-size:0.85em}
  967.                             div#searchresults{top:255px !important}
  968.                             #detail #detailinfo .description_properties, #detail #detailinfo .description_properties li {font-size: 0.9em;}
  969.                             }
  970.  
  971. @media only screen
  972. and (max-width: 360px)
  973.                             {
  974.                             #shopnavi .headerBasket .basketContents .basketContentsContent a.basketcheckout {width: 35%;}
  975.                             #shopnavi .headerBasket .basketContents, #shopnavi .headerBasket .basketContents.active {width: 300px; top: 60px; right: 0; left: auto;}
  976.                             #header #compareHighlight, #header #compareHighlight.active {left: 90px !important;top: 255px !important;}
  977.                             }
  978.                            
  979. @media only screen
  980. and (max-width: 320px)
  981.                             {
  982.                             #shopnavi .headerBasket .basketContents, #shopnavi .headerBasket .basketContents.active {width: 315px; left:0}
  983.                             #header #shopnavi {left: 0;}
  984.                             #shopnavi .headerBasket .basketContents .basketContentsContent a.basketcheckout {width: 35%;}
  985.                             .ctl_detail #content .inner #detail #detailbox .right #buybox #detailCartButton .buyBoxActions #basketButton {/*width: 80%*/}
  986.                             .ctl_detail .basket_button_paypal_de {left: 33%;}
  987.                             }
  988.    
  989. /** Smartphones  iPhone iPad  **/
  990. /** SMARTPHONE **/ 
  991. @media only screen
  992. and (min-device-width : 320px)
  993. and (max-device-width : 480px)
  994.                             {
  995.                             .ajax_add_article_container .actions a {font-size:0.9em}
  996.                             .modal_paypal_button_de {margin:0 0 10px !important; width: 100%; text-align:center; position:relative; left:auto}
  997.                             .ctl_detail #content .inner #detail a.supplier-btn {margin-left:5%}
  998.                             .ctl_checkout .basket_button_paypal_de {margin:0}
  999.                             .ctl_account p.password{display: inline-block; float:left;}
  1000.                             }
  1001. /** IPHONE **/
  1002. @media only screen
  1003. and (min-device-width : 320px)
  1004. and (max-device-width : 568px)
  1005.                             {
  1006.                             .ctl_account #content .adminbox.bonus {width: 45%;}
  1007.                             .ctl_account #content .inner div#center .cat_text {width:50%}
  1008.                             .cartimg-wrap {margin: 15px 5% 0 0;}
  1009.                             body.ctl_checkout .container_20 #content #basket .table .cart-item .item-block.item-block-1 .block-1-top .cart-item-title-wrap,
  1010.                             body.ctl_checkout .container_20 #content #confirm .table .cart-item .item-block.item-block-1 .block-1-top .cart-item-title-wrap {width:65%; margin: 15px 0 0;}
  1011.                             #content h2.headingbox_dark {height:auto}
  1012.                             }
  1013.                            
  1014. /** IPHONE LANDSCAPE **/
  1015. @media only screen
  1016. and (min-device-width : 320px)
  1017. and (max-device-width : 568px)
  1018. and (orientation : landscape)
  1019.                             {
  1020.                             #shopnavi .headerBasket .basketContents, #shopnavi .headerBasket .basketContents.active {width: 300px; top: 60px; right: 0; left: auto;}
  1021.                             #shopnavi .headerBasket .basketContents .basketContentsContent a.basketcheckout {width: 35%;}
  1022.                             #footer .newsletter {width: 60%; padding: 0 3%; clear: both;}
  1023.                             }
  1024. /** IPHONE PORTRAIT **/
  1025. @media only screen
  1026. and (min-device-width : 320px)
  1027. and (max-device-width : 568px)
  1028. and (orientation : portrait)
  1029.                             {
  1030.                             .ctl_detail #content .inner #detail #detailbox .right #buybox #detailCartButton .buyBoxActions #basketButton {margin-left:3px;}
  1031.                             .ctl_detail .basket_button_paypal_de {left: auto; position:relative; float:left; margin:0; top:-22px}
  1032.                             .social-links {margin-bottom: 10px; float: left; top: 45px; position: relative;}
  1033.                            
  1034.                             }
  1035. @media only screen
  1036. and (min-device-width : 768px)
  1037. and (max-device-width : 1024px)
  1038. and (orientation : portrait)
  1039.                             {
  1040.                             .t2re-grid .t2salessquareBox.active .salessquare.active .sqinner .sqinfo {height: 69.3333%;}
  1041.                             #wrapper .t2salessquareBox .salessquare .sqinner .infoExpand .description {display:none}
  1042.                             .t2re-grid .t2salessquareBox .salessquare .sqinner .infoExpand .expandActions {bottom: auto; top: 10px;}
  1043.                             .t2re-grid .t2salessquareBox {/*display:none;*/}
  1044.                             .checkoutSteps .step .stepnumber, .checkoutSteps .step {font-size: 1.2em !important;}
  1045.                             }
  1046. /** IPAD PORTRAIT **/
  1047. @media only screen
  1048. and (min-device-width : 768px)
  1049. and (orientation : portrait)
  1050.                             {
  1051.                             .ctl_detail #content .inner #detail #detailbox .right #buybox #detailCartButton .buyBoxActions #basketButton {/*width:32%*/}
  1052.                             .ctl_detail .basket_button_paypal_de {margin: 15px 13% 0 0;}
  1053.                             }
  1054.  
  1055.  
  1056. /** FONT **/
  1057. /*#content .custom.fontswitch p { font-family: Verdana, Geneva, sans-serif}*/
  1058. #content .custom  p span.paragraph{ font-family: Verdana, Geneva, sans-serif}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!