Flickr - всё

Все, что вы хотели знать о программизме, но боялись спросить.
Аватара пользователя
alpax
Графоман
Сообщения: 7561
Зарегистрирован: 04 мар 2003, 17:39
Откуда: Richmond, BC

Flickr - всё

Сообщение alpax » 06 ноя 2018, 13:07

...сдувается. Для бесплатных аккаунтов ограничивают количество фоток тысячей штук.

https://blog.flickr.net/en/2018/11/01/c ... 1000photos

Аватара пользователя
Marmot
Графоман
Сообщения: 31748
Зарегистрирован: 17 фев 2003, 17:58
Откуда: Canyon Heights
Контактная информация:

Re: Flickr - всё

Сообщение Marmot » 06 ноя 2018, 13:48

You have a Flickr Pro plan valid until January 18, 2038

В свое время прописал ручками в базу данных :)

Аватара пользователя
johndoe
Маньяк
Сообщения: 3500
Зарегистрирован: 25 июл 2009, 22:00
Откуда: Port Moody

Re: Flickr - всё

Сообщение johndoe » 06 ноя 2018, 14:22

Ну и зачем они нужны за $49 если есть гугл фото с бесплатным безлимитом для всех (правда без 4K video) либо с 4K для владельцев Pixel.

Аватара пользователя
alpax
Графоман
Сообщения: 7561
Зарегистрирован: 04 мар 2003, 17:39
Откуда: Richmond, BC

Re: Flickr - всё

Сообщение alpax » 06 ноя 2018, 15:34

johndoe:Ну и зачем они нужны за $49 если есть гугл фото с бесплатным безлимитом для всех (правда без 4K video) либо с 4K для владельцев Pixel.
Гугл фото не поддерживает прямые ссылки на картинки.

Аватара пользователя
Waterbyte
Графоман
Сообщения: 40559
Зарегистрирован: 10 авг 2007, 13:43

Re: Flickr - всё

Сообщение Waterbyte » 06 ноя 2018, 15:35

alpax:прямые ссылки на картинки.
а что это?

Аватара пользователя
LeoV
Графоман
Сообщения: 10207
Зарегистрирован: 02 июн 2012, 15:41
Откуда: Графство O'Mан
Контактная информация:

Re: Flickr - всё

Сообщение LeoV » 06 ноя 2018, 15:39

alpax:
johndoe:Ну и зачем они нужны за $49 если есть гугл фото с бесплатным безлимитом для всех (правда без 4K video) либо с 4K для владельцев Pixel.
Гугл фото не поддерживает прямые ссылки на картинки.

https://www.labnol.org/internet/embed-google-photos-in-website/29194/

Аватара пользователя
Marmot
Графоман
Сообщения: 31748
Зарегистрирован: 17 фев 2003, 17:58
Откуда: Canyon Heights
Контактная информация:

Re: Flickr - всё

Сообщение Marmot » 06 ноя 2018, 15:41

Waterbyte:
alpax:прямые ссылки на картинки.
а что это?

Типа вот так:
Изображениеkomsomol by gatchinskiy, on Flickr

Аватара пользователя
Victoria
Очарованный странник
Сообщения: 38952
Зарегистрирован: 05 июн 2006, 08:34

Re: Flickr - всё

Сообщение Victoria » 06 ноя 2018, 16:30

/подумала уж, donation перестали принимать

Аватара пользователя
Waterbyte
Графоман
Сообщения: 40559
Зарегистрирован: 10 авг 2007, 13:43

Re: Flickr - всё

Сообщение Waterbyte » 06 ноя 2018, 16:32

Marmot:Типа вот так:
надо адрес картинки из идиоцкого кода фликровской странички выдирать, типа вот так:
Изображение
в противном случае оно ругаеццо вот так:
Не удалось определить размеры изображения. Удостоверьтесь, что ссылка на изображение правильная.


а у гадчинского там славная коллекция :)

пыс. код странички с картинкой:

Код: Выделить всё

<!DOCTYPE html>
<html xmlns:cc="http://creativecommons.org/ns#" lang="en-us" class="no-js fluid html-photo-page-scrappy-view scrolling-layout ">
<head>
   <meta property="fb:app_id" content="137206539707334" />
   <meta property="og:site_name" content="Flickr" />
   
   <meta property="og:updated_time" content="2018-11-07T00:24:20.847Z" />
   
   <meta name="robots" content="archive" />
   <meta name="googlebot" content="archive" />
   
   <script type="application/ld+json">
      [{
         "@context": "http://schema.org",
         "@type": "WebSite",
         "name": "Flickr",
         "url": "https://www.flickr.com",
         "potentialAction": {
            "@type": "SearchAction",
            "target": "https://www.flickr.com/search?text={search_term_string}&structured=yes",
            "query-input": "required name=search_term_string"
         }
      },
      {
         "@context": "http://schema.org",
         "@type": "Organization",
         "url": "http://www.flickr.com",
         "logo": "https://www.flickr.com/images/opensearch-flickr-logo.png"
      },
      {
         "@context": "http://schema.org",
         "@type": "Person",
         "name": "Flickr",
         "url": "https://www.flickr.com",
         "sameAs": [
            "https://www.facebook.com/flickr",
            "https://instagram.com/flickr",
            "https://flickr.tumblr.com",
            "https://twitter.com/flickr",
            "https://plus.google.com/+flickr",
            "https://www.pinterest.com/flickr"
         ]
      }]
   </script>
   <meta property="al:ios:app_name" content="Flickr" />
   <meta property="al:ios:app_store_id" content="328407587" />   <meta property="twitter:app:name:iphone" content="Flickr" />
   <meta property="twitter:app:id:iphone" content="328407587" />
   <meta property="twitter:site" content="@flickr" />
      <script type="text/javascript" nonce="5428c5940f7657d65edafabdff6b128c">
      !function(e,o){e.beaconError=function(o,n,t){try{if(-1===String(e.location.host).indexOf(".flickr.com"))return}catch(e){}var i,r;if(r=new Image,i="/beacon_rb_jserror.gne?reqId=0824f1e1&initialView=photo-page-scrappy-view&error="+encodeURIComponent(o),n&&(i+="&url="+encodeURIComponent(n)),t)if(t instanceof Error){if(t.line&&(i+="&line="+encodeURIComponent(t.line)),t.message&&(i+="&message="+encodeURIComponent(t.message)),t.total&&(i+="&total="+encodeURIComponent(t.total)),t.apiMethod&&(i+="&apiMethod="+encodeURIComponent(t.apiMethod)),t.description&&(i+="&description="+encodeURIComponent(t.description)),t.sourceURL&&(i+="&sourceURL="+encodeURIComponent(t.sourceURL)),t.stack){var a=100;t.message&&t.message.indexOf("Not enough storage is available")>-1&&(a=250),i+="&stack="+encodeURIComponent(t.stack.slice(0,a))}t.panda&&(i+="&panda=1",t.timeout||t.clientTimeout?i+="&apiTimeout=1":t.fatal&&(i+="&apiOther=1"),t.resp&&(i+="&resp="+(t.resp.responseText||t.resp.statusText||"").slice(0,100)))}else for(var s in t){var c=t[s];"healthMetric"!==s&&(c=JSON.stringify(c)),i+="&"+s+"="+encodeURIComponent(c)}r.src=i}}(window,document);
      </script>   
      <!--                 _
                 . -  ` : `   '.' ``  .            - '` ` .
               ' ,gi$@$q  pggq   pggq .            ' pggq
              + j@@@P*\7  @@@@   @@@@         _    : @@@@ !  ._  , .  _  - .
           . .  @@@K      @@@@        ;  -` `_,_ ` . @@@@ ;/           ` _,,_ `
           ; pgg@@@@gggq  @@@@   @@@@ .' ,iS@@@@@Si  @@@@  .6@@@P' !!!! j!!!!7 ;
             @@@@@@@@@@@  @@@@   @@@@ ` j@@@P*"*+Y7  @@@@ .6@@@P   !!!!47*"*+;
           `_   @@@@      @@@@   @@@@  .@@@7  .   `  @@@@.6@@@P  ` !!!!;  .    '
             .  @@@@   '  @@@@   @@@@  :@@@!  !:     @@@@7@@@K  `; !!!!  '  ` '
                @@@@   .  @@@@   @@@@  `%@@@.     .  @@@@`7@@@b  . !!!!  :
             !  @@@@      @@@@   @@@@   \@@@$+,,+4b  @@@@ `7@@@b   !!!!
                @@@@   :  @@@@   @@@@    `7%S@@hX!P' @@@@  `7@@@b  !!!!  .
             :  """"      """"   """"  :.   `^"^`    """"   `""""" ''''
              ` -  .   .       _._    `                 _._        _  . -
                      , ` ,glllllllllg,    `-: '    .~ . . . ~.  `
                       ,jlllllllllllllllp,  .!'  .+. . . . . . .+. `.
                    ` jllllllllllllllllllll  `  +. . . . . . . . .+  .
                  .  jllllllllllllllllllllll   . . . . . . . . . . .
                    .l@@@@@@@lllllllllllllll. j. . . . . . . :::::::l `
                  ; ;@@@@@@@@@@@@@@@@@@@lllll :. . :::::::::::::::::: ;
                    :l@@@@@@@@@@@@@@@@@@@@@l; ::::::::::::::::::::::;
                  `  Y@@@@@@@@@@@@@@@@@@@@@P   :::::::::::::::::::::  '
                   -  Y@@@@@@@@@@@@@@@@@@@P  .  :::::::::::::::::::  .
                       `*@@@@@@@@@@@@@@@*` `  `  `:::::::::::::::`
                      `.  `*%@@@@@@@%*`  .      `  `+:::::::::+`  '
                          .    ```   _ '          - .   ```     -
                             `  '                     `  '  `
      
         You're reading. We're hiring.
         https://flickr.com/jobs/
      
      -->
   
   <title>3 | gatchinskiy | Flickr</title>
   
   
   <script type="text/javascript" nonce="5428c5940f7657d65edafabdff6b128c">
   !function(e,o){e.pageTiming={},e.registerFirstPhoto=function(){e.pageTiming.timeAboveTheFold||(e.pageTiming.timeAboveTheFold=(new Date).getTime()),e.registerFirstPhoto=function(){}};var n=o.documentElement;n.className=n.className.replace("no-js",""),e.paftTiming={},e.onerror=function(o,n,i,r,t){t||((t=new Error(o)).stack=n,t.line=i),beaconError("window onerror",e.location.href,t)};try{var i,r=new Image,t="https://s.yimg.com/ap/build/images/pxl.gif?cachebust="+((new Date).getTime()+9999*Math.random());r.onerror=function(){beaconError("s.yimg possibly blocked",e.location.href,{yimgSrc:t,delay:Date.now()-i})},i=Date.now(),r.src=t}catch(e){}}(window,document);
   </script>
   <meta name="description" content=""  data-dynamic="true">
   
   <meta name="robots" content="noarchive"  data-dynamic="true">
   <meta name="googlebot" content="noarchive"  data-dynamic="true">
   <meta name="title" content="3"  data-dynamic="true">
   
   <meta property="og:title" content="3"  data-dynamic="true">
   
   <meta property="og:description" content="Explore gatchinskiy's photos on Flickr. gatchinskiy has uploaded 319 photos to Flickr."  data-dynamic="true">
   
   <meta property="og:type" content="article"  data-dynamic="true">
   
   <meta property="og:url" content="https://www.flickr.com/photos/gatchinskiy/4504724864/"  data-dynamic="true">
   
   <meta property="og:image" content="https://c1.staticflickr.com/5/4006/4504724864_9eacbd9196_z.jpg"  data-dynamic="true">
   
   <meta property="og:image:width" content="600"  data-dynamic="true">
   
   <meta property="og:image:height" content="385"  data-dynamic="true">
   
   <meta property="flickr_photos:by" content="https://www.flickr.com/people/gatchinskiy/"  data-dynamic="true">
   
   <meta property="flickr_photos:sets" content="https://www.flickr.com/photos/gatchinskiy/sets/72157625725015999,https://www.flickr.com/photos/gatchinskiy/sets/72157625476298893"  data-dynamic="true">
   
   <meta property="twitter:card" content="photo"  data-dynamic="true">
   
   <meta property="twitter:description" content="Explore gatchinskiy's 319 photos on Flickr!"  data-dynamic="true">
   
   <meta property="twitter:app:url:iphone" content="flickr://flickr.com/photos/gatchinskiy/4504724864/"  data-dynamic="true">
   
   <meta property="al:ios:url" content="flickr://flickr.com/photos/gatchinskiy/4504724864"  data-dynamic="true">
   
   <link id="canonicalurl"  rel="canonical"   href="https://www.flickr.com/photos/gatchinskiy/4504724864" data-dynamic-added-by="bb44774707b5780000000000000000000000000000000" data-dynamic="true" />
   <link   rel="alternative" type="application/json+oembed"  href="https://www.flickr.com/services/oembed?url&#x3D;https://www.flickr.com/photos/gatchinskiy/4504724864&amp;format&#x3D;json" data-dynamic-added-by="bb44774707b5780000000000000000000000000000000" data-dynamic="true" />
   <link   rel="alternative" type="text/xml+oembed"  href="https://www.flickr.com/services/oembed?url&#x3D;https://www.flickr.com/photos/gatchinskiy/4504724864&amp;format&#x3D;xml" data-dynamic-added-by="bb44774707b5780000000000000000000000000000000" data-dynamic="true" />
   <script type="application/ld+json">
      {
         "@context": "http://schema.org",
         "@type": "BreadcrumbList",
         "itemListElement": [
            {
               "@type": "ListItem",
               "position": 1,
               "item": {
                  "@id": "https://www.flickr.com/photos/gatchinskiy",
                  "name": "gatchinskiy",
                  "image": "https:////c2.staticflickr.com/2/1928/buddyicons/24624922@N00.jpg?1540841300#24624922@N00"
               }
            }, {
               "@type": "ListItem",
               "position": 2,
               "item": {
                  "@id": "https://www.flickr.com/photos/gatchinskiy/4504724864",
                  "name": "3",
                  "image": "https:////c1.staticflickr.com/5/4006/4504724864_9eacbd9196_m.jpg"
               }
            }
         ]
      }
   </script>
   
   <script type="text/javascript" nonce="5428c5940f7657d65edafabdff6b128c">
   
      (function(){
   
         var PADDING_HORIZONTAL = 40;
   
         window.getPhotoWellHeight = function () {
   
            var minHeight = 500,
                winWidth = window.innerWidth,
                winHeight = window.innerHeight - 50,
                ratioNarrow = 1,
                ratioRegular = 2.3,
                ratioTransitional = 2.75,
                idealSubphotoHeight = 120,
                breakHeightNarrow = (winWidth / ratioNarrow) + idealSubphotoHeight,
                breakHeightRegular = (winWidth / ratioRegular) + idealSubphotoHeight,
                breakHeightTransitional = winWidth / ratioTransitional,
                newPhotoWellHeight;
   
            if (winHeight > breakHeightNarrow) {
   
               newPhotoWellHeight = winWidth / ratioNarrow;
   
            } else if (winHeight > breakHeightRegular) {
   
               newPhotoWellHeight = winHeight - idealSubphotoHeight;
   
            } else if (winHeight > breakHeightTransitional) {
   
               newPhotoWellHeight = winHeight - idealSubphotoHeight + idealSubphotoHeight * (winHeight - breakHeightRegular) / (breakHeightTransitional - breakHeightRegular);
   
            } else {
   
               newPhotoWellHeight = winHeight;
   
            }
   
            return Math.max(minHeight, Math.round(newPhotoWellHeight));
   
         }
   
         function domReady () {
   
            try {
   
               if (document.getElementsByClassName("low-res-photo")[0]) {
   
                  var photoWellView = document.getElementsByClassName("photo-well-scrappy-view")[0],
                      heightController = photoWellView.getElementsByClassName("height-controller")[0],
                      photoWellMediaView = document.getElementsByClassName("photo-well-media-scrappy-view")[0],
                      lowResImageElement = photoWellMediaView.getElementsByClassName("low-res-photo")[0],
                      photoWidth = 600,
                      photoHeight = 385,
                      photoAspectRatio = photoWidth / photoHeight,
                      photoWellHeight = window.getPhotoWellHeight(),
                      photoWellMediaViewPadding = {
                          top: parseInt(getComputedStyle(photoWellMediaView)['paddingTop'].match(/[0-9]+/)[0], 10),
                          right: PADDING_HORIZONTAL,
                          bottom: parseInt(getComputedStyle(photoWellMediaView)['paddingBottom'].match(/[0-9]+/)[0], 10),
                          left: PADDING_HORIZONTAL
                      },
                      canvasSize = {
                          height: photoWellHeight - photoWellMediaViewPadding.top - photoWellMediaViewPadding.bottom,
                          width: window.innerWidth - photoWellMediaViewPadding.left - photoWellMediaViewPadding.right
                      };
   
                  heightController.style.height = photoWellHeight + "px";
   
                  if (photoWidth <= canvasSize.width && photoHeight <= canvasSize.height) {
                     lowResImageElement.style.height = photoHeight + "px";
                     lowResImageElement.style.width = photoWidth + "px";
                  } else {
                     if (photoAspectRatio < 1 || Math.round(canvasSize.width / photoAspectRatio) > canvasSize.height) {
                        lowResImageElement.style.height = canvasSize.height + "px";
                        lowResImageElement.style.width = Math.round(canvasSize.height * photoAspectRatio) + "px";
                     } else {
                        lowResImageElement.style.height = Math.round(canvasSize.width / photoAspectRatio) + "px";
                        lowResImageElement.style.width = canvasSize.width + "px";
                     }
                  }
   
               }
   
            } catch (e) {
               if (window.sendRequest) {
                  window.sendRequest('flickr.hermes.photoDimensionCorrectionError', 'There was a JS error when trying to correct a server rendered photo.');
               }
            }
   
         }
   
         if (document.readyState != 'loading'){
            domReady();
         } else {
            document.addEventListener('DOMContentLoaded', domReady);
         }
   
      }());
   
   </script>
   
   
   <meta http-equiv="x-dns-prefetch-control" content="on">
   <link rel="dns-prefetch" href="//api.flickr.com">
   <link rel="dns-prefetch" href="//s.yimg.com">
   <link rel="dns-prefetch" href="//yui-s.yahooapis.com">
   <link rel="dns-prefetch" href="//c1.staticflickr.com">
   <link rel="dns-prefetch" href="//farm9.staticflickr.com">
   <link rel="dns-prefetch" href="//farm8.staticflickr.com">
   <link rel="dns-prefetch" href="//farm7.staticflickr.com">
   <link rel="dns-prefetch" href="//farm6.staticflickr.com">
   <link rel="dns-prefetch" href="//farm5.staticflickr.com">
   <link rel="dns-prefetch" href="//farm4.staticflickr.com">
   <link rel="dns-prefetch" href="//farm3.staticflickr.com">
   <link rel="dns-prefetch" href="//farm2.staticflickr.com">
   <link rel="dns-prefetch" href="//farm1.staticflickr.com">
   
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   
   <meta name="application-name" content="3 | gatchinskiy | Flickr"/>
   <meta name="msapplication-TileColor" content="#ffffff"/>
   <meta name="google" value="notranslate">
   
      <meta name="msapplication-TileImage" content="https://s.yimg.com/pw/images/favicon-msapplication-tileimage.png"/>
      <link rel="mask-icon" sizes="any" href="https://s.yimg.com/pw/images/icon_black_white.svg">
      <link rel="shortcut icon" type="image/ico" href="https://s.yimg.com/pw/favicon.ico">
      <link rel="apple-touch-icon-precomposed" href="https://s.yimg.com/pw/apple-touch-icon.png">
      <meta name="theme-color" content="black"/>
   
   <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="Flickr">
   
   <!-- TradeDoubler site verification 3059184 -->
   
   <style>
   
   
      body > .pageLoadingDialogWrapper {
         position: fixed;
         top: 0;
         left: 0;
         bottom: 0;
         right: 0;
         background-color: rgba(0,0,0,0.7);
         z-index: 9999;
      }
   
      body > .pageLoadingDialogWrapper > .pageLoadingDialog {
         width: 200px;
         height: 160px;
         top: 50%;
         left: 50%;
         margin: -80px 0 0 -100px;
         position: fixed;
         background-color: #fff;
         border: 1px solid #212124;
         border-radius: 3px;
         padding: 10px;
         text-align: center;
      }
   
      body > .pageLoadingDialogWrapper > .pageLoadingDialog > h1 {
         font-size: 20px;
         margin: 0;
      }
   
      .html-mobile-photo-page-view body > .pageLoadingDialogWrapper > .pageLoadingDialog {
         top: 30% !important;
         left: 10% !important;
         width: 80% !important;
      }
   </style>
   <style>
   @font-face{font-family:Proxima Nova;font-weight:100;font-style:normal;src:url(https://s.yimg.com/ap/build/fonts/proxima-nova-thin.eot);src:url(https://s.yimg.com/ap/build/fonts/proxima-nova-thin.eot#iefix) format("embedded-opentype"),url(https://s.yimg.com/ap/build/fonts/proxima-nova-thin.woff2) format("woff2"),url(https://s.yimg.com/ap/build/fonts/proxima-nova-thin.woff) format("woff"),url(https://s.yimg.com/ap/build/fonts/proxima-nova-thin.ttf) format("truetype"),url(https://s.yimg.com/ap/build/fonts/proxima-nova-thin.svg#svgFontName) format("svg")}@font-face{font-family:Proxima Nova;font-weight:300;font-style:normal;src:url(https://s.yimg.com/ap/build/fonts/proxima-nova-light.eot);src:url(https://s.yimg.com/ap/build/fonts/proxima-nova-light.eot#iefix) format("embedded-opentype"),url(https://s.yimg.com/ap/build/fonts/proxima-nova-light.woff2) format("woff2"),url(https://s.yimg.com/ap/build/fonts/proxima-nova-light.woff) format("woff"),url(https://s.yimg.com/ap/build/fonts/proxima-nova-light.ttf) format("truetype"),url(https://s.yimg.com/ap/build/fonts/proxima-nova-light.svg#svgFontName) format("svg")}@font-face{font-family:Proxima Nova;font-weight:400;font-style:normal;src:url(https://s.yimg.com/ap/build/fonts/proxima-nova-regular.eot);src:url(https://s.yimg.com/ap/build/fonts/proxima-nova-regular.eot#iefix) format("embedded-opentype"),url(https://s.yimg.com/ap/build/fonts/proxima-nova-regular.woff2) format("woff2"),url(https://s.yimg.com/ap/build/fonts/proxima-nova-regular.woff) format("woff"),url(https://s.yimg.com/ap/build/fonts/proxima-nova-regular.ttf) format("truetype"),url(https://s.yimg.com/ap/build/fonts/proxima-nova-regular.svg#svgFontName) format("svg")}@font-face{font-family:Proxima Nova;font-weight:600;font-style:normal;src:url(https://s.yimg.com/ap/build/fonts/proxima-nova-semibold.eot);src:url(https://s.yimg.com/ap/build/fonts/proxima-nova-semibold.eot#iefix) format("embedded-opentype"),url(https://s.yimg.com/ap/build/fonts/proxima-nova-semibold.woff2) format("woff2"),url(https://s.yimg.com/ap/build/fonts/proxima-nova-semibold.woff) format("woff"),url(https://s.yimg.com/ap/build/fonts/proxima-nova-semibold.ttf) format("truetype"),url(https://s.yimg.com/ap/build/fonts/proxima-nova-semibold.svg#svgFontName) format("svg")}@font-face{font-family:Proxima Nova;font-weight:700;font-style:normal;src:url(https://s.yimg.com/ap/build/fonts/proxima-nova-bold.eot);src:url(https://s.yimg.com/ap/build/fonts/proxima-nova-bold.eot#iefix) format("embedded-opentype"),url(https://s.yimg.com/ap/build/fonts/proxima-nova-bold.woff2) format("woff2"),url(https://s.yimg.com/ap/build/fonts/proxima-nova-bold.woff) format("woff"),url(https://s.yimg.com/ap/build/fonts/proxima-nova-bold.ttf) format("truetype"),url(https://s.yimg.com/ap/build/fonts/proxima-nova-bold.svg#svgFontName) format("svg")}body{font-family:Proxima Nova,helvetica neue,helvetica,arial,sans-serif}.is-old-windows body{font-family:helvetica neue,helvetica,arial,sans-serif}article.light,body,body.light,div.light,footer.light,header.light,main.light,p.light,section.light{color:#212124;background-color:#f3f5f6}article.dark,body.dark,div.dark,footer.dark,header.dark,main.dark,p.dark,section.dark{color:#fff;background-color:#212124}.loader-bar{position:fixed;background-color:#128fdc;background:#128fdc;height:3px;width:100px;top:50px;left:0;z-index:1999;box-shadow:0 1px 3px rgba(0,0,0,.3);-webkit-transition:width 1s ease-in-out;transition:width 1s ease-in-out}html.html-photo-page-lightbox-scrappy-view .loader-bar{top:0}svg.icon{display:inline-block;height:24px;width:24px;fill:currentColor}svg.icon.tiny{width:14px;height:14px}html.dragging,html.dragging body{overflow:hidden}.deferred-view{display:none}[data-defer-src]{-webkit-transition:opacity 333ms ease-in-out;transition:opacity 333ms ease-in-out}[data-defer-src*="staticflickr.com"]{opacity:0}[data-defer-src=loaded]{opacity:1}[data-on-scroll-animate-class]{opacity:0}.no-outline,a:hover,div:hover,label:hover,span:hover{outline-width:0}@media (min-width:813px) and (orientation:landscape),only screen and (min-width:701px) and (orientation:portrait){.mobile-only{display:none!important}}@media (max-width:812px) and (orientation:landscape),only screen and (max-width:700px) and (orientation:portrait){.desktop-only{display:none!important}}html.scrolling-layout{position:relative;min-height:100%;min-width:1060px}html.scrolling-layout #content{border-bottom:1px solid transparent}html.scrolling-layout #content .fluid-centered{min-width:800px;max-width:80%;margin-left:auto;margin-right:auto;padding-left:130px;padding-right:130px}html.scrolling-layout #content .centered-content{width:1060px;margin-left:auto;margin-right:auto}html.scrolling-layout #content .centered-content.full-bleed{width:auto;margin:0 7%}html.scrolling-layout #content .centered-content.inline{width:85%;display:inline-block}@media only screen and (min-width:700px) and (max-width:1080px){html.scrolling-layout{min-width:100%}}@media (max-width:812px) and (orientation:landscape),only screen and (max-width:700px) and (orientation:portrait){html.scrolling-layout{min-width:100%}html.scrolling-layout #content .fluid-centered{padding-left:0;padding-right:0;min-width:100%;min-width:-webkit-calc(1 - constant(safe-area-inset-left) - constant(safe-area-inset-right) + 0);min-width:calc(100% - constant(safe-area-inset-left) - constant(safe-area-inset-right) + 0px);min-width:-webkit-calc(1 - env(safe-area-inset-left) - env(safe-area-inset-right) + 0);min-width:calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right) + 0px)}@supports (padding-left:constant(safe-area-inset-left)){html.scrolling-layout #content .fluid-centered{padding-left:constant(safe-area-inset-left)}}@supports (padding-left:env(safe-area-inset-left)){html.scrolling-layout #content .fluid-centered{padding-left:env(safe-area-inset-left)}}@supports (padding-right:constant(safe-area-inset-right)){html.scrolling-layout #content .fluid-centered{padding-right:constant(safe-area-inset-right)}}@supports (padding-right:env(safe-area-inset-right)){html.scrolling-layout #content .fluid-centered{padding-right:env(safe-area-inset-right)}}html.scrolling-layout #content .centered-content{width:100%}}html.maximized-layout{height:100%}html.maximized-layout #content,html.maximized-layout body{height:100%;overflow:hidden}html.maximized-layout #content .fluid-centered,html.maximized-layout body .fluid-centered{min-width:800px;max-width:80%;margin-left:auto;margin-right:auto;padding-left:130px;padding-right:130px}.dark .light .fluid .butt.follow,.dark .light .fluid button.follow,.fluid .butt,.fluid .butt.join.blue,.fluid button,.fluid button.join.blue,.light .dark .light .fluid .butt.follow,.light .dark .light .fluid button.follow{background-color:#128fdc;color:#fff}.dark .light .fluid .butt.follow:focus,.dark .light .fluid button.follow:focus,.fluid .butt.join.blue:focus,.fluid .butt:focus,.fluid button.join.blue:focus,.fluid button:focus{background-color:#1c9be9}.fluid .butt.alt,.fluid button.alt{background-color:#979ea2;color:#fff}.fluid .butt.alt:focus,.fluid button.alt:focus{background-color:#a4acb0}.fluid .butt.danger,.fluid button.danger{background-color:#e2292b;color:#fff}.fluid .butt.danger:focus,.fluid button.danger:focus{background-color:#ef2b2d}.dark .fluid .butt.follow,.dark .fluid button.follow,.fluid .butt.follow.white,.fluid .butt.join,.fluid button.follow.white,.fluid button.join,.light .dark .fluid .butt.follow,.light .dark .fluid button.follow{background-color:#fff;color:#212124}.dark .fluid .butt.follow.is-following,.dark .fluid .butt.follow.unfollow,.dark .fluid button.follow.is-following,.dark .fluid button.follow.unfollow,.dark .light .fluid .butt.follow.is-following,.dark .light .fluid .butt.follow.unfollow,.dark .light .fluid button.follow.is-following,.dark .light .fluid button.follow.unfollow,.fluid .butt.follow.is-following,.fluid .butt.follow.is-following:active,.fluid .butt.follow.is-following:hover,.fluid .butt.follow.unfollow,.fluid .butt.follow.unfollow:active,.fluid .butt.follow.unfollow:hover,.fluid .butt.join.leave.group-joined-menu-button,.fluid .butt.join.leave.group-joined-menu-button:active,.fluid .butt.join.leave.group-joined-menu-button:hover,.fluid button.follow.is-following,.fluid button.follow.is-following:active,.fluid button.follow.is-following:hover,.fluid button.follow.unfollow,.fluid button.follow.unfollow:active,.fluid button.follow.unfollow:hover,.fluid button.join.leave.group-joined-menu-button,.fluid button.join.leave.group-joined-menu-button:active,.fluid button.join.leave.group-joined-menu-button:hover,.light .dark .fluid .butt.follow.is-following,.light .dark .fluid .butt.follow.is-following:active,.light .dark .fluid .butt.follow.is-following:hover,.light .dark .fluid .butt.follow.unfollow,.light .dark .fluid .butt.follow.unfollow:active,.light .dark .fluid .butt.follow.unfollow:hover,.light .dark .fluid button.follow.is-following,.light .dark .fluid button.follow.is-following:active,.light .dark .fluid button.follow.is-following:hover,.light .dark .fluid button.follow.unfollow,.light .dark .fluid button.follow.unfollow:active,.light .dark .fluid button.follow.unfollow:hover,.light .dark .light .fluid .butt.follow.is-following,.light .dark .light .fluid .butt.follow.unfollow,.light .dark .light .fluid button.follow.is-following,.light .dark .light .fluid button.follow.unfollow{background-color:transparent}.fluid .butt.follow.white.is-following,.fluid .butt.follow.white.unfollow,.fluid .butt.follow.white:active,.fluid .butt.follow.white:hover,.fluid .butt.hollow.marketing,.fluid .butt.hollow.marketing:active,.fluid .butt.hollow.marketing:focus,.fluid .butt.hollow.marketing:hover,.fluid .butt.join.has-joined,.fluid .butt.join.has-requested,.fluid .butt.join.leave,.fluid button.follow.white.is-following,.fluid button.follow.white.unfollow,.fluid button.follow.white:active,.fluid button.follow.white:hover,.fluid button.hollow.marketing,.fluid button.hollow.marketing:active,.fluid button.hollow.marketing:focus,.fluid button.hollow.marketing:hover,.fluid button.join.has-joined,.fluid button.join.has-requested,.fluid button.join.leave{color:#fff;background-color:transparent;box-shadow:inset 0 0 0 1px #fff}.fluid .butt.follow.white:hover,.fluid .butt.hollow.marketing:hover,.fluid .butt.join.has-joined:hover,.fluid .butt.join.has-requested:hover,.fluid .butt.join.leave:hover,.fluid button.follow.white:hover,.fluid button.hollow.marketing:hover,.fluid button.join.has-joined:hover,.fluid button.join.has-requested:hover,.fluid button.join.leave:hover{color:#fff;background-color:transparent}.fluid .butt.follow.white:active,.fluid .butt.hollow.marketing:active,.fluid .butt.join.has-joined:active,.fluid .butt.join.has-requested:active,.fluid .butt.join.leave:active,.fluid button.follow.white:active,.fluid button.hollow.marketing:active,.fluid button.join.has-joined:active,.fluid button.join.has-requested:active,.fluid button.join.leave:active{background-color:transparent}.fluid .butt.follow.white.is-following:focus,.fluid .butt.follow.white.unfollow:focus,.fluid .butt.follow.white:focus:active,.fluid .butt.follow.white:focus:hover,.fluid .butt.hollow.marketing:focus,.fluid .butt.join.has-joined:focus,.fluid .butt.join.has-requested:focus,.fluid .butt.join.leave:focus,.fluid button.follow.white.is-following:focus,.fluid button.follow.white.unfollow:focus,.fluid button.follow.white:focus:active,.fluid button.follow.white:focus:hover,.fluid button.hollow.marketing:focus,.fluid button.join.has-joined:focus,.fluid button.join.has-requested:focus,.fluid button.join.leave:focus{box-shadow:inset 0 0 0 2px #fff}.fluid .butt.follow.white.is-following:after,.fluid .butt.follow.white.is-following:before,.fluid .butt.follow.white.unfollow:after,.fluid .butt.follow.white.unfollow:before,.fluid .butt.follow.white:active:after,.fluid .butt.follow.white:active:before,.fluid .butt.follow.white:hover:after,.fluid .butt.follow.white:hover:before,.fluid .butt.hollow.marketing:active:after,.fluid .butt.hollow.marketing:active:before,.fluid .butt.hollow.marketing:after,.fluid .butt.hollow.marketing:before,.fluid .butt.hollow.marketing:focus:after,.fluid .butt.hollow.marketing:focus:before,.fluid .butt.hollow.marketing:hover:after,.fluid .butt.hollow.marketing:hover:before,.fluid .butt.join.has-joined:after,.fluid .butt.join.has-joined:before,.fluid .butt.join.has-requested:after,.fluid .butt.join.has-requested:before,.fluid .butt.join.leave:after,.fluid .butt.join.leave:before,.fluid button.follow.white.is-following:after,.fluid button.follow.white.is-following:before,.fluid button.follow.white.unfollow:after,.fluid button.follow.white.unfollow:before,.fluid button.follow.white:active:after,.fluid button.follow.white:active:before,.fluid button.follow.white:hover:after,.fluid button.follow.white:hover:before,.fluid button.hollow.marketing:active:after,.fluid button.hollow.marketing:active:before,.fluid button.hollow.marketing:after,.fluid button.hollow.marketing:before,.fluid button.hollow.marketing:focus:after,.fluid button.hollow.marketing:focus:before,.fluid button.hollow.marketing:hover:after,.fluid button.hollow.marketing:hover:before,.fluid button.join.has-joined:after,.fluid button.join.has-joined:before,.fluid button.join.has-requested:after,.fluid button.join.has-requested:before,.fluid button.join.leave:after,.fluid button.join.leave:before{background-color:#fff}.fluid .butt.join.blue.has-joined,.fluid .butt.join.blue.has-requested,.fluid .butt.join.blue.leave,.fluid button.join.blue.has-joined,.fluid button.join.blue.has-requested,.fluid button.join.blue.leave{color:#128fdc;box-shadow:inset 0 0 0 2px #128fdc}.fluid .butt.join.blue.has-joined:hover,.fluid .butt.join.blue.has-requested:hover,.fluid .butt.join.blue.leave:hover,.fluid button.join.blue.has-joined:hover,.fluid button.join.blue.has-requested:hover,.fluid button.join.blue.leave:hover{color:#128fdc;background-color:transparent}.fluid .butt.join.blue.has-joined:active,.fluid .butt.join.blue.has-requested:active,.fluid .butt.join.blue.leave:active,.fluid button.join.blue.has-joined:active,.fluid button.join.blue.has-requested:active,.fluid button.join.blue.leave:active{background-color:transparent}.fluid .butt.join.blue.has-joined:focus,.fluid .butt.join.blue.has-requested:focus,.fluid .butt.join.blue.leave:focus,.fluid button.join.blue.has-joined:focus,.fluid button.join.blue.has-requested:focus,.fluid button.join.blue.leave:focus{box-shadow:inset 0 0 0 3px #128fdc}.fluid .butt.join.blue.has-joined:after,.fluid .butt.join.blue.has-joined:before,.fluid .butt.join.blue.has-requested:after,.fluid .butt.join.blue.has-requested:before,.fluid .butt.join.blue.leave:after,.fluid .butt.join.blue.leave:before,.fluid button.join.blue.has-joined:after,.fluid button.join.blue.has-joined:before,.fluid button.join.blue.has-requested:after,.fluid button.join.blue.has-requested:before,.fluid button.join.blue.leave:after,.fluid button.join.blue.leave:before{background-color:#128fdc}.fluid .butt.tiny,.fluid button.tiny{height:25px;line-height:25px;min-width:60px;font-size:12px;padding:0 16px}.fluid .butt.mini,.fluid button.mini{height:29px;line-height:29px;min-width:80px;font-size:14px}.fluid .butt,.fluid .butt.small,.fluid button,.fluid button.small{height:32px;line-height:32px;min-width:80px}.fluid .butt.medium,.fluid button.medium{height:36px;line-height:36px;min-width:100px}.fluid .butt.large,.fluid button.large{height:40px;line-height:40px;min-width:120px}.fluid .butt.wide,.fluid button.wide{height:36px;line-height:36px;min-width:300px}.fluid .butt.medium-ass,.fluid button.medium-ass{height:50px;line-height:50px;min-width:200px;font-size:18px}.fluid .butt.big-ass,.fluid button.big-ass{height:75px;line-height:75px;min-width:600px;font-size:40px}.fluid .butt.follow:after,.fluid .butt.follow:before,.fluid .butt.join:after,.fluid .butt.join:before,.fluid button.follow:after,.fluid button.follow:before,.fluid button.join:after,.fluid button.join:before{content:"";position:absolute;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}.fluid .butt.follow:before,.fluid .butt.join:before,.fluid button.follow:before,.fluid button.join:before{width:14px;height:2px;top:15px;left:10px;-webkit-transform-origin:left center;transform-origin:left center}.fluid .butt.follow:after,.fluid .butt.join:after,.fluid button.follow:after,.fluid button.join:after{width:2px;height:14px;top:9px;left:16px}.fluid .mini.butt.follow,.fluid .mini.butt.join,.fluid button.mini.follow,.fluid button.mini.join{padding-left:30px;padding-right:11px}.fluid .mini.butt.follow:after,.fluid .mini.butt.join:after,.fluid button.mini.follow:after,.fluid button.mini.join:after{top:8px;left:15px;height:12px}.fluid .mini.butt.follow:before,.fluid .mini.butt.join:before,.fluid button.mini.follow:before,.fluid button.mini.join:before{top:13px;left:10px;width:12px}.fluid .butt.follow.is-following:before,.fluid .butt.follow.unfollow:before,.fluid .butt.join.has-joined.has-menu.is-open:before,.fluid .butt.join.has-joined.has-menu:before,.fluid .butt.join.has-joined.has-menu:hover:before,.fluid .butt.join.has-joined:before,.fluid button.follow.is-following:before,.fluid button.follow.unfollow:before,.fluid button.join.has-joined.has-menu.is-open:before,.fluid button.join.has-joined.has-menu:before,.fluid button.join.has-joined.has-menu:hover:before,.fluid button.join.has-joined:before{width:7px;-webkit-transform:rotate(45deg) translateY(-2px);transform:rotate(45deg) translateY(-2px)}.fluid .butt.follow.is-following:after,.fluid .butt.follow.unfollow:after,.fluid .butt.join.has-joined.has-menu.is-open:after,.fluid .butt.join.has-joined.has-menu:after,.fluid .butt.join.has-joined.has-menu:hover:after,.fluid .butt.join.has-joined:after,.fluid button.follow.is-following:after,.fluid button.follow.unfollow:after,.fluid button.join.has-joined.has-menu.is-open:after,.fluid button.join.has-joined.has-menu:after,.fluid button.join.has-joined.has-menu:hover:after,.fluid button.join.has-joined:after{height:12px;-webkit-transform:rotate(40deg) translate(2px,-1px);transform:rotate(40deg) translate(2px,-1px)}.fluid .mini.butt.follow.is-following:before,.fluid .mini.butt.follow.unfollow:before,.fluid .mini.butt.join.has-joined.has-menu.is-open:before,.fluid .mini.butt.join.has-joined.has-menu:hover:before,.fluid .mini.butt.join.has-joined:before,.fluid button.mini.follow.is-following:before,.fluid button.mini.follow.unfollow:before,.fluid button.mini.join.has-joined.has-menu.is-open:before,.fluid button.mini.join.has-joined.has-menu:hover:before,.fluid button.mini.join.has-joined:before{width:7px;-webkit-transform:rotate(45deg) translate(0);transform:rotate(45deg) translate(0)}.fluid .mini.butt.follow.is-following:after,.fluid .mini.butt.follow.unfollow:after,.fluid .mini.butt.join.has-joined.has-menu.is-open:after,.fluid .mini.butt.join.has-joined.has-menu:hover:after,.fluid .mini.butt.join.has-joined:after,.fluid button.mini.follow.is-following:after,.fluid button.mini.follow.unfollow:after,.fluid button.mini.join.has-joined.has-menu.is-open:after,.fluid button.mini.join.has-joined.has-menu:hover:after,.fluid button.mini.join.has-joined:after{height:10px;-webkit-transform:rotate(40deg) translate(2px,-1px);transform:rotate(40deg) translate(2px,-1px)}.fluid .butt.join.has-joined:hover:before,.fluid .butt.join.leave.group-joined-menu-button:before,.fluid .butt.join.leave:before,.fluid button.join.has-joined:hover:before,.fluid button.join.leave.group-joined-menu-button:before,.fluid button.join.leave:before{width:15px;-webkit-transform:rotate(45deg) translate(-2px,-6px);transform:rotate(45deg) translate(-2px,-6px)}.fluid .butt.join.has-joined:hover:after,.fluid .butt.join.leave.group-joined-menu-button:after,.fluid .butt.join.leave:after,.fluid button.join.has-joined:hover:after,.fluid button.join.leave.group-joined-menu-button:after,.fluid button.join.leave:after{height:15px;-webkit-transform:rotate(45deg) translateY(-1px);transform:rotate(45deg) translateY(-1px)}.fluid .mini.butt.join.has-joined:hover:before,.fluid .mini.butt.join.leave:before,.fluid button.mini.join.has-joined:hover:before,.fluid button.mini.join.leave:before{width:13px;-webkit-transform:rotate(45deg) translate(-2px,-4px);transform:rotate(45deg) translate(-2px,-4px)}.fluid .mini.butt.join.has-joined:hover:after,.fluid .mini.butt.join.leave:after,.fluid button.mini.join.has-joined:hover:after,.fluid button.mini.join.leave:after{height:13px;-webkit-transform:rotate(45deg) translate(0);transform:rotate(45deg) translate(0)}.fluid .butt,.fluid button{box-sizing:border-box;display:inline-block;padding:0 20px;vertical-align:top;font-family:Proxima Nova,helvetica neue,helvetica,arial,sans-serif;font-weight:600;font-size:16px;text-align:center;text-decoration:none;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;border-radius:3px;border:none;cursor:pointer}.fluid .butt:hover,.fluid button:hover{background-color:#1c9be9;text-decoration:none;color:#fff}.fluid .butt:active,.fluid button:active{background-color:#1781c2}.fluid .butt:focus,.fluid button:focus{box-shadow:inset 0 0 0 2px rgba(0,0,0,.6);outline:none}.fluid .butt.is-disabled,.fluid .butt:disabled,.fluid button.is-disabled,.fluid button:disabled{background:#ddd!important;color:#898989!important;cursor:default!important}.fluid .butt.is-disabled:after,.fluid .butt.is-disabled:before,.fluid .butt:disabled:after,.fluid .butt:disabled:before,.fluid button.is-disabled:after,.fluid button.is-disabled:before,.fluid button:disabled:after,.fluid button:disabled:before{background-color:#ddd!important}@media (max-width:812px) and (orientation:landscape),only screen and (max-width:700px) and (orientation:portrait){.fluid .butt.medium-ass,.fluid button.medium-ass{height:40px;line-height:40px;min-width:120px;font-size:16px}}.fluid .butt.unfluid,.fluid button.unfluid{color:#212124;background-color:transparent;height:auto;line-height:inherit;min-width:inherit;padding:0;vertical-align:baseline;font:400 12px/1.45 Proxima Nova,helvetica neue,helvetica,arial,sans-serif;-webkit-transition:none;transition:none;border-radius:0;box-shadow:none}.fluid .butt.hollow.marketing,.fluid .butt.hollow.marketing:active,.fluid .butt.hollow.marketing:focus,.fluid .butt.hollow.marketing:hover,.fluid button.hollow.marketing,.fluid button.hollow.marketing:active,.fluid button.hollow.marketing:focus,.fluid button.hollow.marketing:hover{box-shadow:inset 0 0 0 2px #fff}.fluid .butt.white,.fluid button.white{color:#000}.fluid .butt.white,.fluid .butt.white:hover,.fluid button.white,.fluid button.white:hover{background-color:#fff;-webkit-transition:color .15s ease-in-out;transition:color .15s ease-in-out}.fluid .butt.white:hover,.fluid button.white:hover{color:rgba(0,0,0,.5)}.fluid .butt.white:active,.fluid button.white:active{color:#000}.fluid .butt.alt:hover,.fluid button.alt:hover{background-color:#a4acb0}.fluid .butt.alt:active,.fluid button.alt:active{background-color:#868d91}.fluid .butt.danger:hover,.fluid button.danger:hover{background-color:#ef2b2d}.fluid .butt.danger:active,.fluid button.danger:active{background-color:#c82426}.fluid .butt.follow,.fluid button.follow{position:relative;padding-left:32px}.fluid .butt.follow.mini:after,.fluid .butt.follow.mini:before,.fluid .butt.follow:after,.fluid .butt.follow:before,.fluid button.follow.mini:after,.fluid button.follow.mini:before,.fluid button.follow:after,.fluid button.follow:before{background-color:#fff}.fluid .butt.follow.unfluid,.fluid button.follow.unfluid{position:static;padding-left:0}.fluid .butt.follow.unfluid.is-following.is-open,.fluid .butt.follow.unfluid.is-following:hover,.fluid button.follow.unfluid.is-following.is-open,.fluid button.follow.unfluid.is-following:hover{padding-right:29px}.dark .light .fluid .butt.follow.mini:after,.dark .light .fluid .butt.follow.mini:before,.dark .light .fluid .butt.follow:after,.dark .light .fluid .butt.follow:before,.dark .light .fluid button.follow.mini:after,.dark .light .fluid button.follow.mini:before,.dark .light .fluid button.follow:after,.dark .light .fluid button.follow:before,.light .dark .light .fluid .butt.follow.mini:after,.light .dark .light .fluid .butt.follow.mini:before,.light .dark .light .fluid .butt.follow:after,.light .dark .light .fluid .butt.follow:before,.light .dark .light .fluid button.follow.mini:after,.light .dark .light .fluid button.follow.mini:before,.light .dark .light .fluid button.follow:after,.light .dark .light .fluid button.follow:before{background-color:#fff}.dark .light .fluid .butt.follow:hover,.dark .light .fluid button.follow:hover,.light .dark .light .fluid .butt.follow:hover,.light .dark .light .fluid button.follow:hover{background-color:#1c9be9}.dark .light .fluid .butt.follow:active,.dark .light .fluid button.follow:active,.light .dark .light .fluid .butt.follow:active,.light .dark .light .fluid button.follow:active{background-color:#1781c2}.dark .fluid .butt.follow.mini:after,.dark .fluid .butt.follow.mini:before,.dark .fluid .butt.follow:after,.dark .fluid .butt.follow:before,.dark .fluid button.follow.mini:after,.dark .fluid button.follow.mini:before,.dark .fluid button.follow:after,.dark .fluid button.follow:before,.light .dark .fluid .butt.follow.mini:after,.light .dark .fluid .butt.follow.mini:before,.light .dark .fluid .butt.follow:after,.light .dark .fluid .butt.follow:before,.light .dark .fluid button.follow.mini:after,.light .dark .fluid button.follow.mini:before,.light .dark .fluid button.follow:after,.light .dark .fluid button.follow:before{background-color:#212124}.dark .fluid .butt.follow:active,.dark .fluid .butt.follow:hover,.dark .fluid button.follow:active,.dark .fluid button.follow:hover,.light .dark .fluid .butt.follow:active,.light .dark .fluid .butt.follow:hover,.light .dark .fluid button.follow:active,.light .dark .fluid button.follow:hover{background-color:#fff}.fluid .butt.follow.is-following,.fluid button.follow.is-following{color:#128fdc;box-shadow:inset 0 0 0 1px #128fdc;-webkit-transition:padding-right .3s ease .1s;transition:padding-right .3s ease .1s}.fluid .butt.follow.is-following:focus,.fluid button.follow.is-following:focus{box-shadow:inset 0 0 0 2px #128fdc}.fluid .butt.follow.is-following.mini:after,.fluid .butt.follow.is-following.mini:before,.fluid .butt.follow.is-following:after,.fluid .butt.follow.is-following:before,.fluid button.follow.is-following.mini:after,.fluid button.follow.is-following.mini:before,.fluid button.follow.is-following:after,.fluid button.follow.is-following:before{background-color:#128fdc}.fluid .butt.follow.is-following.is-open,.fluid .butt.follow.is-following:hover,.fluid button.follow.is-following.is-open,.fluid button.follow.is-following:hover{padding-right:40px}.fluid .butt.follow.is-following.is-open>.drop-icon,.fluid .butt.follow.is-following:hover>.drop-icon,.fluid button.follow.is-following.is-open>.drop-icon,.fluid button.follow.is-following:hover>.drop-icon{opacity:1;-webkit-transition:opacity .1s ease .2s;transition:opacity .1s ease .2s;border-left:1px solid #128fdc}.fluid .butt.follow.is-following>.drop-icon,.fluid button.follow.is-following>.drop-icon{color:#128fdc;opacity:0;right:0;top:0;padding-left:0;width:30px;position:absolute;display:inline;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.dark .light .fluid .butt.follow.is-following,.dark .light .fluid button.follow.is-following,.light .dark .light .fluid .butt.follow.is-following,.light .dark .light .fluid button.follow.is-following{color:#128fdc;box-shadow:inset 0 0 0 1px #128fdc}.dark .light .fluid .butt.follow.is-following:focus,.dark .light .fluid button.follow.is-following:focus,.light .dark .light .fluid .butt.follow.is-following:focus,.light .dark .light .fluid button.follow.is-following:focus{box-shadow:inset 0 0 0 2px #128fdc}.dark .light .fluid .butt.follow.is-following:after,.dark .light .fluid .butt.follow.is-following:before,.dark .light .fluid button.follow.is-following:after,.dark .light .fluid button.follow.is-following:before,.light .dark .light .fluid .butt.follow.is-following:after,.light .dark .light .fluid .butt.follow.is-following:before,.light .dark .light .fluid button.follow.is-following:after,.light .dark .light .fluid button.follow.is-following:before{background-color:#128fdc}.dark .light .fluid .butt.follow.is-following:active,.dark .light .fluid .butt.follow.is-following:hover,.dark .light .fluid button.follow.is-following:active,.dark .light .fluid button.follow.is-following:hover,.light .dark .light .fluid .butt.follow.is-following:active,.light .dark .light .fluid .butt.follow.is-following:hover,.light .dark .light .fluid button.follow.is-following:active,.light .dark .light .fluid button.follow.is-following:hover{background-color:transparent}.dark .fluid .butt.follow.is-following,.dark .fluid button.follow.is-following,.light .dark .fluid .butt.follow.is-following,.light .dark .fluid button.follow.is-following{color:#fff;box-shadow:inset 0 0 0 1px #fff}.dark .fluid .butt.follow.is-following:focus,.dark .fluid button.follow.is-following:focus,.light .dark .fluid .butt.follow.is-following:focus,.light .dark .fluid button.follow.is-following:focus{box-shadow:inset 0 0 0 2px #fff}.dark .fluid .butt.follow.is-following:after,.dark .fluid .butt.follow.is-following:before,.dark .fluid button.follow.is-following:after,.dark .fluid button.follow.is-following:before,.light .dark .fluid .butt.follow.is-following:after,.light .dark .fluid .butt.follow.is-following:before,.light .dark .fluid button.follow.is-following:after,.light .dark .fluid button.follow.is-following:before{background-color:#fff}.dark .fluid .butt.follow.is-following:active,.dark .fluid .butt.follow.is-following:hover,.dark .fluid button.follow.is-following:active,.dark .fluid button.follow.is-following:hover,.light .dark .fluid .butt.follow.is-following:active,.light .dark .fluid .butt.follow.is-following:hover,.light .dark .fluid button.follow.is-following:active,.light .dark .fluid button.follow.is-following:hover{background-color:transparent}.fluid .butt.follow.unfollow,.fluid button.follow.unfollow{color:#868d91;box-shadow:inset 0 0 0 1px #868d91;-webkit-transition:padding-right .3s ease .1s;transition:padding-right .3s ease .1s}.fluid .butt.follow.unfollow:focus,.fluid button.follow.unfollow:focus{box-shadow:inset 0 0 0 2px #868d91}.fluid .butt.follow.unfollow.mini:after,.fluid .butt.follow.unfollow.mini:before,.fluid .butt.follow.unfollow:after,.fluid .butt.follow.unfollow:before,.fluid button.follow.unfollow.mini:after,.fluid button.follow.unfollow.mini:before,.fluid button.follow.unfollow:after,.fluid button.follow.unfollow:before{background-color:#868d91}.dark .light .fluid .butt.follow.unfollow,.dark .light .fluid button.follow.unfollow,.light .dark .light .fluid .butt.follow.unfollow,.light .dark .light .fluid button.follow.unfollow{color:#868d91;box-shadow:inset 0 0 0 1px #868d91}.dark .light .fluid .butt.follow.unfollow:focus,.dark .light .fluid button.follow.unfollow:focus,.light .dark .light .fluid .butt.follow.unfollow:focus,.light .dark .light .fluid button.follow.unfollow:focus{box-shadow:inset 0 0 0 2px #868d91}.dark .light .fluid .butt.follow.unfollow:after,.dark .light .fluid .butt.follow.unfollow:before,.dark .light .fluid button.follow.unfollow:after,.dark .light .fluid button.follow.unfollow:before,.light .dark .light .fluid .butt.follow.unfollow:after,.light .dark .light .fluid .butt.follow.unfollow:before,.light .dark .light .fluid button.follow.unfollow:after,.light .dark .light .fluid button.follow.unfollow:before{background-color:#868d91}.dark .light .fluid .butt.follow.unfollow:active,.dark .light .fluid .butt.follow.unfollow:hover,.dark .light .fluid button.follow.unfollow:active,.dark .light .fluid button.follow.unfollow:hover,.light .dark .light .fluid .butt.follow.unfollow:active,.light .dark .light .fluid .butt.follow.unfollow:hover,.light .dark .light .fluid button.follow.unfollow:active,.light .dark .light .fluid button.follow.unfollow:hover{background-color:transparent}.dark .fluid .butt.follow.unfollow,.dark .fluid button.follow.unfollow,.light .dark .fluid .butt.follow.unfollow,.light .dark .fluid button.follow.unfollow{color:#fff;box-shadow:inset 0 0 0 1px #fff}.dark .fluid .butt.follow.unfollow:focus,.dark .fluid button.follow.unfollow:focus,.light .dark .fluid .butt.follow.unfollow:focus,.light .dark .fluid button.follow.unfollow:focus{box-shadow:inset 0 0 0 2px #fff}.dark .fluid .butt.follow.unfollow:after,.dark .fluid .butt.follow.unfollow:before,.dark .fluid button.follow.unfollow:after,.dark .fluid button.follow.unfollow:before,.light .dark .fluid .butt.follow.unfollow:after,.light .dark .fluid .butt.follow.unfollow:before,.light .dark .fluid button.follow.unfollow:after,.light .dark .fluid button.follow.unfollow:before{background-color:#fff}.dark .fluid .butt.follow.unfollow:active,.dark .fluid .butt.follow.unfollow:hover,.dark .fluid button.follow.unfollow:active,.dark .fluid button.follow.unfollow:hover,.light .dark .fluid .butt.follow.unfollow:active,.light .dark .fluid .butt.follow.unfollow:hover,.light .dark .fluid button.follow.unfollow:active,.light .dark .fluid button.follow.unfollow:hover{background-color:transparent}.fluid .butt.follow.white.mini:after,.fluid .butt.follow.white.mini:before,.fluid .butt.follow.white:after,.fluid .butt.follow.white:before,.fluid button.follow.white.mini:after,.fluid button.follow.white.mini:before,.fluid button.follow.white:after,.fluid button.follow.white:before{background-color:#fff}.fluid .butt.follow.white:focus,.fluid button.follow.white:focus{box-shadow:inset 0 0 0 2px rgba(0,0,0,.4);outline:none}.fluid .butt.follow.white:after,.fluid .butt.follow.white:before,.fluid button.follow.white:after,.fluid button.follow.white:before{background-color:#212124}.fluid .butt.follow.white.is-following.is-open>.drop-icon,.fluid .butt.follow.white.is-following:hover>.drop-icon,.fluid .butt.follow.white.unfollow.is-open>.drop-icon,.fluid .butt.follow.white.unfollow:hover>.drop-icon,.fluid button.follow.white.is-following.is-open>.drop-icon,.fluid button.follow.white.is-following:hover>.drop-icon,.fluid button.follow.white.unfollow.is-open>.drop-icon,.fluid button.follow.white.unfollow:hover>.drop-icon{border-left:1px solid #fff}.fluid .butt.follow.white.is-following>.drop-icon,.fluid .butt.follow.white.unfollow>.drop-icon,.fluid button.follow.white.is-following>.drop-icon,.fluid button.follow.white.unfollow>.drop-icon{color:#fff}.fluid .butt.join,.fluid button.join{position:relative;padding-left:32px}.fluid .butt.join.mini:after,.fluid .butt.join.mini:before,.fluid .butt.join:after,.fluid .butt.join:before,.fluid button.join.mini:after,.fluid button.join.mini:before,.fluid button.join:after,.fluid button.join:before{background-color:#212124}.fluid .butt.join:active,.fluid .butt.join:hover,.fluid button.join:active,.fluid button.join:hover{color:#212124;background-color:#fff}.fluid .butt.join.unfluid,.fluid button.join.unfluid{position:static;padding-left:0}.fluid .butt.join.has-requested:before,.fluid button.join.has-requested:before{background:url(https://s.yimg.com/ap/build/images/sprites/icons-938e2840.png) -539px -142px no-repeat;width:14px;height:14px;background-color:transparent;position:absolute;top:8px;left:8px}@media only screen and (-o-min-device-pixel-ratio:150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi){.fluid .butt.join.has-requested:before,.fluid button.join.has-requested:before{background-image:url(https://s.yimg.com/ap/build/images/sprites/icons@2x-1d0b02b8.png);background-size:554px 529px}}.fluid .butt.join.has-requested:after,.fluid button.join.has-requested:after{content:none}.fluid .butt.join.has-requested.mini:before,.fluid button.join.has-requested.mini:before{background:url(https://s.yimg.com/ap/build/images/sprites/icons-938e2840.png) -539px -112px no-repeat;width:14px;height:14px;background-color:transparent;position:absolute;top:8px;left:8px}@media only screen and (-o-min-device-pixel-ratio:150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi){.fluid .butt.join.has-requested.mini:before,.fluid button.join.has-requested.mini:before{background-image:url(https://s.yimg.com/ap/build/images/sprites/icons@2x-1d0b02b8.png);background-size:554px 529px}}.fluid .butt.join.has-requested.mini:after,.fluid button.join.has-requested.mini:after{content:none}.fluid .butt.join.has-joined.has-menu.is-open,.fluid .butt.join.has-joined.has-menu:hover,.fluid button.join.has-joined.has-menu.is-open,.fluid button.join.has-joined.has-menu:hover{padding-right:40px}.fluid .butt.join.has-joined.has-menu.is-open>.drop-icon,.fluid .butt.join.has-joined.has-menu:hover>.drop-

код покоцан:
Сообщение содержит 289845 символов.
Максимальное разрешённое количество символов: 60000.

Аватара пользователя
Pektusin
Маньяк
Сообщения: 3429
Зарегистрирован: 02 янв 2008, 10:37

Re: Flickr - всё

Сообщение Pektusin » 13 ноя 2018, 11:58

Marmot:
You have a Flickr Pro plan valid until January 18, 2038

В свое время прописал ручками в базу данных :)


У меня
Membership status
You have Flickr Pro.
Your plan will automatically renew on February 6, 2019.

Плачу по 25 долларов уже довольно давно, но 50 - это уже несколько too much. Придется сворачиваться. Поскольку у меня все фотки с livejournal хостятся на фликре, то это означает конец и этого популярного среди моих родственников издания.


Вернуться в «Программизм»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 3 гостя