/*! * Description: picload.org stylesheet * Author: toFOUR GmbH * Author URI: https://www.tofour.net/ * * $Id: picload.css 39740 2017-05-03 08:22:48Z markus $ */ /* font rules */ @font-face { font-family:"icon"; font-weight:normal; font-style:normal; src:url("//static.picload.org/fonts/icon.eot?-kkkrbu"); src:url("//static.picload.org/fonts/icon.eot?-kkkrbu#iefix") format("embedded-opentype"), url("//static.picload.org/fonts/icon.woff?-kkkrbu") format("woff"), url("//static.picload.org/fonts/icon.ttf?-kkkrbu") format("truetype"), url("//static.picload.org/fonts/icon.svg?-kkkrbu#icon") format("svg"); } /* keyframes */ @-webkit-keyframes waiting { 0% {-webkit-transform:rotate(0deg);} to {-webkit-transform:rotate(360deg);} } @-o-keyframes waiting { 0% {-o-transform:rotate(0deg);} to {-o-transform:rotate(360deg);} } @-moz-keyframes waiting { 0% {-moz-transform:rotate(0deg);} to {-moz-transform:rotate(360deg);} } @keyframes waiting { 0% {-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);} to {-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);} } @-webkit-keyframes progress { 0% {background-position:0 0;} to {background-position:40px 0;} } @-o-keyframes progress { 0% {background-position:0 0;} to {background-position:40px 0;} } @-moz-keyframes progress { 0% {background-position:0 0;} to {background-position:40px 0;} } @keyframes progress { 0% {background-position:0 0;} to {background-position:40px 0;} } @-webkit-keyframes scale { 0% {-webkit-transform:scale(.1);opacity:0;} to {-webkit-transform:scale(1);opacity:1;} } @-o-keyframes scale { 0% {-o-transform:scale(.1);opacity:0;} to {-o-transform:scale(1);opacity:1;} } @-moz-keyframes scale { 0% {-moz-transform:scale(.1);opacity:0;} to {-moz-transform:scale(1);opacity:1;} } @keyframes scale { 0% {-webkit-transform:scale(.1);-o-transform:scale(.1);-ms-transform:scale(.1);-moz-transform:scale(.1);transform:scale(.1);opacity:0;} to {-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);opacity:1;} } @-webkit-keyframes fade { 0% {opacity:0;} to {opacity:1;} } @-o-keyframes fade { 0% {opacity:0;} to {opacity:1;} } @-moz-keyframes fade { 0% {opacity:0;} to {opacity:1;} } @keyframes fade { 0% {opacity:0;} to {opacity:1;} } @-webkit-keyframes shake { 0% {-webkit-transform:translateX(0);} 12% {-webkit-transform:translateX(-6px);} 37% {-webkit-transform:translateX(5px);} 62% {-webkit-transform:translateX(-3px);} 87% {-webkit-transform:translateX(2px);} to {-webkit-transform:translateX(0);} } @-o-keyframes shake { 0% {-o-transform:translateX(0);} 12% {-o-transform:translateX(-6px);} 37% {-o-transform:translateX(5px);} 62% {-o-transform:translateX(-3px);} 87% {-o-transform:translateX(2px);} to {-o-transform:translateX(0);} } @-moz-keyframes shake { 0% {-moz-transform:translateX(0);} 12% {-moz-transform:translateX(-6px);} 37% {-moz-transform:translateX(5px);} 62% {-moz-transform:translateX(-3px);} 87% {-moz-transform:translateX(2px);} to {-moz-transform:translateX(0);} } @keyframes shake { 0% {-webkit-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);} 12% {-webkit-transform:translateX(-6px);-o-transform:translateX(-6px);-ms-transform:translateX(-6px);-moz-transform:translateX(-6px);transform:translateX(-6px);} 37% {-webkit-transform:translateX(5px);-o-transform:translateX(5px);-ms-transform:translateX(5px);-moz-transform:translateX(5px);transform:translateX(5px);} 62% {-webkit-transform:translateX(-3px);-o-transform:translateX(-3px);-ms-transform:translateX(-3px);-moz-transform:translateX(-3px);transform:translateX(-3px);} 87% {-webkit-transform:translateX(2px);-o-transform:translateX(2px);-ms-transform:translateX(2px);-moz-transform:translateX(2px);transform:translateX(2px);} to {-webkit-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);} } /* general */ html, body {height:100%;} html {-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} body {margin:0;padding:0;font:14px Arial, Helvetica, sans-serif;overflow-y:scroll;background:#fff;} img {margin:0;border:0;height:auto;-ms-interpolation-mode:bicubic;vertical-align:middle;} h1, h2, h3, h4, h5, h6 {margin:0;border:0;font-family:inherit;font-weight:bold;color:inherit;text-rendering:optimizeLegibility;} article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display:block;} audio, canvas, progress, video {display:inline-block;vertical-align:baseline;} audio:not([controls]) {display:none;height:0;} abbr[title] {border-bottom:none;text-decoration:underline;text-decoration:underline dotted;} b, strong {font-weight:bold;} dfn {font-style:italic;} sub, sup {position:relative;line-height:0;font-size:75%;vertical-align:baseline;} sup {top:-.5em;} sub {bottom:-.25em;} svg:not (:root) {overflow:hidden;} hr {box-sizing:content-box;height:0;} code, kbd, pre, samp {font-family:monospace, monospace;font-size:1em;} pre {overflow:auto;} button, input, optgroup, select, textarea {font:inherit;margin:0;} button, input {overflow:visible;} button, select {text-transform:none;} textarea {overflow:auto;} fieldset {margin:0 2px;padding:6px 10px 12px;border:1px solid #c0c0c0;} legend {border:0 none;padding:0 5px;} iframe {border:0 none;} template, [hidden] {display:none;} *, *::before, *::after {-webkit-box-sizing:inherit;-ms-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;} * *::selection {background-color:rgba(149, 196, 109, .7);} * *::-moz-selection {background-color:rgba(149, 196, 109, .7);} .container {width:768px;margin-left:auto;margin-right:auto;} /* languages */ .languages {position:relative;} .languages > ul {display:none;position:absolute;padding:5px 0;background:#fff;border:1px solid #cdcdcd;-webkit-border-radius:6px;-o-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, .2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, .2);box-shadow:0 5px 10px rgba(0, 0, 0, .2);z-index:500;} .languages > ul::before, .languages > ul::after {position:absolute;display:inline-block;content:"";border:solid transparent;} .languages:hover > ul {display:block;} .languages > ul > li {float:none;padding:5px 15px;height:26px;line-height:16px;} .languages > ul > li:hover {background:#0b9fcb;background:-webkit-linear-gradient(#42acc9, #009dc9);background:-o-linear-gradient(#42acc9, #009dc9);background:-ms-linear-gradient(#42acc9, #009dc9);background:-moz-linear-gradient(#42acc9, #009dc9);background:linear-gradient(#42acc9, #009dc9);} .languages > ul > li:hover > a {color:#fff;} .languages > ul > li > a {color:#555;} .languages > ul > li > a, .languages > span.language {padding-left:18px;background:url("//static.picload.org/images/sprite.png") no-repeat -238px 2px;cursor:pointer;} .languages:hover > span.language {color:#333;} .languages .de {background-position:-238px 2px !important;} .languages .en {background-position:-238px -14px !important;} .languages .fr {background-position:-238px -30px !important;} .languages .it {background-position:-238px -46px !important;} .languages .es {background-position:-238px -62px !important;} .languages .tr {background-position:-238px -78px !important;} /* previewer */ .previewer > * {float:left;display:block;position:relative;width:130px;height:130px;margin:5px;background:#fff url("//static.picload.org/images/nothumbnail.png") no-repeat 50% 50%;border:1px solid #ccc;} .previewer > *:hover {border-color:#666;} .previewer > *.folder {background:#0b9fcb url("//static.picload.org/images/nocover.png") no-repeat 50% 50% / cover;} .previewer > *.folder:hover {background-color:#0bb3e5;} .previewer > *.folder.parent {background-color:#95c46d;} .previewer > *.folder.parent:hover {background-color:#aade7c;} .previewer > *.disabled::after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("//static.picload.org/images/disabled.png") repeat;cursor:not-allowed;} .previewer > *.selected {background-color:#0b9fcb;} .previewer > * > * {position:absolute;} .previewer > * > input[type="checkbox"], .previewer > * > input[type="radio"] {top:5px;left:5px;} .previewer > * > span {top:5px;right:5px;width:20px;height:20px;padding:5px;background:rgba(0, 0, 0, .6) url("//static.picload.org/images/sprite.png") no-repeat -194px 0;font-size:10px;color:#fff;-webkit-border-radius:2px;-o-border-radius:2px;-moz-border-radius:2px;border-radius:2px;} .previewer > * > i {bottom:0;left:0;display:block;width:100%;padding:3px 5px;background:rgba(0, 0, 0, .6);font-size:75%;color:#fff;text-shadow:1px 1px 0 #000;} /* cover */ .cover {position:relative;padding:15px 0;-webkit-box-shadow:0 3px 3px -3px #aaa;-moz-box-shadow:0 3px 3px -3px #aaa;box-shadow:0 3px 3px -3px #aaa;} .cover > .coverImage {position:absolute;top:0;bottom:0;width:100%;height:100%;overflow:hidden;} .cover > .coverImage::before {content:"";position:absolute;left:0;right:0;bottom:40px;height:100px;background:-webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .15), rgba(0, 0, 0, .3));background:-o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .15), rgba(0, 0, 0, .3));background:-moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .15), rgba(0, 0, 0, .3));background:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .15), rgba(0, 0, 0, .3));z-index:21;} .cover > .coverImage > div {position:absolute;top:0;width:100%;height:100%;background:#95c46d none no-repeat 50% 50% / 100% auto;overflow:hidden;opacity:.7;} .cover > .coverMeta {position:absolute;bottom:45px;left:30px;z-index:22;} .cover > .coverMeta > * {margin:0;padding:0;color:#fff;font-weight:normal;text-shadow:0 1px 3px rgba(0, 0, 0, .8);} .cover > .coverMeta > h1 {font-size:30px;line-height:30px;} .cover > .coverMeta > h2 {font-size:16px;} .cover > .coverMeta > h2 > a {color:#fff;text-decoration:underline;} .cover > .coverMeta > h2 > a:hover {text-decoration:none;} .cover > .coverStats {position:absolute;bottom:45px;right:30px;z-index:22;} .cover > .coverStats > div {display:inline-block;margin:0 0 0 25px;} .cover > .coverStats > div > * {display:block;margin:0;padding:0;color:#fff;font-weight:normal;white-space:nowrap;text-align:right;text-shadow:0 1px 3px rgba(0, 0, 0, .8);} .cover > .coverStats > div > h3 {font-size:24px;line-height:24px;} .cover > .coverStats > div > label {font-size:12px;line-height:12px;} .cover > .coverNav {position:absolute;bottom:0;width:100%;height:40px;margin:0;padding:0 10px;background:rgba(0, 0, 0, .6);list-style-type:none;border:0 solid #333;border-width:1px 0;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .1);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .1);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .1);z-index:23;} .cover > .coverNav > li {float:left;width:auto;border-left:1px solid rgba(255, 255, 255, .2);border-right:1px solid #333;font-size:inherit;white-space:nowrap;color:#fff;} .cover > .coverNav > li:hover {background:rgba(0, 0, 0, .65);color:#fff;} .cover > .coverNav > li:first-child {border-left:none;} .cover > .coverNav > li > a {display:block;height:38px;padding:0 20px;line-height:38px;font-size:inherit;text-shadow: 1px 1px 2px #333;text-decoration:none;color:inherit;} .cover > .coverNav > li > a::before {padding-right:5px;} /* bigger and smaller content */ .bigger > *.row, .bigger > *.row > * {display:block;margin:4px 0;} .bigger > *.row {margin:15px 0;} .bigger > *.row > .fakeText {width:300px;} .bigger > *.row > em {line-height:34px;} .bigger > *.row > textarea {padding:8px;} .bigger > *.row > select {height:34px;padding:0 4px;line-height:34px;} .bigger > *.row > input[type="text"], .bigger > *.row > input[type="password"], .bigger > *.row > .fakeText > input {width:300px;height:34px;padding:0 8px;line-height:32px;} .bigger > *.row > .fakeText > span {line-height:34px;} .bigger > *.row > .fakeText.left > span {left:8px;} .bigger > *.row > .fakeText.right > span {right:8px;} .bigger > *.row > .fakeTextarea > textarea {padding:36px 8px 8px;} .bigger > *.row > .fakeTextarea > div {top:8px;} .bigger > *.row > .fakeTextarea > div.left {left:8px;} .bigger > *.row > .fakeTextarea > div.right {right:8px;} .smaller > *.row, .smaller > *.row > * {display:block;margin:4px 0;} .smaller > *.row {margin:10px 0;} /* table */ table.tbl {padding:0;border-spacing:0;border:1px solid #0b9fcb;} table.tbl td {padding:5px;} table.tbl td.head, table.tbl tr.head > td {padding:6px 5px;background:#0b9fcb !important;color:#fff;font-weight:bold;border:none;} table.tbl td.column, table.tbl tr.column > td {padding:6px 5px;background:#eee !important;color:#000;font-weight:bold;} table.tbl td.section, table.tbl tr.section > td {background:#95c46d !important;color:#fff;font-weight:bold !important;} table.tbl .section a {color:#fff !important;text-decoration:underline;} table.tbl .section a:hover {text-decoration:none !important;} table.tbl td.sub, table.tbl tr.sub > td {background:#a5a5a5 !important;border:none;color:#fff;font-weight:bold !important;} table.tbl td.first, table.tbl tr.first > td, table.tbl tr.row:nth-child(even) > td {background:#fdfdfd no-repeat left center;} table.tbl td.second, table.tbl tr.second > td, table.tbl tr.row:nth-child(odd) > td {background:#f9f9f9 no-repeat left center;} table.tblSub, table.tblTab {margin:0;padding:0;border:none !important;border-spacing:0 !important;} table.tblSub td {padding:0;border:none !important;} table.tblTab td {padding:4px 0;border:none !important;} table.tblForm {width:100%;margin:0;border-collapse:collapse;border-spacing:0;} table.tblForm tr {border-bottom:1px solid #b7bdc1;} table.tblForm tr.last, table.tblForm tr:last-child {border-bottom:none;} table.tblForm td {padding:7px 10px;line-height:21px;} table.tblForm td:first-child[colspan] {padding-left:15px;line-height:normal;} table.tblForm td.label {padding-left:15px;background:#f9f9fa;font-weight:bold;line-height:normal;border-right:1px dotted #c2c5c8;} table.tblForm td > div.label {display:block;margin:5px 0;font-weight:bold;} table.tblForm td table.tbl td, table.tblForm td table.tblTab td {padding:4px;border:none;line-height:normal;} table.tblForm td table.tblSub td {padding:0;border:none;line-height:normal;} table.tblStats {width:100%;border-spacing:10px;} table.tblStats td {position:relative;min-width:100px;padding:10px 15px;background:#fff;border:1px solid #aaa;-webkit-border-radius:8px;-o-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:inset 0 0 3px 0 #ccc;-moz-box-shadow:inset 0 0 3px 0 #ccc;box-shadow:inset 0 0 3px 0 #ccc;} table.tblStats td > * {position:relative;display:block;margin:0;padding:0;color:#666;font-weight:normal;white-space:nowrap;z-index:2;} table.tblStats td > h3 {font-size:22px !important;line-height:22px !important;} table.tblStats td > label {font-size:12px !important;line-height:12px !important;} table.tblStats td > i {position:absolute;right:8px;bottom:0;font-size:28px !important;color:#ccc;z-index:1;} /* tree */ .tree {overflow:auto;} .tree > div {height:18px;padding-left:18px;background:url("//static.picload.org/images/treeHome.png") no-repeat 0 50%;font-weight:bold;line-height:18px;} .tree ul {margin:0;padding:0;list-style-type:none;} .tree ul > li {position:relative;padding-left:16px;background:url("//static.picload.org/images/treeLine.png") repeat-y 0 0;line-height:20px;} .tree ul > li:last-child {background-repeat:no-repeat;background-position:0 -8px;} .tree ul > li::before {content:"";position:absolute;top:0;left:0;width:16px;height:20px;background:url("//static.picload.org/images/treeBranch.png") no-repeat 0 50%;} .tree ul > li.more.close > ul {display:none;} .tree ul > li.more > div.switch {position:absolute;top:1px;left:0;width:16px;height:18px;background:url("//static.picload.org/images/treeMore.png") no-repeat 0 0;cursor:pointer;} .tree ul > li.more.close > div.switch {background-position:0 -18px;} .tree ul > li > label, .tree ul > li > a {display:inline-block;height:18px;padding-left:18px;background:url("//static.picload.org/images/treeFolder.png") no-repeat 0 50%;line-height:18px;text-decoration:none;color:inherit;white-space:nowrap;} .tree ul > li.open > label, .tree ul > li.open > a {background-image:url("//static.picload.org/images/treeFolderOpen.png");} /* bbcode buttons */ a.bbcode {display:inline-block;width:23px;height:22px;background:url("//static.picload.org/images/bbcode.png");cursor:pointer;} a.bbcode.break {background-position:0 0;} a.bbcode.bold {background-position:0 -22px;} a.bbcode.left {background-position:0 -44px;} a.bbcode.center {background-position:0 -66px;} a.bbcode.right {background-position:0 -88px;} a.bbcode.justify {background-position:0 -110px;} a.bbcode.code {background-position:0 -132px;} a.bbcode.command {background-position:0 -154px;} a.bbcode.email {background-position:0 -176px;} a.bbcode.help {background-position:0 -198px;} a.bbcode.image {background-position:0 -220px;} a.bbcode.italic {background-position:0 -242px;} a.bbcode.list {background-position:0 -264px;} a.bbcode.php {background-position:0 -286px;} a.bbcode.quote {background-position:0 -308px;} a.bbcode.strike {background-position:0 -330px;} a.bbcode.underline {background-position:0 -352px;} a.bbcode.url {background-position:0 -374px;} a.bbcode.signature {background-position:0 -396px;} /* sharing is caring */ .share > article {height:72px;} .share > article > a {display:block;float:left;margin-left:10px;width:72px;height:72px;background:#ccc;font-size:72px;color:#fff !important;text-decoration:none !important;-webkit-border-radius:10px;-o-border-radius:10px;-moz-border-radius:10px;border-radius:10px;} .share > article > a.icon-share-email {background:#95c46d;} .share > article > a.icon-share-facebook {background:#3b5998;} .share > article > a.icon-share-twitter {background:#00aced;} .share > article > a.icon-share-tumblr {background:#32506d;} .share > article > a.icon-share-pinterest {background:#cb2027;} .share > article > a:first-child {margin-left:0;} .share > p > input[type="text"] {width:100%;height:34px;padding:0 8px;line-height:32px;} .share > p > textarea {width:100%;height:50px;padding:8px;line-height:16px;} /* badge */ .badge {position:relative;display:inline-block;padding:1px 6px;background-color:#666;font-weight:bold;text-shadow:none !important;vertical-align:middle;white-space:nowrap;word-wrap:normal;-webkit-border-radius:9px;-o-border-radius:9px;-moz-border-radius:9px;border-radius:9px;color:#fff;} .badge.green {background-color:#009900;color:#eeffee;} .badge.red {background-color:#cc0000;color:#ffeeee;} .badge.black {background-color:#333;color:#fff;} .badge.silver {background-color:#ccc;color:#fff;} .badge.brown {background-color:#c63;color:#fff;} .badge.orange {background-color:#f90;color:#fff;} .badge.yellow {background-color:#ff0;color:#333;} .badge.blue {background-color:#369;color:#fff;} .badge.purple {background-color:#c0f;color:#fff;} .badge.pink {background-color:#f0c;color:#fff;} .badge.online {background-color:#006600;background-image:-webkit-linear-gradient(#009900, #006600);background-image:-o-linear-gradient(#009900, #006600);background-image:-ms-linear-gradient(#009900, #006600);background-image:-moz-linear-gradient(#009900, #006600);background-image:linear-gradient(#009900, #006600);} .badge.offline {background-color:#880000;background-image:-webkit-linear-gradient(#bb0000, #880000);background-image:-o-linear-gradient(#bb0000, #880000);background-image:-ms-linear-gradient(#bb0000, #880000);background-image:-moz-linear-gradient(#bb0000, #880000);background-image:linear-gradient(#bb0000, #880000);} .badge.online::before {border-bottom:4px solid #003300;} .badge.offline::before {border-bottom:4px solid #330000;} /* addition */ .addition {position:relative;display:inline-block;margin:0 0 0 6px;padding:1px 3px 1px 1px;background-color:#e50008;-webkit-border-radius:0 3px 3px 0;-o-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;-webkit-box-shadow:1px 1px 0 rgba(0, 0, 0, .3);-moz-box-shadow:1px 1px 0 rgba(0, 0, 0, .3);box-shadow:1px 1px 0 rgba(0, 0, 0, .3);color:#fff;font-size:11px;font-weight:700;letter-spacing:0;line-height:14px;white-space:nowrap;vertical-align:middle;text-shadow:0 -1px 0 rgba(0, 0, 0, .25);opacity:.9;} .addition::before {content:"";position:absolute;left:-6px;top:0;width:0;height:0;float:left;-webkit-border-radius:2px;-o-border-radius:2px;-moz-border-radius:2px;border-radius:2px;border-style:solid;border-width:8px 6px 8px 0;border-color:transparent #e50008 transparent transparent;} /* remarks */ .remark {position:relative;padding:10px 10px 10px 45px !important;border:1px solid;font-size:12px;color:#484848;line-height:normal;} .remark a {color:#484848;text-decoration:underline;} .remark a:hover {color:#484848;text-decoration:none;} .remark.success {background:#e6efc2 url("//static.picload.org/images/remarkSuccess.png") no-repeat 10px center;border-color:#c6d881;} .remark.error {background:#fbe3e4 url("//static.picload.org/images/remarkError.png") no-repeat 10px center;border-color:#fbc7c9;} .remark.info {background:#a8b2c5 url("//static.picload.org/images/remarkInfo.png") no-repeat 10px center;border-color:#8497bf;} .remark.warning {background:#fff6bf url("//static.picload.org/images/remarkWarning.png") no-repeat 10px center;border-color:#fdd845;} .remark .close {position:absolute;top:5px;right:5px;display:block;width:7px;height:7px;background:url("//static.picload.org/images/remarkClose.png") no-repeat;margin-left:10px;} .remark .reload {display:inline-block;width:16px;height:16px;background:url("//static.picload.org/images/remarkReload.png") no-repeat;margin-left:10px;} /* filetypes */ .filetype {background:url("//static.picload.org/images/filetypes/unknown.png") no-repeat left center;} .filetype.center {background-position:center center;} .filetype.px16 {background-size:16px;} img.filetype.px16 {width:16px;height:16px;} .filetype.px24 {background-size:24px;} img.filetype.px24 {width:24px;height:24px;} .filetype.px32 {background-size:32px;} img.filetype.px32 {width:32px;height:32px;} .filetype.ai {background-image:url("//static.picload.org/images/filetypes/ai.png");} .filetype.bmp {background-image:url("//static.picload.org/images/filetypes/bmp.png");} .filetype.gif {background-image:url("//static.picload.org/images/filetypes/gif.png");} .filetype.jpeg {background-image:url("//static.picload.org/images/filetypes/jpeg.png");} .filetype.jpg {background-image:url("//static.picload.org/images/filetypes/jpg.png");} .filetype.pdf {background-image:url("//static.picload.org/images/filetypes/pdf.png");} .filetype.png {background-image:url("//static.picload.org/images/filetypes/png.png");} .filetype.rar {background-image:url("//static.picload.org/images/filetypes/rar.png");} .filetype.tar {background-image:url("//static.picload.org/images/filetypes/tar.png");} .filetype.txt {background-image:url("//static.picload.org/images/filetypes/txt.png");} .filetype.zip {background-image:url("//static.picload.org/images/filetypes/zip.png");} /* buttons and input elements */ button, input, optgroup, select, textarea {margin:0;font:inherit;} button, select {text-transform:none;} button, input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer;-webkit-appearance:button;} input[type="text"], input[type="password"], select, textarea {margin:0;padding:0;background:#fff;border:1px solid #ccc;outline:0;font:14px Arial,Helvetica,sans-serif;color:#686868;-webkit-border-radius:3px;-o-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px 0 #eee, 0 1px 0 #fff;-moz-box-shadow:inset 0 1px 0 #eee, 0 1px 0 #fff;box-shadow:inset 0 1px 0 #eee, 0 1px 0 #fff;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear;} textarea.resizeable {min-height:75px;max-height:750px;resize:vertical;} input[type="text"], input[type="password"] {height:24px;padding:0 4px;line-height:22px;} select {height:24px;line-height:24px;padding:0 2px;} select[size], select[multiple] {height:auto;} textarea {padding:4px;overflow:auto;resize:none;} input[readonly], select[readonly], textarea[readonly] {cursor:default;} input[disabled], select[disabled], textarea[disabled] {background-color:#eee;color:#999;cursor:not-allowed;} input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {border:1px solid #0b9fcb;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, .1), 0 0 5px rgba(11, 159, 203, .5);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, .1), 0 0 5px rgba(11, 159, 203, .5);box-shadow:inset 0 1px 2px rgba(0, 0, 0, .1), 0 0 5px rgba(11, 159, 203, .5);} input.success[type="text"], input.success[type="password"], select.success, textarea.success {border-color:#00cc00;background-color:#e2ffd6 !important;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 204, 0, .5);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 204, 0, .5);box-shadow:inset 0 1px 2px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 204, 0, .5);} input.error[type="text"], input[type="text"]:invalid, input.error[type="password"], input[type="password"]:invalid, select.error, select:invalid, textarea.error, textarea:invalid {border-color:#cc0000;background-color:#ffe2d6 !important;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, .1), 0 0 5px rgba(204, 0, 0, .5);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, .1), 0 0 5px rgba(204, 0, 0, .5);box-shadow:inset 0 1px 2px rgba(0, 0, 0, .1), 0 0 5px rgba(204, 0, 0, .5);} input:placeholder, textarea:placeholder {color:#444;} input:-moz-placeholder, textarea:-moz-placeholder {color:#444;} input:-moz-placeholder, textarea:-moz-placeholder {color:#444;} input:-webkit-input-placeholder, textarea:-webkit-input-placeholder {color:#444;} input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#444;} input:focus:placeholder, textarea:focus:placeholder {color:#999;} input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {color:#999;} input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {color:#999;} input:focus:-webkit-input-placeholder, textarea:focus:-webkit-input-placeholder {color:#999;} input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {color:#999;} .fakeText, .fakeTextarea {position:relative;} .fakeText > span {position:absolute;color:#686868;line-height:24px;} .fakeText.left > span {left:4px;} .fakeText.right > span {right:4px;} .fakeTextarea > textarea {padding-top:32px;} .fakeTextarea > div {position:absolute;top:4px;} .fakeTextarea > div.left {left:4px;} .fakeTextarea > div.right {right:4px;} .btn {display:inline-block;height:30px;padding:0 12px;font-size:14px;line-height:1;font-weight:normal;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:1px solid transparent;-webkit-border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 2px rgba(0, 0, 0, .05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 2px rgba(0, 0, 0, .05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 2px rgba(0, 0, 0, .05);-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear;} a.btn {line-height:28px;text-decoration:none !important;} .btn:focus, .btn:active:focus {outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} .btn:hover, .btn:focus {color:#333;text-decoration:none;} .btn:active {background-image:none;outline:0;} .btn[disabled] {pointer-events:none;cursor:not-allowed;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;opacity:.65;} .btn.big {height:40px;padding:0 24px;font-size:16px;} a.btn.big {line-height:38px;} .btn.default {color:#333;background-color:#f6f6f6;border-color:#ccc;} .btn.default:hover, .btn.default:focus, .btn.default:active {color:#333;background-color:#e6e6e6;border-color:#adadad;} .btn.default[disabled] {background-color:#fff;border-color:#ccc;} .btn.submit {color:#fff;background-color:#0b9fcb;border-color:#098bb3;} .btn.submit:hover, .btn.submit:focus, .btn.submit:active {color:#fff;background-color:#0bb3e5;border-color:#0a9fcc;} .btn.submit[disabled] {background-color:#3dabcc;border-color:#3695b3;} .btn.green {color:#fff;background-color:#5cb85c;border-color:#4cae4c;} .btn.green:hover, .btn.green:focus, .btn.green:active {color:#fff;background-color:#449d44;border-color:#398439;} .btn.green[disabled] {background-color:#5cb85c;border-color:#4cae4c;} .btn.red {color:#fff;background-color:#d9534f;border-color:#d43f3a;} .btn.red:hover, .btn.red:focus, .btn.red:active {color:#fff;background-color:#c9302c;border-color:#ac2925;} .btn.red[disabled] {background-color:#d9534f;border-color:#d43f3a;} .btn.orange {color:#fff;background-color:#f0ad4e;border-color:#eea236;} .btn.orange:hover, .btn.orange:focus, .btn.orange:active {color:#fff;background-color:#ec971f;border-color:#d58512;} .btn.orange[disabled] {background-color:#f0ad4e;border-color:#eea236;} .btn.blue {color:#fff;background-color:#5bc0de;border-color:#46b8da;} .btn.blue:hover, .btn.blue:focus, .btn.blue:active {color:#fff;background-color:#31b0d5;border-color:#269abc;} .btn.blue[disabled] {background-color:#5bc0de;border-color:#46b8da;} .btn.facebook, .btn.facebook:hover {background-color:#3b5998;border-color:#3b5998;color:#fff !important;} .btn.twitter, .btn.twitter:hover {background-color:#00aced;border-color:#00aced;color:#fff !important;} .btn.google, .btn.google:hover {background-color:#dc4e41;border-color:#dc4e41;color:#fff !important;} .btn.microsoft, .btn.microsoft:hover {background-color:#0078d7;border-color:#0078d7;color:#fff !important;} .btn .btn-icon {font-size:12px;} /* progress bar */ .progress {height:20px;overflow:hidden;background-color:#f7f7f7;background-image:-webkit-linear-gradient(#f5f5f5, #f9f9f9);background-image:-o-linear-gradient(#f5f5f5, #f9f9f9);background-image:-ms-linear-gradient(#f5f5f5, #f9f9f9);background-image:-moz-linear-gradient(#f5f5f5, #f9f9f9);background-image:linear-gradient(#f5f5f5, #f9f9f9);background-repeat:repeat-x;-webkit-border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, .1);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, .1);box-shadow:inset 0 1px 2px rgba(0, 0, 0, .1);} .progress > label {display:block;width:0%;height:20px;background-color:#0b9fcb;color:#fff;font-size:12px;line-height:20px;text-align:center;text-shadow:0 -1px 0 rgba(0, 0, 0, .25);-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, .15);-moz-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, .15);box-shadow:inset 0 -1px 0 rgba(0, 0, 0, .15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;-ms-transition:width .6s ease;-moz-transition:width .6s ease;transition:width .6s ease;} .progress.gradient > label {background-image:-webkit-linear-gradient(#0b9fcb, #0086ad);background-image:-o-linear-gradient(#0b9fcb, #0086ad);background-image:-ms-linear-gradient(#0b9fcb, #0086ad);background-image:-moz-linear-gradient(#0b9fcb, #0086ad);background-image:linear-gradient(#0b9fcb, #0086ad);background-repeat:repeat-x;} .progress.striped > label {background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);background-size:40px 40px;} .progress.active > label {-webkit-animation:progress 2s linear infinite;-o-animation:progress 2s linear infinite;-moz-animation:progress 2s linear infinite;animation:progress 2s linear infinite;} .progress.green > label {background-color:#5cb85c;} .progress.green.gradient > label {background-image:-webkit-linear-gradient(#62c462, #57a957);background-image:-o-linear-gradient(#62c462, #57a957);background-image:-ms-linear-gradient(#62c462, #57a957);background-image:-moz-linear-gradient(#62c462, #57a957);background-image:linear-gradient(#62c462, #57a957);} .progress.red > label {background-color:#d9534f;} .progress.red.gradient > label {background-image:-webkit-linear-gradient(#ee5f5b, #c43c35);background-image:-o-linear-gradient(#ee5f5b, #c43c35);background-image:-ms-linear-gradient(#ee5f5b, #c43c35);background-image:-moz-linear-gradient(#ee5f5b, #c43c35);background-image:linear-gradient(#ee5f5b, #c43c35);} .progress.orange > label {background-color:#f0ad4e;} .progress.orange.gradient > label {background-image:-webkit-linear-gradient(#fbb450, #f89406);background-image:-o-linear-gradient(#fbb450, #f89406);background-image:-ms-linear-gradient(#fbb450, #f89406);background-image:-moz-linear-gradient(#fbb450, #f89406);background-image:linear-gradient(#fbb450, #f89406);} .progress.blue > label {background-color:#4bb1cf;} .progress.blue.gradient > label {background-image:-webkit-linear-gradient(#5bc0de, #339bb9);background-image:-o-linear-gradient(#5bc0de, #339bb9);background-image:-ms-linear-gradient(#5bc0de, #339bb9);background-image:-moz-linear-gradient(#5bc0de, #339bb9);background-image:linear-gradient(#5bc0de, #339bb9);} /* icons */ [class^="icon-"]::before, [class*=" icon-"]::before {font-family:"icon" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} .icon-menu::before {content:"\e600";} .icon-share::before {content:"\e601";} .icon-upload::before {content:"\e602";} .icon-download::before {content:"\e603";} .icon-enter::before {content:"\e604";} .icon-exit::before {content:"\e605";} .icon-images::before {content:"\e606";} .icon-folder::before {content:"\e607";} .icon-folders::before {content:"\e608";} .icon-search::before {content:"\e609";} .icon-register::before {content:"\e60a";} .icon-usercp::before {content:"\e60b";} .icon-settings::before {content:"\e60c";} .icon-email::before {content:"\e60d";} .icon-password::before {content:"\e60e";} .icon-stats::before {content:"\e60f";} .icon-api::before {content:"\e610";} .icon-apps::before {content:"\e611";} .icon-logout::before {content:"\e612";} .icon-space::before {content:"\e613";} .icon-views::before {content:"\e614";} .icon-traffic::before {content:"\e615";} .icon-feedback::before {content:"\e616";} .icon-options::before {content:"\e617";} .icon-cross::before {content:"\e618";} .icon-home::before {content:"\e619";} .icon-earth::before {content:"\e61a";} .icon-paste::before {content:"\e61b";} .icon-profile::before {content:"\e61c";} .icon-camera::before {content:"\e61d";} .icon-sort-amount-asc::before {content:"\e631";} .icon-sort-amount-desc::before {content:"\e632";} .icon-sort-alpha-asc::before {content:"\e633";} .icon-sort-alpha-desc::before {content:"\e634";} .icon-sort-numeric-asc::before {content:"\e635";} .icon-sort-numberic-desc::before {content:"\e636";} .icon-arrow-left::before {content:"\e637";} .icon-arrow-right::before {content:"\e638";} .icon-facebook::before {content:"\e641";} .icon-twitter::before {content:"\e642";} .icon-google::before {content:"\e643";} .icon-microsoft::before {content:"\e644";} .icon-s-download::before {content:"\e701";} .icon-s-upload::before {content:"\e702";} .icon-s-edit::before {content:"\e703";} .icon-s-move::before {content:"\e704";} .icon-s-delete::before {content:"\e705";} .icon-s-image::before {content:"\e706";} .icon-s-images::before {content:"\e707";} .icon-s-folders::before {content:"\e708";} .icon-s-home::before {content:"\e709";} .icon-s-sort-desc::before {content:"\e70a";} .icon-s-sort-asc::before {content:"\e70b";} .icon-s-manager-icon::before {content:"\e70c";} .icon-s-manager-list::before {content:"\e70d";} .icon-s-folder::before {content:"\e70e";} .icon-s-export::before {content:"\e70f";} .icon-s-down::before {content:"\e710";} .icon-s-up::before {content:"\e711";} .icon-s-share::before {content:"\e712";} .icon-s-camera::before {content:"\e713";} .icon-share-email::before {content:"\e800";} .icon-share-facebook::before {content:"\e801";} .icon-share-twitter::before {content:"\e802";} .icon-share-tumblr::before {content:"\e803";} .icon-share-pinterest::before {content:"\e804";} /* distances and sizes */ .marginAuto {margin:auto !important;} .marginCenter {margin:0 auto !important;} .margin0 {margin:0 !important;} .margin0T {margin-top:0 !important;} .margin0B {margin-bottom:0 !important;} .margin0L {margin-left:0 !important;} .margin0R {margin-right:0 !important;} .margin10 {margin:10px !important;} .margin10T {margin-top:10px !important;} .margin10B {margin-bottom:10px !important;} .margin10L {margin-left:10px !important;} .margin10R {margin-right:10px !important;} .margin15 {margin:15px !important;} .margin15T {margin-top:15px !important;} .margin15B {margin-bottom:15px !important;} .margin15L {margin-left:15px !important;} .margin15R {margin-right:15px !important;} .margin25 {margin:25px !important;} .margin25T {margin-top:25px !important;} .margin25B {margin-bottom:25px !important;} .margin25L {margin-left:25px !important;} .margin25R {margin-right:25px !important;} .margin50 {margin:50px !important;} .margin50T {margin-top:50px !important;} .margin50B {margin-bottom:50px !important;} .margin50L {margin-left:50px !important;} .margin50R {margin-right:50px !important;} .padding10 {padding:10px !important;} .padding10L {padding-left:10px !important;} .padding10R {padding-right:10px !important;} .padding15 {padding:15px !important;} .padding15L {padding-left:15px !important;} .padding15R {padding-right:15px !important;} .padding20 {padding:20px !important;} .padding20L {padding-left:20px !important;} .padding20R {padding-right:20px !important;} .padding25 {padding:25px !important;} .padding25L {padding-left:25px !important;} .padding25R {padding-right:25px !important;} .padding50 {padding:50px !important;} .padding50L {padding-left:50px !important;} .padding50R {padding-right:50px !important;} .spaceL {padding-left:10px !important;} .spaceR {padding-right:10px !important;} .width {width:100%;} .width100 {width:100px !important;} .width200 {width:200px !important;} .width300 {width:300px !important;} .width400 {width:400px !important;} .width500 {width:500px !important;} .width600 {width:600px !important;} .maxHeight100 {max-height:100px;} .maxHeight150 {max-height:150px;} .maxHeight200 {max-height:200px;} .maxHeight250 {max-height:250px;} /* tools */ .show {display:block !important;} .hide {display:none !important;} .block {display:block;} .noprint {display:none;} .notext {text-indent:-99999px;} .invisible {visibility:hidden;} .hidden {display:none !important;visibility:hidden !important;} .scroll {overflow:auto;} .noscroll {overflow:hidden;} .bold {font-weight:bold;} .italic {font-style:italic;} .left {text-align:left;} .center {text-align:center;} .right {text-align:right;} .justify {text-align:justify;} .underline {text-decoration:underline;} .overline {text-decoration:overline;} .strike {text-decoration:line-through;} .blink {text-decoration:blink;} .ellipsis {text-overflow:ellipsis;} .lowercase {text-transform:lowercase;} .uppercase {text-transform:uppercase;} .capitalize {text-transform:capitalize;} .top {vertical-align:top;} .middle {vertical-align:middle;} .bottom {vertical-align:bottom;} .nowrap {white-space:nowrap;} .smallfont, small {font-size:80%;} .normalfont {font-size:100%;} .bigfont, big {font-size:120%;} .red {color:#ff0000;} .grey {color:#888;} .green {color:#95c46d;} .blue {color:#0b9fcb;} .greybg {background-color:#f0f0f0;} .greenbg {background-color:#95c46d;} .bluebg {background-color:#0b9fcb;} .mark, mark {color:#000;background:#ff0;} kbd {padding:2px 4px;background-color:#333;font-size:90%;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;color:#fff;-webkit-border-radius:3px;-o-border-radius:3px;-moz-border-radius:3px;border-radius:3px;box-shadow:0 -1px 0 rgba(0, 0, 0, 0.25) inset;} del {background:#faa;text-decoration:line-through;} ins {background:#9f9;text-decoration:none;} .shadow {-webkit-box-shadow:0 1px 5px rgba(127, 127, 127, .5);-moz-box-shadow:0 1px 5px rgba(127, 127, 127, .5);box-shadow:0 1px 5px rgba(127, 127, 127, .5);} .radius {-webkit-border-radius:8px;-o-border-radius:8px;-moz-border-radius:8px;border-radius:8px;} .line {border:none;border-top:1px solid #ddd;} .noselect {-o-user-select:none;-webkit-user-select:none;-khtml-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none;} .selectable {-khtml-user-select:text;-webkit-user-select:text;-o-user-select:text;-ms-user-select:text;-moz-user-select:text;user-select:text;} .transition {-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;} .fade {-webkit-transition:opacity .5s linear;-o-transition:opacity .5s linear;-ms-transition:opacity .5s linear;-moz-transition:opacity .5s linear;transition:opacity .5s linear;} .waiting {-webkit-animation:waiting 2s linear infinite;-o-animation:waiting 2s linear infinite;-moz-animation:waiting 2s linear infinite;animation:waiting 2s linear infinite;} .shake {-webkit-animation:shake .5s ease-in-out 1;-o-animation:shake .5s ease-in-out 1;-moz-animation:shake .5s ease-in-out 1;animation:shake .5s ease-in-out 1;} .link {cursor:pointer;} .floatLeft {float:left;} .floatRight {float:right;} .clear {clear:both;} .clearfix::after {content:".";display:block;clear:both;font-size:0;height:0;visibility:hidden;} .required::after {content:" \2022";color:#ff0000;} .arrow {position:relative;display:block;width:30px;height:30px;margin-top:35%;margin-left:20%;background:#0b9fcb;} .arrow::after {content:"";position:absolute;top:50%;left:100%;width:0;height:0;margin-top:-30px;border:30px solid transparent;border-left-color:#0b9fcb;pointer-events:none;} .border {width:auto;height:1px;background:#fff;border:none;border-top:1px solid #cfcfcf;} .border.dotted {border-style:dotted none none;} .box {border:1px solid #ccc;-webkit-border-radius:3px;-o-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px 0 #eee, 0 1px 0 #fff;-moz-box-shadow:inset 0 1px 0 #eee, 0 1px 0 #fff;box-shadow:inset 0 1px 0 #eee, 0 1px 0 #fff;} .box.text {padding:5px;} .terms {height:150px;font-size:80%;overflow:auto;} .blur {filter:url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogIDxmaWx0ZXIgaWQ9ImJsdXIiPg0KICAgIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIwIi8+DQogIDwvZmlsdGVyPg0KPC9zdmc+#blur");} .qrcode.qr100 {width:100px;height:100px;} .qrcode.qr120 {width:120px;height:120px;} .qrcode.qr150 {width:150px;height:150px;} .picload {font-family:"Trebuchet MS","Lucida Sans",Arial,sans-serif;font-weight:bold;color:#1c1b1a;} .picload > span {color:#a6a6a6;} .disabler {display:none;position:absolute;top:0;left:0;bottom:0;right:0;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG1JREFUeNqs07kNACEMRFFALpxyXYSDFRsgIQ5fM7H19BNXZu7FMCKynJWGxEREBz2YWujFnmAEu4JR7AhmsA3MYguIwCaIwn4QiZk/xYqNuIbE1EIv9gQj2BWMYkcwg21gFltABDZBFDb2CTAAMuw8bGgDsHcAAAAASUVORK5CYII=") repeat;z-index:4000;} .hidejs {display:none;} code {padding:2px 4px;background:#f0f0f0;border:1px solid #ccc;color:#444;font-size:90%;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;-webkit-border-radius:3px;-o-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} div.coder {display:block;padding:3px;border:1px solid #ccc;-webkit-border-radius:3px;-o-border-radius:3px;-moz-border-radius:3px;border-radius:3px;overflow:auto;white-space:nowrap;font-size:11px;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;} pre.coder {display:block;margin:0;padding:10px;background:#f0f0f0;border:1px solid #ccc;-webkit-border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#444;line-height:1.2;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;word-break:break-all;word-wrap:break-word;} a.external {background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJAgMAAACd/+6DAAAADFBMVEX///8Amc4Amc4Amc7CukvxAAAAA3RSTlMAD/DAUyoNAAAAJElEQVQImWNgsD/AwMB8gOE/zwGGAwkHGA42MDAc4EHg/38YAMXpCw5t0BSfAAAAAElFTkSuQmCC") no-repeat right center;padding-right:11px;} a.link.prev::before {content:"\ab ";} a.link.next::after {content:" \bb";} label.expander {display:block;width:14px;height:14px;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAOCAMAAABaWb9VAAAAKlBMVEVHcEwxSmP///+crcbn7/eltdbU3vGUpb3r8//G0ue9xsapvdqcpb21yOM2j/gdAAAAAXRSTlMAQObYZgAAAGBJREFUKM/NzssOwCAIRFEQ5KHy/7/bapfFxFXT2Z7cZAD+OiGiMVTbMQCVOWM8hiVo7HliHJuEpaeJZQCj4NxbtgA674pXzEAyAL0BPZJkFZEl7NFrTZIdQMNn7Ri+2QXqEQL3ItcaBwAAAABJRU5ErkJggg==') no-repeat 2px 0;cursor:pointer;} label.expander.open {background-position:-23px 0;} /* document */ #doc {position:absolute;top:0;width:100%;min-width:768px;min-height:100%;margin:0;padding:0 0 55px;z-index:10;} /* header */ header {width:100%;height:75px;-webkit-box-shadow:0 0 3px #aaa;-moz-box-shadow:0 0 3px #aaa;box-shadow:0 0 3px #aaa;z-index:100;} header * {margin:0;padding:0;} header ul {list-style-type:none;} header ul > li {float:left;white-space:nowrap;} header ul > li > a {display:block;text-decoration:none;} header > #top {position:relative;height:40px;background:#0b9fcb;-webkit-box-shadow:0 0 3px #333;-moz-box-shadow:0 0 3px #333;box-shadow:0 0 3px #333;} header > #top > .container > #logo {float:left;display:block;width:159px;height:40px;background:url("//static.picload.org/images/sprite.png") no-repeat 0 0;} header > #top > .container > .user {float:right;margin-right:1px;} header > #top > .container > .user > li > a {height:40px;line-height:40px;margin:0 -1px;padding:0 15px;border-width:0 1px;border-style:solid;border-color:transparent;color:#fff;} header > #top > .container > .user > li > a::before {padding-right:5px;} header > #top > .container > .user > li > a:hover {background-color:#0bb3e5;border-color:#0099cc;} header > #nav {height:35px;background:#eee;} header > #nav > .container > .menu > li > a {height:35px;line-height:35px;margin:0 -1px;padding:0 30px;border-width:0 1px;border-style:solid;border-color:transparent;font-size:14px;color:#555;} header > #nav > .container > .menu > li > a:hover, header > #nav > .container > .menu > li > a.sel {background-color:#e9e9e9;border-color:#d9d9d9;color:#0b9fcb;} header > #nav > .container > .languages {float:right;margin-right:15px;line-height:35px;color:#888;} header > #nav > .container > .languages > ul {top:31px;right:0;} header > #nav > .container > .languages > ul::before {top:-7px;right:23px;border-top:none;border-bottom-color:#cdcdcd;border-width:7px;} header > #nav > .container > .languages > ul::after {top:-6px;right:24px;border-top:none;border-bottom-color:#fff;border-width:6px;} /* content */ main {position:relative;width:768px;margin:25px auto 0;padding:0;color:#333;} main a {color:#0b9fcb;text-decoration:none;} main a:hover {text-decoration:underline;} main a[class^="icon-"], main a[class*=" icon-"] {text-decoration:none !important;} main h1 {margin:15px 0;font-size:200%;color:#95c46d;} main h2 {margin:10px 0;font-size:150%;color:#0b9fcb;} main h3 {margin:10px 0;font-size:120%;} main p {margin:10px 0;line-height:125%;} main img.picture {padding:5px;background:#fff;border:1px solid #d0d0d0;-webkit-border-radius:3px;-o-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} main > * {margin:0;padding:0;} main > ul {padding-left:15px;} main > table {margin:15px 0;} main a.sort::after {content:"";display:inline-block;width:12px;height:12px;margin-left:4px;background:url("//static.picload.org/images/sort.png") no-repeat 0 0;} main a.sort.ASC::after {background-position:-12px 0;} main a.sort.DESC::after {background-position:-24px 0;} main div.pagination {height:34px;} main div.pagination > * {float:left;display:block;height:34px;margin:0;padding:0;font-size:14px;line-height:32px;} main div.pagination > ul {list-style-type:none;margin:0 5px;-webkit-border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} main div.pagination > ul > li {position:relative;float:left;display:block;height:34px;margin:0 0 0 -1px;color:#333;border:1px solid #ccc;-webkit-border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;border-radius:4px;text-align:center;white-space:nowrap;z-index:1;} main div.pagination > ul > li.current {background:#0b9fcb;color:#fff;} main div.pagination > ul > li:first-child {margin-left:0;} main div.pagination > ul > li:not(:first-child):not(:last-child) {-webkit-border-radius:0;-o-border-radius:0;-moz-border-radius:0;border-radius:0;} main div.pagination > ul > li:first-child:not(:last-child) {border-bottom-right-radius:0;border-top-right-radius:0;} main div.pagination > ul > li:last-child:not(:first-child) {border-bottom-left-radius:0;border-top-left-radius:0;} main div.pagination > ul > li:not(.current):hover {background-color:#e6e6e6;border-color:#adadad;z-index:2;} main div.pagination > ul > li > * {display:block;min-width:34px;padding:0 5px;color:inherit;text-decoration:none;} main .ads {position:relative;overflow:hidden;} main .ads.blocked::before {content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-align:center;font-weight:bold;color:#c09853;overflow:hidden;z-index:-1;} main .ads.banner {width:468px;height:60px;} main .ads.banner.blocked::before {padding:15px 25px;font-size:10px;line-height:14px;} main .ads.sbanner {width:728px;height:90px;} main .ads.sbanner.blocked::before {padding:20px 40px;font-size:16px;line-height:24px;} main .ads.rectangle {width:180px;height:150px;} main .ads.rectangle.blocked::before {padding:10px 20px;font-size:10px;line-height:16px;} main .ads.mrectangle {width:300px;height:250px;} main .ads.mrectangle.blocked::before {padding:28px 40px;font-size:16px;line-height:24px;} main .ads.superstitial {width:400px;height:400px;} main .ads.superstitial.blocked::before {padding:124px 25px;font-size:20px;line-height:30px;} /* content: index */ main.index {margin:50px auto;padding:30px 30px;background:rgba(255, 255, 255, .8);/*border:1px solid rgba(66, 66, 66, .8);*/-webkit-border-radius:6px;-o-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 0 3px 0 rgba(0, 0, 0, .5);-moz-box-shadow:0 0 3px 0 rgba(0, 0, 0, .5);box-shadow:0 0 3px 0 rgba(0, 0, 0, .5);} main.index #upload > ul {height:34px;margin:0;padding:0;list-style-type:none;} main.index #upload > ul > li {float:left;margin:0 5px;} main.index #upload > ul > li:first-child {margin-left:20px;} main.index #upload > ul > li > a {display:block;padding:0 10px;color:#0b9fcb;line-height:30px;border:2px dashed transparent;-webkit-border-radius:4px 4px 0 0;-o-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;} main.index #upload > ul > li > a:hover {background-color:rgba(255, 255, 255, .5);border-color:#ddd #ddd transparent;text-decoration:none;} main.index #upload > ul > li > a.active, main.index #upload > ul > li > a.active:hover {background-color:rgba(255, 255, 255, .5);color:#555;cursor:default;border-color:#9a9a9a #9a9a9a transparent;} main.index #upload > section {width:706px;margin:0 auto 0;background:rgba(255, 255, 255, .5);border:2px dashed #9a9a9a;-webkit-border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} main.index #upload > section > #uploadLocal {position:relative;width:100%;height:140px;overflow:hidden;} main.index #upload > section > #uploadLocal:not(.thumbnails)::before {content:attr(data-text);position:absolute;top:0;left:0;display:block;width:100%;height:100%;line-height:140px;text-align:center;font-size:40px;color:#ccc;} main.index #upload > section > #uploadLocal > * {position:absolute;top:0;left:0;display:block;width:100%;height:100%;} main.index #upload > section > #uploadLocal > #uploadPaste {opacity:0;z-index:1;} main.index #upload > section > #uploadLocal > #uploadPaste > * {display:none;} main.index #upload > section > #uploadLocal > #uploadInput {clip:rect(0px 702px 144px 0px);cursor:pointer;opacity:0;z-index:2;} main.index #upload > section > #uploadLocal > #uploadThumbnails {margin:0;padding:0;list-style-type:none;z-index:3;} main.index #upload > section > #uploadLocal > #uploadThumbnails > li {float:left;background-color:#fff;} main.index #upload > section > #uploadLocal > #uploadThumbnails > li[style*="background"] {background-size:cover;image-rendering:optimizeSpeed;-ms-interpolation-mode:nearest-neighbor;} main.index #upload > section > #uploadRemote {width:100%;height:140px;padding:10px;background-color:transparent;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} main.index #upload > article {margin:10px 0;} main.index #upload > fieldset {margin:10px 0;background:rgba(255, 255, 255, .5);-webkit-border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} /* content: upload */ main.upload > section {margin:15px 0;} main.upload > section.images > fieldset {margin:15px 0;border:1px solid #ccc;-webkit-border-radius:3px;-o-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} main.upload > section.images > fieldset .preview {float:left;width:340px;padding:25px 50px;} main.upload > section.images > fieldset .links {float:right;width:330px;padding:15px;} main.upload > section.images > fieldset .links input[type="text"] {width:100%;} main.upload > section.codes > ul {height:20px;margin:10px 0;padding:0;list-style-type:none;} main.upload > section.codes > ul li {float:left;border-left:1px solid #ccc;} main.upload > section.codes > ul li:first-child {border:none;} main.upload > section.codes > ul li label {display:block;padding:3px 20px;font-weight:bold;} main.upload > section.codes > #codeResult {width:100%;height:100px;min-height:100px;max-height:330px;} /* content: help */ main.help > h2 {margin:15px 0;padding:0;} main.help > article {margin:15px 0;} main.help > article > * {margin:10px 0;padding:0;} main.help > article > div > ul {margin-bottom:10px;} /* content: news */ main.news > article {margin:15px 0;} main.news > article > * {margin:0;} main.news > article > div > ul {margin-bottom:10px;} /* content: contact */ main.contact > aside {float:left;width:370px;} main.contact > aside .indent {margin:0 15px 10px;} main.contact > form {float:right;width:300px;} main.contact > form table {margin:10px 0;} main.contact > form td {line-height:30px;} main.contact > form input[type="text"], main.contact > form select {width:180px;} main.contact > form textarea {width:100%;height:200px;} /* content: abuse */ main.abuse #abuseImages {display:none;padding:4px;} main.abuse #abuseImages > label {width:122px;height:122px;margin:8px;} /* content: image view */ main.view {margin:0 auto;padding:0;} main.view > #stage {position:relative;width:auto;min-height:420px;padding:10px 0;background:#4c4c4c url("//static.picload.org/images/texture.png") repeat;} main.view > #stage > .stageDetails {position:absolute;top:0;left:0;right:0;padding:0 30px;height:30px;line-height:30px;background:-webkit-linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, 0));background:-o-linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, 0));background:-ms-linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, 0));background:-moz-linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, 0));background:linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, 0));color:#fff;opacity:0;z-index:23;} main.view > #stage > .stageDetails > button {height:22px;} main.view > #stage > .stageDetails > #stageFullscreen {display:none;position:absolute;top:8px;right:14px;width:13px;height:13px;cursor:pointer;background:url("//static.picload.org/images/sprite.png") no-repeat -159px 0;opacity:.7;} main.view > #stage > .stageDetails > #stageFullscreen:hover {opacity:1;} main.view > #stage > #stageBackground {display:none;position:fixed;left:-5%;top:-5%;width:110%;height:110%;background-position:center center;background-size:cover;opacity:.2;z-index:21;} main.view > #stage:hover > .stageDetails {opacity:1;} main.view > #stage > #stageSpotlight {position:relative;z-index:22;} main.view > #stage > #stageSpotlight > .stageAds {width:728px;height:110px;margin:0 auto;padding:10px 0;} main.view > #stage > #stageSpotlight > #stageImage {position:relative;display:block;width:100%;font-size:0;text-align:center;line-height:200px;} main.view > #stage > #stageSpotlight > #stageImage > img {display:inline-block;height:auto;width:auto;max-width:100%;max-height:100%;vertical-align:middle;/*image-orientation:from-image;*/image-rendering:optimizeQuality;-ms-interpolation-mode:bicubic;} main.view > #stage > #stageSpotlight > #stageImage > div.loading {display:none;} main.view > #stage > #stageSpotlight > #stageImage.loadImage > img {display:none;} main.view > #stage > #stageSpotlight > #stageImage.loadImage > div.loading {display:inline-block;width:140px;height:140px;margin:auto;border:20px solid white;border-color:#91c267 #0b9fcb;-webkit-border-radius:50%;-o-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 10px 0 rgba(0, 0, 0, .5), inset 0 0 10px 0 rgba(0, 0, 0, .5);-moz-box-shadow:0 0 10px 0 rgba(0, 0, 0, .5), inset 0 0 10px 0 rgba(0, 0, 0, .5);box-shadow:0 0 10px 0 rgba(0, 0, 0, .5), inset 0 0 10px 0 rgba(0, 0, 0, .5);-webkit-animation:waiting 2s linear infinite;-o-animation:waiting 2s linear infinite;-moz-animation:waiting 2s linear infinite;animation:waiting 2s linear infinite;} main.view > #stage > #stageSpotlight > #stageImage[data-zoom] > img {cursor:zoom-in;} main.view > #stage > #stageSpotlight > #stageImage.zoomed[data-zoom] {overflow:auto;} main.view > #stage > #stageSpotlight > #stageImage.zoomed[data-zoom] > img {max-width:none;max-height:none;cursor:zoom-out;} main.view > #stage > #stageSpotlight > .stagePager {position:absolute;top:0;bottom:0;width:100px;display:block;} main.view > #stage > #stageSpotlight > .stagePager[href=""], main.view > #stage > #stageSpotlight > .stagePager:not([href]) {display:none;} main.view > #stage > #stageSpotlight > .stagePager > i {position:absolute;top:50%;display:block;width:27px;height:47px;margin-top:-24px;background:url("//static.picload.org/images/sprite.png") no-repeat;opacity:.4;} main.view > #stage > #stageSpotlight > .stagePager:hover > i {opacity:1;} main.view > #stage > #stageSpotlight > .stagePager.prev {left:0;} main.view > #stage > #stageSpotlight > .stagePager.next {right:0;} main.view > #stage > #stageSpotlight > .stagePager.prev i {left:20px;background-position:0 -95px;} main.view > #stage > #stageSpotlight > .stagePager.next i {right:20px;background-position:-27px -95px;} main.view > #stage > #stageFolder {position:relative;width:730px;height:100px;margin:0 auto;padding:10px 0;z-index:22;} main.view > #stage > #stageFolder > .stageFolderNav {position:absolute;top:10px;width:50px;height:80px;display:none;background:url("//static.picload.org/images/sprite.png") no-repeat;cursor:pointer;opacity:.4;} main.view > #stage > #stageFolder > .stageFolderNav.prev {left:0;background-position:-54px -95px;} main.view > #stage > #stageFolder > .stageFolderNav.next {right:0;background-position:-104px -95px;} main.view > #stage > #stageFolder > .stageFolderNav:hover {opacity:1;} main.view > #stage > #stageFolder > #stageFolderSlider {display:block;position:relative;width:630px;height:80px;margin:0 50px;overflow:hidden;} main.view > #stage > #stageFolder > #stageFolderSlider > div {position:absolute;left:0;} main.view > #stage > #stageFolder > #stageFolderSlider > div > a {position:absolute;display:block;width:80px;height:80px;margin:0 5px;background:#fff url("//static.picload.org/images/nopreview.png") no-repeat 50% 50% / cover;-webkit-box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .2);-moz-box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .2);box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .2);opacity:.7;} main.view > #stage > #stageFolder > #stageFolderSlider > div > a.currentImage {-webkit-box-shadow:inset 0 0 0 1px #fff;-moz-box-shadow:inset 0 0 0 1px #fff;box-shadow:inset 0 0 0 1px #fff;opacity:1;} main.view > #stage > #stageFolder > #stageFolderSlider > div > a:hover {opacity:1;} main.view > #stage > #stageAds {position:absolute;top:50%;left:50%;display:none;width:530px;margin-top:-50px;margin-left:-255px;background:rgba(0, 0, 0, .5);z-index:23;} main.view > #stage > #stageAds * {margin:0;padding:0;} main.view > #stage > #stageAds > #stageAdsClose {position:absolute;top:0;right:0;width:30px;height:30px;font-size:18px;line-height:32px;background:#95c46d;color:#fff;cursor:pointer;opacity:0;} main.view > #stage > #stageAds > div {width:468px;height:60px;margin:30px auto;overflow:hidden;} main.view > #stage > #stageAds:hover > #stageAdsClose {opacity:1;} main.view > #stage.fullscreen > #stageBackground {display:block;} main.view > #stage.fullscreen > .stageDetails > #stageFullscreen {background-position:-159px -13px;} main.view > #content {margin:0;padding:10px 20px 15px;background:#f4f4f4;border-top:5px solid #0b9fcb;} main.view > #content > * {width:730px;margin:0 auto;} main.view > #content > #information > * {margin:0;} main.view > #content > #information > aside {width:150px;} main.view > #content > #information > aside .key {display:inline-block;width:22px;line-height:20px;background:#fcfcfc;color:#898989;border:1px solid #898989;-webkit-border-radius:3px;-o-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 1px 1px 2px 0px rgba(0, 0, 0, .3);-moz-box-shadow:inset 1px 1px 2px 0px rgba(0, 0, 0, .3);box-shadow:inset 1px 1px 2px 0px rgba(0, 0, 0, .3);} main.view > #content > #information > aside .key > i {font-size:10px;} main.view > #content > #information > section {margin-right:170px;} main.view > #content > .disclaimer {font-size:12px;color:#888;} /* content: folder view */ main.folder {margin:0 auto;padding:0;} main.folder > .folderBox {margin:25px 10px;background:#fff;border:1px solid #ccc;-webkit-border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} main.folder > .folderSection > h2, main.folder > .folderSection > h3 {margin:25px 25px 10px;} main.folder > .folderSection > p, main.folder > .folderSection > article, main.folder > .folderSection > fieldset, main.folder > .folderSection > div.folderSectionContent {margin:10px 25px 25px;} main.folder > .folderSection > section {margin:10px 20px 20px;} main.folder > .folderSection > section > * {float:left;display:block;position:relative;margin:5px;border:1px solid #ccc;} main.folder > .folderSection > section > *:hover {border-color:#666;} main.folder > #folderHeader {height:250px;} main.folder > #folderChilds > section > a {width:160px;height:160px;background:url("//static.picload.org/images/nocover.png") no-repeat 50% 50% / cover #0b9fcb;} main.folder > #folderChilds > section > a > div {position:absolute;bottom:0;left:0;width:100%;background:-webkit-linear-gradient(bottom, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .1) 70%, rgba(0, 0, 0, 0) 100%);background:-o-linear-gradient(bottom, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .1) 70%, rgba(0, 0, 0, 0) 100%);background:-ms-linear-gradient(bottom, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .1) 70%, rgba(0, 0, 0, 0) 100%);background:-moz-linear-gradient(bottom, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .1) 70%, rgba(0, 0, 0, 0) 100%);background:linear-gradient(to top, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .1) 70%, rgba(0, 0, 0, 0) 100%);} main.folder > #folderChilds > section > a > div > * {margin:0;color:#fff;text-shadow:0 1px 3px rgba(0, 0, 0, .8);} main.folder > #folderChilds > section > a > div > h4 {max-height:131px;padding:25px 10px 2px;font-size:16px;font-weight:normal;line-height:22px;} main.folder > #folderChilds > section > a > div > p {padding:2px 10px 8px;font-size:12px;line-height:14px;} main.folder > #folderDownload {position:relative;} main.folder > #folderDownload.disabled > .disabler {display:block;} main.folder > #folderDescription {padding:25px;} main.folder > #folderDescription img {max-width:400px;max-height:320px;} main.folder > #folderImages {width:auto;min-width:540px;margin:20px auto;} main.folder > #folderImages > div {float:left;padding:5px;} main.folder > #folderImages > div > a {display:block;position:relative;padding:5px;background:#fff url("//static.picload.org/images/nopreview.png") no-repeat center center;border:1px solid #ccc;-webkit-border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} main.folder > #folderImages > div > a > div {position:absolute;bottom:0;left:0;width:100%;padding:5px 10px;background:rgba(0, 0, 0, .6);-webkit-border-radius:0 0 3px 3px;-o-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;opacity:0;} main.folder > #folderImages > div > a > div > * {margin:0;padding:0;color:#fff;text-shadow:1px 1px 0 #000;} main.folder > #folderImages > div > a > div > h4 {font-size:14px;font-weight:normal;line-height:16px;} main.folder > #folderImages > div > a > div > p {font-size:12px;line-height:14px;} main.folder > #folderImages > div:hover > a > div {opacity:1;} main.folder > #folderImages > div:nth-child(even) > a:hover {background-color:#c8dee5;border-color:#0b9fcb;} main.folder > #folderImages > div:nth-child(odd) > a:hover {background-color:#dde4d7;border-color:#95c46d;} main.folder > #folderImages > div:nth-child(n+50) > a.lazy {background-image:none !important;} main.folder > #folderImages > div:nth-child(n+50) > a.lazy::before {content:"";display:block;width:31px;height:31px;margin:114px auto 0;background:url("//static.picload.org/images/loader.gif") no-repeat;} main.folder > #folderImages.preview > div > a {width:260px;height:260px;} main.folder > #folderImages.thumbnail > div > a {width:140px;height:140px;} main.folder > #folderNoImages {padding:25px;font-size:16px;text-align:center;} main.folder > .folderAds {margin:25px auto;} /* content: user profile */ main.user {margin:0 auto;padding:0;} main.user > .userBox {margin:25px 10px;background:#fff;border:1px solid #ccc;-webkit-border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} main.user > #userHeader {height:200px;} main.user > #userHeader.withCover {height:330px;} main.user > #userHeader > #userAvatar {position:absolute;bottom:10px;left:30px;width:150px;height:150px;background:#fff url("//static.picload.org/images/noavatar.png") no-repeat 50% 50% / cover;-webkit-border-radius:50%;-o-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden;z-index:25;} main.user > #userHeader > .coverMeta {left:200px;} main.user > #userHeader > .coverNav {padding-left:200px;} main.user > #userInformation {padding:25px;} main.user > #userInformation img {max-width:400px;max-height:320px;} /* content: user register and login */ main.signup a.btn.signin {padding-left:60px;text-align:left;} /* content: usercp */ main.usercp > section {padding:50px !important;} main.usercp > section {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-moz-box;display:flex;flex-wrap:wrap;-webkit-flex-flow:row wrap;flex-flow:row wrap;justify-content:center;} main.usercp > section > label {position:relative;display:block;float:left;width:200px;height:200px;margin:10px;background:#0b9fcb;color:#fff;text-align:center;-webkit-border-radius:8px;-o-border-radius:8px;-moz-border-radius:8px;border-radius:8px;} main.usercp > section > label::before {font-size:100px;line-height:200px;} main.usercp > section > label > a {position:absolute;top:0;left:0;width:100%;height:100%;display:block;font:bold 18px/200px Arial, Helvetica, sans-serif;color:#fff;text-decoration:none;-webkit-border-radius:8px;-o-border-radius:8px;-moz-border-radius:8px;border-radius:8px;opacity:0;} main.usercp > section > label > a:hover {background:rgba(11, 159, 203, .8);opacity:1;} main.usercpManager {margin:50px 0;} main.usercpManager > section {position:relative;min-height:300px;background:#fff;border:1px solid #ccc;-webkit-border-radius:8px;-o-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .7);-moz-box-shadow:0 1px 0 rgba(255, 255, 255, .7);box-shadow:0 1px 0 rgba(255, 255, 255, .7);} main.usercpManager > section > #folders {display:none;position:absolute;top:0;left:0;bottom:0;width:250px;padding:20px;background:#f5f5f5;border-right:1px solid #ccc;-webkit-border-radius:8px 0 0 8px;-o-border-radius:8px 0 0 8px;-moz-border-radius:8px 0 0 8px;border-radius:8px 0 0 8px;font-size:12px;} main.usercpManager > section > #panel {position:relative;display:block;height:100%;} main.usercpManager > section > #panel > ul {margin:0;padding:0;list-style-type:none;} main.usercpManager > section > #panel > #actions {height:40px;background:#ddd;border-bottom:1px solid #ccc;-webkit-border-radius:8px 8px 0 0;-o-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0;-webkit-box-shadow:inset 0 1px 0 #fff, inset 0 35px 20px -20px #eee;-moz-box-shadow:inset 0 1px 0 #fff, inset 0 35px 20px -20px #eee;box-shadow:inset 0 1px 0 #fff, inset 0 35px 20px -20px #eee;} main.usercpManager > section > #panel > #actions > li {float:left;display:block;height:40px;border-right:1px solid #ccc;} main.usercpManager > section > #panel > #actions > li.alternative {display:none;} main.usercpManager > section > #panel > #actions > li.alternative select {height:30px;line-height:30px;} main.usercpManager > section > #panel > #actions > li > * {display:block;height:40px;padding:0 15px;line-height:40px;text-decoration:none;color:inherit;white-space:nowrap;} main.usercpManager > section > #panel > #actions > li:first-child > * {-webkit-border-radius:8px 0 0 0;-o-border-radius:8px 0 0 0;-moz-border-radius:8px 0 0 0;border-radius:8px 0 0 0;} main.usercpManager > section > #panel > #actions > li.hover > * {cursor:pointer;} main.usercpManager > section > #panel > #actions > li.hover > *:hover {background:#0b9fcb;color:#fff;} main.usercpManager > section > #panel > #browser {position:absolute;top:40px;bottom:0;width:100%;min-height:258px;-webkit-border-radius:0 0 8px 8px;-o-border-radius:0 0 8px 8px;-moz-border-radius:0 0 8px 8px;border-radius:0 0 8px 8px;overflow:auto;border-collapse:collapse;border-spacing:0;} main.usercpManager > section > #panel > #browser > li a {text-decoration:none;} main.usercpManager > section > #panel > #browser > li .actions a {display:inline-block;width:18px;height:18px;background:#fff;border:1px solid #ebebeb;-webkit-border-radius:2px;-o-border-radius:2px;-moz-border-radius:2px;border-radius:2px;font-size:14px;line-height:18px;color:#666;text-align:center;vertical-align:middle;white-space:nowrap;cursor:pointer;} main.usercpManager > section > #panel > #browser > .nav {height:34px;line-height:34px;background-color:#95c46d;} main.usercpManager > section > #panel > #browser > .nav a {color:#fff;font-weight:bold;} main.usercpManager > section > #panel > #browser > .nav a:hover {color:#f0f0f0;} main.usercpManager > section > #panel > #browser > .nav a:nth-child(n+2)::before {content:"/ ";padding:0 5px;color:#fff;text-decoration:none !important;} main.usercpManager > section > #panel > #browser > .image {background-repeat:no-repeat;} main.usercpManager > section > #panel > #browser > .pages {height:32px;background-color:#0b9fcb;} main.usercpManager > section > #panel > #browser > .pages a {display:block;height:32px;margin:0 10px;line-height:32px;color:#fff;font-weight:bold;} main.usercpManager > section > #panel > #browser > .pages a.prev {float:left;} main.usercpManager > section > #panel > #browser > .pages a.next {float:right;} main.usercpManager > section > #panel > #browser > .empty {padding:20px !important;text-align:center;clear:both;} main.usercpManager > section > #panel > #browser.imagesList > li {padding:6px;border-bottom:1px solid #ebebeb;} main.usercpManager > section > #panel > #browser.imagesList > li:last-child {border-bottom:none;} main.usercpManager > section > #panel > #browser.imagesList > li .select, main.usercpManager > section > #panel > #browser.imagesList > li .preview, main.usercpManager > section > #panel > #browser.imagesList > li .imagename, main.usercpManager > section > #panel > #browser.imagesList > li .imagesize, main.usercpManager > section > #panel > #browser.imagesList > li .uploadtime, main.usercpManager > section > #panel > #browser.imagesList > li .lastview, main.usercpManager > section > #panel > #browser.imagesList > li .views, main.usercpManager > section > #panel > #browser.imagesList > li .traffic, main.usercpManager > section > #panel > #browser.imagesList > li .actions {display:block;padding:3px;text-align:right;} main.usercpManager > section > #panel > #browser.imagesList > li .select {float:left;width:50px;text-align:left;} main.usercpManager > section > #panel > #browser.imagesList > li .imagename {width:190px;text-align:left;} main.usercpManager > section > #panel > #browser.imagesList > li .imagesize {float:right;width:90px;} main.usercpManager > section > #panel > #browser.imagesList > li .uploadtime, main.usercpManager > section > #panel > #browser.imagesList > li .lastview {float:right;width:120px;text-align:center;} main.usercpManager > section > #panel > #browser.imagesList > li .views {float:right;width:100px;text-align:center;} main.usercpManager > section > #panel > #browser.imagesList > li .traffic {float:right;width:90px;} main.usercpManager > section > #panel > #browser.imagesList > li .actions {float:right;width:120px;} main.usercpManager > section > #panel > #browser.imagesList > li .actions a:hover {background-color:#eee;color:#333;} main.usercpManager > section > #panel > #browser.imagesList > .header {background-color:#eee;} main.usercpManager > section > #panel > #browser.imagesList > .header a {font-weight:bold;color:inherit;} main.usercpManager > section > #panel > #browser.imagesList > .nav {padding:0 9px;} main.usercpManager > section > #panel > #browser.imagesList > .folder {background:#fff url("//static.picload.org/images/icons/usercpManagerFolder.png") no-repeat 32px center;} main.usercpManager > section > #panel > #browser.imagesList > .folder.parent {background-image:url("//static.picload.org/images/icons/usercpManagerParent.png");} main.usercpManager > section > #panel > #browser.imagesList > .image {background-position:28px center;background-size:24px;} main.usercpManager > section > #panel > #browser.imagesList > .row:nth-child(odd) {background-color:#f8f8f8;} main.usercpManager > section > #panel > #browser.imagesList > .row:hover {background-color:#e1f4fa;} main.usercpManager > section > #panel > #browser.imagesList > .pages {padding:0;} main.usercpManager > section > #panel > #browser.imagesIcon > .nav {clear:both;} main.usercpManager > section > #panel > #browser.imagesIcon > .row {float:left;position:relative;display:block;width:160px;height:160px;margin:10px;padding:0;background-color:#fcfcfc;background-position:50% 50%;border:1px solid #dbdbdb;text-align:center;} main.usercpManager > section > #panel > #browser.imagesIcon > .row[style*="background"] {background-size:cover;} main.usercpManager > section > #panel > #browser.imagesIcon > .row .select {position:absolute;top:15px;left:15px;width:auto;} main.usercpManager > section > #panel > #browser.imagesIcon > .row .actions {position:absolute;top:10px;right:10px;width:auto;padding:0;-webkit-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);-moz-transform:scale(0);transform:scale(0);-webkit-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;opacity:0;z-index:5;} main.usercpManager > section > #panel > #browser.imagesIcon > .row:hover .actions {-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);opacity:1;} main.usercpManager > section > #panel > #browser.imagesIcon > .row .actions a {width:20px;height:20px;margin-left:2px;background:rgba(0, 0, 0, .4);color:#fff;line-height:22px;border:none;-webkit-border-radius:2px;-o-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, .2);-moz-box-shadow:0 2px 5px rgba(0, 0, 0, .2);box-shadow:0 2px 5px rgba(0, 0, 0, .2);} main.usercpManager > section > #panel > #browser.imagesIcon > .row .actions a:hover {background:rgba(0, 0, 0, .6);} main.usercpManager > section > #panel > #browser.imagesIcon > .row .imagesize, main.usercpManager > section > #panel > #browser.imagesIcon > .row .uploadtime, main.usercpManager > section > #panel > #browser.imagesIcon > .row .lastview, main.usercpManager > section > #panel > #browser.imagesIcon > .row .views, main.usercpManager > section > #panel > #browser.imagesIcon > .row .traffic {display:none;} main.usercpManager > section > #panel > #browser.imagesIcon > .header {display:none;} main.usercpManager > section > #panel > #browser.imagesIcon > .nav {padding:0 15px;} main.usercpManager > section > #panel > #browser.imagesIcon > .folder {background:#0b9fcb url("//static.picload.org/images/nocover.png") no-repeat 50% 50% / cover;} main.usercpManager > section > #panel > #browser.imagesIcon > .folder:hover {background-color:#0bb3e5;} main.usercpManager > section > #panel > #browser.imagesIcon > .folder.parent {background-color:#95c46d;} main.usercpManager > section > #panel > #browser.imagesIcon > .folder.parent:hover {background-color:#aade7c;} main.usercpManager > section > #panel > #browser.imagesIcon > .folder .imagename {position:absolute;top:0;left:0;display:block;width:100%;height:158px;padding:139px 3px 0;color:#fff;text-shadow:1px 1px 0 #000;text-align:center;z-index:1;} main.usercpManager > section > #panel > #browser.imagesIcon > .image .imagename {position:absolute;bottom:0;left:0;display:block;width:100%;height:22px;padding:3px 5px;background:rgba(0, 0, 0, .6);color:#fff;text-shadow:1px 1px 0 #000;text-align:center;} main.usercpFoldersSort > section a.usercpFoldersSortButton {display:inline-block;width:15px;height:15px;background-color:#f6f6f6;cursor:pointer;color:#333;font-size:13px;line-height:13px;text-align:center;vertical-align:middle;border:1px solid #ccc;-webkit-border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;border-radius:4px;text-decoration:none;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 2px rgba(0, 0, 0, .05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 2px rgba(0, 0, 0, .05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 2px rgba(0, 0, 0, .05);-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear;} main.usercpFoldersSort > section a.usercpFoldersSortButton:hover {background-color:#e6e6e6;border-color:#adadad;} main.usercpFolderLinks article.codes > ul {height:20px;margin:10px 0;padding:0;list-style-type:none;} main.usercpFolderLinks article.codes > ul li {float:left;border-left:1px solid #ccc;} main.usercpFolderLinks article.codes > ul li:first-child {border:none;} main.usercpFolderLinks article.codes > ul li label {display:block;padding:3px 15px;font-weight:bold;} main.usercpFolderLinks article.codes > #codeResult {width:100%;height:100px;min-height:100px;max-height:330px;} main.usercpStats div.statbar {height:12px;width:104px;border:1px solid #000;padding:1px;} main.usercpStats div.statbar > label {display:block;height:8px;background:#0b9fcb;} main.usercpProfile > figure {position:relative;height:150px;margin-bottom:35px;-webkit-border-radius:6px 6px 0 0;-o-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;} main.usercpProfile > figure .overlay {display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .5);color:#fff;text-decoration:none;cursor:pointer;} main.usercpProfile > figure .overlay:hover {background-color:rgba(0, 0, 0, .25);} main.usercpProfile > figure .overlay > label {display:block;position:relative;top:50%;cursor:inherit;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);} main.usercpProfile > figure > * {position:absolute;} main.usercpProfile > figure > #userCover {top:0;bottom:0;width:100%;height:100%;background:#c7c7c7 no-repeat 50% 50% / 100% auto;overflow:hidden;-webkit-border-radius:6px 6px 0 0;-o-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;} main.usercpProfile > figure > #userAvatar {bottom:-35px;left:50px;width:104px;height:104px;background:#fff url("//static.picload.org/images/avatar.png") no-repeat 50% 50% / cover;border:2px solid #fff;-webkit-border-radius:50%;-o-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden;} main.usercpApps article {margin:15px 0;padding:15px;background:transparent;border:1px solid transparent;-webkit-border-radius:8px;-o-border-radius:8px;-moz-border-radius:8px;border-radius:8px;} main.usercpApps article:hover {background:#fcfcfc;border-color:#ccc;} main.usercpApps article > ul {width:350px;height:100px;margin:0 auto;padding:0;list-style-type:none;} main.usercpApps article > ul > li {display:block;float:left;width:100px;height:100px;margin:0;padding:0;line-height:35px;} main.usercpApps article > ul > li.picload {background:url("//static.picload.org/images/apps/picload.png") no-repeat;} main.usercpApps article > ul > li.facebook {background:url("//static.picload.org/images/apps/facebook.png") no-repeat;} main.usercpApps article > ul > li.twitter {background:url("//static.picload.org/images/apps/twitter.png") no-repeat;} main.usercpApps article > ul > li.google {background:url("//static.picload.org/images/apps/google.png") no-repeat;} main.usercpApps article > ul > li.microsoft {background:url("//static.picload.org/images/apps/microsoft.png") no-repeat;} /* footer */ footer {position:absolute;bottom:0;width:100%;height:55px;background:#eee;border-top:5px solid #95c46d;color:#555;-webkit-box-shadow:0 0 3px #aaa;-moz-box-shadow:0 0 3px #aaa;box-shadow:0 0 3px #aaa;z-index:100;} footer a {color:#555;text-decoration:none;} footer ul {margin:0;padding:0;list-style-type:none;} footer ul > li {margin:0;padding:0;line-height:35px;} footer > div > * {height:35px;line-height:35px;} footer > div > .languages {float:left;width:100px;} footer > div > .languages > ul {bottom:31px;} footer > div > .languages > ul::before {bottom:-7px;left:13px;border-bottom:none;border-top-color:#cdcdcd;border-width:7px;} footer > div > .languages > ul::after {bottom:-6px;left:14px;border-bottom:none;border-top-color:#fff;border-width:6px;} footer > div > ul > li {float:left;white-space:nowrap;} footer > div > ul > li > a:hover {color:#333;} footer > div > .menu {float:left;margin-left:20px;} footer > div > .menu > li {padding-left:15px;} footer > div > .menu > li:first-child {padding-left:0;} footer > div > .menu > li > a::before {content:"";display:inline-block;width:0;height:0;border:5px solid transparent;border-left-color:#0b9fcb;} footer > div > .copyright {display:block;float:right;} footer > div > .copyright a:hover {color:#333;} footer > div > .social {float:right;margin-left:10px;margin-right:15px;} footer > div > .social > li {margin-left:5px;font-size:18px;} footer > div > .social > li > a::before {padding:3px;-webkit-border-radius:3px;-o-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} footer > div > .social > li > a:hover::before {color:#fff;} footer > div > .social > li > a.icon-twitter:hover::before {background-color:#00aced;} footer > div > .social > li > a.icon-facebook:hover::before {background-color:#3b5998;} /* loader, disabler, layer, message */ #disabler, #message, #tooltip {position:fixed;} #layer {position:absolute;} #disabler {left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, .7);-webkit-animation:fade .3s ease 1;-o-animation:fade .3s ease 1;-moz-animation:fade .3s ease 1;animation:fade .3s ease 1;z-index:999;} #layer {left:-1000px;top:0;margin:0;padding:0;-webkit-border-radius:10px;-o-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#fff;-webkit-box-shadow:0 0 0 20px rgba(0, 0, 0, .5);-moz-box-shadow:0 0 0 20px rgba(0, 0, 0, .5);box-shadow:0 0 0 20px rgba(0, 0, 0, .5);-webkit-animation:scale .3s ease 1;-o-animation:scale .3s ease 1;-moz-animation:scale .3s ease 1;animation:scale .3s ease 1;z-index:1000;} #layer > h1 {position:relative;height:40px;margin:0;padding:0 20px;font:bold 22px/40px normal Arial,Helvetica,sans-serif;color:#0b9fcb;white-space:nowrap;overflow:hidden;} #layer > h1 > label {position:absolute;top:9px;right:20px;display:block;width:22px;height:23px;background:url("//static.picload.org/images/sprite.png") no-repeat -172px 0;cursor:pointer;} #layer > div {position:relative;margin:0;padding:5px 20px 10px;/*font-size:120%;*/} #layer > div.disabler {display:block;} #layer > div h2 {font-size:150%;} #layer > div h3 {font-size:120%;} #layer > div p {margin:10px 0;} #layer > div a {color:#0b9fcb;text-decoration:none;} #layer > div a:hover {text-decoration:underline;} #layer > div .bigger > *.row {margin:5px 0;} #layer > div .bigger > *.row > em {line-height:28px;} #layer > div .bigger > *.row > select {height:28px;line-height:28px;} #layer > div .bigger > *.row > input[type="text"], #layer > div .bigger > *.row > input[type="password"], #layer > div .bigger > *.row > .fakeText > input {height:28px;line-height:26px;} #layer > div .bigger > *.row > .fakeText > span {line-height:28px;} #layer > div .smaller > *.row {margin:5px 0;} #layer > div > .ajaxLogin input[type="text"], #layer > div > .ajaxLogin input[type="password"] {position:relative;width:100%;height:34px;padding:0 8px;line-height:32px;} #layer > div > .ajaxLogin input[type="text"] {margin-bottom:-1px;border-bottom-left-radius:0;border-bottom-right-radius:0;} #layer > div > .ajaxLogin input[type="password"] {border-top-left-radius:0;border-top-right-radius:0;} #layer > div > .ajaxLogin input[type="text"]:focus, #layer > div > .ajaxLogin input[type="password"]:focus {z-index:2;} #layer > div > .ajaxLogin .signin {width:100%;} #layer > div > .ajaxFolderDownload > section {margin:0 -5px 10px;} #layer > div > .ajaxFolderDownload > section > label {float:left;display:block;position:relative;margin:5px;border:1px solid #ccc;} #layer > div > .ajaxFolderDownload > section > label:hover {border-color:#666;} #layer > div > .ajaxFolderShare {margin:0 0 10px;} #layer > div > .ajaxFolderShare h3 {margin:10px 0;} #layer > div > .ajaxFolderCover > section, #layer > div > .ajaxFolderLinksList > section {margin:0 -5px 10px;} #layer > div > .ajaxFolderLinksCodes {margin:25px 0 10px;} #layer > div > .ajaxFolderLinksCodes > ul {height:20px;margin:10px 0;padding:0;list-style-type:none;} #layer > div > .ajaxFolderLinksCodes > ul li {float:left;border-left:1px solid #ccc;} #layer > div > .ajaxFolderLinksCodes > ul li:first-child {border:none;} #layer > div > .ajaxFolderLinksCodes > ul li label {display:block;padding:3px 15px;font-weight:bold;} #layer > div > .ajaxFolderLinksCodes > #ajaxCodeResult {width:100%;height:100px;min-height:100px;max-height:330px;} #layer > div > .ajaxLanguages {margin:0 0 10px;padding:0;list-style-type:none;} #layer > div > .ajaxLanguages > li {float:left;width:100px;line-height:20px;} #layer > div > .ajaxLanguages > li > a {padding-left:18px;background:url("//static.picload.org/images/sprite.png") no-repeat -238px 2px;cursor:pointer;} #layer > div > .ajaxLanguages > li > a.de {background-position:-238px 2px !important;} #layer > div > .ajaxLanguages > li > a.en {background-position:-238px -14px !important;} #layer > div > .ajaxLanguages > li > a.fr {background-position:-238px -30px !important;} #layer > div > .ajaxLanguages > li > a.it {background-position:-238px -46px !important;} #layer > div > .ajaxLanguages > li > a.es {background-position:-238px -62px !important;} #layer > div > .ajaxLanguages > li > a.tr {background-position:-238px -78px !important;} #message {left:-1000px;top:0;z-index:2000;} div.message {width:550px;padding:10px 25px;background:#f1f1f1;color:#333;border:1px solid #bcbcbc;-webkit-border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 5px 10px #333;-moz-box-shadow:0 5px 10px #333;box-shadow:0 5px 10px #333;} div.message p {margin:15px 0;} div.message p.buttons {margin:15px 0 5px;text-align:right;} div.message a {color:#0b9fcb;text-decoration:none;} div.message a:hover {text-decoration:underline;} div.message .remark {background-color:transparent !important;border:none !important;color:#333 !important;} #tooltip {top:-1000px;left:-1000px;padding:6px 8px;min-width:32px;max-width:300px;background-color:rgba(40, 40, 40, .9);color:#fff;font-size:12px;line-height:16px;-webkit-border-radius:3px;-o-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-align:center;z-index:3000;} #tooltip > i.loading {display:block;width:28px;height:16px;margin:auto;background:url("//static.picload.org/images/tooltipLoading.gif");} #tooltip > pre {margin:0;font:inherit;overflow:hidden;} #tooltip::after {content:"";position:absolute;height:0;border:4px solid transparent;} #tooltip.nowrap {max-width:none;white-space:nowrap;} #tooltip.top {margin-top:4px;} #tooltip.bottom {margin-top:-4px;} #tooltip.top::after {top:-4px;border-top:0 none;border-bottom-color:rgba(40, 40, 40, .9);} #tooltip.bottom::after {bottom:-4px;border-bottom:0 none;border-top-color:rgba(40, 40, 40, .9);} #tooltip.left::after {left:12px;} #tooltip.right::after {right:12px;} #tooltip.center::after {left:50%;margin-left:-4px;} #tooltip.light, #tooltip.blue {-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, .3);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, .3);box-shadow:0 1px 3px rgba(0, 0, 0, .3);} #tooltip.light {padding:9px 14px;background-color:#fff;color:#222;border:1px solid #cdcdcd;} #tooltip.light::before {position:absolute;content:"";border:7px solid transparent;} #tooltip.light::after {border-width:6px;} #tooltip.light.top {margin-top:6px;} #tooltip.light.bottom {margin-top:-6px;} #tooltip.light.top::before {top:-7px;border-top:none;border-bottom-color:#cdcdcd;} #tooltip.light.top::after {top:-6px;border-top:none;border-bottom-color:#fff;} #tooltip.light.bottom::before {bottom:-7px;border-bottom:none;border-top-color:#cdcdcd;} #tooltip.light.bottom::after {bottom:-6px;border-bottom:none;border-top-color:#fff;} #tooltip.light.left::before {left:11px;} #tooltip.light.right::before {right:11px;} #tooltip.light.center::before {left:50%;margin-left:-7px;} #tooltip.light.center::after {margin-left:-6px;} #tooltip.green {padding:7px 10px;background-color:#95c46d;color:#fff;text-shadow:0 0 2px rgba(0, 0, 0, .3);} #tooltip.green::after {border-width:8px;} #tooltip.green.top {margin-top:8px;} #tooltip.green.bottom {margin-top:-8px;} #tooltip.green.top::after {top:-8px;border-top:none;border-bottom-color:#95c46d;} #tooltip.green.bottom::after {bottom:-8px;border-bottom:none;border-top-color:#95c46d;} #tooltip.green.center::after {margin-left:-8px;} #tooltip.blue {padding:7px 10px;background-color:#0b9fcb;color:#fff;text-shadow:0 0 2px rgba(0, 0, 0, .3);} #tooltip.blue::after {border-width:8px;} #tooltip.blue.top {margin-top:8px;} #tooltip.blue.bottom {margin-top:-8px;} #tooltip.blue.top::after {top:-8px;border-top:none;border-bottom-color:#0b9fcb;} #tooltip.blue.bottom::after {bottom:-8px;border-bottom:none;border-top-color:#0b9fcb;} #tooltip.blue.center::after {margin-left:-8px;} #tooltip.small {font-size:10px;line-height:14px;} #tooltip.big {font-size:14px;line-height:18px;} /* cover background */ #cover {position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;} #cover > div {position:absolute;left:0;width:100%;height:100%;background-attachment:fixed;background-position:center center;background-size:cover;background-repeat:no-repeat;opacity:0;-webkit-transition:opacity 1s ease-in-out;-o-transition:opacity 1s ease-in-out;-ms-transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out;} /* to top */ #toTop {position:fixed;bottom:-50px;right:50px;display:block;width:40px;height:40px;background:url("//static.picload.org/images/sprite.png") no-repeat -160px -100px;cursor:pointer;z-index:500;-webkit-transition:bottom 1s ease, opacity .4s linear;-o-transition:bottom 1s ease, opacity .4s linear;-ms-transition:bottom 1s ease, opacity .4s linear;-moz-transition:bottom 1s ease, opacity .4s linear;transition:bottom 1s ease, opacity .4s linear;opacity:.5;} #toTop.visible {bottom:75px;} #toTop:hover {opacity:1;} /* feedback */ #feedback {position:fixed;bottom:100px;left:0;width:32px;height:130px;background:url("//static.picload.org/images/feedback.png") no-repeat;-webkit-border-radius:0 5px 5px 0;-o-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;z-index:200;} /* cookie using */ #cookies {position:fixed;left:30px;right:30px;bottom:20px;min-width:718px;padding:10px 20px;background:rgba(0, 0, 0, .5);line-height:14px;font-size:11px;font-weight:bold;color:#fff;text-align:center;-webkit-border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;border-radius:5px;z-index:800;} #cookies a {color:#fff;white-space:nowrap;} /* alternative style without javascript */ body.nojs .needjs {display:none !important;} body.nojs .hidejs {display:block !important;} body.nojs main.view > #stage > #stageSpotlight > #stageImage > img {max-width:80%;} body.nojs main.folder > #folderImages {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-moz-box;display:flex;flex-wrap:wrap;-webkit-flex-flow:row wrap;flex-flow:row wrap;justify-content:center;} body.nojs main.folder > #folderImages > div {float:none;display:block;} body.nojs main.usercpManager > section > #panel > #actions > li.alternative {display:block;} /* simple page */ body.simple > #doc {padding-bottom:40px;} body.simple > #doc > header {height:55px;background:#0b9fcb;} body.simple > #doc > header > div > * {margin:0;padding:0;} body.simple > #doc > header > div > a#logo {float:left;display:block;width:238px;height:55px;background:url("//static.picload.org/images/sprite.png") no-repeat 0 -40px;} body.simple > #doc > header > div > ul {float:right;} body.simple > #doc > header > div > ul > li {border-right:1px solid #fff;} body.simple > #doc > header > div > ul > li:first-child {border-left:1px solid #fff;} body.simple > #doc > header > div > ul > li > a {height:55px;padding:0 20px;line-height:55px;border-bottom:5px solid #a1d784;color:#fff;font-size:16px;font-weight:bold;text-transform:lowercase;} body.simple > #doc > header > div > ul > li > a:hover, body.simple > #doc > header > div > ul > li > a.sel {background-color:#0bb3e5;border-bottom-color:#a7de89;} body.simple > #doc > main {padding-bottom:50px;} body.simple > #doc > footer {height:40px;} /* different body backgrounds */ body.bgDark {background-color:#4c4c4c;} body.bgGrey {background-color:#eaeaea;} body.bgLight {background-color:#f4f4f4;} body.bgTexture {background-image:url("//static.picload.org/images/texture.png");background-repeat:repeat;} body.bgCover {background-attachment:fixed;background-position:center center;background-size:cover;background-repeat:no-repeat;} body.bgRotate {-webkit-transition:background 1s linear;-o-transition:background 1s linear;-ms-transition:background 1s linear;-moz-transition:background 1s linear;transition:background 1s linear;} /* flow content */ body.flow {background:#fff url("//static.picload.org/images/bgFlow.png") repeat-x top;} body.flow > #doc > main {width:760px;min-height:380px;padding:5px 30px 25px;background:#fff;-webkit-border-radius:8px;-o-border-radius:8px;-moz-border-radius:8px;border-radius:8px;} body.flow > #doc > main::before {position:absolute;top:50px;left:-3px;right:-3px;display:block;content:"";height:300px;background:#fff;background:-webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));background:-o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));background:-ms-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));background:-moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));background:linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));z-index:-1;} body.flow > #doc > main::after {position:absolute;top:0;left:0;right:0;display:block;content:"";height:346px;border-collapse:separate;-webkit-border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 0 3px rgba(0, 0, 0, .5);-moz-box-shadow:0 0 3px rgba(0, 0, 0, .5);box-shadow:0 0 3px rgba(0, 0, 0, .5);z-index:-2;} /* crisp content */ body.crisp > #doc {background:#fafafa;background:-webkit-linear-gradient(top, #ececec 0%, #fcfcfc 40%, #fafafa 100%);background:-o-linear-gradient(top, #ececec 0%, #fcfcfc 40%, #fafafa 100%);background:-ms-linear-gradient(top, #ececec 0% ,#fcfcfc 40%, #fafafa 100%);background:-moz-linear-gradient(top, #ececec 0%, #fcfcfc 40%, #fafafa 100%);background:linear-gradient(to bottom, #ececec 0%, #fcfcfc 40%, #fafafa 100%);} body.crisp > #doc > main {margin:50px auto;background:#fff;-webkit-border-radius:6px;-o-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 0 3px 0 rgba(0, 0, 0, .5);-moz-box-shadow:0 0 3px 0 rgba(0, 0, 0, .5);box-shadow:0 0 3px 0 rgba(0, 0, 0, .5);} body.crisp > #doc > main > section {padding:20px 60px 50px;} body.crisp > #doc > main > aside.header {margin:0 0 -10px;padding:20px 60px;background-color:#0b9fcb;-webkit-border-radius:6px 6px 0 0;-o-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;color:#fff;} body.crisp > #doc > main > aside.footer {margin:-10px 0 0;padding:20px 60px;background-color:#f0f0f0;-webkit-border-radius:0 0 6px 6px;-o-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;color:#686868;} /* wide content */ body.wide .container {width:auto;} body.wide > #doc > main {width:auto;min-width:768px;} body.wide.flow > #doc > main, body.wide.crisp > #doc > main {margin-left:20px;margin-right:20px;} /* 960px wide grid */ body.g960 .container {width:960px;} body.g960 > #doc > main {width:960px;} body.g960.wide > #doc > main {min-width:960px;} /* 1200px wide grid */ body.g1200 .container {width:1200px;} body.g1200 > #doc > main {width:1200px;} body.g1200.wide > #doc > main {min-width:1200px;} /* message and error page */ body.message, body.error {background:#e6e6e6 !important;overflow:hidden;} body.message > div, body.error > div {position:absolute;left:50%;top:50%;} body.message > div {width:550px;margin:-75px -275px 0;text-align:center;} body.error > div {width:500px;margin:-65px -250px 0;} body.error > div > section {padding:10px 25px 20px 100px;min-height:100px;background:#0b9fcb url("//static.picload.org/images/errorLogo.png") no-repeat 0 10px;color:#fff;-webkit-border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 5px 10px #333;-moz-box-shadow:0 5px 10px #333;box-shadow:0 5px 10px #333;} body.error > div > section h1 {margin:10px 0;padding:0;} body.error > div > section .border {margin:0;border-color:#fff !important;} body.error > div > p {margin:10px 5px;padding:0;text-align:right;} body.error > div > p a {background:url("//static.picload.org/images/errorLink.png") no-repeat right center;padding-right:12px;color:#686868;text-decoration:none;text-shadow:0 1px 0 #ccc;} body.error > div > p a:hover {text-decoration:underline;} /* responsive design */ @media screen and (max-width: 479px) { /*.container {min-width:368px;}*/ main.usercpManager > section > #panel > #browser.imagesList > li .lastview {display:none !important;} } @media screen and (min-width: 480px) and (max-width: 767px) { } @media screen and (max-width: 767px) { .min768 {display:none !important;} /*.container, main {width:100%;}*/ main.usercpManager > section > #panel > #browser.imagesList > li .lastview {display:none !important;} main.usercpManager > section > #panel > #browser.imagesList > li .traffic {display:none !important;} } @media screen and (min-width: 768px) { /* fixed header and footer */ body.fixedHeader > #doc > header {position:fixed;top:0;} body.fixedHeader > #doc > main {padding-top:75px;} body.fixedHeader.simple > #doc > main {padding-top:40px;} body.fixedHeader.flow > #doc > main {margin-top:100px;padding-top:5px;} body.fixedHeader.crisp > #doc {position:absolute;top:0;width:100%;} body.fixedHeader.crisp > #doc > main {margin-top:125px;padding-top:0;} body.fixedHeader.fixedFooter > #doc > footer {position:fixed;} main.usercpManager > section.folders > #folders {display:block;} main.usercpManager > section.folders > #panel {margin-left:250px;} main.usercpManager > section.folders > #panel > #actions {-webkit-border-radius:0 8px 0 0;-o-border-radius:0 8px 0 0;-moz-border-radius:0 8px 0 0;border-radius:0 8px 0 0;} main.usercpManager > section.folders > #panel > #actions > li:first-child > * {-webkit-border-radius:0;-o-border-radius:0;-moz-border-radius:0;border-radius:0;} main.usercpManager > section.folders > #panel > #browser {-webkit-border-radius:0 0 8px 0;-o-border-radius:0 0 8px 0;-moz-border-radius:0 0 8px 0;border-radius:0 0 8px 0;} } @media screen and (min-width: 768px) and (max-width: 1019px) { } @media screen and (max-width: 1019px) { .min1020 {display:none !important;} main.usercpManager > section > #panel > #browser.imagesList > li .imagename {width:100px !important;} main.usercpManager > section > #panel > #browser.imagesList > li .uploadtime {display:none !important;} } @media screen and (min-width: 1000px) and (max-width: 1019px) { body.wide .container, body.wide .flex {margin-left:calc(50% - 500px);margin-right:calc(50% - 500px);} } @media screen and (min-width: 1020px) { body.wide .container, body.wide .flex {margin-left:10px;margin-right:10px;} } /* languages */ html[lang="de"] main.view > #stage > #stageFolder > #stageFolderSlider > div > a {background-image:url("//static.picload.org/images/nopreviewDE.png");} html[lang="de"] main.folder > #folderDownload > section > label.nothumbnail {background-image:url("//static.picload.org/images/nothumbnailDE.png");} html[lang="de"] main.folder > #folderImages > div > a {background-image:url("//static.picload.org/images/nopreviewDE.png");}