API tools faq
paste
Guest User

Untitled

a guest
Jul 19th, 2018
89
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 60.57 KB | None | 0 0
raw download clone embed print report
  1. html,
  2. body,
  3. div,
  4. span,
  5. applet,
  6. object,
  7. iframe,
  8. h1,
  9. h2,
  10. h3,
  11. h4,
  12. h5,
  13. h6,
  14. p,
  15. blockquote,
  16. pre,
  17. a,
  18. abbr,
  19. acronym,
  20. address,
  21. big,
  22. cite,
  23. code,
  24. del,
  25. dfn,
  26. em,
  27. font,
  28. img,
  29. ins,
  30. kbd,
  31. q,
  32. s,
  33. samp,
  34. small,
  35. strike,
  36. strong,
  37. sub,
  38. sup,
  39. tt,
  40. var,
  41. b,
  42. u,
  43. i,
  44. center,
  45. dl,
  46. dt,
  47. dd,
  48. ol,
  49. ul,
  50. li,
  51. fieldset,
  52. form,
  53. label,
  54. legend,
  55. table,
  56. caption,
  57. .reset {
  58. margin: 0;
  59. padding: 0;
  60. border: 0;
  61. font-size: 100%;
  62. vertical-align: baseline;
  63. background: transparent;
  64. }
  65. body,
  66. .reset {
  67. font-family: arial,'Lucida Grande','Bitstream Vera Sans',verdana,sans-serif;
  68. font-size: 12px;
  69. background: #fff;
  70. text-align: left;
  71. line-height: 1.2;
  72. color: #555;
  73. }
  74. input,
  75. textarea,
  76. select,
  77. button {
  78. font-family: arial,'Lucida Grande','Bitstream Vera Sans',verdana,sans-serif;
  79. font-size: 12px;
  80. }
  81. select { padding: 1px }
  82. ol,
  83. ul { list-style: none }
  84. blockquote,
  85. q { quotes: none }
  86. blockquote:before,
  87. blockquote:after,
  88. q:before,
  89. q:after {
  90. content: '';
  91. content: none;
  92. }
  93. ins { text-decoration: none }
  94. del { text-decoration: line-through }
  95. table {
  96. border-collapse: separate;
  97. border-spacing: 0;
  98. vertical-align: middle;
  99. }
  100. h1,
  101. h2,
  102. h3,
  103. h4 {
  104. font-weight: bold;
  105. color: #c41200;
  106. margin: 0 0 5px;
  107. }
  108. h1 { font-size: 18px }
  109. h2 { font-size: 16px }
  110. h3 { font-size: 14px }
  111. h4 {
  112. font-size: 12px;
  113. margin: 0 0 3px;
  114. }
  115. h4.dark {
  116. margin: 5px 0 0;
  117. color: #333;
  118. }
  119. a {
  120. color: #66c;
  121. text-decoration: none;
  122. }
  123. a:hover {
  124. color: #555;
  125. text-decoration: underline;
  126. }
  127. address {
  128. display: block;
  129. font-style: normal;
  130. }
  131. p { margin-bottom: 10px }
  132. ul.numeric,
  133. ol.numeric {
  134. list-style: decimal;
  135. list-style-position: inside;
  136. }
  137. .numeric-outside {
  138. list-style: decimal outside;
  139. margin-left: 15px;
  140. }
  141. ul.bullet-list,
  142. ol.bullet-list {
  143. list-style: disc;
  144. list-style-position: inside;
  145. }
  146. .bullet-list-outside {
  147. list-style: disc outside;
  148. margin-left: 15px;
  149. }
  150. .fine-print {
  151. color: #999;
  152. font-size: 11px;
  153. }
  154. .review_comment { line-height: 1.385 }
  155. #wrap {
  156. width: 933px;
  157. margin: 0 auto;
  158. }
  159. .inline-compliment .expanded .compliment-controls,
  160. .drop-menu-origin {
  161. position: relative;
  162. z-index: 20;
  163. }
  164. .inline-compliment .compliment-menu,
  165. .drop-menu {
  166. position: absolute;
  167. right: 0;
  168. top: 20px;
  169. width: 300px;
  170. background: #fff;
  171. z-index: 9;
  172. border: 1px solid #ccc;
  173. -moz-box-shadow: 1px 1px 5px #ddd;
  174. -webkit-box-shadow: 1px 1px 5px #ddd;
  175. box-shadow: 1px 1px 5px #ddd;
  176. }
  177. .drop-menu .more {
  178. background: #eee;
  179. display: block;
  180. height: 24px;
  181. line-height: 24px;
  182. border-top: 1px solid #ccc;
  183. padding: 0;
  184. text-align: center;
  185. }
  186. .drop-menu .more:hover {
  187. background: #66c;
  188. color: #fff;
  189. text-decoration: none;
  190. }
  191. .inline-compliment .open .compliment-controls-expander,
  192. .drop-menu-highlighted a.drop-menu-link,
  193. a.drop-menu-highlighted,
  194. .drop-menu-highlighted {
  195. background: #ccc;
  196. color: #fff;
  197. text-decoration: none;
  198. }
  199. .drop-menu-link { outline: 0 }
  200. #floater {
  201. position: fixed;
  202. height: 41px;
  203. width: 100%;
  204. left: 0;
  205. z-index: 999;
  206. }
  207. #floater .inner {
  208. width: 933px;
  209. margin: 0 auto;
  210. line-height: 41px;
  211. }
  212. #floater p {
  213. line-height: 41px;
  214. padding: 0;
  215. margin: 0;
  216. }
  217. .signup-floater {
  218. background: #333;
  219. padding: 5px 0 4px 0;
  220. bottom: 0;
  221. }
  222. .signup-floater ul {
  223. margin: 2px 10px 0 0;
  224. float: left;
  225. }
  226. .signup-floater li { float: left }
  227. .signup-floater ul img {
  228. display: inline-block;
  229. background: #999;
  230. margin-right: 3px;
  231. border: 1px solid #eee;
  232. width: 35px;
  233. height: 35px;
  234. }
  235. .signup-floater p {
  236. color: #fff;
  237. font-size: 15px;
  238. }
  239. .signup-floater a:visited,
  240. .signup-floater a { color: #fff }
  241. .signup-floater a.action-link {
  242. background-color: #C41200;
  243. padding: 0 10px;
  244. margin-left: 10px;
  245. font-size: 13px;
  246. line-height: 30px;
  247. height: 30px;
  248. border-radius: 5px;
  249. -moz-border-radius: 5px;
  250. -webkit-border-radius: 5px;
  251. }
  252. .signup-floater .ybtn {
  253. margin: 5px 0 0 10px;
  254. float: left;
  255. }
  256. .signup-floater #signup-hide {
  257. float: right;
  258. font-weight: normal;
  259. }
  260. #header-account {
  261. height: 21px;
  262. margin: 4px 0;
  263. text-align: right;
  264. position: relative;
  265. z-index: 101;
  266. }
  267. #header-account li {
  268. float: right;
  269. display: block;
  270. height: 21px;
  271. line-height: 21px;
  272. padding-left: 10px;
  273. font-size: 11px;
  274. }
  275. #header-account li .header-link {
  276. line-height: 21px;
  277. display: inline-block;
  278. height: 21px;
  279. outline: 0;
  280. text-decoration: none;
  281. }
  282. .logged-out #header-account li .header-link { font-weight: bold }
  283. #header-account .new-country { float: left }
  284. #header-account .biz-owners {
  285. margin-left: 10px;
  286. border-left: 1px solid #ccc;
  287. }
  288. #header-account .biz-owners a {
  289. background: url(//media4.px.yelpcdn.com/static/201012162965065558/i/gfx/header_sprite.png) 0 -252px no-repeat;
  290. padding-left: 30px;
  291. }
  292. #header-account .new-country { padding: 0 }
  293. #header-account li .uk { font-weight: normal }
  294. #header-account #user_identify a { text-transform: capitalize }
  295. #header-account #activity-feed-menu-item { padding: 0 4px }
  296. #header-account #activity-feed-menu-item span.activity-count {
  297. color: #fff;
  298. font-weight: bold;
  299. padding: 1px 4px;
  300. background: #c41200;
  301. border-radius: 4px;
  302. -moz-border-radius: 4px;
  303. -webkit-border-radius: 4px;
  304. border-radius: 4px;
  305. }
  306. #header-account #activity-feed-menu-item span.activity-count-zero { background: #ccc }
  307. #header-account #activity-feed-menu-item.active span.activity-count {
  308. color: #666;
  309. background: #fff;
  310. }
  311. #header-account #activity-feed-menu-item.active a { text-decoration: none }
  312. #header-account #activity-feed-menu-item.drop-menu-highlighted span.activity-count {
  313. color: #666;
  314. background: #fff;
  315. }
  316. #header-account #activity-feed-menu-item #activity-feed-menu-wrap { text-align: center }
  317. #header-account #activity-feed-menu-item #activity-feed-menu-wrap .inner { padding: 5px 5px 0 5px }
  318. #header-account #activity-feed-menu-item #activity-feed-menu-wrap div.no-feed-content { padding: 0 }
  319. #header-account #activity-feed-menu-item #activity-feed-menu-wrap div.no-feed-content p {
  320. font-size: 14px;
  321. line-height: 1.25;
  322. padding: 10px 30px;
  323. }
  324. #header-account #activity-feed-menu-item ul li { border-bottom: 1px solid #ccc }
  325. #header-account #activity-feed-menu-item ul li a.profile-img { float: left }
  326. #header-account #activity-feed-menu-item ul li .feed-item-info { width: 240px }
  327. #header-account #activity-feed-menu-item ul li.last {
  328. border: none;
  329. margin: 0;
  330. }
  331. #header-account #fb-notice { color: #999 }
  332. #header-account #fb-notice img {
  333. float: left;
  334. margin-right: 5px;
  335. }
  336. #header-account #fb-notice #fb-notice-options-link {
  337. padding: 0 12px 0 4px;
  338. font-weight: normal;
  339. }
  340. #header-account #fb-notice #fb-notice-options-link .icon {
  341. display: block;
  342. width: 6px;
  343. height: 3px;
  344. background: url(//media2.px.yelpcdn.com/static/201012164178762923/i/ico/on_off_arrow.gif) no-repeat top right;
  345. margin: 0 3px;
  346. position: absolute;
  347. right: 1px;
  348. top: 9px;
  349. }
  350. #header-account #fb-notice #fb-notice-options-link.drop-menu-highlighted .icon { background-position: right -27px }
  351. #header-account #fb-notice ul#fb-notice-options {
  352. width: 160px;
  353. padding: 8px;
  354. }
  355. #header-account .reset-header,
  356. #header-account .reset-header li {
  357. text-align: left;
  358. float: none;
  359. height: auto;
  360. font-weight: normal;
  361. line-height: 1.2;
  362. padding: 0;
  363. font-size: 12px;
  364. color: #555;
  365. }
  366. #header-account #fb-notice #fb-notice-options li {
  367. margin-bottom: 8px;
  368. color: #999;
  369. }
  370. #mastHead {
  371. background: url(//media4.px.yelpcdn.com/static/201012162965065558/i/gfx/header_sprite.png) repeat-x 0 -35px;
  372. height: 109px;
  373. overflow: hidden;
  374. width: 933px;
  375. z-index: 1;
  376. }
  377. #mastHead.non-EN-masthead { background: url(//media3.px.yelpcdn.com/static/201012163132944579/i/gfx/header_sprite_non_en.png) repeat-x 0 -35px }
  378. #mastHead #logo-wrap {
  379. margin: 0;
  380. width: 192px;
  381. float: left;
  382. height: 78px;
  383. }
  384. #mastHead #logo-wrap h1 { margin: 0 }
  385. #mastHead #logo a {
  386. display: block;
  387. outline: 0;
  388. text-decoration: none;
  389. text-indent: -9999px;
  390. white-space: nowrap;
  391. position: absolute;
  392. width: 192px;
  393. height: 80px;
  394. z-index: 1;
  395. }
  396. #mastHead #tagline {
  397. width: 190px;
  398. text-align: center;
  399. color: #fff;
  400. font-style: italic;
  401. font-weight: bold;
  402. text-shadow: 1px 1px 2px rgba(000,000,000,0.3);
  403. position: relative;
  404. left: 0;
  405. top: 55px;
  406. white-space: nowrap;
  407. }
  408. #mastHead #tagline a {
  409. color: #fff;
  410. text-decoration: none;
  411. }
  412. #mastHead #tagline sup {
  413. font-style: normal;
  414. position: relative;
  415. top: -5px;
  416. font-size: 9px;
  417. }
  418. #mastHead #printLogo { display: none }
  419. #mastHead #header_find_form {
  420. margin: 9px 0 14px 10px;
  421. height: 56px;
  422. width: 720px;
  423. overflow: hidden;
  424. float: left;
  425. position: relative;
  426. }
  427. #mastHead #header_find_form p {
  428. float: left;
  429. margin: 7px 10px 0 0;
  430. text-align: left;
  431. }
  432. #mastHead #header_find_form p#search_near { margin-right: 0 }
  433. #header_find_form input {
  434. width: 300px;
  435. height: 22px;
  436. padding: 3px 0 1px 5px;
  437. font-size: 17px;
  438. color: #333;
  439. border: 1px solid #ccc;
  440. background: url(//media4.px.yelpcdn.com/static/201012162965065558/i/gfx/header_sprite.png) no-repeat 0 -152px;
  441. }
  442. .lang-fr #header_find_form input { width: 290px }
  443. .us .lang-fr #header_find_form input { width: 270px }
  444. #header_find_form input:focus,
  445. #header_find_form input:active {
  446. border-color: #888;
  447. outline: 0;
  448. }
  449. #header_find_form #search_near input {
  450. float: left;
  451. width: 290px;
  452. }
  453. .lang-fr #header_find_form #search_near input { width: 280px }
  454. #header_find_form .ybtn {
  455. position: absolute;
  456. top: 22px;
  457. right: 10px;
  458. }
  459. #mastHead form p em,
  460. #mastHead form #search_for label span {
  461. color: #666;
  462. font-size: 11px;
  463. font-style: normal;
  464. font-weight: normal;
  465. }
  466. #mastHead label {
  467. color: #c41200;
  468. display: block;
  469. font-weight: bold;
  470. margin-bottom: 2px;
  471. }
  472. a.location-dropper.on,
  473. a.location-dropper:hover { background-position: -346px -64px }
  474. a.location-dropper.open { background-position: -305px -64px }
  475. a.location-dropper.open-on,
  476. a.location-dropper.open:hover { background-position: -367px -64px }
  477. a.location-dropper {
  478. background: url(//media1.ct.yelpcdn.com/static/201012163649264027/i/gfx/newHeader/header.png) no-repeat -325px -64px;
  479. display: block;
  480. float: left;
  481. height: 22px;
  482. outline: 0;
  483. text-indent: -9999px;
  484. width: 18px;
  485. }
  486. #mastHead a.location-dropper {
  487. background: url(//media4.px.yelpcdn.com/static/201012162965065558/i/gfx/header_sprite.png) no-repeat 0 -214px;
  488. display: block;
  489. float: left;
  490. height: 26px;
  491. outline: 0;
  492. text-indent: -9999px;
  493. width: 16px;
  494. position: relative;
  495. left: -17px;
  496. top: 1px;
  497. }
  498. #mastHead a#dropperBtn_Mast.open-on { background-position: -18px -214px }
  499. #nav-container,
  500. #nav-container * { outline: 0 }
  501. ul#nav-container {
  502. height: 30px;
  503. padding-right: 5px;
  504. text-align: right;
  505. list-style: none;
  506. margin: 0;
  507. padding: 0;
  508. float: left;
  509. }
  510. #nav-container li {
  511. float: left;
  512. height: 30px;
  513. margin: 0;
  514. margin-right: 1px;
  515. }
  516. #nav-container li a {
  517. display: block;
  518. height: 30px;
  519. overflow: visible;
  520. text-align: center;
  521. text-decoration: none;
  522. line-height: 30px;
  523. color: #333;
  524. padding: 0 12px;
  525. }
  526. #nav-container li a:focus,
  527. #nav-container li a:hover,
  528. #nav-container li a.tabon {
  529. text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
  530. color: #fff;
  531. background: url(//media4.px.yelpcdn.com/static/201012162965065558/i/gfx/header_sprite.png) -20px 0 no-repeat;
  532. }
  533. #nav-container li a.tabon { font-weight: bold }
  534. #nav-container li#welcome a:hover,
  535. #nav-container li#welcome a.tabon { background-position: 0 0 }
  536. #mastHead ul#secondary-nav {
  537. margin-right: 5px;
  538. height: 30px;
  539. line-height: 30px;
  540. }
  541. #mastHead #secondary-nav li {
  542. display: block;
  543. float: right;
  544. padding: 0 5px;
  545. }
  546. #mastHead #secondary-nav li a {
  547. border-bottom: none;
  548. font-size: 11px;
  549. }
  550. ul,
  551. li { font-size: 12px }
  552. input.form80,
  553. textarea.form80 { width: 80px }
  554. input.form120,
  555. textarea.form120 { width: 120px }
  556. input.form130,
  557. textarea.form130 { width: 130px }
  558. input.form150,
  559. textarea.form150 { width: 150px }
  560. input.form160,
  561. textarea.form160 { width: 160px }
  562. input.form170,
  563. textarea.form170 { width: 170px }
  564. input.form200,
  565. textarea.form200 { width: 200px }
  566. input.form250,
  567. textarea.form250 { width: 250px }
  568. input.form300,
  569. textarea.form300 { width: 300px }
  570. input.form400,
  571. textarea.form400 { width: 400px }
  572. input.form425,
  573. textarea.form425 { width: 425px }
  574. span.formErr {
  575. border-left: 3px solid #008083;
  576. border-right: 3px solid #008083;
  577. position: relative;
  578. left: -3px;
  579. }
  580. .formButton {
  581. margin: 0;
  582. padding: 0;
  583. width: auto;
  584. border: 0;
  585. background-color: #fff;
  586. cursor: pointer;
  587. color: #66c;
  588. }
  589. .formLeft {
  590. width: 150px;
  591. font-size: 13px;
  592. font-weight: bold;
  593. color: #c41200;
  594. }
  595. .formRight {
  596. font-size: 13px;
  597. color: #c41200;
  598. text-align: right;
  599. font-weight: 700;
  600. }
  601. .formField {
  602. font-size: 13px;
  603. font-weight: 700;
  604. }
  605. .formFieldError {
  606. font-size: 13px;
  607. color: #c41200;
  608. font-weight: 700;
  609. }
  610. .floatLink { float: right }
  611. .formLabel,
  612. .formNote {
  613. font-size: 10px;
  614. color: #555;
  615. font-weight: 400;
  616. }
  617. .highlight1 {
  618. font-weight: bold;
  619. color: #008083;
  620. }
  621. .highlight2 { font-weight: 700 }
  622. .highlight3,
  623. .formNote { font-style: oblique }
  624. .grey { color: #aaa }
  625. .blueg { color: #008083 }
  626. .bigger { font-size: 14px }
  627. .smaller { font-size: 11px }
  628. .smallest { font-size: 10px }
  629. .newColor {
  630. color: #008083;
  631. font-weight: 700;
  632. }
  633. .error { color: #008083 }
  634. .standard_error {
  635. color: #c41200;
  636. font-weight: 800;
  637. }
  638. .redOrange { color: #c41200 }
  639. .orange { color: #ed5506 }
  640. .yellow_bg { background: #fffae8 }
  641. .blue_bg { background: #ecf2f7 }
  642. .lorange_bg { background: #fceae1 }
  643. .lgrey_bg { background: #ebebeb }
  644. .blueg_bg { background: #ecf7f2 }
  645. .nonwrapping { white-space: nowrap }
  646. p.nobtm { margin-bottom: 0 }
  647. .floatClear { clear: both }
  648. .alignleft { text-align: left }
  649. .alignright { text-align: right }
  650. .aligncent { text-align: center }
  651. .aligntop { vertical-align: top }
  652. .alignmid { vertical-align: middle }
  653. .alignbtm { vertical-align: bottom }
  654. .pseudohr {
  655. border-bottom: 1px solid #ccc;
  656. margin: 0 0 5px 0;
  657. line-height: 5px;
  658. font-size: 1px;
  659. }
  660. .pseudoLink {
  661. cursor: pointer;
  662. color: #66c;
  663. }
  664. .pseudoLink:hover {
  665. cursor: pointer;
  666. color: #66c;
  667. text-decoration: underline;
  668. }
  669. .strong_pseudolink {
  670. cursor: pointer;
  671. color: #66c;
  672. background: none;
  673. padding: 0;
  674. margin: 0;
  675. border: 0;
  676. outline: 0;
  677. }
  678. .strong_pseudolink:hover {
  679. cursor: pointer;
  680. color: #66c;
  681. text-decoration: underline;
  682. }
  683. button.pseudoLink {
  684. border: 0;
  685. background: 0;
  686. padding: 0;
  687. margin: 0;
  688. }
  689. .inline-form { display: inline }
  690. .box {
  691. background-color: #fff;
  692. margin: 0 10px 10px 10px;
  693. padding: 10px;
  694. border: 1px solid #ccc;
  695. }
  696. .boxAmbientYellow {
  697. background: #fffae8;
  698. margin: 0 10px 10px 10px;
  699. padding: 10px;
  700. border: 1px solid #ccc;
  701. }
  702. .boxSimple {
  703. border: 1px solid #ccc;
  704. background-color: #fff;
  705. }
  706. .boxSingle {
  707. background-color: #fff;
  708. margin: 0;
  709. padding: 10px;
  710. border: 1px solid #ccc;
  711. width: 740px;
  712. text-align: left;
  713. }
  714. #gateway .boxSingle { margin: 0 auto }
  715. .boxSingleWide {
  716. border: solid 1px #ccc;
  717. padding: 10px;
  718. margin-left: auto;
  719. margin-right: auto;
  720. }
  721. .centeredBox {
  722. margin-left: auto;
  723. margin-right: auto;
  724. }
  725. .no-js .no-js-hidden,
  726. .js .js-hidden { display: none }
  727. .blank {
  728. background-color: #fff;
  729. margin: 0 10px 10px 10px;
  730. }
  731. .centeredSmBox {
  732. margin: 20px auto;
  733. width: 550px;
  734. }
  735. .boxSingle .box,
  736. .boxSingle .blank { margin: 0 0 10px 0 }
  737. .boxGrad {
  738. background-color: #fff;
  739. background-image: url(//media3.ct.yelpcdn.com/static/201012163087624141/i/gfx/box_grad.gif);
  740. background-repeat: repeat-x;
  741. }
  742. .boxYellowHead {
  743. background-color: #fffae8;
  744. margin: 0;
  745. margin-bottom: 10px;
  746. padding: 10px 10px 5px 10px;
  747. }
  748. #mobile_message {
  749. display: none;
  750. text-align: center;
  751. }
  752. @media handheld {
  753. #mobile_message {
  754. display: block;
  755. font-weight: bold;
  756. color: #c41200;
  757. }
  758. }
  759. .hidden { display: none }
  760. .shown { display: block }
  761. .tos-agreement {
  762. font-size: 11px;
  763. color: #999;
  764. margin-bottom: 0;
  765. }
  766. #mainContent {
  767. border: 1px solid #ccc;
  768. margin: 0 auto 0 auto;
  769. padding: 5px 0 5px 0;
  770. }
  771. table.fs_pagination_controls { margin: 5px }
  772. table.fs_pagination_controls td { white-space: nowrap }
  773. table.fs_pagination_controls td span { font-weight: bold }
  774. table.fs_pagination_controls .go-to-page {
  775. white-space: normal;
  776. width: 100%;
  777. }
  778. table.fs_pagination_controls .go-to-page span { font-weight: normal }
  779. .pager ul,
  780. .pager li { display: inline }
  781. .pager .pages {
  782. margin-right: 15px;
  783. margin-left: 15px;
  784. display: inline;
  785. }
  786. .pager .start,
  787. .pager .end,
  788. .pager .total { font-weight: 700 }
  789. #errorAlert,
  790. #infoAlert {
  791. position: relative;
  792. padding-right: 10px;
  793. background: url(//media1.ct.yelpcdn.com/static/201012163001469303/i/gfx/error-right.gif) no-repeat top right;
  794. margin: 10px auto 0;
  795. width: 920px;
  796. height: 44px;
  797. overflow: hidden;
  798. }
  799. div#infoAlert { background: url(//media4.px.yelpcdn.com/static/201012161189290971/i/gfx/info-right.gif) no-repeat top right }
  800. #errorAlert img,
  801. #infoAlert img {
  802. float: left;
  803. display: block;
  804. }
  805. #errorAlert img#icon,
  806. #infoAlert img#icon {
  807. position: absolute;
  808. left: 16px;
  809. top: 5px;
  810. }
  811. #errorAlert table,
  812. #infoAlert table {
  813. background: #fff;
  814. padding: 0;
  815. margin: 0;
  816. height: 34px;
  817. font-weight: bold;
  818. border-top: 5px solid #F00;
  819. border-bottom: 5px solid #F00;
  820. text-align: left;
  821. width: 847px;
  822. height: 100%;
  823. }
  824. #infoAlert table {
  825. border-top: 5px solid #FC0;
  826. border-bottom: 5px solid #FC0;
  827. }
  828. div#js_warning {
  829. width: 870px;
  830. padding: 30px;
  831. margin-bottom: 10px;
  832. }
  833. #bestOfYelpModule { padding: 10px }
  834. #bestOfYelpModule h3 a { color: #c41200 }
  835. div.rateReview {
  836. margin: 3px 0;
  837. width: 100%;
  838. height: 22px;
  839. }
  840. div.rateReview p {
  841. margin: 4px 3px 3px 3px;
  842. float: left;
  843. }
  844. div.rateReview .review-intro,
  845. div.rateReview .review-message-after {
  846. font-size: 11px;
  847. white-space: nowrap;
  848. }
  849. div.rateReview .review-message { width: 100px }
  850. .lang-de div.rateReview .review-message { width: 135px }
  851. .lang-nl div.rateReview .review-message { width: 115px }
  852. div.rateReview ul {
  853. float: left;
  854. margin-top: 4px;
  855. }
  856. div.rateReview ul li {
  857. border-top: 0;
  858. float: left;
  859. margin-right: 8px;
  860. padding: 0;
  861. }
  862. div.rateReview ul li a span,
  863. div.rateReview ul li a { background: url(//media3.ct.yelpcdn.com/static/20101216446608997/i/btn/ufc_sprite.png) no-repeat }
  864. div.rateReview ul li a:visited,
  865. div.rateReview ul li a {
  866. height: 14px;
  867. float: left;
  868. display: block;
  869. margin-right: 2px;
  870. overflow: hidden;
  871. color: #555;
  872. }
  873. div.rateReview ul li a span {
  874. background-position: right -19px;
  875. display: block;
  876. line-height: 9px;
  877. padding: 2px 15px 3px 8px;
  878. text-align: center;
  879. font-size: 9px;
  880. }
  881. div.rateReview ul li a:focus { outline: none }
  882. div.rateReview ul li a:hover {
  883. background-position: left -38px;
  884. text-decoration: none;
  885. }
  886. div.rateReview ul li a:hover span { background-position: right -57px }
  887. div.rateReview ul li a.voted { background-position: left -76px }
  888. div.rateReview ul li a.voted span { background-position: right -95px }
  889. .editReview {
  890. background: url(//media2.px.yelpcdn.com/static/20101216790814985/i/ico/ico_map.gif) no-repeat -5px -284px;
  891. padding-left: 15px;
  892. padding-top: 2px;
  893. }
  894. .updateReview {
  895. background: url(//media2.px.yelpcdn.com/static/20101216790814985/i/ico/ico_map.gif) no-repeat -5px -592px;
  896. padding-left: 15px;
  897. padding-top: 2px;
  898. }
  899. .removeReview {
  900. background: url(//media2.px.yelpcdn.com/static/20101216790814985/i/ico/ico_map.gif) no-repeat -6px -300px;
  901. padding-left: 13px;
  902. }
  903. ul.promo-box {
  904. list-style: none;
  905. clear: both;
  906. }
  907. ul.promo-box li strong {
  908. font-weight: bold;
  909. color: #c41200;
  910. font-size: 18px;
  911. text-align: center;
  912. display: inline;
  913. }
  914. ul.promo-box li span {
  915. font-size: 11px;
  916. color: #555;
  917. display: block;
  918. line-height: 14px;
  919. margin-top: 10px;
  920. padding: 0 10px;
  921. }
  922. ul.promo-box li {
  923. position: relative;
  924. float: left;
  925. height: 75px;
  926. overflow: hidden;
  927. width: 225px;
  928. background: url(//media2.ct.yelpcdn.com/static/201012162917916708/i/gfx/home_banners-en_US.gif) no-repeat -9px -520px;
  929. margin: 15px 0 0 11px;
  930. text-align: center;
  931. }
  932. ul.promo-box li a {
  933. position: absolute;
  934. top: 0;
  935. left: 0;
  936. display: block;
  937. height: 60px;
  938. padding-top: 15px;
  939. width: 225px;
  940. overflow: hidden;
  941. z-index: 9;
  942. }
  943. ul.promo-box a:hover { text-decoration: none }
  944. ul.promo-box li#promo-weekly,
  945. ul.promo-box li#promo-twitter { margin-left: 0 }
  946. ul.promo-box li#promo-weekly a {
  947. height: 65px;
  948. padding-top: 10px;
  949. }
  950. .promo-box li#promo-weekly strong {
  951. background: url(//media2.ct.yelpcdn.com/static/201012162917916708/i/gfx/home_banners-en_US.gif) no-repeat right -644px;
  952. padding: 8px 38px 8px 0;
  953. line-height: 30px;
  954. }
  955. .promo-box li#promo-weekly span { margin-top: 0 }
  956. ul.promo-box li#promo-store {
  957. background-position: -245px -520px;
  958. text-indent: -9999px;
  959. }
  960. .promo-box li#promo-blog strong {
  961. background: url(//media2.ct.yelpcdn.com/static/201012162917916708/i/gfx/home_banners-en_US.gif) no-repeat right -612px;
  962. padding: 2px 25px 2px 0;
  963. }
  964. ul.promo-box li#promo-news {
  965. background-position: -716px -520px;
  966. text-indent: -9999px;
  967. }
  968. ul.promo-box li#promo-mobile {
  969. background-position: -952px -520px;
  970. text-align: left;
  971. }
  972. ul.promo-box li#promo-mobile a {
  973. width: 155px;
  974. padding-left: 70px;
  975. }
  976. .promo-box li#promo-mobile span {
  977. padding: 0 5px 0 0;
  978. margin-top: 4px;
  979. }
  980. .promo-box li#promo-biz-guide strong { letter-spacing: -1px }
  981. #footer {
  982. clear: both;
  983. padding: 35px 0 20px 0;
  984. }
  985. #footer #footer-menu-wrap { padding-bottom: 10px }
  986. #footer .footer-menu {
  987. float: left;
  988. width: 160px;
  989. margin-right: 33px;
  990. margin-bottom: 10px;
  991. }
  992. #footer .last { margin-right: 0 }
  993. #footer .footer-menu h4 {
  994. color: #666;
  995. border-bottom: 1px solid #ccc;
  996. padding: 0 0 2px 5px;
  997. }
  998. #footer .footer-menu li a {
  999. padding: 2px 0 2px 5px;
  1000. display: inline-block;
  1001. }
  1002. #footer #a-z-biz-list {
  1003. margin-bottom: 10px;
  1004. clear: both;
  1005. padding: 8px;
  1006. border: solid #eee;
  1007. border-width: 1px 0;
  1008. }
  1009. #footer #a-z-biz-list li a {
  1010. padding: 0 2px;
  1011. font-size: 11px;
  1012. }
  1013. #footer .directory {
  1014. margin: 5px auto;
  1015. width: 875px;
  1016. }
  1017. #footer .directory strong { font-size: 10px }
  1018. #footer p,
  1019. #footer ul.footer-list {
  1020. clear: both;
  1021. font-size: 10px;
  1022. list-style: none;
  1023. margin: 5px 0;
  1024. padding: 0;
  1025. text-align: center;
  1026. }
  1027. #footer ul.footer-list li {
  1028. display: inline;
  1029. margin: 0;
  1030. color: #999;
  1031. }
  1032. #footer ul.footer-list li.first { color: #666 }
  1033. #footer ul.footer-list li a {
  1034. font-size: 10px;
  1035. text-decoration: none;
  1036. }
  1037. #footer p.copyright { margin-bottom: 20px }
  1038. #footer #language-selector-anchor {
  1039. position: relative;
  1040. padding-right: 12px;
  1041. }
  1042. #footer #language-selector-menu {
  1043. width: 158px;
  1044. top: 18px;
  1045. }
  1046. #footer #language-selector-wrap a .icon {
  1047. display: block;
  1048. width: 6px;
  1049. height: 3px;
  1050. background: url(//media2.px.yelpcdn.com/static/201012164178762923/i/ico/on_off_arrow.gif) no-repeat top right;
  1051. position: absolute;
  1052. right: 3px;
  1053. top: 8px;
  1054. }
  1055. #footer #language-selector-wrap a.drop-menu-highlighted .icon { background-position: right -27px }
  1056. #footer #language-selector-menu ul { padding: 5px }
  1057. #footer #language-selector-menu ul li { padding: 2px 0 }
  1058. #footer #language-selector-menu ul a { padding: 0 }
  1059. .tos ol,
  1060. .privacy-policy ol { margin-bottom: 5px }
  1061. .tos ol li { margin: 0 0 5px 25px }
  1062. .tos ol ol { list-style: upper-alpha }
  1063. .tos ol ol ol { list-style: lower-roman }
  1064. .tos ol { list-style: decimal outside none }
  1065. .tos h2,
  1066. .privacy-policy h2 {
  1067. color: #555;
  1068. text-transform: uppercase;
  1069. font-size: 12px;
  1070. }
  1071. .tos h3 {
  1072. color: #555;
  1073. font-size: 12px;
  1074. }
  1075. .tos address,
  1076. .privacy-policy address {
  1077. margin-bottom: 10px;
  1078. margin-left: 15px;
  1079. }
  1080. .privacy-policy ol { list-style: upper-roman inside }
  1081. .privacy-policy ol li h2 {
  1082. display: inline;
  1083. margin: 0;
  1084. }
  1085. .privacy-policy #truste-link {
  1086. display: block;
  1087. float: right;
  1088. width: 42px;
  1089. height: 60px;
  1090. margin-left: 10px;
  1091. margin-bottom: 10px;
  1092. }
  1093. .privacy-policy .english-reference {
  1094. font-style: italic;
  1095. padding: 5px 0 10px;
  1096. font-size: 11px;
  1097. color: #999;
  1098. }
  1099. .tos-deals {
  1100. padding: 10px;
  1101. border: 1px solid #ccc;
  1102. -moz-border-radius: 5px;
  1103. -webkit-border-radius: 5px;
  1104. border-radius: 5px;
  1105. }
  1106. .tos-deals p,
  1107. .tos-deals ol,
  1108. .tos-deals li {
  1109. margin-bottom: 15px;
  1110. line-height: 15px;
  1111. }
  1112. .tos-events ul { margin-bottom: 10px }
  1113. .thanx-standalone ul {
  1114. float: left;
  1115. overflow: hidden;
  1116. width: 28em;
  1117. }
  1118. .thanx-standalone ul li {
  1119. float: left;
  1120. width: 14em;
  1121. }
  1122. .thanx-standalone p.spell-check,
  1123. .thanx-standalone p.footer {
  1124. margin-left: 28em;
  1125. width: 300px;
  1126. }
  1127. .thanx-standalone p.footer { text-align: right }
  1128. .thanx-standalone ul li input { float: left }
  1129. .thanx-standalone span.compliment,
  1130. #comp_teaser span.compliment {
  1131. background: url(//media3.ct.yelpcdn.com/static/201012161704199400/i/ico/comp_ico_map.gif) no-repeat;
  1132. display: block;
  1133. float: left;
  1134. line-height: 25px;
  1135. padding-left: 27px;
  1136. }
  1137. .thanx-standalone span.plain,
  1138. #comp_teaser span.plain { background-position: 0 -220px }
  1139. .thanx-standalone span.cool,
  1140. #comp_teaser span.cool { background-position: 0 -395px }
  1141. .thanx-standalone span.profile,
  1142. #comp_teaser span.profile { background-position: 0 -445px }
  1143. .thanx-standalone span.cute,
  1144. #comp_teaser span.cute { background-position: 0 -320px }
  1145. .thanx-standalone span.writer,
  1146. #comp_teaser span.writer { background-position: 0 -420px }
  1147. .thanx-standalone span.hot,
  1148. #comp_teaser span.hot { background-position: 0 -245px }
  1149. .thanx-standalone span.more,
  1150. #comp_teaser span.more { background-position: 0 -270px }
  1151. .thanx-standalone span.note,
  1152. #comp_teaser span.note { background-position: 0 -345px }
  1153. .thanx-standalone span.photos,
  1154. #comp_teaser span.photos { background-position: 0 -470px }
  1155. .thanx-standalone span.funny,
  1156. #comp_teaser span.funny { background-position: 0 -370px }
  1157. .thanx-standalone span.list,
  1158. #comp_teaserspan.list { background-position: 0 -295px }
  1159. table.listing1 {
  1160. border-top: 1px solid #ccc;
  1161. background-color: #fff;
  1162. }
  1163. table.listing1 td {
  1164. border-bottom: 1px solid #ccc;
  1165. padding: 10px;
  1166. }
  1167. tr.header td { font-weight: 700 }
  1168. .mini {
  1169. float: left;
  1170. margin: 0 0 3px 0;
  1171. padding: 0;
  1172. width: 95px;
  1173. }
  1174. .mini p {
  1175. margin: 0;
  1176. padding-bottom: 3px;
  1177. clear: left;
  1178. }
  1179. .mini .photoBoxSm p {
  1180. margin-left: 47px;
  1181. margin-top: 1px;
  1182. clear: none;
  1183. padding: 0 0 0 17px;
  1184. line-height: 14px;
  1185. }
  1186. .mini .photoBoxSm .friend_count {
  1187. background: url(//media2.px.yelpcdn.com/static/20101216790814985/i/ico/ico_map.gif) no-repeat -2px -155px;
  1188. margin-bottom: 2px;
  1189. }
  1190. .mini .photoBoxSm .review_count { background: url(//media2.px.yelpcdn.com/static/20101216790814985/i/ico/ico_map.gif) no-repeat -3px -170px }
  1191. .mini .photoBoxSm .is_elite { padding-left: 1px }
  1192. .mini .photoBoxSm .is_elite a { color: #ed5100 }
  1193. .mini .photoBoxSm .miniOrange { font-size: 11px }
  1194. .mini .photoBox { float: left }
  1195. .social_stats p {
  1196. margin-left: 120px;
  1197. margin-top: 1px;
  1198. padding: 0 0 0 17px;
  1199. line-height: 14px;
  1200. }
  1201. .social_stats .friend_count {
  1202. background: url(//media2.px.yelpcdn.com/static/20101216790814985/i/ico/ico_map.gif) no-repeat -2px -155px;
  1203. margin-bottom: 2px;
  1204. }
  1205. .social_stats .review_count {
  1206. background: url(//media2.px.yelpcdn.com/static/20101216790814985/i/ico/ico_map.gif) no-repeat -3px -170px;
  1207. margin-bottom: 2px;
  1208. }
  1209. .social_stats .is_elite { padding-left: 1px }
  1210. .social_stats .is_elite a { color: #ed5100 }
  1211. .member_search_result_text { width: 400px }
  1212. .social_actions { float: right }
  1213. .social_actions .add_friend {
  1214. background: url(//media2.px.yelpcdn.com/static/20101216790814985/i/ico/ico_map.gif) no-repeat -2px -202px;
  1215. padding: 2px 0 0 19px;
  1216. }
  1217. .miniOrange {
  1218. color: #ed5100;
  1219. font-size: 11px;
  1220. }
  1221. .mini p.miniOrange { color: #dd5114 }
  1222. .miniRed {
  1223. color: #c41200;
  1224. font-size: 11px;
  1225. }
  1226. .miniRegular { font-size: 11px }
  1227. table.clearStyles,
  1228. table.clearStyles td,
  1229. div.clearStyles {
  1230. border: none;
  1231. margin: 0;
  1232. }
  1233. .user_list_item_link { font-size: 11px }
  1234. .item_count {
  1235. color: #555;
  1236. font-weight: 500;
  1237. font-size: 11px;
  1238. font-style: oblique;
  1239. }
  1240. div.photoBox img,
  1241. .bizPhotoBox img {
  1242. border: 1px solid #999;
  1243. padding: 1px;
  1244. background-color: #fff;
  1245. margin: 0;
  1246. display: block;
  1247. }
  1248. .user-passport { overflow: hidden }
  1249. .user-passport .info { float: left }
  1250. .user-passport .info .photoBox { float: left }
  1251. .user-passport .info .display-name {
  1252. clear: left;
  1253. float: left;
  1254. margin-top: 2px;
  1255. }
  1256. .user-passport .info .location {
  1257. clear: left;
  1258. float: left;
  1259. font-size: 11px;
  1260. margin: 5px 0;
  1261. }
  1262. .user-passport .actions {
  1263. float: left;
  1264. margin-left: 2px;
  1265. display: inline;
  1266. font-size: 10px;
  1267. padding-top: 1em;
  1268. }
  1269. .user-passport-tall .actions {
  1270. clear: left;
  1271. margin-top: 10px;
  1272. padding-top: 0;
  1273. margin-left: 0;
  1274. display: block;
  1275. }
  1276. .user-passport .actions a {
  1277. line-height: 16px;
  1278. white-space: nowrap;
  1279. }
  1280. .photoBox a { display: block }
  1281. .photo-details-base #photo-details-header { margin-top: 6px }
  1282. .photo-details-base #photo-details-header h2 { margin: 0 }
  1283. .photo-details-base #photo-details-header-actions {
  1284. float: right;
  1285. line-height: 22px;
  1286. }
  1287. .photo-details-base #photo-details-no-photos { margin: 1em 0 }
  1288. .photo-details-base #photo-nav-add {
  1289. margin-top: 8px;
  1290. position: relative;
  1291. z-index: 100;
  1292. height: 51px;
  1293. overflow: hidden;
  1294. }
  1295. .photo-details-base #photo-nav {
  1296. width: 234px;
  1297. height: 100%;
  1298. float: left;
  1299. text-align: center;
  1300. background-color: #fff;
  1301. border: 1px solid #ccc;
  1302. border-bottom: none;
  1303. }
  1304. .lang-nl .photo-details-base #photo-nav { width: 255px }
  1305. #photo-nav-add a.ybtn,
  1306. #photo-nav-count {
  1307. position: relative;
  1308. top: 30%;
  1309. }
  1310. #photo-nav-add #photo-nav-count { padding: 0 5px }
  1311. .photo-details-base #selected-photo {
  1312. border: 1px solid #ccc;
  1313. padding: 5px;
  1314. margin-top: -1px;
  1315. }
  1316. .photo-details-base #selected-photo-info {
  1317. float: right;
  1318. width: 222px;
  1319. height: 400px;
  1320. position: relative;
  1321. }
  1322. .photo-details-base #selected-photo-info h4 {
  1323. color: #555;
  1324. font-size: 13px;
  1325. margin-bottom: 5px;
  1326. font-weight: normal;
  1327. }
  1328. .photo-details-base #selected-photo-info #selected-photo-user {
  1329. margin-top: 10px;
  1330. font-size: 11px;
  1331. color: #888;
  1332. overflow: hidden;
  1333. }
  1334. .photo-details-base #selected-photo-info #selected-photo-user .photoBox {
  1335. float: left;
  1336. margin-right: 6px;
  1337. display: inline;
  1338. }
  1339. .photo-details-base #selected-photo-info #selected-photo-user .actions {
  1340. font-size: 10px;
  1341. overflow: hidden;
  1342. margin-top: 3px;
  1343. }
  1344. .photo-details-base #selected-photo-info #selected-photo-user .actions a {
  1345. float: left;
  1346. white-space: nowrap;
  1347. clear: both;
  1348. }
  1349. .photo-details-base #selected-photo-info #selected-photo-details a.via-mobile { margin-left: -2px }
  1350. .photo-details-base #selected-photo-info #selected-photo-caption {
  1351. clear: both;
  1352. margin-top: 10px;
  1353. overflow: hidden;
  1354. }
  1355. .photo-details-base #selected-photo-info #selected-photo-voting,
  1356. .photo-details-base #selected-photo-info #selected-photo-votes,
  1357. .photo-details-base #selected-photo-info #selected-photo-details {
  1358. clear: both;
  1359. margin: 35px 10px 0 0;
  1360. overflow: hidden;
  1361. }
  1362. .photo-details-base #selected-photo-info #selected-photo-caption p { margin: 0 }
  1363. .photo-details-base #selected-photo-info #selected-photo-caption .caption { font-weight: bold }
  1364. .photo-details-base #selected-photo-info #selected-photo-caption .biz-name { font-size: 11px }
  1365. .photo-details-base #selected-photo-info #selected-photo-voting { display: none }
  1366. .photo-details-base #selected-photo-info #selected-photo-voting input {
  1367. float: left;
  1368. margin-left: -1.5em;
  1369. display: inline;
  1370. }
  1371. .photo-details-base #selected-photo-info #selected-photo-voting label {
  1372. display: block;
  1373. overflow: hidden;
  1374. line-height: 21px;
  1375. padding-left: 1.6em;
  1376. }
  1377. .photo-details-base #selected-photo-info #selected-photo-voting span {
  1378. float: right;
  1379. line-height: 21px;
  1380. }
  1381. .photo-details-base #selected-photo-info #selected-photo-voting label.photo-vote-0-count span { display: none }
  1382. .photo-details-base #selected-photo-info #selected-photo-voting label.saved span { color: green }
  1383. .photo-details-base #selected-photo-info #selected-photo-voting label.saving span {
  1384. color: green;
  1385. font-size: 11px;
  1386. }
  1387. .photo-details-base #selected-photo-info #selected-photo-voting label.quiet span { font-size: 11px }
  1388. .photo-details-base #selected-photo-info #selected-photo-voting #photo-vote-helpfuls {
  1389. padding-bottom: 5px;
  1390. border-bottom: 1px solid #eee;
  1391. }
  1392. .photo-details-base #selected-photo-info #selected-photo-voting #photo-vote-suggest { padding-top: 5px }
  1393. .photo-details-base #selected-photo-info #selected-photo-votes dl { color: #888 }
  1394. .photo-details-base #selected-photo-info #selected-photo-votes dl {
  1395. overflow: hidden;
  1396. margin: 0;
  1397. }
  1398. .photo-details-base #selected-photo-info #selected-photo-votes dt {
  1399. float: left;
  1400. clear: both;
  1401. margin-bottom: 5px;
  1402. white-space: nowrap;
  1403. }
  1404. .photo-details-base #selected-photo-info #selected-photo-votes dd {
  1405. clear: right;
  1406. float: right;
  1407. white-space: nowrap;
  1408. margin-bottom: 5px;
  1409. }
  1410. .photo-details-base #selected-photo-info #selected-photo-details p {
  1411. color: #888;
  1412. font-size: 11px;
  1413. }
  1414. .photo-details-base #selected-photo-info .flag_content {
  1415. position: absolute;
  1416. bottom: 0;
  1417. margin: 0;
  1418. left: 0;
  1419. }
  1420. .photo-details-base #selected-photo-info .flag_content a { color: #ccc }
  1421. .photo-details-base #selected-photo-frame { background-color: #F5F5F5 }
  1422. .photo-details-base #selected-photo-frame,
  1423. .photo-details-base #selected-photo-frame table td,
  1424. .photo-details-base #selected-photo-frame table td a {
  1425. width: 648px;
  1426. height: 410px;
  1427. text-align: center;
  1428. }
  1429. .photo-details-base #selected-photo-frame table {
  1430. width: 100%;
  1431. height: 100%;
  1432. }
  1433. .photo-details-base #selected-photo-frame table td { vertical-align: top }
  1434. .photo-details-base #selected-photo-frame table td a { display: block }
  1435. .photo-details-base div.photos-index { margin-top: 10px }
  1436. .photo-details-base div.photos-index table td.add_slot {
  1437. width: 1px;
  1438. vertical-align: top;
  1439. border-left: 1px solid #ccc;
  1440. }
  1441. .photo-details-base div.photos-index table td.photos {
  1442. vertical-align: top;
  1443. width: 100%;
  1444. }
  1445. .photo-details-base div.photos-index table .thumb-wrap { overflow: hidden }
  1446. .photo-details-base div.photos-index table .caption { margin: 0 10px 0 5px }
  1447. .photo-details-base div.photos-index table .selected .caption { margin: 0 }
  1448. .photo-details-base div.photos-index table .photoBox,
  1449. .photo-details-base div.photos-index table .bizPhotoBox {
  1450. border: 7px solid #fff;
  1451. margin: 0 10px 0 5px;
  1452. float: left;
  1453. }
  1454. .photo-details-base div.photos-index table .selected .photoBox,
  1455. .photo-details-base div.photos-index table .selected .bizPhotoBox { border: 7px solid #fff7c9 }
  1456. .photo-details-base div.photos-index table div.photo {
  1457. width: 140px;
  1458. height: 175px;
  1459. margin: 5px 5px 5px 0;
  1460. padding: 0 0 10px 0;
  1461. overflow: hidden;
  1462. float: left;
  1463. font-size: 10px;
  1464. }
  1465. .photo-details-base div.photos-index table div.photo p {
  1466. clear: left;
  1467. margin: 2px 0 0 7px;
  1468. }
  1469. #google_ads_div_BizPhotos_Box_300x250,
  1470. #google_ads_div_UserPhotos_Box_300x250,
  1471. #google_ads_div_UserLocalPhotos_Box_300x250 { margin: 0 15px 0 10px }
  1472. div.rating {
  1473. height: 17px;
  1474. overflow: hidden!important;
  1475. position: relative;
  1476. width: 84px;
  1477. }
  1478. div.rating img,
  1479. div.rating-small img { position: absolute }
  1480. img.stars_0 { clip: rect(0,83px,15px,0) }
  1481. img.stars_0 { clip: rect(0,83px,15px,0) }
  1482. img.stars_1 {
  1483. clip: rect(19px,83px,35px,0);
  1484. top: -19px;
  1485. }
  1486. img.stars_1_half {
  1487. clip: rect(38px,83px,53px,0);
  1488. top: -38px;
  1489. }
  1490. img.stars_2 {
  1491. clip: rect(57px,83px,72px,0);
  1492. top: -57px;
  1493. }
  1494. img.stars_2_half {
  1495. clip: rect(76px,83px,91px,0);
  1496. top: -76px;
  1497. }
  1498. img.stars_3 {
  1499. clip: rect(95px,83px,110px,0);
  1500. top: -95px;
  1501. }
  1502. img.stars_3_half {
  1503. clip: rect(114px,83px,129px,0);
  1504. top: -114px;
  1505. }
  1506. img.stars_4 {
  1507. clip: rect(133px,83px,148px,0);
  1508. top: -133px;
  1509. }
  1510. img.stars_4_half {
  1511. clip: rect(152px,83px,168px,0);
  1512. top: -152px;
  1513. }
  1514. img.stars_5 {
  1515. clip: rect(171px,83px,186px,0);
  1516. top: -171px;
  1517. }
  1518. div.rating-small {
  1519. float: left;
  1520. height: 9px;
  1521. overflow: hidden!important;
  1522. padding: 0!important;
  1523. position: relative;
  1524. width: 50px;
  1525. }
  1526. div.rating-small img.stars_0 {
  1527. clip: rect(190px,50px,199px,0);
  1528. top: -190px;
  1529. }
  1530. div.rating-small img.stars_1 {
  1531. clip: rect(204px,50px,213px,0);
  1532. top: -204px;
  1533. }
  1534. div.rating-small img.stars_1_half {
  1535. clip: rect(218px,50px,227px,0);
  1536. top: -218px;
  1537. }
  1538. div.rating-small img.stars_2 {
  1539. clip: rect(232px,50px,241px,0);
  1540. top: -232px;
  1541. }
  1542. div.rating-small img.stars_2_half {
  1543. clip: rect(246px,50px,255px,0);
  1544. top: -246px;
  1545. }
  1546. div.rating-small img.stars_3 {
  1547. clip: rect(260px,50px,269px,0);
  1548. top: -260px;
  1549. }
  1550. div.rating-small img.stars_3_half {
  1551. clip: rect(274px,50px,283px,0);
  1552. top: -274px;
  1553. }
  1554. div.rating-small img.stars_4 {
  1555. clip: rect(288px,50px,297px,0);
  1556. top: -288px;
  1557. }
  1558. div.rating-small img.stars_4_half {
  1559. clip: rect(302px,50px,311px,0);
  1560. top: -302px;
  1561. }
  1562. div.rating-small img.stars_5 {
  1563. clip: rect(316px,50px,325px,0);
  1564. top: -316px;
  1565. }
  1566. span.first-to-review-marker,
  1567. a.rotd-marker,
  1568. span.purchased-deal-marker,
  1569. span.checkin {
  1570. color: #666;
  1571. margin-left: 10px;
  1572. font-size: 11px;
  1573. }
  1574. span.checkin { line-height: 21px }
  1575. span.first-to-review-marker { color: #417AAD }
  1576. .social-icon {
  1577. background: url(//media2.px.yelpcdn.com/static/20101216790814985/i/ico/ico_map.gif) no-repeat;
  1578. width: 21px;
  1579. height: 19px;
  1580. float: left;
  1581. margin-right: 5px;
  1582. }
  1583. .social-icon-facebook {
  1584. width: 16px;
  1585. background-position: 0 -1096px;
  1586. }
  1587. .social-icon-facebook-success { background-position: 0 -1767px }
  1588. .social-icon-facebook-fail { background-position: 0 -1814px }
  1589. .social-icon-twitter {
  1590. width: 16px;
  1591. background-position: 0 -1065px;
  1592. }
  1593. .social-icon-twitter-success { background-position: 0 -1791px }
  1594. .social-icon-twitter-fail { background-position: 0 -1838px }
  1595. .social-icon-yelp {
  1596. width: 16px;
  1597. background-position: 0 -1127px;
  1598. }
  1599. .social-icon-share {
  1600. width: 16px;
  1601. background-position: 0 -1958px;
  1602. } /* IE Mac warning \*/
  1603. #browserWarning { display: none }
  1604. /* */
  1605. .bestOfYelpList {
  1606. width: 155px;
  1607. float: left;
  1608. }
  1609. .bestOfYelpList h3 { margin: 0 }
  1610. .bestOfYelpList ol { margin-top: 5px }
  1611. #dropper {
  1612. position: absolute;
  1613. width: 170px;
  1614. background-color: #fff;
  1615. border: 1px solid #c41200;
  1616. float: none;
  1617. padding: 0!important;
  1618. text-align: left;
  1619. z-index: 3;
  1620. }
  1621. #dropper .dropperHeader {
  1622. border-top: 1px solid #999;
  1623. border-bottom: 1px solid #999;
  1624. background-color: #FFFED7;
  1625. padding: 3px;
  1626. font-weight: bold;
  1627. font-size: 1em;
  1628. margin: 0;
  1629. color: #555;
  1630. }
  1631. #dropper .miniOrange { background-color: transparent }
  1632. #dropper div:first-child .dropperheader { border-top: 0 }
  1633. #dropper div p {
  1634. padding: 5px;
  1635. color: #66c;
  1636. cursor: pointer;
  1637. margin: 0;
  1638. }
  1639. #dropper #dropperFooter { border-top: 1px solid #ccc }
  1640. #dropper #dropperFooter p { padding: 2px 5px }
  1641. #dropper #dropperFooter p a { padding: 0 }
  1642. #dropperBtn_Review { margin-top: 3px }
  1643. #dropperText_SB { margin-top: -1px }
  1644. #locBar {
  1645. position: relative;
  1646. overflow: visible;
  1647. }
  1648. #locBar h2,
  1649. #locBar h1 {
  1650. font-size: 14px;
  1651. margin: 0 0 5px;
  1652. }
  1653. #locBar #locBar_title {
  1654. color: #666;
  1655. display: inline;
  1656. font-size: 12px;
  1657. font-weight: normal;
  1658. margin: 0;
  1659. }
  1660. #locBar ul {
  1661. float: right;
  1662. position: absolute;
  1663. right: 5px;
  1664. top: 0;
  1665. }
  1666. #locBar ul li {
  1667. float: left;
  1668. padding-left: 5px;
  1669. margin: 0;
  1670. }
  1671. #locBar #locBox {
  1672. border: solid 1px #eee;
  1673. background: #ffffe5;
  1674. zoom: 1;
  1675. width: 100%;
  1676. line-height: 1.2;
  1677. clear: both;
  1678. }
  1679. #locBar #locBox h4 {
  1680. font-weight: bold;
  1681. color: #c41200;
  1682. margin-bottom: 5px;
  1683. display: block;
  1684. }
  1685. #locBar #locBox ul {
  1686. float: none;
  1687. position: static;
  1688. }
  1689. #locBar #locBox div {
  1690. border-right: 1px solid #ccc;
  1691. float: left;
  1692. margin: 10px 5px;
  1693. min-height: 180px;
  1694. width: 150px;
  1695. }
  1696. #locBar #locBox li {
  1697. float: none;
  1698. margin-bottom: 2px;
  1699. }
  1700. #locBar #locBox #saved_locations em { color: red }
  1701. #locBar #locBox #saved_locations li { margin-bottom: 5px }
  1702. #locBar #locBox #poplocs {
  1703. border: 0;
  1704. width: 360px;
  1705. }
  1706. #locBar #locBox #poplocs p {
  1707. margin-left: 0;
  1708. margin-right: 0;
  1709. }
  1710. #locBar #locBox #poplocs ul {
  1711. float: left;
  1712. width: 110px;
  1713. }
  1714. #locBar #locBox li.last_item { margin-top: 10px }
  1715. #locBar #locBox #poplocs.external {
  1716. width: auto;
  1717. min-height: 70px;
  1718. }
  1719. #locBar #locBox p {
  1720. clear: left;
  1721. margin-left: 10px;
  1722. margin-right: 10px;
  1723. }
  1724. #locBar #locBox .loc_footer #countries { margin-left: 5px }
  1725. .loc_footer a+a {
  1726. border-left: 1px solid #999;
  1727. padding-left: 5px;
  1728. }
  1729. #pressLinks {
  1730. text-align: center;
  1731. margin: 10px 20px;
  1732. float: right;
  1733. }
  1734. #pressLinks a {
  1735. display: block;
  1736. margin: 15px 0;
  1737. }
  1738. #pressLinks img { vertical-align: top }
  1739. p.userCompLink {
  1740. margin: 7px 0 7px 0;
  1741. text-align: left;
  1742. white-space: nowrap;
  1743. clear: both;
  1744. z-index: 2;
  1745. }
  1746. #firstReviewer,
  1747. .firstReviewer {
  1748. padding: 3px 0 1px 19px;
  1749. background: url(//media2.px.yelpcdn.com/static/20101216790814985/i/ico/ico_map.gif) no-repeat -2px 0;
  1750. color: #417aad;
  1751. margin-left: 5px;
  1752. font-size: 11px;
  1753. white-space: nowrap;
  1754. }
  1755. .photo-count {
  1756. font-size: 11px;
  1757. margin-left: 10px;
  1758. margin-top: 1px;
  1759. }
  1760. #bizReviewsContent .photo-count { float: left }
  1761. #bizReviewsContent .checkin { float: left }
  1762. #pickOfTheDay,
  1763. .pickOfTheDay {
  1764. padding: 1px 0 1px 18px;
  1765. margin-left: 5px;
  1766. font-size: 95%;
  1767. background: url(//media2.px.yelpcdn.com/static/20101216790814985/i/ico/ico_map.gif) no-repeat -2px -93px;
  1768. display: inline;
  1769. color: #777;
  1770. }
  1771. #pickOfTheDay a { color: #777 }
  1772. .manage-following {
  1773. background: url(//media2.px.yelpcdn.com/static/20101216790814985/i/ico/ico_map.gif) no-repeat -5px -220px;
  1774. padding-left: 16px;
  1775. }
  1776. .manage-following.status,
  1777. .reviewIntLinks .status {
  1778. color: #0c0;
  1779. padding-right: 3px;
  1780. }
  1781. .js .js-hidden,
  1782. .no-js .no-js-hidden { display: none!important }
  1783. .change-country { cursor: pointer }
  1784. .no-js .change-country { display: none }
  1785. .change-country span {
  1786. padding-right: 20px;
  1787. color: #999;
  1788. }
  1789. .popHeader {
  1790. background: url(//media4.px.yelpcdn.com/static/20101216871647526/i/gfx/grippy.gif) repeat-y #ECF2F7;
  1791. border-bottom: 1px solid #D7DCE1;
  1792. border-right: 1px solid #D7DCE1;
  1793. padding: 1px 0 0 11px;
  1794. cursor: move;
  1795. }
  1796. #listPop { width: 370px }
  1797. #listPop a { cursor: pointer }
  1798. #listPop #popFooter { text-align: right }
  1799. #new_list input { width: 250px }
  1800. #new_list textarea { width: 250px }
  1801. #new_list_form { margin-top: 10px }
  1802. .flash {
  1803. margin: 10px 10px 0;
  1804. padding: 5px;
  1805. font-weight: bold;
  1806. }
  1807. .flash-success {
  1808. background-color: #E7FFD6;
  1809. border: 1px solid green;
  1810. }
  1811. .flash-error {
  1812. background-color: #ffebeb;
  1813. border: 1px solid #900;
  1814. }
  1815. #bookmarkPop {
  1816. min-height: 195px;
  1817. width: 300px;
  1818. }
  1819. #bookmarkPop #loading_message {
  1820. height: 95px;
  1821. text-align: center;
  1822. padding: 100px 0 1px 0;
  1823. }
  1824. #bookmarkPop fieldset {
  1825. border: 0;
  1826. margin: 5px 0 10px 0;
  1827. padding: 0;
  1828. }
  1829. #bookmarkPop fieldset input { margin-left: 5px }
  1830. #bookmarkPop legend {
  1831. padding: 0;
  1832. margin: 0 0 5px 0;
  1833. font-weight: bold;
  1834. color: #c41200;
  1835. }
  1836. #bookmarkPop label strong { color: #c41200 }
  1837. #bookmarkPop textarea {
  1838. border: 1px solid #999;
  1839. width: 275px;
  1840. height: 75px;
  1841. }
  1842. #bookmarkPop #popFooter {
  1843. line-height: 23px;
  1844. overflow: hidden;
  1845. text-align: right;
  1846. width: 100%;
  1847. }
  1848. #bookmarkPop #popFooter #statusMsg {
  1849. float: left;
  1850. margin-top: 0;
  1851. }
  1852. #bookmarkPop .bookmark-added {
  1853. line-height: 16px;
  1854. background: url(//media4.px.yelpcdn.com/static/201012164124213971/i/ico/bookmarksAdded.gif) no-repeat scroll 0 0;
  1855. padding-left: 20px;
  1856. }
  1857. #bookmarkPop #logPopStatus {
  1858. margin: 10px 0 5px 0;
  1859. display: block;
  1860. color: green;
  1861. float: left;
  1862. }
  1863. #bookmarkPop #popSwitch {
  1864. text-align: center;
  1865. border-top: 1px solid #ccc;
  1866. padding-top: 5px;
  1867. margin-top: 10px;
  1868. margin-bottom: 0;
  1869. padding-bottom: 5px;
  1870. }
  1871. #bookmarkPop a.floatLink { margin: 0 10px 5px 0 }
  1872. #bookmarkPop dl {
  1873. margin: 0;
  1874. padding: 5px;
  1875. }
  1876. #bookmarkPop dt {
  1877. margin: 10px 0 0 0;
  1878. padding: 0;
  1879. float: left;
  1880. width: 110px;
  1881. text-align: right;
  1882. }
  1883. #bookmarkPop dt label {
  1884. font-weight: bold;
  1885. color: #c41200;
  1886. }
  1887. #bookmarkPop dt label em {
  1888. font-weight: normal;
  1889. font-size: 10px;
  1890. color: #666;
  1891. }
  1892. #bookmarkPop dd {
  1893. margin: 10px 0 0 0;
  1894. overflow: hidden;
  1895. padding: 0 0 0 5px;
  1896. zoom: 1;
  1897. }
  1898. #bookmarkPop dd img {
  1899. display: block;
  1900. margin: 5px 0;
  1901. }
  1902. #bookmarkPop_error { padding: 5px 5px }
  1903. #send2friends { width: 535px }
  1904. #send2friends.narrow { width: 275px }
  1905. #send2friends .form_field textarea {
  1906. height: 40px;
  1907. position: relative;
  1908. margin-bottom: 3px;
  1909. width: 508px;
  1910. }
  1911. #send2friends.narrow .form_field textarea { width: 250px }
  1912. #send2friends #loading_message {
  1913. height: 300px;
  1914. text-align: center;
  1915. }
  1916. #send2friends #contact_list {
  1917. width: 510px;
  1918. border: 1px solid #ccc;
  1919. margin-bottom: 10px;
  1920. overflow: hidden;
  1921. }
  1922. #contact_header {
  1923. background: #FFF0D1;
  1924. padding: 2px 3px;
  1925. font-size: 11px;
  1926. }
  1927. #contact_header strong {
  1928. color: #c41200;
  1929. margin-right: 3px;
  1930. }
  1931. #contact_header .floatLink { line-height: 18px }
  1932. #contact_header input { padding: 0 }
  1933. #sendToAllLink { display: none }
  1934. #send2friends #contact_list #lists_viewport {
  1935. display: block;
  1936. height: 150px;
  1937. overflow: auto;
  1938. }
  1939. #send2friends #contact_list ul {
  1940. background-color: #fff;
  1941. padding-left: 3px;
  1942. margin: 0 5px;
  1943. }
  1944. #send2friends #contact_list li {
  1945. margin: 5px 3px 5px 0;
  1946. float: left;
  1947. width: 150px;
  1948. padding: 5px 0 5px 5px;
  1949. border: 1px solid #FFF;
  1950. }
  1951. #send2friends #contact_list li.list_header {
  1952. float: none;
  1953. clear: both;
  1954. font-weight: bold;
  1955. color: #666;
  1956. padding: 0;
  1957. width: auto;
  1958. zoom: 1;
  1959. margin-bottom: 0;
  1960. }
  1961. #send2friends #contact_list li.selected {
  1962. border: 1px solid #c41200;
  1963. background: #ecf2f7;
  1964. }
  1965. #send2friends #contact_list .photoBox {
  1966. float: left;
  1967. margin-right: 10px;
  1968. }
  1969. #send2friends #contact_list .photoBox img {
  1970. width: 40px;
  1971. height: 40px;
  1972. }
  1973. #send2friends .contact_username { margin: 0 }
  1974. #send2friends .miniOrange {
  1975. margin: 0 0 0 80px;
  1976. padding-left: 17px;
  1977. }
  1978. #send2friends .friend_count { background: url(//media2.px.yelpcdn.com/static/20101216790814985/i/ico/ico_map.gif) no-repeat -3px -155px }
  1979. #send2friends .review_count { background: url(//media2.px.yelpcdn.com/static/20101216790814985/i/ico/ico_map.gif) no-repeat -3px -170px }
  1980. #send2friends #contact_list ul input {
  1981. float: left;
  1982. display: block;
  1983. margin-top: 15px;
  1984. margin-right: 10px;
  1985. height: 13px;
  1986. width: 13px;
  1987. }
  1988. #msg_recipients .user_div {
  1989. background: url(//media1.px.yelpcdn.com/static/20101216157684246/i/ico/remove.gif) no-repeat #ECF2F7 2px 2px;
  1990. padding: 0 3px 0 14px;
  1991. border: 1px solid #c41200;
  1992. float: left;
  1993. margin-right: 3px;
  1994. cursor: pointer;
  1995. }
  1996. #send2friends #msg_recipients {
  1997. margin-bottom: 15px;
  1998. position: relative;
  1999. }
  2000. #send2friends #msg_recipients strong {
  2001. float: left;
  2002. display: block;
  2003. margin-right: 3px;
  2004. padding-left: 5px;
  2005. }
  2006. #send2friends #user_pager {
  2007. background: #FFF0D1;
  2008. text-align: right;
  2009. padding: 2px;
  2010. font-size: 11px;
  2011. }
  2012. #send2friends #share_badges {
  2013. padding: 3px 0;
  2014. margin: 5px 0;
  2015. border-top: 1px solid #ccc;
  2016. border-bottom: 1px solid #ccc;
  2017. text-align: center;
  2018. clear: left;
  2019. }
  2020. #send2friends #popFooter {
  2021. text-align: right;
  2022. position: relative;
  2023. }
  2024. #send2friends #popFooter input { margin-bottom: 3px }
  2025. .spellCheckIcon {
  2026. display: block;
  2027. float: left;
  2028. border-top: 1px solid #ccc;
  2029. border-right: 1px solid #333;
  2030. border-bottom: 1px solid #333;
  2031. border-left: 1px solid #ccc;
  2032. background: #fff2ab;
  2033. }
  2034. .spellCheckIcon:hover {
  2035. border-top: 1px solid #333;
  2036. border-right: 1px solid #ccc;
  2037. border-bottom: 1px solid #ccc;
  2038. border-left: 1px solid #333;
  2039. }
  2040. .spellCheckIcon img { display: block }
  2041. #spellCheck_message { color: green }
  2042. #comPop .spellCheckIcon {
  2043. width: 17px;
  2044. float: none;
  2045. }
  2046. div.markerTooltip {
  2047. z-index: 4;
  2048. text-align: center;
  2049. }
  2050. div.markerTooltip div.rating {
  2051. float: left;
  2052. margin-right: 5px;
  2053. }
  2054. div.markerTooltip .maptip table h3 { clear: left }
  2055. span.markerTooltip {
  2056. display: block;
  2057. padding: 2px;
  2058. font-weight: bold;
  2059. border: 1px solid #555;
  2060. background: #fff;
  2061. }
  2062. div#ajaxStatusMessage {
  2063. position: absolute;
  2064. height: 38px;
  2065. background-color: #fff;
  2066. width: auto;
  2067. z-index: 101;
  2068. }
  2069. div#ajaxStatusMessage img { float: left }
  2070. div#ajaxStatusMessage p {
  2071. float: left;
  2072. border-top: 1px solid #c41200;
  2073. border-bottom: 1px solid #c41200;
  2074. margin: 0;
  2075. padding: 10px 2px 0 2px;
  2076. height: 26px;
  2077. color: #000;
  2078. }
  2079. .searchSuggest {
  2080. color: #c41200;
  2081. margin: 18px 0 5px 0;
  2082. font-size: 14px;
  2083. }
  2084. .searchSuggest em {
  2085. font-weight: bold;
  2086. font-style: normal;
  2087. }
  2088. #search_results_body {
  2089. padding: 0 10px 10px 10px;
  2090. margin: 10px 0 10px 0;
  2091. border-left: solid 1px #ccc;
  2092. }
  2093. #search_results_body .search_result {
  2094. border-bottom: solid #ccc 1px;
  2095. padding-top: 5px;
  2096. padding-bottom: 5px;
  2097. width: 100%;
  2098. }
  2099. #loc_pin {
  2100. background: url(//media3.ct.yelpcdn.com/static/201012161516408084/i/map/loc_pin_flag.gif) no-repeat;
  2101. width: 41px;
  2102. height: 48px;
  2103. color: #f42929;
  2104. font-weight: bold;
  2105. font-size: 12px;
  2106. line-height: 13px;
  2107. text-align: center;
  2108. position: relative;
  2109. text-transform: capitalize;
  2110. }
  2111. a.bookmark {
  2112. background: url(//media2.px.yelpcdn.com/static/20101216790814985/i/ico/ico_map.gif) no-repeat -1px -50px;
  2113. padding-left: 18px;
  2114. padding-bottom: 2px;
  2115. }
  2116. a.sendToFriend {
  2117. background: url(//media2.px.yelpcdn.com/static/20101216790814985/i/ico/ico_map.gif) no-repeat -5px -37px;
  2118. padding-left: 16px;
  2119. }
  2120. a.send-pm {
  2121. background: url(//media2.px.yelpcdn.com/static/20101216790814985/i/ico/ico_map.gif) no-repeat -4px -125px;
  2122. padding: 2px 0 0 16px;
  2123. }
  2124. a.send-compliment {
  2125. background: url(//media2.px.yelpcdn.com/static/20101216790814985/i/ico/ico_map.gif) no-repeat -5px -109px;
  2126. padding: 1px 0 1px 16px;
  2127. }
  2128. #no-compliments a.send-compliment {
  2129. padding: 0;
  2130. background: 0;
  2131. }
  2132. a.linkToThis {
  2133. background: url(//media2.px.yelpcdn.com/static/20101216790814985/i/ico/ico_map.gif) no-repeat -4px -79px;
  2134. padding-left: 13px;
  2135. }
  2136. a.via-mobile {
  2137. background: url(//media2.px.yelpcdn.com/static/20101216790814985/i/ico/ico_map.gif) no-repeat -1px -1400px;
  2138. padding: 7px 0 1px 19px;
  2139. }
  2140. div.roundedtoo {
  2141. position: absolute;
  2142. top: 0;
  2143. left: 0;
  2144. height: auto;
  2145. width: 200px;
  2146. z-index: 100;
  2147. }
  2148. div.roundedtoo div.top {
  2149. margin: 0;
  2150. background: transparent url(//media3.ct.yelpcdn.com/static/201012163953357841/i/gfx/top-rt.gif) no-repeat top right;
  2151. height: 7px;
  2152. font-size: 1px;
  2153. }
  2154. div.roundedtoo div.top div {
  2155. margin: 0;
  2156. background: transparent url(//media3.px.yelpcdn.com/static/201012161125165164/i/gfx/top-lf.gif) no-repeat top left;
  2157. height: 7px;
  2158. font-size: 1px;
  2159. }
  2160. div.roundedtoo div.top div div {
  2161. background: none;
  2162. margin-left: 7px;
  2163. margin-right: 7px;
  2164. margin-bottom: -1px;
  2165. height: 7px;
  2166. border-top: 1px solid #c00;
  2167. font-size: 1px;
  2168. background-color: #fff;
  2169. }
  2170. div.roundedtoo div.bottom {
  2171. margin: 0;
  2172. background: transparent url(//media1.px.yelpcdn.com/static/201012162442669829/i/gfx/btm-rt.gif) no-repeat bottom right;
  2173. height: 7px;
  2174. font-size: 1px;
  2175. }
  2176. div.roundedtoo div.bottom div {
  2177. margin: 0;
  2178. background: transparent url(//media1.px.yelpcdn.com/static/201012161287603241/i/gfx/btm-lf.gif) no-repeat bottom left;
  2179. height: 7px;
  2180. font-size: 1px;
  2181. }
  2182. div.roundedtoo div.bottom div div {
  2183. background: none;
  2184. margin-left: 7px;
  2185. margin-right: 7px;
  2186. margin-top: -1px;
  2187. height: 7px;
  2188. border-bottom: 1px solid #c00;
  2189. font-size: 1px;
  2190. background-color: #fff;
  2191. }
  2192. div.roundedtoo .content {
  2193. border-right: 1px solid #c00;
  2194. border-left: 1px solid #c00;
  2195. padding-left: 7px;
  2196. padding-right: 7px;
  2197. text-align: center;
  2198. font-size: 11px;
  2199. background-color: #fff;
  2200. }
  2201. div.pop-feed-img { width: auto }
  2202. #moreOptionsBox {
  2203. position: absolute;
  2204. width: 250px;
  2205. border: 1px solid #c41200;
  2206. background-color: #fff;
  2207. z-index: 100;
  2208. }
  2209. #moreOptionsBox div { margin-bottom: 1px }
  2210. #moreOptionsBox * { padding: 0 }
  2211. #moreOptionsBox ul {
  2212. list-style: none;
  2213. margin: 0;
  2214. height: 150px;
  2215. overflow: auto;
  2216. width: 245px;
  2217. }
  2218. #moreOptionsBox ul li {
  2219. margin-left: 15px;
  2220. width: 150px;
  2221. }
  2222. #moreOptionsBoxInner li strong {
  2223. background: url(//media4.px.yelpcdn.com/static/201012164007150789/i/gfx/sort_arrow_up.gif) no-repeat 0 3px;
  2224. padding-left: 10px;
  2225. cursor: pointer;
  2226. color: #66c;
  2227. }
  2228. #moreOptionsBoxInner li strong.opened {
  2229. background: url(//media3.ct.yelpcdn.com/static/201012162841393245/i/gfx/sort_arrow_down.gif) no-repeat 0 3px;
  2230. padding-left: 10px;
  2231. }
  2232. #moreOptionsBoxInner li ul.subHood {
  2233. overflow: visible;
  2234. height: auto;
  2235. width: 200px;
  2236. }
  2237. #moreOptionsBoxInner li ul li { margin-left: 10px }
  2238. #moreOptionsBox #topLf {
  2239. position: absolute;
  2240. top: -1px;
  2241. left: -1px;
  2242. background: #fff;
  2243. }
  2244. #moreOptionsBox #topRt {
  2245. position: absolute;
  2246. top: -1px;
  2247. right: -1px;
  2248. background: #fff;
  2249. }
  2250. #moreOptionsBox #btmLf {
  2251. position: absolute;
  2252. bottom: -1px;
  2253. left: -1px;
  2254. background: #fff;
  2255. }
  2256. #moreOptionsBox #btmRt {
  2257. position: absolute;
  2258. bottom: -1px;
  2259. right: -1px;
  2260. background: #fff;
  2261. }
  2262. #moreOptionsBox h4 {
  2263. font-size: 14px;
  2264. margin: 5px;
  2265. padding: 0 0 0 11px;
  2266. background: url(//media4.px.yelpcdn.com/static/20101216871647526/i/gfx/grippy.gif) repeat-y #ECF2F7;
  2267. border-bottom: 1px solid #D7DCE1;
  2268. border-right: 1px solid #D7DCE1;
  2269. cursor: move;
  2270. }
  2271. #moreOptionsBox p {
  2272. text-align: right;
  2273. margin: 0;
  2274. }
  2275. #moreOptionsBox p a {
  2276. display: block;
  2277. padding: 7px 10px 6px 0;
  2278. cursor: pointer;
  2279. }
  2280. .attending_count { color: #888 }
  2281. .google-ads-block {
  2282. position: relative;
  2283. z-index: 1;
  2284. }
  2285. .googlead-sponsor {
  2286. background: #fff;
  2287. width: 915px;
  2288. margin: 0 auto;
  2289. overflow: hidden;
  2290. line-height: 0;
  2291. }
  2292. #google_ads_div_Welcome_Sponsor_915x35,
  2293. #google_ads_div_Welcome_Sponsor_915x35_ad_container,
  2294. #google_ads_div_Search_Sponsor_915x35,
  2295. #google_ads_div_Search_Sponsor_915x35_ad_container,
  2296. #google_ads_div_BusinessPhotos_Sponsor_915x35,
  2297. #google_ads_div_BusinessPhotos_Sponsor_915x35_ad_container,
  2298. #google_ads_div_Hotlist_Sponsor_915x35,
  2299. #google_ads_div_Hotlist_Sponsor_915x35_ad_container,
  2300. #google_ads_div_Business_Sponsor_915x35,
  2301. #google_ads_div_Business_Sponsor_915x35_ad_container,
  2302. #google_ads_div_ListSearch_Sponsor_915x35,
  2303. #google_ads_div_ListSearch_Sponsor_915x35_ad_container,
  2304. #google_ads_div_LocalPhotos_Sponsor_915x35,
  2305. #google_ads_div_LocalPhotos_Sponsor_915x35_ad_container,
  2306. #google_ads_div_UserPhotos_Sponsor_915x35,
  2307. #google_ads_div_UserPhotos_Sponsor_915x35_ad_container,
  2308. #google_ads_div_User_Sponsor_915x35,
  2309. #google_ads_div_User_Sponsor_915x35_ad_container,
  2310. #google_ads_div_Events_Sponsor_915x35,
  2311. #google_ads_div_Events_Sponsor_915x35_ad_container,
  2312. #google_ads_div_SalesSpecialOffers_Sponsor_915x35,
  2313. #google_ads_div_SalesSpecialOffers_Sponsor_915x35_ad_container,
  2314. #google_ads_div_List_Sponsor_915x35,
  2315. #google_ads_div_List_Sponsor_915x35_ad_container,
  2316. #google_ads_div_BizGuide_WhatIsYelp_Sponsor_915x35,
  2317. #google_ads_div_BizGuide_WhatIsYelp_Sponsor_915x35_ad_container,
  2318. #google_ads_div_BizGuide_Unlocking_Sponsor_915x35,
  2319. #google_ads_div_BizGuide_Unlocking_Sponsor_915x35_ad_container,
  2320. #google_ads_div_BizGuide_Using_Sponsor_915x35,
  2321. #google_ads_div_BizGuide_Using_Sponsor_915x35_ad_container,
  2322. #google_ads_div_BizGuide_Responding_Sponsor_915x35,
  2323. #google_ads_div_BizGuide_Responding_Sponsor_915x35_ad_container,
  2324. #google_ads_div_BizGuide_CommonQs_Sponsor_915x35,
  2325. #google_ads_div_BizGuide_CommonQs_Sponsor_915x35_ad_container,
  2326. #google_ads_div_BizGuide_Advertising_Sponsor_915x35,
  2327. #google_ads_div_BizGuide_Advertising_Sponsor_915x35_ad_container {
  2328. line-height: 0;
  2329. overflow: hidden;
  2330. margin-top: 10px;
  2331. }
  2332. .googlead-sky {
  2333. text-align: center;
  2334. margin: 35px auto 10px auto;
  2335. position: relative;
  2336. width: 160px;
  2337. z-index: 2;
  2338. }
  2339. .googlead-sky div { margin: 0 auto }
  2340. .googlead-sky em {
  2341. display: block;
  2342. color: #ccc;
  2343. }
  2344. .googlead-sky iframe,
  2345. .googlead-box iframe,
  2346. .googlead-leader iframe,
  2347. .googlead-leader table,
  2348. .googlead-feature iframe,
  2349. .googlead-sponsor iframe {
  2350. display: block;
  2351. margin: 0 auto;
  2352. }
  2353. .googlead-sky div,
  2354. .googlead-sponsor div { text-align: center }
  2355. #hotlist_sponsor { margin-bottom: 3px }
  2356. ul#aboutSite a { font-size: 12px!important }
  2357. div.stars { float: left }
  2358. div.maptip {
  2359. text-align: left;
  2360. padding: 10px;
  2361. background: #fff;
  2362. border: 1px solid gray;
  2363. }
  2364. #zoom_in {
  2365. position: absolute;
  2366. top: 5px;
  2367. left: 5px;
  2368. z-index: 3;
  2369. cursor: pointer;
  2370. }
  2371. #zoom_out {
  2372. position: absolute;
  2373. top: 30px;
  2374. left: 5px;
  2375. z-index: 3;
  2376. cursor: pointer;
  2377. }
  2378. .simple_list ul {
  2379. padding: 0 0 0 5px;
  2380. margin: 0;
  2381. list-style: none;
  2382. }
  2383. .simple_list li {
  2384. clear: left;
  2385. padding-bottom: 5px;
  2386. }
  2387. .simple_list .photoBox,
  2388. .simple_list .bizPhotoBox {
  2389. float: left;
  2390. margin-right: 5px;
  2391. height: 40px;
  2392. width: 40px;
  2393. }
  2394. .simple_list .user_name {
  2395. float: left;
  2396. clear: left;
  2397. margin: 0;
  2398. }
  2399. .simple_list .review_comment,
  2400. .simple_list .user_info,
  2401. .simple_list .biz_info { margin-left: 50px }
  2402. .simple_list div.rating {
  2403. float: left;
  2404. margin-right: 5px;
  2405. }
  2406. .simple_list .stars_img { vertical-align: middle }
  2407. .simple_list .stars_img_small { vertical-align: middle }
  2408. .simple_list .mstars { vertical-align: middle }
  2409. .sort_label_asc {
  2410. background: url(//media2.px.yelpcdn.com/static/20101216790814985/i/ico/ico_map.gif) no-repeat right -458px;
  2411. padding-right: 13px;
  2412. }
  2413. .sort_label_desc {
  2414. background: url(//media2.px.yelpcdn.com/static/20101216790814985/i/ico/ico_map.gif) no-repeat right -448px;
  2415. padding-right: 13px;
  2416. }
  2417. .sort_section { clear: both }
  2418. .sort_section a {
  2419. margin: 0 2px;
  2420. font-weight: normal;
  2421. }
  2422. .sort_section a.selected { font-weight: bold }
  2423. .archived_reviews {
  2424. border-top: 1px solid #eee;
  2425. padding-top: 10px;
  2426. }
  2427. .archived_reviews h4 {
  2428. color: #666;
  2429. font-size: 11px;
  2430. font-weight: normal;
  2431. font-style: italic;
  2432. }
  2433. .archived_reviews h4 .pseudoLink { font-weight: normal }
  2434. .archived_reviews li {
  2435. padding-left: 20px;
  2436. border-top: 1px solid #eee;
  2437. padding-top: 8px;
  2438. clear: right;
  2439. }
  2440. .archived_reviews li.first-child { border-top: 0 }
  2441. .archived_reviews em {
  2442. float: left;
  2443. font-size: 11px;
  2444. line-height: 10px;
  2445. margin-left: 5px;
  2446. }
  2447. .archived_reviews li img { vertical-align: middle }
  2448. .archived_reviews li .review_comment {
  2449. clear: left;
  2450. padding-top: 5px;
  2451. }
  2452. .archived_reviews li .rateReview { margin-bottom: 5px }
  2453. .review .reviewActions {
  2454. float: right;
  2455. padding: 3px 0;
  2456. }
  2457. .review .reviewActions a { font-size: 10px }
  2458. .updated_date {
  2459. background: url(//media2.px.yelpcdn.com/static/20101216790814985/i/ico/ico_map.gif) no-repeat -6px -577px;
  2460. padding-left: 14px;
  2461. font-size: 11px;
  2462. margin-left: 5px;
  2463. }
  2464. #userCharts {
  2465. padding-left: 5px;
  2466. margin-top: 10px;
  2467. margin-bottom: 15px;
  2468. }
  2469. #userCharts #ratings {
  2470. margin-left: 0;
  2471. margin-top: 2px;
  2472. width: 100%;
  2473. }
  2474. #userCharts a {
  2475. font-weight: normal;
  2476. font-size: 11px;
  2477. padding-left: 10px;
  2478. }
  2479. #userGraphPop { width: 725px }
  2480. #userGraphPop #userGraphPop_inner { overflow: hidden }
  2481. #userGraphPop .userGraphPiechart {
  2482. width: 360px;
  2483. height: 220px;
  2484. float: left;
  2485. text-align: center;
  2486. }
  2487. #userGraphPop .ypop-footer { text-align: right }
  2488. .mobile-promo {
  2489. background: #fffae8;
  2490. width: 910px;
  2491. padding: 10px;
  2492. margin: 0 auto 10px;
  2493. }
  2494. .mobile-promo .wrap {
  2495. margin: 0 auto;
  2496. width: 550px;
  2497. overflow: auto;
  2498. }
  2499. #mobile-webkit-banner-promo { text-align: center }
  2500. a#mobile-webkit-banner-promo-link {
  2501. width: 122px;
  2502. padding-left: 30px;
  2503. height: 50px;
  2504. background: url(//media1.ct.yelpcdn.com/static/201012163637493978/i/mktg/app_storelogo_blank.png) no-repeat;
  2505. display: inline-block;
  2506. text-align: center;
  2507. color: #fff;
  2508. margin-right: 10px;
  2509. position: relative;
  2510. top: 5px;
  2511. }
  2512. a#mobile-webkit-banner-promo-link span {
  2513. display: block;
  2514. line-height: 20px;
  2515. letter-spacing: -0.5px;
  2516. font-size: 10px;
  2517. font-weight: bold;
  2518. }
  2519. a#mobile-webkit-banner-promo-link strong {
  2520. display: block;
  2521. font-size: 26px;
  2522. letter-spacing: -1px;
  2523. line-height: 22px;
  2524. }
  2525. #mobile-webkit-banner-promo img {
  2526. float: left;
  2527. margin-right: 10px;
  2528. }
  2529. #mobile-webkit-banner-promo #mobile-webkit-banner-promo-leadin {
  2530. font-weight: bold;
  2531. display: block;
  2532. font-size: 26px;
  2533. margin-bottom: 10px;
  2534. color: #000;
  2535. }
  2536. #mobile-webkit-banner-promo #mobile-webkit-banner-promo-tagline {
  2537. font-size: 22px;
  2538. letter-spacing: -0.5px;
  2539. color: #000;
  2540. line-height: 50px;
  2541. }
  2542. #mobile-webkit-banner-promo #mobile-webkit-banner-promo-tagline a { font-weight: bold }
  2543. .blackberry #mastHead { border-top: 1px solid #ccc }
  2544. #blackberry-banner {
  2545. margin: 0 auto;
  2546. width: 270px;
  2547. }
Add Comment
Please, Sign In to add comment
Public Pastes
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!