Advertisement
Guest User

Untitled

a guest
Aug 2nd, 2014
183
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.48 KB | None | 0 0
  1. /*reset setting*/
  2. *{
  3. margin: 0;
  4. padding: 0;
  5. }
  6.  
  7. body{
  8. background: url(../images/bg3.jpg);
  9. }
  10.  
  11. /*thu thuat*/
  12. #head{
  13.  
  14. position: fixed;
  15. width: 100%;
  16. z-index: 4;
  17. }
  18.  
  19. #head #topHead{
  20. height: 40px;
  21. background: url(../images/tophead.jpg);
  22.  
  23. }
  24. #head #topHead #child-top{
  25. width: 970px;
  26. height: 31px;
  27. margin: auto;
  28. font-family: arial, sans-serif;
  29. }
  30.  
  31. #head #topHead #child-top p{
  32. color: #f0f0f0;
  33. text-align: center;
  34. padding-top: 5px;
  35. font-size: 0.8em;
  36. }
  37.  
  38. #head #topHead #child-top ul{
  39. float: right;
  40. margin-top: -26px;
  41. }
  42.  
  43. #head #topHead #child-top ul li.s a img{
  44. margin-top: 5px;
  45. }
  46. #head #topHead #child-top ul li.login{
  47. font-weight: bold;
  48. text-transform: uppercase;
  49.  
  50. padding-left: 40px;
  51. }
  52. #head #topHead #child-top ul li{
  53. display: inline;
  54. color: #f0f0f0;
  55. padding-left: 15px;
  56. font-size: 0.9em;
  57. }
  58. /*nav*/
  59. #head #nav{
  60. height: 52px;
  61. background: #ffffff;
  62. display: block;
  63.  
  64.  
  65. }
  66.  
  67. #head #nav #child-nav{
  68. width: 970px;
  69. height: 50px;
  70. margin: auto;
  71. clear: both;
  72. border: #ffffff solid 1px;
  73.  
  74.  
  75. }
  76.  
  77. #head #nav #child-nav:after{
  78. clear: both;
  79. content: ".";
  80. height: 0;
  81. line-height: 0;
  82. visibility: hidden;
  83. display: block;
  84. }
  85. #head #nav #child-nav img.img{
  86. float: left;
  87.  
  88. /*margin-top: -20px;*/
  89. }
  90. #head #nav #child-nav ul{
  91.  
  92. margin-left: 350px;
  93. margin-top: 20px;
  94.  
  95. }
  96.  
  97. #head #nav #child-nav ul li{
  98. display: inline;
  99. padding: 0px 10px;
  100.  
  101.  
  102. }
  103.  
  104. #head #nav #child-nav ul.navi li a{
  105. font-family: Arial, sans-serif;
  106. font-size: 0.9em;
  107. font-weight: bold;
  108. text-transform: uppercase;
  109. text-decoration: none;
  110. color: #020222;
  111. }
  112.  
  113. #head #nav #child-nav ul.navi li a:hover{
  114. color: #df7e7e;
  115. padding-bottom: 13px;
  116. background: url(../images/bg-social-tooltip.png) center bottom no-repeat;
  117. }
  118. #head #nav #child-nav #bag{
  119. float: right;
  120. margin-right: 50px;
  121. margin-top: -25px;
  122. }
  123.  
  124. /*catalog*/
  125.  
  126. #head #catalog{
  127. clear:both;
  128. }
  129.  
  130. #head #catalog{
  131. background: url(../images/catalog.jpg);
  132. height: 51px;
  133.  
  134.  
  135. }
  136.  
  137. #head #catalog #menu ul.menu{
  138. margin-left: 0px;
  139. padding-left: 0px;
  140. text-align: left;
  141. }
  142. #head #catalog #child-catalog{
  143. width: 970px;
  144. height: 51px;
  145. margin: auto;
  146.  
  147. }
  148. #head #catalog #child-catalog ul{
  149.  
  150. }
  151. #head #catalog #child-catalog ul li.cf{
  152. margin-left: 25px;
  153. }
  154.  
  155.  
  156. #head #catalog #child-catalog ul li{
  157. display: inline;
  158. padding: 5px;
  159. vertical-align: -15px;
  160. }
  161.  
  162. #head #catalog #child-catalog ul li a{
  163. color: #989696;
  164. font-family: arial, sans-serif;
  165. font-size: 0.8em;
  166. text-decoration: none;
  167.  
  168. }
  169.  
  170. #head #catalog #child-catalog ul li a:hover{
  171. color: #000000;
  172. }
  173.  
  174. /*-----------------------------------------------------------------------------------------------------------------------------------*/
  175.  
  176.  
  177. /*content
  178.  
  179. #content{
  180. border: #0d0c0c solid 1px;
  181. width: 970px;
  182. margin: auto;
  183. }
  184.  
  185. */
  186. #content{
  187. padding-top: 90px;
  188.  
  189. }
  190.  
  191. #content #cLeft{
  192. width: 970px;
  193. margin: auto;
  194. clear: both;
  195. background: #ffffff;
  196. padding-bottom: 50px;
  197.  
  198. }
  199. #content #cLeft .whatnew{
  200. margin-top: 80px;
  201. }
  202.  
  203. #content #cLeft h3{
  204. padding-top: 80px;
  205. padding-bottom: 20px;
  206. margin-left: 30px;
  207. margin-right: 30px;
  208. border-bottom: #989494 solid 1px;
  209. margin-bottom: 20px;
  210. }
  211.  
  212. #content #cLeft table{
  213.  
  214. }
  215.  
  216. #content #cLeft img.last{
  217.  
  218. margin-top: 30px;
  219. }
  220. #content #cLeft #new-pro .new1{
  221. float: left;
  222. height: 300px;
  223. width: 191px;
  224. /*border: red solid 1px;*/
  225. margin: 5px 25px;
  226. }
  227.  
  228.  
  229. #content #cLeft #new-pro .new1 p{
  230. font-size: 0.8em;
  231. }
  232.  
  233. #content #cLeft #new-pro{
  234. height: 310px;
  235. /*border: #0819f8 solid 1px;*/
  236. }
  237. #content #cLeft #trending{
  238. margin-bottom: 100px;
  239. margin-top: 10px;
  240.  
  241. }
  242. #content #cLeft #trending ul li{
  243. display: inline;
  244.  
  245. }
  246.  
  247. }
  248. #content #cLeft #trending ul li.pro-last{
  249. margin-right: 0px;
  250. }
  251.  
  252. #content .wrap .cRightProduct .bullet .ProductShow {
  253. list-style:url(../images/bac-bullet-square.gif);
  254. }
  255. #content .wrap .cRightProduct .bullet .ProductShow li {
  256. margin-left:20px;
  257. margin-bottom:5px;
  258. }
  259.  
  260. a.title {
  261. font-weight: bold;
  262. font-size:12px;
  263. text-decoration:none;
  264. color:#000000;
  265. }
  266. a.title:hover {
  267.  
  268. color:#999;
  269. }
  270. a.roll {
  271. background:#FFF center center no-repeat #000;
  272. height: 223px;
  273. position: absolute;
  274. width: 191px;
  275. z-index: 3;
  276. -webkit-box-shadow: 0px 0px 4px #000;
  277. -moz-box-shadow: 0px 0px 4px #000;
  278. box-shadow: 0px 0px 4px #000;
  279.  
  280. }
  281. .button {
  282. position:absolute;
  283. z-index:3;
  284. margin-top:180px;
  285. margin-left:45px;
  286. outline:#ffffff solid 1.5px;
  287.  
  288. }
  289. img.button:hover {
  290. outline:#F00 solid 1.5px;
  291. }
  292. p.title {
  293. margin-top:5px;
  294. font-family:Arial, Helvetica, sans-serif;
  295. text-align:justify;
  296. }
  297. span.price {
  298. font-family:Arial, Helvetica, sans-serif;
  299. font-size:15px;
  300. font-weight:bold;
  301. color:#F00;
  302. margin-left:5px;
  303. }
  304.  
  305. .imgborder {
  306. border:#CCC solid 1px;
  307. width: 191px;
  308. height:223px;
  309. }
  310.  
  311.  
  312. /*footer*/
  313. #footer{
  314. clear:both;
  315. background: url(images/bg-skyline.png) no-repeat bottom #141414;
  316. color: #ffffff;
  317. height: 450px;
  318.  
  319.  
  320. }
  321. #footer #child-footer{
  322. border-top: #959292 solid 1px;
  323. }
  324.  
  325.  
  326. #footer #child-footer li{
  327. list-style: none;
  328. }
  329.  
  330. #footer #child-footer a{
  331. text-decoration: none;
  332. color: #bfbfbf;
  333. }
  334. #footer #child-footer{
  335. width: 970px;
  336. margin: auto;
  337. position: relative;
  338. }
  339.  
  340. #footer #child-footer h3{
  341. color: #d8cece;
  342. text-transform: uppercase;
  343. font-size: 0.9em;
  344. padding-top: 30px;
  345. }
  346. #footer #child-footer ul{
  347. margin-left: 20px;
  348. margin-top: 30px;
  349.  
  350. }
  351.  
  352. #footer #child-footer ul.social li{
  353. display: inline;
  354. padding: 30px;
  355. }
  356.  
  357. #footer #child-footer #list{
  358. float: left;
  359. width: 175px;
  360.  
  361. margin-right: 17px;
  362.  
  363. }
  364.  
  365. #footer #child-footer #list h3{
  366. text-align: left;
  367. padding-left: 15px;
  368. }
  369. #footer #child-footer #list ul li{
  370. margin-left: 0;
  371. }
  372. #footer #child-footer #list ul li a{
  373. text-align: left;
  374. }
  375.  
  376. #footer #child-footer #list ul li a:hover{
  377. color: #1fe6d2;
  378. }
  379. #footer #child-footer #fBottom{
  380. float: left;
  381.  
  382. position: absolute;
  383. left: 10px;
  384. top: 380px;
  385. width: 970px;
  386. border-top: #efdddd dashed 1px;
  387. padding-top: 10px;
  388. }
  389.  
  390. #footer #child-footer #fBottom h2{
  391. float: left;
  392.  
  393.  
  394. }
  395.  
  396. #footer #child-footer #fBottom ul{
  397. float: right;
  398. margin-right: 10px;
  399. }
  400. #footer #child-footer #fBottom ul li{
  401. display: inline;
  402. padding: 0px 15px;
  403. text-align: right;
  404. border-right: #d3cccc solid 1px;
  405.  
  406. }
  407.  
  408. #footer #child-footer #fBottom ul li.li-last{
  409. border-right: none;
  410. }
  411.  
  412. #footer #child-footer #fBottom ul li a:hover{
  413. color: #1fe6d2;
  414. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement