Advertisement
Guest User

Untitled

a guest
Jan 26th, 2015
184
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.20 KB | None | 0 0
  1. /* Website template by freewebsitetemplates.com */
  2.  
  3. body {
  4. background: #6a3e4f;
  5. color: #78394e;
  6. font-family: Verdana;
  7. font-size: 12px;
  8. margin: 0;
  9. min-width: 960px;
  10. padding: 0;
  11. width: 100%;
  12. }
  13.  
  14. a {
  15. outline: none;
  16. }
  17.  
  18. img {
  19. border: 0;
  20. }
  21.  
  22. p a {
  23. color: #df4b9f;
  24. }
  25.  
  26. #header {
  27. background: #f5f5f5 url(../images/bg-body.gif) repeat-x center top;
  28. }
  29.  
  30. #header div {
  31. margin: 0 auto;
  32. width: 960px;
  33. }
  34.  
  35. #header div div {
  36. height: 110px;
  37. overflow: hidden;
  38. position: relative;
  39. }
  40.  
  41. #header div div div#logo {
  42. float: left;
  43. width: 331px;
  44. }
  45.  
  46. #header div div div {
  47. float: right;
  48. height: 110px;
  49. width: auto;
  50. }
  51.  
  52. #header div div div div {
  53. display: block;
  54. float: none;
  55. height: auto;
  56. padding-bottom: 40px;
  57. padding-left: 134px;
  58. margin-top: 20px;
  59. overflow: hidden;
  60. width: auto;
  61. }
  62.  
  63. #header div div div div a {
  64. border-right: 1px solid #6c404f;
  65. color: #6c404f;
  66. display: block;
  67. float: left;
  68. font-weight: bold;
  69. line-height: 13px;
  70. padding: 0 5px;
  71. text-decoration: none;
  72. }
  73.  
  74. #header div div div div a.last {
  75. border: 0;
  76. padding-right: 0;
  77. }
  78.  
  79. #header div div div form {
  80. position: absolute;
  81. right: 0;
  82. top: 70px;
  83. height: 30px;
  84. width: 290px;
  85. }
  86.  
  87. #header div div div form input {
  88. float: left;
  89. line-height: 30px;
  90. }
  91.  
  92. #header div div div form input#search {
  93. background: url(../images/input-search.gif) no-repeat 0 0;
  94. border: 0;
  95. height: 30px;
  96. padding: 0 5px;
  97. width: 220px;
  98. }
  99.  
  100. #header div div div form input#searchbtn {
  101. background: url(../images/sprite-buttons.gif) no-repeat 0 -291px;
  102. border: none;
  103. height: 30px;
  104. width: 60px;
  105. }
  106.  
  107. #header div ul {
  108. list-style: none;
  109. margin: 0;
  110. overflow: hidden;
  111. padding: 0;
  112. }
  113.  
  114. #header div ul li {
  115. float: left;
  116. height: 50px;
  117. line-height: 50px;
  118. width: 160px;
  119. }
  120.  
  121. #header div ul li a {
  122. background: url(../images/sprite-buttons.gif) no-repeat 0 -205px;
  123. color: #5b5c5e;
  124. display: block;
  125. font-size: 14px;
  126. text-align: center;
  127. text-decoration: none;
  128. text-shadow: 1px 1px 0 #e8edf1;
  129. text-transform: capitalize;
  130. }
  131.  
  132. #header div ul li a:hover, #header ul li.current a {
  133. color: #b13c68;
  134. text-shadow: 1px 1px 0 #ebb8c7;
  135. }
  136.  
  137. #header div ul li.current a {
  138. background: url(../images/sprite-buttons.gif) no-repeat 0 -97px;
  139. }
  140.  
  141. #header div div#section, #header div div.section {
  142. background: #aa6581;
  143. height: 360px;
  144. padding: 10px;
  145. width: 940px;
  146. }
  147.  
  148. #header div div.section {
  149. height: 190px;
  150. }
  151.  
  152. #header div div#section ul {
  153. float: left;
  154. list-style: none;
  155. margin: 0;
  156. padding: 0;
  157. }
  158.  
  159. #header div div#section ul li {
  160. background: none;
  161. float: none;
  162. height: 38px;
  163. line-height: 34px;
  164. padding: 1px 0 1px;
  165. width: 230px;
  166. }
  167.  
  168. #header div div#section ul li a {
  169. background: url(../images/sprite-buttons.gif) no-repeat 0 -157px;
  170. color: #f5ffff;
  171. display: block;
  172. height: 38px;
  173. line-height: 34px;
  174. font-size: 12px;
  175. font-weight: bold;
  176. padding: 1px 0 1px;
  177. text-align: center;
  178. text-shadow: 1px 1px 0 #ad657d, -1px -1px 0 #ad657d, -1px 1px 0 #ad657d, 1px -1px 0 #ad657d;
  179. text-transform: lowercase;
  180. }
  181.  
  182. #header div div#section ul li a:hover, #header div div#section ul li.selected a {
  183. color: #7c0d37;
  184. text-shadow: 1px 1px 0 #f7cade, -1px -1px 0 #f7cade, -1px 1px 0 #f7cade, 1px -1px 0 #f7cade;
  185. }
  186.  
  187. #header div div#section ul li.selected a {
  188. background: url(../images/sprite-buttons.gif) no-repeat 0 0;
  189. }
  190.  
  191. #header div div#section img {
  192. float: right;
  193. }
  194.  
  195. #content {
  196. background: #f5f5f5;
  197. height: auto;
  198. width: 100%;
  199. }
  200.  
  201. #content div.home {
  202. margin: 0 auto;
  203. overflow: hidden;
  204. padding: 30px 0;
  205. width: 960px;
  206. }
  207.  
  208. #content div#services, #content div#about, #content div {
  209. margin: 0 auto;
  210. padding: 10px 30px 30px;
  211. position: relative;
  212. width: 900px;
  213. }
  214.  
  215. #content div#services, #content div#about {
  216. overflow: hidden;
  217. }
  218.  
  219. #content div#about div.aside,
  220. #content div#services div.aside {
  221.  
  222. padding: 0;
  223. width: 960px;
  224. }
  225.  
  226. #content div#services div.aside span {
  227. background: url(../images/sprite-icons.gif) no-repeat 0 0;
  228. color: #84284D;
  229. font-size: 18px;
  230. height: 20px;
  231. line-height: 20px;
  232. display: block;
  233. text-indent: 25px;
  234. }
  235.  
  236. #content div#services div.aside p {
  237. color: #5F5D5E;
  238. line-height: 28px;
  239. margin: 5px 0 30px;
  240. text-align: justify;
  241. }
  242.  
  243. #content div#about div.section,
  244. #content div#services div.section {
  245.  
  246. padding: 15px 0 0;
  247.  
  248. }
  249.  
  250. #content div#about div.section div#visitshop,
  251. #content div#services div.section div#visitshop,
  252. #content div div#visitshop {
  253. background: url(../images/bg-sweets.gif) no-repeat center top;
  254. height: 210px;
  255. padding: 0;
  256. position: relative;
  257. right: 0;
  258. width: 420px;
  259. }
  260.  
  261. #content div div#visitshop {
  262. right: 30px;
  263. right: 30px;
  264. position: absolute;
  265. }
  266.  
  267. #content div p {
  268. line-height: 28px;
  269. }
  270.  
  271. #content div#about div.section div#visitshop div,
  272. #content div#services div.section div#visitshop div,
  273. #content div div#visitshop div {
  274. background: url(../images/pie.jpg) no-repeat 205px bottom;
  275. height: 205px;
  276. margin: 0;
  277. padding: 0;
  278. width: auto;
  279. }
  280.  
  281. #content div#about div.section div#visitshop div span,
  282. #content div#services div.section div#visitshop div span,
  283. #content div div#visitshop div span {
  284. display: block;
  285. height: 157px;
  286. position: absolute;
  287. right: 1px;
  288. top: 25px;
  289. width: 211px;
  290. }
  291.  
  292. #content div#about div.section div#visitshop div p,
  293. #content div#services div.section div#visitshop div p,
  294. #content div div#visitshop div p {
  295. color: #78394E;
  296. font-size: 23px;
  297. margin: 0;
  298. padding-left: 20px;
  299. padding-top: 30px;
  300. }
  301.  
  302. #content div#about div.section div#visitshop div p span,
  303. #content div#services div.section div#visitshop div p span,
  304. #content div div#visitshop div p span {
  305. color: #d1467d;
  306. display: block;
  307. font-family: Trebuchet MS;
  308. font-size: 28px;
  309. font-style: italic;
  310. height: auto;
  311. position: static;
  312. right: 0;
  313. top: 0;
  314. width: auto;
  315. }
  316.  
  317. #content div#about div.section div#visitshop div a.visit,
  318. #content div div.section div#visitshop div a.visit,
  319. #content div div#visitshop div a.visit {
  320. background: url(../images/sprite-buttons.gif) no-repeat 0 -491px;
  321. color: #6E4253;
  322. display: block;
  323. font-size: 18px;
  324. font-weight: normal;
  325. height: 50px;
  326. line-height: 50px;
  327. margin-left: 30px;
  328. margin-top: 30px;
  329. text-align: center;
  330. text-decoration: none;
  331. width: 170px;
  332. }
  333.  
  334. #content div#about div.section div,
  335. #content div div.section h3 {
  336. padding: 10px 0 0;
  337. width: auto;
  338. }
  339.  
  340. #content div#about div.section div h3,
  341. #content div div.section h3 {
  342. color: #852349;
  343. font-size: 25px;
  344. font-weight: normal;
  345. margin: 10px 0 0;
  346. }
  347.  
  348. #content div div.section h3 {
  349. margin: 0;
  350. padding: 0;
  351. }
  352.  
  353. #content div#about div.section div p,
  354. #content div div.section p {
  355. line-height: 28px;
  356. margin: 0;
  357. text-align: justify;
  358. }
  359.  
  360. #content div div.section p {
  361. margin-top: 5px;
  362. margin-bottom: 20px;
  363. }
  364.  
  365. #content div#about div.section div a.callus {
  366. background: url(../images/sprite-icons.gif) no-repeat 0 -232px;
  367. color: #c04973;
  368. display: block;
  369. font-size: 18px;
  370. height: 91px;
  371. line-height: 30px;
  372. margin-top: 20px;
  373. padding-top: 10px;
  374. text-decoration: none;
  375. text-indent: 80px;
  376. }
  377.  
  378. #content div#about div.section div a.callus span {
  379. color: #852349;
  380. display: block;
  381. font-family: Trebuchet MS;
  382. font-size: 25px;
  383. font-style: italic;
  384. }
  385.  
  386. #content div#about div.aside span {
  387. background: none;
  388. color: #DF4B9F;
  389. display: block;
  390. font-size: 18px;
  391. text-indent: 0;
  392. }
  393.  
  394. #content div#about div.aside p {
  395. line-height: 28px;
  396. margin-bottom: 30px;
  397. margin-top: 0;
  398. text-align: justify;
  399. }
  400.  
  401. #content div h1 {
  402. color: #84284d;
  403. font-family: Trebuchet MS;
  404. font-size: 25px;
  405. font-style: italic;
  406. font-weight: normal;
  407. margin: 0;
  408. padding-bottom: 10px;
  409. }
  410.  
  411. #content div ul {
  412. list-style: none;
  413. margin: 0;
  414. overflow: hidden;
  415. padding: 0;
  416. }
  417.  
  418. #content div ul li {
  419. float: left;
  420. height: 220px;
  421. width: 450px;
  422. }
  423.  
  424. #content div ul li div {
  425. padding: 0;
  426. position: relative;
  427. width: auto;
  428. }
  429.  
  430. #content div ul li div div {
  431. left: 30px;
  432. padding: 0;
  433. position: absolute;
  434. top: 20px;
  435. width: auto;
  436. }
  437.  
  438. #content div ul li div div h2 {
  439. font-family: Trebuchet MS;
  440. font-size: 18px;
  441. font-style: italic;
  442. font-weight: normal;
  443. margin: 0;
  444. }
  445.  
  446. #content div ul li div div h2 a {
  447. color: #84284d;
  448. text-decoration: none;
  449. }
  450.  
  451. #content div ul li div div p {
  452. color: #5F5D5E;
  453. margin: 0 0 10px;
  454. line-height: 28px;
  455. width: 185px;
  456. text-align: left;
  457. }
  458.  
  459. #content div ul li div div a.view {
  460. background: url(../images/sprite-buttons.gif) no-repeat 0 -451px;
  461. color: #84284d;
  462. display: block;
  463. height: 30px;
  464. line-height: 30px;
  465. text-align: center;
  466. text-decoration: none;
  467. width: 120px;
  468. }
  469.  
  470. #content div.home div.aside {
  471.  
  472. height: auto;
  473. padding: 0 0 0 20px;
  474.  
  475. }
  476.  
  477. #content div.home div.aside h1 {
  478. color: #84284d;
  479. font-family: Trebuchet MS;
  480. font-size: 25px;
  481. font-style: italic;
  482. font-weight: normal;
  483. margin: 0 0 5px;
  484. padding-bottom: 0;
  485. text-indent: 0;
  486. }
  487.  
  488. #content div.home div.aside p {
  489. line-height: 28px;
  490. margin: 0;
  491. text-align: justify;
  492. }
  493.  
  494. #content div.home div.aside p a.readmore {
  495. color: #932b50;
  496. text-decoration: none;
  497. }
  498.  
  499. #content div.home div.section {
  500. background: url(../images/bg-foodstory.gif) repeat-y top center;
  501. float: right;
  502. height: 420px;
  503. padding: 20px;
  504. width: 430px;
  505. }
  506.  
  507. #content div.home div.section div {
  508. background: #ebe7e8;
  509. float: left;
  510. height: 395px;
  511. padding: 5px 20px 20px;
  512. width: 200px;
  513. }
  514.  
  515. #content div.home div.section div h2 {
  516. color: #84284d;
  517. /* font-family: 'JamesFajardoRegular'; */
  518. font-family: Trebuchet MS;
  519. font-size: 18px;
  520. font-style: italic;
  521. font-weight: normal;
  522. margin: 0 0 5px;
  523. }
  524.  
  525. #content div.home div.section div p {
  526. color: #5f5d5e;
  527. line-height: 28px;
  528. margin: 0;
  529. text-align: justify;
  530. }
  531.  
  532. #content div.home div.section ul {
  533. float: right;
  534. list-style: none;
  535. margin: 0;
  536. padding: 0;
  537. width: 180px;
  538. }
  539.  
  540. #content div.home div.section ul li {
  541. display: block;
  542. height: auto;
  543. margin-top: 9px;
  544. width: auto;
  545. }
  546.  
  547. #content div.home div.section ul li.first {
  548. margin-top: 0;
  549. }
  550.  
  551. #content div.home div.section ul li img {
  552. border: 6px solid #fefffa;
  553. }
  554.  
  555. #content div form p {
  556. line-height: 28px;
  557. margin: 0;
  558. padding-bottom: 20px;
  559. text-align: justify;
  560. width: 420px;
  561. }
  562.  
  563. #content div form p span {
  564. color: #5F5D5E;
  565. }
  566.  
  567. #content div form input {
  568. color: #aeaeae;
  569. display: block;
  570. margin: 20px 0;
  571. }
  572.  
  573. #content div form input.textcontact {
  574. background: url(../images/input-contact.gif) no-repeat 0 0;
  575. border: 0 none;
  576. font-weight: bold;
  577. height: 30px;
  578. line-height: 30px;
  579. padding: 0 5px;
  580. width: 341px;
  581. }
  582.  
  583. #content div form textarea {
  584. background: #fff;
  585. border: 1px solid #cccccc;
  586. height: 350px;
  587. padding: 5px;
  588. width: 890px;
  589. }
  590.  
  591. #content div form input.submit {
  592. background: url(../images/sprite-buttons.gif) no-repeat 0 -411px;
  593. border: 0;
  594. display: block;
  595. margin-left: 780px;
  596. height: 30px;
  597. width: 120px;
  598. }
  599.  
  600. #content div#blog {
  601. margin: 0 auto;
  602. overflow: hidden;
  603. padding: 10px 30px 30px 0;
  604. position: relative;
  605. width: 930px;
  606. }
  607.  
  608.  
  609. #content div#blog div#articles {
  610. float: left;
  611. padding: 0;
  612. width: 692px;
  613. }
  614.  
  615. #content div#blog div#articles ul {
  616. list-style: none;
  617. margin: 10px 0 0;
  618. padding: 0;
  619. }
  620.  
  621. #content div#blog div#articles ul li {
  622. background: url(../images/bg-post.gif) repeat-y;
  623. display: block;
  624. height: auto;
  625. position: relative;
  626. margin-bottom: 30px;
  627. width: 692px;
  628. }
  629.  
  630. #content div#blog div#articles ul li div {
  631. background: url(../images/bg-post-header.gif) no-repeat center top;
  632. position: static;
  633. }
  634.  
  635. #content div#blog div#articles ul li div div {
  636. background: url(../images/bg-post-footer.gif) no-repeat center bottom;
  637. }
  638.  
  639. #content div#blog div#articles ul li div div h1 {
  640. font-family: Verdana;
  641. font-size: 20px;
  642. letter-spacing: 0;
  643. padding-top: 20px;
  644. text-indent: 125px;
  645. }
  646.  
  647. #content div#blog div#articles ul li div div h1 a {
  648. color: #84284D;
  649. text-decoration: none;
  650. }
  651.  
  652. #content div#blog div#articles ul li div div h2 {
  653. color: #FF2279;
  654. font-family: Verdana;
  655. font-size: 20px;
  656. letter-spacing: 0;
  657. padding-left: 50px;
  658. padding-top: 10px;
  659. }
  660.  
  661. #content div#blog div#articles ul li div div p {
  662. padding: 0 28px 0 52px;
  663. text-align: justify;
  664. width: auto;
  665. }
  666.  
  667. #content div#blog div#articles ul li div div span.date {
  668. color: #F7FFFF;
  669. display: block;
  670. font-size: 14px;
  671. left: 0;
  672. line-height: 48px;
  673. position: absolute;
  674. text-align: center;
  675. top: 0;
  676. width: 104px;
  677. }
  678.  
  679. #content div#blog div#articles ul li div div span.connect {
  680. display: block;
  681. height: 20px;
  682. position: absolute;
  683. right: 15px;
  684. top: 20px;
  685. }
  686.  
  687. #content div#blog div#articles ul li div div span.connect a {
  688. display: block;
  689. float: left;
  690. height: 20px;
  691. margin: 0 0 0 5px;
  692. text-decoration: none;
  693. text-indent: -99999px;
  694. width: 20px;
  695. }
  696.  
  697. #content div#blog div#articles div.section {
  698. background: url(../images/border-horizontal.gif) no-repeat 40px top;
  699. float: none;
  700. overflow: hidden;
  701. padding-left: 35px;
  702. width: 617px;
  703. }
  704.  
  705. #content div#blog div#articles div.section a.newpost {
  706. float: left;
  707. }
  708.  
  709. #content div#blog div#articles div.section a.oldpost {
  710. float: right
  711. }
  712.  
  713. #content div#blog div#articles div.section a {
  714. color: #cdc9ca;
  715. font-size: 14px;
  716. display: block;
  717. text-decoration: none;
  718. }
  719.  
  720. #content div#blog div#articles div.section a:hover,
  721. #content div#blog div#articles div.section a.oldpost {
  722. color: #a36e82;
  723. }
  724.  
  725. #content div#blog div#articles ul li div div span.connect a.twitter {
  726. background: url(../images/sprite-icons.gif) no-repeat 0 -362px;
  727. }
  728.  
  729. #content div#blog div#articles ul li div div span.connect a.heart {
  730. background: url(../images/sprite-icons.gif) no-repeat 0 -171px;
  731. }
  732.  
  733. #content div#blog div#articles ul li div div span.connect a.facebook {
  734. background: url(../images/sprite-icons.gif) no-repeat 0 -112px;
  735. }
  736.  
  737. #content div#blog div#articles ul li div div span#tag {
  738. color: #d1d1d1;
  739. display: block;
  740. padding-left: 50px;
  741. padding-bottom: 20px;
  742. }
  743.  
  744. #content div#blog div#articles ul li div div span#tag a {
  745. color: #d1d1d1;
  746. }
  747.  
  748. #content div#blog div#articles ul li div div span#tag a:hover {
  749. color: #DF4B9F;
  750. }
  751.  
  752. #content div#blog div#sidebar {
  753. float: right;
  754. padding: 0 0 0 25px;
  755. width: 200px;
  756. }
  757.  
  758. #content div#blog div#sidebar h2 {
  759. background: url(../images/sidebar-separator.gif) no-repeat center bottom;
  760. font-size: 18px;
  761. font-weight: normal;
  762. margin: 20px 0 0;
  763. padding-bottom: 15px;
  764. }
  765.  
  766. #content div#blog div#sidebar h3 {
  767. background: url(../images/sidebar-separator.gif) no-repeat center bottom;
  768. font-size: 18px;
  769. font-weight: normal;
  770. margin: 0;
  771. padding-top: 10px;
  772. padding-bottom: 15px;
  773. text-indent: 20px;
  774. width: 222px;
  775. }
  776.  
  777. #content div#blog div#sidebar h3 a span,
  778. #content div#blog div#sidebar div p a span,
  779. #content div#blog div#sidebar div p a:hover,
  780. #content div#blog div#sidebar h3 a:hover {
  781. color: #cf8fa7;
  782. }
  783.  
  784. #content div#blog div#sidebar h3 a {
  785. background: url(../images/arrow-down.gif) no-repeat 175px 5px;
  786. display: block;
  787. color: #ff2279;
  788. text-decoration: none;
  789. }
  790.  
  791. #content div#blog div#sidebar h3.first {
  792. padding-top: 5px;
  793. }
  794.  
  795. #content div#blog div#sidebar h3.first a {
  796. background: url(../images/arrow-up.gif) no-repeat 175px 5px;
  797. }
  798.  
  799. #content div#blog div#sidebar div p a {
  800. color: #5f5d5e;
  801. text-decoration: none;
  802. }
  803.  
  804. #content div#blog div#sidebar div p {
  805. margin: 0;
  806. }
  807.  
  808. #content div#blog div#sidebar div {
  809. background: url(../images/sidebar-separator.gif) no-repeat center bottom;
  810. padding-right: 0;
  811. padding-bottom: 15px;
  812. width: auto;
  813. }
  814.  
  815. #content div div#account {
  816. background: url(../images/bg-form-top-curve.gif) no-repeat center top;
  817. color: #5F5D5E;
  818. margin: 60px auto 0;
  819. padding: 10px 0 0 ;
  820. width: 420px;
  821. }
  822.  
  823. #content div div#account div {
  824.  
  825. background: url(../images/bg-form-bottom-curve.gif) no-repeat center bottom;
  826. padding: 0 0 10px;
  827. width: auto;
  828. }
  829.  
  830. #content div div#account div form {
  831. background: url(../images/bg-form.gif) repeat-y;
  832. margin: 0;
  833. padding-bottom: 15px;
  834. }
  835.  
  836. #content div div#account div form input {
  837. color: #5F5D5E;
  838. margin: 0 0 0 10px;
  839. }
  840.  
  841. #content div div#account div form span {
  842. color: #84284D;
  843. display: block;
  844. padding: 15px 10px 10px 15px;
  845. }
  846.  
  847. #content div div#account div form input#email,
  848. #content div div#account div form input#login,
  849. #content div div#account div form input#password,
  850. #content div div#account div form input#confirmpass,
  851. #content div div#account div form input#name {
  852. border: 1px solid #e0e0e0;
  853. height: 25px;
  854. width: 310px;
  855. }
  856.  
  857. #content div div#account div form input#rememberme {
  858. display: inline-block;
  859. vertical-align: sub;
  860. }
  861.  
  862. #content div div#account div form table {
  863. margin-left: 10px;
  864. }
  865.  
  866. #content div div#account div form table tr td {
  867. padding: 5px 0;
  868. text-align: right;
  869. }
  870.  
  871. #content div div#account div form table tr td.rememberme {
  872. padding: 0;
  873. text-align: left;
  874. }
  875.  
  876. #content div div#account div form table tr td label input#rememberme {
  877. vertical-align: sub;
  878. }
  879.  
  880. #content div div#account div form input.submitbtn {
  881. background: url(../images/sprite-buttons.gif) no-repeat 0 -376px;
  882. color: #84284D;
  883. border: 0;
  884. height: 25px;
  885. font-size: 11px;
  886. margin-left: 300px;
  887. margin-top: 10px;
  888. text-transform: uppercase;
  889. width: 90px;
  890. }
  891.  
  892. #footer {
  893. background: #703f54;
  894. width: 100%;
  895. }
  896.  
  897. #footer div.home {
  898. background: url(../images/bg-footer.gif) repeat-x top left;
  899. height: 336px;
  900. padding: 0;
  901. width: auto;
  902. }
  903.  
  904. #footer div.home div, #footer div.section div {
  905. margin: 0 auto;
  906. padding: 0;
  907. overflow: hidden;
  908. width: 960px;
  909. }
  910.  
  911. #footer div.home div div.aside,
  912. #footer div.section div div.aside {
  913. float: left;
  914. padding-left: 20px;
  915. width: 430px;
  916. }
  917.  
  918. #footer div.section div div.aside {
  919. padding-left: 30px;
  920. }
  921.  
  922. #footer div.home div div.aside div.connect {
  923. margin-top: 10px;
  924. width: auto;
  925. }
  926.  
  927. #footer div.home div div.aside div.connect span,
  928. #footer div.section div div.connect span {
  929. color: #84284D;
  930. display: block;
  931. font-family: Trebuchet MS;
  932. font-style: italic;
  933. font-size: 18px;
  934. margin: 0 0 5px;
  935. }
  936.  
  937. #footer div.home div div.aside div.connect ul,
  938. #footer div.section div div.connect ul {
  939. list-style: none;
  940. margin: 0 0 0 20px;
  941. padding: 0;
  942. width: 500px;
  943. }
  944.  
  945. #footer div.home div div.aside div.connect ul li,
  946. #footer div.section div div.connect ul li {
  947. float: left;
  948. padding: 5px 0;
  949. width: 200px;
  950. }
  951.  
  952. #footer div.home div div.aside div.connect ul li a,
  953. #footer div.section div div.connect ul li a {
  954. color: #84284D;
  955. display: block;
  956. height: 22px;
  957. line-height: 18px;
  958. text-decoration: none;
  959. text-indent: 30px;
  960. }
  961.  
  962. #footer div.home div div.aside div.connect ul li a.facebook,
  963. #footer div.section div div.connect ul li a.facebook {
  964. background: url(../images/sprite-icons.gif) no-repeat 0 -30px;
  965. }
  966.  
  967. #footer div.home div div.aside div.connect ul li a.twitter{
  968. background: url(../images/sprite-icons.gif) no-repeat 0 -335px;
  969. }
  970.  
  971. #footer div.section div div.connect ul li a.twitter {
  972. background: url(../images/sprite-icons.gif) no-repeat 0 -416px;
  973. }
  974.  
  975. #footer div.home div div.aside div.connect ul li a.subscribe {
  976. background: url(../images/sprite-icons.gif) no-repeat 0 -202px;
  977. }
  978.  
  979. #footer div.section div div.connect ul li a.subscribe {
  980. background: url(../images/sprite-icons.gif) no-repeat 0 -389px;
  981. }
  982.  
  983. #footer div.home div div.aside div.connect ul li a.flicker {
  984. background: url(../images/sprite-icons.gif) no-repeat 0 -57px;
  985. }
  986.  
  987. #footer div.section div div.connect ul li a.flicker {
  988. background: url(../images/sprite-icons.gif) no-repeat 0 -56px;
  989. }
  990.  
  991. #footer div.home div div.aside div.signup,
  992. #footer div.section div div.aside div {
  993. background: url(../images/bg-sign-up.gif) no-repeat 0 0;
  994. height: 195px;
  995. position: relative;
  996. width: auto;
  997. }
  998.  
  999. #footer div.home div div.aside div.signup div,
  1000. #footer div.section div div.aside div div {
  1001. background: none;
  1002. height: auto;
  1003. position: absolute;
  1004. right: 44px;
  1005. top: 105px;
  1006. width: 240px;
  1007. }
  1008.  
  1009. #footer div.home div div.aside div.signup div a,
  1010. #footer div.section div div.aside div div a {
  1011. background: url(../images/sprite-buttons.gif) no-repeat 0 -331px;
  1012. color: #84284D;
  1013. display: block;
  1014. height: 35px;
  1015. text-indent: -999999px;
  1016. width: 230px;
  1017. }
  1018.  
  1019. #footer div.home div div.aside div.signup div b,
  1020. #footer div.section div div.aside div div b {
  1021. color: #674253;
  1022. display: block;
  1023. font-size: 22px;
  1024. text-align: center;
  1025. }
  1026.  
  1027. #footer div.home div div.aside div.signup div b span,
  1028. #footer div.section div div.aside div div b span {
  1029. color: #af6282;
  1030. }
  1031.  
  1032. #footer div.home div div.aside div.signup div p,
  1033. #footer div.section div div.aside div div p {
  1034. color: #3e071c;
  1035. margin: 0;
  1036. }
  1037.  
  1038. #footer div.home div div.section {
  1039. background: url(../images/bg-featured-bottom-curve.jpg) no-repeat center bottom;
  1040. float: right;
  1041. height: 283px;
  1042. margin-top: 19px;
  1043. width: 471px;
  1044. }
  1045.  
  1046. #footer div.section div div.connect {
  1047. float: right;
  1048. height: auto;
  1049. margin-top: 85px;
  1050. width: 430px;
  1051. }
  1052.  
  1053. #footer div.home div div.section div {
  1054. background: url(../images/bg-featured.jpg) repeat-y;
  1055. width: auto;
  1056. }
  1057.  
  1058. #footer div.home div div.section div div {
  1059. background: url(../images/bg-featured-heading.gif) no-repeat center top;
  1060. padding: 75px 20px 0;
  1061. width: 431px;
  1062. }
  1063.  
  1064. #footer div.home div div.section div div h3 {
  1065. font-family: Trebuchet MS;
  1066. font-size: 25px;
  1067. font-style: italic;
  1068. font-weight: normal;
  1069. margin: 0;
  1070. }
  1071.  
  1072. #footer div.home div div.section div div h3 a {
  1073. color: #84284D;
  1074. text-decoration: none;
  1075. }
  1076.  
  1077. #footer div.home div div.section div div p {
  1078. color: #5F5D5E;
  1079. line-height: 28px;
  1080. padding-top: 5px;
  1081. }
  1082.  
  1083. #footer div#featured {
  1084. margin: 0 auto;
  1085. padding-top: 30px;
  1086. width: 960px;
  1087. }
  1088.  
  1089. #footer div#featured ul {
  1090. list-style: none;
  1091. margin: 0;
  1092. overflow: hidden;
  1093. padding: 0;
  1094. }
  1095.  
  1096. #footer div#featured ul li {
  1097. float: left;
  1098. margin-left: 18px;
  1099. width: 226px;
  1100. }
  1101.  
  1102. #footer div#featured ul li.first {
  1103. margin-left: 0;
  1104. }
  1105.  
  1106. #footer div#featured ul li h2 {
  1107. font-size: 12px;
  1108. font-weight: bold;
  1109. margin: 0;
  1110. padding-top: 5px;
  1111. }
  1112.  
  1113. #footer div#featured ul li h2 a {
  1114. color: #b5d13e;
  1115. text-decoration: none;
  1116. }
  1117.  
  1118. #footer div#featured ul li p {
  1119. color: #EBD7E0;
  1120. line-height: 28px;
  1121. margin: 10px 0 0;
  1122. text-align: justify;
  1123. }
  1124.  
  1125. #footer div#featured ul li p a.readmore {
  1126. background: url(../images/sprite-buttons.gif) no-repeat 0 -265px;
  1127. color: #d4a7bb;
  1128. display: inline-block;
  1129. height: 16px;
  1130. font-size: 11px;
  1131. line-height: 16px;
  1132. text-align: center;
  1133. text-decoration: none;
  1134. width: 65px;
  1135. }
  1136.  
  1137. #footer div#navigation {
  1138. background: #6a3e4f;
  1139. height: 80px;
  1140. margin-top: 20px;
  1141. width: 100%;
  1142. }
  1143.  
  1144. #footer div#navigation div {
  1145. margin: 0 auto;
  1146. width: 960px;
  1147. }
  1148.  
  1149. #footer div#navigation div ul {
  1150. background: url(../images/footer-top-border.jpg) no-repeat top center;
  1151. list-style: none;
  1152. margin: 0 auto;
  1153. overflow: hidden;
  1154. padding: 30px 0 0 170px;
  1155. width: 800px;
  1156. }
  1157.  
  1158. #footer div#navigation div ul li {
  1159. border-left: 1px solid #995870;
  1160. float: left;
  1161. font-size: 11px;
  1162. height: 12px;
  1163. line-height: 10px;
  1164. }
  1165.  
  1166. #footer div#navigation div ul li.first {
  1167. border: 0;
  1168. }
  1169.  
  1170. #footer div#navigation div ul li a {
  1171. color: #995870;
  1172. display: block;
  1173. padding: 0 5px;
  1174. text-align: center;
  1175. text-decoration: none;
  1176. text-transform: lowercase
  1177. }
  1178.  
  1179. #footer div#navigation div ul li a:hover {
  1180. color: #EBD7E0;
  1181. }
  1182.  
  1183. #footer div#navigation div p {
  1184. color: #995870;
  1185. font-size: 11px;
  1186. margin: 0;
  1187. text-align: center;
  1188. }
  1189.  
  1190. #footer div.section {
  1191. background: url(../images/bg-footer2.gif) repeat-x top left;
  1192. height: 226px;
  1193. padding: 0;
  1194. width: auto;
  1195. }
  1196.  
  1197.  
  1198. /*----------------- CENTERIA ---------------------->*/
  1199.  
  1200.  
  1201.  
  1202. .centeria {
  1203. width: 60%;
  1204. margin: 0 auto;
  1205. margin-bottom: 400px;
  1206. padding-left: 300px;
  1207.  
  1208. }
  1209.  
  1210. .wszystko {
  1211. display: block;
  1212.  
  1213. }
  1214.  
  1215. .textboxy {
  1216. float: right;
  1217. }
  1218.  
  1219. .labele {
  1220. margin-top: 7px;
  1221. float:left;
  1222. padding-right: 100px;
  1223. }
  1224.  
  1225. .labele p {
  1226. margin: 0px;
  1227. }
  1228.  
  1229. .buttony {
  1230. clear: both;
  1231. margin-top: 10px;
  1232. float:right;
  1233. padding-right: 200px
  1234.  
  1235. }
  1236.  
  1237. .wpisane {
  1238. text-align: center;
  1239. margin-bottom: 400px;
  1240. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement