Guest User

temq

a guest
Sep 5th, 2013
51
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*
  2. Theme Name: Minha Loja WP
  3. Theme URI: http://buscape.com
  4. Description: Solução do Buscapé Company para seu e-commerce com WordPress
  5. Author: Apiki WordPress
  6. Version: 2.3
  7. */
  8.  
  9. @import "assets/css/combined.css";
  10. @font-face {
  11. font-family: 'ArialRoundedMTBoldRegular';
  12. src: url('assets/font/arial-rounded.eot');
  13. src: url('assets/font/arial-rounded.eot?#iefix') format('embedded-opentype'),
  14. url('assets/font/arial-rounded.woff') format('woff'),
  15. url('assets/font/arial-rounded.ttf') format('truetype'),
  16. url('assets/font/arial-rounded.svg#ArialRoundedMTBoldRegular') format('svg');
  17. font-weight: normal;
  18. font-style: normal;
  19. }
  20. @font-face {
  21. font-family: 'AFKlampenborgMedium';
  22. src: url('assets/font/afklampenborg_medium.eot');
  23. src: url('assets/font/afklampenborg_medium.eot?#iefix') format('embedded-opentype'),
  24. url('assets/font/afklampenborg_medium.woff') format('woff'),
  25. url('assets/font/afklampenborg_medium.ttf') format('truetype'),
  26. url('assets/font/afklampenborg_medium.svg#AFKlampenborgMedium') format('svg');
  27. font-weight: normal;
  28. font-style: normal;
  29. }
  30. @font-face {
  31. font-family: 'FuturaMdBTBold';
  32. src: url('assets/font/tt0144m-webfont.eot');
  33. src: url('assets/font/tt0144m-webfont.eot?#iefix') format('embedded-opentype'),
  34. url('assets/font/tt0144m-webfont.woff') format('woff'),
  35. url('assets/font/tt0144m-webfont.ttf') format('truetype'),
  36. url('assets/font/tt0144m-webfont.svg#FuturaMdBTBold') format('svg');
  37. font-weight: normal;
  38. font-style: normal;
  39. }
  40. @font-face {
  41. font-family: 'Conv_tt0142m';
  42. src: url('assets/font/tt0142m.eot');
  43. src: local('☺'), url('assets/font/tt0142m.woff') format('woff'),
  44. url('assets/font/tt0142m.ttf') format('truetype'),
  45. url('assets/font/tt0142m.svg') format('svg');
  46. font-weight: normal;
  47. font-style: normal;
  48. }
  49.  
  50. html { background: url(assets/images/bg-footer.png) repeat-x bottom; }
  51. body {
  52. background: url(assets/images/bg-html.png) repeat-x top;
  53. font: normal 17px/120% "AFKlampenborgMedium", Arial, Helvetica, Sans-Serif;
  54. color: #000000;
  55. }
  56. body.page-carrinho { background: url(assets/images/bg-html-carrinho.png) repeat-x top; }
  57. body.page-carrinho #header { margin-bottom: 20px; height: 105px; }
  58. body.page-carrinho .nav, body.page-carrinho .nav-footer { display: none; }
  59. body.page-carrinho #footer #method-payment { margin: 53px 0 52px; }
  60. a {
  61. text-decoration: none;
  62. display: block;
  63. }
  64.  
  65. address { font-style: normal; }
  66.  
  67. /** Title **/
  68. h2.title, h2.title a, h1.title, h1.title a {
  69. font: bold 43px/100% "AFKlampenborgMedium",Arial, Helvetica, Sans-Serif; color: #000000;
  70. -moz-transition: 0.1s;
  71. -webkit-transition: 0.1s;
  72. transition: 0.1s;
  73. }
  74. .featured-description h2.title { font: bold 42px/100% "AFKlampenborgMedium",Arial, Helvetica, Sans-Serif; }
  75. h3.title-box, h3.title-box a, h1.title-box, h1.title-box a, h2.title-box, h2.title-box a {
  76. background: url(assets/images/bg-title-box.png) no-repeat;
  77. color: #FF9900;
  78. font: bold 22px/35px "AFKlampenborgMedium",Arial, Helvetica, Sans-Serif;
  79. padding-left: 8px;
  80. width: 335px;
  81. height: 35px;
  82. display: block;
  83. }
  84. h4.title, h4.title a { font: normal 22px/100% "AFKlampenborgMedium", Arial, Helvetica, Sans-Serif; color: #000000 }
  85. h4.title a:hover, h2.title a:hover { color: #F02311; }
  86. h4.title a:active, h4.title a:focus, h2.title a:active, h2.title a:focus { color: #0E2103; }
  87.  
  88. /** Breadcrumbs **/
  89. .breadcrumbs { overflow: hidden; margin: 5px 0 30px 0; padding: 2px;}
  90. .breadcrumbs a, .breadcrumbs span {
  91. display: inline-block;
  92. font: bold 13px/100% Arial, Helvetica, Sans-Serif;
  93. color: #777;
  94. margin-right: 10px;
  95. -moz-transition: 0.1s;
  96. -webkit-transition: 0.1s;
  97. transition: 0.1s;
  98. float: left;
  99. }
  100. .breadcrumbs a:hover { color: #CDD7B6; }
  101. .breadcrumbs a:active, .breadcrumbs a:focus { color: #000000; }
  102. .breadcrumbs span.next {
  103. font-size: 18px;
  104. margin-top: -5px;
  105. }
  106.  
  107. /** buttons **/
  108. #product-list ul { margin-top: 20px; }
  109. #product-list .btn, .featured-description .btn {
  110. padding: 0 0 0 37px;
  111. border: 1px solid #ccc;
  112. border-right: 0 none;
  113. width: 136px;
  114.  
  115. background: #1693A5 url(assets/images/pag-digital.png) no-repeat 4px -28px;
  116. -moz-border-radius: 10px 10px 10px 10px;
  117. -webkit-border-radius: 10px 10px 10px 10px;
  118. border-radius: 10px 10px 10px 10px;
  119. }
  120. #product-list .btn a, .featured-description .btn a {
  121. width: 126px;
  122. padding: 4px 4px;
  123. border: 1px solid #FF9900;
  124. display: block;
  125. font: normal 18px/120% "ArialRoundedMTBoldRegular", Arial, Helvetica, Sans-Serif;
  126. text-transform: uppercase;
  127. color: #fff;
  128. background: url(assets/images/sprite-buttons.png) repeat-x 0 0;
  129. /*
  130. background: #FF0066; para browsers sem suporte a CSS 3
  131. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#556270', endColorstr='#FF0066'); IE
  132. background: -webkit-gradient(linear, left top, left bottom, from(#556270), to(#FF0066)); webkit browsers
  133. background: -moz-linear-gradient(top, #556270, #FF0066); Firefox 3.6+
  134. */
  135.  
  136. -moz-border-radius: 10px;
  137. -webkit-border-radius: 10px;
  138. border-radius: 10px;
  139.  
  140. -moz-box-shadow: 0 0 5px #FF0066;
  141. -webkit-box-shadow: 0 0 5px #FF0066;
  142. box-shadow: 0 0 5px #FF0066;
  143. }
  144. #product-list .btn a:hover, .featured-description .btn a:hover {
  145. background: url(assets/images/sprite-buttons.png) repeat-x 0 -44px;
  146. /* background: #FF0066; para browsers sem suporte a CSS 3
  147. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1693A5', endColorstr='#FF0066'); IE
  148. background: -webkit-gradient(linear, left top, left bottom, from(#1693A5), to(#FF0066)); webkit browsers
  149. background: -moz-linear-gradient(top, #1693A5, #FF0066); Firefox 3.6+ */
  150. }
  151. #product-list .btn a:active, .featured-description .btn a:active,
  152. #product-list .btn a:focus, .featured-description .btn a:focus {
  153. border: 0 none;
  154. padding: 5px 5px;
  155. color: #A46200;
  156. text-shadow: 2px 2px 0 #FF0066;
  157. background: url(assets/images/sprite-buttons.png) repeat-x 0 -83px;
  158. /* background: #FF9900; para browsers sem suporte a CSS 3
  159. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9900', endColorstr='#FFCC00'); IE
  160. background: -webkit-gradient(linear, left top, left bottom, from(#FF9900), to(#FFCC00)); webkit browsers
  161. background: -moz-linear-gradient(top, #FF9900, #FFCC00); Firefox 3.6+ */
  162.  
  163. -moz-box-shadow: 1px 1px 2px #643C00 inset;
  164. -webkit-box-shadow: 1px 1px 2px #643C00 inset;
  165. box-shadow: 1px 1px 2px #643C00 inset;
  166. }
  167. .featured-description .btn a:active, .featured-description .btn a:focus { padding: 4px 5px; }
  168.  
  169. #product-list .btn a:active span, .featured-description .btn a:active span,
  170. #product-list .btn a:focus span, .featured-description .btn a:focus span{ background-position: 2px -60px; }
  171.  
  172. .featured-description .btn {
  173. background: url("assets/images/pag-digital.png") no-repeat 10px 9px #1693A5;
  174. clear: both;
  175. padding: 22px 0 15px;
  176. margin-top: 30px;
  177. position: relative;
  178. width: 220px;
  179. float: right;
  180. }
  181. .featured-description .btn a {
  182. font-size: 24px;
  183. padding: 3px 4px 4px 4px;
  184. width: 165px;
  185. }
  186. .featured-description .btn span {
  187. background: url("assets/images/bg-carrinho.png") no-repeat scroll 5px -23px transparent;
  188. display: block;
  189. padding: 0 20px 0 35px;
  190. }
  191. .featured-description .btn a:active span, .featured-description .btn a:focus span { background-position: 0 -92px }
  192.  
  193. #product-list .btn span {
  194. background: url("assets/images/bg-carrinho.png") no-repeat 5px 3px;
  195. display: block;
  196. padding: 0 20px 0 28px;
  197. -moz-border-radius: 10px;
  198. -webkit-border-radius: 10px;
  199. border-radius: 10px 10px 10px 10px;
  200. }
  201.  
  202. #car-buy .close-request { margin-right: 24px; }
  203. #car-buy .close-request li { margin-left: 27px; }
  204. #car-buy .close-request .btn {
  205. background: url("assets/images/btn-close-request.png") no-repeat;
  206. height: 43px;
  207. }
  208. #car-buy .close-request .btn input[type="submit"] {
  209. background: url("assets/images/sliding-right.png") no-repeat scroll right 0 transparent;
  210. border: 0 none;
  211. color: #000000;
  212. cursor: pointer;
  213. font: 22px/120% "ArialRoundedMTBoldRegular",Arial,Helvetica,Sans-Serif;
  214. height: 42px;
  215. left: 24px;
  216. letter-spacing: -1px;
  217. margin-top: 1px;
  218. padding: 0 22px 14px 67px;
  219. position: relative;
  220. text-transform: uppercase;
  221. }
  222. #car-buy .close-request .btn:hover { background-position: 0px -50px; }
  223. #car-buy .close-request .btn:hover input[type="submit"] { background-position: right -43px; }
  224.  
  225. #car-buy .close-request .btn:active { background-position: 0px -100px; }
  226. #car-buy .close-request .btn:active input[type="submit"] { background-position: right -85px; }
  227.  
  228. #product-added {
  229. clear: both;
  230. display: block;
  231. float: right;
  232. margin-top: 30px;
  233. }
  234. #product-list #product-added {
  235. float: none;
  236. margin-top: 0;
  237. }
  238.  
  239. /** Layout Structure **/
  240.  
  241. /** Header **/
  242. #header {
  243. height: 150px;
  244. position: relative;
  245. z-index: 999;
  246. }
  247. #header h1 { margin-top: 20px; width: 132px; }
  248. #header #box-search {
  249. position: relative;
  250. top: -30px;
  251. left: 240px;
  252. width: 460px;
  253. }
  254. #header #box-search input[type="text"] {
  255. font: italic 16px/25px "Conv_tt0142m", Arial, Helvetica, Sans-Serif;
  256. color: #948C75;
  257. padding: 0 30px 0 10px;
  258. height: 30px;
  259. width: 417px;
  260. border: 1px solid #A7DBD8;
  261.  
  262. -moz-border-radius: 10px;
  263. -webkit-border-radius: 10px;
  264. border-radius: 10px;
  265. }
  266. #header #box-search input[type="text"]:active,
  267. #header #box-search input[type="text"]:focus,#car-buy .form-cep input[type="text"]:active, #car-buy .form-cep input[type="text"]:focus { background: url(assets/images/bg-input.png) repeat-x bottom; color: #000000; }
  268.  
  269. #header #box-search input[type="submit"], #car-buy .calcular-frete, #car-buy ul#my-account li a {
  270. position: absolute;
  271. top: 0px;
  272. right: 0px;
  273. background: red;
  274. border: 0 none;
  275. height: 31px;
  276. padding-bottom: 5px;
  277. cursor: pointer;
  278. font: bold 20px/120% "FuturaMdBTBold", Arial, Helvetica, Sans-Serif;
  279. text-shadow: 1px 1px 1px #71DD51;
  280. background: url(assets/images/sprite-buttons.png) repeat-x 0 -122px;
  281. /*
  282. background: #7DE061; para browsers sem suporte a CSS 3
  283. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7DE061', endColorstr='#183906'); IE
  284. background: -webkit-gradient(linear, left top, left bottom, from(#7DE061), to(#183906)); webkit browsers
  285. background: -moz-linear-gradient(top, #7DE061, #183906); Firefox 3.6+ */
  286.  
  287. -moz-box-shadow: 1px 0px 0px #666666;
  288. -webkit-box-shadow: 1px 0px 0px #666666;
  289. box-shadow: 1px 0px 0px #666666;
  290.  
  291. -moz-border-radius: 10px 10px 10px 10px;
  292. -webkit-border-radius: 10px 10px 10px 10px;
  293. border-radius: 10px 10px 10px 10px;
  294. }
  295. #header #box-search input[type="submit"] { width: 80px; line-height: 28px; }
  296. #header #box-search input[type="submit"]:hover {
  297. background: url(assets/images/sprite-buttons.png) repeat-x 0 -157px;
  298. /* background: #7DE061; para browsers sem suporte a CSS 3
  299. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8DE474', endColorstr='#336600'); IE
  300. background: -webkit-gradient(linear, left top, left bottom, from(#BFA76F), to(#F2DEAB)); webkit browsers
  301. background: -moz-linear-gradient(top, #BFA76F, #F2DEAB); Firefox 3.6+ */
  302. }
  303. #header #box-search input[type="submit"]:active, #header #box-search input[type="submit"]:focus {
  304. background: url(assets/images/sprite-buttons.png) repeat-x 0 -192px;
  305. -moz-box-shadow: 1px 1px 2px #000000 inset;
  306. -webkit-box-shadow: 1px 1px 2px #000000 inset;
  307. box-shadow: 1px 1px 2px #000000 inset;
  308. }
  309. #header #car-itens {
  310. position: absolute;
  311. top: 45px;
  312. right: 0;
  313. }
  314. #header #car-itens a {
  315. font: normal 17px/120% "Conv_tt0142m", Arial, Helvetica, Sans-Serif;
  316. color: #FC0F3E;
  317. background: url(assets/images/car-itens.png) no-repeat;
  318. padding: 10px 0 5px 40px;
  319. }
  320. #header #car-itens a:hover { color: #FF2629; background-position: 0 -34px }
  321. #header #car-itens a:active { color: #B32739; background-position: 0 -68px }
  322.  
  323. #header #car-itens a.car-full { color: #FE988C; background-position: 0 -103px }
  324. #header #car-itens a.car-full:hover { color: #97AB6E; background-position: 0 -140px }
  325. #header #car-itens a.car-full:active, #header #car-itens a.car-full:focus { color: #FF0066; background-position: 0 -175px }
  326.  
  327. #header #car-itens a span { border-left: 1px solid #7DABCE; padding-left: 5px;}
  328. #header ul.nav {
  329. position: absolute;
  330. bottom: 2px;
  331. clear: both;
  332. height: 43px;
  333. overflow: hidden;
  334. width: 100%;
  335. }
  336. #header .nav li {
  337. float: left;
  338. border-left: 1px solid #1693A5;
  339. }
  340. #header .nav li.last { border-right: 1px solid #FF0000; }
  341. #header .nav li.last a {
  342. padding: 14px 22px;
  343. border-right: 1px solid #ADD8C7;
  344. }
  345. #header .nav li a, #header .nav li a:visited {
  346. font: normal 22px/80% "AFKlampenborgMedium", Arial, Helvetica, Sans-Serif;
  347. color: #ffffff;
  348. padding: 14px 24px 11px 23px;
  349. border-left: 1px solid #39530B;
  350. }
  351. #header .nav li:hover { background: url(assets/images/bg-hover-nav.png) repeat-x; }
  352. #header .nav li:active, #header .nav li:focus { background: url(assets/images/bg-active-nav.png) repeat-x;}
  353. /** submenu **/
  354. #header .nav ul, #subdivision { display: none; }
  355. #header .nav li:hover ul {
  356. display: block;
  357. position: absolute;
  358. z-index: 99;
  359. -top: 45px;
  360. overflow: hidden;
  361. background: #999999 url(assets/images/bg-sub-menu.png) repeat-x bottom;
  362. border: 1px solid #cccccc;
  363.  
  364. -moz-box-shadow: 0 0 3px #999;
  365. -webkit-box-shadow: 0 0 3px #999;
  366. box-shadow: 0 0 3px #999;
  367.  
  368. -moz-border-radius: 0 10px 10px 10px;
  369. -webkit-border-radius: 0 10px 10px 10px;
  370. border-radius: 0 10px 10px 10px;
  371. }
  372.  
  373. #header .nav li:hover ul li { float: none; border: none; }
  374. #header .nav li:hover ul li:hover { background: none; }
  375. #header .nav li:hover ul li a {
  376. border: none;
  377. color: #A81010;
  378. font-size: 18px;
  379. padding: 15px 35px 15px 23px;
  380. font: normal 18px/80% "AFKlampenborgMedium", Arial, Helvetica, Sans-Serif;
  381. background: url(assets/images/border-submenu.png) repeat-x bottom;
  382. }
  383. #header .nav li:hover ul li.last a {background: none;}
  384. #header .nav li:hover ul li a:hover { color: #555555; }
  385. #header .nav li:hover ul li a:active { color: #CCCCCC }
  386.  
  387. /** Wrapper-content **/
  388. #content, #sidebar { padding-top: 30px; }
  389. /** Sidebar
  390. ====================**/
  391. #sidebar {
  392. background: #f3f3f3 url(assets/images/bg-sidebar.png) repeat-x top;
  393. border: 1px solid #d6d6d6;
  394. width: 218px;
  395. margin-bottom: 50px;
  396.  
  397. -moz-border-radius: 0 0 15px 15px;
  398. -webkit-border-radius: 0 0 15px 15px;
  399. border-radius: 0 0 15px 15px;
  400. }
  401. #sidebar #sidebar-category-list { }
  402. #sidebar ul {margin-bottom: 35px; }
  403. #sidebar ul li a {
  404. font: bold 20px/120% "AFKlampenborgMedium", Arial, Helvetica, Sans-Serif;
  405. color: #597F10;
  406. border-bottom: 1px solid #d6d6d6;
  407. padding: 0 15px 9px 15px;
  408. margin-bottom: 6px;
  409. -moz-transition: 0.1s;
  410. -webkit-transition: 0.1s;
  411. transition: 0.1s;
  412. }
  413. #sidebar .last, #sidebar .last .children, #sidebar ul ul li.last a {
  414. border: 0 none;
  415. margin-bottom: 10px;
  416. }
  417. #sidebar ul li a:hover { color: #344B0A; }
  418. #sidebar ul li a:active { color: #223106; }
  419.  
  420. #sidebar ul ul li a {
  421. font: 18px/120% "AFKlampenborgMedium", Arial, Helvetica, Sans-Serif;
  422. color: #C9C9C9;
  423. padding-left: 22px;
  424. padding-bottom: 7px;
  425. }
  426. #sidebar ul ul li a:hover { color: #FAF4E3; }
  427. #sidebar ul ul li a:active, #sidebar ul ul li a:focus { color: #E9E8CF; }
  428.  
  429. /** featured **/
  430. #featured {
  431. position: relative;
  432. overflow: hidden;
  433. margin-bottom: 20px;
  434. width: 700px;
  435. }
  436. #featured .featured-content {
  437. overflow: hidden;
  438. width: 700px;
  439. position: relative;
  440. }
  441. #featured h3 { margin-bottom: 40px; }
  442. #featured .featured-thumb { float: left }
  443. #featured .featured-description h1 {
  444. line-height: 120%;
  445. margin-bottom: 15px;
  446. }
  447. #featured .featured-description {
  448. text-align: right;
  449. overflow: hidden;
  450. width: 265px;
  451. padding-right: 2px;
  452. }
  453. .featured-single { margin-bottom: 50px !important; }
  454. .featured-single .featured-description { width: 323px !important; }
  455. .featured-single { width: 700px; }
  456. .featured-single .featured-thumb {
  457. float: left;
  458. margin: 0 40px 0 0 !important;
  459. min-height:310px;
  460. height:auto !important;
  461. height:310px;
  462. }
  463. .slide-home {
  464. width: 590px;
  465. overflow: hidden;
  466. margin-left: 55px;
  467. }
  468.  
  469. #featured .featured-description p.text-excerpt {
  470. width: 335px;
  471. float: right;
  472. color: #666666;
  473. padding-right: 1px;
  474. font: normal 15px/120% Arial, Helvetica, Sans-Serif;
  475. }
  476. #featured .featured-description p.more-detail a {
  477. font: 14px/120% "AFKlampenborgMedium", Arial, Helvetica, Sans-Serif;
  478. color: #1693A5;
  479. float: right;
  480. width: 75px;
  481. border-bottom: 1px solid #c9ccc1;
  482. margin-top: 5px;
  483. }
  484. #featured .featured-description p.more-detail a:hover { color: #C3FF68; }
  485. #featured .featured-description p.more-detail a:active, #featured .featured-description p.more-detail a:focus { color: #FF9900; }
  486. #featured .featured-description .price, #product-list .price {
  487. margin: 5px 0 10px 0;
  488. display: block;
  489. font: bold 40px/120% "AFKlampenborgMedium", Arial, Helvetica, Sans-Serif;
  490. color: #10A7F2;
  491. float: right;
  492. clear: both;
  493. }
  494. #featured .featured-description .price { margin-top: 20px; letter-spacing: -2px; }
  495.  
  496.  
  497. #featured .featured-description .price-cut {
  498. font: 20px/120% "AFKlampenborgMedium", Arial, Helvetica, Sans-Serif;
  499. color: #F02311;
  500. text-decoration: line-through;
  501. text-transform: uppercase;
  502. display: block;
  503. letter-spacing: 0;
  504. margin-bottom: -4px;
  505. }
  506. #featured .featured-description .forms-payment {
  507. display: block;
  508. font: 12px/120% "AFKlampenborgMedium", Arial, Helvetica, Sans-Serif;
  509. color: #9AA6B4;
  510. letter-spacing: 0;
  511. margin-top: -2px;
  512. }
  513. #featured .featured-description .forms-payment strong { font-weight: bold; }
  514. #featured .featured-description .forms-payment a {
  515. color: #9AA6B4;
  516. text-decoration: underline;
  517. display: inline-block;
  518. }
  519.  
  520. #subdivision { margin-bottom: 50px; }
  521. #subdivision ul {
  522. float: left;
  523. margin: 0 15px 20px 0;
  524. list-style-type: none;
  525. font: 16px/120% Arial, Helvetica, Sans-Serif;
  526. }
  527. #subdivision ul li { margin-bottom: 5px; }
  528. #subdivision ul li span { font-weight: bold; }
  529. #subdivision .interest {
  530. font: 13px/120% Arial, Helvetica, Sans-Serif;
  531. display: block;
  532. clear: both;
  533. }
  534.  
  535.  
  536. #product-list .grid_3 {
  537. margin-bottom: 70px;
  538. min-height: 370px;
  539. height:auto !important;
  540. height: 370px;
  541. }
  542. #product-list .grid_3 h4 {
  543. min-height: 70px;
  544. height:auto !important;
  545. height: 70px;
  546. width: 210px;
  547. }
  548. #product-list .grid_3 .thumbnail {
  549. border: 3px solid transparent;
  550. display: table;
  551. padding: 10px;
  552. text-align: center;
  553. margin-bottom: 10px;
  554. -moz-border-radius: 19px;
  555. -webkit-border-radius: 19px;
  556. border-radius: 19px;
  557. }
  558. #product-list .grid_3 .thumbnail:hover { border: 3px solid #cccccc; }
  559. #product-list .grid_3 .thumbnail:active, #product-list .grid_3 .thumbnail:focus { border: 3px solid #727272; }
  560. #product-list .price {
  561. font: bold 29px/120% "AFKlampenborgMedium",Arial,Helvetica,Sans-Serif;
  562. letter-spacing: -1px;
  563. margin: 10px 0;
  564. float: none;
  565. }
  566. #product-list .price-cut {
  567. font-size: 15px;
  568. color: #FF0000;
  569. text-decoration: line-through;
  570. letter-spacing: 0;
  571. text-transform: uppercase;
  572. display: block;
  573. margin-bottom: -10px;
  574. }
  575. #product-detail, #product-comments { display: inline-block; margin: 0 0 70px 0; }
  576. #product-detail p, #product-comments p { font-family: arial, helvetica, Sans-Serif; }
  577.  
  578. /** Wp-pagenavi **/
  579. .wp-pagenavi, .navigation {
  580. text-align: center;
  581. font: bold 16px/120% "AFKlampenborgMedium", Arial, Helvetica, Sans-Serif;
  582. margin-bottom: 35px;
  583. clear: both;
  584. }
  585. .navigation a { display: inline-block; }
  586.  
  587. .wp-pagenavi .pages a:hover, .wp-pagenavi .nextpostslink:hover, .navigation .next:hover,
  588. .navigation .prev:hover { color: #556270; }
  589. .wp-pagenavi .pages a:active, .wp-pagenavi .nextpostslink:active,
  590. .navigation .next:active, .navigation .prev:active { color: #DCE2E9; }
  591.  
  592. .wp-pagenavi .pages a, .wp-pagenavi a.first, .wp-pagenavi .last, .navigation .next, .navigation .prev {
  593. margin-right: 3px;
  594. color: #9AA6B4;
  595. border-bottom: 1px solid #ccc;
  596. letter-spacing: 1px;
  597. font: bold 15px/120% "AFKlampenborgMedium", Arial, Helvetica, Sans-Serif;
  598. }
  599. .wp-pagenavi .nextpostslink { margin-left: 9px; }
  600. .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {
  601. color: #282D32;
  602. font: bold 18px/120% "AFKlampenborgMedium", Arial, Helvetica, Sans-Serif;
  603. border: 0 none;
  604. }
  605. .wp-pagenavi .previouspostslink { margin-right: 8px; }
  606. .wp-pagenavi a, .wp-pagenavi span, .navigation a {
  607. display: inline;
  608. font: bold 20px/120% "AFKlampenborgMedium", Arial, Helvetica, Sans-Serif;
  609. text-transform: uppercase;
  610. color: #81B2C3;
  611. margin: 0 5px;
  612. }
  613. .wp-pagenavi a, .navigation a {
  614. border-bottom: 1px solid #1B6389;
  615. -moz-transition: 0.1s;
  616. -webkit-transition: 0.1s;
  617. transition: 0.1s;
  618. }
  619. .wp-pagenavi a:hover, .navigation a:hover { color: #1B3E66; }
  620. .wp-pagenavi a:active, .navigation a:active { color: #1B6389; }
  621. .wp-pagenavi .current, .navigation .current {
  622. background: url(assets/images/bg-pagenavi-current.png) repeat;
  623. padding: 3px 13px 3px 10px;
  624. color: #253306;
  625. font-size: 22px;
  626. font-style: italic;
  627. -moz-border-radius: 7px;
  628. -webkit-border-radius: 7px;
  629. border-radius: 7px;
  630. }
  631. /* Carrinho de Compras */
  632. .steps { overflow: hidden; margin-top: 50px; height: 81px; }
  633. #car-buy h4 { margin-bottom: 15px; }
  634. #car-buy .steps li {
  635. float: left;
  636. margin: 0 35px 40px 0;
  637. display: inline-block;
  638. }
  639. #car-buy .steps li, #car-buy .steps li a {
  640. color: #999999;
  641. font: normal 22px/120% "AFKlampenborgMedium", Arial, Helvetica, Sans-Serif;
  642. background: url(assets/images/bg-steps.png) no-repeat;
  643. padding: 7px 0 8px 45px;
  644. }
  645. #car-buy .steps li.current { background-position: 0px -42px }
  646. #car-buy .steps li.step-identification { background-position: 0px -85px }
  647. #car-buy .steps li.step-identification.current { background-position: 0px -127px }
  648.  
  649. #car-buy .steps li.step-payment { background-position: 0px -85px }
  650. #car-buy .steps li.step-payment.current { background-position: 0px -128px }
  651.  
  652. #car-buy .steps li.step-request { background-position: 0px -173px }
  653. #car-buy .steps li.step-request.current { background-position: 0px -214px }
  654.  
  655. #car-buy table {
  656. border-collapse: collapse;
  657. text-align: left;
  658. width: 100%;
  659. clear: both;
  660. }
  661. #car-buy table th { text-align: left; }
  662. #car-buy .grid_8 table img { margin: 0 25px 0 0; width: 62px; }
  663. #car-buy .grid_8 table p, #car-buy .grid_8 table p a { width: 240px !important; }
  664. #car-buy .table-amount { text-align: center; }
  665. #car-buy table th {
  666. color: #333333;
  667. font: normal 22px/120% "AFKlampenborgMedium", Arial, Helvetica, Sans-Serif;
  668. padding-bottom: 5px;
  669. }
  670. #car-buy table tr.first { border: 0 none; }
  671. #car-buy table tr { border: 1px solid #cccccc; }
  672. #car-buy table td { padding: 35px 0 10px; }
  673. #car-buy table td a.closed {
  674. background: url(assets/images/table-quantidade.png) no-repeat -42px 0;
  675. color: #333333;
  676. width: 20px;
  677. text-indent: -99999px;
  678. }
  679. #car-buy table td a.closed:hover { background-position: -42px -21px; }
  680. #car-buy table td a.closed:active { background-position: -42px -41px; }
  681. #car-buy table td .menos-quantidade, #car-buy table td .mais-quantidade { display: inline-block; }
  682. #car-buy table td .menos-quantidade span, #car-buy table td .mais-quantidade span {
  683. background: url(assets/images/table-quantidade.png) no-repeat;
  684. color: #D9CEB2;
  685. display: block;
  686. margin: 0 10px 0 10px;
  687. width: 19px;
  688. height: 20px;
  689. text-align: center;
  690. line-height: 17px;
  691. text-indent: -99999px;
  692. -moz-border-radius: 14px;
  693. -webkit-border-radius: 14px;
  694. border-radius: 14px;
  695. zoom: 1;
  696. }
  697. #car-buy table td .menos-quantidade span:hover, #car-buy table td .mais-quantidade span:hover { background-position: 0 -22px; }
  698. #car-buy table td .menos-quantidade span:active, #car-buy table td .mais-quantidade span:active { background-position: 0 -42px; }
  699. #car-buy table td .menos-quantidade { margin-left: 7px; }
  700. #car-buy table img {
  701. float: left;
  702. margin: -27px 25px 0;
  703. }
  704. #car-buy table td .mais-quantidade span { background-position: -22px 0; }
  705. #car-buy table td .mais-quantidade span:hover { background-position: -22px -22px; }
  706. #car-buy table td .mais-quantidade span:active { background-position: -22px -42px; }
  707. #car-buy table p , #car-buy table p a {
  708. font: normal 16px/120% "AFKlampenborgMedium", Arial, Helvetica, Sans-Serif;
  709. display: table;
  710. width: 300px;
  711. color: #99B2B7;
  712. }
  713. #car-buy table p span { font: normal 12px/120% "AFKlampenborgMedium", Arial, Helvetica, Sans-Serif; display: block; color: #666666;}
  714.  
  715. #car-buy span.frete { clear: both; }
  716. #car-buy span.total { margin-top: 45px !important; }
  717. #car-buy span.total, #car-buy span.subtotal, #car-buy .form-cep, #car-buy span.frete {
  718. display: block;
  719. font-size: 25px;
  720. margin: 30px 0;
  721. text-align: right;
  722. }
  723. #car-buy .form-cep {
  724. font-size: 20px;
  725. text-align: left;
  726. margin-bottom: 0;
  727. }
  728. #car-buy .form-cep label { color: #666666; margin-left: 15px; font-size: 22px; margin-top: 5px; }
  729. #car-buy .form-cep input[type="text"] {
  730. padding: 0 5px;
  731. border: 1px solid #cccccc;
  732. height: 34px;
  733. font: /*italic*/ 16px/32px "Conv_tt0142m", Arial, Helvetica, Sans-Serif;
  734. color: #686868;
  735. width: 90px;
  736. letter-spacing: -1px;
  737. overflow: hidden;
  738. -moz-border-radius: 10px;
  739. -webkit-border-radius: 10px;
  740. border-radius: 10px;
  741. }
  742. #car-buy ul.close-request { float: right; margin-bottom: 40px; }
  743. #car-buy ul.close-request li { float: left; }
  744. #car-buy ul.close-request li a {
  745. font: 18px/120% "AFKlampenborgMedium",Arial,Helvetica,Sans-Serif;
  746. color: #000000;
  747. margin-top: 10px;
  748. border-bottom: 1px solid #CCCCCC;
  749. }
  750. #car-buy ul.close-request li a:hover, .already-registered p a:hover, #header #logged-in ul li.last a:hover,
  751. #car-buy table td a.closed:hover { color: #567C10; }
  752.  
  753. #car-buy ul.close-request li a:active, #car-buy ul.close-request li a:focus,
  754. .already-registered p a:active, .already-registered p a:focus, #header #logged-in ul li.last a:active,
  755. #header #logged-in ul li.last a:focus, #car-buy table td a.closed:active, #car-buy table td a.closed:focus { color: #78AD16; }
  756.  
  757. #car-buy .calcular-frete {
  758. padding-right: 9px !important;
  759. width: 160px !important;
  760. float: none;
  761. clear: both;
  762. }
  763. #car-buy .calcular-frete, #car-buy ul#my-account li a {
  764. float: right;
  765. font-size: 16px;
  766. height: 34px;
  767. line-height: 31px;
  768. padding-left: 8px;
  769. position: static;
  770. text-align: center;
  771. width: 128px;
  772. color: #FFFFFF;
  773. background: url(assets/images/sprite-buttons.png) repeat-x 0 -123px;
  774. /*
  775. background: #E3F6F3; para browsers sem suporte a CSS 3
  776. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D9EFC9', endColorstr='#E3F6F3'); IE
  777. background: -webkit-gradient(linear, left top, left bottom, from(#D9EFC9), to(#E3F6F3)); webkit browsers
  778. background: -moz-linear-gradient(top, #D9EFC9, #E3F6F3); Firefox 3.6+ */
  779. }
  780. #car-buy .calcular-frete:hover, #car-buy ul#my-account li a:hover {
  781. background: url(assets/images/sprite-buttons.png) repeat-x 0 -158px;
  782. /* background: #E3F6F3; para browsers sem suporte a CSS 3
  783. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E3F6F3', endColorstr='#ADC7BE'); IE
  784. background: -webkit-gradient(linear, left top, left bottom, from(#E3F6F3), to(#ADC7BE)); webkit browsers
  785. background: -moz-linear-gradient(top, #E3F6F3, #ADC7BE); Firefox 3.6+ */
  786. }
  787. #car-buy .calcular-frete:active, #car-buy ul#my-account li a:active, #car-buy .calcular-frete:active, #car-buy ul#my-account li a:focus {
  788. background: url(assets/images/sprite-buttons.png) repeat-x 0 -193x;
  789. -moz-box-shadow: 1px 1px 2px #000 inset;
  790. -webkit-box-shadow: 1px 1px 2px #000 inset;
  791. box-shadow: 1px 1px 2px #000 inset;
  792. }
  793.  
  794. .opcao-envio {
  795. margin: 7px 0 15px;
  796. width: 273px;
  797. float: right;
  798. }
  799. .opcao-envio img { margin: 0 10px 0 0; }
  800. .button-frete {
  801. padding-bottom: 25px;
  802. clear: both;
  803. }
  804. .already-registered {
  805. width: 380px;
  806. border-right: 1px solid #999999;
  807. padding-right: 90px;
  808. margin-bottom: 40px;
  809. }
  810. .already-registered h4, .not-registered h4 { margin-bottom: 20px; }
  811. .already-registered p a, .not-registered p { margin-bottom: 7px;text-align: right; color: #000000; }
  812. .already-registered { float: left }
  813. .not-registered { float: right;margin: 0; border: 0 none; }
  814. .already-registered .field, .not-registered .field {
  815. border: 1px solid #cccccc;
  816. font-family: inherit;
  817. color: #666;
  818. font-size: 22px;
  819. height: 34px;
  820. line-height: 34px;
  821. padding: 0 5px;
  822. margin: 0 0 10px 0;
  823. display: block;
  824. width: 369px;
  825. -moz-border-radius: 10px;
  826. -webkit-border-radius: 10px;
  827. border-radius: 10px;
  828. }
  829. .already-registered .field:active, .not-registered .field:active,
  830. .already-registered .field:focus, .not-registered .field:focus {
  831. background: #cccccc;
  832. color: #ffffff;
  833. font: normal 21px/120% "AFKlampenborgMedium",Arial,Helvetica,Sans-Serif;
  834. }
  835. #car-buy address {
  836. font: normal 22px/120% "AFKlampenborgMedium", Arial, Helvetica, Sans-Serif;
  837. color: #666666;
  838. border-right: 1px solid;
  839. margin-right: -7px;
  840. }
  841. #car-buy .grid_8 table {
  842. margin: 0;
  843. font: normal 15px/120% "AFKlampenborgMedium", Arial, Helvetica, Sans-Serif;
  844. }
  845. #car-buy .grid_8 table th { font-size: 16px; }
  846. #car-buy .grid_8 table tr { border: 0 none; }
  847. #car-buy .grid_8 table p { width: auto; }
  848.  
  849. .product-no-thumb {
  850. float: left;
  851. margin: 0 25px 25px 0;
  852. }
  853.  
  854.  
  855. /** Carrinho vazio **/
  856. .car-empty {
  857. background: url(assets/images/car-itens.png) no-repeat left -215px;
  858. margin: 50px 0 70px 0;
  859. padding-left: 125px;
  860. zoom: 1; /* Fazer com que o background aparecer de maneira perfeita no IE7 */
  861. }
  862. .car-empty, .car-empty a {
  863. font: normal 24px/120% "AFKlampenborgMedium", Arial, Helvetica, Sans-Serif;
  864. color: #3D570B;
  865. }
  866. .car-empty a {
  867. line-height: 120%;
  868. font-size: 30px;
  869. color: #597F10;
  870. margin-top: 10px;
  871. text-decoration: underline;
  872. }
  873. .car-empty a:hover { color: #7AAF16; }
  874. .car-empty a:active { color: #3F5A0C; }
  875.  
  876. /** Comfirmação do pedido **/
  877. #car-buy .success {
  878. font: normal 24px/120% "AFKlampenborgMedium", Arial, Helvetica, Sans-Serif;
  879. color: #212F06;
  880. background: url(assets/images/bg-success.png) no-repeat;
  881. padding: 0 0 50px 100px;
  882. }
  883. #car-buy .success span { display: block; }
  884. #car-buy ul#my-account { display: inline-block; height: 30px; padding-bottom: 46px; }
  885. #car-buy ul#my-account li { float: left; margin-right: 40px; }
  886. #car-buy ul#my-account li a {
  887. color: #183906;
  888. float: left;
  889. height: 28px;
  890. line-height: 29px;
  891. padding: 0 20px;
  892. text-align: left;
  893. margin-bottom: 50px;
  894. width: auto;
  895. }
  896. #car-buy .ebit-pesquisa img { margin-bottom: 30px}
  897.  
  898. /** 404 **/
  899. .page-not-found {
  900. font: bold 26px/120% "AFKlampenborgMedium", Arial, Helvetica, Sans-Serif;
  901. color: #597F10;
  902. margin: 35px 0 110px 0;
  903. }
  904. .page-not-found a:hover { color: #78AD16; }
  905. .page-not-found a:active { text-decoration: none; }
  906. .page-not-found a {
  907. font: bold 34px/120% "AFKlampenborgMedium", Arial, Helvetica, Sans-Serif;
  908. color: #597F10;
  909. margin-top: 15px;
  910. text-decoration: underline;
  911. }
  912. /** Footer
  913. ===================**/
  914. #footer {
  915. position: relative;
  916. height: 314px;
  917. }
  918. #footer .branding { float: left; }
  919. #footer .nav-footer { overflow: hidden; }
  920. #footer ul.nav-footer { margin: 20px 0 55px -30px;}
  921. #footer ul.nav-footer li { float: left; }
  922. #footer ul.nav-footer a {
  923. font: normal 18px/120% "AFKlampenborgMedium", Arial, Helvetica, Sans-Serif;
  924. color: #212F06;
  925. margin: 0 12px 0 30px;
  926. }
  927. #footer ul.nav-footer li a:hover { color: #F3C828; }
  928. #footer ul.nav-footer li a:active, #footer ul.nav-footer li a:focus { color: #FFA500; }
  929.  
  930. #footer #method-payment { overflow: hidden; height: 120px; margin: 20px 0; }
  931. #footer #method-payment img { margin-bottom: 10px; }
  932. #footer .title { color: #fff; margin-bottom: 10px; }
  933. #footer #method-payment li {
  934. float: left;
  935. background: url(assets/images/cards.png) no-repeat;
  936. text-indent: -99999px;
  937. width: 53px;
  938. height: 56px;
  939. margin: 0 0 60px;
  940. }
  941. #footer #method-payment li.american-express { background-position: -53px 0; }
  942. #footer #method-payment li.master-card { background-position: -106px 0; }
  943. #footer #method-payment li.diner-club { background-position: -158px 0; }
  944. #footer #method-payment li.hipercard { background-position: -212px 0; }
  945. #footer #method-payment li.aura { background-position: -263px 0; }
  946. #footer #method-payment li.saldo-virtual { background-position: -314px 0; }
  947. #footer #method-payment li.boleto { background-position: -367px 0; }
  948. #footer #method-payment li.itau { background-position: -422px 0; }
  949. #footer #method-payment li.banco-brasil { background-position: -474px 0; }
  950. #footer #method-payment li.bradesco { background-position: -527px 0; }
  951.  
  952. #address {
  953. position: absolute;
  954. right: 0;
  955. top: 97px;
  956. color: #fff;
  957. font: normal 12px/135% "Conv_tt0142m", Arial, Helvetica, Sans-Serif;
  958. }
  959.  
  960. #footer .footer-logos { float: right; width: 167px; }
  961. #footer .apiki-logo a, #footer .buscape-logo a {
  962. background: url("assets/images/logos-footer.png") no-repeat;
  963. float: left;
  964. height: 40px;
  965. margin: 28px 0 0 0;
  966. text-indent: -99999px;
  967. text-transform: uppercase;
  968. width: 70px;
  969. }
  970. #footer .buscape-logo a:hover { background-position: 0 -46px }
  971. #footer .buscape-logo a:active { background-position: 0 -45px }
  972. #footer .apiki-logo a { background-position: -94px 0; margin: 30px 0px 0 25px; width: 70px; }
  973. #footer .apiki-logo a:hover { background-position: -94px -46px; }
  974. #footer .apiki-logo a:active { background-position: -94px -45px; }
  975.  
  976. #footer .selo-ebit {
  977. float: left;
  978. margin: -20px 20px;
  979. }
RAW Paste Data