API tools faq
paste
Advertisement
Guest User

temq

a guest
Sep 5th, 2013
101
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.51 KB | None | 0 0
raw download clone embed print report
  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. }
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!