Flickr - всё

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

Flickr - всё

Сообщение alpax »

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

https://blog.flickr.net/en/2018/11/01/c ... 1000photos
Аватара пользователя
Marmot
Графоман
Сообщения: 38286
Зарегистрирован: 17 фев 2003, 17:58
Откуда: Canyon Heights
Контактная информация:

Re: Flickr - всё

Сообщение Marmot »

You have a Flickr Pro plan valid until January 18, 2038
В свое время прописал ручками в базу данных :)
Аватара пользователя
johndoe
Маньяк
Сообщения: 3571
Зарегистрирован: 25 июл 2009, 22:00
Откуда: Port Moody

Re: Flickr - всё

Сообщение johndoe »

Ну и зачем они нужны за $49 если есть гугл фото с бесплатным безлимитом для всех (правда без 4K video) либо с 4K для владельцев Pixel.
Аватара пользователя
alpax
Графоман
Сообщения: 10033
Зарегистрирован: 04 мар 2003, 17:39
Откуда: Richmond, BC

Re: Flickr - всё

Сообщение alpax »

johndoe писал(а):Ну и зачем они нужны за $49 если есть гугл фото с бесплатным безлимитом для всех (правда без 4K video) либо с 4K для владельцев Pixel.
Гугл фото не поддерживает прямые ссылки на картинки.
Аватара пользователя
Waterbyte
Графоман
Сообщения: 47927
Зарегистрирован: 10 авг 2007, 13:43

Re: Flickr - всё

Сообщение Waterbyte »

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

Re: Flickr - всё

Сообщение LeoV »

alpax писал(а):
johndoe писал(а):Ну и зачем они нужны за $49 если есть гугл фото с бесплатным безлимитом для всех (правда без 4K video) либо с 4K для владельцев Pixel.
Гугл фото не поддерживает прямые ссылки на картинки.
https://www.labnol.org/internet/embed-g ... ite/29194/
Аватара пользователя
Marmot
Графоман
Сообщения: 38286
Зарегистрирован: 17 фев 2003, 17:58
Откуда: Canyon Heights
Контактная информация:

Re: Flickr - всё

Сообщение Marmot »

Waterbyte писал(а):
alpax писал(а):прямые ссылки на картинки.
а что это?
Типа вот так:
Изображениеkomsomol by gatchinskiy, on Flickr
Victoria
Очарованный странник
Сообщения: 40281
Зарегистрирован: 05 июн 2006, 08:34

Re: Flickr - всё

Сообщение Victoria »

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

Re: Flickr - всё

Сообщение Waterbyte »

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&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&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
Маньяк
Сообщения: 4496
Зарегистрирован: 02 янв 2008, 10:37

Re: Flickr - всё

Сообщение Pektusin »

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 хостятся на фликре, то это означает конец и этого популярного среди моих родственников издания.
Аватара пользователя
mikei
Графоман
Сообщения: 46488
Зарегистрирован: 27 мар 2010, 23:37
Откуда: Burnaby, BC

Re: Flickr - всё

Сообщение mikei »

За это время Тамбрл всё. Много всего всё. Simpletax. ca всё.
Ответить