Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on Jun 26th, 2012  |  syntax: None  |  size: 11.26 KB  |  hits: 11  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. html, body, div, span, applet, object, iframe,
  2. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  3. a, abbr, acronym, address, big, cite, code,
  4. del, dfn, em, font, img, ins, kbd, q, s, samp,
  5. small, strike, strong, sub, sup, tt, var,
  6. dl, dt, dd, ol, ul, li,
  7. fieldset, form, label, legend,
  8. table, caption, tbody, tfoot, thead, tr, th, td {
  9.   margin: 0;
  10.   padding: 0;
  11.   border: 0;
  12.   outline: 0;
  13.   font-weight: inherit;
  14.   font-style: inherit;
  15.   font-size: 100%;
  16.   font-family: inherit;
  17.   vertical-align: baseline;
  18. }
  19.  
  20. body {
  21.   line-height: 1;
  22.   color: black;
  23.   background: white;
  24. }
  25.  
  26. ol, ul {
  27.   list-style: none;
  28. }
  29.  
  30. table {
  31.   border-collapse: separate;
  32.   border-spacing: 0;
  33.   vertical-align: middle;
  34. }
  35.  
  36. caption, th, td {
  37.   text-align: left;
  38.   font-weight: normal;
  39.   vertical-align: middle;
  40. }
  41.  
  42. q, blockquote {
  43.   quotes: "" "";
  44. }
  45. q:before, q:after, blockquote:before, blockquote:after {
  46.   content: "";
  47. }
  48.  
  49. a img {
  50.   border: none;
  51. }
  52.  
  53. .calendricalDatePopup {
  54.   background: white;
  55.   border: solid 1px #999999;
  56.   padding: 2px;
  57.   text-align: center;
  58.   width: 160px;
  59. }
  60. .calendricalDatePopup table {
  61.   border-collapse: collapse;
  62.   width: 160px;
  63. }
  64. .calendricalDatePopup table .monthCell {
  65.   padding: 2px 0;
  66. }
  67. .calendricalDatePopup table .monthCell a {
  68.   display: block;
  69.   float: left;
  70.   line-height: 20px;
  71. }
  72. .calendricalDatePopup table .monthCell .prevMonth, .calendricalDatePopup table .monthCell .nextMoth {
  73.   width: 24px;
  74. }
  75. .calendricalDatePopup table .monthCell .monthName {
  76.   width: 110px;
  77. }
  78. .calendricalDatePopup table a {
  79.   text-decoration: none;
  80. }
  81. .calendricalDatePopup table td {
  82.   text-align: center;
  83.   font-size: 12px;
  84.   padding: 0;
  85. }
  86. .calendricalDatePopup table td a {
  87.   display: block;
  88.   color: black;
  89.   padding: 2px 3px;
  90. }
  91. .calendricalDatePopup table td a:hover {
  92.   background: #ccccff;
  93.   border: none;
  94.   padding: 2px 3px;
  95. }
  96. .calendricalDatePopup table td.today a {
  97.   background: #eeeebb;
  98. }
  99. .calendricalDatePopup table td.selected a {
  100.   background: #ccccff;
  101. }
  102. .calendricalDatePopup table td.today_selected a {
  103.   background: #eeeebb;
  104.   border: solid 1px #dddd66;
  105.   padding: 1px 2px;
  106. }
  107. .calendricalDatePopup table td.nonMonth a {
  108.   color: #999999;
  109. }
  110.  
  111. .calendricalEndTimePopup {
  112.   width: 160px;
  113. }
  114.  
  115. #footer {
  116.   background: #131313;
  117.   clear: both;
  118.   *zoom: 1;
  119.   padding: 25px 0;
  120.   padding-left: 30px;
  121.   padding-bottom: 45px;
  122. }
  123. #footer:after {
  124.   content: "\0020";
  125.   display: block;
  126.   height: 0;
  127.   clear: both;
  128.   overflow: hidden;
  129.   visibility: hidden;
  130. }
  131. #footer ul {
  132.   width: 1024px;
  133.   margin: 0 auto;
  134.   *zoom: 1;
  135. }
  136. #footer ul:after {
  137.   content: "\0020";
  138.   display: block;
  139.   height: 0;
  140.   clear: both;
  141.   overflow: hidden;
  142.   visibility: hidden;
  143. }
  144. #footer ul li {
  145.   float: left;
  146.   width: 220px;
  147.   margin-left: 20px;
  148.   font-size: 0.9em;
  149. }
  150. #footer ul li ul li {
  151.   padding: 3px 0;
  152.   float: none;
  153. }
  154. #footer ul li ul h4 {
  155.   font-size: 0.9em;
  156.   text-transform: uppercase;
  157.   color: #ffb628;
  158.   padding-bottom: 20px;
  159. }
  160. #footer a {
  161.   color: white;
  162. }
  163. #footer a:hover {
  164.   color: #999999;
  165. }
  166.  
  167. #header {
  168.   background: #131313 url(/images/farora/top-header-bg.gif) repeat-x;
  169.   padding: 15px;
  170.   padding-left: 50px;
  171.   height: 20px;
  172.   *zoom: 1;
  173.   color: white;
  174. }
  175. #header:after {
  176.   content: "\0020";
  177.   display: block;
  178.   height: 0;
  179.   clear: both;
  180.   overflow: hidden;
  181.   visibility: hidden;
  182. }
  183. #header h1 {
  184.   text-indent: -10000px;
  185.   background: url(/images/farora/logo.png) no-repeat;
  186.   width: 108px;
  187.   height: 18px;
  188.   float: left;
  189. }
  190. #header .tagline {
  191.   color: #6e6e6e;
  192.   font-style: italic;
  193.   padding-left: 5px;
  194.   padding-top: 5px;
  195.   float: left;
  196. }
  197.  
  198. #index-main {
  199.   *zoom: 1;
  200.   height: 550px;
  201.   color: white;
  202. }
  203. #index-main:after {
  204.   content: "\0020";
  205.   display: block;
  206.   height: 0;
  207.   clear: both;
  208.   overflow: hidden;
  209.   visibility: hidden;
  210. }
  211. #index-main fieldset {
  212.   background-color: #303030;
  213.   color: white;
  214.   opacity: 0.9;
  215.   -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  216.   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  217.   padding: 30px;
  218.   padding-top: 20px;
  219.   float: right;
  220.   width: 570px;
  221.   margin-top: 50px;
  222.   margin-right: 90px;
  223.   margin-bottom: 50px;
  224. }
  225. #index-main fieldset h3 {
  226.   font-size: 1.2em;
  227.   font-weight: bold;
  228. }
  229. #index-main fieldset em {
  230.   font-weight: normal;
  231.   font-style: italic;
  232.   font-size: 0.9em;
  233. }
  234. #index-main fieldset em a {
  235.   color: #47a3ff;
  236.   text-decoration: underline;
  237. }
  238. #index-main fieldset ol {
  239.   *zoom: 1;
  240.   background: #a6a6a6;
  241.   padding: 40px;
  242.   padding-bottom: 20px;
  243.   padding-right: 30px;
  244.   padding-left: 40px;
  245.   color: black;
  246.   margin-top: 15px;
  247.   counter-reset: item;
  248. }
  249. #index-main fieldset ol:after {
  250.   content: "\0020";
  251.   display: block;
  252.   height: 0;
  253.   clear: both;
  254.   overflow: hidden;
  255.   visibility: hidden;
  256. }
  257. #index-main fieldset ol li {
  258.   float: left;
  259.   list-style-position: inside;
  260.   margin-right: 15px;
  261.   margin-bottom: 20px;
  262. }
  263. #index-main fieldset ol li:before {
  264.   content: counter(item) ".";
  265.   counter-increment: item;
  266. }
  267. #index-main fieldset ol li.no-count {
  268.   counter-increment: item -1;
  269.   content: counter(item, " ");
  270. }
  271. #index-main fieldset ol li.no-count:before {
  272.   content: "";
  273. }
  274. #index-main fieldset ol li.commit {
  275.   padding-top: 20px;
  276.   margin-right: 0 !important;
  277.   width: 100%;
  278.   text-align: center;
  279. }
  280. #index-main fieldset ol li.after-count, #index-main fieldset ol li.type-of-service, #index-main fieldset ol li.additional-services {
  281.   clear: both;
  282. }
  283. #index-main fieldset ol li.type-of-service select {
  284.   margin-bottom: 5px;
  285. }
  286. #index-main fieldset ol li.price input {
  287.   width: 50px;
  288.   height: 18px;
  289. }
  290. #index-main fieldset ol li .date {
  291.   width: 115px;
  292.   margin-right: 20px;
  293. }
  294. #index-main fieldset ol li .add-service {
  295.   color: #47a3ff;
  296. }
  297. #index-main fieldset ol li label {
  298.   color: white;
  299.   font-weight: bold;
  300.   text-transform: uppercase;
  301. }
  302. #index-main fieldset ol li input {
  303.   display: block;
  304.   padding: 5px;
  305.   font-size: 0.9em;
  306.   border: 1px solid #cccccc;
  307.   color: black;
  308.   width: 180px;
  309.   margin-top: 5px;
  310.   height: 20px;
  311.   -moz-border-radius: 5px;
  312.   -webkit-border-radius: 5px;
  313.   -o-border-radius: 5px;
  314.   -ms-border-radius: 5px;
  315.   -khtml-border-radius: 5px;
  316.   border-radius: 5px;
  317. }
  318. #index-main fieldset ol li input.salon {
  319.   width: 260px;
  320. }
  321. #index-main fieldset ol li input[disabled] {
  322.   background: #b8b8b8;
  323.   border: 1px solid #b8b8b8;
  324. }
  325. #index-main fieldset ol li .submit {
  326.   font-size: 1em;
  327.   font-weight: bold;
  328.   width: 120px;
  329.   height: 30px;
  330.   text-transform: uppercase;
  331.   margin: 0 auto;
  332.   border: none;
  333.   color: white;
  334.   cursor: pointer;
  335.   background: url('/images/farora/buttons.png?1298224770') no-repeat;
  336.   width: 500;
  337.   height: 50;
  338.   overflow: hidden;
  339.   background-position: 0px -64px;
  340. }
  341. #index-main fieldset ol li .submit:hover {
  342.   background-position: 0px -96px;
  343. }
  344.  
  345. .filters {
  346.   clear: both;
  347.   margin: 30px;
  348.   margin-left: 15px;
  349.   *zoom: 1;
  350.   margin-bottom: 10px;
  351. }
  352. .filters:after {
  353.   content: "\0020";
  354.   display: block;
  355.   height: 0;
  356.   clear: both;
  357.   overflow: hidden;
  358.   visibility: hidden;
  359. }
  360. .filters li {
  361.   float: left;
  362.   width: 330px;
  363. }
  364.  
  365. .results {
  366.   *zoom: 1;
  367. }
  368. .results:after {
  369.   content: "\0020";
  370.   display: block;
  371.   height: 0;
  372.   clear: both;
  373.   overflow: hidden;
  374.   visibility: hidden;
  375. }
  376. .results > li {
  377.   list-style-position: inside;
  378.   float: left;
  379.   width: 30%;
  380.   margin: 15px;
  381. }
  382. .results > li li {
  383.   margin-bottom: 5px;
  384. }
  385. .results > li p {
  386.   padding-bottom: 10px;
  387. }
  388.  
  389. .tabs {
  390.   clear: both;
  391.   margin-top: 20px;
  392.   margin-left: 15px;
  393.   *zoom: 1;
  394. }
  395. .tabs:after {
  396.   content: "\0020";
  397.   display: block;
  398.   height: 0;
  399.   clear: both;
  400.   overflow: hidden;
  401.   visibility: hidden;
  402. }
  403. .tabs li {
  404.   background: #c3c3c3;
  405.   float: left;
  406.   padding: 5px 10px;
  407.   margin-right: 3px;
  408. }
  409. .tabs li:hover {
  410.   background: black;
  411. }
  412. .tabs li.current {
  413.   background: black;
  414. }
  415. .tabs li a {
  416.   color: white;
  417. }
  418.  
  419. #nav {
  420.   float: right;
  421.   padding-top: 5px;
  422.   font-size: 0.9em;
  423. }
  424. #nav ul {
  425.   width: 650px;
  426.   margin: 0;
  427.   padding: 0;
  428. }
  429. #nav ul li {
  430.   text-align: right;
  431.   margin-right: 0;
  432.   display: inline;
  433.   padding-left: 20px;
  434. }
  435. #nav ul li a {
  436.   color: white;
  437.   text-decoration: none;
  438. }
  439. #nav ul li a:hover {
  440.   color: #9b9b9b;
  441. }
  442. #nav ul li a.invite-friends-link {
  443.   color: #ffb431;
  444. }
  445. #nav ul li em a {
  446.   color: #93c9ff;
  447. }
  448.  
  449. #review {
  450.   padding-left: 50px;
  451. }
  452. #review .review-results {
  453.   margin-left: 15px;
  454. }
  455. #review .review-results li {
  456.   border-bottom: 1px solid #cccccc;
  457.   padding: 0;
  458.   padding-top: 20px;
  459. }
  460. #review select {
  461.   border: 1px solid #96a6c5;
  462. }
  463. #review a {
  464.   color: #47a3ff;
  465. }
  466. #review .tabs a {
  467.   color: white;
  468. }
  469. #review p {
  470.   color: #666666;
  471.   margin-bottom: 20px;
  472. }
  473. #review p.post-details {
  474.   color: #999999;
  475. }
  476. #review label {
  477.   float: left;
  478.   display: block;
  479.   padding: 10px;
  480. }
  481.  
  482. #results-main {
  483.   min-height: 440px;
  484.   color: black;
  485. }
  486. #results-main b {
  487.   color: black;
  488. }
  489. #results-main > ul {
  490.   padding-left: 30px;
  491. }
  492. #results-main label {
  493.   float: left;
  494.   display: block;
  495.   padding: 10px;
  496. }
  497. #results-main select {
  498.   border: 1px solid #96a6c5;
  499. }
  500.  
  501. /* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
  502. .ratings {
  503.   clear: both;
  504.   *zoom: 1;
  505.   margin-left: -20px;
  506.   margin-bottom: 20px;
  507. }
  508. .ratings:after {
  509.   content: "\0020";
  510.   display: block;
  511.   height: 0;
  512.   clear: both;
  513.   overflow: hidden;
  514.   visibility: hidden;
  515. }
  516.  
  517. div.rating-cancel, div.star-rating {
  518.   float: left;
  519.   width: 17px;
  520.   height: 15px;
  521.   text-indent: -999em;
  522.   cursor: pointer;
  523.   display: block;
  524.   background: transparent;
  525.   overflow: hidden;
  526. }
  527. div.rating-cancel {
  528.   background: url(/images/farora/delete.gif) no-repeat 0 -16px;
  529. }
  530. div.rating-cancel a {
  531.   background: url(/images/farora/delete.gif) no-repeat 0 -16px;
  532. }
  533. div.star-rating {
  534.   background: url(/images/farora/star.gif) no-repeat 0 0px;
  535. }
  536. div.star-rating a {
  537.   background: url(/images/farora/star.gif) no-repeat 0 0px;
  538. }
  539. div.rating-cancel a, div.star-rating a {
  540.   display: block;
  541.   width: 16px;
  542.   height: 100%;
  543.   background-position: 0 0px;
  544.   border: 0;
  545. }
  546. div.star-rating-on a {
  547.   background-position: 0 -16px !important;
  548. }
  549. div.star-rating-hover a {
  550.   background-position: 0 -32px;
  551. }
  552. div.star-rating-readonly a {
  553.   cursor: default !important;
  554. }
  555. div.star-rating {
  556.   background: transparent !important;
  557.   overflow: hidden !important;
  558. }
  559.  
  560. /* Read Only CSS */
  561. /* Partial Star CSS */
  562. /* END jQuery.Rating Plugin CSS */
  563. body {
  564.   font-family: Arial, sans-serif;
  565.   font-size: 14px;
  566.   width: 100%;
  567.   background: #f6f6f6;
  568. }
  569. body.index {
  570.   background: #131313 url(/images/farora/bg1.jpg) no-repeat top center;
  571. }
  572.  
  573. #container {
  574.   margin: 0 auto;
  575.   overflow-x: hidden;
  576. }
  577.  
  578. ul {
  579.   list-style-type: none;
  580. }
  581.  
  582. a {
  583.   color: white;
  584.   text-decoration: none;
  585. }
  586. a:hover {
  587.   color: #999999;
  588. }
  589.  
  590. h2 {
  591.   font-size: 20px;
  592.   font-weight: bold;
  593.   padding-bottom: 10px;
  594. }
  595.  
  596. select {
  597.   -moz-border-radius: 5px;
  598.   -webkit-border-radius: 5px;
  599.   -o-border-radius: 5px;
  600.   -ms-border-radius: 5px;
  601.   -khtml-border-radius: 5px;
  602.   border-radius: 5px;
  603.   display: block;
  604.   font-size: 0.9em;
  605.   padding: 5px;
  606.   color: black;
  607.   background: white;
  608.   border: 0;
  609.   height: 30px;
  610.   width: 194px;
  611.   margin-top: 5px;
  612. }
  613.  
  614. .inner-container {
  615.   width: 1024px;
  616.   margin: 0 auto;
  617. }
create a new version of this paste RAW Paste Data