diff --git a/assets/css/animations.css b/assets/css/animations.css index 9d2b65c..df6232d 100755 --- a/assets/css/animations.css +++ b/assets/css/animations.css @@ -6,82 +6,30 @@ /* Animation Setter ------------------------------------------------*/ .fadeIn { - -webkit-animation-name: fadeIn; - -webkit-animation-duration: .3s; - -webkit-animation-fill-mode: forwards; - -webkit-animation-timing-function: cubic-bezier(0.51,.92,.24,1.15); - -moz-animation-name: fadeIn; - -moz-animation-duration: .3s; - -moz-animation-fill-mode: forwards; - -moz-animation-timing-function: cubic-bezier(0.51,.92,.24,1.15); animation-name: fadeIn; animation-duration: .3s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.51,.92,.24,1.15); } .fadeOut { - -webkit-animation-name: fadeOut; - -webkit-animation-duration: .3s; - -webkit-animation-fill-mode: forwards; - -webkit-animation-timing-function: cubic-bezier(0.51,.92,.24,1.15); - -moz-animation-name: fadeOut; - -moz-animation-duration: .3s; - -moz-animation-fill-mode: forwards; - -moz-animation-timing-function: cubic-bezier(0.51,.92,.24,1.15); animation-name: fadeOut; animation-duration: .3s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.51,.92,.24,1.15); } .contentZoomIn { - -webkit-animation-name: zoomIn; - -webkit-animation-duration: .2s; - -webkit-animation-fill-mode: forwards; - -webkit-animation-timing-function: cubic-bezier(0.51,.92,.24,1); - -moz-animation-name: zoomIn; - -moz-animation-duration: .2s; - -moz-animation-fill-mode: forwards; - -moz-animation-timing-function: cubic-bezier(0.51,.92,.24,1); animation-name: zoomIn; animation-duration: .2s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.51,.92,.24,1); } .contentZoomOut { - -webkit-animation-name: zoomOut; - -webkit-animation-duration: .2s; - -webkit-animation-fill-mode: forwards; - -webkit-animation-timing-function: cubic-bezier(0.51,.92,.24,1); - -moz-animation-name: zoomOut; - -moz-animation-duration: .2s; - -moz-animation-fill-mode: forwards; - -moz-animation-timing-function: cubic-bezier(0.51,.92,.24,1); animation-name: zoomOut; animation-duration: .2s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.51,.92,.24,1); } /* moveUp ------------------------------------------------*/ -@-webkit-keyframes moveUp { - 0% { - -webkit-transform: translateY(100px); - opacity: 0; - } - 100% { - -webkit-transform: translateY(0); - opacity: 1; - } -} -@-moz-keyframes moveUp { - 0% { - -moz-transform: translateY(100px); - opacity: 0; - } - 100% { - -moz-transform: translateY(0px); - opacity: 1; - } -} @keyframes moveUp { 0% { transform: translateY(100px); @@ -94,22 +42,6 @@ } /* fadeIn ------------------------------------------------*/ -@-webkit-keyframes fadeIn { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } -} -@-moz-keyframes fadeIn { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } -} @keyframes fadeIn { 0% { opacity: 0; @@ -120,22 +52,6 @@ } /* fadeOut ------------------------------------------------*/ -@-webkit-keyframes fadeOut { - 0% { - opacity: 1; - } - 100% { - opacity: 0; - } -} -@-moz-keyframes fadeOut { - 0% { - opacity: 1; - } - 100% { - opacity: 0; - } -} @keyframes fadeOut { 0% { opacity: 1; @@ -146,22 +62,6 @@ } /* moveBackground ------------------------------------------------*/ -@-webkit-keyframes moveBackground { - 0% { - background-position-x: 0px; - } - 100% { - background-position-x: -100px; - } -} -@-moz-keyframes moveBackground { - 0% { - background-position-x: 0px; - } - 100% { - background-position-x: -100px; - } -} @keyframes moveBackground { 0% { background-position-x: 0px; @@ -172,26 +72,6 @@ } /* zoomIn ------------------------------------------------*/ -@-webkit-keyframes zoomIn { - 0% { - opacity: 0; - -webkit-transform: scale(.8); - } - 100% { - opacity: 1; - -webkit-transform: scale(1); - } -} -@-moz-keyframes zoomIn { - 0% { - opacity: 0; - -moz-transform: scale(.8); - } - 100% { - opacity: 1; - -moz-transform: scale(1); - } -} @keyframes zoomIn { 0% { opacity: 0; @@ -204,26 +84,6 @@ } /* zoomOut ------------------------------------------------*/ -@-webkit-keyframes zoomOut { - 0% { - opacity: 1; - -webkit-transform: scale(1); - } - 100% { - opacity: 0; - -webkit-transform: scale(.8); - } -} -@-moz-keyframes zoomOut { - 0% { - opacity: 1; - -moz-transform: scale(1); - } - 100% { - opacity: 0; - -moz-transform: scale(.8); - } -} @keyframes zoomOut { 0% { opacity: 1; @@ -236,26 +96,6 @@ } /* popIn ------------------------------------------------*/ -@-webkit-keyframes popIn { - 0% { - opacity: 0; - -webkit-transform: scale(0); - } - 100% { - opacity: 1; - -webkit-transform: scale(1); - } -} -@-moz-keyframes popIn { - 0% { - opacity: 0; - -moz-transform: scale(0); - } - 100% { - opacity: 1; - -moz-transform: scale(1); - } -} @keyframes popIn { 0% { opacity: 0; @@ -268,28 +108,6 @@ } /* pulse ------------------------------------------------*/ -@-webkit-keyframes pulse { - 0% { - opacity: 1; - } - 50% { - opacity: 0.3; - } - 100% { - opacity: 1; - } -} -@-moz-keyframes pulse { - 0% { - opacity: 1; - } - 50% { - opacity: 0.3; - } - 100% { - opacity: 1; - } -} @keyframes pulse { 0% { opacity: 1; diff --git a/assets/css/content.css b/assets/css/content.css index fd5014c..d3627d0 100644 --- a/assets/css/content.css +++ b/assets/css/content.css @@ -11,10 +11,7 @@ left: 0px; width: 100%; height: 20px; - background-image: -webkit-linear-gradient(top, #262626, #222); - background-image: -moz-linear-gradient(top, #262626, #222); - background-image: -ms-linear-gradient(top, #262626, #222); - background-image: linear-gradient(top, #262626, #222); + background: linear-gradient(to bottom, #262626, #222); border-top: 1px solid #333; } @@ -53,10 +50,6 @@ box-shadow: 0px 0px 5px #005ecc; } .photo:active { - -webkit-transition-duration: .1s; - -webkit-transform: scale(.98); - -moz-transition-duration: .1s; - -moz-transform: scale(.98); transition-duration: .1s; transform: scale(.98); } @@ -72,20 +65,14 @@ } .album img:first-child, .album img:nth-child(2) { - -webkit-transform: rotate(0deg) translateY(0px) translateX(0px); - -moz-transform: rotate(0deg) translateY(0px) translateX(0px); transform: rotate(0deg) translateY(0px) translateX(0px); opacity: 0; } .album:hover img:first-child { - -webkit-transform: rotate(-2deg) translateY(10px) translateX(-12px); - -moz-transform: rotate(-2deg) translateY(10px) translateX(-12px); transform: rotate(-2deg) translateY(10px) translateX(-12px); opacity: 1; } .album:hover img:nth-child(2) { - -webkit-transform: rotate(5deg) translateY(-8px) translateX(12px); - -moz-transform: rotate(5deg) translateY(-8px) translateX(12px); transform: rotate(5deg) translateY(-8px) translateX(12px); opacity: 1; } @@ -111,16 +98,10 @@ margin: 2px; } .album .overlay { - background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.9) 100%); /* FF3.6+ */ - background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.9) 100%); /* Chrome10+,Safari5.1+ */ - background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.9) 100%); /* IE10+ */ - background: linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.9) 100%); /* W3C */ + background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.9) 100%); } .photo .overlay { - background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.9) 100%); /* FF3.6+ */ - background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.9) 100%); /* Chrome10+,Safari5.1+ */ - background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.9) 100%); /* IE10+ */ - background: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.9) 100%); /* W3C */ + background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.9) 100%); opacity: 0; } .photo:hover .overlay, @@ -188,10 +169,7 @@ margin-left: -26px; width: 38px; height: 5px; - background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */ - background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ - background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* IE10+ */ - background: linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C */ + background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); opacity: .4; } .album .badge.icon-star::after, @@ -215,17 +193,11 @@ } .album .badge.red, .photo .badge.red { - background: #d64b4b; - background: -webkit-linear-gradient(top, #d64b4b, #ab2c2c); - background: -moz-linear-gradient(top, #d64b4b, #ab2c2c); - background: -ms-linear-gradient(top, #d64b4b, #ab2c2c); + background: linear-gradient(to bottom, #d64b4b 0%, #ab2c2c 100%); } .album .badge.blue, .photo .badge.blue { - background: #d64b4b; - background: -webkit-linear-gradient(top, #347cd6, #2945ab); - background: -moz-linear-gradient(top, #347cd6, #2945ab); - background: -ms-linear-gradient(top, #347cd6, #2945ab); + background: linear-gradient(to bottom, #347cd6 0%, #2945ab 100%); } /* Divider ------------------------------------------------*/ diff --git a/assets/css/contextmenu.css b/assets/css/contextmenu.css index 255582b..790f6a4 100644 --- a/assets/css/contextmenu.css +++ b/assets/css/contextmenu.css @@ -15,11 +15,7 @@ top: 0px; left: 0px; padding: 5px 0px 6px 0px; - background-color: #444; - background-image: -webkit-linear-gradient(top, #444, #2f2f2f); - background-image: -moz-linear-gradient(top, #444, #2f2f2f); - background-image: -ms-linear-gradient(top, #444, #2f2f2f); - background-image: linear-gradient(top, #444, #2f2f2f); + background: linear-gradient(to bottom, #444 0%, #2f2f2f 100%); border: 1px solid rgba(0,0,0,0.5); border-bottom: 1px solid rgba(0,0,0,.7); border-radius: 5px; @@ -27,8 +23,6 @@ opacity: 0; z-index: 1001; - -webkit-transition: none; - -moz-transition: none; transition: none; } @@ -40,11 +34,7 @@ cursor: pointer; } .contextmenu tr:hover { - background-color: #6a84f2; - background-image: -webkit-linear-gradient(top, #6a84f2, #4967F0); - background-image: -moz-linear-gradient(top, #6a84f2, #4967F0); - background-image: -ms-linear-gradient(top, #6a84f2, #4967F0); - background-image: linear-gradient(top, #6a84f2, #4967F0); + background: linear-gradient(to bottom, #6a84f2, #4967F0); } .contextmenu tr.no_hover:hover { cursor: inherit; @@ -67,8 +57,6 @@ .contextmenu tr td { padding: 7px 30px 6px 12px; white-space: nowrap; - -webkit-transition: none; - -moz-transition: none; transition: none; } .contextmenu tr:hover td { diff --git a/assets/css/header.css b/assets/css/header.css index a4ebcb3..dbc538d 100644 --- a/assets/css/header.css +++ b/assets/css/header.css @@ -8,39 +8,27 @@ header { position: fixed; height: 49px; width: 100%; - background-image: -webkit-linear-gradient(top, #3E3E3E, #282828); - background-image: -moz-linear-gradient(top, #3E3E3E, #282828); - background-image: -ms-linear-gradient(top, #3E3E3E, #282828); - background-image: linear-gradient(top, #3E3E3E, #282828); + background: linear-gradient(to bottom, #3E3E3E, #282828); border-bottom: 1px solid #161616; z-index: 1; - - -webkit-transition: -webkit-transform .3s ease-out; - -moz-transition: -moz-transform .3s ease-out; transition: transform .3s ease-out; } /* Modes ------------------------------------------------*/ header.hidden { - -webkit-transform: translateY(-60px); - -moz-transform: translateY(-60px); transform: translateY(-60px); } header.loading { - -webkit-transform: translateY(2px); - -moz-transform: translateY(2px); transform: translateY(2px); } header.error { - -webkit-transform: translateY(40px); - -moz-transform: translateY(40px); transform: translateY(40px); } header.view.error { background-color: rgba(10,10,10,.99); } header.view { - background-image: none; + background: none; border-bottom: none; } header.view .button, @@ -117,19 +105,16 @@ header { outline: none; border-radius: 50px; opacity: .6; - - -webkit-transition: opacity .3s ease-out, -webkit-transform .3s ease-out, box-shadow .3s, width .2s ease-out; - -moz-transition: opacity .3s ease-out, -moz-transform .3s ease-out, box-shadow .3s, width .2s ease-out; transition: opacity .3s ease-out, transform .3s ease-out, box-shadow .3s, width .2s ease-out; } - + header #search:focus { width: 140px; } header #search:focus ~ #clearSearch { opacity: 1; } - + header #clearSearch { position: absolute; top: 15px; @@ -137,12 +122,9 @@ header { padding: 0; font-size: 20px; opacity: 0; - - -webkit-transition: opacity .2s ease-out; - -moz-transition: opacity .2s ease-out; transition: opacity .2s ease-out; } - + header #clearSearch:hover { opacity: 1; } diff --git a/assets/css/imageview.css b/assets/css/imageview.css index cbaf13a..213bedf 100644 --- a/assets/css/imageview.css +++ b/assets/css/imageview.css @@ -10,8 +10,7 @@ width: 100%; min-height: 100%; background-color: rgba(10,10,10,.98); - - -webkit-transition: background-color .3s; + transition: background-color .3s; } /* Modes ------------------------------------------------*/ @@ -32,17 +31,7 @@ background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; - - -webkit-transition: top .3s, right .3s, bottom .3s, left .3s, margin-top .3s, opacity .2s, -webkit-transform .3s cubic-bezier(0.51,.92,.24,1.15); - -moz-transition: top .3s, right .3s, bottom .3s, left .3s, margin-top .3s, opacity .2s, -moz-transform .3s cubic-bezier(0.51,.92,.24,1.15); transition: top .3s, right .3s, bottom .3s, left .3s, margin-top .3s, opacity .2s, transform .3s cubic-bezier(0.51,.92,.24,1.15); - - -webkit-animation-name: zoomIn; - -webkit-animation-duration: .3s; - -webkit-animation-timing-function: cubic-bezier(0.51,.92,.24,1.15); - -moz-animation-name: zoomIn; - -moz-animation-duration: .3s; - -moz-animation-timing-function: cubic-bezier(0.51,.92,.24,1.15); animation-name: zoomIn; animation-duration: .3s; animation-timing-function: cubic-bezier(0.51,.92,.24,1.15); @@ -84,8 +73,6 @@ cursor: pointer; opacity: 0; z-index: 2; - -webkit-transition: opacity .2s; - -moz-transition: opacity .2s; transition: opacity .2s; } #imageview .arrow_wrapper:hover a { diff --git a/assets/css/infobox.css b/assets/css/infobox.css index 63243b0..4f8600f 100644 --- a/assets/css/infobox.css +++ b/assets/css/infobox.css @@ -22,18 +22,10 @@ background-color: rgba(20,20,20,0.98); box-shadow: -1px 0px 2px rgba(0,0,0,.8); display: none; - - -webkit-transform: translateX(370px); - -moz-transform: translateX(370px); transform: translateX(370px); - - -webkit-transition: -webkit-transform .3s cubic-bezier(0.51,.92,.24,1.15); - -moz-transition: -moz-transform .3s cubic-bezier(0.51,.92,.24,1.15); transition: transform .3s cubic-bezier(0.51,.92,.24,1.15); } #infobox.active { - -webkit-transform: translateX(50px); - -moz-transform: translateX(50px); transform: translateX(50px); } @@ -63,11 +55,7 @@ float: left; height: 49px; width: 100%; - background-color: #1d1d1d; - background-image: -webkit-linear-gradient(top, #2A2A2A, #131313); - background-image: -moz-linear-gradient(top, #2A2A2A, #131313); - background-image: -ms-linear-gradient(top, #2A2A2A, #131313); - background-image: linear-gradient(top, #2A2A2A, #131313); + background-image: linear-gradient(to bottom, #2A2A2A, #131313); border-bottom: 1px solid #000; } #infobox .header h1 { @@ -159,8 +147,6 @@ border: 2px solid rgba(255,255,255,.3); border-radius: 100px; font-size: 12px; - -webkit-transition: border .3s; - -moz-transition: border .3s; transition: border .3s; } #infobox .tag:hover { @@ -175,15 +161,11 @@ font-size: 11px; cursor: pointer; overflow: hidden; - -webkit-transform: scale(0); transform: scale(0); - -webkit-transition: width .3s, margin .3s, -webkit-transform .3s; - -moz-transition: width .3s, margin .3s; transition: width .3s, margin .3s, transform .3s; } #infobox .tag:hover span { width: 10px; margin: 0px 0px -2px 6px; - -webkit-transform: scale(1); transform: scale(1); } \ No newline at end of file diff --git a/assets/css/loading.css b/assets/css/loading.css index 00ca4a5..dc79637 100644 --- a/assets/css/loading.css +++ b/assets/css/loading.css @@ -12,16 +12,6 @@ background-repeat: repeat-x; border-bottom: 1px solid rgba(0,0,0,.3); display: none; - - /* Animation */ - -webkit-animation-name: moveBackground; - -webkit-animation-duration: .3s; - -webkit-animation-iteration-count: infinite; - -webkit-animation-timing-function: linear; - -moz-animation-name: moveBackground; - -moz-animation-duration: .3s; - -moz-animation-iteration-count: infinite; - -moz-animation-timing-function: linear; animation-name: moveBackground; animation-duration: .3s; animation-iteration-count: infinite; @@ -30,16 +20,11 @@ /* Modes ------------------------------------------------*/ #loading.loading { - background-image: -webkit-linear-gradient(left, #153674 0%, #153674 47%, #2651AE 53%, #2651AE 100%); - background-image: -moz-linear-gradient(left, #153674 0%, #153674 47%, #2651AE 53%, #2651AE 100%); - background-image: linear-gradient(left right, #153674 0%, #153674 47%, #2651AE 53%, #2651AE 100%); + background-image: linear-gradient(to right, #153674 0%, #153674 47%, #2651AE 53%, #2651AE 100%); z-index: 2; } #loading.error { - background-color: #2f0d0e; - background-image: -webkit-linear-gradient(left, #451317 0%, #451317 47%, #AA3039 53%, #AA3039 100%); - background-image: -moz-linear-gradient(left, #451317 0%, #451317 47%, #AA3039 53%, #AA3039 100%); - background-image: linear-gradient(left right, #451317 0%, #451317 47%, #AA3039 53%, #AA3039 100%); + background-image: linear-gradient(to right, #451317 0%, #451317 47%, #AA3039 53%, #AA3039 100%); z-index: 1; } diff --git a/assets/css/mediaquery.css b/assets/css/mediaquery.css index aa77d0d..ea6e8d9 100644 --- a/assets/css/mediaquery.css +++ b/assets/css/mediaquery.css @@ -57,8 +57,6 @@ border-radius: 0px !important; /* Animation */ - -webkit-animation: moveUp .3s !important; - -moz-animation: moveUp .3s !important; animation: moveUp .3s !important; } diff --git a/assets/css/message.css b/assets/css/message.css index 401ffef..a7d2d9e 100644 --- a/assets/css/message.css +++ b/assets/css/message.css @@ -20,20 +20,11 @@ margin-left: -250px; margin-top: -95px; background-color: #444; - background-image: -webkit-linear-gradient(top, rgb(75, 75, 75), rgb(45, 45, 45)); - background-image: -moz-linear-gradient(top, rgb(75, 75, 75), rgb(45, 45, 45)); - background-image: -ms-linear-gradient(top, rgb(75, 75, 75), rgb(45, 45, 45)); - background-image: linear-gradient(top, rgb(75, 75, 75), rgb(45, 45, 45)); + background-image: linear-gradient(to bottom, rgb(75, 75, 75), rgb(45, 45, 45)); border-radius: 5px; box-shadow: 0px 0px 5px #000, inset 0px 1px 0px rgba(255,255,255,.08); /* Animation */ - -webkit-animation-name: moveUp; - -webkit-animation-duration: .3s; - -webkit-animation-timing-function: cubic-bezier(0.51,.92,.24,1.15); - -moz-animation-name: moveUp; - -moz-animation-duration: .3s; - -moz-animation-timing-function: cubic-bezier(0.51,.92,.24,1.15); animation-name: moveUp; animation-duration: .3s; animation-timing-function: cubic-bezier(0.51,.92,.24,1.15); @@ -107,19 +98,12 @@ box-shadow: inset 0px 1px 0px rgba(255,255,255,.08), 0px 1px 0px rgba(255,255,255,.1), 0px 0px 4px #005ecc; } .message .button:hover { - background-color: #565757; - background-image: -webkit-linear-gradient(top, rgb(60, 60, 60), rgb(57, 57, 57)); - background-image: -moz-linear-gradient(top, rgb(60, 60, 60), rgb(57, 57, 57)); - background-image: -ms-linear-gradient(top, rgb(60, 60, 60), rgb(57, 57, 57)); - background-image: linear-gradient(top, rgb(60, 60, 60), rgb(57, 57, 57)); + background-image: linear-gradient(to bottom, rgb(60, 60, 60), rgb(57, 57, 57)); } .message .button:active, .message .button.pressed { background-color: #393939; - background-image: -webkit-linear-gradient(top, rgb(57, 57, 57), rgb(60, 60, 60)); - background-image: -moz-linear-gradient(top, rgb(57, 57, 57), rgb(60, 60, 60)); - background-image: -ms-linear-gradient(top, rgb(57, 57, 57), rgb(60, 60, 60)); - background-image: linear-gradient(top, rgb(57, 57, 57), rgb(60, 60, 60)); + background-image: linear-gradient(to bottom, rgb(57, 57, 57), rgb(60, 60, 60)); } /* Sign in ------------------------------------------------*/ diff --git a/assets/css/misc.css b/assets/css/misc.css index 9ae7d34..8a7f715 100755 --- a/assets/css/misc.css +++ b/assets/css/misc.css @@ -29,8 +29,6 @@ body.view { -webkit-user-select: none; -moz-user-select: none; user-select: none; - -webkit-transition: color .3s, opacity .3s ease-out, -webkit-transform .3s ease-out, box-shadow .3s; - -moz-transition: opacity .3s ease-out, -moz-transform .3s ease-out, box-shadow .3s; transition: color .3s, opacity .3s ease-out, transform .3s ease-out, box-shadow .3s; } input { diff --git a/assets/css/tooltip.css b/assets/css/tooltip.css index 8958666..f01847f 100644 --- a/assets/css/tooltip.css +++ b/assets/css/tooltip.css @@ -7,12 +7,6 @@ font-size: 12px; position: absolute; z-index: 100000; - - /* Animation */ - -webkit-animation-name: fadeIn; - -webkit-animation-duration: .3s; - -moz-animation-name: fadeIn; - -moz-animation-duration: .3s; animation-name: fadeIn; animation-duration: .3s; } diff --git a/assets/min/main.css b/assets/min/main.css index b2e0af4..993f18c 100644 --- a/assets/min/main.css +++ b/assets/min/main.css @@ -1 +1 @@ -a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.fadeIn{-webkit-animation-name:fadeIn;-webkit-animation-duration:.3s;-webkit-animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(0.51,.92,.24,1.15);-moz-animation-name:fadeIn;-moz-animation-duration:.3s;-moz-animation-fill-mode:forwards;-moz-animation-timing-function:cubic-bezier(0.51,.92,.24,1.15);animation-name:fadeIn;animation-duration:.3s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.51,.92,.24,1.15)}.fadeOut{-webkit-animation-name:fadeOut;-webkit-animation-duration:.3s;-webkit-animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(0.51,.92,.24,1.15);-moz-animation-name:fadeOut;-moz-animation-duration:.3s;-moz-animation-fill-mode:forwards;-moz-animation-timing-function:cubic-bezier(0.51,.92,.24,1.15);animation-name:fadeOut;animation-duration:.3s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.51,.92,.24,1.15)}.contentZoomIn{-webkit-animation-name:zoomIn;-webkit-animation-duration:.2s;-webkit-animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(0.51,.92,.24,1);-moz-animation-name:zoomIn;-moz-animation-duration:.2s;-moz-animation-fill-mode:forwards;-moz-animation-timing-function:cubic-bezier(0.51,.92,.24,1);animation-name:zoomIn;animation-duration:.2s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.51,.92,.24,1)}.contentZoomOut{-webkit-animation-name:zoomOut;-webkit-animation-duration:.2s;-webkit-animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(0.51,.92,.24,1);-moz-animation-name:zoomOut;-moz-animation-duration:.2s;-moz-animation-fill-mode:forwards;-moz-animation-timing-function:cubic-bezier(0.51,.92,.24,1);animation-name:zoomOut;animation-duration:.2s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.51,.92,.24,1)}@-webkit-keyframes moveUp{0%{-webkit-transform:translateY(100px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@-moz-keyframes moveUp{0%{-moz-transform:translateY(100px);opacity:0}100%{-moz-transform:translateY(0px);opacity:1}}@keyframes moveUp{0%{transform:translateY(100px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes moveBackground{0%{background-position-x:0}100%{background-position-x:-100px}}@-moz-keyframes moveBackground{0%{background-position-x:0}100%{background-position-x:-100px}}@keyframes moveBackground{0%{background-position-x:0}100%{background-position-x:-100px}}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.8)}100%{opacity:1;-webkit-transform:scale(1)}}@-moz-keyframes zoomIn{0%{opacity:0;-moz-transform:scale(.8)}100%{opacity:1;-moz-transform:scale(1)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}@-webkit-keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1)}100%{opacity:0;-webkit-transform:scale(.8)}}@-moz-keyframes zoomOut{0%{opacity:1;-moz-transform:scale(1)}100%{opacity:0;-moz-transform:scale(.8)}}@keyframes zoomOut{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.8)}}@-webkit-keyframes popIn{0%{opacity:0;-webkit-transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1)}}@-moz-keyframes popIn{0%{opacity:0;-moz-transform:scale(0)}100%{opacity:1;-moz-transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(0)}100%{opacity:1;transform:scale(1)}}@-webkit-keyframes pulse{0%{opacity:1}50%{opacity:.3}100%{opacity:1}}@-moz-keyframes pulse{0%{opacity:1}50%{opacity:.3}100%{opacity:1}}@keyframes pulse{0%{opacity:1}50%{opacity:.3}100%{opacity:1}}#content::before{content:"";position:absolute;left:0;width:100%;height:20px;background-image:-webkit-linear-gradient(top,#262626,#222);background-image:-moz-linear-gradient(top,#262626,#222);background-image:-ms-linear-gradient(top,#262626,#222);background-image:linear-gradient(top,#262626,#222);border-top:1px solid #333}#content.view::before{display:none}#content{position:absolute;padding:50px 0 33px;width:100%;min-height:calc(100% - 90px);-webkit-overflow-scrolling:touch}.photo{float:left;display:inline-block;width:206px;height:206px;margin:30px 0 0 30px;cursor:pointer}.photo img{position:absolute;width:200px;height:200px;background-color:#222;border-radius:2px;border:2px solid #ccc}.photo.active img,.photo:hover img{box-shadow:0 0 5px #005ecc}.photo:active{-webkit-transition-duration:.1s;-webkit-transform:scale(.98);-moz-transition-duration:.1s;-moz-transform:scale(.98);transition-duration:.1s;transform:scale(.98)}.album{float:left;display:inline-block;width:204px;height:204px;margin:30px 0 0 30px;cursor:pointer}.album img:first-child,.album img:nth-child(2){-webkit-transform:rotate(0deg) translateY(0px) translateX(0px);-moz-transform:rotate(0deg) translateY(0px) translateX(0px);transform:rotate(0deg) translateY(0px) translateX(0px);opacity:0}.album:hover img:first-child{-webkit-transform:rotate(-2deg) translateY(10px) translateX(-12px);-moz-transform:rotate(-2deg) translateY(10px) translateX(-12px);transform:rotate(-2deg) translateY(10px) translateX(-12px);opacity:1}.album:hover img:nth-child(2){-webkit-transform:rotate(5deg) translateY(-8px) translateX(12px);-moz-transform:rotate(5deg) translateY(-8px) translateX(12px);transform:rotate(5deg) translateY(-8px) translateX(12px);opacity:1}.album img{position:absolute;width:200px;height:200px;background-color:#222;border-radius:2px;border:2px solid #ccc}.album.active img,.album:hover img{box-shadow:0 0 5px #005ecc}.album .overlay,.photo .overlay{position:absolute;width:200px;height:200px;margin:2px}.album .overlay{background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 20%,rgba(0,0,0,.9) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 20%,rgba(0,0,0,.9) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 20%,rgba(0,0,0,.9) 100%);background:linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 20%,rgba(0,0,0,.9) 100%)}.photo .overlay{background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 60%,rgba(0,0,0,.5) 80%,rgba(0,0,0,.9) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 60%,rgba(0,0,0,.5) 80%,rgba(0,0,0,.9) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 60%,rgba(0,0,0,.5) 80%,rgba(0,0,0,.9) 100%);background:linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 60%,rgba(0,0,0,.5) 80%,rgba(0,0,0,.9) 100%);opacity:0}.photo.active .overlay,.photo:hover .overlay{opacity:1}.album .overlay h1,.photo .overlay h1{min-height:19px;width:185px;margin:153px 0 3px 15px;color:#fff;font-size:16px;font-weight:700;overflow:hidden}.album .overlay a,.photo .overlay a{font-size:11px;color:#aaa}.album .overlay a{margin-left:15px}.photo .overlay a{margin:155px 0 5px 15px}.photo .overlay a span{margin:0 5px 0 0}.album .badge,.photo .badge{position:absolute;margin-top:-1px;margin-left:12px;padding:12px 7px 3px;box-shadow:0 0 3px rgba(0,0,0,.8);border-radius:0 0 3px 3px;border:1px solid #fff;border-top:none;color:#fff;font-size:24px;text-shadow:0 1px 0 rgba(0,0,0,.4);opacity:.9}.album .badge.icon-star,.photo .badge.icon-star{padding:12px 8px 3px}.album .badge.icon-share,.photo .badge.icon-share{padding:12px 6px 3px 8px}.album .badge.icon-time,.photo .badge.icon-time{padding:12px 8px 3px 9px}.album .badge::after,.photo .badge::after{content:"";position:absolute;margin-top:-12px;margin-left:-26px;width:38px;height:5px;background:-moz-linear-gradient(top,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);background:linear-gradient(top,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);opacity:.4}.album .badge.icon-star::after,.photo .badge.icon-star::after{margin-left:-29px}.album .badge.icon-share::after,.photo .badge.icon-share::after{margin-left:-31px}.album .badge.icon-time::after,.photo .badge.icon-time::after{margin-left:-29px}.album .badge.icon-reorder::after{margin-left:-30px}.album .badge:nth-child(2n),.photo .badge:nth-child(2n){margin-left:57px}.album .badge.red,.photo .badge.red{background:#d64b4b;background:-webkit-linear-gradient(top,#d64b4b,#ab2c2c);background:-moz-linear-gradient(top,#d64b4b,#ab2c2c);background:-ms-linear-gradient(top,#d64b4b,#ab2c2c)}.album .badge.blue,.photo .badge.blue{background:#d64b4b;background:-webkit-linear-gradient(top,#347cd6,#2945ab);background:-moz-linear-gradient(top,#347cd6,#2945ab);background:-ms-linear-gradient(top,#347cd6,#2945ab)}.divider{float:left;width:100%;margin-top:50px;opacity:0;border-top:1px solid #2E2E2E;box-shadow:0 -1px 0 #151515}.divider:first-child{margin-top:0;border-top:none}.divider h1{float:left;margin:20px 0 0 30px;color:#fff;font-size:14px;font-weight:700;text-shadow:0 -1px 0 rgba(0,0,0,.8)}.no_content{position:absolute;top:50%;left:50%;height:160px;width:180px;margin-top:-80px;margin-left:-90px;padding-top:20px;color:rgba(20,20,20,1);text-shadow:0 1px 0 rgba(255,255,255,.05);text-align:center}.no_content .icon{font-size:120px}.no_content p{font-size:18px}.contextmenu_bg{position:fixed;height:100%;width:100%;z-index:1000}.contextmenu{position:fixed;top:0;left:0;padding:5px 0 6px;background-color:#444;background-image:-webkit-linear-gradient(top,#444,#2f2f2f);background-image:-moz-linear-gradient(top,#444,#2f2f2f);background-image:-ms-linear-gradient(top,#444,#2f2f2f);background-image:linear-gradient(top,#444,#2f2f2f);border:1px solid rgba(0,0,0,.5);border-bottom:1px solid rgba(0,0,0,.7);border-radius:5px;box-shadow:0 3px 4px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.1);opacity:0;z-index:1001;-webkit-transition:none;-moz-transition:none;transition:none}.contextmenu tr{font-size:14px;color:#eee;text-shadow:0 -1px 0 rgba(0,0,0,.2);cursor:pointer}.contextmenu tr:hover{background-color:#6a84f2;background-image:-webkit-linear-gradient(top,#6a84f2,#4967F0);background-image:-moz-linear-gradient(top,#6a84f2,#4967F0);background-image:-ms-linear-gradient(top,#6a84f2,#4967F0);background-image:linear-gradient(top,#6a84f2,#4967F0)}.contextmenu tr.no_hover:hover{cursor:inherit;background-color:inherit;background-image:none}.contextmenu tr.separator{float:left;height:1px;width:100%;background-color:#1f1f1f;border-bottom:1px solid #4c4c4c;margin:5px 0;cursor:inherit}.contextmenu tr.separator:hover{background-color:#222;background-image:none}.contextmenu tr td{padding:7px 30px 6px 12px;white-space:nowrap;-webkit-transition:none;-moz-transition:none;transition:none}.contextmenu tr:hover td{color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);text-shadow:0 -1px 0 rgba(0,0,0,.2)}.contextmenu tr.no_hover:hover td{box-shadow:none}.contextmenu tr a{float:left;width:10px;margin-right:10px;text-align:center}.contextmenu #link{float:right;width:140px;margin:-1px -18px -2px -1px;padding:5px 7px 6px;background-color:#444;color:#fff;border:none;border:1px solid rgba(0,0,0,.5);box-shadow:0 1px 0 rgba(255,255,255,.08);outline:0;border-radius:5px}.contextmenu tr a#link_icon{padding-top:4px}@font-face{font-family:FontAwesome;src:url(../font/fontawesome-webfont.eot);src:url(../font/fontawesome-webfont.eot?#iefix) format('eot'),url(../font/fontawesome-webfont.woff) format('woff'),url(../font/fontawesome-webfont.ttf) format('truetype'),url(../font/fontawesome-webfont.svg#FontAwesome) format('svg');font-weight:400;font-style:normal}[class*=" icon-"]:before,[class^=icon-]:before{font-family:FontAwesome;font-weight:400;font-style:normal;display:inline-block;text-decoration:inherit}a [class*=" icon-"],a [class^=icon-]{display:inline-block;text-decoration:inherit}.icon-large:before{vertical-align:top;font-size:1.3333333333333333em}.btn [class*=" icon-"],.btn [class^=icon-]{line-height:.9em}li [class*=" icon-"],li [class^=icon-]{display:inline-block;width:1.25em;text-align:center}li .icon-large[class*=" icon-"],li .icon-large[class^=icon-]{width:1.875em}li[class*=" icon-"],li[class^=icon-]{margin-left:0;list-style-type:none}li[class*=" icon-"]:before,li[class^=icon-]:before{text-indent:-2em;text-align:center}li[class*=" icon-"].icon-large:before,li[class^=icon-].icon-large:before{text-indent:-1.3333333333333333em}.icon-glass:before{content:"\f000"}.icon-music:before{content:"\f001"}.icon-search:before{content:"\f002"}.icon-envelope:before{content:"\f003"}.icon-heart:before{content:"\f004"}.icon-star:before{content:"\f005"}.icon-star-empty:before{content:"\f006"}.icon-user:before{content:"\f007"}.icon-film:before{content:"\f008"}.icon-th-large:before{content:"\f009"}.icon-th:before{content:"\f00a"}.icon-th-list:before{content:"\f00b"}.icon-ok:before{content:"\f00c"}.icon-remove:before{content:"\f00d"}.icon-zoom-in:before{content:"\f00e"}.icon-zoom-out:before{content:"\f010"}.icon-off:before{content:"\f011"}.icon-signal:before{content:"\f012"}.icon-cog:before{content:"\f013"}.icon-trash:before{content:"\f014"}.icon-home:before{content:"\f015"}.icon-file:before{content:"\f016"}.icon-time:before{content:"\f017"}.icon-road:before{content:"\f018"}.icon-download-alt:before{content:"\f019"}.icon-download:before{content:"\f01a"}.icon-upload:before{content:"\f01b"}.icon-inbox:before{content:"\f01c"}.icon-play-circle:before{content:"\f01d"}.icon-repeat:before{content:"\f01e"}.icon-refresh:before{content:"\f021"}.icon-list-alt:before{content:"\f022"}.icon-lock:before{content:"\f023"}.icon-flag:before{content:"\f024"}.icon-headphones:before{content:"\f025"}.icon-volume-off:before{content:"\f026"}.icon-volume-down:before{content:"\f027"}.icon-volume-up:before{content:"\f028"}.icon-qrcode:before{content:"\f029"}.icon-barcode:before{content:"\f02a"}.icon-tag:before{content:"\f02b"}.icon-tags:before{content:"\f02c"}.icon-book:before{content:"\f02d"}.icon-bookmark:before{content:"\f02e"}.icon-print:before{content:"\f02f"}.icon-camera:before{content:"\f030"}.icon-font:before{content:"\f031"}.icon-bold:before{content:"\f032"}.icon-italic:before{content:"\f033"}.icon-text-height:before{content:"\f034"}.icon-text-width:before{content:"\f035"}.icon-align-left:before{content:"\f036"}.icon-align-center:before{content:"\f037"}.icon-align-right:before{content:"\f038"}.icon-align-justify:before{content:"\f039"}.icon-list:before{content:"\f03a"}.icon-indent-left:before{content:"\f03b"}.icon-indent-right:before{content:"\f03c"}.icon-facetime-video:before{content:"\f03d"}.icon-picture:before{content:"\f03e"}.icon-pencil:before{content:"\f040"}.icon-map-marker:before{content:"\f041"}.icon-adjust:before{content:"\f042"}.icon-tint:before{content:"\f043"}.icon-edit:before{content:"\f044"}.icon-share:before{content:"\f045"}.icon-check:before{content:"\f046"}.icon-move:before{content:"\f047"}.icon-step-backward:before{content:"\f048"}.icon-fast-backward:before{content:"\f049"}.icon-backward:before{content:"\f04a"}.icon-play:before{content:"\f04b"}.icon-pause:before{content:"\f04c"}.icon-stop:before{content:"\f04d"}.icon-forward:before{content:"\f04e"}.icon-fast-forward:before{content:"\f050"}.icon-step-forward:before{content:"\f051"}.icon-eject:before{content:"\f052"}.icon-chevron-left:before{content:"\f053"}.icon-chevron-right:before{content:"\f054"}.icon-plus-sign:before{content:"\f055"}.icon-minus-sign:before{content:"\f056"}.icon-remove-sign:before{content:"\f057"}.icon-ok-sign:before{content:"\f058"}.icon-question-sign:before{content:"\f059"}.icon-info-sign:before{content:"\f05a"}.icon-screenshot:before{content:"\f05b"}.icon-remove-circle:before{content:"\f05c"}.icon-ok-circle:before{content:"\f05d"}.icon-ban-circle:before{content:"\f05e"}.icon-arrow-left:before{content:"\f060"}.icon-arrow-right:before{content:"\f061"}.icon-arrow-up:before{content:"\f062"}.icon-arrow-down:before{content:"\f063"}.icon-share-alt:before{content:"\f064"}.icon-resize-full:before{content:"\f065"}.icon-resize-small:before{content:"\f066"}.icon-plus:before{content:"\f067"}.icon-minus:before{content:"\f068"}.icon-asterisk:before{content:"\f069"}.icon-exclamation-sign:before{content:"\f06a"}.icon-gift:before{content:"\f06b"}.icon-leaf:before{content:"\f06c"}.icon-fire:before{content:"\f06d"}.icon-eye-open:before{content:"\f06e"}.icon-eye-close:before{content:"\f070"}.icon-warning-sign:before{content:"\f071"}.icon-plane:before{content:"\f072"}.icon-calendar:before{content:"\f073"}.icon-random:before{content:"\f074"}.icon-comment:before{content:"\f075"}.icon-magnet:before{content:"\f076"}.icon-chevron-up:before{content:"\f077"}.icon-chevron-down:before{content:"\f078"}.icon-retweet:before{content:"\f079"}.icon-shopping-cart:before{content:"\f07a"}.icon-folder-close:before{content:"\f07b"}.icon-folder-open:before{content:"\f07c"}.icon-resize-vertical:before{content:"\f07d"}.icon-resize-horizontal:before{content:"\f07e"}.icon-bar-chart:before{content:"\f080"}.icon-twitter-sign:before{content:"\f081"}.icon-facebook-sign:before{content:"\f082"}.icon-camera-retro:before{content:"\f083"}.icon-key:before{content:"\f084"}.icon-cogs:before{content:"\f085"}.icon-comments:before{content:"\f086"}.icon-thumbs-up:before{content:"\f087"}.icon-thumbs-down:before{content:"\f088"}.icon-star-half:before{content:"\f089"}.icon-heart-empty:before{content:"\f08a"}.icon-signout:before{content:"\f08b"}.icon-linkedin-sign:before{content:"\f08c"}.icon-pushpin:before{content:"\f08d"}.icon-external-link:before{content:"\f08e"}.icon-signin:before{content:"\f090"}.icon-trophy:before{content:"\f091"}.icon-github-sign:before{content:"\f092"}.icon-upload-alt:before{content:"\f093"}.icon-lemon:before{content:"\f094"}.icon-phone:before{content:"\f095"}.icon-check-empty:before{content:"\f096"}.icon-bookmark-empty:before{content:"\f097"}.icon-phone-sign:before{content:"\f098"}.icon-twitter:before{content:"\f099"}.icon-facebook:before{content:"\f09a"}.icon-github:before{content:"\f09b"}.icon-unlock:before{content:"\f09c"}.icon-credit-card:before{content:"\f09d"}.icon-rss:before{content:"\f09e"}.icon-hdd:before{content:"\f0a0"}.icon-bullhorn:before{content:"\f0a1"}.icon-bell:before{content:"\f0a2"}.icon-certificate:before{content:"\f0a3"}.icon-hand-right:before{content:"\f0a4"}.icon-hand-left:before{content:"\f0a5"}.icon-hand-up:before{content:"\f0a6"}.icon-hand-down:before{content:"\f0a7"}.icon-circle-arrow-left:before{content:"\f0a8"}.icon-circle-arrow-right:before{content:"\f0a9"}.icon-circle-arrow-up:before{content:"\f0aa"}.icon-circle-arrow-down:before{content:"\f0ab"}.icon-globe:before{content:"\f0ac"}.icon-wrench:before{content:"\f0ad"}.icon-tasks:before{content:"\f0ae"}.icon-filter:before{content:"\f0b0"}.icon-briefcase:before{content:"\f0b1"}.icon-fullscreen:before{content:"\f0b2"}.icon-group:before{content:"\f0c0"}.icon-link:before{content:"\f0c1"}.icon-cloud:before{content:"\f0c2"}.icon-beaker:before{content:"\f0c3"}.icon-cut:before{content:"\f0c4"}.icon-copy:before{content:"\f0c5"}.icon-paper-clip:before{content:"\f0c6"}.icon-save:before{content:"\f0c7"}.icon-sign-blank:before{content:"\f0c8"}.icon-reorder:before{content:"\f0c9"}.icon-list-ul:before{content:"\f0ca"}.icon-list-ol:before{content:"\f0cb"}.icon-strikethrough:before{content:"\f0cc"}.icon-underline:before{content:"\f0cd"}.icon-table:before{content:"\f0ce"}.icon-magic:before{content:"\f0d0"}.icon-truck:before{content:"\f0d1"}.icon-pinterest:before{content:"\f0d2"}.icon-pinterest-sign:before{content:"\f0d3"}.icon-google-plus-sign:before{content:"\f0d4"}.icon-google-plus:before{content:"\f0d5"}.icon-money:before{content:"\f0d6"}.icon-caret-down:before{content:"\f0d7"}.icon-caret-up:before{content:"\f0d8"}.icon-caret-left:before{content:"\f0d9"}.icon-caret-right:before{content:"\f0da"}.icon-columns:before{content:"\f0db"}.icon-sort:before{content:"\f0dc"}.icon-sort-down:before{content:"\f0dd"}.icon-sort-up:before{content:"\f0de"}.icon-envelope-alt:before{content:"\f0e0"}.icon-linkedin:before{content:"\f0e1"}.icon-undo:before{content:"\f0e2"}.icon-legal:before{content:"\f0e3"}.icon-dashboard:before{content:"\f0e4"}.icon-comment-alt:before{content:"\f0e5"}.icon-comments-alt:before{content:"\f0e6"}.icon-bolt:before{content:"\f0e7"}.icon-sitemap:before{content:"\f0e8"}.icon-umbrella:before{content:"\f0e9"}.icon-paste:before{content:"\f0ea"}.icon-user-md:before{content:"\f200"}header{position:fixed;height:49px;width:100%;background-image:-webkit-linear-gradient(top,#3E3E3E,#282828);background-image:-moz-linear-gradient(top,#3E3E3E,#282828);background-image:-ms-linear-gradient(top,#3E3E3E,#282828);background-image:linear-gradient(top,#3E3E3E,#282828);border-bottom:1px solid #161616;z-index:1;-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;transition:transform .3s ease-out}header.hidden{-webkit-transform:translateY(-60px);-moz-transform:translateY(-60px);transform:translateY(-60px)}header.loading{-webkit-transform:translateY(2px);-moz-transform:translateY(2px);transform:translateY(2px)}header.error{-webkit-transform:translateY(40px);-moz-transform:translateY(40px);transform:translateY(40px)}header.view.error{background-color:rgba(10,10,10,.99)}header.view{background-image:none;border-bottom:none}header.view #title,header.view .button,header.view .tools{text-shadow:none!important}header #title{position:absolute;margin:0 30%;width:40%;padding:15px 0;color:#fff;font-size:16px;font-weight:700;text-align:center;text-shadow:0 -1px 0 #222}header #title.editable{cursor:pointer}header .button{color:#888;font-family:FontAwesome;font-size:21px;font-weight:700;text-decoration:none!important;cursor:pointer;text-shadow:0 -1px 0 #222}header .button.left{float:left;position:absolute;padding:16px 10px 8px 18px}header .button.right{float:right;position:relative;padding:16px 19px 13px 11px}header .button:hover{color:#fff}header #button_signin,header #tools_album,header #tools_albums,header #tools_photo{display:none}header .button_divider{float:right;position:relative;width:14px;height:50px}header #search{float:right;width:80px;margin:12px 12px 0 0;padding:5px 12px 6px;background-color:#383838;color:#fff;border:none;border:1px solid #131313;box-shadow:0 1px 0 rgba(255,255,255,.1);outline:0;border-radius:50px;opacity:.6;-webkit-transition:opacity .3s ease-out,-webkit-transform .3s ease-out,box-shadow .3s,width .2s ease-out;-moz-transition:opacity .3s ease-out,-moz-transform .3s ease-out,box-shadow .3s,width .2s ease-out;transition:opacity .3s ease-out,transform .3s ease-out,box-shadow .3s,width .2s ease-out}header #search:focus{width:140px}header #search:focus~#clearSearch{opacity:1}header #clearSearch{position:absolute;top:15px;right:81px;padding:0;font-size:20px;opacity:0;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;transition:opacity .2s ease-out}header #clearSearch:hover{opacity:1}header .tools:first-of-type{margin-right:6px}header .tools{float:right;padding:14px 8px;color:#888;font-size:21px;text-shadow:0 -1px 0 #222;cursor:pointer}header .tools:hover a{color:#fff}header .tools .icon-star{color:#f0ef77}header .tools .icon-share.active{color:#ff9737}header #hostedwith{float:right;padding:5px 10px;margin:13px 9px;color:#888;font-size:13px;text-shadow:0 -1px 0 #222;display:none;cursor:pointer}header #hostedwith:hover{background-color:rgba(0,0,0,.2);border-radius:100px}#imageview{position:fixed;display:none;width:100%;min-height:100%;background-color:rgba(10,10,10,.98);-webkit-transition:background-color .3s}#imageview.view{background-color:inherit}#imageview.full{background-color:rgba(0,0,0,1)}#imageview #image{position:absolute;top:60px;right:30px;bottom:30px;left:30px;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;-webkit-transition:top .3s,right .3s,bottom .3s,left .3s,margin-top .3s,opacity .2s,-webkit-transform .3s cubic-bezier(0.51,.92,.24,1.15);-moz-transition:top .3s,right .3s,bottom .3s,left .3s,margin-top .3s,opacity .2s,-moz-transform .3s cubic-bezier(0.51,.92,.24,1.15);transition:top .3s,right .3s,bottom .3s,left .3s,margin-top .3s,opacity .2s,transform .3s cubic-bezier(0.51,.92,.24,1.15);-webkit-animation-name:zoomIn;-webkit-animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.51,.92,.24,1.15);-moz-animation-name:zoomIn;-moz-animation-duration:.3s;-moz-animation-timing-function:cubic-bezier(0.51,.92,.24,1.15);animation-name:zoomIn;animation-duration:.3s;animation-timing-function:cubic-bezier(0.51,.92,.24,1.15)}#imageview #image.small{top:50%;right:auto;bottom:auto;left:50%}#imageview #image.full{top:0;right:0;bottom:0;left:0}#imageview .arrow_wrapper{position:fixed;width:20%;height:calc(100% - 60px);top:60px;z-index:1}#imageview .arrow_wrapper.previous{left:0}#imageview .arrow_wrapper.next{right:0}#imageview .arrow_wrapper a{position:fixed;top:50%;margin-top:-10px;color:#fff;font-size:50px;text-shadow:0 1px 2px #000;cursor:pointer;opacity:0;z-index:2;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s}#imageview .arrow_wrapper:hover a{opacity:.2}#imageview .arrow_wrapper a#previous{left:20px}#imageview .arrow_wrapper a#next{right:20px}#infobox_overlay{z-index:3;position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.8)}#infobox{z-index:4;position:fixed;right:0;width:350px;height:100%;background-color:rgba(20,20,20,.98);box-shadow:-1px 0 2px rgba(0,0,0,.8);display:none;-webkit-transform:translateX(370px);-moz-transform:translateX(370px);transform:translateX(370px);-webkit-transition:-webkit-transform .3s cubic-bezier(0.51,.92,.24,1.15);-moz-transition:-moz-transform .3s cubic-bezier(0.51,.92,.24,1.15);transition:transform .3s cubic-bezier(0.51,.92,.24,1.15)}#infobox.active{-webkit-transform:translateX(50px);-moz-transform:translateX(50px);transform:translateX(50px)}#infobox .wrapper{float:left;height:100%;width:300px;overflow:scroll;-webkit-overflow-scrolling:touch}#infobox .edit{display:inline;margin-left:3px;width:20px;height:5px;cursor:pointer}#infobox .bumper{float:left;width:100%;height:50px}#infobox .header{float:left;height:49px;width:100%;background-color:#1d1d1d;background-image:-webkit-linear-gradient(top,#2A2A2A,#131313);background-image:-moz-linear-gradient(top,#2A2A2A,#131313);background-image:-ms-linear-gradient(top,#2A2A2A,#131313);background-image:linear-gradient(top,#2A2A2A,#131313);border-bottom:1px solid #000}#infobox .header h1{position:absolute;margin:15px 30% 15px calc(30% - 25px);width:40%;color:#fff;font-size:16px;font-weight:700;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.8)}#infobox .header a{float:right;padding:15px 65px 15px 15px;color:#fff;font-size:20px;font-weight:700;text-shadow:0 -1px 0 rgba(0,0,0,.8);opacity:.5;cursor:pointer}#infobox .header a:hover{opacity:1}#infobox .separator{float:left;width:100%;border-top:1px solid rgba(255,255,255,.04);box-shadow:0 -1px 0 #000}#infobox .separator h1{margin:20px 0 5px 20px;color:#fff;font-size:14px;font-weight:700;text-shadow:0 -1px 0 rgba(0,0,0,.8)}#infobox table{float:left;margin:10px 0 15px 20px}#infobox table tr td{padding:5px 0;color:#fff;font-size:14px;line-height:19px;-webkit-user-select:text;-moz-user-select:text;user-select:text}#infobox table tr td:first-child{width:110px}#infobox table tr td:last-child{padding-right:10px}#infobox #tags{width:calc(100% - 40px);margin:16px 20px 12px;color:#fff;display:inline-block}#infobox #tags .empty{font-size:14px;margin-bottom:8px}#infobox #tags .edit{display:inline-block}#infobox #tags .empty .edit{display:inline}#infobox .tag{float:left;padding:4px 7px;margin:0 6px 8px 0;background-color:rgba(0,0,0,.5);border:2px solid rgba(255,255,255,.3);border-radius:100px;font-size:12px;-webkit-transition:border .3s;-moz-transition:border .3s;transition:border .3s}#infobox .tag:hover{border:2px solid #aaa}#infobox .tag span{float:right;width:0;padding:0;margin:0 0 -2px;color:red;font-size:11px;cursor:pointer;overflow:hidden;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:width .3s,margin .3s,-webkit-transform .3s;-moz-transition:width .3s,margin .3s;transition:width .3s,margin .3s,transform .3s}#infobox .tag:hover span{width:10px;margin:0 0 -2px 6px;-webkit-transform:scale(1);transform:scale(1)}#loading{position:fixed;width:100%;height:3px;background-size:100px 3px;background-repeat:repeat-x;border-bottom:1px solid rgba(0,0,0,.3);display:none;-webkit-animation-name:moveBackground;-webkit-animation-duration:.3s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:moveBackground;-moz-animation-duration:.3s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;animation-name:moveBackground;animation-duration:.3s;animation-iteration-count:infinite;animation-timing-function:linear}#loading.loading{background-image:-webkit-linear-gradient(left,#153674 0,#153674 47%,#2651AE 53%,#2651AE 100%);background-image:-moz-linear-gradient(left,#153674 0,#153674 47%,#2651AE 53%,#2651AE 100%);background-image:linear-gradient(left right,#153674 0,#153674 47%,#2651AE 53%,#2651AE 100%);z-index:2}#loading.error{background-color:#2f0d0e;background-image:-webkit-linear-gradient(left,#451317 0,#451317 47%,#AA3039 53%,#AA3039 100%);background-image:-moz-linear-gradient(left,#451317 0,#451317 47%,#AA3039 53%,#AA3039 100%);background-image:linear-gradient(left right,#451317 0,#451317 47%,#AA3039 53%,#AA3039 100%);z-index:1}#loading h1{margin:13px 13px 0;color:#ddd;font-size:14px;font-weight:700;text-shadow:0 1px 0 #000;text-transform:capitalize}#loading h1 span{margin-left:10px;font-weight:400;text-transform:none}@media only screen and (max-width:900px){#title{margin:0 20%!important;width:40%!important}#title.view{margin:0 20%!important;width:60%!important}#title span{display:none!important}}@media only screen and (max-width:640px){#title{display:none!important}#title.view{display:block!important;width:70%!important;margin:0 20% 0 10%!important}#button_archive,#button_move{display:none!important}.center{top:0!important;left:0!important}.album,.photo{margin:40px 0 0 50px!important}#imageview .arrow_wrapper{display:none!important}.message{position:fixed!important;width:100%!important;height:100%!important;margin:1px 0 0!important;border-radius:0!important;-webkit-animation:moveUp .3s!important;-moz-animation:moveUp .3s!important;animation:moveUp .3s!important}.upload_message{top:50%!important;left:50%!important}}.message_overlay{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.85);z-index:1000}.message{position:absolute;display:inline-block;width:500px;margin-left:-250px;margin-top:-95px;background-color:#444;background-image:-webkit-linear-gradient(top,#4b4b4b,#2d2d2d);background-image:-moz-linear-gradient(top,#4b4b4b,#2d2d2d);background-image:-ms-linear-gradient(top,#4b4b4b,#2d2d2d);background-image:linear-gradient(top,#4b4b4b,#2d2d2d);border-radius:5px;box-shadow:0 0 5px #000,inset 0 1px 0 rgba(255,255,255,.08);-webkit-animation-name:moveUp;-webkit-animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.51,.92,.24,1.15);-moz-animation-name:moveUp;-moz-animation-duration:.3s;-moz-animation-timing-function:cubic-bezier(0.51,.92,.24,1.15);animation-name:moveUp;animation-duration:.3s;animation-timing-function:cubic-bezier(0.51,.92,.24,1.15)}.message h1{float:left;width:100%;padding:12px 0;color:#fff;font-size:16px;font-weight:700;text-shadow:0 -1px 0 rgba(0,0,0,.3);text-align:center}.message .close{position:absolute;top:0;right:0;padding:12px 14px 6px 7px;color:#aaa;font-size:20px;text-shadow:0 -1px 0 rgba(0,0,0,.3);cursor:pointer}.message .close:hover{color:#fff}.message p{float:left;width:90%;margin-top:1px;padding:12px 5% 15px;color:#eee;font-size:14px;text-shadow:0 -1px 0 rgba(0,0,0,.3);line-height:20px}.message p b{font-weight:700}.message p a{color:#eee;text-decoration:none;border-bottom:1px dashed #888}.message .button{float:right;margin:15px 15px 15px 0;padding:7px 10px 8px;color:#ccc;font-size:14px;font-weight:700;text-align:center;text-shadow:0 -1px 0 #222;border-radius:5px;border:1px solid rgba(0,0,0,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 0 rgba(255,255,255,.05);cursor:pointer}.message .button:first-of-type{margin:15px 5% 18px 0!important}.message .button.active{color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 0 rgba(255,255,255,.1),0 0 4px #005ecc}.message .button:hover{background-color:#565757;background-image:-webkit-linear-gradient(top,#3c3c3c,#393939);background-image:-moz-linear-gradient(top,#3c3c3c,#393939);background-image:-ms-linear-gradient(top,#3c3c3c,#393939);background-image:linear-gradient(top,#3c3c3c,#393939)}.message .button.pressed,.message .button:active{background-color:#393939;background-image:-webkit-linear-gradient(top,#393939,#3c3c3c);background-image:-moz-linear-gradient(top,#393939,#3c3c3c);background-image:-ms-linear-gradient(top,#393939,#3c3c3c);background-image:linear-gradient(top,#393939,#3c3c3c)}.sign_in{float:left;width:100%;margin-top:1px;padding:5px 0;color:#eee;font-size:14px;text-shadow:0 -1px 0 #222;line-height:20px}.sign_in input{float:left;width:88%;padding:7px 1% 9px;margin:0 5%;background-color:transparent;color:#fff;text-shadow:0 -1px 0 #222;border:none;border-bottom:1px solid #222;box-shadow:0 1px 0 rgba(255,255,255,.1);border-radius:0;outline:0}.sign_in input:first-of-type{margin-bottom:10px}.sign_in input.error:focus{box-shadow:0 1px 0 rgba(204,0,7,.6)}.message #version{display:inline-block;margin-top:23px;margin-left:5%;color:#888;text-shadow:0 -1px 0 #111}.message #version span{display:none}.message #version span a{color:#888}.message input.text{float:left;width:calc(100% - 10px);padding:17px 5px 9px;margin-top:10px;background-color:transparent;color:#fff;text-shadow:0 -1px 0 #222;border:none;box-shadow:0 1px 0 rgba(255,255,255,.1);border-bottom:1px solid #222;border-radius:0;outline:0}.message input.less{margin-bottom:-10px}.message input.more{margin-bottom:30px}.message .copylink{margin-bottom:20px}.message .choice{float:left;padding:12px 5% 15px;color:#fff}.message .choice input{float:left}.message .choice h2{float:left;margin:1px 0 0 8px;color:#fff;font-size:14px;font-weight:700;text-shadow:0 -1px 0 rgba(0,0,0,.3)}.message .choice p{margin-top:2px;padding:0 5% 0 25px;color:#aaa;font-size:13px}.message .choice p input{width:100%;padding:10px 1px 9px;margin-top:10px}body,html{min-height:100%}body{background-color:#222;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:12px;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased}body.view{background-color:#0f0f0f}.center{position:absolute;left:50%;top:50%}*{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-transition:color .3s,opacity .3s ease-out,-webkit-transform .3s ease-out,box-shadow .3s;-moz-transition:opacity .3s ease-out,-moz-transform .3s ease-out,box-shadow .3s;transition:color .3s,opacity .3s ease-out,transform .3s ease-out,box-shadow .3s}input{-webkit-user-select:text!important;-moz-user-select:text!important;user-select:text!important}#multiselect{position:absolute;background-color:rgba(0,94,204,.3);border:1px solid rgba(0,94,204,1);border-radius:3px;z-index:3}.tipsy{padding:4px;font-size:12px;position:absolute;z-index:100000;-webkit-animation-name:fadeIn;-webkit-animation-duration:.3s;-moz-animation-name:fadeIn;-moz-animation-duration:.3s;animation-name:fadeIn;animation-duration:.3s}.tipsy-inner{padding:8px 10px 7px;color:#fff;max-width:200px;text-align:center;background:rgba(0,0,0,.8);border-radius:25px}.tipsy-arrow{position:absolute;width:0;height:0;line-height:0;border:5px dashed rgba(0,0,0,.8)}.tipsy-arrow-n{border-bottom-color:rgba(0,0,0,.8)}.tipsy-arrow-s{border-top-color:rgba(0,0,0,.8)}.tipsy-arrow-e{border-left-color:rgba(0,0,0,.8)}.tipsy-arrow-w{border-right-color:rgba(0,0,0,.8)}.tipsy-n .tipsy-arrow{top:0;left:50%;margin-left:-5px;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent}.tipsy-nw .tipsy-arrow{top:0;left:10px;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent}.tipsy-ne .tipsy-arrow{top:0;right:10px;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent}.tipsy-s .tipsy-arrow{bottom:0;left:50%;margin-left:-5px;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent}.tipsy-sw .tipsy-arrow{bottom:0;left:10px;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent}.tipsy-se .tipsy-arrow{bottom:0;right:10px;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent}.tipsy-e .tipsy-arrow{right:0;top:50%;margin-top:-5px;border-left-style:solid;border-right:none;border-top-color:transparent;border-bottom-color:transparent}.tipsy-w .tipsy-arrow{left:0;top:50%;margin-top:-5px;border-right-style:solid;border-left:none;border-top-color:transparent;border-bottom-color:transparent}#upload{display:none}.upload_overlay{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.85);z-index:1000}.upload_message{position:absolute;display:inline-block;width:200px;margin-left:-100px;margin-top:-85px;background-color:#444;background-image:-webkit-linear-gradient(top,#4b4b4b,#2d2d2d);background-image:-moz-linear-gradient(top,#4b4b4b,#2d2d2d);background-image:-ms-linear-gradient(top,#4b4b4b,#2d2d2d);background-image:linear-gradient(top,#4b4b4b,#2d2d2d);border-radius:5px;box-shadow:0 0 5px #000,inset 0 1px 0 rgba(255,255,255,.08),inset 1px 0 0 rgba(255,255,255,.03),inset -1px 0 0 rgba(255,255,255,.03);-webkit-animation-name:moveUp;-webkit-animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.51,.92,.24,1.15);-moz-animation-name:moveUp;-moz-animation-duration:.3s;-moz-animation-timing-function:cubic-bezier(0.51,.92,.24,1.15);animation-name:moveUp;animation-duration:.3s;animation-timing-function:cubic-bezier(0.51,.92,.24,1.15)}.upload_message a{float:left;width:100%;margin:35px 0 5px;color:#fff;font-size:70px;text-shadow:0 1px 2px rgba(0,0,0,.5);text-align:center;-webkit-animation-name:pulse;-webkit-animation-duration:2s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;-moz-animation-name:pulse;-moz-animation-duration:2s;-moz-animation-timing-function:ease-in-out;-moz-animation-iteration-count:infinite;animation-name:pulse;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.upload_message p{float:left;width:100%;margin:10px 0 35px;color:#fff;font-size:14px;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.5)}.upload_message .progressbar{float:left;width:170px;height:25px;margin:15px;background-size:50px 25px;background-repeat:repeat-x;background-image:-webkit-linear-gradient(left,#191919 0,#191919 47%,#1D1D1D 53%,#1D1D1D 100%);background-image:-moz-linear-gradient(left,#191919 0,#191919 47%,#1D1D1D 53%,#1D1D1D 100%);background-image:linear-gradient(left right,#191919 0,#191919 47%,#1D1D1D 53%,#1D1D1D 100%);border:1px solid #090909;box-shadow:0 1px 0 rgba(255,255,255,.06),inset 0 0 2px #222;border-radius:50px;-webkit-animation-name:moveBackground;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:moveBackground;-moz-animation-duration:1s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:moveBackground;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}.upload_message .progressbar div{float:left;width:0;height:100%;box-shadow:0 1px 0 #000,1px 0 2px #000;background-color:#f5f2f7;background-image:-webkit-linear-gradient(top,#f5f2f7,#c7c6c8);background-image:-moz-linear-gradient(top,#f5f2f7,#c7c6c8);background-image:-ms-linear-gradient(top,#f5f2f7,#c7c6c8);background-image:linear-gradient(top,#f5f2f7,#c7c6c8);border-radius:50px;-webkit-transition:width .2s,opacity .5;-moz-transition:width .2s,opacity .5;transition:width .2s,opacity .5} \ No newline at end of file +a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(0.51,.92,.24,1.15);animation-timing-function:cubic-bezier(0.51,.92,.24,1.15)}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(0.51,.92,.24,1.15);animation-timing-function:cubic-bezier(0.51,.92,.24,1.15)}.contentZoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(0.51,.92,.24,1);animation-timing-function:cubic-bezier(0.51,.92,.24,1)}.contentZoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(0.51,.92,.24,1);animation-timing-function:cubic-bezier(0.51,.92,.24,1)}@-webkit-keyframes moveUp{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes moveUp{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes moveBackground{0%{background-position-x:0}100%{background-position-x:-100px}}@keyframes moveBackground{0%{background-position-x:0}100%{background-position-x:-100px}}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}}@-webkit-keyframes popIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes popIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes pulse{0%{opacity:1}50%{opacity:.3}100%{opacity:1}}@keyframes pulse{0%{opacity:1}50%{opacity:.3}100%{opacity:1}}#content::before{content:"";position:absolute;left:0;width:100%;height:20px;background:-webkit-linear-gradient(top,#262626,#222);background:linear-gradient(to bottom,#262626,#222);border-top:1px solid #333}#content.view::before{display:none}#content{position:absolute;padding:50px 0 33px;width:100%;min-height:-webkit-calc(100% - 90px);min-height:calc(100% - 90px);-webkit-overflow-scrolling:touch}.photo{float:left;display:inline-block;width:206px;height:206px;margin:30px 0 0 30px;cursor:pointer}.photo img{position:absolute;width:200px;height:200px;background-color:#222;border-radius:2px;border:2px solid #ccc}.photo.active img,.photo:hover img{box-shadow:0 0 5px #005ecc}.photo:active{-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transform:scale(.98);-ms-transform:scale(.98);transform:scale(.98)}.album{float:left;display:inline-block;width:204px;height:204px;margin:30px 0 0 30px;cursor:pointer}.album img:first-child,.album img:nth-child(2){-webkit-transform:rotate(0deg) translateY(0px) translateX(0px);-ms-transform:rotate(0deg) translateY(0px) translateX(0px);transform:rotate(0deg) translateY(0px) translateX(0px);opacity:0}.album:hover img:first-child{-webkit-transform:rotate(-2deg) translateY(10px) translateX(-12px);-ms-transform:rotate(-2deg) translateY(10px) translateX(-12px);transform:rotate(-2deg) translateY(10px) translateX(-12px);opacity:1}.album:hover img:nth-child(2){-webkit-transform:rotate(5deg) translateY(-8px) translateX(12px);-ms-transform:rotate(5deg) translateY(-8px) translateX(12px);transform:rotate(5deg) translateY(-8px) translateX(12px);opacity:1}.album img{position:absolute;width:200px;height:200px;background-color:#222;border-radius:2px;border:2px solid #ccc}.album.active img,.album:hover img{box-shadow:0 0 5px #005ecc}.album .overlay,.photo .overlay{position:absolute;width:200px;height:200px;margin:2px}.album .overlay{background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 20%,rgba(0,0,0,.9) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 20%,rgba(0,0,0,.9) 100%)}.photo .overlay{background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 60%,rgba(0,0,0,.5) 80%,rgba(0,0,0,.9) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 60%,rgba(0,0,0,.5) 80%,rgba(0,0,0,.9) 100%);opacity:0}.photo.active .overlay,.photo:hover .overlay{opacity:1}.album .overlay h1,.photo .overlay h1{min-height:19px;width:185px;margin:153px 0 3px 15px;color:#fff;font-size:16px;font-weight:700;overflow:hidden}.album .overlay a,.photo .overlay a{font-size:11px;color:#aaa}.album .overlay a{margin-left:15px}.photo .overlay a{margin:155px 0 5px 15px}.photo .overlay a span{margin:0 5px 0 0}.album .badge,.photo .badge{position:absolute;margin-top:-1px;margin-left:12px;padding:12px 7px 3px;box-shadow:0 0 3px rgba(0,0,0,.8);border-radius:0 0 3px 3px;border:1px solid #fff;border-top:none;color:#fff;font-size:24px;text-shadow:0 1px 0 rgba(0,0,0,.4);opacity:.9}.album .badge.icon-star,.photo .badge.icon-star{padding:12px 8px 3px}.album .badge.icon-share,.photo .badge.icon-share{padding:12px 6px 3px 8px}.album .badge.icon-time,.photo .badge.icon-time{padding:12px 8px 3px 9px}.album .badge::after,.photo .badge::after{content:"";position:absolute;margin-top:-12px;margin-left:-26px;width:38px;height:5px;background:-webkit-linear-gradient(top,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);opacity:.4}.album .badge.icon-star::after,.photo .badge.icon-star::after{margin-left:-29px}.album .badge.icon-share::after,.photo .badge.icon-share::after{margin-left:-31px}.album .badge.icon-time::after,.photo .badge.icon-time::after{margin-left:-29px}.album .badge.icon-reorder::after{margin-left:-30px}.album .badge:nth-child(2n),.photo .badge:nth-child(2n){margin-left:57px}.album .badge.red,.photo .badge.red{background:-webkit-linear-gradient(top,#d64b4b 0,#ab2c2c 100%);background:linear-gradient(to bottom,#d64b4b 0,#ab2c2c 100%)}.album .badge.blue,.photo .badge.blue{background:-webkit-linear-gradient(top,#347cd6 0,#2945ab 100%);background:linear-gradient(to bottom,#347cd6 0,#2945ab 100%)}.divider{float:left;width:100%;margin-top:50px;opacity:0;border-top:1px solid #2E2E2E;box-shadow:0 -1px 0 #151515}.divider:first-child{margin-top:0;border-top:none}.divider h1{float:left;margin:20px 0 0 30px;color:#fff;font-size:14px;font-weight:700;text-shadow:0 -1px 0 rgba(0,0,0,.8)}.no_content{position:absolute;top:50%;left:50%;height:160px;width:180px;margin-top:-80px;margin-left:-90px;padding-top:20px;color:rgba(20,20,20,1);text-shadow:0 1px 0 rgba(255,255,255,.05);text-align:center}.no_content .icon{font-size:120px}.no_content p{font-size:18px}.contextmenu_bg{position:fixed;height:100%;width:100%;z-index:1000}.contextmenu{position:fixed;top:0;left:0;padding:5px 0 6px;background:-webkit-linear-gradient(top,#444 0,#2f2f2f 100%);background:linear-gradient(to bottom,#444 0,#2f2f2f 100%);border:1px solid rgba(0,0,0,.5);border-bottom:1px solid rgba(0,0,0,.7);border-radius:5px;box-shadow:0 3px 4px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.1);opacity:0;z-index:1001;-webkit-transition:none;transition:none}.contextmenu tr{font-size:14px;color:#eee;text-shadow:0 -1px 0 rgba(0,0,0,.2);cursor:pointer}.contextmenu tr:hover{background:-webkit-linear-gradient(top,#6a84f2,#4967F0);background:linear-gradient(to bottom,#6a84f2,#4967F0)}.contextmenu tr.no_hover:hover{cursor:inherit;background-color:inherit;background-image:none}.contextmenu tr.separator{float:left;height:1px;width:100%;background-color:#1f1f1f;border-bottom:1px solid #4c4c4c;margin:5px 0;cursor:inherit}.contextmenu tr.separator:hover{background-color:#222;background-image:none}.contextmenu tr td{padding:7px 30px 6px 12px;white-space:nowrap;-webkit-transition:none;transition:none}.contextmenu tr:hover td{color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);text-shadow:0 -1px 0 rgba(0,0,0,.2)}.contextmenu tr.no_hover:hover td{box-shadow:none}.contextmenu tr a{float:left;width:10px;margin-right:10px;text-align:center}.contextmenu #link{float:right;width:140px;margin:-1px -18px -2px -1px;padding:5px 7px 6px;background-color:#444;color:#fff;border:none;border:1px solid rgba(0,0,0,.5);box-shadow:0 1px 0 rgba(255,255,255,.08);outline:0;border-radius:5px}.contextmenu tr a#link_icon{padding-top:4px}@font-face{font-family:FontAwesome;src:url(../font/fontawesome-webfont.eot);src:url(../font/fontawesome-webfont.eot?#iefix) format('eot'),url(../font/fontawesome-webfont.woff) format('woff'),url(../font/fontawesome-webfont.ttf) format('truetype'),url(../font/fontawesome-webfont.svg#FontAwesome) format('svg');font-weight:400;font-style:normal}[class*=" icon-"]:before,[class^=icon-]:before{font-family:FontAwesome;font-weight:400;font-style:normal;display:inline-block;text-decoration:inherit}a [class*=" icon-"],a [class^=icon-]{display:inline-block;text-decoration:inherit}.icon-large:before{vertical-align:top;font-size:1.3333333333333333em}.btn [class*=" icon-"],.btn [class^=icon-]{line-height:.9em}li [class*=" icon-"],li [class^=icon-]{display:inline-block;width:1.25em;text-align:center}li .icon-large[class*=" icon-"],li .icon-large[class^=icon-]{width:1.875em}li[class*=" icon-"],li[class^=icon-]{margin-left:0;list-style-type:none}li[class*=" icon-"]:before,li[class^=icon-]:before{text-indent:-2em;text-align:center}li[class*=" icon-"].icon-large:before,li[class^=icon-].icon-large:before{text-indent:-1.3333333333333333em}.icon-glass:before{content:"\f000"}.icon-music:before{content:"\f001"}.icon-search:before{content:"\f002"}.icon-envelope:before{content:"\f003"}.icon-heart:before{content:"\f004"}.icon-star:before{content:"\f005"}.icon-star-empty:before{content:"\f006"}.icon-user:before{content:"\f007"}.icon-film:before{content:"\f008"}.icon-th-large:before{content:"\f009"}.icon-th:before{content:"\f00a"}.icon-th-list:before{content:"\f00b"}.icon-ok:before{content:"\f00c"}.icon-remove:before{content:"\f00d"}.icon-zoom-in:before{content:"\f00e"}.icon-zoom-out:before{content:"\f010"}.icon-off:before{content:"\f011"}.icon-signal:before{content:"\f012"}.icon-cog:before{content:"\f013"}.icon-trash:before{content:"\f014"}.icon-home:before{content:"\f015"}.icon-file:before{content:"\f016"}.icon-time:before{content:"\f017"}.icon-road:before{content:"\f018"}.icon-download-alt:before{content:"\f019"}.icon-download:before{content:"\f01a"}.icon-upload:before{content:"\f01b"}.icon-inbox:before{content:"\f01c"}.icon-play-circle:before{content:"\f01d"}.icon-repeat:before{content:"\f01e"}.icon-refresh:before{content:"\f021"}.icon-list-alt:before{content:"\f022"}.icon-lock:before{content:"\f023"}.icon-flag:before{content:"\f024"}.icon-headphones:before{content:"\f025"}.icon-volume-off:before{content:"\f026"}.icon-volume-down:before{content:"\f027"}.icon-volume-up:before{content:"\f028"}.icon-qrcode:before{content:"\f029"}.icon-barcode:before{content:"\f02a"}.icon-tag:before{content:"\f02b"}.icon-tags:before{content:"\f02c"}.icon-book:before{content:"\f02d"}.icon-bookmark:before{content:"\f02e"}.icon-print:before{content:"\f02f"}.icon-camera:before{content:"\f030"}.icon-font:before{content:"\f031"}.icon-bold:before{content:"\f032"}.icon-italic:before{content:"\f033"}.icon-text-height:before{content:"\f034"}.icon-text-width:before{content:"\f035"}.icon-align-left:before{content:"\f036"}.icon-align-center:before{content:"\f037"}.icon-align-right:before{content:"\f038"}.icon-align-justify:before{content:"\f039"}.icon-list:before{content:"\f03a"}.icon-indent-left:before{content:"\f03b"}.icon-indent-right:before{content:"\f03c"}.icon-facetime-video:before{content:"\f03d"}.icon-picture:before{content:"\f03e"}.icon-pencil:before{content:"\f040"}.icon-map-marker:before{content:"\f041"}.icon-adjust:before{content:"\f042"}.icon-tint:before{content:"\f043"}.icon-edit:before{content:"\f044"}.icon-share:before{content:"\f045"}.icon-check:before{content:"\f046"}.icon-move:before{content:"\f047"}.icon-step-backward:before{content:"\f048"}.icon-fast-backward:before{content:"\f049"}.icon-backward:before{content:"\f04a"}.icon-play:before{content:"\f04b"}.icon-pause:before{content:"\f04c"}.icon-stop:before{content:"\f04d"}.icon-forward:before{content:"\f04e"}.icon-fast-forward:before{content:"\f050"}.icon-step-forward:before{content:"\f051"}.icon-eject:before{content:"\f052"}.icon-chevron-left:before{content:"\f053"}.icon-chevron-right:before{content:"\f054"}.icon-plus-sign:before{content:"\f055"}.icon-minus-sign:before{content:"\f056"}.icon-remove-sign:before{content:"\f057"}.icon-ok-sign:before{content:"\f058"}.icon-question-sign:before{content:"\f059"}.icon-info-sign:before{content:"\f05a"}.icon-screenshot:before{content:"\f05b"}.icon-remove-circle:before{content:"\f05c"}.icon-ok-circle:before{content:"\f05d"}.icon-ban-circle:before{content:"\f05e"}.icon-arrow-left:before{content:"\f060"}.icon-arrow-right:before{content:"\f061"}.icon-arrow-up:before{content:"\f062"}.icon-arrow-down:before{content:"\f063"}.icon-share-alt:before{content:"\f064"}.icon-resize-full:before{content:"\f065"}.icon-resize-small:before{content:"\f066"}.icon-plus:before{content:"\f067"}.icon-minus:before{content:"\f068"}.icon-asterisk:before{content:"\f069"}.icon-exclamation-sign:before{content:"\f06a"}.icon-gift:before{content:"\f06b"}.icon-leaf:before{content:"\f06c"}.icon-fire:before{content:"\f06d"}.icon-eye-open:before{content:"\f06e"}.icon-eye-close:before{content:"\f070"}.icon-warning-sign:before{content:"\f071"}.icon-plane:before{content:"\f072"}.icon-calendar:before{content:"\f073"}.icon-random:before{content:"\f074"}.icon-comment:before{content:"\f075"}.icon-magnet:before{content:"\f076"}.icon-chevron-up:before{content:"\f077"}.icon-chevron-down:before{content:"\f078"}.icon-retweet:before{content:"\f079"}.icon-shopping-cart:before{content:"\f07a"}.icon-folder-close:before{content:"\f07b"}.icon-folder-open:before{content:"\f07c"}.icon-resize-vertical:before{content:"\f07d"}.icon-resize-horizontal:before{content:"\f07e"}.icon-bar-chart:before{content:"\f080"}.icon-twitter-sign:before{content:"\f081"}.icon-facebook-sign:before{content:"\f082"}.icon-camera-retro:before{content:"\f083"}.icon-key:before{content:"\f084"}.icon-cogs:before{content:"\f085"}.icon-comments:before{content:"\f086"}.icon-thumbs-up:before{content:"\f087"}.icon-thumbs-down:before{content:"\f088"}.icon-star-half:before{content:"\f089"}.icon-heart-empty:before{content:"\f08a"}.icon-signout:before{content:"\f08b"}.icon-linkedin-sign:before{content:"\f08c"}.icon-pushpin:before{content:"\f08d"}.icon-external-link:before{content:"\f08e"}.icon-signin:before{content:"\f090"}.icon-trophy:before{content:"\f091"}.icon-github-sign:before{content:"\f092"}.icon-upload-alt:before{content:"\f093"}.icon-lemon:before{content:"\f094"}.icon-phone:before{content:"\f095"}.icon-check-empty:before{content:"\f096"}.icon-bookmark-empty:before{content:"\f097"}.icon-phone-sign:before{content:"\f098"}.icon-twitter:before{content:"\f099"}.icon-facebook:before{content:"\f09a"}.icon-github:before{content:"\f09b"}.icon-unlock:before{content:"\f09c"}.icon-credit-card:before{content:"\f09d"}.icon-rss:before{content:"\f09e"}.icon-hdd:before{content:"\f0a0"}.icon-bullhorn:before{content:"\f0a1"}.icon-bell:before{content:"\f0a2"}.icon-certificate:before{content:"\f0a3"}.icon-hand-right:before{content:"\f0a4"}.icon-hand-left:before{content:"\f0a5"}.icon-hand-up:before{content:"\f0a6"}.icon-hand-down:before{content:"\f0a7"}.icon-circle-arrow-left:before{content:"\f0a8"}.icon-circle-arrow-right:before{content:"\f0a9"}.icon-circle-arrow-up:before{content:"\f0aa"}.icon-circle-arrow-down:before{content:"\f0ab"}.icon-globe:before{content:"\f0ac"}.icon-wrench:before{content:"\f0ad"}.icon-tasks:before{content:"\f0ae"}.icon-filter:before{content:"\f0b0"}.icon-briefcase:before{content:"\f0b1"}.icon-fullscreen:before{content:"\f0b2"}.icon-group:before{content:"\f0c0"}.icon-link:before{content:"\f0c1"}.icon-cloud:before{content:"\f0c2"}.icon-beaker:before{content:"\f0c3"}.icon-cut:before{content:"\f0c4"}.icon-copy:before{content:"\f0c5"}.icon-paper-clip:before{content:"\f0c6"}.icon-save:before{content:"\f0c7"}.icon-sign-blank:before{content:"\f0c8"}.icon-reorder:before{content:"\f0c9"}.icon-list-ul:before{content:"\f0ca"}.icon-list-ol:before{content:"\f0cb"}.icon-strikethrough:before{content:"\f0cc"}.icon-underline:before{content:"\f0cd"}.icon-table:before{content:"\f0ce"}.icon-magic:before{content:"\f0d0"}.icon-truck:before{content:"\f0d1"}.icon-pinterest:before{content:"\f0d2"}.icon-pinterest-sign:before{content:"\f0d3"}.icon-google-plus-sign:before{content:"\f0d4"}.icon-google-plus:before{content:"\f0d5"}.icon-money:before{content:"\f0d6"}.icon-caret-down:before{content:"\f0d7"}.icon-caret-up:before{content:"\f0d8"}.icon-caret-left:before{content:"\f0d9"}.icon-caret-right:before{content:"\f0da"}.icon-columns:before{content:"\f0db"}.icon-sort:before{content:"\f0dc"}.icon-sort-down:before{content:"\f0dd"}.icon-sort-up:before{content:"\f0de"}.icon-envelope-alt:before{content:"\f0e0"}.icon-linkedin:before{content:"\f0e1"}.icon-undo:before{content:"\f0e2"}.icon-legal:before{content:"\f0e3"}.icon-dashboard:before{content:"\f0e4"}.icon-comment-alt:before{content:"\f0e5"}.icon-comments-alt:before{content:"\f0e6"}.icon-bolt:before{content:"\f0e7"}.icon-sitemap:before{content:"\f0e8"}.icon-umbrella:before{content:"\f0e9"}.icon-paste:before{content:"\f0ea"}.icon-user-md:before{content:"\f200"}header{position:fixed;height:49px;width:100%;background:-webkit-linear-gradient(top,#3E3E3E,#282828);background:linear-gradient(to bottom,#3E3E3E,#282828);border-bottom:1px solid #161616;z-index:1;-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out}header.hidden{-webkit-transform:translateY(-60px);-ms-transform:translateY(-60px);transform:translateY(-60px)}header.loading{-webkit-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px)}header.error{-webkit-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px)}header.view.error{background-color:rgba(10,10,10,.99)}header.view{background:0 0;border-bottom:none}header.view #title,header.view .button,header.view .tools{text-shadow:none!important}header #title{position:absolute;margin:0 30%;width:40%;padding:15px 0;color:#fff;font-size:16px;font-weight:700;text-align:center;text-shadow:0 -1px 0 #222}header #title.editable{cursor:pointer}header .button{color:#888;font-family:FontAwesome;font-size:21px;font-weight:700;text-decoration:none!important;cursor:pointer;text-shadow:0 -1px 0 #222}header .button.left{float:left;position:absolute;padding:16px 10px 8px 18px}header .button.right{float:right;position:relative;padding:16px 19px 13px 11px}header .button:hover{color:#fff}header #button_signin,header #tools_album,header #tools_albums,header #tools_photo{display:none}header .button_divider{float:right;position:relative;width:14px;height:50px}header #search{float:right;width:80px;margin:12px 12px 0 0;padding:5px 12px 6px;background-color:#383838;color:#fff;border:none;border:1px solid #131313;box-shadow:0 1px 0 rgba(255,255,255,.1);outline:0;border-radius:50px;opacity:.6;-webkit-transition:opacity .3s ease-out,-webkit-transform .3s ease-out,box-shadow .3s,width .2s ease-out;transition:opacity .3s ease-out,transform .3s ease-out,box-shadow .3s,width .2s ease-out}header #search:focus{width:140px}header #search:focus~#clearSearch{opacity:1}header #clearSearch{position:absolute;top:15px;right:81px;padding:0;font-size:20px;opacity:0;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}header #clearSearch:hover{opacity:1}header .tools:first-of-type{margin-right:6px}header .tools{float:right;padding:14px 8px;color:#888;font-size:21px;text-shadow:0 -1px 0 #222;cursor:pointer}header .tools:hover a{color:#fff}header .tools .icon-star{color:#f0ef77}header .tools .icon-share.active{color:#ff9737}header #hostedwith{float:right;padding:5px 10px;margin:13px 9px;color:#888;font-size:13px;text-shadow:0 -1px 0 #222;display:none;cursor:pointer}header #hostedwith:hover{background-color:rgba(0,0,0,.2);border-radius:100px}#imageview{position:fixed;display:none;width:100%;min-height:100%;background-color:rgba(10,10,10,.98);-webkit-transition:background-color .3s;transition:background-color .3s}#imageview.view{background-color:inherit}#imageview.full{background-color:rgba(0,0,0,1)}#imageview #image{position:absolute;top:60px;right:30px;bottom:30px;left:30px;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;-webkit-transition:top .3s,right .3s,bottom .3s,left .3s,margin-top .3s,opacity .2s,-webkit-transform .3s cubic-bezier(0.51,.92,.24,1.15);transition:top .3s,right .3s,bottom .3s,left .3s,margin-top .3s,opacity .2s,transform .3s cubic-bezier(0.51,.92,.24,1.15);-webkit-animation-name:zoomIn;animation-name:zoomIn;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.51,.92,.24,1.15);animation-timing-function:cubic-bezier(0.51,.92,.24,1.15)}#imageview #image.small{top:50%;right:auto;bottom:auto;left:50%}#imageview #image.full{top:0;right:0;bottom:0;left:0}#imageview .arrow_wrapper{position:fixed;width:20%;height:-webkit-calc(100% - 60px);height:calc(100% - 60px);top:60px;z-index:1}#imageview .arrow_wrapper.previous{left:0}#imageview .arrow_wrapper.next{right:0}#imageview .arrow_wrapper a{position:fixed;top:50%;margin-top:-10px;color:#fff;font-size:50px;text-shadow:0 1px 2px #000;cursor:pointer;opacity:0;z-index:2;-webkit-transition:opacity .2s;transition:opacity .2s}#imageview .arrow_wrapper:hover a{opacity:.2}#imageview .arrow_wrapper a#previous{left:20px}#imageview .arrow_wrapper a#next{right:20px}#infobox_overlay{z-index:3;position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.8)}#infobox{z-index:4;position:fixed;right:0;width:350px;height:100%;background-color:rgba(20,20,20,.98);box-shadow:-1px 0 2px rgba(0,0,0,.8);display:none;-webkit-transform:translateX(370px);-ms-transform:translateX(370px);transform:translateX(370px);-webkit-transition:-webkit-transform .3s cubic-bezier(0.51,.92,.24,1.15);transition:transform .3s cubic-bezier(0.51,.92,.24,1.15)}#infobox.active{-webkit-transform:translateX(50px);-ms-transform:translateX(50px);transform:translateX(50px)}#infobox .wrapper{float:left;height:100%;width:300px;overflow:scroll;-webkit-overflow-scrolling:touch}#infobox .edit{display:inline;margin-left:3px;width:20px;height:5px;cursor:pointer}#infobox .bumper{float:left;width:100%;height:50px}#infobox .header{float:left;height:49px;width:100%;background-image:-webkit-linear-gradient(top,#2A2A2A,#131313);background-image:linear-gradient(to bottom,#2A2A2A,#131313);border-bottom:1px solid #000}#infobox .header h1{position:absolute;margin:15px 30% 15px -webkit-calc(30% - 25px);margin:15px 30% 15px calc(30% - 25px);width:40%;color:#fff;font-size:16px;font-weight:700;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.8)}#infobox .header a{float:right;padding:15px 65px 15px 15px;color:#fff;font-size:20px;font-weight:700;text-shadow:0 -1px 0 rgba(0,0,0,.8);opacity:.5;cursor:pointer}#infobox .header a:hover{opacity:1}#infobox .separator{float:left;width:100%;border-top:1px solid rgba(255,255,255,.04);box-shadow:0 -1px 0 #000}#infobox .separator h1{margin:20px 0 5px 20px;color:#fff;font-size:14px;font-weight:700;text-shadow:0 -1px 0 rgba(0,0,0,.8)}#infobox table{float:left;margin:10px 0 15px 20px}#infobox table tr td{padding:5px 0;color:#fff;font-size:14px;line-height:19px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}#infobox table tr td:first-child{width:110px}#infobox table tr td:last-child{padding-right:10px}#infobox #tags{width:-webkit-calc(100% - 40px);width:calc(100% - 40px);margin:16px 20px 12px;color:#fff;display:inline-block}#infobox #tags .empty{font-size:14px;margin-bottom:8px}#infobox #tags .edit{display:inline-block}#infobox #tags .empty .edit{display:inline}#infobox .tag{float:left;padding:4px 7px;margin:0 6px 8px 0;background-color:rgba(0,0,0,.5);border:2px solid rgba(255,255,255,.3);border-radius:100px;font-size:12px;-webkit-transition:border .3s;transition:border .3s}#infobox .tag:hover{border:2px solid #aaa}#infobox .tag span{float:right;width:0;padding:0;margin:0 0 -2px;color:red;font-size:11px;cursor:pointer;overflow:hidden;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:width .3s,margin .3s,-webkit-transform .3s;transition:width .3s,margin .3s,transform .3s}#infobox .tag:hover span{width:10px;margin:0 0 -2px 6px;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}#loading{position:fixed;width:100%;height:3px;background-size:100px 3px;background-repeat:repeat-x;border-bottom:1px solid rgba(0,0,0,.3);display:none;-webkit-animation-name:moveBackground;animation-name:moveBackground;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}#loading.loading{background-image:-webkit-linear-gradient(left,#153674 0,#153674 47%,#2651AE 53%,#2651AE 100%);background-image:linear-gradient(to right,#153674 0,#153674 47%,#2651AE 53%,#2651AE 100%);z-index:2}#loading.error{background-image:-webkit-linear-gradient(left,#451317 0,#451317 47%,#AA3039 53%,#AA3039 100%);background-image:linear-gradient(to right,#451317 0,#451317 47%,#AA3039 53%,#AA3039 100%);z-index:1}#loading h1{margin:13px 13px 0;color:#ddd;font-size:14px;font-weight:700;text-shadow:0 1px 0 #000;text-transform:capitalize}#loading h1 span{margin-left:10px;font-weight:400;text-transform:none}@media only screen and (max-width:900px){#title{margin:0 20%!important;width:40%!important}#title.view{margin:0 20%!important;width:60%!important}#title span{display:none!important}}@media only screen and (max-width:640px){#title{display:none!important}#title.view{display:block!important;width:70%!important;margin:0 20% 0 10%!important}#button_archive,#button_move{display:none!important}.center{top:0!important;left:0!important}.album,.photo{margin:40px 0 0 50px!important}#imageview .arrow_wrapper{display:none!important}.message{position:fixed!important;width:100%!important;height:100%!important;margin:1px 0 0!important;border-radius:0!important;-webkit-animation:moveUp .3s!important;animation:moveUp .3s!important}.upload_message{top:50%!important;left:50%!important}}.message_overlay{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.85);z-index:1000}.message{position:absolute;display:inline-block;width:500px;margin-left:-250px;margin-top:-95px;background-color:#444;background-image:-webkit-linear-gradient(top,#4b4b4b,#2d2d2d);background-image:linear-gradient(to bottom,#4b4b4b,#2d2d2d);border-radius:5px;box-shadow:0 0 5px #000,inset 0 1px 0 rgba(255,255,255,.08);-webkit-animation-name:moveUp;animation-name:moveUp;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.51,.92,.24,1.15);animation-timing-function:cubic-bezier(0.51,.92,.24,1.15)}.message h1{float:left;width:100%;padding:12px 0;color:#fff;font-size:16px;font-weight:700;text-shadow:0 -1px 0 rgba(0,0,0,.3);text-align:center}.message .close{position:absolute;top:0;right:0;padding:12px 14px 6px 7px;color:#aaa;font-size:20px;text-shadow:0 -1px 0 rgba(0,0,0,.3);cursor:pointer}.message .close:hover{color:#fff}.message p{float:left;width:90%;margin-top:1px;padding:12px 5% 15px;color:#eee;font-size:14px;text-shadow:0 -1px 0 rgba(0,0,0,.3);line-height:20px}.message p b{font-weight:700}.message p a{color:#eee;text-decoration:none;border-bottom:1px dashed #888}.message .button{float:right;margin:15px 15px 15px 0;padding:7px 10px 8px;color:#ccc;font-size:14px;font-weight:700;text-align:center;text-shadow:0 -1px 0 #222;border-radius:5px;border:1px solid rgba(0,0,0,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 0 rgba(255,255,255,.05);cursor:pointer}.message .button:first-of-type{margin:15px 5% 18px 0!important}.message .button.active{color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 0 rgba(255,255,255,.1),0 0 4px #005ecc}.message .button:hover{background-image:-webkit-linear-gradient(top,#3c3c3c,#393939);background-image:linear-gradient(to bottom,#3c3c3c,#393939)}.message .button.pressed,.message .button:active{background-color:#393939;background-image:-webkit-linear-gradient(top,#393939,#3c3c3c);background-image:linear-gradient(to bottom,#393939,#3c3c3c)}.sign_in{float:left;width:100%;margin-top:1px;padding:5px 0;color:#eee;font-size:14px;text-shadow:0 -1px 0 #222;line-height:20px}.sign_in input{float:left;width:88%;padding:7px 1% 9px;margin:0 5%;background-color:transparent;color:#fff;text-shadow:0 -1px 0 #222;border:none;border-bottom:1px solid #222;box-shadow:0 1px 0 rgba(255,255,255,.1);border-radius:0;outline:0}.sign_in input:first-of-type{margin-bottom:10px}.sign_in input.error:focus{box-shadow:0 1px 0 rgba(204,0,7,.6)}.message #version{display:inline-block;margin-top:23px;margin-left:5%;color:#888;text-shadow:0 -1px 0 #111}.message #version span{display:none}.message #version span a{color:#888}.message input.text{float:left;width:-webkit-calc(100% - 10px);width:calc(100% - 10px);padding:17px 5px 9px;margin-top:10px;background-color:transparent;color:#fff;text-shadow:0 -1px 0 #222;border:none;box-shadow:0 1px 0 rgba(255,255,255,.1);border-bottom:1px solid #222;border-radius:0;outline:0}.message input.less{margin-bottom:-10px}.message input.more{margin-bottom:30px}.message .copylink{margin-bottom:20px}.message .choice{float:left;padding:12px 5% 15px;color:#fff}.message .choice input{float:left}.message .choice h2{float:left;margin:1px 0 0 8px;color:#fff;font-size:14px;font-weight:700;text-shadow:0 -1px 0 rgba(0,0,0,.3)}.message .choice p{margin-top:2px;padding:0 5% 0 25px;color:#aaa;font-size:13px}.message .choice p input{width:100%;padding:10px 1px 9px;margin-top:10px}body,html{min-height:100%}body{background-color:#222;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:12px;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased}body.view{background-color:#0f0f0f}.center{position:absolute;left:50%;top:50%}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:color .3s,opacity .3s ease-out,-webkit-transform .3s ease-out,box-shadow .3s;transition:color .3s,opacity .3s ease-out,transform .3s ease-out,box-shadow .3s}input{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}#multiselect{position:absolute;background-color:rgba(0,94,204,.3);border:1px solid rgba(0,94,204,1);border-radius:3px;z-index:3}.tipsy{padding:4px;font-size:12px;position:absolute;z-index:100000;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.3s;animation-duration:.3s}.tipsy-inner{padding:8px 10px 7px;color:#fff;max-width:200px;text-align:center;background:rgba(0,0,0,.8);border-radius:25px}.tipsy-arrow{position:absolute;width:0;height:0;line-height:0;border:5px dashed rgba(0,0,0,.8)}.tipsy-arrow-n{border-bottom-color:rgba(0,0,0,.8)}.tipsy-arrow-s{border-top-color:rgba(0,0,0,.8)}.tipsy-arrow-e{border-left-color:rgba(0,0,0,.8)}.tipsy-arrow-w{border-right-color:rgba(0,0,0,.8)}.tipsy-n .tipsy-arrow{top:0;left:50%;margin-left:-5px;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent}.tipsy-nw .tipsy-arrow{top:0;left:10px;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent}.tipsy-ne .tipsy-arrow{top:0;right:10px;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent}.tipsy-s .tipsy-arrow{bottom:0;left:50%;margin-left:-5px;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent}.tipsy-sw .tipsy-arrow{bottom:0;left:10px;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent}.tipsy-se .tipsy-arrow{bottom:0;right:10px;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent}.tipsy-e .tipsy-arrow{right:0;top:50%;margin-top:-5px;border-left-style:solid;border-right:none;border-top-color:transparent;border-bottom-color:transparent}.tipsy-w .tipsy-arrow{left:0;top:50%;margin-top:-5px;border-right-style:solid;border-left:none;border-top-color:transparent;border-bottom-color:transparent}#upload{display:none}.upload_overlay{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.85);z-index:1000}.upload_message{position:absolute;display:inline-block;width:200px;margin-left:-100px;margin-top:-85px;background-color:#444;background-image:-webkit-linear-gradient(top,#4b4b4b,#2d2d2d);background-image:linear-gradient(top,#4b4b4b,#2d2d2d);border-radius:5px;box-shadow:0 0 5px #000,inset 0 1px 0 rgba(255,255,255,.08),inset 1px 0 0 rgba(255,255,255,.03),inset -1px 0 0 rgba(255,255,255,.03);-moz-animation-name:moveUp;-moz-animation-duration:.3s;-moz-animation-timing-function:cubic-bezier(0.51,.92,.24,1.15);-webkit-animation-name:moveUp;animation-name:moveUp;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.51,.92,.24,1.15);animation-timing-function:cubic-bezier(0.51,.92,.24,1.15)}.upload_message a{float:left;width:100%;margin:35px 0 5px;color:#fff;font-size:70px;text-shadow:0 1px 2px rgba(0,0,0,.5);text-align:center;-moz-animation-name:pulse;-moz-animation-duration:2s;-moz-animation-timing-function:ease-in-out;-moz-animation-iteration-count:infinite;-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.upload_message p{float:left;width:100%;margin:10px 0 35px;color:#fff;font-size:14px;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.5)}.upload_message .progressbar{float:left;width:170px;height:25px;margin:15px;background-size:50px 25px;background-repeat:repeat-x;background-image:-webkit-linear-gradient(left right,#191919 0,#191919 47%,#1D1D1D 53%,#1D1D1D 100%);background-image:linear-gradient(left right,#191919 0,#191919 47%,#1D1D1D 53%,#1D1D1D 100%);border:1px solid #090909;box-shadow:0 1px 0 rgba(255,255,255,.06),inset 0 0 2px #222;border-radius:50px;-moz-animation-name:moveBackground;-moz-animation-duration:1s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;-webkit-animation-name:moveBackground;animation-name:moveBackground;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.upload_message .progressbar div{float:left;width:0;height:100%;box-shadow:0 1px 0 #000,1px 0 2px #000;background-color:#f5f2f7;background-image:-webkit-linear-gradient(top,#f5f2f7,#c7c6c8);background-image:linear-gradient(top,#f5f2f7,#c7c6c8);border-radius:50px;-webkit-transition:width .2s,opacity .5;transition:width .2s,opacity .5} \ No newline at end of file diff --git a/build/gulpfile.js b/build/gulpfile.js index a858fdc..4795880 100644 --- a/build/gulpfile.js +++ b/build/gulpfile.js @@ -45,6 +45,7 @@ gulp.task('css', function () { gulp.src(paths.css) .pipe(plugins.concat('main.css', {newLine: "\n"})) + .pipe(plugins.autoprefixer('last 4 versions', '> 5%')) .pipe(plugins.minifyCss()) .pipe(gulp.dest('../assets/min/')); diff --git a/build/package.json b/build/package.json index 58cb5d3..1519f86 100644 --- a/build/package.json +++ b/build/package.json @@ -10,6 +10,7 @@ }, "devDependencies": { "gulp": "^3.6.2", + "gulp-autoprefixer": "0.0.8", "gulp-concat": "^2.2.0", "gulp-load-plugins": "^0.5.0", "gulp-minify-css": "^0.3.4",