API tools faq
paste
Advertisement
decembre

Pineterest Wide v.4 - DEV (new4)

decembre
Nov 20th, 2014
451
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 54.92 KB | None | 0 0
raw download clone embed print report
  1. @namespace url(http://www.w3.org/1999/xhtml);
  2.  
  3. @-moz-document domain("www.pinterest.com"), domain("pinterest.com")  {
  4.  
  5. /* ==== Pineterest Wide v.4 - (new4)DEV - WIDTH % - META FADE AND POSITION V.4 ==== */
  6.  
  7.  
  8. /* === TEST ZONE ==== */
  9. /* (BIB) NOT CONNECTED ???)  - PIN BAR - SUPP TEXT  TO DO - === */
  10. .PinActionBar {
  11.     height: 21px!important;
  12. line-height: 21px!important;
  13.     padding: 3px 3px 4px 3px!important;
  14.     width: 98% !important;
  15.     border-radius: 5px!important;
  16. }
  17. /* A VOIR CONNECTED */
  18. .Header .headerContainer .leftHeaderContent {
  19.   float: left;
  20.   margin-left: 7px;
  21.   width: 236px;
  22.   height: 21px!important;
  23.   margin-top: -4px!important;
  24. }
  25.  
  26. .Header .unauthActions {
  27.   float: right;
  28.   height: 21px!important;
  29. line-height: 22px!important;
  30.   margin-top: -4px!important;
  31. }
  32. .rounded.Button.DropdownButton.Module.primaryOnHover.btn.categories ,
  33. .Header .unauthActions .LoginButton ,
  34. .Header .unauthActions .LanguageMenu {
  35.   height: 22px!important;
  36. line-height: 22px!important;
  37. }
  38. .Button.categories em {
  39.   background: url("/webapp/style/sprites/webapp-desktop-main-1x.1c6a16cd.png") no-repeat scroll -18px -484px rgba(0, 0, 0, 0);
  40.   height: 16px;
  41.   left: 9px;
  42.   top: -4px!important;
  43.   width: 16px;
  44. }
  45. .Header .ui-SearchForm {
  46.   float: left;
  47.   height: 21px!important;
  48.   line-height: 21px!important;
  49. }
  50. .buttonOnRight.guided.Module.ui-TypeaheadField {
  51. /*   float: left; */
  52.   width: 100%!important;
  53.   height: 21px!important;
  54. }
  55. .ui-SearchForm .ui-TypeaheadField {
  56.   float: left;
  57.   width: 194px;
  58.   height: 21px!important;
  59. }
  60. .ui-TypeaheadField.search .field {
  61.   background: none repeat scroll 0 0 #faf9f7;
  62.   border: 1px solid #ccc;
  63.   border-radius: 3px;
  64.   box-shadow: 0 0 2px rgba(0, 0, 0, 0.07) inset;
  65.   box-sizing: border-box;
  66.   color: #717171;
  67.   font-size: 13px;
  68.   font-weight: bold;
  69.   height: 22px !important;
  70.   margin: 0;
  71.   padding: 2px 30px 2px 9px!important;
  72.   position: relative;
  73.   width: 100%;
  74.   z-index: 670;
  75. }
  76. .ui-SearchForm .submit {
  77.   background: url("http://passets-ec.pinterest.com/webapp/style/sprites/webapp-common-main-1x.48af5992.png") no-repeat scroll -58px -193px transparent;
  78.   border: medium none;
  79.   color: transparent;
  80.   display: inline-block;
  81.   font: 0px/0 serif;
  82.   height: 17px;
  83.   position: absolute;
  84.   right: 9px;
  85.   text-shadow: none;
  86.   top: 4px!important;
  87.   width: 16px;
  88.   z-index: 671;
  89. }
  90.  
  91. .Header .unauthActions .LoginButton ,
  92. .Button.languageButton {
  93.   padding: 2px 40px 2px 2px!important;
  94. height: 20px!important;
  95. line-height: 14px!important;
  96. }
  97. /* ARROWS */
  98. .Button.languageButton:before {
  99.     border-top: 4px solid #5f5f5f;
  100.     top: 12px!important;
  101. }
  102. .Button.languageButton:after {
  103.   border-bottom: 4px solid #5f5f5f;
  104.   top: 3px!important;
  105. }
  106.  
  107.  
  108. /* (newTEST - TOP HEADER COMPACT - === */
  109. .Header .headerBackground {
  110.   background: none repeat scroll 0 0 #fff;
  111.   position: fixed;
  112.   z-index: 670;
  113.   height: 27px!important;
  114. }
  115. .Header.guided .headerContainer {
  116.     padding-top: 0px!important;
  117. }
  118. .Header.guided.Module {
  119.     width: 100%!important;
  120. }
  121. .headerContainer.centeredWithinWrapper {
  122.     width: 100%!important;
  123. }
  124. .Header .headerContainer .rightHeaderContent {
  125.     width: 236px;
  126. height: 25px!important;
  127.     float: right;
  128.     margin-left: 24% !important;
  129. }
  130. .Header .rightHeaderContent .RightHeader {
  131.     min-height: 25px !important;
  132.     max-height: 25px !important;
  133.     background-color: #fff;
  134.     float: right;
  135. }
  136. .Button.btn.notifs.guided {
  137.   background: linear-gradient(#fff, #f5f5f5) repeat scroll 0 0 #f5f5f5;
  138.   border-color: #d4d4d4;
  139.   border-radius: 0 6px 6px 0;
  140.   height: 25px!important;
  141.   position: relative;
  142.   width: 42px;
  143.   z-index: 104;
  144. }
  145. .UserNavigateButton.guided {
  146.   border: 1px solid #d4d4d4;
  147.   box-sizing: border-box;
  148.   color: #818181;
  149.   height: 25px!important;
  150.   padding: 0;
  151.   position: relative;
  152.   text-align: left;
  153.   width: 195px;
  154.   z-index: 104;
  155. }
  156. .UserNavigateButton.guided .profileImage  {
  157.     margin-top: 1px!important;
  158. }
  159. .UserNavigateButton.guided .profileName {
  160.     display: block;
  161.     font-size: 16px;
  162.     font-weight: 600;
  163.     line-height: 25px!important;
  164.     overflow: hidden;
  165.     padding: 0 0 0 6px;
  166.     text-overflow: ellipsis;
  167.     white-space: nowrap;
  168. }
  169. /* (new4) */
  170. .Header.guided .headerContainer .leftHeaderContent {
  171. position: absolute!important;
  172. display: inline-block!important;
  173.     float: none!important;
  174.   height: 25px!important;
  175.     max-width: 70%!important;
  176.     min-width: 70%!important;
  177.     padding-right: 14px;
  178. }
  179. .Button.logoHeader {
  180.     background: linear-gradient(#fff, #f5f5f5) repeat scroll 0 0 #f5f5f5;
  181.     float: left;
  182.     height: 25px!important;
  183.     padding: 4px 9px;
  184.     width: 42px;
  185. }
  186. .Button.logoHeader em {
  187.     margin-top: -4px!important;
  188. }
  189. /* (new4) */
  190. .Button.categoriesHeader {
  191. display: inline-block!important;
  192.     float: none!important;
  193.     height: 25px!important;
  194.     left: 97%!important;
  195.     padding: 9px 8px 9px 11px;
  196.     background: linear-gradient(#fff, #f5f5f5) repeat scroll 0 0 #f5f5f5;
  197.     border-radius: 0 6px 6px 0;
  198. }
  199. .ui-SearchForm.guided {
  200. display: inline-block!important;
  201.     box-sizing: border-box;
  202.     float: none;
  203. height: 100%!important;
  204.     max-height: 19px!important;
  205.     min-height: 19px!important;
  206.  
  207.     width: auto;
  208.   width: 97%!important;
  209.     margin-left: 42px;
  210. top: -23px!important;
  211. }
  212.  
  213. .SearchInputToken ,
  214. .TokenizedInput .tokenizedItem ,
  215. .TokenizedInput .tokensWrapper ,
  216. .TokenizedInput.guided ,
  217. .ui-TypeaheadField.guided .tokenizedInputWrapper ,
  218. .ui-SearchForm .ui-TypeaheadField.guided  ,
  219. .tokenized.buttonOnRight.ui-SearchForm.guided.Module>form {
  220. /*     box-sizing: border-box; */
  221. /*     float: none; */
  222.     height: 25px !important;
  223. }
  224. .tokenized.buttonOnRight.ui-SearchForm.guided.Module>form {
  225. /*     box-sizing: border-box; */
  226. /*     float: none; */
  227.     height: 19px !important;
  228.   width: 100%!important;
  229. }
  230. /* (new4) */
  231. .leftHeaderContent .tokenized.buttonOnRight.ui-SearchForm.guided.Module form .buttonOnRight.guided.Module.ui-TypeaheadField .tokenizedInputWrapper .guided.TokenizedInput.Module ul.tokensWrapper ,
  232. .guided.TokenizedInput.Module ,
  233. .tokenizedInputWrapper {
  234. /*     box-sizing: border-box; */
  235. /*     float: none; */
  236.     min-height: 20px !important;
  237.     max-height: 20px !important;
  238. line-height: 19px!important;
  239.   width: 100%!important;
  240. }
  241. .TokenizedInput.guided .tokensWrapper .tokenizedItem.inputToken .field {
  242.     color: #a7a7a7;
  243.     font-size: 16px;
  244.     font-weight: 600;
  245.     height: 20px!important;
  246.     line-height: 20px!important;
  247.     padding: 0!important;
  248. }
  249. .SearchInputToken .tokenContainer span ,
  250. .SearchInputToken .tokenContainer  {
  251.     height: 18px !important;
  252. line-height: 7px!important;
  253. }
  254. .TokenizedInput.guided .removeAll em ,
  255. .SearchInputToken .tokenContainer span em    {
  256. /*     height: 18px !important; */
  257. line-height: 7px!important;
  258.     margin-top: -4px!important;
  259. }
  260.  
  261. .App.full .appContent.guided {
  262.     padding-top: 0px!important;
  263.     width: 100%!important;
  264. }
  265. /* === END - TEST ZONE ==== */
  266.  
  267.  
  268. /* === WIDTH in PERCENTAGE === */
  269. fixedsticky-withoutfixedfixed {
  270.     width: 100%!important;
  271. }
  272. body {
  273.     width: 100%!important;
  274. }
  275. .App.full.AppBase.Module.showingCloseup {
  276.     margin-top: -1px;
  277.     padding-top: 1px;
  278.     width:  100%!important;
  279. }
  280.  
  281.  
  282. .mainContainer {
  283.     width: 100%!important;
  284. margin-top: 30px!important;
  285. }
  286. .ajax.Module.SearchPage {
  287.     height: 4345px;
  288.     margin-top: 13px!important;
  289.     min-height: 881px;
  290. }
  291. .SearchGuidesBar {
  292.   background-color: #222;
  293.   height: 35px!important;
  294. }
  295. .SearchGuidesBar .guidesWrapper {
  296.   background-color: #222;
  297.   box-shadow: 0 1px #f4f4f4;
  298.   height: 78px !important;
  299.   overflow: hidden;
  300.   position: relative;
  301.   width: 100%!important;
  302. }
  303. .SearchGuidesBar .guidesWrapper .navigator {
  304.   height: 35px!important;
  305. }
  306. .SearchGuidesBar .guidesWrapper .navigator.left em  ,
  307. .SearchGuidesBar .guidesWrapper .navigator.right em {
  308. height: 35px!important;
  309. }
  310. /* PB */
  311. .SearchGuidesBar .guidesWrapper .navigator.right em {
  312.     background: url("/webapp/style/sprites/webapp-desktop-main-1x.0842e391.png") no-repeat scroll -290px -114px rgba(0, 0, 0, 0)!important;
  313. }
  314. .SearchGuidesBar .guidesWrapper .navigator.left em {
  315.     background: url("/webapp/style/sprites/webapp-desktop-main-1x.0842e391.png") no-repeat scroll -37px -203px rgba(0, 0, 0, 0)!important;
  316. }
  317.  
  318. .SearchGuidesBar .guidesWrapper .guidesSlider .guidesContainer ,
  319. .SearchGuidesBar .guidesWrapper .guidesSlider {
  320.   height: 50px!important;
  321. }
  322. .SearchGuidesBar .guidesWrapper .guidesSlider .guidesContainer li {
  323.   height: 25px!important;
  324.     margin-top: 3px!important;
  325. }
  326. .SearchGuidesBar .guidesWrapper .guidesSlider .guidesContainer .guideContainer .guideImgMask {
  327.   border-radius: 6px;
  328.   box-shadow: 0 0 2px rgba(255, 255, 255, 0.33) inset;
  329.   height: 25px!important;
  330.   position: absolute;
  331.   width: 111px;
  332. }
  333. .SearchGuidesBar .guidesWrapper .guidesSlider .guidesContainer .guideContainer .guideImg {
  334.     border-radius: 6px;
  335.     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
  336.     height: 25px!important;
  337.     min-width: 111px;
  338. }
  339.  
  340. .Closeup.Module {
  341.     width: 100%!important;
  342. }
  343. /* PIN / LIKE / / SITE /SHARE BAR (TOP BIG PIN) - ALL (WIDTH %) */
  344. .Closeup .closeupActionBarContainer {
  345.     position: relative;
  346.     height: 20px !important;
  347.     max-width: 72.6%!important;
  348.     z-index: 101;
  349. }
  350. .PinActionBar .shareGear ,
  351. .PinActionBar .repinLike {
  352.     height: 25px !important;
  353.     line-height: 25px!important;
  354. }
  355. .Button.btn.pinActionBarButton {
  356.     height: 20px !important;
  357.     line-height: 20px!important;
  358.     padding-top: 2px!important;
  359.     padding-bottom: 2px!important;
  360. }
  361. /* :not(.ShowModalButton)*/
  362. .PinActionBar.guided.Module .Button em {
  363.     margin-top: -7px!important;
  364. }
  365. .PinActionBar.guided.Module .Button.facebookShare {
  366.     top: -3px!important;
  367. }
  368. .PinActionBar.guided.Module .Button .buttonText  {
  369.     font-size: 0!important;
  370. }
  371.  
  372. /* (new4) PIN / LIKE / / SITE /SHARE BAR (TOP BIG PIN - WITHOUT CLOSE BUTTON */
  373. .Closeup:not(.canClose) .closeupActionBarContainer {
  374.     position: relative;
  375.     height: 20px !important;
  376.     width: 37.9%!important;
  377.     left: -30.7%!important;
  378.     border-radius: 6px!important;
  379.     z-index: 101;
  380. }
  381. .Closeup:not(.canClose) .closeupActionBarContainer .PinActionBar.guided.Module {
  382.     height: 20px !important;
  383.     width: 96%!important;
  384.     padding: 2px 7px!important;
  385.     border-radius: 6px!important;
  386.     background-color: rgba(255, 255, 255, 0.9);
  387. }
  388. /* (new4) */
  389. .PinActionBar .mainActionBar {
  390.     background-color: transparent!important;
  391.     border: none!important;
  392.     border-radius: 6px !important;
  393.     border-top-color: rgba(0, 0, 0, 0.1);
  394.     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  395.     cursor: default;
  396.     display: inline-block;
  397.     height: 20px!important;
  398.     padding: 0px!important;
  399.     top: 0;
  400.     width: 696px;
  401. }
  402. /* PIN / LIKE / / SITE /SHARE BAR (TOP BIG PIN) - WITH CLOSE BUTTON */
  403. .Closeup.canClose .Button.borderless.close.visible + .closeupActionBarContainer {
  404.     position: relative;
  405.     width: 37.9%!important;
  406.     left: -30.7%!important;
  407.     top: -29px!important;
  408.     z-index: 101;
  409. /* outline: 1px solid violet!important; */
  410. }
  411. .Closeup.canClose .Button.borderless.close.visible + .closeupActionBarContainer  .PinActionBar.guided.Module {
  412.     display: inline-block!important;
  413.     height: 20px !important;
  414.     width: 97%!important;
  415.     top: 29px!important;
  416.     padding: 2px 7px!important;
  417.     border-radius: 6px!important;
  418.     background-color: rgba(255, 255, 255, 0.9);
  419. }
  420.  
  421. /* (new4) STICKY - ALL */
  422. .Module.PinActionBar.guided.sticky {
  423.     min-width: 38%!important;
  424.     max-width: 38%!important;
  425.     background: transparent!important;
  426.     border: none!important;
  427.     box-shadow: none!important;
  428.     background-color: rgba(255, 255, 255, 0.9);
  429.     opacity: 0.05!important;
  430. }
  431. .Module.PinActionBar.guided.sticky:hover {
  432.     background-color: rgba(255, 255, 255, 0.9);
  433.     min-width: 35%!important;
  434.     max-width: 35%!important;
  435.     opacity: 1!important;
  436.     transition: opacity ease-in 1s!important;
  437. }
  438. .Closeup:not(.canClose) .closeupActionBarContainer .PinActionBar.guided.Module.sticky {
  439.     width: 100%!important;
  440.     min-width: 35%!important;
  441.     max-width: 35%!important;
  442.     top: 35px!important;
  443. }
  444.  
  445. /* (new4) STICKY BELLOW ??? -
  446. https://www.pinterest.com/pin/538250592939016596/
  447. ===  */
  448. .Module.PinActionBar.guided.absolute.below  {
  449. position: fixed!important;
  450.     top: 30px !important;
  451.     min-width: 38%!important;
  452.     max-width: 38%!important;
  453.     background: transparent!important;
  454.     border: none!important;
  455.     box-shadow: none!important;
  456.     background-color: rgba(255, 255, 255, 0.9);
  457.     opacity: 0.085 !important;
  458. }
  459. .Module.PinActionBar.guided.absolute.below:hover  {
  460. position: fixed!important;
  461.     top: 30px !important;
  462.     min-width: 38%!important;
  463.     max-width: 38%!important;
  464.     background: transparent!important;
  465.     border: none!important;
  466.     box-shadow: none!important;
  467.     background-color: rgba(255, 255, 255, 0.9);
  468.     opacity: 1 !important;
  469. }
  470. /* STICKY - WITH CLOSE BUTTON */
  471. .Closeup.canClose .closeupActionBarContainer .PinActionBar.guided.Module.sticky {
  472.     margin-top: -30px!important;
  473. }
  474.  
  475. .Module.PinActionBar.guided.sticky .pinActionBarButton:not(.ShowModalButton ) {
  476.     opacity: 0!important;
  477. }
  478. .Module.PinActionBar.guided.sticky:hover .pinActionBarButton {
  479.     opacity: 1!important;
  480. }
  481. .Closeup:not(.canClose) .closeupActionBarContainer .PinActionBar.guided.Module.sticky:not(:hover) .pinActionBarButton.btn.repin {
  482.     opacity: 1!important;
  483. }
  484. .Closeup .closeupContainer {
  485.     width: 100%!important;
  486. }
  487. .closeupContainer {
  488.     display: inline-block !important;
  489.     min-height: 1080px !important;
  490.     width: 1873px !important;
  491. }
  492. .Closeup .CloseupContent {
  493.     position: relative !important;
  494.     display: inline-block !important;
  495.     float: none !important;
  496.     width: 38%!important;
  497. }
  498. .detailed.PinBase.Pin.Module {
  499.     position: relative !important;
  500.     display: inline-block !important;
  501.     float: none !important;
  502.     max-width: 100% !important;
  503.     min-width: 100% !important;
  504.     top: -22px!important;
  505. /* pointer-events: none !important; */
  506. }
  507. .pinWrapper {
  508.     position: relative !important;
  509.     display: inline-block !important;
  510.     float: none !important;
  511.     max-width: 100% !important;
  512.     min-width: 100% !important;
  513. }
  514. /* (new4) */
  515. .Pin.detailed .pinWrapper .closeupContentSection:first-of-type {
  516.     background: none repeat scroll 0 0 #fff;
  517.     border-radius: 6px;
  518.     box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
  519.     margin-bottom: 14px;
  520.     overflow: hidden;
  521.     height: 871px!important;
  522. }
  523. /* (new4) SOURCE */
  524. .pinWrapper .closeupContentSection .pinImageSourceWrapper .sourceFlagWrapper {
  525. position: absolute !important;
  526. margin-top: -50px!important;
  527. background: transparent!important;
  528. z-index: 5000!important;
  529. opacity: 0!important;
  530. transition: opacity ease 0.7s!important;
  531. }
  532. .pinWrapper .closeupContentSection .pinImageSourceWrapper:hover .sourceFlagWrapper {
  533. background: rgba(0, 0, 0, 0.17)!important;
  534. opacity: 1!important;
  535. }
  536. .pinWrapper .closeupContentSection .pinImageSourceWrapper .CloseupRichPinContentBase  {
  537. position: absolute !important;
  538. right: 5px !important;
  539. margin-top: -45px!important;
  540.     border-radius: 6px!important;
  541. background: transparent!important;
  542. background: rgba(0, 0, 0, 0.37)!important;
  543. z-index: 5000!important;
  544. opacity: 0!important;
  545. transition: opacity ease 0.7s!important;
  546. }
  547. .pinWrapper .closeupContentSection .pinImageSourceWrapper:hover .CloseupRichPinContentBase  {
  548. opacity: 1!important;
  549. }
  550. /* .pinWrapper:hover .closeupContentSection .pinImageSourceWrapper .sourceFlagWrapper */
  551. .CloseupRichPinContent .richPinTitleWrapper.onlyAttribution {
  552.     background: transparent!important;
  553.     border-radius: 6px!important;
  554.     border: none!important;
  555. /*     padding-bottom: 14px; */
  556. /*     padding-top: 13px; */
  557.     padding: 3px 5px!important;
  558. }
  559. .CloseupRichPinContent .richPinAttributionTitle {
  560.     display: inline-block;
  561.     max-width: 334px;
  562.     overflow: hidden;
  563.     text-overflow: ellipsis;
  564.     vertical-align: top;
  565.     white-space: nowrap;
  566.     color: white!important;
  567. }
  568. .pinAttributionText>a {
  569. /*     display: inline-block;
  570.     max-width: 334px;
  571.     overflow: hidden;
  572.     text-overflow: ellipsis;
  573.     vertical-align: top;
  574.     white-space: nowrap; */
  575.     color: peru!important;
  576. }
  577. /* (new4) COR - A VOIR  3 MACT : BIG PIN / PINED BY / COMMENTS - TEST - SUPP CLICK ON IMAGE - === */
  578. .PaddedPin.Module {
  579.     width: 100%!important;
  580.     padding-top: 2px!important;
  581. pointer-events: none !important;
  582. }
  583. .PaddedPin .paddedPinLink {
  584.   background: none repeat scroll 0 0 #f8f8f8;
  585.   display: block;
  586. /* pointer-events: none!important; */
  587. }
  588. .Pin .sourceFlagWrapper {
  589.     width: 94.5%!important;
  590. }
  591.  
  592. /* (new4) */
  593. .PaddedPin .pinDomain {
  594.     position: absolute !important;
  595.     display: inline-block !important;
  596.     float: none !important;
  597.     max-width: 50% !important;
  598.     min-width: 50% !important;
  599. height: 50px!important;
  600.     vertical-align: bottom !important;
  601. }
  602. .PaddedPin .imageContainer {
  603.     max-width: 100% !important;
  604.     min-width: 100% !important;
  605.     max-height: 819px !important;
  606.     min-height: 819px !important;
  607.     padding-bottom: 21px !important;
  608. overflow: hidden;
  609. overflow-y: auto!important;
  610. /* pointer-events: none !important; */
  611. }
  612. .PaddedPin .pinImage {
  613.     position: relative!important;
  614.     display: table!important;
  615.     max-width: 98%!important;
  616.     height: auto!important;
  617.     margin: 2px auto!important;
  618.     padding: 3px!important;
  619.     z-index: 5;
  620. /* overflow: hidden!important; */
  621. /* overflow-y: auto!important; */
  622. /* pointer-events: none !important; */
  623. }
  624. /* (new4) THUMBNAIL - CLOSEUP - BIG TOP RIGHT PANEL - === */
  625. .Closeup .closeupContainer .CloseupSidebar {
  626.     position: absolute!important;
  627.     display: inline-block!important;
  628.     float: none!important;
  629.     min-width: 58%!important;
  630.     max-width: 58% !important;
  631.     height: 791px!important;
  632.     top: 55px!important;
  633.     right: 1%!important;
  634. /* outline: 1px solid violet!important; */
  635. /* overflow-y: auto!important; */
  636. }
  637. /* (new4) */
  638. .Board.boardPinsGrid {
  639.   background: none repeat scroll 0 0 #fff;
  640.   border-radius: 6px;
  641.   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
  642.   display: block;
  643.   max-height: 752px!important;
  644.   max-width: 100%!important;
  645.   padding: 10px;
  646.   min-width: 100%!important;;
  647. }
  648. /* WITH COLSE BUTTON */
  649. .Closeup.canClose .Button.borderless.close.visible +  .closeupActionBarContainer + .closeupContainer .CloseupSidebar {
  650.     top: 27px!important;
  651. }
  652. .closeupContainer .boardPinsGridContainer {
  653.     display: inline-block!important;
  654.     float: none!important;
  655.     min-width: 100%!important;
  656.     max-width: 100%!important;
  657.     height: 791px!important;
  658. }
  659. .closeupContainer .CloseupSidebar .boardPinsGrid.BoardBase.Board {
  660. display: inline-block!important;
  661.     float: none!important;
  662.     min-width: 100%!important;
  663.     max-width: 100%!important;
  664.     width: 100%!important;
  665.     min-height: 791px!important;
  666.     max-height: 791px!important;
  667. }
  668. .closeupContainer .Board.boardPinsGrid .boardHeader {
  669.     background: url("/webapp/style/app/desktop/images/boardPinsGridShadowTop.232a2e57.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
  670.     overflow: hidden;
  671.     padding-bottom: 11px;
  672.     width: 100%!important;
  673. }
  674. .closeupContainer .Board.boardPinsGrid .pinGridWrapper {
  675.     position: relative;
  676.     width: 100%!important;
  677.     height: auto;
  678.     width: 100%!important;
  679.     min-height: 708px!important;
  680.     max-height: 708px!important;
  681.     top: -2px;
  682.     overflow-x: hidden;
  683.     overflow-y: scroll;
  684.     background: url("/webapp/style/app/desktop/images/boardPinsGridShadowBottom.bbcac9fc.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
  685. }
  686. /* (new4)CLOSEUP - PANEL TOP RIGHT - BIG MIMI THUMBNAIL INTERNE  */
  687. .closeupContainer .Board.boardPinsGrid .pinGridWrapper .Grid .GridItems {
  688.   margin: 0 auto 14px;
  689.   overflow: hidden;
  690.   position: relative;
  691.   width: 100%!important;
  692. }
  693. .closeupContainer .Board.boardPinsGrid .pinGridWrapper .Grid {
  694.     width: 100%;
  695. }
  696. .CloseupSidebar .Board .Button {
  697.     margin-top: 4px;
  698.     width: 100%;
  699. }
  700. .Closeup .closeupBottom {
  701.     width: 100%!important;
  702. }
  703. /* .item.activeItem.ui-draggable.ui-draggable-disabled.ui-state-disabled  {
  704. position: relative!important;
  705. display: inline-block!important;
  706.     clear: both !important;
  707.     float: left !important;
  708.     left: 0;
  709.     top: 0;
  710.     visibility: visible;
  711. } */
  712. /* (new4) MINI THUMBNAIL RIGHT - PINS OPACITY - === */
  713. .Board.boardPinsGrid .pinGridWrapper .item {
  714.     margin: 0 3px 3px 0;
  715.     opacity: 1!important;
  716. }
  717. /* (new4) TEST HOVER IMAGE SIZE - === */
  718. .boardPinsGridPin:hover  {
  719. position: absolute!important;
  720. display: inline-block!important;
  721. float: none!important;
  722. /*     height: auto !important; */
  723. /*     min-width: 140px!important; */
  724. /* bottom: -50%!important; */
  725. padding: 1px!important;
  726. margin-left: -2px!important;
  727. background: black!important;
  728. z-index: 5000!important;
  729. }
  730.  
  731.  
  732. /* (new4) BIG MIN THUMBNAIL - ADD TXT "END" at the bottom for easy scrolling - OK - === */
  733. .pinGridWrapper .Grid.Module .GridItems  ,
  734. .pinGridWrapper .ajax.Grid.Module .GridItems {
  735.     position: relative;
  736.     display: inline-block !important;
  737.     float: left !important;
  738.     clear: both!important;
  739.     width: 100%!important;
  740.     margin: 0 auto 14px;
  741.     padding-bottom: 800px !important;
  742.     overflow: hidden;
  743. }
  744.  
  745. .pinGridWrapper .Grid.Module .GridItems:after ,
  746. .pinGridWrapper .ajax.Grid.Module .GridItems:after {
  747.     content: ".......... END ......... " !important;
  748.     position: relative!important;
  749.     display: inline-block !important;
  750. /*     float: left !important; */
  751. /*     clear: both !important; */
  752.     width: 99%!important;
  753.     height: 50px !important;
  754.     margin-left: 2px !important;
  755.     bottom: -105% !important;
  756.     border-radius: 0 0 5px 5px !important;
  757.     font-size: 15px !important;
  758.     text-align: center !important;
  759.     color: peru !important;
  760.     background: linear-gradient(#fff, #f0f0f0) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  761. /* background: red!important; */
  762. }
  763.  
  764. /* ==== END WIDTH % ==== */
  765. /* ==== NAG SCREEN + MESSAGES ==== */
  766.  
  767. /* (new3) - PINTEREST - NO NAGSCREEN -
  768. PIN EDIT : .Modal .modalScroller
  769. === */
  770. .UnauthBanner  ,
  771. .Modal .modalMask.dark  {
  772.     display: none!important;
  773. }
  774. .errorMessage .errorInternal ,
  775. div.NagSpacer {
  776.     display:none !important;
  777. }
  778. .CsrfErrorPage .errorMessage {
  779.     padding-top: 0px!important;
  780.     width: auto;
  781. }
  782. .CsrfErrorPage .diagnose {
  783.     display: inline-block!important;
  784.     float: left;
  785.     width: 225px!important;
  786.     height: 24px!important;
  787.     line-height: 10px!important;
  788.     margin-left: 110px!important;
  789.     text-align: left!important;
  790. }
  791. .CsrfErrorPage .more a, .CsrfErrorPage .diagnose a {
  792.     height: 14px!important;
  793.     line-height: 12px !important;
  794.     color: #444;
  795.     font-weight: bold;
  796.     text-decoration: none;
  797. }
  798. .CsrfErrorPage .diagnoseList {
  799.     display: inline-block;
  800.     width: 430px!important;
  801.     margin: -4px 0 50px -14px !important;
  802.     padding: 0;
  803. }
  804. .CsrfErrorPage .errorNumber {
  805.     display: inline-block!important;
  806.     line-height: 17px!important;
  807.     width: auto!important;
  808.     margin: 0 auto 20px;
  809.     padding: 0 5px!important;
  810.     border: 1px solid #bbb!important;
  811.     border-radius: 50%;
  812.     color: #aaa;
  813.     font-size: 14px!important;
  814.     font-weight: bold;
  815.     text-align: center;
  816. }
  817. .CsrfErrorPage .more {
  818.     color: #555;
  819.     margin-left: -64px!important;
  820.     margin-top: -41px!important;
  821. }
  822. .ExperienceNag {
  823.     position: absolute !important;
  824. /* max-width: 1400px !important; */
  825.     max-width: 800px !important;
  826.     min-width: 800px !important;
  827.     width: 700px !important;
  828.     height: 50px!important;
  829.     top: 0 !important;
  830.     padding: 0 !important;
  831.     z-index: 5000 !important;
  832. }
  833. .ExperienceNag .message {
  834.     position: relative;
  835.     margin: 0 7px;
  836.     padding: 2px!important;
  837.     color: #717171;
  838.     font-size: 15px;
  839.     background: linear-gradient(#fff7cb, #fff3b7) repeat scroll 0 0 rgba(0, 0, 0, 0);
  840.     border-radius: 0 0 6px 6px;
  841.     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
  842.     z-index: 1;
  843. }
  844.  
  845. /* (new3) SUPP - INSTALL NEW PIN IT BUTTON - === */
  846. /* div#PIN_1411597758993_bd  */
  847. /* *[id*="_bd "]{
  848.     font: 16px helvetica neue,arial,san-serif !important;
  849.     left: 0 !important;
  850.     position: absolute !important;
  851.     right: 0 !important;
  852.     text-align: center !important;
  853.     top: -302px !important;
  854.     width: 100% !important;
  855.     z-index: 2147483647 !important;
  856.     background: red!important;
  857. } */
  858. *[id*="_nag"][src^="https://assets.pinterest.com/"] ,
  859. /* *[id*="_shim"], */
  860. /* *[id*="_nag"] , */
  861. /* div#bd {
  862.     display: none !important;
  863. } */
  864. /* #divLookup {
  865.     display: none !important;
  866. }  */
  867.  
  868. /* div#PIN_1413604092522_bd iframe#PIN_1413604092522_nag {
  869.     height: 300px !important;
  870.     margin: 0 auto 10px !important;
  871.     padding: 0 !important;
  872.     width: 745px !important;
  873.     position: absolute!important;
  874.     top: 0!important;
  875.     z-index: 500000!important;
  876.     display: inline-block!important;
  877. } */
  878.  
  879. /* iframe[id$="_shim"] */
  880. /* iframe[id$="_nag"]  {
  881.     position: absolute!important;
  882.     display: inline-block !important;
  883. width: 100%!important;
  884. min-width: 50%!important;
  885.     max-width: 50%!important;
  886. height: 100%!important;
  887. min-height: 300px!important;
  888. max-height: 300px !important;
  889. left: 0!important;
  890.     top: 400px!important;
  891.     padding: 0 !important;
  892.     z-index: 500000!important;
  893. outline: 10px solid violet!important;
  894. } */
  895.  
  896. div#bd {
  897. position: relative!important;
  898.     display: inline-block !important;
  899. float: left!important;
  900. width: 100%!important;
  901. min-width: 300px!important;
  902.     max-width: 300px!important;
  903. top: 50px!important;
  904.     padding-top: 0px!important;
  905.     padding-bottom: 90px !important;
  906.     z-index: 500000!important;
  907. }
  908. div#bd h2 {
  909.     width: auto!important;
  910.     margin-top: 2px!important;
  911.     font-size: 12px;
  912. }
  913. div#bd  div#action {
  914.     opacity: 1;
  915.     transition: all 0.2s ease 0s;
  916.     margin-top: -20px!important;
  917. }
  918. div#bd > div#steps {
  919.     display: none!important;
  920. }
  921. p#goContainer {
  922.     position: absolute;
  923.     width: 100%;
  924.     top: 20px!important;
  925.     text-align: center;
  926. }
  927. #go {
  928.     height: 19px !important;
  929.     line-height: 17px !important;
  930.     padding: 0 18px;
  931.     background: linear-gradient(to bottom, #e0242a 0%, #b91e23 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  932.     border: 1px solid #980b0e;
  933.     border-radius: 3px;
  934.     color: #fff;
  935.     font-size: 14px!important;
  936.     text-align: center;
  937.     text-decoration: none;
  938.     text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.33);
  939.     cursor: pointer;
  940. }
  941. p#slug {
  942.     position: absolute;
  943.     width: 397px!important;
  944.     margin-left: -48px!important;
  945.     top: 41px!important;
  946.     padding: 0 50px;
  947.     font-size: 10px!important;
  948.     transition: all 0.2s ease 0s;
  949. }
  950. /* ==== END NAG SCREEN + MESSAGES ==== */
  951.  
  952. /* ==== METAS 2 + COMMENTS ==== */
  953.  
  954. /* (COR) - .closeupContentSection : A VOIR: 3 MATCH -  (new4) DESCRIPTION / COMMENTS */
  955.  
  956. /* COR - COMMENTS */
  957. .Pin.detailed .closeupContentSection:not(:first-of-type):not(:last-of-type) {
  958.     position: absolute !important;
  959. /* display: inline-block!important; */
  960. /* float: right !important; */
  961. /* clear: both !important; */
  962. width: 155.4% !important;
  963. /* width: 100% !important; */
  964. /* right: -1140px !important; */
  965. left: 105.9%!important;
  966.     top: 804px!important;
  967.     margin-bottom: 14px;
  968.     border-radius: 6px;
  969.     box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
  970.     overflow: visible!important;
  971. /* z-index: 200!important; */
  972. /* background: red !important; */
  973.     background: none repeat scroll 0 0 #f8f8f8!important;
  974. }
  975. /* (COR) - PINED BY / VIA (under BIG PIN) */
  976. .Pin.detailed .closeupContentSection:not(:first-of-type):not(:last-of-type) +.pinnerViaPinnerCredit {
  977.     position: absolute !important;
  978. /* display: inline-block!important; */
  979. /* float: right !important; */
  980. /* clear: both !important; */
  981. /* width:736px !important; */
  982.     width: 100% !important;
  983.     height: 100%!important;
  984.     min-height: 45px!important;
  985.     max-height: 45px!important;
  986. /* right: -1140px !important; */
  987.     left: 0!important;
  988.     top: 735px!important;
  989.     margin-bottom: 14px;
  990.     border-radius: 6px;
  991.     box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
  992.     overflow: visible!important;
  993. /* z-index: 200!important; */
  994. /* background: red !important; */
  995.     background: none repeat scroll 0 0 #f8f8f8!important;
  996. }
  997. .Pin.detailed .pinDescriptionComment {
  998.     margin-bottom: 0;
  999.     padding: 2px 20px!important;
  1000.     overflow: hidden;
  1001. }
  1002. .Pin.detailed .pinDescriptionComment .commentDescriptionContent {
  1003.   line-height: 20px;
  1004.   max-width: 600px;
  1005.   margin-bottom: 0;
  1006.   margin-top: -5px !important;
  1007.   color: #171717;
  1008.   font-size: 15px;
  1009.   font-weight: normal;
  1010. }
  1011. .commentsContainer ul.List.Module {
  1012.     max-height: 110px !important;
  1013.     margin: 0;
  1014.     padding: 0;
  1015.     overflow-x: hidden !important;
  1016.     overflow-y: auto !important;
  1017. }
  1018. .Pin.detailed .pinnerViaPinnerCredit {
  1019.     height: 61px !important;
  1020.     margin-top: 166px !important;
  1021. }
  1022. /* .UserBase.medium.thumb.pinner.hasText.Module.ajax.User {
  1023.     width: 400px !important;
  1024. } */
  1025.  
  1026. /* PIN ADDED BY */
  1027. .Pin.detailed .pinnerViaPinnerCredit .Board:first-child ,
  1028. .Pin.detailed .pinnerViaPinnerCredit .User:first-child  {
  1029. position: relative!important;
  1030. display: inline-block!important;
  1031.      width: 45% !important;
  1032.     height: 100%!important;
  1033.     min-height: 40px!important;
  1034.     max-height: 40px!important;
  1035. margin-top: -3px!important;
  1036.     padding: 0px 10px!important;
  1037.     border: none!important;
  1038. }
  1039. /* PIN ADDED VIA */
  1040. .Pin.detailed .pinnerViaPinnerCredit .Board:last-child ,
  1041. .Pin.detailed .pinnerViaPinnerCredit .User:last-child {
  1042.      width: 45% !important;
  1043.     height: 100%!important;
  1044.     min-height: 40px!important;
  1045.     max-height: 40px!important;
  1046.     margin-top: -3px!important;
  1047.     padding: 0px 10px!important;
  1048.     border: none!important;
  1049. }
  1050. /* (new4) ADD COMMENT - ON HOVER */
  1051. .Pin.detailed .pinUserCommentBox {
  1052.     position: absolute !important;
  1053.     display: inline-block !important;
  1054.     float: none!important;
  1055.     width: 48%!important;
  1056.     height: 31px!important;
  1057.     left: 8px!important;
  1058.     top: -32px!important;
  1059.     border: 1px solid #ccc !important;
  1060.     border-radius: 3px!important;
  1061.     text-align: left !important;
  1062.     background: linear-gradient(#fff, #f0f0f0) repeat scroll 0 0 rgba(0, 0, 0, 0)!important;
  1063.     overflow: hidden !important;
  1064.     z-index: 500 !important;
  1065. }
  1066. /* HOVER */
  1067. .Pin.detailed .pinUserCommentBox:hover {
  1068.     background: #333  !important;
  1069.     position: absolute !important;
  1070.     display: inline-block !important;
  1071.     float: none!important;
  1072.     width: 99%!important;
  1073.     height: auto !important;
  1074.     left: 5px!important;
  1075.     top: -109px!important;
  1076.     border: none!important;
  1077.     border-radius: 5px!important;
  1078.     text-align: center !important;
  1079.     overflow: hidden !important;
  1080.     z-index: 500 !important;
  1081.     transition: top 0.1s ease, background 0.1s ease 0.24s!important;
  1082. }
  1083. /* ========= TRANSITION : Accélération
  1084. La propriété transition-timing-function détermine la fluidité de l’animation.
  1085. Les mots-clés admissibles pour cette propriété :
  1086. • ease : rapide sur le début et ralenti sur la fin ;
  1087. • linear (valeur par défaut) : vitesse constante sur toute la durée de l’animation ;
  1088. • ease-in : lent sur le début et accélère de plus en plus vers la fin ;
  1089. • ease-out : rapide sur le début et décélère sur la fin ;
  1090. • ease-in-out : le départ et la fin sont lents.
  1091. =================== */
  1092.  
  1093. .Pin.detailed .pinUserCommentBox .commenterNameCommentText {
  1094.     position: relative !important;
  1095.     display: inline-block !important;
  1096.     line-height: 19px !important;
  1097.     top: -1px !important;
  1098. }
  1099. .Pin.detailed .pinUserCommentBox:hover .content {
  1100.     height: 23px;
  1101.     width: 100% !important;
  1102. /* margin-left: -279px !important; */
  1103. }
  1104. .rounded.Button.primary.Module.hasText.addComment.btn {
  1105.     display: inline-block;
  1106.     padding: 2px 3px !important;
  1107. }
  1108.  
  1109. .Pin.detailed .pinUserCommentBox:not(:hover) .commentDescriptionCreator {
  1110.     position: absolute !important;
  1111.     line-height: 26px;
  1112.     top: -30px !important;
  1113.     font-size: 16px;
  1114.     color: #454545;
  1115. }
  1116. /* HOVER */
  1117. .Pin.detailed .pinUserCommentBox:hover .commentDescriptionCreator {
  1118.     position: relative !important;
  1119.     line-height: 26px;
  1120. /* top: -30px !important; */
  1121.     font-size: 16px;
  1122.     color: #454545;
  1123. /* outline: 1px solid violet!important; */
  1124. }
  1125.  
  1126. /* (new4) ADD COMMENT - FLICKR BUBBLE ICON */
  1127. .Pin.detailed .pinUserCommentBox:not(:hover) .commentDescriptionCreator:before {
  1128.     content: url(https://s.yimg.com/pw/images/sprites/icons/comment.png)!important;
  1129.     position: relative!important;
  1130.     display: inline-block!important;
  1131.     height: 20px!important;
  1132.     width: 20px!important;
  1133.     line-height: 0px!important;
  1134.     padding: 2px!important;
  1135.     border-radius: 20px!important;
  1136.     background: #ccc !important;
  1137. }
  1138.  
  1139. .Pin.detailed .pinUserCommentBox:hover .commentDescriptionCreator {
  1140.     color: peru!important;
  1141. }
  1142.  
  1143. /*  .pinDescriptionComment.detailed */
  1144. /* .pinDescriptionComment.detailed + .detailed.PinCommentList.Module .commentsContainer:hover {
  1145.     overflow: visible!important;
  1146. } */
  1147. /* .pinDescriptionCommentItem.pinUserCommentBox:hover .pinDescriptionComment.detailed .commenterNameCommentText {
  1148.     background: none repeat scroll 0 0 green !important;
  1149.     display: inline-block !important;
  1150.     position: absolute !important;
  1151.     float: none!important;
  1152.     top: -100px !important;
  1153.     z-index: 800 !important;
  1154. } */
  1155. /* ADD COMMENT USER ICON */
  1156. /*li:last-of-type */
  1157. .Pin .pinDescriptionComment.detailed .userThumbContainer:after {
  1158.     position: absolute;
  1159.     content: " ";
  1160.     width: 50px;
  1161.     height: 50px;
  1162.     left: 0;
  1163.     top: 0;
  1164.     border-radius: 0 !important;
  1165.     box-shadow: none !important;
  1166. }
  1167. .Pin.detailed .pinUserCommentBox:not(:hover) .userThumbContainer .userThumb {
  1168.     position: relative!important;
  1169.     display: inline-block!important;
  1170.     height: 40px!important;
  1171.     width: auto !important;
  1172.     margin-top: -10px!important;
  1173.     border-radius: 0 !important;
  1174. /* transform: scale(0.7)!important; */
  1175. }
  1176. /* HOVER */
  1177. .Pin.detailed .pinUserCommentBox:hover .userThumbContainer .userThumb {
  1178.     position: absolute!important;
  1179.     display: inline-block!important;
  1180.     height: 60px!important;
  1181.     width: auto !important;
  1182.     margin-top: 10px!important;
  1183. left: 0!important;
  1184.     border-radius: 0 !important;
  1185. /* transform: scale(0.7)!important; */
  1186. }
  1187. /* (new4)EMPTY COMMENT */
  1188. .detailed.empty.PinCommentList.Module {
  1189. width: 100%!important;
  1190. /*      min-width: 150%!important;
  1191.     max-width: 150%!important; */
  1192.     height: auto !important;
  1193.     margin-bottom: 0;
  1194. /* border: none!important; */
  1195. }
  1196. .PinCommentList.empty .commentsContainer {
  1197.     display: inline-block!important;
  1198. width: 100%!important;
  1199. border-radius: 0 0 5px 5px !important;
  1200. }
  1201. .PinCommentList.empty .commentsContainer:before {
  1202.     position: relative!important;
  1203.     display: inline-block!important;
  1204.     height: 77px!important;
  1205.     line-height: 70px!important;
  1206. width: 99%!important;
  1207. /*     min-width: 150%!important;
  1208.     max-width: 150%!important; */
  1209.     top: 1px!important;
  1210. margin-bottom: 10px!important;
  1211. margin-left: 5px!important;
  1212.     border: none!important;
  1213. border-radius: 0 0 5px 5px !important;
  1214.     color: black!important;
  1215.     text-align: center!important;
  1216. /* background: green!important; */
  1217.     background: none repeat scroll 0 0 #f1f1f1;
  1218. }
  1219. /* LANGUE FRANCAIS - .fr */
  1220. .fr .PinCommentList.empty .commentsContainer:before {
  1221.     content: "Aucun Commentaire "!important;
  1222. }
  1223. /* LANGUE ANGLAIS - .en */
  1224. .en .PinCommentList.empty .commentsContainer:before {
  1225.     content: "No Comment ..."!important;
  1226. }
  1227.  
  1228. /* ===== OTHER TRADUCTIONS ===
  1229. https://translate.google.fr/?oe=utf-8&ie=UTF-8&hl=fr&client=tw-ob#en/pt/Add%20a%20Comment%20...
  1230. ======================================================
  1231. ALLEMAND :
  1232. Schreibe einen Kommentar ...
  1233. ITALIEN:
  1234. Aggiungi un commento ...
  1235. ESPAGNOL :
  1236. Añadir un comentario ...
  1237. PORTUGUAIS :
  1238. Adicionar um comentário ...
  1239. RUSSE :
  1240. Добавить комментарий ...
  1241. Dobavit' kommentariy ...
  1242. SLOVAQUE:
  1243. Pridať komentár ...
  1244. ROUMAIN :
  1245. Adaugă un comentariu ...
  1246. SUEDOIS :
  1247. Lägg till en kommentar ...
  1248. CHINOIS :
  1249. 添加评论...
  1250. Tiānjiā pínglùn...
  1251. COR :
  1252. 코멘트를 추가 ...
  1253. komenteuleul chuga ...
  1254. JAPONAIS :
  1255. コメントを追加...
  1256. Komento o tsuika...
  1257. ARABE:
  1258. إضافة تعليق ...
  1259. HEBREU :
  1260. הוסף תגובה ...
  1261. TURC:
  1262. Yorum Ekle ...
  1263. INDIE:
  1264. एक टिप्पणी जोड़ें ...
  1265. ================= END TRADUCTIONS === */
  1266.  
  1267. /* ==== END METAS 2 + COMMENTS ==== */
  1268. /* === BOARD - RIGHT PANEL THUMBNAIL - FOLLOW BOARD BUTTON ==== */
  1269.  
  1270. .CloseupSidebar .Board .Button {
  1271.     margin-top: 7px!important;
  1272.     width: 50%!important;
  1273.     left: 50%!important;
  1274. }
  1275.  
  1276. /* RELATED ALL */
  1277. /* .Closeup .closeupBottom {
  1278.     display: inline-block !important;
  1279.     margin-left: 840px;
  1280.     position: relative !important;
  1281.     top: -1210px !important;
  1282.     width: 754px !important;
  1283. } */
  1284. /* .ajax.Module.CloseupBottom {
  1285.     margin-top: -35px !important;
  1286.     width: 1052px !important;
  1287. } */
  1288.  
  1289. /* (new4) RELATED BOARDS - TOP SMALL */
  1290. .relatedBoardsWrapper {
  1291.     margin-left: 0;
  1292.     visibility: visible;
  1293. }
  1294. .ajax.CloseupRelatedBoards.Module {
  1295.     position: absolute !important;
  1296.     float: none !important;
  1297.     width: 250px !important;
  1298.     height: 24px !important;
  1299.     margin-left: 40% !important;
  1300.     margin-top: 54px !important;
  1301.     top: -24px !important;
  1302. }
  1303.  
  1304. /* (new4) WITH CLOSE BUTTON */
  1305. .Closeup.canClose .ajax.CloseupRelatedBoards.Module {
  1306.     position: absolute !important;
  1307.     float: none !important;
  1308. width: 250px !important;
  1309.     height: 24px !important;
  1310.     margin-left: 40% !important;
  1311.     margin-top: 0px !important;
  1312.     top: 0 !important;
  1313. }
  1314.  
  1315. .CloseupRelatedBoards h3.sectionTitle {
  1316.     position: relative !important;
  1317.     margin: 0 7px;
  1318.     z-index: 200 !important;
  1319.     cursor: pointer!important;
  1320. }
  1321. .CloseupRelatedBoards h3.sectionTitle + .gridContainer {
  1322. width: 256px !important;
  1323. }
  1324. .CloseupBottom.Module  .gridContainer {
  1325. /* width: 100%!important; */
  1326. /* height: 200px!important; */
  1327. }
  1328. .relatedBoardsWrapper .ajax.CloseupRelatedBoards.Module .gridContainer {
  1329. /* position: relative!important; */
  1330. /* display: inline-block!important; */
  1331. /* width: 250px !important; */
  1332. /* height: auto !important; */
  1333. /*     top: 5px !important; */
  1334. /*     margin-left: -18px!important; */
  1335. /*     border-radius: 5px!important; */
  1336. /* background: #333 !important; */
  1337. /* cursor: pointer!important; */
  1338. /* opacity: 0!important; */
  1339. }
  1340.  
  1341. /* .ajax.CloseupRelatedBoards.Module:not(hover) */
  1342. .relatedBoardsWrapper .ajax.CloseupRelatedBoards.Module .gridContainer .PagedGrid.PagedCollection.ajax.Module.padItems {
  1343. height: 10px !important;
  1344. overflow: hidden!important;
  1345. }
  1346. .relatedBoardsWrapper .ajax.CloseupRelatedBoards.Module:hover .gridContainer .PagedGrid.PagedCollection.ajax.Module.padItems {
  1347. width: 204px !important;
  1348. height: auto!important;
  1349. overflow: hidden!important;
  1350. }
  1351. .relatedBoardsWrapper .ajax.CloseupRelatedBoards.Module .gridContainer .PagedGrid.PagedCollection.ajax.Module.padItems .Grid {
  1352. display: inline-block!important;
  1353. width: 204px !important;
  1354. height: auto !important;
  1355. left: 0px!important;
  1356. overflow: visible!important;
  1357. }
  1358. .CloseupRelatedBoards h3.sectionTitle + .gridContainer .GridItems {
  1359. position: relative!important;
  1360. display: inline-block!important;
  1361. width: 256px !important;
  1362.     top: 5px !important;
  1363.     border-radius: 5px!important;
  1364.     background: #333 !important;
  1365.     cursor: pointer!important;
  1366.     opacity: 0!important;
  1367. }
  1368.  
  1369. .CloseupRelatedBoards h3.sectionTitle + .gridContainer:hover  .GridItems ,
  1370. .CloseupRelatedBoards h3.sectionTitle:hover + .gridContainer .GridItems {
  1371. position: relative!important;
  1372. display: inline-block!important;
  1373. width: 204px !important;
  1374. height: auto!important;
  1375.     border-radius: 5px!important;
  1376.     opacity: 1!important;
  1377.     transition: opacity 1.1s ease-in-out!important;
  1378.     z-index: 800!important;
  1379. }
  1380. .CloseupRelatedBoards h3.sectionTitle + .gridContainer .GridItems .item {
  1381. position: relative!important;
  1382. margin-top: 5px !important;
  1383. margin-bottom: -59px!important;
  1384. left: 0 !important;
  1385.     visibility: visible;
  1386.     transform-origin: top left!important;
  1387.     transform: scale(0.8)!important;
  1388. }
  1389. /* SEE ALSO BOARD - LAST BOARD */
  1390. .CloseupRelatedBoards h3.sectionTitle + .gridContainer .GridItems .item:last-of-type {
  1391. position: relative!important;
  1392. top: -150% !important;
  1393. margin-bottom: 20px!important;
  1394. }
  1395. .PagedGrid.padItems .moreItemsContainer {
  1396. /* width: 1070px !important; */
  1397. }
  1398. .PagedGrid.padItems .moreItemsContainer {
  1399. position: absolute !important;
  1400.     display: inline-block !important;
  1401. width: 256px !important;
  1402.     height: 29px !important;
  1403. top: -10px !important;
  1404. }
  1405.  
  1406. /* TOP BIG THUMNAIL - MORE FROM ....  - HOVER */
  1407. #domainContainer{
  1408.     position: absolute !important;
  1409.     display: inline-block !important;
  1410.     right: 20px !important;
  1411.     top: 2px !important;
  1412.     height: 48px!important;
  1413.     border-radius: 5px!important;
  1414.     border: 1px solid #ccc!important;
  1415.     overflow: hidden!important;
  1416. }
  1417. .Domain .domainWrapper {
  1418.     margin-bottom: -14px !important;
  1419. }
  1420. #domainContainer:hover {
  1421.     position: absolute !important;
  1422.     display: inline-block !important;
  1423.     height: auto!important;
  1424.     overflow: visible!important;
  1425. }
  1426. .Domain .domainWrapper {
  1427.     margin-bottom: -14px !important;
  1428. }
  1429. /* === END - BOARD - RIGHT PANEL THUMBNAIL - FOLLOW BOARD BUTTON ==== */
  1430.  
  1431. /* === RELATED BOTTOM THUMBNAIL -
  1432. .relatedPinsAnnotationTitleWrapper + .gridContainer
  1433. ==== */
  1434.  
  1435. .closeupBottom {
  1436. /*     position: relative !important; */
  1437.     display: inline-block !important;
  1438.     clear: none !important;
  1439.     margin-top: -155px !important;
  1440. }
  1441. .CloseupRelatedPins .relatedPinsAnnotationTitleWrapper{
  1442. position: relative!important;
  1443.  display: inline-block!important;
  1444.   width: 90% !important;
  1445. float: none!important;
  1446. margin-left: 5%!important;
  1447. /*   text-align: center!important; */
  1448.     background: none repeat scroll 0 0 #f1f1f1!important;
  1449. }
  1450. .CloseupRelatedPins .relatedPinsAnnotationTitleWrapper h3 {
  1451.   margin: 0 7px;
  1452. width: 100% !important;
  1453.   text-align: center!important;
  1454. }
  1455. /* .relatedPinsWrapper .padItems.Module.ajax.GridItems.variableHeightLayout {
  1456.     margin: 0 auto 14px;
  1457.     overflow: hidden;
  1458.     position: relative;
  1459.     width: 100% !important;
  1460. } */
  1461.  
  1462. /* ==== END RELATED BOTTOM THUMBNAIL ==== */
  1463. /* PIN METEA === */
  1464. /* (new3) PIN METAS - HOVER -
  1465. visibility: hidden !important;
  1466.  
  1467. ========= Accélération
  1468. La propriété transition-timing-function détermine la fluidité de l’animation.
  1469. Les mots-clés admissibles pour cette propriété :
  1470. • ease : rapide sur le début et ralenti sur la fin ;
  1471. • linear (valeur par défaut) : vitesse constante sur toute la durée de l’animation ;
  1472. • ease-in : lent sur le début et accélère de plus en plus vers la fin ;
  1473. • ease-out : rapide sur le début et décélère sur la fin ;
  1474. • ease-in-out : le départ et la fin sont lents.
  1475.  
  1476. === */
  1477. .Pin.summary .repinSendButtonWrapper .btn,
  1478. .Pin.summary .likeEditButtonWrapper .btn {
  1479.     background-clip: padding-box;
  1480.     border: 1px solid rgba(0, 0, 0, 0.3);
  1481.     border-radius: 4px;
  1482.     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  1483.     font-size: 13px;
  1484.     padding: 1px 2px!important;
  1485.     opacity: 0.2!important;
  1486. }
  1487. .Pin.summary .repinSendButtonWrapper .btn{
  1488.     background-clip: padding-box;
  1489.     border-radius: 4px;
  1490.     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  1491.     font-size: 6px!important;
  1492.     height: 19px!important;
  1493.     padding: 1px 2px!important;
  1494. }
  1495. .Pin.summary .repinSendButtonWrapper .btn:hover,
  1496. .Pin.summary .likeEditButtonWrapper .btn:hover {
  1497.     background-clip: padding-box;
  1498.     border: 1px solid rgba(0, 0, 0, 0.3);
  1499.     border-radius: 4px;
  1500.     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  1501.     font-size: 13px;
  1502. /* height: 19px!important; */
  1503.     padding: 3px 6px!important;
  1504.     opacity: 1!important;
  1505. }
  1506. .Pin.summary .repinSendButtonWrapper .btn:hover {
  1507.     background-clip: padding-box;
  1508.     border: 1px solid rgba(0, 0, 0, 0.3);
  1509.     border-radius: 4px;
  1510.     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  1511.     font-size: 13px!important;
  1512.     min-height: 30px!important;
  1513.     padding: 3px 6px!important;
  1514. }
  1515. .Pin.summary .pinMeta {
  1516.     padding-bottom: 0!important;
  1517.     padding-top: 0!important;
  1518. }
  1519. /* .Pin.summary .pinMeta {
  1520.     width: 230px!important;
  1521.     margin-left: -14px!important;
  1522.     padding-left: 18px!important;
  1523.     padding-bottom: 0!important;
  1524.     padding-top: 0!important;
  1525. } */
  1526. .Pin.summary .pinMeta:hover {
  1527. /* margin-bottom: 20px !important; */
  1528. /* padding-left: 14px; */
  1529. /* padding-right: 14px; */
  1530. /* padding-top: 1px !important; */
  1531. /* overflow: hidden!important; */
  1532. }
  1533. /* .Pin.summary .pinWrapper {
  1534.     position: relative !important;
  1535.     display: inline-block !important;
  1536.     height: 100% !important;
  1537.     max-height: 80% !important;
  1538.     min-height: 80% !important;
  1539. } */
  1540. .Pin.summary .richPinMeta {
  1541.     display: inline-block!important;
  1542. /* height: 28px!important; */
  1543.     max-height: 38px!important;
  1544.     margin-top: 0px!important;
  1545.     padding: 0!important;
  1546.     overflow: hidden!important;
  1547.     border-bottom: 1px solid #e0e0e0;
  1548.     background: gold!important;
  1549. }
  1550. .Pin.summary:hover .richPinMeta {
  1551. /* position: relative!important; */
  1552.     display: inline-block!important;
  1553.     height: 28px!important;
  1554. /* margin-top: -6px!important; */
  1555.     margin-bottom: -19px!important;
  1556.     overflow: hidden!important;
  1557. /* text-overflow: ellipsis!important;
  1558.     white-space: nowrap!important; */
  1559.     border-bottom: 1px solid #e0e0e0;
  1560.     background: gold!important;
  1561. }
  1562.  
  1563. .Pin.summary .richPinMeta .richPinMetaLink {
  1564.     display: inline-block!important;
  1565.     width: 233px!important;
  1566.     margin-left: -14px!important;
  1567.     padding: 0 2px 0 16px;
  1568.     overflow: hidden;
  1569. }
  1570. .Pin.summary .richPinMeta .richPinGridAttributionTitle {
  1571.     display: inline-block!important;
  1572.     position: absolute!important;
  1573.     width: 100px !important;
  1574.     padding: 5px  !important;
  1575.     overflow: hidden;
  1576.     text-overflow: ellipsis;
  1577.     white-space: nowrap;
  1578.     color: #aaa;
  1579.     float: left;
  1580.     font-weight: normal;
  1581.     color: transparent!important;
  1582. }
  1583.  
  1584. /* ===
  1585. La propriété de feuille de style clip css peut prendre la valeur de :
  1586. - auto, s'adapte au contenu,
  1587. - rect(v1, v2, v3, v4) :
  1588. v1 début de la zone visible verticale,
  1589. v2 fin de la zone visible horizontale,
  1590. v3 fin de la zone visible verticale,
  1591. v4 début de la zone visible horizontale.
  1592. L'unité "%" ne semble pas être acceptée.
  1593. - inherit, hérite de son parent
  1594. === */
  1595. .Pin.summary .richPinMeta:hover img +.richPinGridAttributionTitle {
  1596.     position: absolute!important;
  1597.     margin-top: 2px!important;
  1598.     margin-left: -128px!important;
  1599.     padding: 5px 50px 5px 5px !important;
  1600.     overflow: hidden;
  1601.     text-overflow: ellipsis;
  1602.     white-space: nowrap;
  1603.     color: white!important;
  1604.     background: -moz-linear-gradient(top, rgba(34,34,34,1) 0%, rgba(34,34,34,0.96) 27%,rgba(89,89,89,0.4) 100%) !important;
  1605.     z-index: 500!important;
  1606.     clip: rect(0px, 110px, 25px , 28px)!important;
  1607.     transition: margin-left ease-in 0.3s !important;
  1608. }
  1609. .Pin.summary .richPinMeta .richPinGridTitle  {
  1610.     position: relative!important;
  1611. /* display: block!important; */
  1612.     width: 205px!important;
  1613.     max-height: 68px!important;
  1614.     line-height: 10px!important;
  1615.     margin-bottom: 22px;
  1616.     margin-left: 18px!important;
  1617.     top: -22px!important;
  1618.     font-size: 10px !important;
  1619. }
  1620. .Pin.summary:hover .richPinMeta .richPinGridTitle  {
  1621.     position: relative!important;
  1622.     display: inline-block!important;
  1623. /* width: 198px!important; */
  1624.     max-height: 68px!important;
  1625.     margin-bottom: 22px!important;
  1626.     margin-left: 4px!important;
  1627.     top: 4px!important;
  1628.     font-size: 10px !important;
  1629.     text-overflow: ellipsis!important;
  1630.     white-space: nowrap!important;
  1631. }
  1632. .Pin.summary .pinMeta .pinDescription {
  1633.     width: 227px !important ;
  1634.     max-height: 11px!important;
  1635.     min-height: 11px!important;
  1636.     line-height: 13px!important;
  1637.     margin-top: -3px!important;
  1638.     margin-left: -10px!important;
  1639.     padding: 3px!important;
  1640.     color: #333;
  1641.     font-size: 13px;
  1642.     word-wrap: break-word;
  1643.     overflow: hidden!important;
  1644.     overflow-y: auto!important;
  1645. }
  1646. .Pin.summary:hover .pinMeta .pinDescription {
  1647.     position: absolute!important;
  1648.     display: inline-block!important;
  1649.     width: 230px!important;
  1650.     max-height: 55px!important;
  1651.     min-height: 55px!important;
  1652.     line-height: 13px!important;
  1653.     margin-top: -25%!important;
  1654.     left: 10px!important;
  1655.     padding-bottom : 0px!important;
  1656.     color: #333;
  1657.     font-size: 13px;
  1658.     word-wrap: break-word;
  1659.     overflow: hidden!important;
  1660.     overflow-y: auto!important;
  1661.     z-index: 500!important;
  1662.     background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.2));
  1663.     background: rgba(255, 255, 255, 0.7)!important;
  1664. outline: 1px solid gray!important;
  1665.     transition: 1.5s background ease-out !important;
  1666. }
  1667. .Pin.summary:hover .richPinMeta + .pinMeta .pinDescription {
  1668.     position: absolute!important;
  1669.     display: inline-block!important;
  1670.     width: 230px!important;
  1671.     max-height: 55px!important;
  1672.     min-height: 55px!important;
  1673.     line-height: 13px!important;
  1674.     margin-top: -37%!important;
  1675.     left: 10px !important;
  1676.     padding-bottom : 0px!important;
  1677.     color: #333;
  1678.     font-size: 13px;
  1679.     word-wrap: break-word;
  1680.     overflow: hidden!important;
  1681.     overflow-y: auto!important;
  1682.     z-index: 500!important;
  1683.     background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.2));
  1684. /* background: red!important; */
  1685.     outline: 1px solid gray!important;
  1686.     transition: 1.5s background ease-out !important;
  1687. }
  1688. .Pin.summary .pinMeta .pinDescription + .pinAttribution {
  1689.     position: relative!important;
  1690. /* display: inline-block!important; */
  1691.  
  1692. /* margin-top: -7px!important; */
  1693. /* margin-bottom: -5px!important; */
  1694.     margin-top: -1px!important;
  1695.     margin-bottom: 5px!important;
  1696.     z-index: 600!important;
  1697.     color: peru!important;
  1698.     transition: 1.5s color ease-out!important;
  1699. }
  1700. .Pin.summary:hover .pinMeta .pinDescription + .pinAttribution {
  1701.     position: relative!important;
  1702.     margin-top: 14px!important;
  1703.     margin-bottom: -5px!important;
  1704.     z-index: 600!important;
  1705. /* color: peru!important; */
  1706. /* transition: 1.5s color ease-out!important; */
  1707. }
  1708. .Pin.summary .pinMeta .pinDescription + .pinAttribution a {
  1709.     margin-top: -10px!important;
  1710.     color: peru!important;
  1711. /* transition: 1.5s color ease-out!important; */
  1712. }
  1713. /* .Pin.summary .pinMeta .pinDescription:hover + .pinAttribution a {
  1714.     position: relative!important;
  1715.     color: green!important;
  1716.     transition: 1.5s color ease-out!important;
  1717. } */
  1718.  
  1719. .Pin.summary .creditItem {
  1720.     line-height: 11px;
  1721.     padding: 1px 12px!important;
  1722. }
  1723. .Pin.summary:hover .pinCredits {
  1724.     border-top: 1px solid #e7e7e7;
  1725.     color: #777;
  1726.     padding-bottom: 0px!important;
  1727.     margin-top: 15px!important;
  1728. }
  1729.  
  1730. /* (new4)NOPINMETA */
  1731. /* .Pin.summary .richPinMeta.noPinMeta  */
  1732. /* :not(.noPinMeta) */
  1733. .Pin.summary:hover .richPinMeta:not(.noPinMeta) + .pinMeta + .pinCredits {
  1734.     border-top: 1px solid #e7e7e7;
  1735.     color: #777;
  1736.     padding-top: 43px!important;
  1737.     padding-bottom: 2px!important;
  1738.     margin-top: 5px!important;
  1739. }
  1740. /* (new4)NOPINMETA */
  1741. /* .Pin.summary .richPinMeta.noPinMeta  */
  1742. /* :not(.noPinMeta) */
  1743. .Pin.summary .richPinMeta.noPinMeta + .pinMeta + .pinCredits {
  1744.     margin-top: -5px!important;
  1745. }
  1746. .Pin.summary:hover .richPinMeta.noPinMeta + .pinMeta + .pinCredits {
  1747.     padding-top: 15px!important;
  1748.     padding-bottom: 2px!important;
  1749.     margin-top: 7px!important;
  1750. }
  1751. .Pin.summary .pinDescription a {
  1752.     display: inline-block !important;
  1753.     width: 100% !important;
  1754.     max-width: 222px !important;
  1755.     min-width: 222px !important;
  1756. /* text-align: center!important; */
  1757.     color: peru!important;
  1758.     color: #6A5F31!important;
  1759. }
  1760. .Pin.summary .pinDescription a:visited {
  1761.     color: red!important;
  1762. }
  1763. .Pin.summary .pinDescription a:hover {
  1764.     color: peru!important;
  1765. }
  1766.  
  1767. /* (new3) SOCIAL META - META - === */
  1768. .Pin.summary .pinMeta .pinSocialMeta {
  1769.     border-top: 1px solid gray !important;
  1770.     margin-top: 4px !important;
  1771. }
  1772.  
  1773. .Pin.summary:hover .pinMeta .pinSocialMeta {
  1774.     border-top: 1px solid gray !important;
  1775.     margin-top: 10px !important;
  1776.     margin-bottom: 2px !important;
  1777. }
  1778. /* (new4) */
  1779. .Pin.summary:hover .pinMeta .pinSocialMeta {
  1780.     width: 210px!important;
  1781.     margin-left: -10px!important;
  1782.     padding-left: 18px!important;
  1783.     padding-bottom: 0!important;
  1784.     padding-top: 0!important;
  1785. }
  1786. .Pin.summary:hover .pinMeta .pinSocialMeta .socialItem {
  1787. position: relative!important;
  1788.     display: inline-block!important;
  1789.     height: 20px!important;
  1790.     line-height: 17px!important;
  1791.     min-width: 44px!important;
  1792.     transform: scale(1.2) !important;
  1793.     margin-right: 15px!important;
  1794.     top: 5px!important;
  1795.     margin-bottom: -13px!important;
  1796.     border-radius: 3px!important;
  1797.     text-shadow: none;
  1798.     text-align: center!important;
  1799.     color: transparent;
  1800. /* background: url("/webapp/style/sprites/webapp-common-main-1x.48af5992.png") no-repeat scroll -220px -166px rgba(0, 0, 0, 0); */
  1801. /* background-color: #E3DEDE !important; */
  1802.     background-image: linear-gradient(#e63d45, #c11a22)!important;
  1803.     border: 1px solid gray!important;
  1804. }
  1805. .Pin.summary:hover .pinMeta .pinSocialMeta .socialItem .socialMetaCount {
  1806.     color: white!important;
  1807.     font-size: 15px !important;
  1808.     font-style: normal;
  1809.     font-weight: normal;
  1810.     position: relative;
  1811.     top: 3px!important;
  1812. }
  1813.  
  1814.  
  1815. /* (new3) SOCIAL META - RICH META - === */
  1816. .Pin.summary  .richPinMeta + .pinMeta .pinSocialMeta {
  1817.     border-top: 1px solid gray !important;
  1818.     margin-top: -4px !important;
  1819. }
  1820. .Pin.summary:hover  .richPinMeta + .pinMeta .pinSocialMeta {
  1821.     border-top: 1px solid gray !important;
  1822.     margin-top: 15px !important;
  1823.     margin-bottom: -20px !important;
  1824. }
  1825. .Pin.summary:hover  .richPinMeta + .pinMeta .pinSocialMeta .socialItem {
  1826.     position: relative!important;
  1827.     display: inline-block!important;
  1828.     height: 20px!important;
  1829.     line-height: 17px!important;
  1830.     min-width: 44px!important;
  1831.     transform: scale(1.2) !important;
  1832.     margin-right: 15px!important;
  1833. /* top: 10px!important; */
  1834.     margin-bottom: -5px!important;
  1835.     bottom: -30px!important;
  1836.     text-shadow: none;
  1837.     text-align: center!important;
  1838.     color: transparent;
  1839.     background-image: linear-gradient(#e63d45, #c11a22)!important;
  1840.     border: 1px solid gray!important;
  1841. }
  1842. .Pin.summary:hover  .richPinMeta + .pinMeta .pinSocialMeta .socialItem .socialMetaCount {
  1843.     color: white!important;
  1844.     font-size: 15px !important;
  1845.     font-style: normal;
  1846.     font-weight: normal;
  1847.     position: relative;
  1848.     margin-top: 1px;
  1849. }
  1850. /* (new3) - EXPAND PIN BUTTON - === */
  1851. .Button.expandGiraffe {
  1852.     position: absolute;
  1853.     width: 100%;
  1854.     left: 10px!important;
  1855.     top: 781px!important;
  1856.     right: 0;
  1857.     padding: 2px 0!important;
  1858.     box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset;
  1859.     font-size: 11px;
  1860.  
  1861.     text-align: center;
  1862.  
  1863.     background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
  1864.     z-index: 50000 !important;
  1865. }
  1866.  
  1867. /* END - PIN META HOVER ==== */
  1868.  
  1869. /* ==== END ==== */
  1870.  
  1871. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!