/* CSS Reset */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { border: 0; outline: 0; font-size: 100%; vertical-align: top; background: transparent; margin: 0; padding: 0; } body { line-height: 1; } article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; } nav ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: none; } a, button, label { border: 0; font-size: 100%; vertical-align: baseline; background: transparent; cursor: hand; cursor: pointer; margin: 0; padding: 0; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: 700; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, button::-moz-focus-inner, a { border: 0; } input[type="submit"]:focus, input[type="button"]:focus, a { outline: none; } * { text-rendering: optimizeLegibility; } /* Main Styles */ html, body { overflow: scroll-y; position: relative; width: 100%; height: 100%; text-align: left; font-family: "SlickPro", "SlickSanFrancisco", "SF Pro Text", "Myriad Set Pro", "San Francisco", "SlickFont", "Helvetica Neue", "Segoe UI", "Roboto", "Helvetica", "Hiragino Kaku Gothic Pro", "Meiryo", Arial, sans-serif; font-size: 12px; letter-spacing: 0px; line-height: 16px; color: #333; } html.organizer, body.organizer { height: auto; } .organizer footer { position: absolute; width: 100%; box-sizing: border-box; left: 0; margin-left: 0; padding-left: 290px; padding-right: 20px; border-color: #eee; bottom: 0; } body.indexPage { background-image: none; } body { background: #FFF; } body.page-payment { background: #fff; } body.indexPage { background-image: none; } body { overflow-x: hidden; overflow-y: scroll; min-height: 100%; } input, textarea, select, button { font-family: "SlickPro", "SlickSanFrancisco", "SF Pro Text", "Myriad Set Pro", "San Francisco", "SlickFont", "Helvetica Neue", "Segoe UI", "Roboto", "Helvetica", "Hiragino Kaku Gothic Pro", "Meiryo", Arial, sans-serif !important; resize: none; outline: none; overflow: auto; } input:focus, textarea:focus, select:focus { -webkit-transition: all 0.33s ease; -moz-transition: all 0.33s ease; } ::-webkit-input-placeholder { color: #aaa !important; } :-moz-placeholder { color: #aaa !important; } :-ms-input-placeholder { color: #aaa !important; } input::-webkit-input-placeholder { color: #aaa !important; } input:-moz-placeholder { color: #aaa !important; } input:-ms-input-placeholder { color: #aaa !important; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #aaa !important; } input:-moz-placeholder, textarea:-moz-placeholder { color: #aaa !important; } input:-moz-placeholder { color: #aaa !important; } textarea:-moz-placeholder { color: #aaa !important; } /* Constants Classes . Test Commit */ .none { display: none; } .noneI { display: none !important; } .block { display: block !important; } .inline-block { display: inline-block !important; } .inline-table { display: inline-table !important; } .hidden { visibility: hidden !important; } .visible { visibility: visible !important; } .disableUnderline { text-decoration: none; } a.disableUnderline:hover { text-decoration: underline; } .c, .clear { display: block; clear: both; } .floatLeft, .l, .floatRight, .r { float: left !important; display: inline; } .floatRight, .r { float: right !important; } #albumContainer:after, .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } *:first-child + html .clearfix { zoom: 1; } .bold { font-weight: bold !important; } .capitalize { text-transform: capitalize; } .fontSize11 { font-size: 11px; } .fontSize14 { line-height: 24px; font-size: 14px; } .margin0 { margin: 0 !important; } .justify { text-align: justify; } .margintop15 { margin-top: 15px; } .relative { position: relative; } .relative.viewport { width: 100%; } .relative.viewport > .basket-top { display: block; right: 50%; transform: translate(50%, 0); padding: 0; font-size: 12px; background: none; border: 0; } .relative.viewport > .basket-top .order-item { border: 1px solid rgba(40, 164, 248, 0.3) !important; background: rgba(40, 164, 248, 0.1); border-color: rgba(40, 164, 248, 0.3) !important; transition: all 200ms ease-in-out; padding: 10px 10px 6px 34px; border-radius: 0 0 3px 3px; opacity: 1; } .relative.viewport > .basket-top .order-item.animate { animation-duration: 600ms; animation-fill-mode: both; animation-name: shake; animation-delay: 600ms; overflow: visible !important; animation-delay: 200ms; -moz-animation-delay: 200ms; -webkit-animation-delay: 200ms; } @keyframes shake { 0% { transform: translateY(0); } 50% { transform: translateY(-30px); } 100% { transform: translateY(0); opacity: 1; } } .reset-box { padding: 0 !important; margin: 0 !important; } .link-dotted { text-decoration: none; border-bottom: 1px dotted; } .link-dotted:hover { border-color: transparent; } .release-notes { margin: 6px 0; } /*details:after, details:before { content: '' !important; display: none !important; color: transparent}*/ details summary { display: none !important; color: red; } input[disabled] { border-color: transparent; color: inherit; background-color: transparent; } input[disabled] { border-color: transparent !important; } .colorBackground { background-color: #f2f2f2; } .colorTextDefault { color: #333; } .lightgray { color: #aaa; } .red, .error { color: #c00 !important; } input.error[type=text] { background-color: #ffebe8 !important; background-image: none !important; } .green { color: #0da12a !important; } .orange { color: #f50 !important; } .blue { color: #0088CC; } .colorAAA { color: #aaa !important; } .colorStatusUnlisted { color: #F70 !important; } .colorStatusPublic { color: #3D8B22 !important; } .colorStatusPrivate { color: #c00 !important; } .linkDotted { text-decoration: none; border-bottom: 1px dotted; } .linkDotted:hover { border: 0; } .noWrap { white-space: nowrap; } .text-wrap, .longTextWrap { white-space: pre; /* CSS 2.0 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3.0 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -hp-pre-wrap; /* HP Printers */ word-wrap: break-word; /* IE 5+ */ } .overflowHidden { overflow: hidden; } .htip { text-indent: -9999px; color: #aaa; font-size: 11px; line-height: 18px; display: inline-block !important; margin: 1px 2px 0 4px; font-weight: normal; background: url("https://assets-edge.slickpic.com/img/album/ico_bigphotoactions.png") no-repeat -310px -3px; width: 16px; height: 16px; text-decoration: none !important; display: none; cursor: pointer; cursor: hand; } .htip.noIcon { display: inline-block; text-indent: 0; color: inherit; line-height: inherit; background: none; margin: auto; width: auto; height: auto; } .contextMenu .htip { margin-top: -1px; } .htip:hover { background-position: -310px -25px; } .pixBackground { background: transparent url('https://assets-edge.slickpic.com/img/pix.gif') repeat top left !important; } .plupload.html5 { cursor: pointer; cursor: hand; } /* EOF */ /* Temp CSS | Rodion */ body a, a { color: #0088CC; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; } a:hover { color: #67a8e7; } .dotted { border-bottom: 1px dotted; text-decoration: none; } .main { min-width: 707px; padding: 35px 30px; } i.arrow { font-size: 14px; font-style: normal; } .imageOverlay { display: block; position: absolute; width: 100%; height: 100%; background: url('https://assets-edge.slickpic.com/img/pix.gif') repeat top left; z-index: 1001; cursor: hand; cursor: pointer; } .imageOverlay img { border: 0 !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; position: absolute; width: 100%; height: 100%; } /* EOF */ body.center1024.indexPage .main, body.center1024.indexPage > footer, body.center1024.indexPage > header { width: 1080px !important; margin: 0 auto !important; } html body.center1024.indexPage footer { width: 1120px !important; } .center1024 section.left { padding-top: 46px; } section.left { padding-top: 46px; } .ico_xsignRed { padding-left: 15px; background: transparent url('https://assets-edge.slickpic.com/img/album/ico_xsign-red.png') no-repeat 0 2px; } .ico_xsignRed:hover { background-position: 0 -17px; } footer { position: relative; display: block; margin: 20px 30px 0; height: 30px; padding: 6px 0 10px 0; background-color: #fff; border-top: 1px solid #ccc; font-size: 11px; color: #999; } footer a { color: inherit; padding: 0 7px 0 8px; border-left: 1px solid #ccc; } footer p a:last-child { padding: 0 0 0 8px; } footer p a:first-child { border-color: transparent; } footer p a:hover { text-decoration: none; } li.jstree-closed ul { display: none; } .main { min-width: 707px; padding: 35px 30px; min-height: 77%; } /* Left Menu */ section.left { position: relative; margin: 0 auto; top: auto; float: left; width: 220px; z-index: 3; } section.left nav { width: 100%; background-color: #f2f2f2; font-size: 12px; -webkit-font-smoothing: antialiased; font-weight: 400; -moz-osx-font-smoothing: grayscale; } a.buttonAddPhotos, a.buttonAddPhotosLink, a.buttonImport { margin-top: -10px; display: block; height: 36px; width: 100%; text-decoration: none; color: #fff; font-family: "SlickPro", "SlickSanFrancisco", "SF Pro Text", "Myriad Set Pro", "San Francisco", "SlickFont", "Helvetica Neue", "Segoe UI", "Roboto", "Helvetica", "Hiragino Kaku Gothic Pro", "Meiryo", Arial, sans-serif; font-size: 15px; font-weight: bolder; text-shadow: #d95a00 0 1px 0; margin-bottom: 20px; font-weight: bold; text-transform: capitalize; text-align: center; line-height: 36px; border: 1px solid orange; border-color: #ff6700 #ff6d0d #ff6300 #ff6d0d; -moz-box-shadow: 0 1px 2px #ccc, 0 1px 0 #ffca9a inset; -webkit-box-shadow: 0 1px 2px #ccc, 0 1px 0 #ffca9a inset; box-shadow: 0 1px 2px #ccc, 0 1px 0 #ffca9a inset; background: #ffba6a; background: -moz-linear-gradient(top, #ffba6a 0%, #ffa92f 50%, #ff7c02 51%, #ffa645 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffba6a), color-stop(50%, #ffa92f), color-stop(51%, #ff7c02), color-stop(100%, #ffa645)); background: -webkit-linear-gradient(top, #ffba6a 0%, #ffa92f 50%, #ff7c02 51%, #ffa645 100%); background: -o-linear-gradient(top, #ffba6a 0%, #ffa92f 50%, #ff7c02 51%, #ffa645 100%); background: -ms-linear-gradient(top, #ffba6a 0%, #ffa92f 50%, #ff7c02 51%, #ffa645 100%); background: linear-gradient(top, #ffba6a 0%, #ffa92f 50%, #ff7c02 51%, #ffa645 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffba6a', endColorstr='#ffa645', GradientType=0); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } a.buttonImport { margin-top: 10px; margin-bottom: 0px; } a.buttonAddPhotos:hover, a.buttonAddPhotosLink:hover { background: #ffc16b; background: -moz-linear-gradient(top, #ffc16b 0%, #ffb32f 50%, #ff8903 51%, #ffae45 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc16b), color-stop(50%, #ffb32f), color-stop(51%, #ff8903), color-stop(100%, #ffae45)); background: -webkit-linear-gradient(top, #ffc16b 0%, #ffb32f 50%, #ff8903 51%, #ffae45 100%); background: -o-linear-gradient(top, #ffc16b 0%, #ffb32f 50%, #ff8903 51%, #ffae45 100%); background: -ms-linear-gradient(top, #ffc16b 0%, #ffb32f 50%, #ff8903 51%, #ffae45 100%); background: linear-gradient(top, #ffc16b 0%, #ffb32f 50%, #ff8903 51%, #ffae45 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc16b', endColorstr='#ffae45', GradientType=0); } a.buttonAddPhotos:active, a.buttonAddPhotosLink:active { background: #fab15e; background: -moz-linear-gradient(top, #fab15e 0%, #f8a126 50%, #ef7707 51%, #f99d3b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fab15e), color-stop(50%, #f8a126), color-stop(51%, #ef7707), color-stop(100%, #f99d3b)); background: -webkit-linear-gradient(top, #fab15e 0%, #f8a126 50%, #ef7707 51%, #f99d3b 100%); background: -o-linear-gradient(top, #fab15e 0%, #f8a126 50%, #ef7707 51%, #f99d3b 100%); background: -ms-linear-gradient(top, #fab15e 0%, #f8a126 50%, #ef7707 51%, #f99d3b 100%); background: linear-gradient(top, #fab15e 0%, #f8a126 50%, #ef7707 51%, #f99d3b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fab15e', endColorstr='#f99d3b', GradientType=0); border-color: #ce6601; -moz-box-shadow: 0 1px 0px #fff, 0 2px 5px #ce6601 inset; -webkit-box-shadow: 0 1px 0px #fff, 0 2px 5px #ce6601 inset; box-shadow: 0 1px 0px #fff, 0 2px 5px #ce6601 inset; color: #ffeddb; } a.buttonAddPhotos:active > span > img, a.buttonAddPhotosLink:active > span > img { opacity: 0.85; } a.buttonAddPhotos > span > img, a.buttonAddPhotosLink > span > img, a.buttonAddPhotos > img, a.buttonAddPhotosLink > img { width: auto; height: auto; padding-top: 13px; } .buttonSubText { display: none; position: absolute; top: 30px; height: 25px; padding-top: 3px; left: 0; background-color: #fff; border-bottom: 1px solid #fc8432; width: 100%; color: #333; text-align: center; z-index: 500; } .buttonSubText a { color: #0088CC; font-size: 11px; text-shadow: 0 1px 1px #f2f2f2; text-decoration: none; white-space: nowrap; } .buttonSubText a:hover { color: #67a8e7; } .buttonSubText a img { height: 23px; width: 24px; padding-top: 2px !important; } section.left section.toptitle { position: relative; text-align: left; width: 100%; height: 30px; background: #fff url('https://assets-edge.slickpic.com/img/album/menu-title-top.png') no-repeat top left; border-bottom: 1px solid #acafb4; padding-top: 1px; cursor: pointer; } section.left section.toptitle.cursor-default { cursor: default; } .closeborder { display: block; position: absolute; height: 30px; width: 9px; background: url('https://assets-edge.slickpic.com/img/album/menu-title-top.png') no-repeat -552px 0; top: 0; right: 0; } .closebox { display: block; position: absolute; height: 1px; width: 100%; background-color: #dbdbdb; top: -1px; left: 0; } section.left section.toptitle h2 { padding: 7px 18px 7px 0; position: absolute; left: 18px; color: #4a4a4a; text-shadow: #eee 0 1px 0; font-size: 12px; width: 150px; overflow: hidden; white-space: nowrap; } section.left section.toptitle h2:hover { color: #08C; text-decoration: underline; } section.left section.toptitle.cursor-default h2:hover { text-decoration: none; color: #4a4a4a; } section.left section.toptitle .h2Open { temp-background: url('https://assets-edge.slickpic.com/img/album/menu_ico_sectionopen.png') no-repeat 3px 10px; } section.left section.toptitle .sectionArrow { position: absolute; top: 0; left: 0; width: 18px; height: 32px; background: url('https://assets-edge.slickpic.com/img/album/menu_ico_sectionopen.png') no-repeat 3px 10px; } section.left section.toptitle .sectionArrow.closed { background: url('https://assets-edge.slickpic.com/img/album/menu_ico_sectionclose.png') no-repeat 4px 10px; } section.left #albumsNavigation:hover section.toptitle .sectionArrow { background-image: url('https://assets-edge.slickpic.com/img/album/menu_ico_sectionopen-hover.png'); } section.left #albumsNavigation:hover section.toptitle .sectionArrow.closed { background-image: url('https://assets-edge.slickpic.com/img/album/menu_ico_sectionclose-hover.png'); } section.left #albumsNavigation section.toptitle.toptitle-highlight .sectionArrow { top: -1px; background-image: url('https://assets-edge.slickpic.com/img/explore/section-arrow-open.png') !important; opacity: 0.9; } section.left #albumsNavigation section.toptitle.toptitle-highlight .sectionArrow.closed { top: -1px; background-image: url('https://assets-edge.slickpic.com/img/explore/section-arrow-closed.png') !important; opacity: 0.9; } section.left section.toptitle .h2Closed { temp-background: url('https://assets-edge.slickpic.com/img/album/menu_ico_sectionclose.png') no-repeat 4px 10px; } section.left section.toptitle .btns a { display: block; margin-top: 1px; padding: 8px 10px 8px 0; float: right; width: 12px; height: 12px; background: url('https://assets-edge.slickpic.com/img/album/ico-settings-active-01.png') no-repeat left center; text-indent: -9999px; opacity: 0.35; } section.left section.toptitle .btns a#btnLeftMenuWebGallery { background: url('https://assets-edge.slickpic.com/img/album/ico-settings-01.png') no-repeat left center; opacity: 0.64515; } section.left section.toptitle .btns a:hover { opacity: 1; } section.left section.toptitle .btns a.options { background: url('https://assets-edge.slickpic.com/img/album/menu_ico-options.png') no-repeat 0 7px; } section.left section.toptitle .btns a:active { opacity: 0.7; } section.left section.toptitle .btns a:first-child { padding: 8px 7px 8px 0 !important; } section.left section.inside { background: #f2f2f2 url('https://assets-edge.slickpic.com/img/album/menu-title.png') no-repeat top left; } section.left li details { padding-left: 14px; background: #f5f5f5; } section.left li ul li details { padding-left: 32px; } section.left li ul li ul li details { padding-left: 49px; } section.left li ul li ul li ul li details { padding-left: 66px; } section.left li ul li ul li ul li ul li details { padding-left: 83px; } section.left details { position: relative; display: block; height: 31px; border-bottom: 1px solid #ddd; border-top: 1px solid #fff; background-color: transparent; text-shadow: #FFF 0 1px 0; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; } section.left details:hover, section.left details.hover { background: #f2f2f2 url('https://assets-edge.slickpic.com/img/album/menu_item-hover.png') no-repeat top left; border-bottom: 1px solid #cbd7e7; border-top: 1px solid #e0e8f1; cursor: pointer; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; } section.left .informational details:hover, section.left .informational details.hover { background: none; background-color: #f2f2f2; } section.left .informational details:hover { cursor: default; } section.left details.jstree-clicked.active { background: #0088CC url('https://assets-edge.slickpic.com/img/album/menu_item-active.png') no-repeat top left; border-bottom: 1px solid #617080; border-top: 1px solid #4598df; color: #fff; text-shadow: #333 0 0 1px; filter: 0; filter: none; } old-section.left details.jstree-clicked.active { background: #0088CC url('https://assets-edge.slickpic.com/img/album/menu_item-active.png') no-repeat top left; border-bottom: 1px solid #377bd0; border-top: 1px solid #52a8e8; color: #fff; text-shadow: #333 0 0 1px; } section.left details.jstree-clicked.active * { text-shadow: 0 1px 0 #2566b8; } section.left details:active { background-color: #ccc; border-bottom: 1px solid #bbb; border-top: 1px solid #ccc; cursor: pointer; color: #fff; text-shadow: 0 1px 0 #999; } section.left details span { display: inline-block; max-width: 180px; height: 16px; overflow: hidden; margin-top: 7px; } section.left details span.title { max-width: 152px; text-overflow: ellipsis; white-space: nowrap; } section.left nav#MyAlbums details span { max-width: 156px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } section.left nav li.password > details span.title:before { content: ' '; display: inline-block; margin-top: 2px; margin-left: 2px; margin-right: 2px; width: 12px; height: 12px; background: url('https://assets-edge.slickpic.com/img/album/ico-lock-gray.png') no-repeat top left; } section.left nav li.guestupload > details span.title { padding-left: 13px; margin-left: -3px; position: relative; z-index: 100; } section.left nav li.guestupload > details span.title:after { content: ' '; position: absolute; display: inline-block; left: 0; top: 0; margin-top: 4px; margin-left: 3px; margin-right: 2px; width: 9px; height: 9px; background: url('https://assets-edge.slickpic.com/img/album/ico_albumlocks-small.png') no-repeat -59px -4px; } section.left nav#MyAlbums li ul details span { max-width: 123px; } section.left nav#MyAlbums li ul li ul details span { max-width: 105px; } section.left details span a { color: #333; text-shadow: 0 1px 0 #fff; text-decoration: none; } section.left li details .albumLoader { display: none; width: 16px; height: 16px; margin: 7px 0 0 5px; background: url('https://assets-edge.slickpic.com/img/album/preloader_16x16.gif') no-repeat top left; mix-blend-mode: multiply; } section.left li details.jstree-clicked .albumLoader, section.left li details.jstree-clicked-active .albumLoader { display: inline-block; opacity: 0.5; } section.left details:active span a, section.left details:active span i.meter { color: #333; text-shadow: 0 1px 0 #111; } section.left li details.jstree-clicked.active span a, section.left li details.jstree-clicked.active span i.meter { color: #fff; text-shadow: 0 1px 0 #111; } section.left ul { margin: 0; padding: 0; list-style: none; } section.left nav ul li { position: relative; } section.left nav ul li.jstree-leaf.empty { text-indent: -4515px; background: #111 !important; cursor: default; } section.left nav ul li.jstree-leaf.empty > details { min-height: 0; padding: 0; font-size: 0; height: 5px; background: #333; } /* section.left nav > ul li.unlisted details:after, section.left nav > ul li.private details:after { position: absolute; top: 0px; left: 0px; width: 2px; height: 31px; background-color: #c00; no-background: transparent url('https://assets-edge.slickpic.com/img/album/ico-tree-triangles.png?refresh') no-repeat top left;; content: ' ' } section.left nav > ul li.unlisted details:after { no-background-position: 0 -33px; background-color: #f70 } section.left nav > ul li.unlisted details.active:after, section.left nav > ul li.private details.active:after { display: none } */ section.left li details .tree-raw-label { position: absolute; display: none !important; width: 15px; height: 5px; top: -13px; left: 1px; z-index: 6; background: url('https://assets-edge.slickpic.com/img/album/ico-raw-mini.png') no-repeat; } section.left li details .tree-raw-label.none { display: none; } section.left li.is-has-raw-files > details .tree-raw-label { display: block; } /* section.left details a.arrow-closed { padding: 0 2px 0 2px; background: url('https://assets-edge.slickpic.com/img/album/ico_menu-closed.png') no-repeat top center; width: 5px; height: 8px; display: inline-block } section.left details a.arrow-open { padding: 0 2px 0 2px; background: url('https://assets-edge.slickpic.com/img/album/ico_menu-open.png') no-repeat top center; width: 5px; height: 7px; display: inline-block } section.left details:active a.arrow-closed, section.left li.jstree-closed details.jstree-clicked a.arrow-closed { background: url('https://assets-edge.slickpic.com/img/album/ico_menu-closed-white.png') no-repeat center center } section.left details:active a.arrow-open, section.left li.jstree-open details.jstree-clicked a.arrow-open { background: url('https://assets-edge.slickpic.com/img/album/ico_menu-open-white.png') no-repeat top center } */ section.left li.jstree-open details a { display: block !important; position: absolute; display: none; left: -17px; width: 24px; top: -5px; height: 25px; padding: 0 2px 0 2px; background: url('https://assets-edge.slickpic.com/img/album/ico_menu-open.png') no-repeat center center; } /*section.left:hover li.jstree-open details a { background: url('https://assets-edge.slickpic.com/img/album/ico_menu-open-hover.png') no-repeat center center }*/ section.left li.jstree-closed details a { display: block !important; position: absolute; display: none; left: -17px; width: 24px; top: -5px; height: 25px; padding: 0 2px 0 2px; background: url('https://assets-edge.slickpic.com/img/album/ico_menu-closed.png') no-repeat center center; } /*section.left:hover li.jstree-closed details a { background: url('https://assets-edge.slickpic.com/img/album/ico_menu-closed-hover.png') no-repeat center center }*/ section.left li.jstree-open details:active a, section.left li.jstree-open details.jstree-clicked.active a { background: url('https://assets-edge.slickpic.com/img/album/ico_menu-open-white.png') no-repeat center center; } section.left li.jstree-closed details:active a, section.left li.jstree-closed details.jstree-clicked.active a { background: url('https://assets-edge.slickpic.com/img/album/ico_menu-closed-white.png') no-repeat center center; } section.left li.jstree-leaf details a { position: absolute; left: -15px; width: 15px; height: 15px; padding: 0 2px 0 2px; background: none; } section.left li.jstree-leaf details a:hover { position: absolute; left: -15px; width: 15px; height: 15px; padding: 0 2px 0 2px; background: none; } section.left li.jstree-leaf details.jstree-clicked.active a { background: none; } section.left:hover li.jstree-leaf details a { background: none; } section.left li details ins a:hover { opacity: 0.5; } section.left img { display: inline; width: 17px; height: 17px; display: inline-block; vertical-align: top; padding: 0 1px 0 0; background-color: transparent; } section.left ins { display: inline-block; background-color: transparent; position: relative; margin-top: 7px; margin-left: 3px; white-space: nowrap; } section.left ins i { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("https://assets-edge.slickpic.com/img/album/ico_img-border.png") no-repeat scroll left top transparent; border: 0pt none; outline: 0pt none; z-index: 5; } section.left #MyCollections ins i, section.left #MyAlbums ins i { right: auto; top: 0; left: 9px; } section.left ins u { position: relative; display: inline-block; bottom: 1px; left: -3px; width: 11px; height: 11px; background: url('https://assets-edge.slickpic.com/img/album/ico_albumlocks-small.png') no-repeat -19px 0; z-index: 6; font-style: normal; text-indent: -9999px; background-position: 19px 0; margin-left: -2px; } body section.left li ins u { background-image: url('https://assets-edge.slickpic.com/img/album/album-status-s6.png'); bottom: 1px; left: 11px; } body section.left li ins > img { border-radius: 3px; } section.left #MySmartCollections ins u { display: none; } section.left #MySmartCollections details[__vtype=starred] ins u { display: inline-block; position: absolute; left: 4px; top: 0; } section.left #MyRetouchOrders ins i, section.left #MyRetouchOrders ins u, section.left #MyKodakPrintOrders ins i, section.left #MyKodakPrintOrders ins u { display: none; } section.left li.unlisted > details > ins u { background-position: 0 0; } section.left li.public > details > ins u { background-position: -20px 0; } section.left li.private > details > ins u { background-position: -40px 0; } /*section.left ins u.blue { background-position: -38px 0 }*/ /*section.left ins u.blue { background-position: -57px 0 }*/ section.left .jstree-clicked.active ins i, section.left details:active ins i { background-position: 0 -27px; } section.left i.meter { position: absolute; top: 7px; right: 23px; display: block; text-align: right; font-style: normal; } section.left i.meter u { text-decoration: none; } section.left details.jstree-clicked.active .selectAlbumArrow { position: absolute; right: -17px; top: -1px; width: 17px; height: 33px; background: url('https://assets-edge.slickpic.com/img/album/ico_albumtree-activearrow.png') no-repeat top left; } .photoblog-show-hide { margin-left: 0; margin-bottom: 0; display: inline-block; } temp.section.left .jstree-leaf:hover i.meter u { display: none; } section.left i.meter .selectedAlbumControls { display: block; position: absolute; top: -15px; right: -19px; width: 19px; height: 16px; background: url("https://assets-edge.slickpic.com/img/album/ico-settings-01.png") no-repeat 5px 9px; padding-bottom: 17px; opacity: 0.5; filter: alpha(opacity=50); -webkit-transition: all 0.3s; } section.left i.meter .selectedAlbumControls:hover { opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.3s; } section.left i.meter .selectedAlbumControls.active { display: block; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.3s; } section.left .jstree-clicked.active i.meter .selectedAlbumControls { background-image: url('https://assets-edge.slickpic.com/img/album/ico-settings-active-01.png') !important; } section.left details:hover i.meter .selectedAlbumControls { display: block; } temp.section.left details:hover i.meter u { display: none; } section.left details.jstree-clicked.active:hover i.meter .selectedAlbumControls, section.left details.jstree-clicked.active i.meter .selectedAlbumControls.active { display: block; background-image: url('https://assets-edge.slickpic.com/img/album/menu_ico-options-white.png'); } section.left .footer { position: relative; width: 100%; min-width: 200px; height: 30px; background: #fff url('https://assets-edge.slickpic.com/img/album/menu-footer-light-02.png') no-repeat top left; margin: -1px auto; } section.left .footer span { display: block; position: absolute; height: 14px; width: 14px; background: url('https://assets-edge.slickpic.com/img/album/menu-footer-light-02.png') no-repeat top right; top: 0; right: 0; } section.left LI.rdCurrentNew { display: none; } section.left LI.rdProc SPAN, section.left LI.rdProc I.meter { color: #F60; } section.left LI.rdReady SPAN, section.left LI.rdReady I.meter { color: #1A1; } section.left LI.rdAppr SPAN, section.left LI.rdAppr I.meter { color: blue; } section.left LI.rdProc DETAILS.jstree-clicked SPAN, section.left LI.rdProc DETAILS.jstree-clicked I.meter { color: #FFF; } /* Icons Misc */ .icoArrowWhite { padding-right: 10px; background: transparent url('https://assets-edge.slickpic.com/img/album/icon_arrow-white.png') no-repeat center right; } .page-payment .icoArrowWhite { background: transparent url('https://assets-edge.slickpic.com/img/land/icon_arrow-white.png') no-repeat center right; } .page-payment .icoArrowWhite { background: none; } .ico_xsignRed { padding-left: 15px; background: transparent url('https://assets-edge.slickpic.com/img/album/ico_xsign-red.png') no-repeat 0 2px; } .ico_xsignRed:hover { background-position: 0 -17px; } .ico-messages { background: transparent url('https://assets-edge.slickpic.com/img/album/ico_messages.png') no-repeat 0 4px; padding-left: 24px; } /* #Body */ #body { float: right; margin-left: -320px; width: 100%; z-index: 1; min-height: 666px; margin-bottom: 60px; } div.content { height: auto; margin-left: 310px; z-index: 2; position: relative; min-width: 800px; min-width: 200px; } div.content div.heading { border-bottom: 0; min-height: 46px; background-color: transparent; min-width: 800px; min-width: 200px; } div.content div.heading.width-auto { width: auto !important; width: calc(100vw - 308px) !important; min-width: 410px !important; } div.content div.heading > .title:before, div.content div.heading > .title:after { content: " "; display: table; } div.content div.heading > .title:after { clear: both; } div.content div.site-message-fixed { background-color: #fff; padding-top: 28px !important; background-color: rgba(255, 255, 255, 0.925); backdrop-filter: blur(15px) saturate(1.5); } div.content div.site-message-fixed .section.controls ul { background: transparent; } div.site-message-fixed .dashboard-header { display: none; } div.content div.heading h1 input, div.content div.heading h1 input[disabled], div.content div.heading h2 input, div.content div.heading h2 input[disabled] { position: absolute; width: 370px; text-align: left; overflow: ellipsis; border: 0; outline: 0; font-family: "SlickPro", "SlickSanFrancisco", "SF Pro Text", "Myriad Set Pro", "San Francisco", "SlickFont", "Helvetica Neue", "Segoe UI", "Roboto", "Helvetica", "Hiragino Kaku Gothic Pro", "Meiryo", Arial, sans-serif; font-size: inherit; color: #333; margin: -6px 0 0 -6px; padding: 1px 1px 1px 5px; -moz-border-radius: 3px; -webkit-background-clip: padding-box; -webkit-border-radius: 3px; height: 28px; line-height: 28px; font-size: 24px; font-weight: bold; -webkit-font-smoothing: antialiased; } div.content div.heading h1 input:hover, div.content div.heading h1 input[disabled]:hover, div.content div.heading h2 input:hover, div.content div.heading h2 input[disabled]:hover { border: 1px solid #f2f2f2; padding: 0 0 0 4px; } div.content div.heading h1 input:focus, div.content div.heading h1 input[disabled]:focus, div.content div.heading h2 input:focus, div.content div.heading h2 input[disabled]:focus { border: 1px solid #aaa; color: #333; padding: 0 0 0 4px; } .heading .search { position: absolute; right: 0pt; z-index: 9999; top: -35px; border: 1px solid #f2f2f2; border-top: none; height: 25px; width: 190px; vertical-align: middle; padding: 0px 20px 0 5px; color: #aaa; font-size: 12px; font-family: Arial; } .heading .search:hover, .heading .search:active, .heading .search:focus { border-color: #eee; } .heading .search .searchBox { border: none; background-color: transparent; margin-top: 4px; width: 180px; color: #aaa; } .heading .search .searchBox:focus { color: #333; } .heading .search a.searchButton { position: absolute; right: 5px; top: 4px; display: block; width: 20px; height: 20px; background: url('https://assets-edge.slickpic.com/img/album/ico_search.png') no-repeat 0 0; } .heading .search a.searchButton:hover { background-position: 0 -32px; } section.controls .relative { position: relative; } .basket-top { position: absolute; right: 0; font-size: 11px; font-weight: bold; background-color: #FFF7E4; border: 1px solid #ccc; background: rgba(40, 164, 248, 0.1); border-color: rgba(40, 164, 248, 0.3); top: -44px; padding: 10px 10px 6px 10px; border-radius: 0 0 3px 3px; border-top: 0; font-family: 'AwFont', "SlickPro", "SlickSanFrancisco", "SF Pro Text", "Myriad Set Pro", "San Francisco", "SlickFont", "Lato", "Helvetica Neue", "Segoe UI", "Roboto", "Helvetica", "Hiragino Kaku Gothic Pro", "Meiryo", Arial, sans-serif; font-weight: 600; } .basket-top, .basket-top * { font-family: 'AwFont', "SlickPro", "SlickSanFrancisco", "SF Pro Text", "Myriad Set Pro", "San Francisco", "SlickFont", "Lato", "Helvetica Neue", "Segoe UI", "Roboto", "Helvetica", "Hiragino Kaku Gothic Pro", "Meiryo", Arial, sans-serif; font-weight: 600; } .basket-top .order-item { display: inline-block; } .basket-top .order-item + .order-item { margin-left: 10px; padding-left: 10px; border-left: 1px solid #ddd; } .basket-top .order-item.order-kodak { background: url('https://assets-edge.slickpic.com/img/album/ico-print-kodak.png') no-repeat 0 0; padding-left: 20px; } .basket-top .order-item.order-edit { padding-left: 24px; position: relative; } .basket-top .order-item.order-edit:before { position: absolute; top: 9px; left: 10px; width: 16px; height: 16px; background: url(https://assets-edge.slickpic.com/img/ico-carts.png) no-repeat top left; background-size: 48px auto; filter: saturate(1.2) brightness(1.5); background-position: 0 0; content: ' '; } .basket-top .order-item + .order-item.order-edit, .basket-top .order-item + .order-item.order-kodak { padding-left: 30px; background-position: 10px 0; } .site-message-fixed .basket-top { top: -32px; } .fixedWidth960 .simpleBlock h2.highlighted-orange { color: #f50 !important; border: 1px solid #EBCC98; background-color: #FFF7E4; text-align: center; padding: 5px 0; font-weight: bold; font-size: 14px; text-shadow: 0 1px 0 #fff; border-radius: 3px; box-shadow: 0 0 3px #fff inset; } .fixedWidth960 .simpleBlock.promo-block h2 span { color: #333; } .fixedWidth960 .simpleBlock.promo-block:hover h2 span { color: #f50; } .fixedWidth960 .simpleBlock.promo-block:hover font span { text-decoration: none !important; color: #f50 !important; } temp.highlighted-orange { background-color: #FFF7E4 !important; color: #F30 !important; text-shadow: 0 1px 0 #fff !important; text-align: center !important; line-height: 24px !important; padding-bottom: 3px !important; font-size: 13px !important; font-weight: bold !important; border-bottom: 0 !important; border: 1px solid #ebcc98 !important; border-radius: 0px; } section.title { float: left; display: inline; margin-top: -3px; } section.title .path:before { content: 'Organizer'; color: #777; padding-right: 18px; background: url('https://assets-edge.slickpic.com/img/album/ico_path-arrow.png') no-repeat center right; font-size: 11px; } section.title .path { font-size: 11px; white-space: nowrap; } section.title .path a { color: #777; text-decoration: none; } section.title .path a:hover { color: #29a4f8; text-decoration: underline; } section.title .path .album-path a:last-child { pointer-events: none; } section.title .path a.album { color: #777; padding-right: 20px; background: url('https://assets-edge.slickpic.com/img/album/ico_path-arrow.png') no-repeat center right; text-decoration: none; display: inline-block; max-width: 250px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; vertical-align: bottom; margin-right: 6px; } section.title .path a.album:last-child { display: none; } section.title .path a.album:nth-last-child(2) { background: transparent; } section.title .path a:first-child { padding-left: 5px; } section.title .path a.album:last-child { background: none; } section.title .path a.album:hover { color: #29a4f8; text-decoration: underline; } section.title > h1, section.title h2 { font-size: 21px; padding-top: 6px; color: #aaa; font-weight: normal; margin-bottom: 16px; } section.title > .top-right { position: absolute; top: 16px; right: 0; z-index: 3; } section.title > .top-right.feedback > a { font-size: 14px; font-weight: normal; background-color: rgba(101, 185, 4, 0.9); padding: 4px 8px; border-radius: 3px; color: #fff !important; text-decoration: none; border-bottom: 1px none; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } section.title > .top-right.feedback > a:hover { background-color: #65b904; } /*section.controls { float: right; display: inline; margin-top: 18px } section.controls ul { list-style: none } section.controls ul li { display: inline; padding: 0 10px 0 11px; border-right: 1px solid #dbdbdb; font-size: 12px } section.controls ul li:last-child { border-right: 0; padding: 0 0 0 7px} section.controls ul li:hover, section.controls ul li:hover a, section.controls ul li.active, section.controls ul li.active a { background-color: #3d8cd9; color: #fff; text-decoration: none; text-shadow: 0 1px 0 #1B65AB } #btnTopCtxMenuShare.active, #btnTopCtxMenuShare.active a { background-color: transparent; color: #0088CC } section.controls ul li.disabled, section.controls ul li.disabled a, section.controls ul li.disabled:hover, section.controls ul li.disabled:hover a { color: #ccc; background-color: #fff; text-decoration: none; cursor: default; text-shadow: none } section.controls ul li.nohover:hover, section.controls ul li.nohover:hover a { background-color: #fff; color: #0088CC; text-decoration: none; text-shadow: none } section.controls a { color: #0088CC; text-decoration: none } section.controls a.arrow { padding-right: 10px; background: url('https://assets-edge.slickpic.com/img/album/icon_arrow-blue.png') no-repeat center right } section.controls ul li:hover a.arrow, section.controls ul li.active a.arrow { background-image: url('https://assets-edge.slickpic.com/img/album/icon_arrow-white.png')} section.controls ul li.disabled a.arrow { background: url('https://assets-edge.slickpic.com/img/album/icon_arrow-grey.png') no-repeat center right } section.controls ul li#btnTopCtxMenuShare a { color: #f70 } section.controls ul li#btnTopCtxMenuShare.disabled a { color: #ccc }*/ #btnTopCtxMenuShare > .buttonGreen { width: 110px !important; } .tipMessage { position: relative; width: 100%; background-color: #f8f8f8; border: 1px solid #eee; text-shadow: 0 1px 0 #fff; border: 1px solid #99e54c; color: #000; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; background: #def3a8; background: -moz-linear-gradient(top, #def3a8 0%, #c4fb93 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #def3a8), color-stop(100%, #c4fb93)); background: -webkit-linear-gradient(top, #def3a8 0%, #c4fb93 100%); background: -o-linear-gradient(top, #def3a8 0%, #c4fb93 100%); background: -ms-linear-gradient(top, #def3a8 0%, #c4fb93 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#def3a8', endColorstr='#c4fb93', GradientType=0); background: linear-gradient(top, #def3a8 0%, #c4fb93 100%); -moz-box-shadow: 0 1px 5px #ddd; -webkit-box-shadow: 0 1px 5px #ddd; box-shadow: 0 1px 5px #ddd; text-shadow: 0 1px 0 #ecffcf; min-height: 40px; background: #fffae2 !important; border: 1px solid #efe3ac; box-shadow: none; } .tipMessage > * { padding-left: 80px !important; } .tipMessage:before { position: absolute; top: 10px; left: 10px; width: 60px; height: 60px; background: url(https://assets-edge.slickpic.com/img/upload/ico-tip-02.png) center left / 48px 48px no-repeat; content: ' '; } .tipMessage a { color: #3e8401; font-weight: bold; } .tipMessage .tipFix { position: absolute; width: 100%; height: 3px; top: -4px; background-color: #fff; } .tipMessage p { position: relative; line-height: 20px; font-size: 12px; } .tipMessage font { width: 16px; height: 10px; background: none; display: inline-block; } .tipMessage font:before { content: "*"; color: #28A4FA; display: inline-block; vertical-align: middle; } .tipMessage p b.title { font-size: 14px; display: inline-block; padding-bottom: 10px; } #albumOutter { position: relative; } .buttonGray.scope-menu > span { padding-left: 34px; position: relative; } .buttonGray.scope-menu > span:before { content: ' '; width: 14px; height: 16px; background: url('https://assets-edge.slickpic.com/img/album/ico_wheels_bw.png') no-repeat -31px 0; position: absolute; top: 2px; left: 18px; } .titleNoCollections, .titleNoAlbums, .titleIsUploadingProcess, .titleIsEmpty, .album-container-loading { position: relative; margin-top: 60px; margin-left: auto; margin-right: auto; width: 600px; color: #aaa; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Myriad Pro", "Arial", sans-serif; text-align: center; font-size: 21px; line-height: 36px !important; text-shadow: 0; } .order-how-works + .titleIsEmpty.uploading-state-hide { margin-top: 180px; } .titleNoCollections > .helptext, .titleNoAlbums > .helptext, .titleIsUploadingProcess > .helptext, .titleIsEmpty > .helptext { font-size: 15px; font-weight: normal; color: #666; } .titleIsEmpty.empty-photoblog { padding-bottom: 390px; min-width: 320px; background: url('https://assets-edge.slickpic.com/img/album/help-photoblog.jpg') no-repeat bottom center; margin-top: -169px; } .titleIsEmpty > a, .titleIsEmpty span { color: #0088CC; text-decoration: underline; cursor: pointer; cursor: hand; margin-top: 10px; text-decoration: none; font-weight: 600; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.33); display: inline-block; width: auto; font-size: 16px; height: 36px; line-height: 36px; padding: 0 30px; border: 0; border-radius: 2px; text-align: center; background: #fbb008; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiYjAwOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjY2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fbb008 0%, #ff6600 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbb008), color-stop(100%, #ff6600)); background: -webkit-linear-gradient(top, #fbb008 0%, #ff6600 100%); background: -o-linear-gradient(top, #fbb008 0%, #ff6600 100%); background: -ms-linear-gradient(top, #fbb008 0%, #ff6600 100%); background: linear-gradient(to bottom, #fbb008 0%, #ff6600 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb008', endColorstr='#ff6600', GradientType=0); box-shadow: 0 2px 2px rgba(255, 255, 255, 0.25) inset; border: 1px solid #e45b00; border: 0; border-radius: 100px; text-shadow: none; font-weight: 500; padding: 2px 34px; font-family: "SlickPro", "SlickSanFrancisco", "SF Pro Text", "Myriad Set Pro", "San Francisco", "SlickFont", "Helvetica Neue", "Segoe UI", "Roboto", "Helvetica", "Hiragino Kaku Gothic Pro", "Meiryo", Arial, sans-serif; border-bottom: 1px solid #ff770077; } .album-container-loading { width: 60px; left: 50%; margin-left: -60px; white-space: nowrap; padding-left: 20px; background: #fff url('https://assets-edge.slickpic.com/img/album/preloader_16x16.gif') no-repeat left center; background: #fff url(https://assets-edge.slickpic.com/img/slickpic-loader-64.gif) no-repeat 50%; width: 72px; height: 72px; text-indent: -4515px; top: 10vh; } /* Dialog Upload */ div#dialog_add_photos { display: none; position: relative; font-size: 13px; width: auto; color: #333; text-shadow: #fff 0px 1px 0; } div#dialog_add_photos .head { padding: 10px 13px 0 13px; width: 500px; background: transparent url('https://assets-edge.slickpic.com/img/album/dialog1.png') no-repeat top left; } div#dialog_add_photos .header { display: block; padding: 13px 30px; color: #fff; font-size: 18px; text-shadow: #000 0px -1px 1px; } div#dialog_add_photos .body { padding: 20px 30px 0px 30px; } div#dialog_add_photos .number { float: left; display: inline; font-weight: bold; } div#dialog_add_photos .info { margin-left: 15px; } div#dialog_add_photos .info h2 { position: relative; font-weight: bold; } div#dialog_add_photos .info p.subline { font-size: 12px; padding: 3px 0 5px; color: #333; } div#dialog_add_photos .formUpload { margin-top: 10px; } div#dialog_add_photos .formUpload .left, div#dialog_add_photos .formUpload .right, div#dialog_add_photos .formUpload .block { float: left; display: inline; width: 48%; position: relative; } div#dialog_add_photos .formUpload .right { float: right; } div#dialog_add_photos .formUpload .block strong, .titleAboveInput strong { display: block; padding: 0 0 7px; font-weight: normal; } div#dialog_add_photos .formUpload .block i { display: block; font-size: 11px; padding-top: 2px; color: #aaa; } div#dialog_add_photos .formUpload .block i a { text-decoration: none; border-bottom: 1px dotted; } div#dialog_add_photos .formUpload .block i a:hover { border-bottom: 0; } div#dialog_add_photos .formUpload input[type=text] { padding: 6px 1px 5px 8px; width: 350px; border: 1px solid #cecece; height: 15px; font-size: 12px; font-family: arial; /* Input-s background in depth */ background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)); background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0); -moz-border-radius: 3px; -webkit-background-clip: padding-box; -webkit-border-radius: 3px; text-shadow: #fff 0px -1px 1px; color: #333; } div#dialog_add_photos .formUpload input[type=text]:focus { border: 1px solid #7cafe1; outline: 0; background: none; background-color: #fff; } div#dialog_add_photos .formUpload textarea { font-family: Arial; padding: 5px 1px 5px 8px; width: 350px; border: 1px solid #cecece; height: 16px; font-size: 12px; font-family: arial; /* Input-s background in depth */ background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)); background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0); -moz-border-radius: 3px; -webkit-background-clip: padding-box; -webkit-border-radius: 3px; text-shadow: #fff 0px 1px 0; color: #333; line-height: 18px; height: 36px; overflow-x: hidden; } div#dialog_add_photos .formUpload #inpAlbumExistsContainer .fg-button { width: 325px; } div#dialog_add_photos .formUpload .predefinedAlbumName { position: absolute; top: 4px; left: 10px; font-size: 12px; width: 350px; height: 20px; line-height: 20px; color: #777; overflow: hidden; } div#dialog_add_photos .formUpload .predefinedAlbumName b { color: #333; } div#dialog_add_photos .body .step { padding-bottom: 20px; } div#dialog_add_photos .footer { width: 525px; background: url('https://assets-edge.slickpic.com/img/album/dialog1.png') no-repeat bottom left; height: 81px; } div#dialog_add_photos .footer p { padding: 10px 43px 20px; font-size: 11px; max-width: 410px; position: relative; } div#dialog_add_photos .button_choose-photos { border: 0; width: 149px; height: 22px; display: inline-block; position: absolute; top: -4px; right: -8px; text-align: center; background: url('https://assets-edge.slickpic.com/img/album/button_choose-photos.png') no-repeat 0 0; color: #000; text-shadow: #d0e6f3 0 1px 0; text-decoration: none; padding-top: 4px; font-weight: bold; } div#dialog_add_photos .button_choose-photos.disabled { background: url('https://assets-edge.slickpic.com/img/album/button_choose-photos.png') no-repeat 0 0; text-shadow: 0 1px 0 #333; } div#dialog_add_photos .button_choose-photos:hover { opacity: 0.89; } div#dialog_add_photos .button_choose-photos:active { opacity: 1; height: 21px; padding: 5px 0 0 2px; width: 147px; } div#dialog_add_photos #btnChoosePhotosContainer div:hover, div#dialog_add_photos #btnChoosePhotosContainer div input:hover { cursor: pointer !important; cursor: hand !important; } a.modalCloseImg, a.modalCloseImg:active { background: url(https://assets-edge.slickpic.com/img/album/ico_close.png) no-repeat; width: 20px; height: 20px; position: absolute; top: 18px; right: 25px; z-index: 10000; cursor: pointer; display: none; } a.modalCloseImg:hover { background-position: 0px -25px; } a.modalCloseImg:active { background-position: 0px -51px; } /* EOF */ /* Upload */ section.left .top-block { height: 49px; margin-top: -3px; } section.left .top-block span.text { font-size: 12px; line-height: 18px; } section.left .top-block span.text i { font-style: normal; } section.left .top-block .progress_bar { position: relative; margin-top: 8px; width: 220px; height: 12px; background: #fff url('https://assets-edge.slickpic.com/img/album/preloader_bg.png') no-repeat top left; } section.left .top-block .preloader { position: absolute; left: 0; bottom: 0; height: 11px; background: transparent url('https://assets-edge.slickpic.com/img/album/preloader.gif') no-repeat top left; } section.left .top-block .preloader-bg { position: absolute; left: 0; bottom: 0; height: 11px; background: transparent url('https://assets-edge.slickpic.com/img/album/preloader.gif') no-repeat top left; width: 100%; z-index: 6; opacity: 0.2; filter: alpha(opacity=20); } section.left ul.informational details:hover { background-color: #f2f2f2; border-bottom: 1px solid #ddd; border-top: 1px solid #fff; text-shadow: 0; } section.left ul.informational li details p, section.left ul.informational li details a { font-size: 12px; line-height: 18px; } section.left ul.informational li details p b { display: block; } /* EOF */ /* Upload process */ #uploadProcess, #uploadProcessComplete, #uploadProcessAddPhotos { display: none; } /* EOF */ /* Menu block converted to informational/text block */ section.left .informational details { height: auto; padding: 12px 15px; text-shadow: #fff 0px -1px 0; } section.left .informational details:active { background-image: none; background-color: #e8e8e8; border-bottom: 1px solid #dbdbdb; border-top: 1px solid #eee; } section.left .informational details:active { color: #333; text-shadow: #fff 0px -1px 0; } a.edit { text-indent: -9999px; width: 16px; height: 16px; background: transparent url('https://assets-edge.slickpic.com/img/album/ico_edit.png') no-repeat center center; display: inline-block; vertical-align: top; } a.edit:hover { background-color: #67a8e7; background-image: url('https://assets-edge.slickpic.com/img/album/ico_edit-white.png'); } section.left .informational details textarea { margin-left: -2px; line-height: 16px; width: 180px; padding: 2px; background: transparent; border: 0; font-size: 11px; font-family: Arial, Tahoma; } section.left .informational details textarea:focus { border: 1px solid #ccc; padding: 1px; background-color: #f7f7f7; } /* EOF */ /* Context Menu */ section.contextMenu { position: absolute; left: 0px; top: 0px; width: 222px; margin-left: -6px; margin-top: 3px; background: url('https://assets-edge.slickpic.com/img/album/context_bg-03.png') no-repeat; padding: 18px 14px 0; display: none; z-index: 30000; animation-name: fadeIn; -webkit-animation-name: fadeIn; animation-duration: 0.3s; -webkit-animation-duration: 0.3s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; } section.contextMenu.dir-right { background: url('https://assets-edge.slickpic.com/img/album/context_bg_right-03.png') no-repeat; margin-left: -24px; } section.contextMenu.dir-up { background-image: url('https://assets-edge.slickpic.com/img/album/context_bg_up-03.png'); margin-top: -9px; } section.contextMenu.dir-up.dir-right { background-image: url('https://assets-edge.slickpic.com/img/album/context_bg_up_right-03.png'); margin-top: -9px; } section.contextMenu ul { padding: 0; list-style: none; position: relative; overflow: hidden; } section.contextMenu li { display: block; overflow: hidden; clear: both; padding: 0 20px 0 12px; background-color: transparent; font-size: 12px; -webkit-transition: none; -moz-transition: none; } section.contextMenu li a { font-size: 12px !important; } section.contextMenu ul span { float: left; text-decoration: none; color: #333; font-size: 13px; white-space: nowrap; margin-top: 3px; margin-bottom: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -moz-user-drag: none; user-drag: none; } section.contextMenu ul span sup { vertical-align: super; font-size: 9px; display: inline-block; margin-top: -2px; padding-top: 0px; font-weight: 500; color: #1d9bf0; } section.contextMenu li:hover sup { color: white !important; } section.contextMenu ul abbr { float: right; color: #aaa; font-size: 12px; } section.contextMenu .bottom { position: absolute; bottom: -28px; left: 0; width: 250px; height: 28px; background: url('https://assets-edge.slickpic.com/img/album/context_bg-03.png') no-repeat bottom left; } section.contextMenu.dir-up .bottom { background-image: url('https://assets-edge.slickpic.com/img/album/context_bg_up-03.png'); } section.contextMenu.dir-up.dir-right .bottom { background-image: url('https://assets-edge.slickpic.com/img/album/context_bg_up_right-03.png'); } section.contextMenu span.check { margin-left: 0; padding-left: 15px; background: url('https://assets-edge.slickpic.com/img/album/ico_check.png') no-repeat 0 -1px !important; } section.contextMenu li.divider { padding: 4px 0 0; border-bottom: 1px solid #f2f2f2; width: auto; margin: 0 0 3px; } section.contextMenu li:hover { background: #29a4f8; cursor: pointer; cursor: hand; text-shadow: 0 1px 0 #1B65AB; text-shadow: none; } section.contextMenu li:hover span, section.contextMenu li:hover abbr { color: #fff; } section.contextMenu li:active { background: transparent url('https://assets-edge.slickpic.com/img/album/context_menu-active.png') repeat-x top left; color: #fff; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; } section.contextMenu li:hover span.check { background-position: 0 -24px !important; } section.contextMenu li:active span.check { background-position: 0 -47px !important; } section.contextMenu li.divider, section.contextMenu li.divider:hover, section.contextMenu li.divider:active { padding: 4px 0 0; border-bottom: 1px solid #ddd; width: auto; margin: 0 0 3px; background: none; background-color: transparent; cursor: default; } section.contextMenu li.divider + .divider, section.contextMenu li.divider:hover + .divider, section.contextMenu li.divider:active + .divider { display: none !important; } section.contextMenu li.disabled, section.contextMenu li.disabled span, section.contextMenu li.disabled:hover, section.contextMenu li.disabled span:hover, section.contextMenu li.disabled:active, section.contextMenu li.disabled span:active { color: #ccc; cursor: default; background-image: none; background-color: #fff !important; text-shadow: none; } section.contextMenu span.arrowtop { display: none; position: absolute; top: -2px; left: 26px; width: 20px; height: 14px; background: url('https://assets-edge.slickpic.com/img/album/contextmenu_arrow.png'); z-index: 101; } /* section.contextMenu { background-image: none !important; background-color: #fff; border: 1px solid #ccc; box-shadow: 0 5px 15px rgba(0,0,0,0.15); border-radius: 2px; width: 380px; padding: 5px 0; } section.contextMenu li { clear: none; float: left; width: 180px; padding: 4px 0 4px 10px;; } section.contextMenu li.divider { clear: both; height: 0; padding: 0; margin: 4px 0; width: 380px; } section.contextMenu .bottom { display: none; } */ /* EOF */ /* Sharing Menu */ section.contextMenuText { position: absolute; left: 0px; top: 0px; width: 322px; background: url('https://assets-edge.slickpic.com/img/album/context_share.png') no-repeat; padding: 18px 14px 0; display: none; z-index: 100; font-size: 12px; } section.contextMenuText .textCnt { padding: 0; list-style: none; position: relative; overflow: hidden; } section.contextMenuText .textCnt .listItem { display: block; overflow: hidden; clear: both; } section.contextMenuText .textCnt .listItem .title { height: 24px; line-height: 24px; } section.contextMenuText .textCnt .listItem .title .arrow { float: left; height: 20px; width: 20px; background: url('https://assets-edge.slickpic.com/img/album/context_menu_arrows.png') no-repeat -1px 2px; } section.contextMenuText .textCnt .listItem .title strong { float: left; text-shadow: 0 1px 0 #fff; } section.contextMenuText .textCnt .listItem .inactive:hover { background: #0088CC url('https://assets-edge.slickpic.com/img/album/context_menu-hover.png') repeat-x top left; cursor: pointer; cursor: hand; } section.contextMenuText .textCnt .listItem .inactive:hover strong { color: #fff !important; text-shadow: 0 1px 0 #1b2229; } section.contextMenuText .textCnt .listItem .inactive strong { color: #0088CC; font-weight: normal; } section.contextMenuText .textCnt .listItem .inactive .arrow { background-position: -1px -24px; } section.contextMenuText .textCnt .listItem .inactive:hover .arrow { background-position: -1px -51px; } section.contextMenuText .textCnt .listItem .insideCnt { display: block; overflow: hidden; clear: both; padding: 5px 20px; } section.contextMenuText .textCnt .listItem .insideCnt p { display: block; margin-bottom: 10px; } section.contextMenuText .textCnt .listItem .insideCnt p strong { display: block; font-weight: normal; } section.contextMenuText .textCnt .listItem .insideCnt p input, section.contextMenuText .textCnt .listItem .insideCnt p textarea { width: 270px; margin-top: 5px; border: 1px solid #dbdbdb; padding: 2px 5px; font-size: 12px; } section.contextMenuText .textCnt .listItem .insideCnt p input:focus { border-color: #7cafe1; } section.contextMenuText .textCnt .listItem .insideCnt p input.copyLink { color: #aaa; } section.contextMenuText .textCnt .listItem .insideCnt p .linkLeft { text-decoration: none; line-height: 26px; } section.contextMenuText .textCnt .listItem .insideCnt p .sendButton { display: block; width: 98px; height: 28px; line-height: 26px; background: url('https://assets-edge.slickpic.com/img/album/button_blue-send.png') no-repeat top left; text-align: center; color: #fff; text-shadow: 0 -1px 0 #1a6ba0; font-weight: bold; text-decoration: none; } section.contextMenuText .textCnt .listItem .insideCnt p .sendButton:hover { opacity: 0.75; } section.contextMenuText .textCnt .listItem .insideCnt p .sendButton:active { opacity: 1; } section.contextMenuText .textCnt .divider { padding: 4px 0 0; border-bottom: 1px solid #f2f2f2; width: auto; margin: 0 2px 3px; background: none; background-color: #fff; cursor: default; } section.contextMenuText .textCnt .listItem .insideCnt p .social { background: url('https://assets-edge.slickpic.com/img/album/context_share_socialbuttons.png') no-repeat 0 0; height: 25px; display: inline-block; text-indent: -9999px; margin-right: 10px; } section.contextMenuText .textCnt .listItem .insideCnt p .social:hover { opacity: 0.75; } section.contextMenuText .textCnt .listItem .insideCnt p .social:active { opacity: 1; } section.contextMenuText .textCnt .listItem .insideCnt p .buttonFacebook { width: 91px; } section.contextMenuText .textCnt .listItem .insideCnt p .buttonTwitter { width: 73px; background-position: -96px 0; } section.contextMenuText .bottom { position: absolute; bottom: -28px; left: 0; width: 350px; height: 28px; background: url('https://assets-edge.slickpic.com/img/album/context_share.png') no-repeat bottom left; } .simplemodal-wrap #dialog_add_photos .error.boxed { display: block; margin-left: -30px; margin-right: -28px; padding: 15px 30px; background-color: #c00; color: #fff !important; text-shadow: 0 1px 0 #a00; font-weight: bold; font-size: 13px; background: #dd0000; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #dd0000 0%, #bb0000 100%); margin-top: -21px; border-bottom: 1px solid #a00; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dd0000), color-stop(100%, #bb0000)); background: -webkit-linear-gradient(top, #dd0000 0%, #bb0000 100%); background: -o-linear-gradient(top, #dd0000 0%, #bb0000 100%); background: -ms-linear-gradient(top, #dd0000 0%, #bb0000 100%); background: linear-gradient(to bottom, #dd0000 0%, #bb0000 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd0000', endColorstr='#bb0000', GradientType=0); } .simplemodal-wrap #dialog_add_photos .error.boxed > a { color: #fff; } .simplemodal-wrap #dialog_add_photos .error.boxed > a:hover { text-decoration: none; } /* EOF */ /* Module Box */ .moduleBox { position: absolute; display: none; vertical-align: middle; background-color: transparent; width: 530px; z-index: 10001; margin-top: -2px; } .moduleBox .tl, .moduleBox .tr, .moduleBox .bl, .moduleBox .br { position: absolute; display: inline-block; top: 0; background: url('https://assets-edge.slickpic.com/img/common/dlg-std-13.png') no-repeat top left; height: 100%; z-index: -1; } .moduleBox .tl { left: 0; width: 100%; } .moduleBox .tr { left: 100%; width: 50px; background-position: top right; } .moduleBox .bl { left: 0; width: 100%; background-position: bottom left; } .moduleBox .br { left: 100%; width: 50px; background-position: bottom right; } .moduleBox .body { float: left; display: inline; width: inherit; padding: 10px 0 10px 0; margin-left: 30px; } .moduleBox .body:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .moduleBox .body h2 { height: 22px; padding: 12px 0; vertical-align: middle; color: #fff; font-size: 18px; line-height: 24px; font-weight: normal; text-shadow: #000 1px 1px 1px; } .moduleBox .container { padding: 0 20px 0 15px; } .moduleBox .bottom .container { padding-top: 2px; } .moduleBox .body .inside { position: relative; width: 100%; padding: 20px 0 0; } .moduleBox .body .inside .left, .moduleBox .body .inside .right { float: left; display: inline; width: 48%; position: relative; } .moduleBox .body .inside .right { float: right; } .moduleBox .body .inside p { line-height: 18px; } .moduleBox .body .inside p strong { display: block; padding: 0 0 7px; } .moduleBox .body .inside p strong.htip { /*float: left*/ } .moduleBox .body .inside p i { display: block; font-size: 11px; padding-top: 2px; color: #aaa; } .moduleBox .body .inside p i a { text-decoration: none; border-bottom: 1px dotted; } .moduleBox .body .inside p i a:hover { border-bottom: 0; } .moduleBox .body .inside textarea, .moduleBox .body .inside .text-box-multiline { font-family: Arial; padding: 5px 1px 5px 8px; width: 90%; border: 1px solid #cecece; height: 64px; font-size: 12px; font-family: arial; /* Input-s background in depth */ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); background-color: #fefefe; -moz-border-radius: 3px; -webkit-background-clip: padding-box; -webkit-border-radius: 3px; text-shadow: #fff 0px 1px 0; color: #333; overflow: visible; -webkit-transition: all 0.2s; } .moduleBox .body .inside select { background-color: #f8f8f8; border: 1px solid #CECECE; color: #333; font-size: 12px; overflow: visible; -moz-border-radius: 3px; -webkit-background-clip: padding-box; -webkit-border-radius: 3px; -webkit-transition: all 0.2s; } .moduleBox .body .inside textarea:focus, .moduleBox .body .inside select:focus { border-color: #7cafe1; outline: 0; background: none; background-color: #fff; } .moduleBox .body .inside input[type=text] { font-family: Arial; padding: 0 1px 0 8px; width: 90%; border: 1px solid #ccc; height: 26px; font-size: 12px; line-height: 26px; /* Input-s background in depth */ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); background-color: #fefefe; -moz-border-radius: 3px; -webkit-background-clip: padding-box; -webkit-border-radius: 3px; text-shadow: #fff 0px 1px 0; color: #333; overflow: visible; -webkit-transition: all 0.2s; } .moduleBox .body .inside textarea { height: 64px; } .moduleBox .body .inside input[type=text]:focus { border-color: #7cafe1; outline: 0; background: none; background-color: #fff; } .moduleBox .bottom { position: absolute; left: 0; top: 100%; width: 100%; } .moduleBox .bottom .body { height: 38px; padding: 12px 0 22px; } .moduleBox .bottom .body p { float: left; display: inline; padding-top: 2px; overflow: hidden; color: #aaa; } .moduleBox p.bold13 { font-weight: bold; font-size: 13px; } .moduleBox .shareCnt table .thumbImage img.onePhotoShare { border: 3px solid #fff; -moz-box-shadow: 0 3px 7px #c7c7c7; -webkit-box-shadow: 0 3px 7px #c7c7c7; margin-bottom: 7px; } .moduleBox .shareCnt table .thumbImage div.logoOverlay { background: url('https://assets-edge.slickpic.com/img/album/share-logo-overlay.png') no-repeat top left; position: absolute; bottom: 30px; left: 50%; width: 134px; height: 20px; display: none; opacity: 0.8; margin-left: -67px; } .moduleBox .shareCnt .shareOptions.share-by-standard.none { display: none; } .moduleBox .shareCnt .shareOptions.share-by-email.none { display: none; } .moduleBox .shareCnt .shareOptions.additionalOption { width: 370px; padding: 5px; margin-left: 20px; border: 1px solid #dbdbdb; background-color: #ececec; text-shadow: 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; } .moduleBox .shareCnt .shareOptions .option { padding: 12px 0; border-bottom: 1px solid #dbdbdb; border-top: 1px solid #fff; text-shadow: 0 1px 0 #fff; } .moduleBox .shareCnt .shareOptions .option:first-child { border-top: 0; } .moduleBox .shareCnt .shareOptions .option:last-child { border-bottom: 0; } .moduleBox .shareCnt .shareOptions .option h3 { font-size: 18px; padding-bottom: 12px; } .moduleBox .shareCnt .shareOptions .option h3 .directLink { text-decoration: none; margin-top: 20px; } .moduleBox .shareCnt .shareOptions .option h3 .directLink u { text-decoration: none; border-bottom: 2px solid; } .moduleBox .shareCnt .shareOptions .option h3 .directLink u:hover { text-decoration: none; border-bottom: 0; } .moduleBox .shareCnt .shareOptions .option p { padding-bottom: 15px; } .moduleBox .shareCnt .shareOptions .option .leftInputLabel { display: inline-block; line-height: 28px; margin: 0 20px 0 0; width: 80px; } .moduleBox .shareCnt .shareOptions .option .leftLinkInput { display: inline-block; width: 200px; } .moduleBox .shareCnt .shareOptions .option .copybutton { margin: 0 0 0 10px; color: #0088CC; text-decoration: none; border-bottom: 1px dotted; cursor: pointer; cursor: hand; white-space: nowrap; } .moduleBox .shareCnt .shareOptions .option u.green .copybutton { color: #0da12a; border: 0; } .moduleBox .shareCnt .shareOptions .option .copyGrayButton { margin-left: 112px; } .moduleBox .shareCnt .shareOptions .option .copybutton:hover { color: #67a8e7; border-bottom: 0; } .moduleBox .shareCnt .shareOptions .option .copybutton.green { border-bottom: 0; cursor: default; } .moduleBox .shareCnt .shareOptions .option a.moreLinksCopy { clear: both; float: left; margin-top: 10px; margin-left: 100px; text-decoration: none; border-bottom: 1px dotted; } .moduleBox .shareCnt .shareOptions .option a.moreLinksCopy:hover { border-color: transparent; } .moduleBox .shareCnt .shareOptions .option .leftInputComment { display: inline-block; margin: 3px 0 0 101px; color: #aaa; font-size: 11px; } .moduleBox .shareCnt .optionsCheckbox { display: block; position: absolute; width: 300px; bottom: -47px; height: 30px; left: 0pt; line-height: 30px; z-index: 100; } .moduleBox .shareCnt .share-by-email .optionsCheckbox { bottom: -60px; } .moduleBox .shareCnt .optionsCheckbox label { color: #333; line-height: 32px; padding: 0 0 0 2px; text-shadow: 0 1px 0 #fff; } .moduleBox .shareCnt .optionsCheckbox.none { display: none; } .moduleBox .shareCnt p.smalldescription { font-size: 11px; } .moduleBox .shareCnt .shareOptions .option p.manyItems { padding-bottom: 5px; line-height: 28px; white-space: nowrap; } .moduleBox .shareCnt .shareOptions .option .manyItems .leftInputLabel { width: 180px; } .moduleBox .shareCnt .shareOptions .option p.manyItems input[type=checkbox] { margin: 0 7px 0 0; padding: 0; } .moduleBox .shareCnt .shareOptions .option p.manyItems input[type=text] { width: 320px; } .moduleBox .shareCnt .shareOptions .option p.manyItems.generated-code input[type=text] { width: 250px; } .moduleBox .shareCnt .shareOptions .option p.manyItems u { visibility: hidden; } .moduleBox .shareCnt .shareOptions .option p.manyItems u.green, .moduleBox .shareCnt .shareOptions .option p.manyItems u.green font { visibility: visible !important; color: #0da12a; border: 0; } .moduleBox .shareCnt .shareOptions .option p.manyItems:hover u { visibility: visible; } .moduleBox .shareCnt .shareOptions .option p.manyItems span a { text-decoration: underline; } .moduleBox .shareCnt .shareOptions .option p.manyItems span a:hover { text-decoration: none; } .moduleBox .shareCnt .shareOptions .option .dividerTwoColor { width: 100%; height: 1px; border-top: 1px solid #ccc; background-color: #fff; margin: 10px 0 15px; } .moduleBox .shareCnt .shareOptions .option p.manyItems select { width: 272px; } .moduleBox .shareCnt .shareOptions .option p.manyItems u.no-hover { visibility: visible; } .moduleBox .shareCnt .shareOptions .option.radio-only { -moz-box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; } .moduleBox .shareCnt .shareOptions .option.radio-only span { float: left; margin-left: -1px; cursor: pointer; } .moduleBox .shareCnt .shareOptions .option.radio-only span:first-child { margin-left: -2px; } .moduleBox .shareCnt .shareOptions .option.radio-only span input { float: left; } .moduleBox .shareCnt .shareOptions .option.radio-only span label { float: left; line-height: 20px; border-bottom: 1px dashed transparent; font-weight: bold; } .moduleBox .shareCnt .shareOptions .option.radio-only span:hover label { color: #08C; } .moduleBox .shareCnt .shareOptions .option.radio-only span:active input { color: #000; } .moduleBox .shareCnt .shareOptions .option.radio-only p { padding: 6px 0 0; } .moduleBox .titledBlock .title { margin-bottom: 10px; } .moduleBox .titledBlock .title i.roundedArrow { display: inline-block; width: 24px; height: 24px; margin-right: 5px; background: url('https://assets-edge.slickpic.com/img/album/roundedbuttons_sprite.png') no-repeat -176px -32px; } .moduleBox .titledBlock.closed .title i.roundedArrow { background-position: -175px -2px; } .moduleBox .titledBlock.closed .content { display: none; } .moduleBox .titledBlock .title h3 { display: inline-block; line-height: 24px; } .moduleBox .titledBlock .title:hover h3 { color: #0088CC; cursor: hand; cursor: pointer; } .moduleBox .titledBlock .content { margin: 0; z-index: auto; } .moduleBox .titledBlock .content p:after { clear: both; } .moduleBox .titledBlock .content p { clear: both; float: left; width: 100%; margin-bottom: 10px; } .moduleBox .titledBlock .content p span { float: left; width: 100px; line-height: 26px; white-space: nowrap; } .moduleBox .titledBlock .content p font { display: block; margin-left: 100px; } .moduleBox .titledBlock .content p font input[type=text] { width: 215px; } .moduleBox .titledBlock .content p font i { float: left; display: block; color: #333; font-style: normal; font-size: 12px; margin-bottom: 5px; } .moduleBox .titledBlock .content p font i input[type=radio], .moduleBox .titledBlock .content p font i input[type=checkbox] { float: left; width: 16px; } .moduleBox .titledBlock .content p font i label { float: left; line-height: 22px; } .moduleBox .titledBlock .content p font i label > img { display: inline-block; vertical-align: middle; margin-top: -4px; padding-left: 2px; padding-right: 6px; width: 7px; } .moduleBox .titledBlock .content p font i label[for=password-enable] > img, .moduleBox .titledBlock .content p font i label[for=starredPwdEnable] > img { width: auto; } .moduleBox .titledBlock .content p font i:after { clear: both; } .moduleBox .titledBlock .content.checkboxes { margin-top: 15px; } .moduleBox .titledBlock .content.checkboxes:before, .moduleBox .titledBlock .content.checkboxes:after { content: " "; display: table; } .moduleBox .titledBlock .content.checkboxes:after { clear: both; } .moduleBox .titledBlock .content.checkboxes label { float: left; margin-left: 0; } .moduleBox .titledBlock .content.checkboxes input[type=checkbox] { float: left; width: 20px; } .moduleBox .titledBlock .content.checkboxes .htip { margin-top: -2px; } #spDlgAlbSettings .container, #spDlgStarredSettings .container, #spDlgPostSettings .container { padding-right: 0px; } #spDlgAlbSettings .content-container.body, #spDlgStarredSettings .content-container.body, #spDlgPostSettings .content-container.body { padding: 10px 0 0 0; } #spDlgAlbSettings .body .inside, #spDlgStarredSettings .body .inside, #spDlgPostSettings .body .inside { max-height: 400px; overflow-y: auto; padding: 10px 0 10px; overflow-x: hidden; } #spDlgAlbSettings .titledBlock .title h3, #spDlgStarredSettings .titledBlock .title h3, #spDlgPostSettings .titledBlock .title h3 { display: inline-block; line-height: 24px; color: #111; } #spDlgAlbSettings .titledBlock .content p, #spDlgStarredSettings .titledBlock .content p, #spDlgPostSettings .titledBlock .content p { margin-bottom: 3px; } #spDlgAlbSettings .titledBlock, #spDlgStarredSettings .titledBlock, #spDlgPostSettings .titledBlock { border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px; -webkit-box-shadow: 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 #fff; } #spDlgAlbSettings .titledBlock:last-child, #spDlgStarredSettings .titledBlock:last-child, #spDlgPostSettings .titledBlock:last-child { margin-bottom: 0; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #spDlgAlbSettings .titledBlock .title:hover h3, #spDlgStarredSettings .titledBlock .title:hover h3, #spDlgPostSettings .titledBlock .title:hover h3 { color: #111; cursor: default; } #spDlgAlbSettings .titledBlock .title, #spDlgStarredSettings .titledBlock .title, #spDlgPostSettings .titledBlock .title { margin-bottom: 0px; } #spDlgAlbSettings .titledBlock .content, #spDlgStarredSettings .titledBlock .content, #spDlgPostSettings .titledBlock .content { margin-top: 0px; } #spDlgAlbSettings .titledBlock .content p font i, #spDlgStarredSettings .titledBlock .content p font i, #spDlgPostSettings .titledBlock .content p font i { margin-bottom: 0px; } .button-orange { font-size: 11px !important; font-family: "Tahoma", "Arial", sans-serif; float: left; margin: 0 5px; border: 0; font-weight: normal !important; padding: 0 18px 0 0; text-align: center; height: 26px; text-decoration: none; color: #222; text-shadow: 0 1px 0 #fd8533; line-height: 215% !important; overflow: hidden !important; } .button-orange span { position: relative; display: block !important; white-space: nowrap; padding: 0px 0 0 20px; height: 26px !important; color: inherit; font-weight: normal !important; margin: 0 !important; max-width: auto !important; overflow: visible !important; } .button-orange, .button-orange span { background: url('https://assets-edge.slickpic.com/img/album/button_default_orange.png') top left no-repeat; } .button-orange { background-position: top right; color: #fff; text-shadow: 0 1px 0 #fd8533; } .button-orange, .button-orange span { color: #fff; } .button-cream { font-size: 11px !important; font-family: "Tahoma", "Arial", sans-serif; float: left; margin: 0 5px; border: 0; font-weight: normal !important; padding: 0 18px 0 0; text-align: center; height: 26px; text-decoration: none; color: #222; text-shadow: 0 1px 0 #fffcfa; line-height: 215% !important; overflow: hidden !important; } .button-cream span { position: relative; display: block !important; white-space: nowrap; padding: 0px 0 0 20px; height: 26px !important; color: inherit; font-weight: normal !important; margin: 0 !important; max-width: auto !important; overflow: visible !important; } .button-cream, .button-cream span { background: url('https://assets-edge.slickpic.com/img/album/button_default_cream.png') top left no-repeat; } .button-cream { background-position: top right; color: #fff; text-shadow: 0 1px 0 #fffcfa; } .button-cream, .button-cream span { color: #612704; } .button-darkgray { font-size: 11px !important; font-family: "Tahoma", "Arial", sans-serif; float: left; margin: 0 5px; border: 0; font-weight: normal !important; padding: 0 18px 0 0; text-align: center; height: 26px; text-decoration: none; color: #000; text-shadow: 0 1px 0 #fff; line-height: 215% !important; overflow: hidden !important; } .button-darkgray span { position: relative; display: block !important; white-space: nowrap; padding: 0px 0 0 20px; height: 26px !important; color: inherit; font-weight: normal !important; margin: 0 !important; max-width: auto !important; overflow: visible !important; } .button-darkgray, .button-darkgray span { background: url('https://assets-edge.slickpic.com/img/album/button_default_dark.png') top left no-repeat; } .button-darkgray { background-position: top right; color: #fff; text-shadow: 0 1px 0 #fff; } .button-darkgray, .button-darkgray span { color: #000; } .button-green { font-size: 11px !important; font-family: "Tahoma", "Arial", sans-serif; float: left; margin: 0 5px; border: 0; font-weight: normal !important; padding: 0 18px 0 0; text-align: center; height: 26px; text-decoration: none; color: #222; text-shadow: 0 1px 0 #036e01; line-height: 215% !important; overflow: hidden !important; } .button-green span { position: relative; display: block !important; white-space: nowrap; padding: 0px 0 0 20px; height: 26px !important; color: inherit; font-weight: normal !important; margin: 0 !important; max-width: auto !important; overflow: visible !important; text-shadow: 0 1px 0 #036e01; } .button-green, .button-green span { background: url('https://assets-edge.slickpic.com/img/album/button_default_green.png') top left no-repeat; } .button-green { background-position: top right; color: #fff; text-shadow: 0 1px 0 #036e01; } .button-green, .button-green span { color: #fff; } .button-green:hover { opacity: 0.8; } .button-green:active { opacity: 1; } .buttonGray.button-green { font-size: 11px !important; font-family: "SlickPro", "SlickSanFrancisco", "SF Pro Text", "Myriad Set Pro", "San Francisco", "SlickFont", "Helvetica Neue", "Segoe UI", "Roboto", "Helvetica", "Hiragino Kaku Gothic Pro", "Meiryo", Arial, sans-serif; float: left; margin: 0 5px; border: 0; font-weight: normal !important; padding: 0 18px 0 0; text-align: center; height: 28px; text-decoration: none; color: #222; text-shadow: 0 1px 0 #036e01; line-height: 215% !important; overflow: hidden !important; } .buttonGray.button-green span { position: relative !important; display: block !important; white-space: nowrap; padding: 0px 0 0 20px !important; height: 26px !important; color: inherit !important; font-weight: normal !important; margin: 0 !important; max-width: auto !important; overflow: visible !important; text-shadow: 0 1px 0 #036e01 !important; font-weight: bold !important; } .buttonGray.button-green, .buttonGray.button-green span { background: url('https://assets-edge.slickpic.com/img/common/button_default3.png') top left no-repeat !important; } .buttonGray.button-green:hover, .buttonGray.button-green:hover span { background-image: url('https://assets-edge.slickpic.com/img/common/button_default3.png') !important; color: #fff !important; } .buttonGray.button-green { background-position: top right !important; color: #fff !important; text-shadow: 0 1px 0 #036e01 !important; } .buttonGray.button-green, .buttonGray.button-green span { color: #fff !important; } .buttonGray.button-green:hover { opacity: 0.8 !important; } .buttonGray.button-green:active { opacity: 1 !important; } .buttonGreen, .buttonGray { font-size: 11px !important; font-family: "Tahoma", "Arial", sans-serif; float: left; margin: 0 5px; border: 0; font-weight: normal !important; padding: 0 18px 0 0; text-align: center; height: 26px; text-decoration: none; color: #222; text-shadow: 0 1px 0 #fff; line-height: 215% !important; overflow: hidden !important; } .buttonGreen span, .buttonGray span { position: relative; display: block !important; white-space: nowrap; padding: 0px 0 0 20px; height: 26px !important; color: inherit; font-weight: normal !important; margin: 0 !important; max-width: auto !important; overflow: visible !important; } .buttonGreen, .buttonGreen span, .buttonGray, .buttonGray span { background: url('https://assets-edge.slickpic.com/img/common/button_default3.png') top left no-repeat; } .buttonGreen { background-position: top right; color: #fff; text-shadow: 0 1px 0 #276596; } .buttonGray, .buttonGray span { background-position: bottom left; } .buttonGray { background-position: bottom right; } .buttonGray, .buttonGray span { color: #333; text-shadow: 0 1px 0 #fff; } .buttonGreen, .buttonGreen span { color: #111 !important; text-shadow: 0 1px 0 #d0e6f3 !important; font-weight: normal !important; } .buttonGray:hover, .buttonGray:hover span, .buttonGreen:hover, .buttonGreen:hover span { background-image: url('https://assets-edge.slickpic.com/img/common/button_default3-hover.png') !important; color: #333; } .buttonGreen:hover, .buttonGreen:hover span { color: #000; } .buttonGray:active, .buttonGreen:active { opacity: 1; } .buttonGreen span { color: #fff !important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.33) !important; } .disabled:not(#body) .buttonGreen, .disabled:not(#body) .buttonGray, .disabled:not(#body) .buttonGreen span, .disabled:not(#body) .buttonGray span, .buttonGreen.disabled, .buttonGray.disabled, .buttonGreen.disabled span, .buttonGray.disabled span { color: #aaa !important; cursor: default; } .buttonGreen.dlgBtnAccept.disabled { background: url('https://assets-edge.slickpic.com/img/common/button_default3.png') bottom right no-repeat !important; opacity: 0.5; } .buttonGreen.dlgBtnAccept.disabled span { background: url('https://assets-edge.slickpic.com/img/common/button_default3.png') bottom left no-repeat !important; color: #777 !important; } .disabled .buttonGreen span, .disabled .buttonGreen span, .buttonGreen.disabled span, .buttonGreen.disabled span { color: #89C6F2; text-shadow: 0 1px 0 #2067C0; } .disabled .buttonGreen, .disabled .buttonGray:hover, .disabled .buttonGreen span, .disabled .buttonGray:hover span, .buttonGreen.disabled:hover, .buttonGray.disabled:hover, .buttonGreen.disabled:hover span, .buttonGray.disabled:hover span { background-image: url('https://assets-edge.slickpic.com/img/common/button_default3.png') !important; } /* JQUERY UI - CALENDAR */ input.input-type-date.hasDatepicker { padding-left: 30px !important; background: #f5f5f5 url('https://assets-edge.slickpic.com/img/common/ico-calendar.png') no-repeat 8px 4px !important; } input.input-type-date.hasDatepicker:focus { background-color: #fff !important; } body .moduleBox .ui-datepicker { width: 20em; } body .moduleBox .ui-datepicker { width: 20em; } body .moduleBox .ui-datepicker .ui-datepicker-prev, body .moduleBox .ui-datepicker .ui-datepicker-next { width: 50px; } body .moduleBox .ui-datepicker .ui-datepicker-prev span, body .moduleBox .ui-datepicker .ui-datepicker-next span { width: auto; left: 17px; } body .moduleBox .ui-datepicker .ui-datepicker-prev span:before { content: "« "; } body .moduleBox .ui-datepicker .ui-datepicker-next span:after { content: " »"; } body .moduleBox .ui-datepicker .ui-datepicker-title { margin-top: 1px; } body .moduleBox #ui-datepicker-div { box-shadow: 0 3px 10px rgba(0, 0, 0, 0.45); border-color: #999; background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f8f8f8)); background: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%); background: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 100%); background: -ms-linear-gradient(top, #ffffff 0%, #f8f8f8 100%); background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8', GradientType=0); padding-bottom: 3px; margin-top: 1px; border-radius: 3px 3px 5px 5px; } .moduleBox .ui-datepicker-calendar tr th > span { color: #777; text-transform: uppercase; } body .moduleBox .ui-state-hover { border-color: #08c !important; } body .moduleBox .ui-state-default, body .ui-widget-content .ui-state-default { border-radius: 1px; -moz-border-radius: 1px; } body .moduleBox .ui-widget-header { font-size: 11px; margin: -3px -4px 0 -3px; padding: 3px 4px 0 3px; border-radius: 3px 3px 0 0; background: #2f2f2f; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJmMmYyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNTE1MTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #2f2f2f 0%, #151515 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2f2f2f), color-stop(100%, #151515)); background: -webkit-linear-gradient(top, #2f2f2f 0%, #151515 100%); background: -o-linear-gradient(top, #2f2f2f 0%, #151515 100%); background: -ms-linear-gradient(top, #2f2f2f 0%, #151515 100%); background: linear-gradient(to bottom, #2f2f2f 0%, #151515 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f2f2f', endColorstr='#151515', GradientType=0); } body .moduleBox .ui-state-active, body .moduleBox .ui-widget-content .ui-state-active { border: 1px solid #29a4f8; background-color: #08c; color: #fff; } A.buttonDlgClose, A.buttonDlgClose:active, .overlayDialog A.close, .overlayDialog A.close:hover, .overlayDialog A.close:active { background: url(https://assets-edge.slickpic.com/img/album/ico_close.png) no-repeat; width: 20px; height: 20px; position: absolute; top: 22px; right: -18px; z-index: 10002; cursor: pointer; display: block; } A.buttonDlgClose:hover { background-position: 0px -25px; } A.buttonDlgClose:active { background-position: 0px -51px; } .overlayDialog A.close, .overlayDialog A.close:hover, .overlayDialog A.close:active { top: 24px; right: -22px; display: block; } .overlayDialog A.close:hover { background-position: 0px -25px; } .overlayDialog A.close:active { background-position: 0px -51px; } section.controls { padding-bottom: 12px; } section.controls:before, section.controls:after { content: " "; display: table; } section.controls:after { clear: both; } section.controls ul { display: block; position: relative; right: 30px; margin-top: 15px; list-style: none; background-color: #fff; background-color: transparent; float: right; margin-right: 15px; } div.content div.site-message-fixed ul { right: 0; } section.controls li { float: left; margin-bottom: 10px; } .actions-bar .tabbedButtons.actions-toolbar { margin-bottom: 10px; float: left; } span.tabbedButtons li { list-style: none; font-size: 11px !important; font-family: "Tahoma", "Arial", sans-serif; float: left; margin: 0; border: 0; font-weight: normal !important; padding: 0 10px 0 0; text-align: center; height: 26px; text-decoration: none; color: #222; text-shadow: 0 1px 0 #fff; line-height: 215% !important; border-right: 1px solid #ccc; overflow: hidden !important; } span.tabbedButtons li a { position: relative; display: block !important; white-space: nowrap; padding: 0 0 0 14px; height: 26px !important; color: inherit; font-weight: normal !important; margin: 0 !important; max-width: auto !important; overflow: auto !important; background-position: -135px -30px; overflow: hidden !important; } span.tabbedButtons li, span.tabbedButtons li a { background: url('https://assets-edge.slickpic.com/img/common/button_default3.png') top left no-repeat; background-position: 0 -30px; } span.tabbedButtons li a { background-position: -135px -30px; } span.tabbedButtons li a span.arrowDown { display: inline; padding-right: 12px; background: url('https://assets-edge.slickpic.com/img/album/icon_arrow-darkgrey.png') no-repeat center right; } span.tabbedButtons li a span.arrowRight, span.tabbedButtons li a span.arrowLeft { display: inline; padding-right: 15px; background: url('https://assets-edge.slickpic.com/img/album/icon_arrow-moverightleft.png') no-repeat -43px -38px; } span.tabbedButtons li a span.arrowLeft { background-position: 0 -38px; } span.tabbedButtons li a.disabled span.arrowLeft { background-position: 0 4px; } span.tabbedButtons li a.disabled span.arrowRight { background-position: -43px 4px; } span.tabbedButtons li.disabled, span.tabbedButtons li.disabled a { color: #aaa; cursor: default; } span.tabbedButtons li.disabled a span.arrowDown { display: inline; padding-right: 12px; background: url('https://assets-edge.slickpic.com/img/album/icon_arrow-grey.png') no-repeat center right; } span.tabbedButtons li.disabled:hover, span.tabbedButtons li.disabled:hover a { background-image: url('https://assets-edge.slickpic.com/img/common/button_default3.png'); } span.tabbedButtons li:hover, span.tabbedButtons li:hover a { background-image: url('https://assets-edge.slickpic.com/img/common/button_default3-hover.png'); } /*section.controls ul span.tabbedButtons li { background-position: bottom right }*/ span.tabbedButtons li:first-child a, span.tabbedButtons li.first-child a, span.tabbedButtons li.visible a { background-position: 0 -30px; padding: 0 0 0 18px; } /* IE does not render :last-child in any way and ignores WHOLE line if sees it */ span.tabbedButtons li.last-child { background-position: bottom right !important; border-right: 0 !important; margin-right: 5px !important; } span.tabbedButtons li:last-child { background-position: bottom right !important; border-right: 0 !important; margin-right: 5px !important; } span.tabbedButtons li a { background-position: -135px -30px; } /*li.jstree-open ul {display: block}*/ div.site-message-absolute { left: 0px; top: 0px; } div.site-message-fixed { width: 100%; left: 0px; top: 0px; position: fixed; margin-left: 250px; overflow: visible !important; } nav ul li details .moveUp, nav ul li details .moveDown { display: none; z-index: 100; } section.left details.moveInsideUp:hover, section.left details.moveInsideDown:hover { background-color: #f2f2f2 !important; } nav ul li details.moveInsideUp .moveUp, nav ul li details.moveInsideDown .moveDown { display: block; position: absolute; background: url("https://assets-edge.slickpic.com/img/album/ico_tree-insidedivider.png") no-repeat scroll top left transparent; width: 222px; height: 6px; z-index: 101x; } nav ul li details.moveInsideUp .moveUp { top: -5px; left: -1px; } nav ul li details.moveInsideDown .moveDown { bottom: -3px; left: -1px; } nav ul li ul li details.moveInsideUp .moveUp { top: -5px; right: -1px; background-position: 0 -16px; } nav ul li ul li details.moveInsideDown .moveDown { bottom: -3px; left: -1px; background-position: 0 -16px; } nav ul li ul li ul li details.moveInsideUp .moveUp { top: -5px; right: -1px; background-position: 0 -32px; } nav ul li ul li ul li details.moveInsideDown .moveDown { bottom: -3px; left: -1px; background-position: 0 -32px; } .imageLoading { background: transparent url('https://assets-edge.slickpic.com/img/album/elements/img_loading.gif') no-repeat center center; z-index: 999; -moz-box-shadow: 2px 2px 3px #ccc; -webkit-box-shadow: 2px 2px 3px #ccc; border: 1px solid #ccc; } /* Feedback form */ .linedBox p .stretchedOptions { border: 0; width: 410px; height: 24px; padding: 2px 0 2px 5px; border: 1px solid #ccc; font-family: Arial; font-size: 12px; color: #333; -moz-border-radius: 3px 3px 3px 3px; -webkit-background-clip: padding-box; -webkit-border-radius: 3px 3px 3px 3px; } .linedBox p .stretchedOptions:focus { border-color: #7cafe1; } .linedBox p textarea.stretchedTextarea { width: 400px; padding: 5px 0 5px 8px; height: 60px; font-size: 12px; color: #333; border: 1px solid #ccc; font-family: Arial; -moz-border-radius: 3px 3px 3px 3px; -webkit-background-clip: padding-box; -webkit-border-radius: 3px 3px 3px 3px; } .linedBox p textarea.stretchedTextarea:focus { border-color: #7cafe1; } /* tooltip */ .tooltip { display: block; display: none; position: relative; background-color: #fffae2; z-index: 30001; width: 340px; line-height: 18px; color: #fff; font: 12px/16px 'Helvetica Neue', 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', arial, sans-serif; padding: 10px 0px; margin-top: 5px; margin-left: 16px; border: 1px solid #ddd; border-radius: 5px; -moz-border-radius: 5px; -webkit-background-clip: padding-box; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.17); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.17); color: #333; background: #fffae1; border: 1px solid #f3eabf; border-radius: 3px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.17); font-size: 12px; line-height: 20px; padding: 15px 20px; opacity: 0.99; color: #111; /* -webkit-font-smoothing: subpixel-antialiased !important; */ /* -webkit-font-smoothing: antialiased; */ text-shadow: none !important; font-synthesis: none; -moz-font-feature-settings: 'kern'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; direction: ltr; text-align: left; margin-left: 54px; } .tooltip > div { margin: 0 !important; } .tooltip font { display: block; position: absolute; margin: 0; padding: 0; top: 0px; left: 20px; width: 20px; height: 13px; } .tooltip font:after, .tooltip font:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .tooltip font:after { border-color: rgba(255, 250, 225, 0); border-bottom-color: #fffae1; border-width: 10px; margin-left: -10px; } .tooltip font:before { border-color: rgba(211, 193, 108, 0); border-bottom-color: #f3eabf; border-width: 11px; margin-left: -11px; } .tooltip.left { margin-left: 152px; } .tooltip.left font { left: 187px !important; } .tooltip.top font { display: block; position: absolute; margin: 0; padding: 0; top: auto; bottom: 0; left: 20px; width: 20px; height: 13px; } .tooltip.top font:after, .tooltip.top font:before { bottom: auto; top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .tooltip.top font:after { border-color: rgba(255, 250, 225, 0); border-bottom-color: transparent; border-top-color: #fffae1; border-width: 10px; margin-left: -10px; } .tooltip.top font:before { border-color: rgba(211, 193, 108, 0); border-bottom-color: transparent; border-top-color: #f3eabf; border-width: 11px; margin-left: -11px; } /* Settings / Preferences */ .preferences { padding-top: 10px; color: #555; } .name-visibility-promo { display: none !important; } header.lite + .main .name-visibility-promo { display: block !important; font-weight: normal !important; line-height: 20px; padding-bottom: 11px; background: #fff8c4; border: 1px solid #f7deb0; margin-left: -21px; margin-right: -21px; width: auto; margin-top: -11px; padding: 10px 20px; text-align: center; margin-bottom: 10px; text-shadow: none; } header.lite + .main .name-visibility-promo a { color: #60a90b; font-weight: bold; text-decoration: underline; text-shadow: none; } header.lite + .main .name-visibility-promo b { text-shadow: none; } .preferences p.inputLine { width: 100%; position: relative; line-height: 20px; margin-bottom: 10px; } .preferences .line-description { margin-left: 120px; display: block; } .preferences .textareaPreview { padding: 20px 5px !important; } .preferences .textareaPreview FONT[_size="8"], .preferences .textareaPreview SPAN[_size="8"], .preferences .textareaPreview *[_size="8"] { font-size: 60px !important; } .preferences .textareaPreview FONT[_size="9"], .preferences .textareaPreview SPAN[_size="9"], .preferences .textareaPreview *[_size="9"] { font-size: 72px !important; } .preferences .textareaPreview FONT[_size="10"], .preferences .textareaPreview SPAN[_size="10"], .preferences .textareaPreview *[_size="10"] { font-size: 84px !important; } .preferences .textareaPreview * { line-height: 175%; } .preferences p.inputLine span { width: 120px; overflow: hidden; display: inline-block; line-height: 28px; } .preferences .inputLine input[type=text], .preferences p.inputLine textarea { font-size: 12px; color: #111; width: 300px; height: 26px; line-height: 26px; padding: 0 5px; outline: 0; border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-background-clip: padding-box; -webkit-border-radius: 3px; -webkit-transition: all 0.3s; } .preferences p.inputLine input[type=text]:focus { border-color: #7cafe1; } .preferences p.inputLine label { margin-right: 10px; line-height: 28px; } .preferences p.inputLine label > input[type="checkbox"], .preferences p.inputLine label > input[type="radio"] { width: 16px; text-align: left; display: inline-block; margin-right: 4px; } .preferences p.inputLine label:hover { color: #0088CC; } .preferences p.inputLine label font { display: inline-block; line-height: 26px; } .preferences p.inputLine label input[type=radio] { display: inline-block; margin: -2px 5px 0 0; } p.inputLine.disabled, p.inputLine.disabled label, p.inputLine.disabled span { color: #777 !important; } .grayBlock.settings-contactpage .cleditorButton[title="Remove Formatting"], .grayBlock.settings-contactpage .cleditorButton[title="Font Color"], .grayBlock.settings-contactpage .cleditorButton[title="Text Highlight Color"] { display: none; } .preferences .grayBlock { width: 450px; margin-bottom: 20px; background-color: #f9f9f9; padding: 8px 20px; border: 1px solid #eee; -moz-border-radius: 3px; -webkit-background-clip: padding-box; -webkit-border-radius: 3px; text-shadow: 0 1px 0 #fff; border-radius: 3px; border: 1px solid #e4e8eb; box-shadow: none; text-shadow: none; } .gallery-layout .back-button { width: 490px; padding: 14px 0px; } .preferences .grayBlock { width: 770px; margin-bottom: 20px; background-color: #f9f9f9; padding: 8px 20px; border: 1px solid #eee; border-radius: 3px; -moz-border-radius: 3px; -webkit-background-clip: padding-box; -webkit-border-radius: 3px; text-shadow: 0 1px 0 #fff; } .preferences .grayBlock * { text-shadow: 0 1px 0 #fff; } .preferences .grayBlock .explanation-small { display: block; opacity: 0.666; white-space: nowrap; width: auto; margin: 0; line-height: 16px; margin-left: 24px; } .preferences .grayBlock .form-tinymce * { text-shadow: none; } .preferences .grayBlock .title { cursor: pointer; } .preferences .grayBlock .title:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .preferences .grayBlock h3 { display: inline-block; color: #555; font-size: 14px; font-weight: bold; text-shadow: 0 1px 0 #fff; line-height: 24px; cursor: pointer; } .preferences .grayBlock h3 > a { color: #555; } .preferences .grayBlock h3 > a:hover { color: #08c; } .preferences .grayBlock .title.inactive, .preferences .grayBlock .title.inactive h3 { cursor: default; } .preferences .grayBlock .title:hover h3 { color: #0088CC; } .preferences .grayBlock .title.inactive:hover h3 { color: #333; } .preferences .grayBlock.closed .passwordChange, .preferences .grayBlock.closed .emailChange, .preferences .grayBlock.closed .userSettings { display: none; } .preferences .grayBlock .passwordChange, .preferences .grayBlock .emailChange { display: block; } .preferences .grayBlock.closed .icoRoundedArrow, .preferences .grayBlock .icoRoundedArrow { display: inline-block; width: 24px; height: 24px; margin-right: 5px; background: url("https://assets-edge.slickpic.com/img/album/roundedbuttons_sprite.png") no-repeat scroll -178px -32px transparent; } p[data-item="new_pblog_posts"] { display: none !important; } .preferences .grayBlock.closed .icoRoundedArrow { background-position: -177px -2px; } .preferences .grayBlock .passwordChange, .preferences .grayBlock .emailChange, .preferences .grayBlock .userSettings, .preferences .grayBlock .albumSettings, .preferences .grayBlock .analyticsSettings { margin-top: 20px; } .preferences .grayBlock .albumSettings p { line-height: 18px; } .preferences .grayBlock .albumSettings p.inputLine label { margin-right: 0; } .preferences .grayBlock .userSettings.table-simple .inputLine { margin-bottom: 5px; line-height: 16px; } .preferences .grayBlock .userSettings.table-simple span { line-height: 16px; font-weight: bold; width: 120px; } .preferences .grayBlock .analyticsSettings .sizeBox.error { clear: both; float: none; display: block; } .preferences .grayBlock .analyticsSettings .sizeBox.error.none { display: none; } .preferences .grayBlock .analyticsSettings .sizeBox.error:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .domain-instructions { padding-bottom: 40px; } .domain-instructions h4 { font-size: 16px; font-weight: bold; line-height: 30px; color: #111; } .domain-instructions p { font-size: 12px; line-height: 18px; color: #333; } .domain-instructions b { color: #111; } .domain-instructions hr { margin: 20px 0; } .domain-instructions ul { margin: 0 0 10px; } .domain-instructions ul li { margin-left: 20px; line-height: 24px; } .domain-instructions p + p { margin-top: 9px; } .domain-instructions table { margin: 10px 0 20px; background: #fcfcfc; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .domain-instructions table th { font-weight: bold; color: #111; } .domain-instructions table th, .domain-instructions table td { border: 1px solid #ddd; padding: 4px 10px; } .preferences .grayBlock .analyticsSettings.disabled .inputLine, .preferences .grayBlock .analyticsSettings.disabled .sizeBox .button-save { opacity: 0.51; } .preferences .grayBlock .analyticsSettings.disabled .for-disabled { display: block; margin-top: 10px; border-top: 1px solid #ccc; } .preferences .grayBlock .analyticsSettings .for-disabled { display: none; } .preferences .grayBlock .passwordChange p, .preferences .grayBlock .emailChange p { display: inline-block; margin-bottom: 10px; } .preferences .grayBlock .passwordChange p span, .preferences .grayBlock .emailChange p span { display: inline-block; width: 150px; line-height: 26px; } .preferences .grayBlock .passwordChange p input, .preferences .grayBlock .emailChange p input { font-size: 12px; color: #111; width: 270px; height: 22px; padding: 2px 5px; outline: 0; border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-background-clip: padding-box; -webkit-border-radius: 3px; } .preferences .grayBlock .passwordChange p input:focus, .preferences .grayBlock .emailChange p input:focus { border-color: #7cafe1; } .preferences .grayBlock .albumSettings p select { display: inline-block; font-size: 12px; width: 100px; height: 22px; line-height: 26px; padding: 2px 5px; margin-top: 3px; } .preferences .grayBlock p.blockDescription { color: #777; font-size: 12px; margin-top: -10px; } .profilePhotoWrapper { display: block; position: relative; } .preferences .grayBlock .editProfileDescription { margin: 20px 0; color: #fff; font-weight: bold; text-shadow: none; text-shadow: 0 1px 0 #000; } .preferences .grayBlock .themes-selector-set-types A.active { font-weight: bold; } .preferences.public-customize-view .grayBlock * { text-shadow: none; } .preferences .grayBlock .textareaEditLink, .preferences .grayBlock .textareaCloseLink { font-weight: 600; color: #333; text-shadow: 0 1px 0 #fff; display: inline-block; width: auto; font-size: 11px; height: 24px; line-height: 24px; padding: 0 20px; border: 1px solid #d0d0d0; border-radius: 2px; text-align: center; background: #fdfdfd; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGYzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fdfdfd 0%, #f4f3f3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #f4f3f3)); background: -webkit-linear-gradient(top, #fdfdfd 0%, #f4f3f3 100%); background: -o-linear-gradient(top, #fdfdfd 0%, #f4f3f3 100%); background: -ms-linear-gradient(top, #fdfdfd 0%, #f4f3f3 100%); background: linear-gradient(to bottom, #fdfdfd 0%, #f4f3f3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#f4f3f3', GradientType=0); } .preferences .grayBlock .textareaEditLink.none, .preferences .grayBlock .textareaCloseLink.none { display: none; } .preferences .grayBlock .textareaCloseLink.none[style="display: inline;"] { display: inline-block !important; } .preferences .grayBlock .album-selector-container { display: inline-block; } .preferences .grayBlock .album-selector-container.none { display: none; } .preferences .inputLine.serviceLine, .preferences .inputLine.addLinkLine { background: #f5f5f5; display: block; padding: 10px 20px; margin: 0 -20px 0; border-bottom: 1px solid #ddd; } .preferences .inputLine.serviceLine.none, .preferences .inputLine.addLinkLine.none { display: none; } .preferences .graphic-top-change { margin: 0 0 20px; padding: 15px 0; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; } .preferences .graphic-top-change .graphic-itself { width: 100%; height: 68px; overflow: hidden; position: relative; margin: 5px 0 0; border: 1px solid #aaa; } .preferences .graphic-top-change .graphic-itself span { position: absolute; line-height: 68px; color: #777; width: 100%; text-align: center; font-size: 18px; z-index: 5; } .preferences .graphic-top-change .graphic-itself.loader span { position: absolute; display: block; text-indent: -9999px; width: 16px; height: 16px; left: 50%; margin-left: -12px; top: 50%; margin-top: -16px; padding: 8px; background: #fff url('https://assets-edge.slickpic.com/img/album/preloader_16x16.gif') no-repeat center center; z-index: 55; opacity: 0.75; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #ddd; } .preferences .graphic-top-change .graphic-itself img { width: 100%; position: relative; z-index: 50; } .preferences .graphic-top-change label { display: block; margin-top: 5px; } .preferences.public-customize-view .background-image-list DIV.list-item { border: 2px solid #DDD; } .preferences.public-customize-view .background-image-list DIV.list-item:HOVER { border: 2px solid #777; } .preferences.public-customize-view .background-image-list DIV.list-item.active { border: 2px solid #08C; } .preferences .sizeBox { float: left; width: 440px; margin-top: 10px; } .preferences .sizeBox div:first-child { float: right; } .preferences .sizeBox.error { background-color: #ffebe8; border: 1px dotted #dd3c10; padding: 10px; margin: 0 0 10px; width: 414px; text-shadow: 0 1px 0 #fff; } .preferences .sizeBox.error span { display: block; line-height: 18px; margin-bottom: 6px; } .preferences .sizeBox.error span:last-child { margin: 0; } .preferences .delete-block { text-align: center; margin-top: 20px; margin-bottom: 40px; } .preferences .delete-block .delete-link { color: #BBB; text-shadow: 0 1px 0 #fff; font-size: 12px; text-transform: uppercase; text-align: center; } .preferences .delete-block .delete-link:hover { color: #C00; } .preferences .button-save { display: inline-block; font-size: 11px; font-weight: bold; padding: 0 15px; border-radius: 3px; height: 24px; letter-spacing: 0.08em; line-height: 24px; text-align: center; color: #111; text-shadow: 0 1px 1px #fff; border: 1px solid #ddd; border-color: #d7d7d7 #d0d0d0 #bcbcbc #d0d0d0; background: #fefefe; background: -moz-linear-gradient(top, #fefefe 0%, #f1f0f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f1f0f0)); background: -webkit-linear-gradient(top, #fefefe 0%, #f1f0f0 100%); background: -o-linear-gradient(top, #fefefe 0%, #f1f0f0 100%); background: -ms-linear-gradient(top, #fefefe 0%, #f1f0f0 100%); background: linear-gradient(top, #fefefe 0%, #f1f0f0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f1f0f0', GradientType=0); -moz-box-shadow: 0 1px 0 #efefef, 0 1px 0 #fff inset; -webkit-box-shadow: 0 1px 0 #efefef, 0 1px 0 #fff inset; box-shadow: 0 1px 0 #efefef, 0 1px 0 #fff inset; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .error.boxed { margin-bottom: 15px; } /* Personal page settings */ .preferences .grayBlock .colorSelector, .preferences .titledBlock .colorSelector { width: 127px !important; } .billing .colorSchemeExamples { margin: 10px 0 40px 0; } .colorSchemeExamples .viewExamples { text-decoration: none; border-bottom: 1px dashed; } .colorSchemeExamples .viewExamples:hover { border-color: transparent; } .colorSchemeExamples .examplesImg { position: relative; width: 650px; height: 150px; background: url('https://assets-edge.slickpic.com/img/album/colorscheme_examples.png') no-repeat top left; margin: 0px 0 20px -5px; } .colorSchemeExamples .examplesImg a { float: left; width: 162px; height: 150px; } .previewBigBox { position: absolute; width: 230px; height: 190px; right: 8px; top: 30px; border: 2px solid #fff; -moz-box-shadow: 0 3px 3px #ccc; background-color: #333; } .previewBigBoxCnt { position: relative; width: 100%; height: 100%; } .previewBigBox .previewBigBoxCnt * { text-shadow: none; } .previewBigBox .previewBigBoxCnt .previewTitleText { position: absolute; top: 5px; left: 20px; color: #fff; font-size: 13px; font-weight: bold; text-shadow: none; } .previewBigBox .previewBigBoxCnt .previewDescriptionText { position: absolute; top: 21px; left: 20px; color: #fff; font-size: 12px; font-weight: normal; text-shadow: none; } .previewBigBox .previewBigBoxCnt .previewLinks { position: absolute; top: 30px; right: 21px; font-size: 11px; text-shadow: none; color: yellow; } .previewBigBox .previewBigBoxCnt .previewLinks span { text-shadow: none; padding-left: 5px; } .previewBigBox .previewBigBoxCnt .previewPhotoBox { position: absolute; top: 45px; left: 20px; width: 188px; height: 90px; text-align: center; } .previewBigBox .previewBigBoxCnt .previewPhotoBox.shadow { -moz-box-shadow: 0 1px 5px #000; -webkit-box-shadow: 0 1px 5px #000; } .previewBigBox .previewBigBoxCnt .previewPhotoBox .photo img { padding-top: 2px; max-height: 85px; max-width: 190px; } .previewBigBox .previewBigBoxCnt .previewArrows { position: absolute; width: 210px; left: 10px; top: 75px; color: #aaa; font-weight: bold; } .previewBigBox .previewBigBoxCnt .previewArrows2 { position: absolute; width: 210px; left: 10px; top: 138px; color: #aaa; font-weight: bold; } .previewBigBox .previewBigBoxCnt .previewFilmstrip { position: absolute; top: 140px; left: 20px; height: 15px; width: 190px; } .previewBigBox .previewBigBoxCnt .previewFilmstrip .previewFilmstripCnt { text-align: center; } .previewBigBox .previewBigBoxCnt .previewFilmstrip .previewFilmstripCnt img { max-height: 16px; max-width: 16px; padding-right: 3px; } .previewBigBox .previewBigBoxCnt .previewFilmstrip .previewFilmstripCnt img:last-child { pdding-right: 0; } .previewBigBox .previewBigBoxCnt .previewCopyright { position: absolute; top: 162px; left: 20px; width: 188px; border-top: 1px solid red; font-size: 10px; color: #0088CC; } .previewBigBox .previewBigBoxCnt .previewCopyright .previewCopyrightCnt { position: relative; } /* FAQ */ .faq-category { vertical-align: top; min-height: 60px; overflow: hidden; position: relative; background-color: #fff; margin: 1% 1% 15px; border-radius: 3px; float: left; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.23); padding: 20px; box-sizing: border-box; } .faqQuestionContainer { padding: 10px 0; border-bottom: 1px solid #eee; width: 100%; clear: both; float: left; } .faqQuestionContainer:last-child { border-bottom: 0; } .faqQuestionContainer .faqQuestion { cursor: pointer; } .faqQuestionContainer .faqQuestion span { line-height: 14px; font-weight: normal; display: none; } .faqQuestionContainer .faqQuestion h2 { font-weight: bold; color: #0088CC; } .faqQuestionContainer .faqQuestion u { text-decoration: none; } .faqQuestionContainer .faqQuestion u font { font-size: 12px; color: #555; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .faqQuestionContainer .faqQuestion u font:hover { color: #65b904; } .faq-search-result-container .faqQuestionContainer .faqQuestion u font { font-weight: bold; font-size: 16px; color: #333; } .sitemap .faq-category { margin-bottom: 0px; } .sitemap .rq-login, .sitemap .rq-pro { font-size: 11px; font-weight: normal; color: #aaa; padding-left: 4px; } .sitemap .faqQuestionContainer { padding: 4px 0; border: 0; } .sitemap .faqQuestionContainer h4 a { font-size: 12px; font-weight: normal; text-decoration: none; } .sitemap .faqQuestionContainer h4 a:hover { text-decoration: underline; } .sitemap .faqQuestionContainer h4 font { display: block; padding-left: 0; color: #aaa; font-weight: normal; padding-top: 2px; } .sitemap .faqQuestionContainer h4 font:before { content: '— '; color: #aaa; } /*.sitemap .faqQuestionContainer h4:before { font-weight: bold; color: #777; content: '·'; padding-right: 8px }*/ .sitemap .faq-category h3 { padding-bottom: 8px; margin-bottom: 4px; } .sitemap .faq-category h3 .rq-login { line-height: 20px; } .faqQuestionContainer[__spvideo] .faqQuestion h2 u, .faqQuestionContainer.video .faqQuestion h2 u { padding-right: 15px; background: url('https://assets-edge.slickpic.com/img/common/icon-video-bw.png') no-repeat center right; } .faqQuestionContainer .faqQuestion.current h2 font { font-weight: bold; color: #000; font-size: 14px; } .faqQuestionContainer p, .faqQuestionContainer .faqAnswer div:first-child { line-height: 20px; color: #444; padding-left: 3px; text-align: justify; margin-top: 4px; } h2 span.title-main { position: absolute; width: 370px; text-align: left; overflow: ellipsis; border: 0; outline: 0; font-family: "SlickPro", "SlickSanFrancisco", "SF Pro Text", "Myriad Set Pro", "San Francisco", "SlickFont", "Helvetica Neue", "Segoe UI", "Roboto", "Helvetica", "Hiragino Kaku Gothic Pro", "Meiryo", Arial, sans-serif; font-size: inherit; color: #333; margin: 8px 0 0 -6px; padding: 1px 1px 1px 5px; -moz-border-radius: 3px; -webkit-background-clip: padding-box; -webkit-border-radius: 3px; height: 28px; line-height: 28px; font-size: 24px; font-weight: bold; -webkit-font-smoothing: antialiased; } .pluginDescription .faqQuestionContainer p, .pluginDescription .faqQuestionContainer .faqAnswer div:first-child { padding-left: 0; } .faqQuestionContainer .faqAnswer { display: none; padding-top: 5px; } .faqQuestionContainer .faqAnswer font { display: block; line-height: 18px; margin: 5px 0 7px; } .faqQuestionContainer .faqAnswer font b { display: block; line-height: 18px; } .faqQuestionContainer .imgScreenshot { margin: 10px 0 30px; -moz-box-shadow: 0 2px 15px #ccc; -webkit-box-shadow: 0 2px 15px #ccc; } .faqQuestionContainer .faqAnswer span.back { display: block; margin: 10px 0 5px; clear: both; float: left; } .faqQuestionContainer .faqAnswer span.back b:before { font-weight: normal; font-size: 14px; content: '← '; } .faqQuestionContainer .faqAnswer span.back a:hover { text-decoration: none; } .faq-description-main { margin-bottom: 10px; border: 1px solid #ddd; padding: 14px 20px 4px; background: #f8f8f8; margin-top: -22px; } .faq-category { margin: 20px 0 10px; clear: both; float: left; width: 100%; } .faq-category h3 { font-size: 14px; color: #333; border-bottom: 1px solid #eee; padding-bottom: 10px; margin: -20px; padding: 10px 20px; margin-bottom: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #fbfbfb; } .faq-category h3 a { text-decoration: none; color: #333; } .faq-column { float: left; display: inline; width: 48%; } .faq-column.right { float: right; display: inline; width: 48%; margin-right: 0px; } .help-support-phone { background-color: #fff; padding-top: 20px; font-size: 12px; text-align: center; line-height: 18px; } .text-titling { padding-top: 20px; } .text-titling p { margin-bottom: 10px; text-align: justify; line-height: 20px; } .text-titling h3 { margin: 25px 0 0; font-size: 14px; } .text-titling ul { padding: 0; line-height: 20px; margin-bottom: 10px; margin-left: 20px; } .text-titling p + ul { margin-top: -5px; } .text-titling h3 + ul { margin-top: 5px; } .text-titling.news > div + div { margin-top: 24px; padding-top: 0px; } .text-titling.news > div > h3 { font-size: 14px; color: #333; border-bottom: 1px solid #eee; padding-bottom: 10px; margin: 0 -20px 0; padding: 10px 20px; margin-bottom: 10px !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #fbfbfb; } .text-titling.news > div { vertical-align: top; overflow: hidden; position: relative; background-color: #fff; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.23); padding: 0 20px 10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: 10px; } /* Contacts */ .contactsPage { margin-top: 0px; width: 100%; } .contactsPage .columnLeft { float: left; width: 400px; margin-right: 40px; overflow: hidden; } .contactsPage .columnRight { margin-top: 20px; } .contactsPage .columnRight { margin-left: 440px; } .contactsPage h3 { font-size: 14px; font-weight: bold; } .contactsPage address { margin-top: 20px; font-style: normal; line-height: 18px; } .contactsPage address b { display: block; font-weight: normal; line-height: 18px; } .contactsPage p { margin-top: 20px; line-height: 18px; text-align: justify; } .contactsPage .linedBox { margin-top: 20px; } .contactsPage .linedBox p input[type=text], .contactsPage .linedBox textarea { font-size: 12px; color: #111; width: 386px !important; height: 26px; line-height: 26px; padding: 0 5px; outline: 0; border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-background-clip: padding-box; -webkit-border-radius: 3px; } .contactsPage .linedBox p input[type=text]:focus { border-color: #7cafe1; } .contactsPage .linedBox label { display: block; margin-bottom: 5px; width: 100px; font-weight: bold; } .contactsPage p.buttonContainer { margin-left: -5px; padding-bottom: 50px; } .contactsPage p .inputDescription { clear: both; display: block; color: #999; font-size: 11px; margin-top: 5px; line-height: 16px; } .contactsPage p .captchaDescription { display: block; margin-top: 0px; margin-left: 140px; font-size: 11px; line-height: 16px; } .onPhotoDelete, .user-image .remove { display: none; position: absolute; top: 0; right: 0; width: 20px; height: 20px; z-index: 500; background: url("https://assets-edge.slickpic.com/img/album/ico_xsign-red.png") no-repeat scroll 6px 5px #111; opacity: 0.8; cursor: pointer; cursor: hand; } .onPhotoDelete:hover, .user-image .remove:hover { opacity: 1; } .profilePhotoWrapper:hover .onPhotoDelete, .preferences .thumbContainerImage:hover .onPhotoDelete, .user-image:hover .remove { display: block; } .preferences #albumContainer div.thumbImage img { cursor: default; } .descriptionNotetext { position: absolute; top: 50%; height: 24px; margin-top: -12px; left: 50%; width: 600px; margin-left: -300px; text-align: center; color: #fff; font-size: 13px; font-weight: bold; white-space: nowrap; text-shadow: 0 -1px 0 #000 !important; } input[type=text].defaultInputStyle { font-size: 12px; color: #111; width: 100% !important; height: 24px; line-height: 24px; padding: 0 10px; outline: 0; border: 1px solid #ccc; border-radius: 1px; -moz-border-radius: 1px; -webkit-background-clip: padding-box; -webkit-border-radius: 1px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-radius: 3px 3px 0 0 !important; box-sizing: border-box; } input[type=text].defaultInputStyle:focus { border-color: #7cafe1; } section.left .informational.faqLeftMenu textarea.faqTextareaLeft { background-color: #f9f9f9; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-background-clip: padding-box; -webkit-border-radius: 3px; border-radius: 3px; height: 150px; padding: 3px; font-size: 12px; overflow-x: hidden; margin: 10px 0; width: 180px; line-height: 18px; } section.left .informational.faqLeftMenu textarea.faqTextareaLeft:focus { padding: 3px; border-color: #7cafe1; background-color: #fafafa; } .content .faqSearchBox { width: 100%; } .content .faqSearchBox p label { line-height: 28px; width: 125px; } .faq-search-result-container { margin-bottom: 40px; } .logotype16pxOf { position: relative; display: inline-block; width: 20px; height: 16px; top: 0px; } .logotype16pxOf u { position: absolute; display: inline-block; width: 16px; height: 16px; margin-top: 4px; background-image: url('https://assets-edge.slickpic.com/img/common/logos-socials.png'); } .logotype16pxOf u.Facebook { background-position: 0 0; } .logotype16pxOf u.Twitter { background-position: -36px 0; } .logotype16pxOf u.Google { background-position: -72px 0; } .iPadContestBox { display: block; margin-top: 15px; width: 220px; height: 110px; background: url('https://assets-edge.slickpic.com/img/index/ipad-contest-badge-results.png') no-repeat top center; } .iPadContestBox:hover { opacity: 0.9; } .iPadContestBox:active { opacity: 1; } section.left .adorama220x214 { position: relative; background: url('https://assets-edge.slickpic.com/img/land/adorama220x214.jpg') no-repeat top left; display: block; width: 220px; height: 185px; padding: 0; text-align: left; margin-top: 10px; } section.left .adorama220x214 .searchBox { width: 183px; height: 18px; margin: 0; padding: 0 3px; border: #ccc solid 1px; font: 11px Arial, Helvetica, sans-serif; background-color: #fff; color: #666; -webkit-background-clip: padding-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; } section.left .adorama220x214 .partnersLink { display: block; position: absolute; top: 140px; height: 50px; line-height: 60px; text-shadow: 0 1px 1px #eee; } section.left .adorama220x214 .partnersLink:hover { color: #f60 !important; text-decoration: none; } .supportUsText { width: 220px; margin-top: 15px; padding-top: 15px; border-top: 1px solid transparent; font-size: 11px; text-align: justify; color: #666; } .textPagev2 { margin: 20px 0 50px 0; width: 100%; } .textPagev2 p { width: 51%; line-height: 18px; } .textPagev2 p.pButtons { width: 52%; } ul.tickedList { margin: 10px 0 0 0; width: 50%; list-style: none; } ul.tickedList li { margin-left: 10px; padding-left: 15px; background: url('https://assets-edge.slickpic.com/img/album/ico_tick.png') no-repeat center left; margin-bottom: 5px; } /* Partners HTML */ .partnersCnt { float: left; display: inline; margin-top: 20px; clear: both; padding-bottom: 50px; } .partnersCnt a.partnersBox { display: block; color: #333; float: left; clear: both; padding-bottom: 20px; padding-top: 20px; border-bottom: 1px solid #f2f2f2; text-decoration: none; width: 100%; } .partnersCnt .partnersBox:hover .productInfo h3 { text-decoration: underline; } .partnersCnt .partnersBox:active .productInfo h3 { color: #67a8e7; text-decoration: none; } .partnersCnt .partnersBox:first-child { padding-top: 0; } .partnersCnt .partnersBox:last-child { border-bottom: 0; } .partnersCnt .partnersBox .productImage { float: left; display: inline; width: 180px; } .partnersCnt .partnersBox .productImage img { max-width: 150px !important; } .partnersCnt .partnersBox .productInfo { margin-left: 180px; } .partnersCnt .partnersBox .productInfo h3 { color: #0088CC; font-size: 14px; margin-bottom: 3px; text-shadow: 0 1px 1px #eee; line-height: 20px; } .partnersCnt .partnersBox .productInfo p { line-height: 18px; text-align: justify; } .partnersCnt .partnersBox .productInfo font { display: block; margin-top: 5px; font-weight: bold; font-size: 12px; } .partnersCnt .partnersBox .productInfo font span { color: #0da12a; font-weight: bold; } .partnersCnt .partnersBox .productInfo font .notBold { font-weight: normal; } .partnersCnt .partnersBox .productInfo p + p { margin-top: 5px; } .bhPhotosUnderMenu { width: 220px !important; height: 195px !important; margin-top: 30px; } /* Explore - Browse - Whatever */ .fixedWidth960 a:hover { text-decoration: none; } .fixedWidth960 a:activeX { color: #fff; background-color: #0088CC; -moz-border-radius: 3px; text-shadow: 1px 1px 1px #1e68b1; } .fixedWidth960 { position: relative; width: 930px; min-height: 400px; text-align: center; margin: 0 auto; background-color: transparent; } .body-framed .fixedWidth960 { width: 1060px; } html .center1024.page-myhome.body-framed .footer { width: 1120px !important; } .body-framed #main-block { box-shadow: 0 0 10px #999; border-radius: 0 0 5px 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .body-framed #main-block:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .fixedWidth960 * { font-family: "SlickPro", "SlickSanFrancisco", "SF Pro Text", "Myriad Set Pro", "San Francisco", "SlickFont", "Helvetica Neue", "Segoe UI", "Roboto", "Helvetica", "Hiragino Kaku Gothic Pro", "Meiryo", Arial, sans-serif !important; } .fixedWidth960 .fixedSubCnt { position: relative; width: 100%; } .fixedWidth960 .fixedSubCnt:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .fixedWidth960 .fixedSubCnt .columnList2 { clear: both; float: left; position: relative; width: 930px; margin: 30px 0 50px; } .fixedWidth960 .fixedSubCnt .columnList2 .listColumn1 { float: left; position: relative; width: 695px; max-width: 695px; } .fixedWidth960 .fixedSubCnt .columnList2 .listColumn1 .columnContent { float: left; clear: both; width: 714px; border-right: 1px dotted #DDD; } .fixedWidth960 .fixedSubCnt .columnList2 .listColumn1 .columnContent .connect-via.coupon { margin-left: 20px; background: none; border: 0; margin: 0 0 0 20px; padding: 0; margin-bottom: 20px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .fixedWidth960 .fixedSubCnt .columnList2 .listColumn1 .columnContent .connect-via b { text-align: left; } .fixedWidth960 .fixedSubCnt .columnList2 .listColumn1 .columnContent .coupon-box { margin: 0; padding: 0; } .fixedWidth960 .fixedSubCnt .columnList2 .listColumn1 .columnContent .coupon-box input { float: left; width: 200px; height: 22px; padding: 2px 1px 2px 5px; background-color: #fff; border: 1px solid #aaa; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; font-family: "SlickPro", "SlickSanFrancisco", "SF Pro Text", "Myriad Set Pro", "San Francisco", "SlickFont", "Helvetica Neue", "Segoe UI", "Roboto", "Helvetica", "Hiragino Kaku Gothic Pro", "Meiryo", Arial, sans-serif !important; font-size: 12px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -moz-box-shadow: 0 0 1px #fff; -webkit-box-shadow: 0 0 1px #fff; } .fixedWidth960 .fixedSubCnt .columnList2 .listColumn1 .columnContent .coupon-box input:focus { border-color: #67a8e7; -moz-box-shadow: 0 0 7px #67a8e7; -webkit-box-shadow: 0 0 7px #67a8e7; text-decoration: none !important; } .fixedWidth960 .fixedSubCnt .columnList2 .listColumn1 .columnContent .coupon-box a { float: left; margin-left: 10px; margin-top: 1px; } .fixedWidth960 .fixedSubCnt .columnList2 .listColumn1 .columnContent .coupon-box > p { float: left; clear: both; margin-top: 2px; } .fixedWidth960 .fixedSubCnt .columnList2 .listColumn1 .columnContent .coupon-box > .success { color: #0A0; font-weight: bold; } .fixedWidth960 .fixedSubCnt .columnList3 { clear: both; float: left; position: relative; width: 930px; margin: 10px 0 90px; } .body-framed .fixedWidth960 .fixedSubCnt .columnList3 { width: 1060px; } .fixedWidth960 .fixedSubCnt .columnList3 > * > * a { text-decoration: none; } .fixedWidth960 .fixedSubCnt .columnList3 > * > * a:hover { text-decoration: underline; } .fixedWidth960 .fixedSubCnt .columnList3 .listColumn1 { float: left; position: relative; width: 220px; max-width: 220px; padding-right: 30px; } .fixedWidth960 .fixedSubCnt .columnList3 .listColumn2 { float: left; min-height: 500px; position: relative; width: 410px; max-width: 410px; padding: 0 28px; border-left: 1px solid #eee; border-right: 1px solid #eee; margin-top: -57px; padding-top: 46px; } .body-framed .fixedWidth960 .fixedSubCnt .columnList3 .listColumn2 { width: 500px; max-width: 500px; } .fixedWidth960 .fixedSubCnt .columnList3 .listColumn3 { float: left; position: relative; width: 220px; max-width: 220px; padding: 0 0 0 30px; } .fixedWidth960 .fixedSubCnt .columnList3 .listColumn2 .uniContentBlock { width: 460px; padding: 0 20px; } .title.start { position: relative; background-color: #65b904; margin: -2px 0 20px -20px; border: 1px solid #4f9604; border-bottom: 1px solid #4f9604; padding: 10px 0; width: 498px; text-align: center; font-weight: bold; color: #fff; font-size: 14px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.23); } .title.start > a { color: #fff; font-size: 11px; text-decoration: none; position: absolute; top: 12px; right: 10px; line-height: 14px; } .title.start > a:hover { text-decoration: none !important; border-bottom: 1px dotted; } .uniContentBlock.steps-graphic { margin: -42px 0 0 0; padding: 18px 0 0px 0; background-color: #eff8e5; border-top: 1px solid #ddd; background: #f7fbf2; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmN2ZiZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWZmOGU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-radial-gradient(center, ellipse cover, #f7fbf2 0%, #eff8e5 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f7fbf2), color-stop(100%, #eff8e5)); background: -webkit-radial-gradient(center, ellipse cover, #f7fbf2 0%, #eff8e5 100%); background: -o-radial-gradient(center, ellipse cover, #f7fbf2 0%, #eff8e5 100%); background: -ms-radial-gradient(center, ellipse cover, #f7fbf2 0%, #eff8e5 100%); background: radial-gradient(ellipse at center, #f7fbf2 0%, #eff8e5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7fbf2', endColorstr='#eff8e5', GradientType=1); } .uniContentBlock.steps-graphic .hide-this { padding-bottom: 18px; } .fixedWidth960 .photoListing.leftColumn { width: 720px; clear: both; float: left; position: relative; padding-bottom: 40px; } .fixedWidth960 .photoListing .photoListingHeader { display: block; text-align: left; padding-bottom: 20px; } .fixedWidth960 .photoListing .photoListingHeader h2 { display: inline; font-size: 18px; line-height: 20px; padding-right: 10px; text-shadow: 1px 1px 1px #eee; font-weight: normal; } .fixedWidth960 .photoListing .photoListingHeader .subInfo { line-height: 24px; padding: 0 10px 0 11px; border-left: 1px dotted #ddd; color: #aaa; font-size: 12px; font-weight: normal; } .fixedWidth960 .photoListing .photoListingPhotos { text-align: left; } /*.fixedWidth960 .photoListing.leftColumn .photoListingPhotos .onePhoto .photoSignature { text-align: left; font-size: 11px !important; line-height: 16px !important }*/ .fixedWidth960 .photoListing .photoListingPhotos .onePhoto { position: relative; display: inline-block; width: 216px; margin-right: 10px; height: 216px; overflow: hidden; } .fixedWidth960 .favorites .photoListing .photoListingPhotos .onePhoto { margin-right: 18px; } .fixedWidth960 .photoListing.leftColumn .photoListingPhotos .onePhoto { margin-right: 16px; } .boxHeader .bigSplashImage .splashCnt .splashIMG .photoSignature, .featuredImage .img .photoSignature, .fixedWidth960 .photoListing.leftColumn .photoListingPhotos .onePhoto .photoSignature { bottom: -60px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .boxHeader .bigSplashImage .splashCnt .splashIMG:hover .photoSignature, .featuredImage .img:hover .photoSignature, .fixedWidth960 .photoListing.leftColumn .photoListingPhotos .onePhoto:hover .photoSignature { bottom: 0; } .fixedWidth960 .photoListing .search-reminder + .photoListingPhotos .onePhoto .onePhotoCnt .photoSignature { bottom: 0; } .fixedWidth960 .photoListing .search-reminder + .photoListingPhotos .onePhoto:hover .onePhotoCnt .photoSignature { bottom: -60px; } /*.fixedWidth960 .photoListing.leftColumn .photoListingPhotos .onePhoto { height: 180px }*/ .fixedWidth960 .photoListing .photoListingPhotos .onePhoto .onePhotoCnt { position: relative; width: 216px; height: 216px; overflow: hidden; } .fixedWidth960 .photoListing .photoListingPhotos .onePhoto .onePhotoCnt img { position: absolute; bottom: 0; left: 0; width: 216px; height: 216px; vertical-align: bottom; -moz-box-shadow: 1px 1px 3px #eee; -webkit-box-shadow: 1px 1px 3px #eee; border: 0; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .fixedWidth960 .photoListing .photoListingPhotos .onePhoto .onePhotoCnt img:hover { box-shadow: 0 2px 7px #ccc; } .fixedWidth960 .photoListing .photoListingSubInfo { background-color: #f8f8f8; margin-bottom: 30px; margin-top: -10px; line-height: 19px; padding: 4px 10px 5px; text-align: left; -moz-border-radius: 5px; -webkit-background-clip: padding-box; -webkit-border-radius: 5px; font-size: 11px; } .fixedWidth960 .photoListing .photoListingSubInfo a { text-decoration: none; } .fixedWidth960 .fixedSubCnt .columnList2 .listColumn2 { position: relative; float: right; text-align: left; width: 200px; max-width: 200px; } .fixedWidth960 .simpleBlock { text-align: left; width: 100%; margin-bottom: 30px; } .fixedWidth960 .greetingsCnt .greetingMain .briefStats > b, .fixedWidth960 .simpleBlock h2 { font-weight: normal; font-size: 11px; font-weight: bold; line-height: 20px; padding-bottom: 3px; border-bottom: 1px solid #ddd; background-color: #fafafa; text-align: center; border-top: 1px solid #ddd; margin-bottom: 4px; text-shadow: 1px 1px 1px #f5f5f5; text-shadow: 0 -1px 1px #fff; } .fixedWidth960 .simpleBlock h2.orange { border-color: #8ab1c5; color: #08c; background-color: rgba(0, 136, 204, 0.05); } .fixedWidth960 .simpleBlock.news-block { margin-top: -10px; } .fixedWidth960 .simpleBlock.news-block.hide { display: none !important; } .fixedWidth960 .simpleBlock.news-block h2 span { color: #333; } .fixedWidth960 .simpleBlock h2.orange span, .fixedWidth960 .simpleBlock.news-block h2.orange span { color: #08c; } .fixedWidth960 .simpleBlock h2.orange span:after { content: ' (1)'; } .fixedWidth960 .greetingsCnt .greetingMain .briefStats > b { display: block; color: #333; } .fixedWidth960 .greetingsCnt .greetingMain .briefStats > b + br { display: none; } .fixedWidth960 .simpleBlock h2.demo { background-color: #f8f8f8; margin-left: -10px; padding-left: 10px; -moz-border-radius: 5px; padding-bottom: 1px !important; -moz-box-shadow: 0 1px 0 #eee; -webkit-box-shadow: 0 1px 0 #eee; } .fixedWidth960 .simpleBlock p { line-height: 18px; font-size: 11px; padding-top: 2px; color: #777; } .fixedWidth960 .simpleBlock .textareaLined { background: url('https://assets-edge.slickpic.com/img/common/textarea_bg.png') no-repeat top left; color: #777; height: 98px; width: 180px; border: 1px solid #ddd; padding: 6px 10px 8px 10px; font-size: 12px; line-height: 20px; -moz-border-radius: 3px; -webkit-background-clip: padding-box; -webkit-border-radius: 3px; overflow-x: hidden; } .fixedWidth960 .simpleBlock .textareaLined:focus { color: #333; border-color: #8cc5f2; } .fixedWidth960 .simpleBlock iframe { width: 225px !important; } .fixedWidth960 .simpleBlock.news-block, .fixedWidth960 .simpleBlock.promo-block { margin-top: 20px; padding-top: 20px; border-top: 1px solid #ddd; } .fixedWidth960 .simpleBlock.news-block, .fixedWidth960 .simpleBlock.privacy-preset { margin-top: -30px; margin-left: -40px; width: 280px; padding-left: 20px; border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 30px; } .fixedWidth960 .simpleBlock.news-block { margin-bottom: 30px; padding-right: 0; width: 251px; margin-top: -31px; margin-top: -51px; position: relative; z-index: 100; } .fixedWidth960 .simpleBlock.privacy-preset + .simpleBlock.news-block { margin-bottom: 30px; padding-right: 0; width: 251px; margin-top: -31px; padding-top: 0; } .fixedWidth960 .simpleBlock.privacy-preset p { margin: 0 0 8px !important; font-size: 11px; color: #555; line-height: 16px; } .fixedWidth960 .simpleBlock.privacy-preset h2 { border-color: #8ab1c5; color: #08c; background-color: rgba(0, 136, 204, 0.05); width: 251px; } .fixedWidth960 .simpleBlock.privacy-preset h2 span { color: #08c; text-transform: uppercase; } .fixedWidth960 .simpleBlock.privacy-preset .privacy-preset-block p { margin-bottom: 6px; } .privacy-preset-block-options label { display: block; text-align: left; padding-left: 5px !important; margin-bottom: 8px !important; } .privacy-preset-block-options label:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .privacy-preset-block-options span { float: left; width: 20px; text-align: left; margin-top: -1px; } .privacy-preset-block-options label > b { display: block; margin-left: 24px; padding-right: 2px; font-weight: normal; } .privacy-preset-block-options .button-secondary { height: auto; line-height: 18px; padding-top: 3px !important; padding-bottom: 3px !important; } .privacy-preset-block-options .button-secondary { position: relative; } .privacy-preset-block-options .button-subaction { display: inline-block !important; width: auto !important; } .privacy-preset-block-options .button-secondary .tooltip { display: none; position: absolute; top: -6px; right: 100%; width: 210px; margin-right: 1px; text-align: center; background-color: #f4eed5; border: 1px solid #bbb; border-radius: 2px; padding: 2px 4px; font-size: 11px; line-height: 16px; color: #333; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18); padding: 6px 10px; text-align: left; text-shadow: none; background: #f7f4dd; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGUyOWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f7f4dd 0%, #ede29a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f4dd), color-stop(100%, #ede29a)); background: -webkit-linear-gradient(top, #f7f4dd 0%, #ede29a 100%); background: -o-linear-gradient(top, #f7f4dd 0%, #ede29a 100%); background: -ms-linear-gradient(top, #f7f4dd 0%, #ede29a 100%); background: linear-gradient(to bottom, #f7f4dd 0%, #ede29a 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f4dd', endColorstr='#ede29a', GradientType=0); } .privacy-preset-block-options .button-secondary:hover .tooltip { display: block; } .preferences .simpleBlock.privacy-preset .privacy-preset-block-options .button-secondary .tooltip { left: -20px; top: 100%; margin-top: 2px; } .fixedWidth960 .fixedSubCnt ul.menuList { list-style: none; margin: 0; padding: 0; } .fixedWidth960 .fixedSubCnt ul.menuList li { display: block; margin: 0; margin-left: -5px; padding: 2px 0 2px 5px; line-height: 20px; } .fixedWidth960 .fixedSubCnt ul.menuList li.active a { font-weight: bold; color: #333 !important; } .fixedWidth960 .fixedSubCnt ul.menuList li a { text-decoration: none; } .fixedWidth960 .fixedSubCnt ul.menuList li:hover, .fixedWidth960 .fixedSubCnt ul.menuList li:hover a { background-color: #ebf2fc; -moz-border-radius: 3px; -webkit-background-clip: padding-box; -webkit-border-radius: 3px; color: #0088CC; cursor: hand; cursor: pointer; } .fixedWidth960 .fixedSubCnt ul.menuList li:active, .fixedWidth960 .fixedSubCnt ul.menuList li:active a { background-color: #0088CC; color: #fff; cursor: hand; cursor: pointer; } .fixedWidth960 .fixedSubCnt ul.menuList li:before { content: '•'; padding-right: 5px; } .fixedWidth960 .fixedSubCnt ul.list-links { list-style: none; margin: 0; padding: 0; font-size: 11px; } .fixedWidth960 .fixedSubCnt ul.list-links li { margin: 0; padding: 0; display: block; height: 30px; line-height: 30px; border-top: 1px dotted #ddd; } .fixedWidth960 .fixedSubCnt ul.list-links li a { text-decoration: none; display: block; padding-left: 24px; font-size: 11px; white-space: nowrap; } .fixedWidth960 .fixedSubCnt ul.list-links li:hover a { text-decoration: underline; } .fixedWidth960 .fixedSubCnt ul.list-links li:last-child { border-bottom: 1px dotted #ddd; } .fixedWidth960 .fixedSubCnt ul.list-links li { background: transparent url('https://assets-edge.slickpic.com/img/land/dashboard/icos-menu.png') no-repeat -9999px -9999px; } .fixedWidth960 .fixedSubCnt ul.list-links li.ico-help { background-position: 2px 8px; } .fixedWidth960 .fixedSubCnt .simpleBlock p > span.ico-video { background: transparent url('https://assets-edge.slickpic.com/img/common/icon-video-bw.png') no-repeat left center; padding-left: 15px; } .fixedWidth960 .fixedSubCnt ul.list-links li.ico-video { background-position: 4px 9px; background-image: url('https://assets-edge.slickpic.com/img/common/icon-video-bw.png'); } .fixedWidth960 .fixedSubCnt ul.list-links li.ico-lightroom { background-position: 1px -80px; } .fixedWidth960 .fixedSubCnt ul.list-links li.ico-app { background-position: 1px -126px; } .fixedWidth960 .fixedSubCnt ul.list-links li.ico-convert { background-position: 1px -171px; } .fixedWidth960 .fixedSubCnt ul.list-links li.ico-news { background-position: 1px -216px; } .fixedWidth960 .fixedSubCnt ul.list-links li.ico-android { background-position: 1px -252px; } .fixedWidth960 .fixedSubCnt ul.list-links li.ico-aperture { background-position: 0 -287px; } .fixedWidth960 .fixedSubCnt ul.list-links li.ico-windows-live { background-position: 0 -323px; } .fixedWidth960 .fixedSubCnt ul.list-links li.ico-iphoto { background-position: 0 -361px; } .boxHeader { width: 100%; position: relative; z-index: 10; } .boxHeader .headers { width: 685px; } .boxHeader .headers:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .boxHeader .headers h2 { float: left; font-size: 18px; text-align: left; line-height: 20px; padding-right: 10px; text-shadow: 1px 1px 1px #eee; margin-bottom: 20px; } .boxHeader .headers h3 { float: right; font-size: 16px; text-shadow: 1px 1px 1px #eee; font-weight: normal; line-height: 22px; } .boxHeader .columnHeaderRight { float: right; width: 216px; } .boxHeader .columnHeaderRight .smallToDo { clear: both; width: 200px; text-align: center; font-size: 11px; color: #aaa; margin-bottom: 10px; overflow: auto; } .boxHeader .columnHeaderRight .socials { position: absolute; bottom: -70px; margin-top: 0px; border-top: 1px dotted #ddd; padding-top: 20px; left: 0; } .boxHeader .bigSplashImage { max-width: 695px; max-height: 695px; padding-bottom: 0px; text-align: left; } .boxHeader .bigSplashImage .splashCnt { position: relative; height: 462px; } .boxHeader .bigSplashImage .splashCnt .splashIMG { max-height: 466px; max-width: 750px; position: relative; overflow: hidden; } .boxHeader .bigSplashImage .splashCnt .splashIMG img { border: 0; min-width: 690px; max-width: 690px; height: 458px !important; } .boxHeader .bigSplashImage .splashCnt .splashIMG > a { position: relative; display: block; border: 2px solid #eee; } .boxHeader .bigSplashImage .splashCnt .splashIMG .photoSignature { width: 99%; padding-left: 2%; padding-right: 0; } .boxHeader .bigSplashImage .splashCnt .photoSignature { position: relative; background-image: none; height: 20px; font-size: 12px; padding: 5px 0; overflow: visible; bottom: auto; width: 500px; } .boxHeader .bigSplashImage .splashCnt .photoSignature .namesContainer { padding-bottom: 8px; } .boxHeader .bigSplashImage .splashCnt .photoSignature .namesContainer:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .boxHeader .bigSplashImage .splashCnt .photoSignature .namesContainer a { color: #08C; display: block; padding-right: 5px; font-size: 12px; line-height: 18px; } .boxHeader .bigSplashImage .splashCnt .photoSignature .namesContainer a.author { float: left; } .featuredImage .photoSignature i.date { display: none; } .boxHeader .bigSplashImage .splashCnt .photoSignature .namesContainer i.date { float: left; padding-left: 5px; font-size: 12px; line-height: 18px; color: #777; font-style: normal; } .boxHeader .bigSplashImage .splashCnt .image-btns { float: left; clear: both; } .boxHeader .bigSplashImage .splashCnt .splashIMG .photoSignature span.next-photo-link { display: none; } .boxHeader .bigSplashImage .splashCnt .image-btns { margin-top: 10px; } .htip.htip-texted { text-indent: 0; color: #08C; font-size: 12px; border-bottom: 1px dotted #08C; background: none; display: inline-block !important; line-height: 4px; width: auto; height: auto; } .htip.htip-texted-simple { text-indent: 0; color: #08C; font-size: 11px; background: none; display: inline-block !important; line-height: auto; width: auto; height: auto; margin: 0 !important; } #simplemodal-container .slideshow-sizes { padding-bottom: 6px; margin-bottom: 6px; border-bottom: 1px solid #ddd; box-shadow: 0 1px 0 #fff; } .image-btns .sp-flag, .photoFlag { float: left; /* margin-top: 4px; margin-right: 10px;*/ width: 24px; height: 20px; background: url('https://assets-edge.slickpic.com/img/skin/default/btnico_flag.png') no-repeat top left; } .photoFlag:hover, .photoFlag.active, .image-btns .sp-flag:hover, .image-btns .sp-flag.active { background-position: 0 -40px; } .featuredImage { margin-bottom: 30px; height: 216px; overflow: hidden; } .featuredImage .img { text-align: left; position: relative; } .featuredImage .img img { width: 216px !important; height: 216px; overflow: hidden; border: 0; } .featuredImage .img > a { position: relative; display: inline-block; } body .fixedWidth960 .fixedSubCnt .photoSignature { position: absolute; height: 40px; line-height: 18px; left: 0; bottom: -60px; width: 196px; padding: 8px 10px 4px; color: #fff; background: transparent url('https://assets-edge.slickpic.com/img/skin/default/bgcolor111_50.png') repeat top left; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; z-index: 5000; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } body .rightContentCnt .photoListingPhotosCnt .photoSignature { bottom: -60px; } body .rightContentCnt .photoListingPhotosCnt .onePhoto:hover .photoSignature { bottom: 0; } body .fixedWidth960 .fixedSubCnt .signature-top { position: absolute; height: 16px; line-height: 10px; left: 0; top: -60px; width: 196px; padding: 8px 10px 4px; color: #fff; background: transparent url('https://assets-edge.slickpic.com/img/skin/default/bgcolor111_50.png') repeat top left; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; z-index: 5000; } body .rightContentCnt .photoListingPhotosCnt .signature-top { opacity: 0; } body .rightContentCnt .photoListingPhotosCnt .onePhoto:hover .signature-top { opacity: 1; top: 0; } body .fixedWidth960 .fixedSubCnt .photoSignature .name { font-weight: bold; font-size: 12px; display: block; white-space: nowrap; text-overflow: ellipsis; } body .fixedWidth960 .fixedSubCnt .photoSignature .author { position: relative; font-weight: normal; font-size: 11px; color: #fff; z-index: 9999; } body .fixedWidth960 .fixedSubCnt .photoSignature .author:hover { text-decoration: underline; } body .fixedWidth960 .fixedSubCnt .featuredImage .img .photoSignature a { color: #fff; } body .fixedWidth960 .fixedSubCnt .photoListingPhotosCnt .arrows { position: relative; display: block; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; } body .fixedWidth960 .fixedSubCnt .photoListingPhotosCnt .arrows .arrow-right, body .fixedWidth960 .fixedSubCnt .photoListingPhotosCnt .arrows .arrow-left { background-image: url('https://assets-edge.slickpic.com/img/common/ico-explore-arrows-hover.png'); background-repeat: no-repeat; cursor: pointer; opacity: 0.41; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; } body .fixedWidth960 .fixedSubCnt .photoListingPhotosCnt .arrows .arrow-left { position: absolute; top: 0; left: -26px; height: 216px; width: 30px; background-position: left center; } body .fixedWidth960 .fixedSubCnt .photoListingPhotosCnt .arrows .arrow-right { position: absolute; top: 0; right: 8px; height: 216px; width: 20px; background-position: right center; } body .fixedWidth960 .photoListing.leftColumn .photoListingPhotos .photoListingPhotosCnt:hover .arrows { opacity: 1; } body .fixedWidth960 .fixedSubCnt .photoListingPhotosCnt .arrows .arrow-right:hover, body .fixedWidth960 .fixedSubCnt .photoListingPhotosCnt .arrows .arrow-left:hover { opacity: 0.75; } body .fixedWidth960 .fixedSubCnt .photoListingPhotosCnt .arrows .arrow-right:active, body .fixedWidth960 .fixedSubCnt .photoListingPhotosCnt .arrows .arrow-left:active { opacity: 1; } p.tagsList { margin-left: -5px; } p.tagsList a { padding: 0 5px 0 5px; line-height: 20px; text-decoration: none; } p.moreLinks { display: block; border-top: 1px dotted #eee; } p.moreLinks a { display: block; } .preferences .grayBlock .analytics-help { padding: 5px 20px 20px; margin: 10px 0; background-color: #fff; border: 1px solid #ddd; border-radius: 2px; } .preferences .grayBlock .analytics-help a { text-decoration: underline; } .preferences .grayBlock .analytics-help h4 { font-size: 16px; line-height: 24px; padding-bottom: 4px; } .preferences .grayBlock .analytics-help h5 { font-size: 12px; line-height: 20px; padding-bottom: 4px; } .preferences .grayBlock .analytics-help p { font-size: 12px; line-height: 20px; padding-bottom: 4px; } .preferences .grayBlock .analytics-help ul { list-style: lower-alpha; padding: 10px 0; margin: 10px 0; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; padding-left: 40px; } .preferences .grayBlock .analytics-help ul li { padding-bottom: 12px; } .preferences .grayBlock .textareaPreview, .preferences .grayBlock .textareaPreview * { text-shadow: none; } .fixedSubCnt .leftMenuLayout { padding-bottom: 50px; } .fixedSubCnt .leftMenuLayout .leftMenu h2 { font-size: 14px; font-weight: normal; line-height: 24px; padding-bottom: 5px; } .fixedSubCnt .leftMenuLayout .leftMenu { position: relative; float: left; text-align: left; width: 200px; max-width: 200px; margin-right: 15px; } .fixedSubCnt .leftMenuLayout .leftMenu ul.menuList li:before { content: none; } .fixedSubCnt .leftMenuLayout .rightContentCnt { width: 690px; float: right; text-align: left; padding-left: 24px; border-left: 1px dotted #eee; min-height: 300px; } .fixedSubCnt .leftMenuLayout .photoListingPhotos .photoListingPhotosCnt .onePhoto { padding: 0 0 25px; } .pagingCnt { margin: 30px auto 0; width: 100%; text-align: center; } .listPhotos .pagingCnt { margin-top: 0px; } .pagingCnt .subCnt { width: auto; margin: 0 auto; display: block; } .pagingNumbering, .pagingNumbering.active:hover { display: inline-block; padding: 2px 8px 2px; line-height: 16px; margin: 0 5px; color: #0088CC; background-color: #fff; text-align: center; text-decoration: none; border: 1px solid #eee; -moz-border-radius: 3px; text-shadow: 1px 1px 1px #eee; -webkit-background-clip: padding-box; -webkit-border-radius: 3px; } .pagingNumbering.active, .pagingNumbering.active:hover { color: #333; font-weight: bold; } .pagingNumbering:hover { display: inline-block; padding: 2px 8px 2px; margin: 0 5px; color: #fff; background-color: #0088CC; text-align: center; text-decoration: none; border: 1px solid #eee; text-shadow: none; } .pagingButton { display: inline-block; padding: 2px 8px 2px; line-height: 16px; margin: 0 5px; color: #0088CC; background-color: #fff; text-align: center; text-decoration: none; border: 1px solid #eee; -moz-border-radius: 3px; -webkit-background-clip: padding-box; -webkit-border-radius: 3px; text-shadow: 1px 1px 0 #eee; } .pagingButton font.arrow { font-size: 14px; line-height: 14px; } .pagingButton:hover { display: inline-block; padding: 2px 8px 2px; margin: 0 5px; color: #fff; background-color: #0088CC; text-align: center; text-decoration: none; border: 1px solid #0088CC; -moz-border-radius: 3px; -webkit-background-clip: padding-box; -webkit-border-radius: 3px; text-shadow: none; } .pagingButton.hidden { visibility: hidden; } /* Browsing insides */ .bigSearchBox { margin: -10px 0px 10px; } .searchBoxExplore { margin: -6px 0 10px; position: absolute; top: 7px; right: 16px; width: 200px; } .searchBoxExplore p { text-align: left; margin: 3px 0 10px; width: 220px; } .searchBoxExplore2 { text-align: left; margin: -5px 0px 40px; width: 690px; } .searchBoxExplore2 p { text-align: left; margin: 5px 0 10px; width: 690px; } .iconSearch { position: absolute; right: -5px; display: inline-block; padding: 4px 3px 3px 3px; width: 16px; height: 16px; background: url('https://assets-edge.slickpic.com/img/common/ico_search-666.png') no-repeat center center; cursor: hand; cursor: pointer; } .iconSearch:hover { background: url('https://assets-edge.slickpic.com/img/common/ico_search-lightblue.png') no-repeat center center; } .mainSearch { width: 50%; border: 1px solid #c7c7c7; padding: 1px 10px 2px; text-shadow: 1px 1px 1px #EEEEEE; -webkit-background-clip: padding-box; -webkit-border-radius: 13px; -webkit-box-shadow: 0 1px 0 #dfdfdf; -moz-border-radius: 13px; -moz-box-shadow: 0 1px 0 #dfdfdf; height: 20px; float: left; color: #aaa; font-size: 12px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .leftMenu .mainSearch { width: 180px; -webkit-transition: all 0.3s; } .mainSearch:focus { border-color: #8cc5f2; -moz-box-shadow: 0 1px 5px #cddcf9; -webkit-box-shadow: 0 1px 5px #cddcf9; color: #333; } p.predefinedSearch { color: #333; line-height: 16px; float: left; width: 600px; } p.predefinedSearch a { text-decoration: none; float: left; display: inline; position: relative; width: 17%; text-align: left; line-height: 16px; margin-top: 8px; padding-left: 14px; overflow: hidden; } p.predefinedSearch a u { text-decoration: none; text-transform: capitalize; } p.predefinedSearch a:hover u { text-decoration: underline; } p.predefinedSearch a:before { position: absolute; top: 0; left: 0; content: '» '; font-weight: normal; color: #777; text-decoration: none !important; } p.predefinedSearch a:nth-child(5n+2) { clear: both; } .searchInfoBlock { margin: 10px 0; float: left; } .searchInfoBlock:after { clear: both; } .searchInfoBlock .attentionImage { float: left; margin-right: 15px; margin-top: 20px; padding-bottom: 100px; } .searchInfoBlock .infoText { float: left; width: 600px; margin-top: 8px; font-size: 12px; line-height: 18px; } .searchInfoBlock .searchInfoTitle { width: 600px; float: left; margin-top: 16px; font-size: 16px; line-height: 22px; padding-bottom: 8px; } /* Explore General - one one attempt */ .fixedWidth960 .fixedSubCnt .photoSignature { position: relative; width: 100%; text-align: left; line-height: 16px; font-size: 11px; overflow: hidden; z-index: 1002; } .fixedWidth960 .fixedSubCnt .photoSignature a { text-decoration: none; } .fixedWidth960 .fixedSubCnt .photoSignature .name { color: #fff; overflow: hidden; word-wrap: break-word; } /*.fixedWidth960 .fixedSubCnt .photoSignature .name { text-decoration: none; font-weight: normal; color: #08C; float: left; max-height: 32px; overflow: hidden; word-wrap: break-word }*/ /*.fixedWidth960 .fixedSubCnt .photoSignature .author { float: left }*/ .fixedWidth960 .fixedSubCnt .photoSignature span { display: block; } .fixedWidth960 .fixedSubCnt .photoSignature span.textBlock { clear: both; float: left; display: none; color: #aaa; } .fixedWidth960 .fixedSubCnt .photoSignature .linkBlock { clear: both; float: left; display: block; } /* Dashboard Block.ing */ .fixedWidth960 .greetingsCnt .greetingText { float: left; display: inline; position: relative; width: 150px; } .fixedWidth960 .greetingsCnt { position: relative; float: left; display: inline; text-align: left; margin-bottom: 30px; width: 250px; } .YG_fixedWidth960 .greetingsCnt .greetingMain { width: auto; float: left; display: inline; } .fixedWidth960 .greetingsCnt .greetingMain { display: inline; float: left; width: 220px; word-wrap: break-word; line-height: 22px; } .fixedWidth960 .greetingsCnt .greetingMain .profileImg .publicOverPhotoLoader .matrixOverlay { width: 24px; height: 24px; top: 12px; opacity: 0.75; } .fixedWidth960 .greetingsCnt .greetingMain .profileImg .onPhotoDelete { top: 3px; } .fixedWidth960 .greetingsCnt .greetingMain .profileImg { position: relative; float: left; display: inline; height: 52px; padding-right: 10px; text-align: left; width: 52px; } .fixedWidth960 .greetingsCnt .greetingMain .profileImg img { max-width: 50px; max-height: 50px; padding: 1px; border: 1px solid #ddd; } .fixedWidth960 .greetingsCnt .greetingMain .profileImg a.linkUnderPhoto { position: absolute; bottom: -19px; left: 0pt; font-size: 11px; text-decoration: none; width: 100%; padding-left: 2px; text-align: left; } .fixedWidth960 .greetingsCnt .greetingMain .profileImg a.linkUnderPhoto:hover { text-decoration: underline; } .fixedWidth960 .greetingsCnt .greetingMain h2 { margin-top: 2px; margin-bottom: 15px; font-size: 18px; font-weight: normal; text-shadow: 1px 1px 1px #EEEEEE; } .fixedWidth960 .greetingsCnt .greetingMain p { color: #777; } .fixedWidth960 .greetingsCnt .greetingMain .briefStats { white-space: nowrap; line-height: 18px; } .fixedWidth960 .greetingsCnt .briefStats.upgrade-block a { padding: 2px 10px; background-color: #08c; border: 1px solid #29a4f8; color: #fff; margin-top: 6px; color: #fff !important; display: block; text-align: center; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.33) !important; border: 1px solid #2a75f0 !important; border-radius: 2px; margin-top: 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1) inset !important; height: 22px; line-height: 22px; padding: 0 15px !important; font-size: 11px; text-decoration: none; background: #5091fe; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUwOTFmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NDg1ZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #5091fe 0%, #4485f1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5091fe), color-stop(100%, #4485f1)); background: -webkit-linear-gradient(top, #5091fe 0%, #4485f1 100%); background: -o-linear-gradient(top, #5091fe 0%, #4485f1 100%); background: -ms-linear-gradient(top, #5091fe 0%, #4485f1 100%); background: linear-gradient(to bottom, #5091fe 0%, #4485f1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5091fe', endColorstr='#4485f1', GradientType=0); position: relative; } .fixedWidth960 .greetingsCnt .briefStats.upgrade-block a:hover span { position: absolute; top: 100%; margin-top: 0; left: -40px; border: 1px solid #2a75f0; background-color: #f8f8f8; border-radius: 2px; padding: 5px 10px; width: 202px; display: block; text-shadow: 0 1px 1px #fff; white-space: normal; text-align: center; line-height: 18px; box-shadow: 0 1px 3px #ccc; font-weight: normal; z-index: 100; color: #333; } .fixedWidth960 .greetingsCnt .subMenu { position: absolute; zoom: 1; width: 600px; height: 62px; padding: 10px 0; top: -11px; right: 0; background-color: transparent; z-index: 10; } .fixedWidth960 .greetingsCnt .subMenu .item { float: right; width: 129px; margin-left: 15px; } .fixedWidth960 .greetingsCnt .subMenu .item:hover { opacity: 0.9; } .fixedWidth960 .greetingsCnt .subMenu .item:last-child { margin-left: 0; } .fixedWidth960 .greetingsCnt .subMenu .item a { font-weight: bold; font-size: 16px; line-height: 20px; text-decoration: none; white-space: nowrap; } .fixedWidth960 .greetingsCnt .subMenu .item a u { text-decoration: none; border-bottom: 1px solid; } .fixedWidth960 .greetingsCnt .subMenu .item a:hover u { border: 0; } .fixedWidth960 .greetingsCnt .subMenu .item p { margin-top: 3px; color: #777; text-align: left; } .fixedWidth960 .tipBlue { -moz-border-radius: 3px; -webkit-background-clip: padding-box; -webkit-border-radius: 3px; -webkit-box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; width: 100%; background-color: #ecf2fc; border: 1px solid #d8e3f3; text-align: left; margin-bottom: 30px; line-height: 20px; text-shadow: 0 1px 0 #fff; } .fixedWidth960 .tipBlue p { padding: 8px 15px; } .fixedWidth960 .tipBlue.notice { background-color: #25A740; border-color: #008700; color: #fff; text-shadow: 0 1px 1px #008700; font-size: 13px; } .fixedWidth960 .tipController { text-align: left; margin-bottom: 10px; } .fixedWidth960 .tipController a { text-decoration: none; border-bottom: 1px dashed; } .fixedWidth960 .tipController a:hover { border: 0; } .fixedWidth960 .tipController a.active { font-weight: bold; color: #333; border: 0; cursor: text; } .fixedWidth960 .uniContentBlock { position: relative; width: 660px; text-align: left; margin-bottom: 30px; } .fixedWidth960 .uniContentBlock h2 { font-weight: normal; font-size: 18px; line-height: 20px; padding-bottom: 10px; border-bottom: 1px dotted #ddd; margin-bottom: 4px; margin: 0 0 10px; text-shadow: 1px 1px 1px #EEEEEE; } .fixedWidth960 .uniContentBlock.steps-graphic { margin-bottom: 60px; } .fixedWidth960 .uniContentBlock .subMenu { clear: both; margin: 8px 0 15px; padding-bottom: 10px; border-bottom: 1px dotted #ddd; } .fixedWidth960 .uniContentBlock .subMenu .floatLeft a { float: left; padding: 0 10px; border-right: 1px dotted #ddd; text-decoration: none; } .fixedWidth960 .uniContentBlock .subMenu .floatLeft a span { border-bottom: 1px dashed; } .fixedWidth960 .uniContentBlock .subMenu .floatLeft a.active, .fixedWidth960 .uniContentBlock .subMenu .floatLeft a.active span { color: #333; text-decoration: none; border-bottom: 0; cursor: default; } .fixedWidth960 .uniContentBlock .subMenu .floatLeft a:first-child { padding-left: 0; } .fixedWidth960 .uniContentBlock .subMenu .floatLeft a:last-child { border-right: 0; } .fixedWidth960 .uniContentBlock .subMenu .floatLeft a:hover span { border-bottom: 0; } .fixedWidth960 .uniContentBlock .subMenu .floatRight a { padding-right: 0; } .fixedWidth960 .uniContentBlock .left-radios { float: left; width: 100px; min-height: 110px; padding-right: 10px; margin-left: -7px; margin-top: -3px; } .fixedWidth960 .uniContentBlock .left-radios label { display: block; padding-bottom: 5px; margin-left: 20px; } .fixedWidth960 .uniContentBlock .left-radios label input[type=radio] { visibility: visible; display: block; position: absolute; width: 100px; height: 20px; background-color: yellow; filter: alpha(opacity=0); opacity: 0; cursor: pointer; } .fixedWidth960 .uniContentBlock .left-radios label input[type=radio]:hover { background-color: red; cursor: pointer; } .fixedWidth960 .uniContentBlock .left-radios label span { margin-left: 4px; display: inline-block; margin-top: 4px; line-height: 16px; color: #08C; text-decoration: none; } .fixedWidth960 .uniContentBlock .left-radios label span u { text-decoration: none; } .fixedWidth960 .uniContentBlock .left-radios label:hover span u, .fixedWidth960 .uniContentBlock .left-radios label.current span u { text-decoration: none; } .fixedWidth960 .uniContentBlock .left-radios label.current { cursor: default; } .fixedWidth960 .uniContentBlock .left-radios label.current span { color: #000; text-decoration: none; } .fixedWidth960 .uniContentBlock .left-radios label span img { display: inline-block; vertical-align: middle; padding-right: 8px; width: 7px; margin-top: -3px; } .fixedWidth960 .uniContentBlock .left-radios label:focus span { color: #000; text-decoration: none; } .fixedWidth960 .uniContentBlock .radios-explanation .explanation { display: block; margin-top: -10px; margin-left: 100px; } .fixedWidth960 .uniContentBlock .radios-explanation .explanation .next-text-toggle { display: block; } .fixedWidth960 .uniContentBlock .radios-explanation .explanation .next-text-close { display: block; } .fixedWidth960 .simpleBlock.steps-next { display: block; margin-bottom: 24px; } .fixedWidth960 .simpleBlock.steps-next .steps-scale { margin-top: 10px; background-color: #fff; } .fixedWidth960 .simpleBlock.steps-next .steps-scale .scaler { margin: 20px 0 10px; z-index: 100; position: relative; width: 178px; height: 12px; border: 1px solid #777; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0 2px 3px #ccc inset; -webkit-box-shadow: 0 2px 3px #ccc inset; } .fixedWidth960 .simpleBlock.steps-next .steps-scale .scaler .completion { position: absolute; top: 0px; left: 0px; height: 100%; width: 0; z-index: 90; background: #0fb91e url('https://assets-edge.slickpic.com/img/land/dashboard/bg-loader.png') repeat-x top left; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-transition: all 3.3s ease; } .fixedWidth960 .simpleBlock.steps-next .steps-scale .divisions { position: absolute; top: -18px; font-size: 11px; color: #777; width: 100%; } .fixedWidth960 .simpleBlock.steps-next .steps-scale .divisions span { float: left; display: inline; width: 33%; } .fixedWidth960 .simpleBlock.steps-next .steps-scale .divisions span.p-0 { text-align: left; } .fixedWidth960 .simpleBlock.steps-next .steps-scale .divisions span.p-50 { text-align: center; } .fixedWidth960 .simpleBlock.steps-next .steps-scale .divisions span.p-100 { text-align: right; width: 34%; } .fixedWidth960 .simpleBlock.steps-next .steps + .steps { margin-top: 4px; } .fixedWidth960 .simpleBlock.steps-next .text-completion { display: block; margin: -8px 0 8px; font-size: 11px; white-space: nowrap; width: 100%; text-align: center; color: #777; } .fixedWidth960 .simpleBlock.steps-next .text-togo { font-size: 11px; white-space: nowrap; } .fixedWidth960 .simpleBlock.steps-next p { position: relative; padding-left: 50px; margin: 2px 0; padding-top: 0; } .fixedWidth960 .simpleBlock.steps-next p.noimage { padding-left: 16px; position: relative; } .fixedWidth960 .simpleBlock.steps-next p.noimage:before { position: absolute; content: '»'; color: #0fb91e; top: 0; left: 0; font-weight: bold; } .fixedWidth960 .simpleBlock.steps-next p b { display: inline; font-weight: normal; } .fixedWidth960 .simpleBlock.steps-next p.done b { font-weight: normal; } .fixedWidth960 .simpleBlock.steps-next p span { display: block; } .fixedWidth960 .simpleBlock.steps-next p font { position: absolute; top: 0; left: 0; width: 40px; height: 40px; background-color: transparent; } .fixedWidth960 .simpleBlock.steps-next p.photos font { background: transparent url('https://assets-edge.slickpic.com/img/land/dashboard/step-photos.png') no-repeat top left; } .fixedWidth960 .simpleBlock.steps-next p.retouch font { background: transparent url('https://assets-edge.slickpic.com/img/land/dashboard/step-retouch.png') no-repeat top left; } .fixedWidth960 .simpleBlock.steps-next p.link { padding-left: 0; } .fixedWidth960 .simpleBlock.steps-next p.link a { text-decoration: none; border-bottom: 1px dashed; } .fixedWidth960 .simpleBlock.steps-next p.link a:hover { border-color: transparent; } /* Full list of steps - one lefted .fixedWidth960 .simpleBlock.steps-next p { padding-left: 15px; position: relative; margin-bottom: 0; line-height: 18px; color: #777 } .fixedWidth960 .simpleBlock.steps-next p:before { font-weight: normal !important; color: #777; content: "» "; position: absolute; top: 2px; left: 0; text-decoration: none !important } .fixedWidth960 .simpleBlock.steps-next p.current:before, .fixedWidth960 .simpleBlock.steps-next p.current, .fixedWidth960 .simpleBlock.steps-next p.current span, .fixedWidth960 .simpleBlock.steps-next p.current a { color: #080 } .fixedWidth960 .simpleBlock.steps-next p.completed span { text-decoration: line-through; color: #333 } .fixedWidth960 .simpleBlock.steps-next p a { text-decoration: none } .fixedWidth960 .simpleBlock.steps-next p.completed { display: none } .fixedWidth960 .simpleBlock.steps-next p.completed:before { text-decoration: none; color: #777; content: "✓ "; font-family: verdana, tahoma, arial, Courier, 'Courier New','Comic Sans MS', Georgia, Impact, 'Lucida Grande', 'Trebuchet MS', 'MS Sans Serif', 'MS Serif', 'Times New Roman', 'Lucida Sans Unicode', 'DejaVu Sans', sans-serif !important } .fixedWidth960 .simpleBlock.steps-next p.inactive a, .fixedWidth960 .simpleBlock.steps-next p.inactive:before { color: #777; cursor: pointer } .fixedWidth960 .simpleBlock.steps-next p font { display: none } .fixedWidth960 .simpleBlock.steps-next p font a { color: #08c !important; text-decoration: underline; cursor: hand; cursor: pointer } .fixedWidth960 .simpleBlock.steps-next p:hover font { position: absolute; top: 100%; left: 0; display: block; padding: 15px; background-color: #f8f8f8; border: 1px solid #ccc; -moz-box-shadow: 0 3px 7px #777; -webkit-box-shadow: 0 3px 7px #777; -moz-border-radius: 10px; -webkit-border-radius: 10px; z-index: 100; color: #333 } .fixedWidth960 .simpleBlock.steps-next p:hover font a { color: #08c; cursor: pointer } */ .fixedWidth960 .uniContentBlock .albumItem { display: inline-block; text-align: center; margin-left: 15px; } .fixedWidth960 .uniContentBlock .albumItem:first-child { margin-left: 0; } .fixedWidth960 .uniContentBlock .albumItem img { display: block; } .fixedWidth960 .uniContentBlock .albumItem span { display: block; } .fixedWidth960 .uniContentBlock .albumItem a { color: #333; text-decoration: none; } .fixedWidth960 .uniContentBlock .albumItem a:hover { color: #67a8e7; } .fixedWidth960 h2.heading-column { padding: 1px 5px 0; font-weight: normal; font-size: 11px; font-weight: bold; line-height: 20px; padding-bottom: 3px; border-bottom: 1px solid #ddd; background-color: #fafafa; text-align: center; border-top: 1px solid #ddd; margin-bottom: 4px; text-shadow: 1px 1px 1px #f5f5f5; text-shadow: 0 -1px 1px #fff; cursor: help; color: #333; } .fixedWidth960 .activitiesListing { color: #333; text-align: left; } .fixedWidth960 .activitiesListing p.watch { position: relative; } .fixedWidth960 .activitiesListing a { text-decoration: none; max-width: 100px; color: #08C; overflow: hidden; text-overflow: ellipsis; } .fixedWidth960 .activitiesListing a:hover { color: #08c; text-decoration: none; } .fixedWidth960 .activitiesListing p { margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px dotted #ddd; line-height: 16px; padding-left: 24px; position: relative; } .fixedWidth960 .activitiesListing p font { font-style: none; display: block; position: absolute; top: 6px; left: 0; width: 18px; margin-right: 5px; height: 18px; background: url("https://assets-edge.slickpic.com/img/album/ico_bigphotoactions.png") no-repeat -999px -999px; vertical-align: bottom; } .fixedWidth960 .activitiesListing p.like font { background-position: -5px -3px; } .fixedWidth960 .activitiesListing p.comment font { background-position: -31px -4px; } .fixedWidth960 .activitiesListing p.watch font { background-position: -383px -5px; } .fixedWidth960 .activitiesListing p.search font { background-position: -415px -4px; } .fixedWidth960 .activitiesListing p > a { text-decoration: none !important; } .fixedWidth960 .activitiesListing { margin-top: 6px; font-size: 11px; } .fixedWidth960 .activitiesListing .showMore { padding-bottom: 5px; margin-top: 5px; } .fixedWidth960 .activitiesListing .showMore > a { color: #333; text-decoration: none !important; } .fixedWidth960 .activitiesListing i.date { line-height: 16px; color: #999; font-style: normal; font-size: 11px; display: block; } .fixedWidth960 .activitiesListing p img.thumb { height: 10px; max-width: 14px; border: 1px solid #777; margin-top: 2px; background-color: transparent; } .fixedWidth960 .activitiesListing p img.thumb[src=""] { border: 0; } .fixedWidth960 .activitiesListing p img.thumb[src=""]:after { padding-left: 1px; border: 0; color: #333; white-space: nowrap; content: 'photo'; } .fixedWidth960 .activitiesListing span { color: #08C; } .fixedWidth960 .activitiesListing span i { font-style: normal; color: #333; } .fixedWidth960 .activitiesListing a > span.title { no-max-width: 155px; display: inline-block; overflow: hidden; word-break: break-all; } .fixedWidth960 .header + .subMenu { clear: both; margin: 0 0 15px; padding-bottom: 0; border-bottom: 1px solid #ddd; margin-top: -3px; width: 250px; } .fixedWidth960 .header + .subMenu .floatLeft { font-size: 11px; } .fixedWidth960 .header + .subMenu .floatLeft a { float: left; position: relative; width: 124px; text-align: center; border-right: 1px solid #ddd; text-decoration: none; padding-bottom: 5px; padding-top: 5px; } .fixedWidth960 .header + .subMenu .floatLeft a span { border-bottom: 1px dashed; } .fixedWidth960 .header + .subMenu .floatLeft a.active:before { display: block; position: absolute; background-color: #fff; bottom: -1px; left: 0; height: 2px; width: 100%; content: ' '; } .fixedWidth960 .header + .subMenu .floatLeft a.active, .fixedWidth960 .header + .subMenu .floatLeft a.active span { color: #333; text-decoration: none; border-bottom: 0; cursor: default; background-color: #fff; opacity: 1; font-weight: bold; } .fixedWidth960 .header + .subMenu .floatLeft a:first-child { padding-left: 0; } .fixedWidth960 .header + .subMenu .floatLeft a:last-child { border-right: 0; } .fixedWidth960 .header + .subMenu .floatLeft a:hover span { border-bottom: 0; } .fixedWidth960 .header + .subMenu .floatRight a { padding-right: 0; } .fixedWidth960 .uniContentBlock .blank-started .started-step { float: left; display: inline; margin-bottom: 20px; position: relative; } .fixedWidth960 .uniContentBlock .blank-started .started-step.step1 { width: 48%; margin-right: 4%; } .fixedWidth960 .uniContentBlock .blank-started .started-step.step2 { width: 48%; } .fixedWidth960 .uniContentBlock .blank-started .started-step.step3 { position: relative; width: 100%; clear: both; margin-top: 0px; margin-bottom: 0; padding-top: 15px; background-color: #f8f8f8; padding-left: 25px; width: 424px; margin-bottom: -30px; z-index: 10; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; } .fixedWidth960 .uniContentBlock .blank-started .started-step .number { position: absolute; top: 0; left: 0; background-color: #f60; width: 25px; padding: 1px 0 0 1px; height: 25px; line-height: 24px; text-align: center; color: #fff; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; font-weight: bold; font-size: 13px; } .fixedWidth960 .uniContentBlock .blank-started .started-step.step3 .number { top: 15px; left: 25px; } .fixedWidth960 .uniContentBlock .blank-started .started-step .step-guide { padding-left: 30px; } .fixedWidth960 .uniContentBlock .blank-started .started-step .step-guide h3 { font-size: 13px; font-weight: bold; margin-bottom: 4px; line-height: 18px; } .fixedWidth960 .uniContentBlock .blank-started .started-step .step-guide p { line-height: 18px; color: #777; font-size: 12px; } .fixedWidth960 .uniContentBlock .steps-graphic { margin-top: -22px; } .steps-moretext { margin-top: 0px; } /* .fixedWidth960 .uniContentBlock .blank-enhancement.blank-started .blank-enhancement-item a.blank-enhancement-item-toggle i { font-style: normal; padding-left: 4px } .fixedWidth960 .uniContentBlock .blank-enhancement.blank-started .blank-enhancement-item a.blank-enhancement-item-toggle u { float: left; text-decoration: none; background-color: #0088CC; color: #fff; margin-right: 10px; width: 24px; text-align: center; -moz-border-radius: 15px;-webkit-background-clip: padding-box; -webkit-border-radius: 15px; padding-bottom: 2px } .fixedWidth960 .uniContentBlock .blank-started p a { } .fixedWidth960 .uniContentBlock .blank-started p a:hover { } .fixedWidth960 .uniContentBlock .blank-enhancement .blank-enhancement-item { font-weight: normal; font-size: 12px; padding: 4px 0 } .fixedWidth960 .uniContentBlock .header h2.closable { cursor: pointer; cursor: hand } */ .fixedWidth960 .uniContentBlock .blank-enhancement .blank-enhancement-item p { display: none; margin-top: 5px; text-align: justify; line-height: 20px; } .fixedWidth960 .uniContentBlock .blank-enhancement .blank-enhancement-item > a { text-decoration: none; font-size: 14px; } .fixedWidth960 .uniContentBlock .blank-enhancement .blank-enhancement-item > a font { border-bottom: 1px dashed; } .fixedWidth960 .uniContentBlock .blank-enhancement .blank-enhancement-item.active > a { font-weight: bold; border-bottom: 1px solid transparent; } .fixedWidth960 .uniContentBlock .blank-enhancement .blank-enhancement-item.active > a:hover { border-bottom: 1px dashed; } .fixedWidth960 .uniContentBlock .blank-enhancement .blank-enhancement-item > a:hover { text-decoration: none; border-color: transparent; } .fixedWidth960 .uniContentBlock .blank-enhancement .blank-enhancement-item a.blank-enhancement-item-toggle span { font-weight: normal !important; padding-left: 10px; color: #777; line-height: 18px; font-size: 12px; padding-bottom: 2px; background-color: #fff; } .fixedWidth960 .uniContentBlock .blank-enhancement .blank-enhancement-item a.blank-enhancement-item-toggle span:before { font-weight: normal !important; content: 'Learn more..'; } .fixedWidth960 .uniContentBlock .blank-enhancement .blank-enhancement-item.active a.blank-enhancement-item-toggle span:before { content: 'Hide'; } .fixedWidth960 .uniContentBlock .blank-enhancement .blank-enhancement-item .buttonGray { margin: 5px 0 0 0 !important; } .fixedWidth960 .uniContentBlock .tipBlue.block-article { margin-bottom: 20px; background-color: #f8f8f8; border: 0px solid transparent; margin-top: -12px; -moz-border-radius: 10px; padding: 10px; width: 480px; } .fixedWidth960 .header-title-big { font-size: 24px; font-weight: normal; text-align: left; } .fixedWidth960 .uniContentBlock .content-text.large { font-size: 14px; line-height: 24px; } .fixedWidth960 .uniContentBlock .content-text.large img[align=left] { padding: 5px 20px 30px 0; } .fixedWidth960 .uniContentBlock .invoice { position: relative; border: 1px solid #eee; width: 660px; padding: 10px 0; background-color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-bottom: 10px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.23); border: 0; } label[for="agree_mod"] { font-size: 11px; margin-top: -11px; margin-bottom: -10px; margin-left: -20px; margin-right: -20px; padding: 20px; background-color: #f8f8f8; display: block; } .fixedWidth960 .uniContentBlock .invoice .row { clear: both; float: left; display: inline; width: 620px; padding: 10px 20px; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #fff; } .fixedWidth960 .uniContentBlock .invoice .row.head { border-top: 0; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…Igd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(bottom, rgba(25, 25, 25, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%); background-image: -o-linear-gradient(bottom, rgba(25, 25, 25, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%); background-image: -webkit-linear-gradient(bottom, rgba(25, 25, 25, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%); background-image: linear-gradient(bottom, rgba(25, 25, 25, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%); padding-bottom: 20px; margin-top: -12px; padding-top: 20px; border-bottom: 1px solid #ddd; } .fixedWidth960 .payment div h3 { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…Igd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(bottom, rgba(25, 25, 25, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%); background-image: -o-linear-gradient(bottom, rgba(25, 25, 25, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%); background-image: -webkit-linear-gradient(bottom, rgba(25, 25, 25, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%); background-image: linear-gradient(bottom, rgba(25, 25, 25, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%); margin-left: -30px; margin-right: -30px; margin-top: -30px; padding: 15px 30px; text-shadow: 0 1px 0 #fff; border-bottom: 1px solid #ddd; font-size: 20px; position: relative; } .fixedWidth960 .payment div h3.ssl:after { position: absolute; top: 15px; right: 27px; width: 36px; height: 32px; background: url('../img/common/ssl-secure.png') no-repeat 0 0; content: ' '; } .fixedWidth960 .uniContentBlock .invoice .row .product { float: left; display: inline; width: 450px; margin-right: 20px; } .fixedWidth960 .uniContentBlock .invoice .row .product.change-product { width: 180px !important; text-align: left !important; font-weight: normal !important; } .fixedWidth960 .uniContentBlock .invoice-header { width: 940px; } .fixedWidth960 .uniContentBlock .header-sub { font-size: 16px; line-height: 24px; margin: 10px 0; } .fixedWidth960 .uniContentBlock .invoice-header h2 { line-height: 24px; } .fixedWidth960 .uniContentBlock .invoice.columns3 .product { width: 570px !important; } .fixedWidth960 .uniContentBlock .invoice .row .price { float: left; display: inline; width: 150px; } .fixedWidth960 .uniContentBlock .invoice .row .price strike { color: red; } .fixedWidth960 .uniContentBlock .invoice .row.head .product { font-size: 14px; font-weight: bold; } .fixedWidth960 .uniContentBlock .invoice .row.head .price { font-size: 14px; font-weight: bold; } .fixedWidth960 .uniContentBlock .invoice .row.total .product { text-align: right; font-weight: bold; } .fixedWidth960 .uniContentBlock .invoice .row.total { border-bottom: 0; } .fixedWidth960 .uniContentBlock .invoice .row.total.org, .fixedWidth960 .uniContentBlock .invoice .row.total.mod { border-bottom: 1px solid #e8e8e8; } .fixedWidth960 .uniContentBlock .invoice .note-top-right { display: block; width: 200px; text-align: right; position: absolute; top: -33px; right: 0; } .fixedWidth960 .uniContentBlock .invoice .note-top-right span { font-size: 11px; padding-left: 24px; background: url('https://assets-edge.slickpic.com/img/land/landing01/secure.png') no-repeat top left; } .fixedWidth960 .uniContentBlock .invoice .coupon-check { padding-left: 16px; float: left; margin-top: 10px; } .fixedWidth960 .uniContentBlock .invoice .connect-via.coupon { padding-left: 22px; float: left; margin-top: -8px; } .fixedWidth960 .uniContentBlock .invoice .connect-via.coupon .coupon-box { margin-top: 10px; } .fixedWidth960 .uniContentBlock .invoice .connect-via.coupon .coupon-box input { float: left; width: 200px; height: 22px; padding: 2px 1px 2px 5px; background-color: #fff; border: 1px solid #aaa; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; font-family: "SlickPro", "SlickSanFrancisco", "SF Pro Text", "Myriad Set Pro", "San Francisco", "SlickFont", "Helvetica Neue", "Segoe UI", "Roboto", "Helvetica", "Hiragino Kaku Gothic Pro", "Meiryo", Arial, sans-serif !important; font-size: 12px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -moz-box-shadow: 0 0 1px #fff; -webkit-box-shadow: 0 0 1px #fff; } .fixedWidth960 .uniContentBlock .invoice .connect-via.coupon .coupon-box input:focus { border-color: #67a8e7; -moz-box-shadow: 0 0 7px #67a8e7; -webkit-box-shadow: 0 0 7px #67a8e7; text-decoration: none !important; } .fixedWidth960 .uniContentBlock .invoice .connect-via.coupon .coupon-box a { float: left; margin-left: 10px; margin-top: 1px; } .fixedWidth960 .uniContentBlock .invoice .connect-via.coupon .coupon-box > p { float: left; clear: both; margin-top: 10px; } .fixedWidth960 .uniContentBlock .invoice .connect-via.coupon .coupon-box > .success { color: #0A0; font-weight: bold; } .fixedWidth960 .head-before-payment { text-align: left; width: 100%; font-size: 12px; font-weight: bold; color: #333; margin-bottom: -30px; } .fixedWidth960 .payment { padding: 15px 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; width: 660px; border: 0px solid #eee; } .fixedWidth960 .payment h3 { font-size: 24px; font-weight: bold; margin: 0 0 10px; line-height: 30px; } .payment .input-line { float: left; display: inline; margin: 10px 0; } .payment .input-line:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .payment .input-line .error { clear: both; float: left; display: inline; margin: 5px 0 0 140px; } .payment .input-line .title { float: left; display: inline; width: 230px; text-align: left; padding-right: 10px; padding-top: 5px; font-weight: bold; color: #777; padding-bottom: 5px; text-transform: uppercase; font-size: 11px; } .payment .input-line p.input { float: left; display: inline; } .payment .input-line p.input.input-card { background: url('https://www.slickpic.com/img/common/cards.png') no-repeat center right; padding-right: 160px; } .payment .input-line.error-message { display: block; background-color: #fee; border: 1px dotted red; padding: 15px; float: none; width: auto; margin-top: -1px; color: #c00; } .payment .input-line.error-message > p { color: #c00; } .payment .input-line p.input select, .payment .input-line p.input input[type=text], .payment .input-line p.input textarea.terms { width: 270px; height: 28px; padding: 2px 1px 2px 5px; background-color: #fff; border: 1px solid #aaa; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; font-family: "SlickPro", "SlickSanFrancisco", "SF Pro Text", "Myriad Set Pro", "San Francisco", "SlickFont", "Helvetica Neue", "Segoe UI", "Roboto", "Helvetica", "Hiragino Kaku Gothic Pro", "Meiryo", Arial, sans-serif !important; font-size: 12px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -moz-box-shadow: 0 0 1px #fff; -webkit-box-shadow: 0 0 1px #fff; } .payment .input-line p.input input[type=text].half { width: 165px; } .payment .input-line p.input input[type=text].fourth { width: 80px; } .payment .input-line p.input select { height: 28px; padding-top: 4px; width: 80px; margin-right: 5px; cursor: hand; cursor: pointer; } .payment .input-line p.input select[name="cctype"] { width: 150px; } .payment .input-line p.input select.state { width: 220px; } .payment .input-line p.input select:focus, .payment .input-line p.input input[type=text]:focus { border-color: #67a8e7; -moz-box-shadow: 0 0 7px #67a8e7; -webkit-box-shadow: 0 0 7px #67a8e7; text-decoration: none !important; } .payment .input-line p.input select:hover, .payment .input-line p.input input[type=text]:hover { text-decoration: none; border-color: #8cb8e2; } .payment .input-line p.input textarea.terms { overflow: auto; height: 80px; color: #333 !important; } .payment .input-line p.input textarea.terms:focus { color: #333; } .payment .button-payment-upgrade { width: auto; cursor: hand; cursor: pointer; background: #367df3; font-weight: 400; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.23); border-color: #2c75f0; display: block; width: 400px; height: 38px; line-height: 30px; border: 1px solid transparent; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); font-size: 16px; border-radius: 2px; border: 1px solid #0f8d13; -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.25); box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.25); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(bottom, #019303 0%, #00bf07 100%); background-image: -o-linear-gradient(bottom, #019303 0%, #00bf07 100%); background-image: -webkit-linear-gradient(bottom, #019303 0%, #00bf07 100%); background-image: linear-gradient(bottom, #019303 0%, #00bf07 100%); color: #fff; } .payment .button-payment-upgrade.process { cursor: default; background: #fff; border-color: #eee; background: #fff url('https://www.slickpic.com/img/explore/294-182.gif') no-repeat center center; text-indent: -4515px; box-shadow: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05) inset; } .payment .button-payment-upgrade:hover { opacity: 0.9; filter: alpha(opacity=90); } .payment .button-payment-upgrade:active { opacity: 1; filter: alpha(opacity=100); } .fixedWidth960 .listing-checkmark { margin: 0; padding: 0; list-style: none; } .fixedWidth960 .listing-checkmark li { margin: 0; padding: 0; padding-left: 20px; margin: 12px 0; background: url('https://www.slickpic.com/img/landing/deal-99-cents/check.png') no-repeat 0 -1px; } .payment .cvv-explain { position: relative; margin-left: 10px; } .payment .cvv-explain:hover font { display: block; } .payment .cvv-explain font { display: none; position: absolute; top: 110%; left: 0; width: 200px; color: #333; background-color: #ECF2FC; border: 1px solid #7CF; line-height: 18px; -moz-box-shadow: 0 1px 7px #ccc; -webkit-box-shadow: 0 1px 7px #ccc; padding: 15px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .imagePreviewOverlay { opacity: 0; visibility: hidden; position: absolute; top: -75px; left: 90%; margin-left: 20px; padding: 10px; padding-bottom: 10px; background-color: #222; border: 1px solid #111; -moz-box-shadow: 0 5px 10px #333; -webkit-box-shadow: 0 5px 10px #333; -moz-border-radius: 3px; -webkit-background-clip: padding-box; -webkit-border-radius: 3px; z-index: 150; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; } .imagePreviewOverlay { -webkit-transform: scale(0.15); -moz-transform: scale(0.15); } .imagePreviewOverlay img { border: 0; } .imagePreviewOverlay img[src=""] { padding: 0 50px; position: relative; } .imagePreviewOverlay img[src=""]:after { position: absolute; top: 0; left: 0; color: #fff; font-weight: bold; content: "Deleted photo:"; text-shadow: 0 1px 1px #222; } .imagePreviewOverlay span.title { display: block; color: #fff; padding-top: 5px; text-shadow: 0 1px 1px #222; color: #fff !important; -webkit-transition: all 1s; text-decoration: none; } .fixedWidth960 .activitiesListing a:hover .imagePreviewOverlay { opacity: 1; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); bottom: auto; top: -75px; left: 90%; } .fixedWidth960 .activitiesListing p img.thumb[src=""] .pagesFooterDisclaimer { text-align: left; position: absolute; top: -25px; left: 0; color: #999; font-size: 11px; } .pagesFooterDisclaimer a { padding: 0 !important; } .fixedWidth960 .simpleBlock.searchBoxContainer { padding-top: 15px; padding-bottom: 15px; background-color: #f8f8f8; -moz-border-radius: 10px; -webkit-background-clip: padding-box; -webkit-border-radius: 10px; -moz-box-shadow: 0 0 1px #fff inset; -webkit-box-shadow: 0 0 1px #fff inset; border: 1px solid #ddd; margin-bottom: 40px; } .fixedWidth960 .simpleBlock.searchBoxContainer .buttonExplore { float: left; margin: 10px 0 0 10px; clear: both; } .buttonExplore .buttonGray { width: 150px; } .buttonExplore .buttonGray span { color: #0088CC; font-weight: bold !important; font-size: 12px !important; } /* billing */ .fixedWidth960 .billing .titleText { margin: 0 0 9px 0 !important; font-size: 18px !important; font-weight: bold; color: #0088CC !important; text-align: left !important; border: 0 !important; font-weight: bold !important; } .fixedWidth960 .billing .oneFeatureBlock { float: left; width: 310px; margin-right: 40px; margin-bottom: 30px; min-height: 80px; } .fixedWidth960 .billing .oneFeatureBlock:nth-child(2n+2) { margin-right: 0; } .fixedWidth960 .billing .uniContentBlock { padding-bottom: 30px; border-bottom: 1px dotted #ddd; } .fixedWidth960 .billing .uniContentBlock:last-child { border: 0; } .fixedWidth960 .billing .uniContentBlock.upgradeCopyright { margin-top: 140px; font-size: 11px; color: #aaa; } .fixedWidth960 .billing .oneFeatureBlock .featureDescr { padding-left: 90px; } .fixedWidth960 .billing .oneFeatureBlock .featureDescr.stopads { background: url('https://assets-edge.slickpic.com/img/land/billing/ico_stopads.png') no-repeat top left; } .fixedWidth960 .billing .oneFeatureBlock .featureDescr.blocks { background: url('https://assets-edge.slickpic.com/img/land/billing/ico_blocks.png') no-repeat top left; } .fixedWidth960 .billing .oneFeatureBlock .featureDescr.screen { background: url('https://assets-edge.slickpic.com/img/land/billing/ico_screen.jpg') no-repeat top left; } .fixedWidth960 .billing .oneFeatureBlock .featureDescr.globe { background: url('https://assets-edge.slickpic.com/img/land/billing/ico_globe.jpg') no-repeat top left; } .fixedWidth960 .billing .oneFeatureBlock .featureDescr.magicwand { background: url('https://assets-edge.slickpic.com/img/land/billing/ico_magicwand.png') no-repeat top left; } .fixedWidth960 .billing .oneFeatureBlock .featureDescr h3 { font-size: 18px; font-weight: normal; color: #333; margin-bottom: 5px; } .fixedWidth960 .billing .oneFeatureBlock .featureDescr p { font-size: 12px; line-height: 18px; text-align: justify; } .fixedWidth960 .billing .upgradeBlock { position: relative; float: left; width: 198px; height: 410px; margin-right: 50px; background-color: #f8f8f8; border: 1px solid #ddd; -moz-border-radius: 10px; -webkit-background-clip: padding-box; -webkit-border-radius: 10px; -moz-box-shadow: 0 0 1px #fff inset; -webkit-box-shadow: 0 0 1px #fff inset; text-shadow: 0 1px 0 #fff; } .fixedWidth960 .billing .upgradeBlock.blue { background-color: #a5cfff; border-color: #7fb8f9; color: #333; text-shadow: 0 1px 0 #aacff7; } .fixedWidth960 .billing .upgradeBlock.last { margin-right: 0; } .fixedWidth960 .billing .upgradeBlock .upgradeBlockCnt { padding: 15px; } .fixedWidth960 .billing .upgradeBlock .upgradeBlockCnt .abbr { position: relative; cursor: help; } .fixedWidth960 .billing .upgradeBlock .upgradeBlockCnt .abbr:hover i { display: block; } .fixedWidth960 .billing .upgradeBlock .upgradeBlockCnt .abbr i { position: absolute; top: 120%; right: -20%; width: 160px; height: auto; padding: 15px; color: #333; font-style: normal; background-color: #f8f8f8; border: 1px solid #aaa; z-index: 2011; display: none; -moz-box-shadow: 0 3px 5px #777; -webkit-box-shadow: 0 3px 5px #777; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .fixedWidth960 .billing .upgradeBlock .upgradeBlockCnt h3 { font-size: 18px; text-transform: uppercase; margin-bottom: 5px; white-space: nowrap; } .fixedWidth960 .billing .upgradeBlock .upgradeBlockCnt h4 { font-size: 14px; color: #777; } .fixedWidth960 .billing .upgradeBlock.blue .upgradeBlockCnt h4 { color: #333; } .fixedWidth960 .billing .upgradeBlock .upgradeBlockCnt ul { list-style: none; margin: 0; padding: 0; width: 160px; margin-top: 0; } .fixedWidth960 .billing .upgradeBlock .upgradeBlockCnt ul li:before { font-family: verdana, tahoma, arial, Courier, 'Courier New', 'Comic Sans MS', Georgia, Impact, 'Lucida Grande', 'Trebuchet MS', 'MS Sans Serif', 'MS Serif', 'Times New Roman', 'Lucida Sans Unicode', 'DejaVu Sans', sans-serif !important; position: absolute; top: 5px; left: 0; xcontent: "˅ "; xcontent: "✓ "; content: "✓ "; padding-right: 5px; font-weight: bold; color: #0088CC; } .fixedWidth960 .billing .upgradeBlock.firstblock .upgradeBlockCnt ul li:before { content: "✓ "; } .fixedWidth960 .billing .upgradeBlock.blue .upgradeBlockCnt ul li:before { color: #333; } .fixedWidth960 .billing .upgradeBlock .upgradeBlockCnt ul li { position: relative; display: block; line-height: 16px; padding-left: 16px; padding-bottom: 5px; padding-top: 5px; } .fixedWidth960 .billing .upgradeBlock .upgradeBlockCnt ul li.text-simple { padding: 0; overflow: hidden; padding-top: 7px; font-size: 12px; line-height: 16px; } .fixedWidth960 .billing .upgradeBlock .upgradeBlockCnt ul li.text-simple:before { content: ''; } .fixedWidth960 .billing .upgradeBlock.blue .upgradeBlockCnt ul li { border-top-color: #5791d0; border-bottom-color: #2e68b1; } .fixedWidth960 .billing .upgradeBlock .upgradeBlockCnt ul li:first-child { border-top: 0; } .fixedWidth960 .billing .upgradeBlock .upgradeBlockCnt ul li:last-child { border-bottom: 0; } .fixedWidth960 .billing .upgradeBlock .text-plus { position: absolute; top: 100%; margin-top: 15px; left: 0; font-size: 12px; font-weight: bold; width: 200px; height: auto; text-align: center; text-shadow: none; } .fixedWidth960 .billing .upgradeBlock .text-plus span { font-weight: bold; color: #f60; display: block; width: 100%; margin-top: 6px; text-shadow: none; } .fixedWidth960 .billing .upgradeBlock .text-plus font { font-weight: normal; display: block; text-shadow: none; font-size: 12px; white-space: nowrap; } .fixedWidth960 .billing .upgradeBlock .upgradeButton { position: absolute; width: 220px; height: 50px; top: -70px; left: 0; background: url('btn_bigupgrade.png') no-repeat top left; } .fixedWidth960 .billing .upgradeBlock .upgradeButton span { display: block; position: relative; color: #333; text-shadow: none; margin-left: 10px; padding-left: 10px; margin-bottom: 10px; width: 160px; } .fixedWidth960 .billing .upgradeBlock .upgradeButton span:before { position: absolute; top: 0; left: 0; content: '*'; } .fixedWidth960 .billing .upgradeBlock .upgradeButton a.upgrade-button-bottom { display: none; display: block; width: 310px; height: 42px; background: url('https://assets-edge.slickpic.com/img/land/billing/btn_upgrade-orange.png') no-repeat top left; } .fixedWidth960 .billing .upgradeBlock .upgradeButton a:hover { opacity: 0.8; } .fixedWidth960 .billing .upgradeBlock .upgradeButton a:active { opacity: 1; } .fixedWidth960 .billing .upgradeBlock .upgrade-additional-service { text-shadow: none; color: #333; display: block; margin-top: 5px; width: 200px; } .fixedWidth960 .billing .upgradeBlock .icoMostPopular { position: absolute; top: -36px; right: -29px; width: 71px; height: 71px; background: transparent url('https://assets-edge.slickpic.com/img/land/billing/ico_mostpopular.png') no-repeat top left; z-index: 10; } .fixedWidth960 .billing .upgradeToBottom { margin-top: 15px; } .fixedWidth960 .billing .upgradeToBottom:hover { opacity: 0.8; } .fixedWidth960 .billing .uniContentBlock.block-features { border-color: transparent; margin-top: 40px; width: 960px; padding-bottom: 120px; } .fixedWidth960 .billing .uniContentBlock.block-features .upgradeButton { top: auto; bottom: -70px; } .fixedWidth960 .hr-billing { width: 100%; height: 1px; background-color: #ddd; padding: 0 20px; margin: 12px 0 12px -20px; box-shadow: 0 1px 0 #fff; } .icolor { position: absolute; z-index: 8899; } .icolor_flat, .icolor_ft { position: relative; } .icolor td { width: 15px; height: 15px; border: solid 1px #000000; cursor: pointer; } .icolor table { background-color: #FFFFFF; border: solid 1px #ccc; } .icolor .icolor_tbx { width: 170px; border-top: 1px solid #999; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .icolor_ok img { border: none; } /* features list */ .featureMatrix { margin-bottom: 50px; } .featureMatrixCnt .matrixTable { width: 100%; text-align: left; color: #333; } .featureMatrixCnt .matrixTable:first-child tr th { color: #333; } .featureMatrixCnt .matrixTable strike { color: #777; } .featureMatrixCnt .matrixTable tr:first-child { border-bottom: 1px dashed #ddd; } .featureMatrixCnt .matrixTable tr th { padding: 10px; font-size: 16px; line-height: 20px; width: 136px; color: #aaa; } .featureMatrixCnt .matrixTable tr td, .featureMatrixCnt .matrixTable tr th { border-right: 1px dashed #ddd; } .featureMatrixCnt .matrixTable tr td { border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; } .featureMatrixCnt .matrixTable tr th span { font-weight: normal; font-size: 12px; color: #777; } .featureMatrixCnt .matrixTable th, .featureMatrixCnt .matrixTable td { padding: 10px; text-align: center; font-size: 13px; } .featureMatrixCnt .matrixTable tr td:first-child, .featureMatrixCnt .matrixTable tr th:first-child { padding-left: 10px; text-align: left; width: 270px; max-width: 270px; min-width: 270px; } .featureMatrixCnt .matrixTable tr th:first-child { padding-left: 0; color: #0088CC; font-size: 16px; } .featureMatrixCnt .matrixTable tr td:first-child { color: #777; } .featureMatrixCnt .matrixTable tr td:last-child, .featureMatrixCnt .matrixTable tr th:last-child, .featureMatrixCnt .matrixTable tr:last-child { border-right-color: transparent; } .featureMatrixCnt .matrixTable tr:nth-child(2n+2) { background-color: #F3F8FC; } .featureMatrixCnt .matrixTable tr.odd, .featureMatrixCnt .matrixTable tr.odd td { background-color: #F3F8FC; } .box-note { width: 100%; background-color: #f8f8f8; margin-top: -4px; border: 1px solid #eee; -moz-box-shadow: 0pt 0pt 1px #fff inset; margin-bottom: 20px; text-shadow: 0 1px 0 #fff; } .box-note .box-note-cnt { padding: 10px 15px; } .box-note .box-note-cnt select, .box-note .box-note-cnt textarea, .box-note .box-note-cnt input { background-color: #fff; border: 1px solid #eee; font-family: Arial, Tahoma sans-serif; font-size: 12px; line-height: 18px; padding: 2px 5px; margin: 5px 0; -webkit-transition: all 0.2s; } .box-note .box-note-cnt select:focus, .box-note .box-note-cnt textarea:focus, .box-note .box-note-cnt input:focus { text-decoration: none; border-color: #67a8e7; -moz-box-shadow: 0 0 7px #67a8e7; -webkit-box-shadow: 0 0 7px #67a8e7; } .box-note .box-note-cnt textarea { width: 250px; height: 75px; } .box-note .box-note-cnt select { width: 262px; } .box-note .box-note-cnt .box { padding: 12px 0 10px; } .box-note .box-note-cnt .box .status { font-size: 14px; line-height: 20px; } .box-note .box-note-cnt .box p { padding-bottom: 10px; } .box-note .box-note-cnt .box.left { float: left; display: inline; width: 300px; border-right: 1px dotted #eee; } .box-note .box-note-cnt .box.right { float: left; display: inline; width: 300px; padding-left: 40px; } .box-note .box-note-cnt .retouch-title { font-weight: bold; margin-bottom: 15px; } .box-note .box-note-cnt .retouch-title .retouch-title-saved { margin-left: 8px; font-weight: normal; } .box-note .box-note-cnt .retouch-order-std-opts { margin: 0px 0px 15px; } .box-note .box-note-cnt .retouch-order-suggestion.none { display: none; } .box-note .box-note-cnt .retouch-order-suggestion TEXTAREA { color: #999; -webkit-transition: all 0.2s; } .box-note .box-note-cnt .box.tabled p { padding: 0; padding-left: 0; margin-bottom: 5px; } .box-note .box-note-cnt .box.tabled p.head { padding-left: 0; } .box-note .box-note-cnt .box.tabled p.head span { font-weight: bold; width: 200px; } .box-note .box-note-cnt .box.tabled p.head span.rdProc { color: #333 !important; } .box-note .box-note-cnt .box.tabled p span { display: inline-block; width: 110px; white-space: nowrap; } .box-note .box-note-cnt .buttonGreen { width: 180px !important; margin: 5px 0 5px -2px !important; } .box-note .box-note-cnt .buttonGreen SPAN { font-weight: bold ! important; } .box-note .box-note-cnt .credits-stat .negative { color: #F30; } .box-note .link-cancel-submit { padding-left: 10px; color: #08C; } .box-note .box-note-cnt .box .status { font-weight: bold; } .box-note .box-note-cnt .box .status.rdProc { color: #F50; } .box-note .box-note-cnt .box .status.rdReady { color: #1A1; } .box-note .box-note-cnt .box .status.rdAppr { color: blue; } .retouch-comparing .box-note .box-note-cnt .box.credits-stat p span { font-weight: bold; } .retouch-block-part div b.orange.rdProc { color: #333 !important; } .retouch-comparing .comparing-head .comparing-head-text { margin-bottom: 10px; } .retouch-comparing .comparing-head .comparing-head-before-after { margin: 5px 0; border-top: 3px solid #f8f8f8; border-bottom: 3px solid #f8f8f8; padding: 5px 0; text-transform: uppercase; color: #777; font-weight: bold; font-size: 14px; display: none; } .retouch-comparing .comparing-head .comparing-head-before-after .before { float: left; display: inline; width: 45%; margin-right: 5%; } .retouch-comparing .comparing-head .comparing-head-before-after .after { float: left; display: inline; width: 45%; margin-right: 0; } .retouch-comparing .comparing-body { position: relative; width: 100%; } .retouch-comparing .comparing-body .comparing-block { width: 100%; float: left; display: inline; clear: both; padding: 25px 0; border-bottom: 1px dotted #ddd; } .retouch-comparing .comparing-body .comparing-block:last-child { border-bottom: 0; } .retouch-comparing .comparing-body .comparing-block .comparing-photo { position: relative; float: left; display: inline; } .retouch-comparing .comparing-body .comparing-block .comparing-photo.left { width: 100%; } .retouch-comparing .comparing-body .comparing-block.photo-two .comparing-photo.left { width: 45%; margin-right: 5%; } .retouch-comparing .comparing-body .comparing-block .comparing-photo.right { width: 45%; display: none; } .retouch-comparing .comparing-body .comparing-block.photo-two .comparing-photo.right { width: 45%; display: block; } .retouch-comparing .comparing-body .comparing-block .comparing-photo .comparing-photo-cnt { position: relative; } .retouch-comparing .comparing-body .comparing-block .comparing-photo .comparing-photo-cnt .photo { position: relative; display: inline; float: left; max-width: 100%; padding-bottom: 24px; } .retouch-comparing .comparing-body .comparing-block.photo-two .comparing-photo.left .comparing-photo-cnt .photo { float: right; } .retouch-comparing .comparing-body .comparing-block .comparing-photo.left .comparing-photo-cnt .photo { margin-left: 50%; } .retouch-comparing .comparing-body .comparing-block.photo-two .comparing-photo.left .comparing-photo-cnt .photo { margin-left: 0; } .retouch-comparing .comparing-body .comparing-block .comparing-photo .comparing-photo-cnt .photo img { position: relative; max-width: 99%; max-height: 500px; border: 3px solid #ddd; display: block; margin-left: -50%; } .retouch-comparing .comparing-body .comparing-block.photo-two .comparing-photo .comparing-photo-cnt .photo img { max-width: 99%; max-height: 500px; border: 3px solid #ddd; display: block; margin-left: 0; } .retouch-comparing .comparing-body .comparing-block .comparing-photo .comparing-photo-cnt .controls { position: relative; width: 100%; TTTtop: 100%; margin-top: 10px; top: bottom; min-width: 200px; margin-left: -50%; } .retouch-comparing .comparing-body .comparing-block.photo-two .comparing-photo .comparing-photo-cnt .controls { position: relative; width: 100%; top: 100%; margin-top: 10px; top: bottom; min-width: 200px; margin-left: 0; } .retouch-comparing .comparing-body .comparing-block .comparing-photo .comparing-photo-cnt .photo-show-status { position: relative; width: 100%; top: -8px; font-weight: bold; margin-top: 10px; top: bottom; min-width: 200px; margin-left: -50%; font-size: 18px; color: #080; } .retouch-comparing .comparing-body .comparing-block.photo-two .comparing-photo .comparing-photo-cnt .photo-show-status { margin-left: 0; } .retouch-comparing .comparing-body .comparing-block .comparing-photo .comparing-photo-cnt .photo-show-status:before, .retouch-comparing .comparing-body .comparing-block .comparing-photo .comparing-photo-cnt .photo-show-status.after:before { content: 'AFTER - Edited Version'; white-space: nowrap; } .retouch-comparing .comparing-body .comparing-block .comparing-photo .comparing-photo-cnt .photo-show-status.before:before { content: 'BEFORE - Original Version'; color: #f50; white-space: nowrap; } .retouch-comparing .comparing-body .comparing-block .comparing-photo .comparing-photo-cnt .photo-show-status.none:before { content: ''; } .retouch-comparing .comparing-body .comparing-block.photo-two .comparing-photo .comparing-photo-cnt .photo-show-status.before:before { color: #333 !important; } .retouch-comparing .comparing-body .comparing-block .comparing-photo .comparing-photo-cnt .controls .actions { float: left; width: 50%; display: inline; } .retouch-comparing .comparing-body .comparing-block .comparing-photo .comparing-photo-cnt .controls .actions.left { float: left; } .retouch-comparing .comparing-body .comparing-block .comparing-photo .comparing-photo-cnt .controls .actions.right { float: right; text-align: right; line-height: 18px; } .retouch-comparing .comparing-body .comparing-block .comparing-photo .comparing-photo-cnt .controls .actions label font { line-height: 20px; } .retouch-comparing .comparing-body .comparing-block .comparing-photo .comparing-photo-cnt .actions a { text-decoration: none; } .retouch-comparing .comparing-body .comparing-block .comparing-photo .comparing-photo-cnt .actions a:hover { text-decoration: none; } .retouch-comparing .comparing-body .comparing-block .comparing-photo .comparing-photo-cnt .actions a.disable { color: #999; cursor: default; } .retouch-comparing .box-note.actions-menu .select-box a { text-decoration: none; border-bottom: 1px dotted transparent; } .retouch-comparing .box-note.actions-menu .select-box a:hover { border-color: #0088CC; } .retouch-comparing .box-note.actions-menu .selected-count-parts { line-height: 26px; font-size: 12px; display: none; } .retouch-comparing .box-note.actions-menu p b { font-size: 18px; line-height: 26px; } .retouch-comparing .box-note.actions-menu p b.selected-count.zero { color: #F50; } .retouch-comparing .box-note.actions-menu p b.small { font-size: 12px; } .retouch-comparing .box-note.actions-menu select { margin-top: 8px; } .retouch-comparing .box-note.actions-menu .box { width: 600px; } .retouch-comparing .box-note.actions-menu .box.border-top { width: 100%; border-top: 1px dotted #eee; } .retouch-comparing .box-note.actions-menu .select-act-process-status { display: none; color: #0DA12A; padding-bottom: 0px; } .retouch-comparing .comparing-body .comparing-block .comparing-photo .comparing-photo-cnt .black { color: #333; } /* Buy credits */ .upgrade-credits { font-family: "SlickPro", "SlickSanFrancisco", "SF Pro Text", "Myriad Set Pro", "San Francisco", "SlickFont", "Helvetica Neue", "Segoe UI", "Roboto", "Helvetica", "Hiragino Kaku Gothic Pro", "Meiryo", Arial, sans-serif !important; text-align: left; } .upgrade-credits .uniContentBlock { width: 960px; } .upgrade-credits .steps-enhance-3 { position: relative; width: 100%; } .upgrade-credits h3 { font-size: 16px; font-weight: normal; margin-bottom: 16px; } .upgrade-credits .steps-enhance-3 .columns { float: left; display: inline; overflow: auto; } .upgrade-credits .steps-enhance-3 .columns .column { height: 110px; padding-left: 2%; float: left; display: inline; width: 28%; margin-right: 4%; border-right: 1px dotted #ddd; line-height: 18px; } .upgrade-credits .steps-enhance-3 .columns .column.c3 { margin-right: 0; border: 0; } .upgrade-credits .steps-enhance-3 .columns .column h4 { margin-bottom: 6px; position: relative; } .upgrade-credits .steps-enhance-3 .columns .column .title .number { position: absolute; margin-left: -2%; font-size: 16px; color: #f50; font-weight: bold; } .upgrade-credits .plans { margin-top: 0px; } .upgrade-credits .plans .rows-plans { float: left; display: inline; width: 100%; } .upgrade-credits .plans .rows-plans .row { float: left; width: 100%; height: auto; border-bottom: 1px dotted #ddd; padding: 10px 0; } .upgrade-credits .plans .rows-plans .row .column { float: left; min-height: 16px; display: inline; width: 31%; padding-right: 5%; font-size: 12px; } .upgrade-credits .plans .rows-plans .row.head .column { font-weight: bold; } .upgrade-credits .plans .rows-plans .row .column.c1 { font-weight: bold; width: 20%; } .upgrade-credits .plans .rows-plans .row.gray { background-color: #f8f8f8; } .upgrade-credits .row:hover { background: #eff1f6 url('https://assets-edge.slickpic.com/img/common/bg_lightblue.png') repeat top left !important; } .upgrade-credits .row.head:hover { background: none !important; } .upgrade-credits .plans-schedule { margin-top: 0px; } .upgrade-credits .plans-schedule .rows-plans { float: left; display: inline; width: 100%; } .upgrade-credits .plans-schedule .rows-plans .row { float: left; width: 100%; height: auto; border-bottom: 1px dotted #ddd; padding: 10px 0; } .upgrade-credits .plans-schedule .rows-plans .row .column { float: left; min-height: 16px; display: inline; width: 20%; padding-right: 5%; font-size: 12px; } .upgrade-credits .plans-schedule .rows-plans .row.head .column { font-weight: bold; } .upgrade-credits .plans-schedule .rows-plans .row .column.c1 { font-weight: bold; width: 20%; } .upgrade-credits .plans-schedule .rows-plans .row.gray { background-color: #f8f8f8; } .upgrade-credits .uniContentBlock { margin-bottom: 40px; } .upgrade-credits .credits-advice { text-align: center; font-size: 12px; margin: 10px 0; padding: 15px; line-height: 18px; background-color: #f8f8f8; border: 1px dashed #ddd; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .upgrade-credits { padding-bottom: 50px; } .upgrade-credits-cnt { font-family: "SlickPro", "SlickSanFrancisco", "SF Pro Text", "Myriad Set Pro", "San Francisco", "SlickFont", "Helvetica Neue", "Segoe UI", "Roboto", "Helvetica", "Hiragino Kaku Gothic Pro", "Meiryo", Arial, sans-serif !important; } .upgrade-credits-cnt p { line-height: 20px; } .upgrade-credits-cnt .table-row-two { margin: 20px 0; } .upgrade-credits-cnt .table-row-two .row { position: relative; clear: both; float: left; display: inline; padding: 5px 0; border-bottom: 1px dotted #ddd; } .upgrade-credits-cnt .table-row-two .row.head { font-weight: bold; font-size: 14px; } .upgrade-credits-cnt .table-row-two .row:hover { background-color: #ECF2FC; } .upgrade-credits-cnt .table-row-two .row.head:hover { background-color: transparent; } .upgrade-credits-cnt .table-row-two .row .cell { position: relative; float: left; display: inline; width: 250px; line-height: 18px; } .upgrade-credits-cnt .table-row-two .row.active { background: #0088CC; background: -moz-linear-gradient(top, #7db9e8 0%, #0088CC 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7db9e8), color-stop(100%, #0088CC)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db9e8', endColorstr='#0088CC', GradientType=0); border-color: transparent !important; } .upgrade-credits-cnt .table-row-two .row.active * { color: #fff !important; } .upgrade-credits-cnt .table-row-two .row .cell.c1 { width: 145px; padding-left: 5px; } .upgrade-credits-cnt .table-row-two .row.head .cell.c1 { width: 150px; padding-left: 0; } .upgrade-credits-cnt .table-row-two .row .cell.c2 { color: #333; } .upgrade-credits-cnt .table-row-two .row .cell.c1 select { margin-top: -2px; width: 75px; color: #333 !important; background-color: transparent !important; border: 1px solid #ddd; color: #333; } .upgrade-credits-cnt .table-row-two .row.active .cell.c1 select { color: fff !important; background-color: transparent !important; border: 1px solid #ddd; color: #333; } .upgrade-credits-cnt .table-row-two .row.active .cell.c1 select * { color: #111 !important; background-color: transparent; } .upgrade-credits-cnt .table-row-two .row .cell input { margin-right: 5px; vertical-align: middle; } .upgrade-credits-cnt .table-row-two .row .cell label { display: block; width: 100%; line-height: 16px; } .upgrade-credits-cnt .table-row-two .row .cell span { line-height: 22px; } .upgrade-credits-cnt .table-row-two .row .cell strong { line-height: 22px; color: #333; font-weight: normal; float: left; display: inline; width: 60px; } .upgrade-credits-cnt .table-row-two .row .cell i { line-height: 22px; color: #333; font-size: 12px; font-style: normal; display: none; } .upgrade-credits-cnt .table-row-two .row .cell font { line-height: 22px; display: inline; color: green; } /* Dialog Upload */ .add-photos-to-album .block { display: inline; width: 48%; position: relative; } .add-photos-to-album .block strong { display: block; padding: 0 0 7px; } .add-photos-to-album .block i { display: block; font-size: 11px; padding-top: 2px; color: #aaa; } .add-photos-to-album .block i a { text-decoration: none; border-bottom: 1px dotted; } .add-photos-to-album .block i a:hover { border-bottom: 0; } .add-photos-to-album input[type=text] { padding: 6px 1px 5px 8px; width: 350px !important; border: 1px solid #cecece; height: 15px; font-size: 12px; font-family: arial; /* Input-s background in depth */ background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)); background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0); -moz-border-radius: 3px; -webkit-background-clip: padding-box; -webkit-border-radius: 3px; text-shadow: #fff 0px -1px 1px; color: #333; } .add-photos-to-album input[type=text]:focus { border: 1px solid #7cafe1; outline: 0; background: none; background-color: #fff; } .add-photos-to-album textarea { font-family: Arial; padding: 5px 1px 5px 8px; width: 350px; border: 1px solid #cecece; height: 16px; font-size: 12px; font-family: arial; /* Input-s background in depth */ background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)); background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0); -moz-border-radius: 3px; -webkit-background-clip: padding-box; -webkit-border-radius: 3px; text-shadow: #fff 0px 1px 0; color: #333; line-height: 18px; height: 36px; overflow-x: hidden; } .add-photos-to-album .album-menu-container .fg-button { width: 325px; } .add-photos-to-album .album-name-predef { position: absolute; top: 4px; left: 10px; font-size: 12px; width: 350px; height: 20px; line-height: 20px; color: #777; overflow: hidden; } .add-photos-to-album .album-name-predef b { color: #333; } /* Example Dashboard */ .example-retouch { display: block; } .example-images { height: 150px; overflow: hidden; margin: 15px 0 10px; } .example-retouch .example-menu { margin-top: 10px; } .example-retouch .example-menu a { text-decoration: none; border-bottom: 1px dashed; margin: 0 5px; float: left; display: inline; } .example-retouch .example-menu a:hover { border-color: transparent; } .example-retouch .example-menu a.active { border-color: transparent; color: #333; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .example-retouch .example-images .img { width: 100%; height: 220px; -webkit-transition: all 1s; -moz-transition: all 0.1s; } .example-retouch .example-images .img.none, .example-retouch .example-images .img.noneI { display: none; } .example-retouch .example-images .img .image-after { margin-left: 20px; } .example-retouch .example-images .img.example-1 .image-before, .example-retouch .example-images .img.example-1 .image-after:hover { float: left; display: inline; height: 150px; width: 190px; background: url('https://assets-edge.slickpic.com/img/album/other/example-6-before.png') no-repeat top left; } .example-retouch .example-images .img.example-1 .image-after, .example-retouch .example-images .img.example-1 .image-before:hover { float: left; display: inline; height: 150px; width: 190px; background: url('https://assets-edge.slickpic.com/img/album/other/example-6-after.png') no-repeat top left; } .example-retouch .example-images .img.example-2 .image-before, .example-retouch .example-images .img.example-2 .image-after:hover { float: left; display: inline; height: 209px; width: 190px; background: url('https://assets-edge.slickpic.com/img/album/other/example-1-before.png') no-repeat top left; } .example-retouch .example-images .img.example-2 .image-after, .example-retouch .example-images .img.example-2 .image-before:hover { float: left; display: inline; height: 209px; width: 190px; background: url('https://assets-edge.slickpic.com/img/album/other/example-1-after.png') no-repeat top left; } .example-retouch .example-images .img.example-7 .image-before, .example-retouch .example-images .img.example-7 .image-after:hover { float: left; display: inline; height: 184px; width: 190px; background: url('https://assets-edge.slickpic.com/img/album/other/example-2-before.png') no-repeat top left; } .example-retouch .example-images .img.example-7 .image-after, .example-retouch .example-images .img.example-7 .image-before:hover { float: left; display: inline; height: 184px; width: 190px; background: url('https://assets-edge.slickpic.com/img/album/other/example-2-after.png') no-repeat top left; } .example-retouch .example-images .img.example-3 .image-before, .example-retouch .example-images .img.example-3 .image-after:hover { float: left; display: inline; height: 184px; width: 190px; background: url('https://assets-edge.slickpic.com/img/album/other/example-3-before.png') no-repeat top left; } .example-retouch .example-images .img.example-3 .image-after, .example-retouch .example-images .img.example-3 .image-before:hover { float: left; display: inline; height: 184px; width: 190px; background: url('https://assets-edge.slickpic.com/img/album/other/example-3-after.png') no-repeat top left; } .example-retouch .example-images .img.example-4 .image-before, .example-retouch .example-images .img.example-4 .image-after:hover { float: left; display: inline; height: 184px; width: 190px; background: url('https://assets-edge.slickpic.com/img/album/other/example-4-before.png') no-repeat top left; } .example-retouch .example-images .img.example-4 .image-after, .example-retouch .example-images .img.example-4 .image-before:hover { float: left; display: inline; height: 184px; width: 190px; background: url('https://assets-edge.slickpic.com/img/album/other/example-4-after.png') no-repeat top left; } .example-retouch .example-images .img.example-5 .image-before, .example-retouch .example-images .img.example-5 .image-after:hover { float: left; display: inline; height: 200px; width: 190px; background: url('https://assets-edge.slickpic.com/img/album/other/example-5-before.png') no-repeat top left; } .example-retouch .example-images .img.example-5 .image-after, .example-retouch .example-images .img.example-5 .image-before:hover { float: left; display: inline; height: 200px; width: 190px; background: url('https://assets-edge.slickpic.com/img/album/other/example-5-after.png') no-repeat top left; } /* Landing page 01 */ body.landing01 { background: #fff url('https://assets-edge.slickpic.com/img/land/landing01/header-bg.jpg') no-repeat -9999px -9999px; font-family: "SlickPro", "SlickSanFrancisco", "SF Pro Text", "Myriad Set Pro", "San Francisco", "SlickFont", "Helvetica Neue", "Segoe UI", "Roboto", "Helvetica", "Hiragino Kaku Gothic Pro", "Meiryo", Arial, sans-serif !important; } body.landing01 header h1 a { background-image: url('https://assets-edge.slickpic.com/img/index/slickpic-logo3.png'); } body.landing01 header ul li a { color: #333 !important; text-shadow: none; } body.landing01 header { margin-bottom: 5px; } .landing01 .landing-splash { border-top: 1px solid #222; position: absolute; width: 100%; height: 340px; background: url('https://assets-edge.slickpic.com/img/land/landing01/splash-bg.jpg') repeat top left; left: 0; margin-top: -35px; } .landing01 .landing-splash .cnt { width: 960px; height: inherit; text-align: center; margin: 0 auto; } .landing01 .landing-splash .cnt .side-right { float: right; display: inline; width: 410px; height: inherit; background: url('https://assets-edge.slickpic.com/img/land/landing01/splash-text.png') no-repeat center right; } .landing01 .landing-splash .cnt .side-right.lite { background-image: url('https://assets-edge.slickpic.com/img/land/landing01/splash-text-lite.png'); } .landing01 .landing-splash .cnt .side-left { position: relative; float: left; display: inline; width: 550px; height: inherit; } .landing01 .landing-splash .cnt .side-left .slider { position: relative; overflow: hidden; width: 100%; height: inherit; } .landing01 .landing-splash .cnt .side-left .slider .slider-img-1, .landing01 .landing-splash .cnt .side-left .slider .slider-img-2, .landing01 .landing-splash .cnt .side-left .slider .slider-img-3 { float: left; display: inline; width: 100%; height: inherit; } .landing01 .landing-splash .cnt .side-left .slider .slider-img-1 { no-background: url('https://assets-edge.slickpic.com/img/land/landing01/splash-img-1.jpg') no-repeat top left; } .landing01 .landing-splash .cnt .side-left .slider .slider-img-2 { no-background: url('https://assets-edge.slickpic.com/img/land/landing01/splash-img-2.jpg') no-repeat top left; } .landing01 .landing-splash .cnt .side-left .slider .slider-img-3 { no-background: url('https://assets-edge.slickpic.com/img/land/landing01/splash-img-3.jpg') no-repeat top left; } .landing01 .landing-splash-fix { height: 340px; } .landing01 .content { width: 960px; height: auto; margin: 0 auto; text-align: left; } .landing01 .content .column-left { position: relative; width: 510px; margin-right: 30px; float: left; margin-bottom: 40px; } .landing01 .content .column-left p { font-size: 12px; line-height: 22px; margin-top: 12px; color: #777; } .landing01 .content .column-left p b { color: #777; font-weight: bold; } .landing01 .content h2 { font-size: 24px; font-weight: bold; font-family: "Myriad Pro", 'Helvetica Neue', 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', arial, sans-serif !important; line-height: 30px; } .landing01 .content h3 { font-size: 16px; font-family: "Myriad Pro", 'Helvetica Neue', 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', arial, sans-serif !important; color: #777; font-weight: normal; } .landing01 .content .column-right { width: 368px; float: right; padding: 10px 20px 30px; margin-bottom: 90px; margin-top: -11px; background: url('https://assets-edge.slickpic.com/img/common/bg_lightblue.png') repeat top left; border: 1px solid #d0d7e8; -moz-border-radius: 5px; -moz-box-shadow: 0 5px 10px #ddd; } .landing01 .content .column-right h2 { color: #FF871A; text-shadow: 0 1px 0 #fff; } .landing01 .content .column-right .input-text { clear: both; font-size: 13px; margin-top: 12px; } .landing01 .content .column-right .input-checkbox { clear: both; font-size: 13px; margin-top: 12px; } .landing01 .content .column-right .input-checkbox span { float: left; width: 20px; } .landing01 .content .column-right .input-checkbox label { display: block; margin-left: 24px; } .landing01 .content .column-right .input-text label { float: left; width: 120px; text-align: right; line-height: 30px; padding-right: 10px; } .landing01 .content .column-right .input-text span { float: left; width: 200px; } .landing01 .content .column-right .input-text .sublabel { float: left; font-size: 11px; margin: 3px 0 3px 130px; } .landing01 .content .column-right .input-text span input[type=text], .landing01 .content .column-right .input-text span input[type=password] { width: 210px; height: 20px; padding: 5px 10px; border: 1px solid #ccc; background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .landing01 .content .column-right .input-text span input[type=text]:focus, .landing01 .content .column-right .input-text span input[type=password]:focus { border-color: #fba23a; -moz-box-shadow: 0 1px 10px #fbbe39; -webkit-box-shadow: 0 1px 10px #fbbe39; } .landing01 .content .column-right .form.error { float: left; clear: both; text-align: left; font-size: 12px; line-height: 18px; font-weight: normal; text-decoration: none; margin: 3px 0 3px 130px; } .landing01 .content .column-right #foRtermsofuse.form.error { margin-left: 24px; margin-bottom: 20px; } .landing01 .content .column-right .form.error strong { font-weight: normal; } .landing01 #signUpBtn, .landing01 .leftLogoMenu { display: none !important; } .landing01 .landing-splash .side-left .control { cursor: hand; cursor: pointer; width: 24px; height: 24px; position: absolute; top: 310px; text-indent: -9999px; background: url('https://assets-edge.slickpic.com/img/land/landing01/ico-arrows.png') no-repeat 3px 3px; z-index: 1000; opacity: 0.3; } .landing01 .landing-splash .side-left .control:hover { opacity: 1; } .landing01 .landing-splash .side-left #leftControl { right: 20px; } .landing01 .landing-splash .side-left #rightControl { right: -2px; background-position: -40px 3px; } .landing01 .content .column-right.oneform .registration-tabs h2 { display: block; } .landing01 .content .column-right.pro .registration-tabs, .landing01 .content .column-right.lite .registration-tabs { display: block; } .landing01 .content .column-right.pro > h2, .landing01 .content .column-right.lite > h2 { display: none; } .landing01 .content .column-right .button-submit { float: right; width: 232px; height: 32px; } .landing01 .content .column-right.pro .button-submit, .landing01 .content .column-right.oneform .button-submit { background: url('https://assets-edge.slickpic.com/img/land/landing01/button-continue.png') no-repeat top left; } .landing01 .content .column-right.lite .button-submit { background: url('https://assets-edge.slickpic.com/img/land/landing01/button-getstarted.png') no-repeat top left; } .landing01 .content .column-right.basic .button-submit { background: url('https://assets-edge.slickpic.com/img/land/landing01/button-getstarted.png') no-repeat top left; } .landing01 .content .column-right .registration-tabs { position: relative; top: -1px; left: -1px; width: 407px; padding-top: 00px; line-height: 50px; border: 1px solid transparent; margin-top: -10px; margin-left: -20px; text-align: center; } .landing01 .content .column-right .registration-tabs .tab-1 { padding-left: 0%; width: 27%; float: left; height: 49px; } .landing01 .content .column-right .registration-tabs .tab-3 { padding-left: 0%; width: 27%; float: left; height: 49px; } .landing01 .content .column-right .registration-tabs .tab-1 h2, .landing01 .content .column-right .registration-tabs .tab-2 h2, .landing01 .content .column-right .registration-tabs .tab-3 h2 { display: block; line-height: 46px; font-size: 13px; white-space: nowrap; } .landing01 .content .column-right .registration-tabs .tab-1 h2 a, .landing01 .content .column-right .registration-tabs .tab-2 h2 a { color: #f50; text-decoration: none; } .landing01 .content .column-right .registration-tabs .tab-2 { padding-left: 0%; width: 45%; float: right; height: 49px; } .landing01 .content .column-right .registration-tabs .tab-2.basic { width: 28%; float: left; } .landing01 .content .column-right.lite .registration-tabs .tab-2 { position: relative; margin-left: -1px; background: url('https://assets-edge.slickpic.com/img/common/bg_lightblue_darker.png') repeat top left; border-bottom: 1px solid #D0D7E8; z-index: 100; border-left: 1px solid #D0D7E8; -moz-box-shadow: 5px -5px 5px #ddd inset, 0 0 1px #fff; -webkit-box-shadow: 5px -5px 5px #ddd inset, 0 0 1px #fff; -moz-border-radius: 0 5px 0 5px; -webkit-border-radius: 0 5px 0 5px; } .landing01 .content .column-right.lite .registration-tabs .tab-2 h2 a { color: #777; text-decoration: none; } .landing01 .content .column-right.lite .registration-tabs .tab-2 h2 a:hover { color: #08C; } .landing01 .content .column-right .registration-tabs .tab-1, .landing01 .content .column-right .registration-tabs .tab-2, .landing01 .content .column-right .registration-tabs .tab-3 { cursor: pointer; } .landing01 .content .column-right.pro .registration-tabs .tab-1, .landing01 .content .column-right.pro .registration-tabs .tab-2.basic, .landing01 .content .column-right.basic .registration-tabs .tab-1, .landing01 .content .column-right.basic .registration-tabs .tab-2.proacc { position: relatiave; margin-left: -1px; background: url('https://assets-edge.slickpic.com/img/common/bg_lightblue_darker.png') repeat top left; border-bottom: 1px solid #D0D7E8; z-index: 100; border-right: 1px solid #D0D7E8; -moz-box-shadow: 5px -5px 5px #ddd inset, 0 0 1px #fff; -webkit-box-shadow: 5px -5px 5px #ddd inset, 0 0 1px #fff; -moz-border-radius: 5px 0 5px 0; -webkit-border-radius: 5px 0 5px 0; } .landing01 .content .column-right.pro .registration-tabs .tab-1 h2 a, .landing01 .content .column-right.pro .registration-tabs .tab-2.basic h2 a, .landing01 .content .column-right.basic .registration-tabs .tab-1 h2 a, .landing01 .content .column-right.basic .registration-tabs .tab-2 h2 a { color: #777; text-decoration: none; } .landing01 .content .column-right.pro .registration-tabs .tab-1 h2 a:hover, .landing01 .content .column-right.pro .registration-tabs .tab-2.basic h2 a:hover, .landing01 .content .column-right.basic .registration-tabs .tab-1 h2 a:hover, .landing01 .content .column-right.basic .registration-tabs .tab-2 h2 a:hover { color: #08C; } .landing01 .content .column-right .registration-tabs .list-features { text-align: left; font-size: 13px; padding: 15px 20px 10px; line-height: 24px; } .landing01 .content .column-right .form.lite { display: block; } .landing01 .content .column-right.lite .form.lite { display: block; } .landing01 .content .column-right .list-features { display: none; } .landing01 .content .column-right.pro .list-features.pro { display: block; } .landing01 .content .column-right.basic .list-features.basic { display: block; } .landing01 .content .column-right.lite .list-features.lite { display: block; } /* Landing page with photographer */ body.landing-photo { background: #fff url('https://assets-edge.slickpic.com/img/land/landing01/header-bg.jpg') no-repeat -9999px -9999px; font-family: "SlickPro", "SlickSanFrancisco", "SF Pro Text", "Myriad Set Pro", "San Francisco", "SlickFont", "Helvetica Neue", "Segoe UI", "Roboto", "Helvetica", "Hiragino Kaku Gothic Pro", "Meiryo", Arial, sans-serif !important; } body.landing-photo header h1 a { background-image: url('https://assets-edge.slickpic.com/img/index/slickpic-logo3.png'); } body.landing-photo header ul li a { color: #333 !important; text-shadow: none; } body.landing-photo header { margin-bottom: 5px; } .landing-photo #signUpBtn, .landing-photo .leftLogoMenu { display: none !important; } body.landing-photo { background: url('https://assets-edge.slickpic.com/img/land/l-photographer/background.png') repeat top left; padding-bottom: 100px; font-family: "Helvetica", "Arial", "Tahoma", sans-serif !important; } .landing-photo .landing-splash { border-top: 1px solid #57a915; border-bottom: 1px solid #57a915; position: absolute; width: 100%; height: 140px; background: url('https://assets-edge.slickpic.com/img/land/l-photographer/background-green.png') repeat top left; left: 0; margin-top: -35px; } .landing-photo.truth .landing-splash { height: 8px; } .landing-photo .landing-splash .cnt { width: 960px; height: inherit; text-align: center; margin: 0 auto; } .landing-photo .landing-splash .cnt .text { width: 960px; height: inherit; background: url('https://assets-edge.slickpic.com/img/land/l-photographer/splash-text.png') no-repeat left center; } .landing-photo .landing-splash-fix { height: 140px; } .landing-photo.truth .landing-splash-fix { height: 10px; } .landing-photo .content { width: 960px; height: auto; margin: 0 auto; text-align: left; } .landing-photo .content .column-left { position: relative; width: 410px; margin-right: 10px; float: left; margin-bottom: 40px; } .landing-photo.truth .content .column-left { position: relative; width: 470px; margin-right: 10px; float: left; margin-bottom: 40px; } .landing-photo .content .column-left { float: left; width: 410px; } .landing-photo .content .column-left .photo-guy { margin-top: -62px; with: 406px; height: 628px; background: url('https://assets-edge.slickpic.com/img/land/l-photographer/photo-guy.jpg') no-repeat top left; } .landing-photo .content .text-information { width: 520px; float: left; padding: 10px 0 0; margin-bottom: 20px; margin-top: -11px; } .landing-photo.truth .content .text-information { margin-top: 34px; } .landing-photo.truth .content .column-left .text-information { margin-top: 10px; } .landing-photo.truth .content .text-information { width: 460px; } .landing-photo .content .text-information h2 { color: #60b21f; font-size: 30px; font-family: "SlickPro", "SlickSanFrancisco", "SF Pro Text", "Myriad Set Pro", "San Francisco", "SlickFont", "Helvetica Neue", "Segoe UI", "Roboto", "Helvetica", "Hiragino Kaku Gothic Pro", "Meiryo", Arial, sans-serif; text-shadow: 1px 1px 3px #eee; } .landing-photo .content .text-information p { padding-left: 40px; font-size: 14px; margin-top: 20px; } .landing-photo .content .text-information strong { position: relative; display: block; line-height: 20px; font-weight: normal; margin: 14px 0; } .landing-photo .content .text-information strong:before { position: absolute; left: -20px; content: '—'; } .landing-photo .content .column-right { width: 463px; float: left; padding: 10px 0 30px; margin-bottom: 0; } .landing-photo .modal-register-head { height: 150px; padding-top: 45px; z-index: 50; } .landing-photo .pro-enhanced .modal-register-head { height: 170px; } .landing-photo .relative .column-right { background-color: #e5f8c8; width: 440px; padding-left: 20px; } .landing-photo .relative { margin-left: 20px; margin-top: 20px; } .landing-photo.truth .relative { margin-left: 3px; } .landing-photo .titleline { position: absolute; top: -46px; left: 0; width: 460px; height: 65px; background: url('https://assets-edge.slickpic.com/img/land/l-photographer/title-create-your-account2.png') no-repeat top left; z-index: 49; } .landing-photo .relative .listing-features strong { text-shadow: none; } .landing-photo .relative .modal-register-head { height: 0; } .landing-photo .relative.basic .modal-register-head { height: 0; } /* .landing-photo .relative.allow-lite-registration .modal-register-head { background-image: url('https://assets-edge.slickpic.com/img/common/registration/bg/signup-lite.png') } .landing-photo .relative.allow-lite-registration.pro-enhanced .modal-register-head { background-image: url('https://assets-edge.slickpic.com/img/common/registration/bg/signup-proenhanced.png') } .landing-photo .relative.allow-lite-registration.basic .modal-register-head { background-image: url('https://assets-edge.slickpic.com/img/common/registration/bg/signup-basic.png') } */ .landing-photo .relative .features-lite-free { display: none; } .landing-photo .relative.allow-lite-registration .listing-features.features-lite, .landing-photo .relative.allow-lite-registration .listing-features.features-pro, .landing-photo .relative.allow-lite-registration .listing-features.features-basic { display: none; } .landing-photo .relative.allow-lite-registration .features-lite-free { display: block; } .landing-photo .relative.allow-lite-registration.pro-enhanced .features-lite-free, .landing-photo .relative.allow-lite-registration.pro-enhanced .features-basic, .landing-photo .relative.allow-lite-registration.basic .features-lite-free { display: none; } .landing-photo .relative.allow-lite-registration.pro-enhanced .features-pro, .landing-photo .relative.allow-lite-registration.basic .features-basic { display: block; width: 425px; } .landing-photo .relative.allow-lite-registration .features-lite-free, .landing-photo .relative.allow-lite-registration .features-lite, .landing-photo .relative.allow-lite-registration .features-basic, .landing-photo .relative.allow-lite-registration .features-pro { background: url('https://assets-edge.slickpic.com/img/common/registration/bg/signup-basic.png') no-repeat 0 -60px; width: 425px; } .landing-photo .relative .listing-features { padding-top: 12px; padding-bottom: 10px; padding-left: 35px; margin: 0; } .landing-photo .register-badge { top: 60px; right: -10px; } .landing-photo.truth .register-badge { right: 0; } .landing-photo .relative.allow-lite-registration .column-right { background-color: #e9fad1; } .landing-photo .relative.allow-lite-registration.pro-enhanced .column-right { background-color: #def7b9; } .landing-photo .relative .listing-features p { margin-left: 14px; margin-top: 1px; } .landing-photo .content .column-right.lite .registration-tabs .tab-1 h2 a { color: #ff7c00; text-decoration: none; } .landing-photo .content .column-right.lite .registration-tabs .tab-2 h2 a { color: #aaa; text-decoration: none; border-bottom: 1px dashed; } .landing-photo .content .column-right.lite .registration-tabs .tab-2 h2 a:hover { border: 0; color: #08c; } .landing-photo .content .column-right.pro .registration-tabs .tab-2 h2 a { color: #ff7c00; text-decoration: none; } .landing-photo .content .column-right.pro .registration-tabs .tab-1 h2 a { color: #b1b1b1; text-decoration: none; border-bottom: 1px dashed; } .landing-photo .content .column-right.pro .registration-tabs .tab-2 { position: relative; padding-bottom: 80px; } .landing-photo .content .column-right.pro .registration-tabs .tab-1 h2 a:hover { border: 0; color: #08c; } .landing-photo .content .column-right .registration-tabs h2 a { font-size: 24px; } .landing-photo .content .column-right .registration-tabs .tab-1, .landing-photo .content .column-right .registration-tabs .tab-2, .landing-photo .content .column-right .registration-tabs .tab-3 { float: left; display: inline; width: auto; padding-right: 20px; } .modal-white { background-color: #fff; padding: 30px 30px 54px; z-index: 500; -moz-border-radius: 20px; -webkit-border-radius: 20px; -moz-box-shadow: 0 3px 50px #000; -webkit-box-shadow: 0 3px 50px #000; text-align: left; color: #555; line-height: 20px; font-size: 12px; } .modal-white h2 { line-height: 30px; font-family: Arial; font-weight: normal; color: #000; margin-bottom: 8px; font-size: 24px; } .modal-white p { margin-bottom: 12px; color: #555; } .modal-white .inside { position: relative; width: 97%; padding-right: 24px; max-height: 420px; overflow: auto; font-family: Arial; font-size: 12px; line-height: 24px; color: #333; } .modal-white-overlay-black { position: fixed; background-color: #000; opacity: 0.5; width: 100%; height: 100%; z-index: 400; } .modal-white .modal-white-close { position: absolute; top: 100%; margin-top: 42px; color: #08C; text-decoration: underline; } .modalCloseImg.dlgSimpleCloseButton { right: -70px !important; top: -8px !important; width: 30px !important; height: 30px !important; background: url('https://assets-edge.slickpic.com/img/index/close.png') no-repeat top left !important; } html div#simplemodal-overlay { position: static; height: 5000% !important; } .tip-message-cont { background-color: #FFF7E4; border: 1px dashed #EBCC98; padding: 10px 15px; margin-bottom: 20px; margin-top: -10px; border-radius: 0 0 5px 5px; box-shadow: 0 1px 5px #eee; } .fixedWidth960 .board-bottom-extra { position: relative; background-color: #f8f8f8; background: #f8f8f8 url('https://assets-edge.slickpic.com/img/common/bg_lightblue.png') repeat top left; border: 1px solid #d0d7e8; -moz-border-radius: 3px; border-radius: 3px; padding: 5px 10px; text-align: center; margin-bottom: 30px; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .fixedWidth960 .board-bottom-extra.none { display: none; } .fixedWidth960 .board-bottom-extra a { text-decoration: none; width: 100%; display: block; } .fixedWidth960 .board-bottom-extra:hover a { text-decoration: underline; } .fixedWidth960 .board-bottom-extra:hover { border-color: #a8b5d5; } x.board .board-cnt * { font-family: Arial !important; } .board .board-cnt a { text-decoration: none; } .board .board-cnt a:hover { text-decoration: underline; } .board .board-cnt .item { padding-bottom: 20px; border-bottom: 1px solid #ddd; margin-bottom: 20px; } .board .board-cnt .item:last-child { border-color: transparent; margin-bottom: 5px; } .board .board-cnt .item .item-cnt .profile { float: left; margin-right: 10px; } .board .board-cnt .item .item-cnt .profile img { width: 50px; height: 50px; overflow: hidden; border: 1px solid #ddd; box-shadow: 0 1px 1px #eee; -webkit-transform: scale(1); -webkit-transition: all 0.2s ease-in-out; -moz-transform: scale(1); -moz-transition: all 0.2s ease-in-out; transform: scale(1); transition: all 0.2s ease-in-out; } .board .board-cnt .item .item-cnt > .profile img.photo:hover { -webkit-transform: scale(1.5); -webkit-transition: all 0.2s ease-in-out; -moz-transform: scale(1.5); -moz-transition: all 0.2s ease-in-out; transform: scale(1.5); transition: all 0.2s ease-in-out; border-color: transparent; background-color: transparent; } .board .board-cnt .item .photos-grid { margin: 4px 0; } .board .board-cnt .item .photos-grid:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .board .board-cnt .item .photos-grid > a { float: left; width: auto; height: auto; } .board .board-cnt .item .photos-grid > a + a { margin-left: 10px; } .board .board-cnt .item .photos-grid > a > img { padding: 2px; border: 1px solid #ddd; max-width: 120px; height: auto; max-height: 80px; box-shadow: 0 1px 1px #eee; } .board .board-cnt .item .photos-grid + p.photos-grid-details { font-size: 11px; font-weight: normal; } .board .board-cnt .item .activity .activity-item { margin-top: 4px; } .board .board-cnt .item .activity .activity-date { margin-left: 12px; font-size: 11px; color: #777; } .board .board-cnt .item .activity .activity-date > a { line-height: 12px; display: inline-block; margin-left: 4px; padding-left: 7px; border-left: 1px dotted #ddd; } .board .board-cnt .item .activity .activity-date > a { __display: none; } .board .board-cnt .item .activity .type.type-following + .activity-date { margin-top: -12px; } .board .board-cnt .item .activity .activity-item .photo { height: auto; width: auto; max-width: 300px; max-height: 300px; border: 1px solid #DDD; padding: 3px; margin: 4px 4px 4px 0px; } .board .board-cnt .item .activity { margin-left: 60px; margin-top: -2px; } .board .board-cnt .item .activity .type-following { display: table-cell; height: 46px; vertical-align: middle; width: 390px; } .board .board-cnt .item .activity .message .type { color: #999; margin-bottom: 2px; line-height: 18px; word-wrap: break-word; overflow: hidden; } .board .board-cnt .item .activity .message .text { color: #111; margin: 4px 0; line-height: 18px; white-space: pre; /* CSS 2.0 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3.0 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -hp-pre-wrap; /* HP Printers */ word-wrap: break-word; /* IE 5+ */ } .board .board-cnt .item .activity .message .attachment .photo { padding: 3px; border: 1px solid #ddd; margin: 4px 4px 4px 0; max-height: 50px; max-width: 60px; } .board .board-cnt .item .activity .message .attachment .photo:hover { -webkit-transform: scale(1.5); -webkit-transition: all 0.2s ease-in-out; -moz-transform: scale(1.5); -moz-transition: all 0.2s ease-in-out; transform: scale(1.5); transition: all 0.2s ease-in-out; border-color: transparent; background-color: transparent; } .board .board-cnt .item .activity .info { margin-top: 2px; font-size: 11px; } .board .board-cnt .item .activity .info .node { color: #999; } .board .board-cnt .item .activity .info .node:after { font-weight: bold; content: '·'; margin: 0 0 0 2px; } .board .board-cnt .item .activity .info .node:last-child:after { content: ''; } .listing-news > li { text-align: justify; } .listing-news > li + li { margin-top: 9px; } .board .board-cnt .item .activity .comments { margin-top: 4px; } .board .board-cnt .item .activity .comments .links-view-messages { margin-bottom: 1px; display: block; padding: 5px 10px 5px 10px; font-size: 11px; background-color: #f8f8f8; overflow: auto; } .board .board-cnt .item .activity .comments .links-view-messages.none { display: none; } .board .board-cnt .item .activity .comments .show-all { float: left; display: inline; padding: 0 0 0 5px; font-size: 11px; backgroundx: transparent url('https://assets-edge.slickpic.com/img/album/message.png') no-repeat 0 center; } .board .board-cnt .item .activity .comments .show-all.none { display: none; } .board .board-cnt .item .activity .comments .show-few { float: left; display: inline; padding-right: 5px; padding-left: 22px; background: transparent url('https://assets-edge.slickpic.com/img/album/message.png') no-repeat 0 center; } .board .board-cnt .item .activity .comments .show-few.none { display: none; } .board .board-cnt .item .activity .comments .message-one { position: relative; margin-bottom: 1px; display: block; padding: 5px 10px 5px 10px; font-size: 11px; background-color: #f8f8f8; } .board .board-cnt .item .activity .comments .message-one-container { position: relative; } .board .board-cnt .item .activity .comments .message-one font { margin-top: 4px; } .board .board-cnt .item .activity .comments .message-one.none { display: none; } .board .board-cnt .item .activity .comments .message-one img { float: left; width: 24px; height: 24px; margin-right: 6px; } .board .board-cnt .item .activity .comments .message-one .message-text { margin-left: 40px; display: block; padding-right: 15px; } .board .board-cnt .item .activity .comments .message-one .message-text a.message-one-author { font-weight: bold; } .board .board-cnt .item .activity .comments .message-one .message-text i { display: block; font-style: normal; color: #999; } .board .board-cnt .item .activity .comments .message-one .message-text.none, .board .board-cnt .item .activity .comments .message-one .button.send.none { display: none; } .board .board-cnt .item .activity .comments .message-one .link-cancel { line-height: 30px; margin: 0 7px; } .board .board-cnt .item .activity .comments .message-one .link-cancel.none { display: none; } .board .board-cnt .item .activity .comments .message-one span { margin-left: 0; } .board .board-cnt .item .activity .comments .message-one font { display: none; } .board .board-cnt .item .activity .comments .message-one:hover font { display: block; } .board .board-cnt .item .activity .comments .comment-box .comment { width: 96%; padding: 2px 5px; font-size: 11px; color: #777; border: 1px solid #eee; -moz-border-radius: 1px; -webkit-border-radius: 1px; } .board .board-cnt .item .activity .comments .comment-box .comment:focus { border-color: #BDC7D8; } .board .board-cnt .item .button { width: auto; height: 20px; display: inline-block; cursor: pointer; text-indent: -9999px; } .board .board-cnt .item .button.send { float: right; margin: 5px 3px 3px; width: 66px; background: url('https://assets-edge.slickpic.com/img/album/button-send.png') no-repeat top left; } .board .board-cnt .item .button.send:hover { background-position: 0 -21px; } .board .board-cnt .item .button.send:active { background-position: 0 -42px; } .board .board-cnt .item .activity .comments .message-one:hover .message-delete { opacity: 1; } .board .board-cnt .item .message-delete { opacity: 0; position: absolute; top: 6px; right: 5px; width: 15px; height: 15px; background: url('https://assets-edge.slickpic.com/img/album/ico-x.png') no-repeat top left; text-indent: -9999px; text-decoration: none; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; } .board .board-cnt .item .message-delete:hover { background-position: 0 -15px; } .board .board-cnt .item .message-delete:active { background-position: 0 -30px; } /*.link-to-dashboard a { padding-left: 15px; background-image: url('https://assets-edge.slickpic.com/img/common/ico-home.png'); background-position: 0 1px; background-repeat: no-repeat }*/ .simpleBlock .thumbs-square { position: relative; margin: 10px 0 0; width: 224px; } .simpleBlock .thumbs-square a { float: left; width: 52px; margin: 0 4px 4px 0; } .simpleBlock .thumbs-square a img { border: 1px solid #ddd; width: 50px; height: 50px; } .simpleBlock .thumbs-square a:hover img { -webkit-transform: scale(1.5); -webkit-transition: all 0.2s ease-in-out; -moz-transform: scale(1.5); -moz-transition: all 0.2s ease-in-out; transform: scale(1.5); transition: all 0.2s ease-in-out; border-color: transparent; background-color: #ddd; } .simpleBlock .albums-list { margin-top: -4px; } .simpleBlock .albums-list .album { float: left; display: inline; clear: both; } .simpleBlock .albums-list .album:hover { background-color: #f8f8f8; img-background: #f8f8f8 url('https://assets-edge.slickpic.com/img/common/bg_lightblue.png') repeat top left; } .simpleBlock .albums-list .album .thumb { float: left; display: inline; width: 80px; } .simpleBlock .albums-list .album .thumb img { width: 70px; height: 70px; } .simpleBlock .albums-list .album:hover .thumb img { -webkit-transform: scale(1.2); -webkit-transition: all 0.2s ease-in-out; -moz-transform: scale(1.2); -moz-transition: all 0.2s ease-in-out; transform: scale(1.2); transition: all 0.2s ease-in-out; } .simpleBlock .albums-list .album td.text { line-height: 18px; width: 150px; max-width: 150px; padding: 10px 0; overflow: hidden; vertical-align: middle; font-size: 11px; line-height: 16px; color: #777; } .simpleBlock .albums-list .album td.text span { display: inline-block; margin-top: -6px; } .simpleBlock .albums-list .album td.text a { display: block; text-decoration: none; font-weight: bold; } .simpleBlock .albums-list .album td.text font { display: block; font-size: 11px; } .simpleBlock.recent-albums h2 { font-size: 12px !important; font-weight: bold; } .feed-settings h3 { font-size: 16px; margin: 18px 0 9px; } .feed-settings .tabled-users { width: 100%; height: 196px; overflow: auto; background-color: #fff; border: 1px solid #ddd; margin: 10px 0; -moz-box-shadow: 0 0 1px #fff; -webkit-box-shadow: 0 0 1px #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .feed-settings .tabled-users .sub { padding: 0; overflow: auto; position: relative; } .feed-settings .tabled-users .sub .line { float: left; clear: both; line-height: 24px; width: 100%; } .feed-settings .tabled-users .sub .line .text-left { float: left; color: #111; padding-left: 15px; } .feed-settings .tabled-users .sub .line .text-right { float: right; padding-right: 15px; } .feed-settings .tabled-users .sub .line:nth-child(2n+2) { background-color: #edf4fe; } .feed-settings .tabled-users .sub .line:hover { background: url("https://assets-edge.slickpic.com/img/album/menu_item-active.png") no-repeat scroll left top #0088CC; color: #fff !important; } .feed-settings .tabled-users .sub .line:hover * { color: #fff !important; } .feed-settings .tabled-users .sub .line a:hover { text-decoration: none; } .columnContent .message-note-blue { background: url('https://assets-edge.slickpic.com/img/common/bg_lightblue.png') repeat top left; padding: 10px; width: 430px; text-align: left; border: 1px solid #eee; margin: 0 0 20px; overflow: auto; } .columnContent .message-note-blue p { font-size: 11px; margin-bottom: 4px; } .columnContent .message-note-blue p strong { display: block; font-size: 12px; } .columnContent .message-note-blue .buttonGray { margin: 4px 0 0 -2px; clear: both; } .link-forum-badge { display: block; overflow: visible; position: absolute; top: -55px; left: -5px; text-align: left; margin-left: 25px; width: 223px; height: 28px; font-size: 12px; text-indent: -9999px; z-index: 100; } .link-forum-badge .relative { display: block; position: relative; } .link-forum-badge .note-forum { display: block; width: 223px; height: 28px; background: url('https://assets-edge.slickpic.com/img/album/note-link-forum.png') no-repeat 0 -160px; } .link-forum-badge .note-forum:hover { position: absolute; top: -3px; left: -5px; background-position: 0 0; width: 233px; height: 138px; } .fixedWidth960 .board-submenu { padding-bottom: 10px; border-bottom: 1px dotted #ddd; margin-bottom: 10px; text-align: left; color: #999; } .fixedWidth960 .board-submenu .filter b { display: inline-block; font-weight: normal; } .fixedWidth960 .board-submenu .filter a { display: inline-block; padding: 0 10px; border-right: 1px dotted #ddd; text-decoration: none; } .fixedWidth960 .board-submenu .filter a.notes { background: url('https://assets-edge.slickpic.com/img/album/ico-envelope.png') no-repeat 9px 2px; padding-left: 30px; } .fixedWidth960 .board-submenu .filter a.comments { background: url('https://assets-edge.slickpic.com/img/album/ico-comment.png') no-repeat 11px 3px; padding-left: 30px; } .fixedWidth960 .board-submenu .filter a:hover { text-decoration: underline; } .fixedWidth960 .board-submenu .filter a.active { color: #333; text-decoration: none !important; cursor: default; font-weight: normal; } .fixedWidth960 .board-submenu .filter a.all { border-color: transparent; } .fixedWidth960 .dashboard-header { width: 490px; text-align: left; margin-left: 40px; float: left; display: inline; padding-bottom: 10px; border-bottom: 1px dotted #ddd; white-space: nowrap; } .fixedWidth960 .listColumn2 .columnContent .dashboard-header { width: 452px; } .body-framed .fixedWidth960 .listColumn2 .columnContent .dashboard-header { width: 500px; } .fixedWidth960 .dashboard-header h2 { display: inline; font-size: 14px; line-height: 20px; padding-right: 6px; text-shadow: 1px 1px 1px #eee; font-weight: normal; color: #000; } html body .dashboard-header h2 { font-weight: bold !important; color: #000; } .dashboard-header h2 a.orange { color: #08C !important; font-weight: normal !important; } .dashboard-header h2 a.orange:hover { color: #67a8e7 !important; text-decoration: none !important; } .fixedWidth960 .dashboard-header .subInfo { line-height: 24px; padding: 0 8px 0 10px; border-left: 1px dotted #ddd; color: #aaa; font-size: 12px; font-weight: normal; } .fixedWidth960 .dashboard-header .link-messages-old, .fixedWidth960 .dashboard-header .link-manage-feed-old { padding-left: 20px; background: url("https://assets-edge.slickpic.com/img/album/message.png") no-repeat scroll 0 center transparent; } .fixedWidth960 .dashboard-header .link-manage-feed-old { background-image: url('https://assets-edge.slickpic.com/img/album/ico-users.png'); background-position: 0 0; } .fixedWidth960 .dashboard-urgent-message { position: relative; xwidth: 380px; text-align: left; xmargin-left: 220px; background-color: #efc384; border: 1px solid #99e54c; color: #000; padding: 10px 10px 10px 48px; margin-bottom: 15px; font-size: 12px !important; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; background: #def3a8; background: -moz-linear-gradient(top, #def3a8 0%, #c4fb93 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #def3a8), color-stop(100%, #c4fb93)); background: -webkit-linear-gradient(top, #def3a8 0%, #c4fb93 100%); background: -o-linear-gradient(top, #def3a8 0%, #c4fb93 100%); background: -ms-linear-gradient(top, #def3a8 0%, #c4fb93 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#def3a8', endColorstr='#c4fb93', GradientType=0); background: linear-gradient(top, #def3a8 0%, #c4fb93 100%); -moz-box-shadow: 0 1px 5px #ddd; -webkit-box-shadow: 0 1px 5px #ddd; box-shadow: 0 1px 5px #ddd; text-shadow: 0 1px 0 #ecffcf; } .fixedWidth960 .dashboard-urgent-message:before { position: absolute; width: 21px; height: 40px; top: 14px; left: 12px; content: ' '; background: url('https://assets-edge.slickpic.com/img/album/alert.png') no-repeat top left; } .fixedWidth960 .dashboard-urgent-message a { color: #3e8401; font-weight: bold; } i.message-one-date .link-send-note { color: #999; } i.message-one-date .link-send-note:hover { color: #08C; text-decoration: underline; } body.fixed-layout footer { position: fixed !important; bottom: 0 !important; left: 50% !important; margin-left: -480px !important; z-index: 500; } body.fixed-layout { background-attachment: fixed; } body.fixed-layout .content { margin-top: 100px; margin-bottom: 70px; z-index: 10; position: relative; } body.fixed-layout #main-block { position: relative; z-index: 5; } body.fixed-layout .left.threads-cont { margin-top: 80px; position: relative; } body.fixed-layout .left.threads-cont .threads-sub { position: relative; width: 100%; } body.fixed-layout .left.threads-cont h2 { position: fixed; left: auto; top: auto; width: 960px; left: 50%; margin-left: -480px; margin-top: -69px; padding-top: 33px; height: 27px; width: 100%; font-size: 18px; font-weight: normal; background: url("https://assets-edge.slickpic.com/img/album/header.png") repeat-x scroll 0 -72px #FFFFFF; z-index: 100; line-height: 24px; color: #999; } body.fixed-layout .left.threads-cont .threads-list { margin-top: 36px; width: 220px; background-color: #f2f2f2; -moz-border-radius: 5px; -webkit-border-radius: 5px; } body.fixed-layout .left.threads-cont .threads-list .text { max-height: 34px; overflow: hidden; } body.fixed-layout .left.threads-cont .threads-list .type a { text-decoration: none; font-weight: bold; } body.fixed-layout .left.threads-cont .threads-list .info { color: #999; font-size: 11px; } .messages-main .main-heading { position: fixed; margin-top: -53px; padding-top: 17px; height: 53px; width: 100%; background: url("https://assets-edge.slickpic.com/img/album/header.png") repeat-x scroll 0 -72px #FFFFFF; z-index: 500; border-bottom: 1px solid #ddd; width: 710px; } .messages-main .main-heading a { text-decoration: none; } .messages-main .main-heading a:hover { text-decoration: underline; } .messages-main .main-heading h2 { font-size: 18px; font-weight: bold; line-height: 24px; } .messages-main .main-heading h2 .subInfo { background: url("https://assets-edge.slickpic.com/img/album/ico-users.png") no-repeat scroll 10px -3px transparent; font-size: 12px; line-height: 30px; font-weight: normal; margin-left: 10px; border-left: 1px dotted #ddd; padding-left: 30px; } .messages-main .board .board-cnt .item { margin: 0; padding: 15px 0; } .messages-main .board .board-cnt .item .activity .comments .message-one { background-color: #f2f2f2; } .threads-list .item-thread-box { padding: 10px; border-bottom: 1px dotted #ccc; width: 200px; -webkit-border-radius: 5px; } .threads-list .item-thread-box.active { border-color: transparent; background-color: #d7e3ee; } body.fixed-layout .left.threads-cont .threads-list img { width: 24px; height: 24px; } .jspDrag { background-color: #bbb; } .jspHorizontalBar, .jspVerticalBar, .jspTrack { background: #d7e3ee; } .messages-main .comment-box label { margin-left: 3px; font-size: 12px; font-weight: bold; line-height: 24px; } .blog-post-cnt .blog-post { position: relative; padding: 15px 0px; border-bottom: 1px dotted #ddd; } .blog-post-cnt .blog-post:nth-child(2n+2) { background-color: #f8f8f8; } .blog-post-cnt .blog-post .blog-thumb { padding-left: 30px; min-width: 50px; padding-right: 15px; } .blog-post-cnt .blog-post .blog-thumb .status-color { display: block; position: absolute; top: 38px; left: 8px; width: 16px; height: 16px; background-color: transparent; } .blog-post-cnt .blog-post .blog-thumb .status-color.public, .blog-post-cnt .blog-post .blog-thumb .status-color { background: url('https://assets-edge.slickpic.com/img/common/ico-round-green-7px.png') no-repeat top left; } .blog-post-cnt .blog-post .blog-thumb .status-color.private { background: url('https://assets-edge.slickpic.com/img/common/ico-round-red-7px.png') no-repeat top left; } .blog-post-cnt .blog-post .blog-thumb .status-color.unlisted { background: url('https://assets-edge.slickpic.com/img/common/ico-round-orange-7px.png') no-repeat top left; } .blog-post-cnt .blog-post .blog-thumb img { height: 50px; min-width: 50px; min-height: 50px; max-width: 50px; max-height: 50px; background-color: #fff; padding: 2px; border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 0 2px 3px #eee; } .blog-post-cnt .blog-post .descr { width: 100%; line-height: 18px; } .blog-post-cnt .blog-post .descr .post-name { font-size: 20px; text-decoration: none; display: block; line-height: 24px; margin: -4px 0 0; } .blog-post-cnt .blog-post .descr .line { display: block; color: #333; } .blog-post-cnt .blog-post .descr .line.gray { color: #777; } .blog-post-cnt .blog-post .descr .line.date { margin-bottom: 6px; } .blog-post-cnt .blog-post .descr .blog-post-controls { margin-top: 6px; display: block; } .blog-post-cnt .blog-post .descr .blog-post-controls a { text-decoration: none; padding: 0; } .blog-post-cnt .blog-post .descr .blog-post-controls a.publish { color: #090; } .blog-post-cnt .blog-post .descr .blog-post-controls a.publish.active { color: #08C; } .blog-post-cnt .blog-post .descr .blog-post-controls a:hover { border-bottom: 1px solid; } .blog-post-cnt .blog-post .descr .blog-post-controls font, .blog-post-cnt .blog-post .descr .line font { color: #333; font-weight: normal; font-size: 11px; line-height: inherit; padding: 0 3px; } .messages-main .board .board-cnt .item .activity .comments { position: relative; } .messages-main .board .board-cnt .item .activity .comments .previous { position: absolute; left: 530px; top: 0; margin-left: 15px; } .blog-post-cnt .blog-post .post-publish-status { color: #C00; } .blog-post-cnt .blog-post .post-publish-status.published { color: #090; } .blog-post-cnt .blog-post .post-visibility-status.public { color: #090; } .blog-post-cnt .blog-post .post-visibility-status.unlisted { color: #f70; } .blog-post-cnt .blog-post .post-visibility-status.private { color: #C00; } .cloud-upgrade { width: 100%; height: 250px; background-color: #fff; position: relative; margin: 20px 0; overflow: visible; } .cloud-upgrade .cloud { position: absolute; left: 0; width: 100%; padding-right: 310px; height: 250px; background: url('https://assets-edge.slickpic.com/img/album/order-upgrade-cloud.png') no-repeat top left; z-index: 101; } .cloud-upgrade .cloud .cloud-body { margin: 40px 0 40px 40px; color: #fff; text-shadow: 0 1px 0 #1565bd; } .cloud-upgrade .cloud .cloud-body h2 { font-size: 24px; line-height: 36px; color: #fff !important; } .cloud-upgrade .cloud .cloud-body p { font-size: 16px; line-height: 26px; width: 100%; } .cloud-upgrade .cloud .cloud-body .cloud-button { background: url('https://assets-edge.slickpic.com/img/album/order-upgrade-button.png') no-repeat top left; width: 188px; height: 37px; display: block; margin-top: 10px; text-indent: -9999px; } .moduleBox .upgrade-block .upgrade-section { border-bottom: 1px solid #ccc; padding-bottom: 15px; padding-top: 25px; } .moduleBox .upgrade-block .upgrade-section:first-child { padding-top: 0; } .moduleBox .upgrade-block .upgrade-section:last-child { border-bottom: 0; padding-bottom: 0; } .moduleBox .upgrade-block .upgrade-section h3 { font-size: 16px; white-space: nowrap; margin-bottom: 6px; } .moduleBox .upgrade-block .upgrade-section p { line-height: 18px; } .moduleBox .upgrade-block .upgrade-section .img-left { float: left; margin-right: 10px; } .moduleBox .upgrade-block .upgrade-section .img-right { float: right; margin-left: 10px; } .moduleBox .upgrade-block .upgrade-section .upgrade-button { background: url('https://assets-edge.slickpic.com/img/album/order-upgrade-box-button.png') no-repeat top left; width: 186px; height: 37px; display: block; margin-top: 10px; text-indent: -9999px; } .full-info-overlay { position: absolute; top: 100%; margin-top: -60px; height: 60px; opacity: 0.5; left: 0px; width: 100%; text-align: left; } .hooray-right { position: relative; float: right; width: 310px; } .hooray-right .block-simple h3 { position: relative; width: 100%; border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-bottom: 10px; font-size: 18px; text-align: left; margin-top: 20px; } .hooray-right .block-simple p { text-align: left; font-size: 12px; line-height: 20px; color: #777; } .hooray-right .block-simple p span.listing { position: relative; padding-left: 10px; display: block; } .hooray-right .block-simple p span.listing:before { position: absolute; top: 0; left: 0; color: #777; content: '•'; } .tooltip-on-image { position: absolute; top: 120px; left: 230px; width: 160px; height: 30px; border: 1px solid transparent; cursor: help; z-index: 1000; } .tooltip-on-image div { display: none; position: absolute; top: 30px; left: 10px; width: 400px; padding: 20px; border: 1px solid #ccc; background-color: #f8f8f8; text-align: left; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } .tooltip-on-image:hover div { display: block; } .text-blocks-two .block-simple { float: left; width: 250px; margin-right: 50px; margin-bottom: 20px; } .text-blocks-two .block-simple h3 { position: relative; width: 100%; border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-bottom: 10px; font-size: 18px; text-align: left; margin-top: 20px; } .text-blocks-two .block-simple p { text-align: left; font-size: 12px; line-height: 20px; color: #777; } .text-blocks-two .block-simple p span.listing { position: relative; padding-left: 10px; display: block; } .text-blocks-two .block-simple p span.listing:before { position: absolute; top: 0; left: 0; color: #777; content: '•'; } .tabbing { position: relative; } .tabbing .tab-left, .tabbing .tab-right { cursor: hand; cursor: pointer; } .tabbing .tab-left { font-size: 13px; white-space: nowrap; line-height: 40px; color: #777; text-align: center; position: absolute; top: 0; left: -16px; width: 166px; height: 40px; background-color: transparent; -moz-border-radius: 10px 0 0 0; -webkit-border-radius: 10px 0 0 0; border-radius: 10px 0 0 0; } .tabbing .tab-right { font-size: 13px; white-space: nowrap; line-height: 40px; color: #777; text-align: center; position: absolute; top: 0; left: 150px; width: 166px; height: 40px; background-color: transparent; -moz-border-radius: 0 10px 0 0; -webkit-border-radius: 0 10px 0 0; border-radius: 0 10px 0 0; } .tabbing .tab-left { background: url('https://assets-edge.slickpic.com/img/land/shadow-square.png') no-repeat bottom right; } .tabbing .tab-right { background: url('https://assets-edge.slickpic.com/img/land/shadow-square.png') no-repeat bottom left; } .tabbing .tab-left.active, .tabbing .tab-right.active { background-image: none; color: #000; cursor: default; } .page-block-heading h3 { font-size: 24px; line-height: 36px; margin-top: 12px; color: #000; font-family: "Myriad Pro"; } .page-block-heading p { font-size: 16px; line-height: 24px; } .page-block-image { margin-top: 20px; text-align: center; } .fixedSubCnt.enhancements .page-block-image { text-align: left; } /* Customization */ .customize-theme-thumb-box .onPhotoDelete, .background-image-list-user .list-item .onPhotoDelete { display: block; visibility: hidden; opacity: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; right: 5px; top: 5px; z-index: 100; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0.5s; } .customize-theme-thumb-box:hover .onPhotoDelete, .background-image-list-user .list-item:hover .onPhotoDelete { display: block; opacity: 0.8; visibility: visible; } .customize-theme-thumb-box .onPhotoDelete:hover, .background-image-list-user .list-item .onPhotoDelete:hover { opacity: 1; } .background-image-list-user .list-item .onPhotoDelete { top: 0px; right: 0px; } .customize-theme-thumb-box.active { _box-shadow: 0 3px 0 #08c, 0 -3px 0 #08c, -3px 0 0 #08c, 3px 0 0 #08c, 0 0 7px rgba(0, 0, 0, 0.45) !important; border-color: #006fa7 !important; background-color: #08C !important; } .background-image-list .list-item.active { border-radius: 5px; box-shadow: 0 3px 0 #08c, 0 -3px 0 #08c, -3px 0 0 #08c, 3px 0 0 #08c, 0 0 7px rgba(0, 0, 0, 0.45) !important; border-color: #006fa7 !important; } .preferences .grayBlock .public-customize-view * { text-shadow: none; } section#body .blocks-main-container .grayBlock { border-color: #ccc !important; background-color: #fbfbfb; -moz-box-shadow: 1px 1px 0 #f2f5f8, -1px -1px 0 #f2f5f8, 0 0 5px #eee inset; -webkit-box-shadow: 1px 1px 0 #f2f5f8, -1px -1px 0 #f2f5f8, 0 0 5px #eee inset; box-shadow: 1px 1px 0 #f2f5f8, -1px -1px 0 #f2f5f8, 0 0 5px #eee inset; margin-bottom: 10px; } section#body .blocks-main-container { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } section#body .blocks-main-container .themes-selector-thumbs-container { border: 0 !important; } section#body .blocks-main-container .blocks-expand { text-decoration: none; border-bottom: 1px dotted; } section#body .blocks-main-container .blocks-expand:hover { border-color: transparent; } section#body .preferences .backgroundSelectorContainer .background-image-list { border: 0 !important; padding: 0 !important; } .background-image-control-method label { padding-right: 8px; } .background-image-control-method label input[type=radio] { margin-top: -4px; } .confirmation-page { width: 500px !important; } .confirmation-page p { margin-bottom: 6px; } .confirmation-page p.title { font-size: 24px; line-height: 30px; color: #000; } .confirmation-page p strong.title { font-weight: normal; font-size: 24px; display: block; padding-bottom: 18px; } .confirmation-page .line-to-type { position: relative; padding: 8px 0; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; float: left; width: 100%; } .confirmation-page .line-to-type.border-bottom { padding-bottom: 20px; border-bottom: 1px dotted #ccc; margin-bottom: 30px; } .confirmation-page .line-to-type label { width: 250px; float: left; line-height: 28px; } .confirmation-page .line-to-type input[type=text] { height: 24px; padding: 1px 8px; width: 200px; font-weight: bold; border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .confirmation-page .line-to-type input[type=text]:hover { border-color: #aaa; } .confirmation-page .line-to-type input[type=text]:focus { border-color: #0AC; } .confirmation-page .line-to-type .buttonGray { margin-top: 1px; margin-left: 10px; } .confirmation-page .line-to-type .comment-right { float: left; margin-left: 2px; color: #777; line-height: 28px; font-style: italic; } .confirmation-page .line-to-type .slickpic-com-name { display: block; padding: 0 5px; height: 16px; position: absolute; left: 380px; top: 15px; color: #777; font-weight: bold; background-color: #fff; } .confirmation-page .line-to-type input.input-screenname { width: 118px; padding-right: 90px; } .confirmation-page .line-to-type .success, .confirmation-page .line-to-type .error { clear: both; float: left; margin-left: 250px; color: #c00; margin-top: 5px; width: 300px; line-height: 18px; } .confirmation-page .line-to-type .success { color: #080; } .confirmation-page input.input-screenname.input-ie-fix { padding-right: 0; margin-right: 90px; line-height: 24 px\19; text-align: right; } .retouch-block { display: block; text-align: left; background-color: #f8f8f8; border: 1px solid #ddd; border-radius: 5px; margin-bottom: 20px; padding-bottom: 10px; } .retouch-block .retouch-head { display: block; font-size: 12px; font-weight: bold; line-height: 24px; padding: 10px 20px 0; } .retouch-block .retouch-subtext { display: block; font-size: 16px; font-weight: bold; line-height: 24px; color: #f50; padding: 0 20px 0; } .retouch-block p { font-size: 12px; line-height: 20px; margin: 6px 0; padding: 0 20px; } .retouch-block .element-center { display: block; text-align: center; margin: 12px 0; } .graphic-gophoto { overflow: hidden; position: relative; width: 220px; height: 247px; background: url('https://assets-edge.slickpic.com/img/land/dashboard/graphic-gophoto.png') no-repeat top left; margin-bottom: 20px; } .graphic-gophoto .before-after .example { position: relative; } .dashboard-header:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .dashboard-header, .dashboard-header * { font-family: "SlickPro", "SlickSanFrancisco", "SF Pro Text", "Myriad Set Pro", "San Francisco", "SlickFont", "Helvetica Neue", "Segoe UI", "Roboto", "Helvetica", "Hiragino Kaku Gothic Pro", "Meiryo", Arial, sans-serif !important; font-size: 14px !important; } .listColumn2 .columnContent .dashboard-header h2 > a { font-size: 12px !important; } .dashboard-header h2 { float: left; margin-right: 10px; text-shadow: 1px 1px 1px #EEE; } .dashboard-header h2:hover a { border-color: transparent; color: #f30 !important; } section.title .dashboard-header a { margin-right: 5px; font-size: 13px !important; } section.title .dashboard-header h2 { color: #333; margin-right: 10px; font-size: 12px !important; } .dashboard-header h2 input { display: none !important; } .listColumn2 .columnContent .dashboard-header h2 a.current, .listColumn2 .columnContent .dashboard-header h2 a.current:hover { color: #000 !important; text-decoration: none !important; cursor: default; line-height: 20px; padding-right: 6px; text-shadow: 1px 1px 1px #eee; font-weight: bold !important; font-size: 14px !important; border: 0px !important; } /* New Explore */ .scroll-container { position: relative; overflow: hidden; clear: both; width: 692px; height: 220px; padding-top: 4px; } /* override single pane */ .scroll-container div.scroll-item { float: left; display: block; width: 720px; font-size: 14px; } /* our additional wrapper element for the items */ .scroll-container .scroll-items { width: 20000em; position: absolute; clear: both; margin: 0; padding: 0; } .fixedWidth960 .fixedSubCnt .content-title { position: relative; padding-bottom: 18px; border-bottom: 2px solid #eee; margin-bottom: 20px; height: 16px; } .fixedWidth960 .fixedSubCnt .content-title h2 { text-align: left; font-size: 18px; } .fixedWidth960 .fixedSubCnt .content-title .side-right { position: absolute; top: 2px; right: 0; font-size: 12px; } .fixedWidth960 .fixedSubCnt .content-title .side-right a { color: #777; text-decoration: none; } .fixedWidth960 .fixedSubCnt .content-title .side-right a:hover { color: #c00; text-decoration: underline; } .fixedWidth960 .fixedSubCnt .layout-onephoto .content-title h2 { font-size: 18px; color: #777; } .fixedWidth960 .fixedSubCnt .layout-onephoto .content-title .navigator { position: relative; width: 98%; padding: 0 1%; height: 60px; padding-top: 7px; margin-top: -18px; line-height: 26px; margin-bottom: 20px; background-color: #fff; border-bottom: 2px solid #eee; } .fixedWidth960 .fixedSubCnt .layout-onephoto .content-title .navigator .tabbedButtons { position: absolute; left: 50%; margin-left: -90px; } .fixedWidth960 .fixedSubCnt .layout-onephoto .content-title .navigator .back { float: left; text-decoration: none; line-height: 26px; color: #aaa; } /*.fixedWidth960 .fixedSubCnt .layout-onephoto .content-title .navigator .back:before { display: inline-block; margin-top: 3px; font-size: 20px; line-height: 14px; content: '← '; padding-right: 4px; font-weight: bold }*/ .fixedWidth960 .fixedSubCnt .layout-onephoto .content-title .navigator .next { float: right; text-decoration: none; line-height: 26px; color: #aaa; } .fixedWidth960 .fixedSubCnt .layout-onephoto .content-title .navigator .next:hover, .fixedWidth960 .fixedSubCnt .layout-onephoto .content-title .navigator .back:hover { color: #08C; } /*.fixedWidth960 .fixedSubCnt .layout-onephoto .content-title .navigator .next:after { display: inline-block; margin-top: 3px; font-size: 20px; line-height: 14px; content: ' →'; padding-left: 4px; font-weight: bold }*/ .fixedWidth960 .fixedSubCnt .layout-onephoto .content-title .navigator .slider { position: relative; text-align: center; } .fixedWidth960 .fixedSubCnt .layout-onephoto .content-title .navigator .slider a { position: relataive; display: inline-block; width: 50px; height: 50px; } .fixedWidth960 .fixedSubCnt .layout-onephoto .content-title .navigator .slider a img { width: 100%; height: 100%; } .fixedWidth960 .fixedSubCnt .layout-onephoto .content-title h2 b { color: #333; } .fixedWidth960 .fixedSubCnt .layout-onephoto .content-main { position: relative; float: left; width: 678px; } .fixedWidth960 .fixedSubCnt .layout-onephoto .content-main .photo { position: relative; width: 100%; } .fixedWidth960 .fixedSubCnt .layout-onephoto .content-main .photo > a { display: block; position: relative; width: 100%; } .fixedWidth960 .fixedSubCnt .layout-onephoto .content-main .photo > a img { max-width: 100%; max-height: 800px; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.18); } .fixedWidth960 .fixedSubCnt .layout-onephoto .content-main .image-btns { margin-top: 10px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee; } .fixedWidth960 .fixedSubCnt .layout-onephoto .content-main > .photo-details { margin-top: 10px; text-align: left; } .fixedWidth960 .fixedSubCnt .layout-onephoto .content-main > .photo-details > .info-main { position: relative; text-align: left; font-size: 14px; color: #333; } .fixedWidth960 .fixedSubCnt .layout-onephoto .content-main > .photo-details > .info-main .photo-nav { position: absolute; right: 0; top: 0; width: 120px; } .fixedWidth960 .fixedSubCnt .layout-onephoto .content-main > .photo-details > .info-main .photo-nav .back { float: left; text-decoration: none; line-height: 18px; color: #777; margin-right: 10px; font-weight: normal; } .fixedWidth960 .fixedSubCnt .layout-onephoto .content-main > .photo-details > .info-main .photo-nav .back:before { display: inline-block; margin-top: 3px; font-size: 20px; line-height: 14px; content: '← '; padding-right: 4px; font-weight: bold; } .fixedWidth960 .fixedSubCnt .layout-onephoto .content-main > .photo-details > .info-main .photo-nav .next { float: right; text-decoration: none; line-height: 18px; color: #777; font-weight: normal; } .fixedWidth960 .fixedSubCnt .layout-onephoto .content-main > .photo-details > .info-main .photo-nav .next:hover, .fixedWidth960 .fixedSubCnt .layout-onephoto .content-main > .photo-details > .info-main .photo-nav .back:hover { color: #08C; } .fixedWidth960 .fixedSubCnt .layout-onephoto .content-main > .photo-details > .info-main .photo-nav .next:after { display: inline-block; margin-top: 3px; font-size: 20px; line-height: 14px; content: ' →'; padding-left: 4px; font-weight: bold; } .fixedWidth960 .fixedSubCnt .layout-onephoto .sidebar { float: right; width: 216px; } .fixedWidth960 .fixedSubCnt .layout-onephoto .sidebar .block-photo-author { position: relative; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #eee; } .fixedWidth960 .fixedSubCnt .layout-onephoto .sidebar .block-photo-author .author-avatar { position: relative; float: left; margin-right: 10px; width: 50px; height: 50px; } .fixedWidth960 .fixedSubCnt .layout-onephoto .sidebar .block-photo-author .author-avatar img { width: 100%; height: 100%; } .fixedWidth960 .fixedSubCnt .layout-onephoto .sidebar .block-photo-author p { display: table-cell; height: 50px; vertical-align: middle; font-size: 14px; text-align: left; } .fixedWidth960 .fixedSubCnt .layout-onephoto .sidebar .block-photo-author p a { color: #333; text-decoration: none; font-weight: bold; } .fixedWidth960 .fixedSubCnt .layout-onephoto .sidebar .block-photo-author p a.send-note { display: block; margin-top: 2px; font-size: 12px; color: #08C; font-weight: normal; } .fixedWidth960 .fixedSubCnt .layout-onephoto .sidebar .block-photo-author p a.send-note:hover { text-decoration: underline; } .fixedWidth960 .fixedSubCnt .layout-onephoto .sidebar .block-photo-stats { position: relative; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #eee; text-align: center; padding-left: 0px; } .fixedWidth960 .fixedSubCnt .layout-onephoto .sidebar .block-photo-stats > p:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .fixedWidth960 .fixedSubCnt .layout-onephoto .sidebar .block-photo-stats > p { display: block; text-align: left; padding: 0 0 3px; color: #777; background: url("https://assets-edge.slickpic.com/img/album/ico_bigphotoactions.png") no-repeat -999px -999px; white-space: nowrap; } .fixedWidth960 .fixedSubCnt .layout-onephoto .sidebar .block-photo-stats > p > b { display: inline-block; width: 100px; text-align: left; font-weight: normal; color: #777; } .fixedWidth960 .fixedSubCnt .layout-onephoto .sidebar .block-photo-stats > p > span { display: inline-block; color: #333; } .fixedWidth960 .fixedSubCnt .layout-onephoto .sidebar .block-photo-stats > p.votes { no-background: transparent url('https://assets-edge.slickpic.com/img/common/ico-vote.png') no-repeat top left; } .fixedWidth960 .fixedSubCnt .layout-onephoto .sidebar .block-photo-stats > p.views { no-background: transparent url('https://assets-edge.slickpic.com/img/common/ico-eye.png') no-repeat top left; } .fixedWidth960 .fixedSubCnt .layout-onephoto .sidebar .block-photo-stats > p.comments { no-background: transparent url('https://assets-edge.slickpic.com/img/common/ico-comment.png') no-repeat top left; margin-bottom: 0; } .fixedWidth960 .fixedSubCnt .layout-onephoto .sidebar .block-photo-stats > p.favorites { no-background: transparent url('https://assets-edge.slickpic.com/img/common/ico-heart.png') no-repeat top left; } .fixedWidth960 .fixedSubCnt .layout-onephoto .sidebar .block-photo-description { position: relative; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #eee; text-align: left; line-height: 18px; color: #777; } .fixedWidth960 .fixedSubCnt .layout-onephoto .sidebar .block-photo-description a { text-decoration: none; } .fixedWidth960 .fixedSubCnt .layout-onephoto .sidebar .block-photo-description a:hover { text-decoration: underline; } .fixedWidth960 .fixedSubCnt .layout-onephoto .sidebar .block-photo-description .info-small { display: block; } .fixedWidth960 .fixedSubCnt .layout-onephoto .sidebar .block-photo-description .info-small b { font-weight: normal; color: #333; } .fixedWidth960 .fixedSubCnt .layout-onephoto .sidebar .block-photo-description .photo-details-full { margin-top: 18px; } .fixedWidth960 .fixedSubCnt .layout-onephoto .sidebar .block-photo-description .photo-details-full .exif-label { display: inline-block; width: 100px; color: #777; } .fixedWidth960 .fixedSubCnt .layout-onephoto .sidebar .block-photo-description .photo-details-full .exif-value { color: #333; } .fixedWidth960 .fixedSubCnt .layout-onephoto .sidebar .block-other-photos { position: relative; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid transparent; text-align: left; } .fixedWidth960 .fixedSubCnt .layout-onephoto .sidebar .block-other-photos a { text-decoration: none; } .fixedWidth960 .fixedSubCnt .layout-onephoto .sidebar .block-other-photos a:hover { text-decoration: underline; } .fixedWidth960 .fixedSubCnt .layout-onephoto .sidebar .block-other-photos h4 { color: #333; padding-bottom: 6px; font-weight: normal; } .fixedWidth960 .fixedSubCnt .layout-onephoto .sidebar .block-other-photos .photos-same { width: 220px; } .fixedWidth960 .fixedSubCnt .layout-onephoto .sidebar .block-other-photos .photos-same a { position: relative; display: inline-block; width: 50px; height: 50px; padding: 0 4px 4px 0; } .fixedWidth960 .fixedSubCnt .layout-onephoto .sidebar .block-other-photos .photos-same a img { width: 100%; height: 100%; } .fixedWidth960 .fixedSubCnt .layout-onephoto .comments { margin-bottom: 50px; text-align: left; } .fixedWidth960 .fixedSubCnt .layout-onephoto .comments-title { font-size: 16px; margin-top: 20px; margin-bottom: 20px; text-align: left; } .fixedWidth960 .fixedSubCnt .layout-onephoto .comments .comment-avatar { float: left; } .fixedWidth960 .fixedSubCnt .layout-onephoto .comments .noCommentsYet { color: #333; margin-bottom: 12px; } .fixedWidth960 .fixedSubCnt .layout-onephoto .comments .commentsList > .comment { height: auto; margin-bottom: 20px; background-color: #f8f8f8; padding: 5px 10px; } .fixedWidth960 .fixedSubCnt .layout-onephoto .comments .commentsList > .comment:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; } .fixedWidth960 .fixedSubCnt .layout-onephoto .comments .commentsList > .comment .comment-content { margin-left: 70px; } .fixedWidth960 .fixedSubCnt .layout-onephoto .comments .commentsList > .comment .comment-content p.details { color: #777; margin-bottom: 4px; } .fixedWidth960 .fixedSubCnt .layout-onephoto .comments .commentsList > .comment .comment-content p.details b { padding-right: 6px; } .fixedWidth960 .fixedSubCnt .layout-onephoto .comments .commentsList > .comment .comment-content p.details b a { color: #08C; text-decoration: none; } .fixedWidth960 .fixedSubCnt .layout-onephoto .comments .commentsList > .comment .comment-content p.details b a:hover { text-decoration: underline; } .fixedWidth960 .fixedSubCnt .layout-onephoto .comments .commentsList > .comment .comment-content p.text { position: relative; color: #333; background-color: #f8f8f8; padding: 3px 3px 7px 6px; overflow: hidden; word-wrap: break-word; } .fixedWidth960 .fixedSubCnt .layout-onephoto .comments .commentEditor { width: 100%; border-top: 1px solid #eee; padding-top: 10px; } .fixedWidth960 .fixedSubCnt .layout-onephoto .comments .commentEditor:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; } .fixedWidth960 .fixedSubCnt .layout-onephoto .comments .block-signin { width: 100%; border-top: 1px solid #eee; padding-top: 10px; color: #111; } .fixedWidth960 .fixedSubCnt .layout-onephoto .comments .block-signin a { color: #0BF; } .fixedWidth960 .fixedSubCnt .layout-onephoto .comments .commentEditor p { margin: 8px 0; } .fixedWidth960 .fixedSubCnt .layout-onephoto .comments .commentEditor input[type=text] { height: 16px; border: 1px solid #ccc; width: 310px; padding: 3px; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; font-size: 12px; } .fixedWidth960 .fixedSubCnt .layout-onephoto .comments .commentEditor textarea { height: 50px; border: 1px solid #ccc; width: 310px; padding: 3px; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; font-size: 12px; } .fixedWidth960 .fixedSubCnt .layout-onephoto .comments .commentEditor input[type=text]:focus, .fixedWidth960 .fixedSubCnt .layout-onephoto .comments .commentEditor textarea:focus { border: 1px solid #0BF; } .fixedWidth960 .fixedSubCnt .layout-onephoto .comments .commentEditor .btnStdBlue { margin-left: -4px; } .fixedWidth960 .fixedSubCnt .layout-onephoto .comments .commentEditor p.success { color: #080; } .fixedWidth960 .fixedSubCnt .layout-onephoto .comments .commentsList > .comment .comment-content p.text:before { border-style: dashed; border-color: transparent; border-width: 0.53em; display: -moz-inline-box; display: inline-block; /* Use font-size to control the size of the arrow. */ font-size: 100px; height: 0; line-height: 0; position: absolute; vertical-align: middle; width: 0; border-right-width: 1em; border-right-style: solid; border-right-color: #f8f8f8; left: -14px; content: ' '; font-size: 0.8em; top: 7px; } .arrow-n, .arrow-e, .arrow-s, .arrow-w { border-style: dashed; border-color: transparent; border-width: 0.53em; display: -moz-inline-box; display: inline-block; font-size: 100px; height: 0; line-height: 0; position: relative; vertical-align: middle; width: 0; } .arrow-n { border-bottom-width: 1em; border-bottom-style: solid; border-bottom-color: #666; bottom: 0.25em; } .arrow-e { border-left-width: 1em; border-left-style: solid; border-left-color: #666; left: 0.25em; } .arrow-s { border-top-width: 1em; border-top-style: solid; border-top-color: #666; top: 0.25em; } .arrow-w { border-right-width: 1em; border-right-style: solid; border-right-color: #666; right: 0.25em; } .image-btns .favorite { display: inline-block; /* margin-top: 4px; margin-right: 10px;*/ width: 24px !important; height: 20px !important; cursor: pointer !important; background: url('https://assets-edge.slickpic.com/img/common/btn-ico-heart-clean.png') no-repeat top left; text-indent: -9999px; -moz-border-radius: 3px; -webkit-background-clip: padding-box; -webkit-border-radius: 3px; border-radius: 3px; } body .image-btns .favorite { width: 12px !important; } .image-btns .favorite:hover { background-position: 0 -40px; } .image-btns .favorite:active, .image-btns .favorite.active { background-position: 0 -80px; } .image-btns .favorite { display: inline-block; /* margin-top: 4px; margin-right: 10px;*/ width: auto !important; height: 20px !important; cursor: pointer !important; background: url('https://assets-edge.slickpic.com/img/common/btn-ico-heart.png') no-repeat top left; text-indent: 0; -moz-border-radius: 3px; -webkit-background-clip: padding-box; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 5px; padding: 0 5px; text-align: center; background: #fbfbfc; line-height: 20px; text-decoration: none; background: -moz-linear-gradient(top, #fbfbfc 0%, #ccd0d5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfc), color-stop(100%, #ccd0d5)); background: -webkit-linear-gradient(top, #fbfbfc 0%, #ccd0d5 100%); background: -o-linear-gradient(top, #fbfbfc 0%, #ccd0d5 100%); background: -ms-linear-gradient(top, #fbfbfc 0%, #ccd0d5 100%); background: linear-gradient(top, #fbfbfc 0%, #ccd0d5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfc', endColorstr='#ccd0d5', GradientType=0); border-bottom: 0 !important; } .image-btns .favorite:hover { background-position: 0 -40px; } .image-btns .favorite.active { background-position: 0 -80px; } .image-btns .favorite { float: right; } .image-btns .favorite > span { color: #333; text-indent: 0; text-shadow: 0 1px 0 #fff; font-size: 11px; font-weight: normal; text-decoration: none !important; } .image-btns .favorite > span { background: url('https://assets-edge.slickpic.com/img/common/btn-ico-heart-clean.png') no-repeat -6px -4px; padding-left: 16px; } .image-btns .favorite:hover > span, .image-btns .favorite.active > span { background-position: -6px -44px; } .image-btns .favorite > * { display: none; } .image-btns .favorite > .default { display: inline; } .image-btns .favorite.active > .default { display: none; } .image-btns .favorite.active > .act { display: inline; } no.image-btns .favorite.active:hover { background: #f50f0f; background: -moz-linear-gradient(top, #f50f0f 0%, #a3050a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f50f0f), color-stop(100%, #a3050a)); background: -webkit-linear-gradient(top, #f50f0f 0%, #a3050a 100%); background: -o-linear-gradient(top, #f50f0f 0%, #a3050a 100%); background: -ms-linear-gradient(top, #f50f0f 0%, #a3050a 100%); background: linear-gradient(top, #f50f0f 0%, #a3050a 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f50f0f', endColorstr='#a3050a', GradientType=0); } no.image-btns .favorite.active:hover > span { background-position: -6px -84px; color: #f7d6d6; text-shadow: 0 1px 0 #9c2325; } .invoice #couponProxy { display: inline-block; margin: 20px 0 10px; color: #08C; margin-left: 4px; } .invoice .coupon-check label #couponProxy { margin-top: 2px; } .copyright-additional { float: left; clear: both; margin-top: -20px; margin-bottom: 30px; position: relative; z-index: 6; } .fixedWidth960 .fixedSubCnt .columnList2 .listColumn1 .columnContent .connect-via.coupon { margin-top: 10px; } /* Contact List - Temp */ .fixedSubCnt.contacts { float: right; width: 880px; margin-top: 8px; margin-bottom: 100px !important; } .fixedSubCnt.contacts .header h2 { float: left; font-size: 21px; color: #888; font-weight: normal; line-height: 30px; } .fixedSubCnt.contacts .header .side-right { float: right; } .fixedSubCnt.contacts .contents .side-right table tr th.type, .fixedSubCnt.contacts .contents .side-right table tr th.name, .fixedSubCnt.contacts .contents .side-right table tr th.email, .fixedSubCnt.contacts .contents .side-right table tr th.group { cursor: pointer; background: url("https://assets-edge.slickpic.com/img/common/sort-default.png") no-repeat right center; } .fixedSubCnt.contacts .contents .side-right table tr th.type.sortedAsc, .fixedSubCnt.contacts .contents .side-right table tr th.name.sortedAsc, .fixedSubCnt.contacts .contents .side-right table tr th.email.sortedAsc, .fixedSubCnt.contacts .contents .side-right table tr th.group.sortedAsc { background-image: url("https://assets-edge.slickpic.com/img/common/sort-asc.gif"); } .fixedSubCnt.contacts .contents .side-right table tr th.type.sortedDesc, .fixedSubCnt.contacts .contents .side-right table tr th.name.sortedDesc, .fixedSubCnt.contacts .contents .side-right table tr th.email.sortedDesc, .fixedSubCnt.contacts .contents .side-right table tr th.group.sortedDesc { background-image: url("https://assets-edge.slickpic.com/img/common/sort-desc.gif"); } .fixedSubCnt.contacts .header .side-right:after, .fixedSubCnt.contacts .header:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .fixedSubCnt.contacts .contents { margin-top: 10px; no-min-height: 400px; margin-bottom: 300px; border: 1px solid #ddd; box-shadow: 0 2px 2px #f5f5f5; } .fixedSubCnt.contacts .contents .side-left { float: left; width: 200px; } .fixedSubCnt.contacts .contents:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .fixedSubCnt.contacts .contents .side-left .heading { position: relative; text-align: center; height: 30px; line-height: 30px; border-top: 2px solid #eee; border-bottom: 2px solid #eee; width: 100%; background-color: #f2f2f2; } .fixedSubCnt.contacts .contents .side-left .heading input[type=text] { width: 174px; height: 20px; line-height: 20px; padding: 0 5px; font-size: 11px; border: 1px solid #ddd; float: left; height: 27px; width: 184px; margin-left: 2px; } .fixedSubCnt.contacts .contents .side-left .heading > a { display: block; position: absolute; top: 7px; left: 170px; width: 16px; height: 16px; background-color: #08c; text-indent: -9999px; width: 20px; height: 18px; background: url('https://assets-edge.slickpic.com/img/album/ico_search.png') no-repeat 0 0; } .fixedSubCnt.contacts .contents .side-left .heading > a:hover { background-position: 0 -32px; } .fixedSubCnt.contacts .contents .side-left .ul a { display: block; text-align: left; height: 30px; line-height: 30px; width: 95%; padding-left: 5%; border-bottom: 1px solid #fff; text-decoration: none; } .fixedSubCnt.contacts .contents .side-left .ul a strong { font-weight: normal; } .fixedSubCnt.contacts .contents .side-left .ul a .count { float: right; padding-right: 5%; color: #777; font-weight: bold; } .fixedSubCnt.contacts .contents .side-left .ul a.active { background: #52a8e8; background: -moz-linear-gradient(top, #52a8e8 0%, #2f77d0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #52a8e8), color-stop(100%, #2f77d0)); background: -webkit-linear-gradient(top, #52a8e8 0%, #2f77d0 100%); background: -o-linear-gradient(top, #52a8e8 0%, #2f77d0 100%); background: -ms-linear-gradient(top, #52a8e8 0%, #2f77d0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52a8e8', endColorstr='#2f77d0', GradientType=0); background: linear-gradient(top, #52a8e8 0%, #2f77d0 100%); color: #fff; } .fixedSubCnt.contacts .contents .side-left .ul a.active .count { color: #fff; } .fixedSubCnt.contacts .contents .side-right { position: relative; float: right; width: 677px; border-left: 1px solid #ddd; no-min-height: 400px; } .fixedSubCnt.contacts .contents .side-right table { width: 100%; } .fixedSubCnt.contacts .contents .side-right table tr { width: 100%; height: 30px; line-height: 20px; border-bottom: 1px solid #fff; } .fixedSubCnt.contacts .contents .side-right table tr:nth-child(2n+3) { background-color: #f5f5f5; } .fixedSubCnt.contacts .contents .side-right table tr.head { height: 30px; line-height: 30px; border-top: 2px solid #eee; border-bottom: 2px solid #eee; background-color: #f2f2f2; font-size: 11px; font-weight: normal; } .fixedSubCnt.contacts .contents .side-right table tr.addressbook-row:hover { background: #52a8e8; background: -moz-linear-gradient(top, #52a8e8 0%, #2f77d0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #52a8e8), color-stop(100%, #2f77d0)); background: -webkit-linear-gradient(top, #52a8e8 0%, #2f77d0 100%); background: -o-linear-gradient(top, #52a8e8 0%, #2f77d0 100%); background: -ms-linear-gradient(top, #52a8e8 0%, #2f77d0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52a8e8', endColorstr='#2f77d0', GradientType=0); background: linear-gradient(top, #52a8e8 0%, #2f77d0 100%); } .fixedSubCnt.contacts .contents .side-right table tr td { padding-top: 4px; padding-bottom: 4px; vertical-align: middle; } .fixedSubCnt.contacts .contents .side-right table tr .checkbox { display: none; width: 34px; border-right: 1px solid #eee; } .fixedSubCnt.contacts .contents .side-right table tr .name { text-align: left; padding-left: 10px; border-right: 1px solid #ddd; width: 180px; max-width: 180px; word-break: break-all; } .fixedSubCnt.contacts .contents .side-right table tr .email { text-align: left; padding-left: 10px; border-right: 1px solid #ddd; width: 220px; max-width: 220px; word-break: break-all; padding-right: 10px; } .fixedSubCnt.contacts .contents .side-right table tr .group { text-align: left; padding: 0 10px; border-right: 1px solid #ddd; } .fixedSubCnt.contacts .contents .side-right table tr .type { text-align: left; padding: 0 10px; border-right: 1px solid #ddd; } .fixedSubCnt.contacts .contents .side-right table tr .edit { width: 50px; border-right: 1px solid #eee; text-align: center; min-width: 50px; } .fixedSubCnt.contacts .contents .side-right table tr .edit a { display: inline-block; text-align: center; line-height: 16px; width: 16px; height: 16px; text-indent: -9999px; background: url('https://assets-edge.slickpic.com/img/album/ico-contacts-edit.png') no-repeat center center; } .fixedSubCnt.contacts .contents .side-right table tr .delete { width: 50px; text-align: center; } .fixedSubCnt.contacts .contents .side-right table tr .delete a { text-decoration: none; color: #c00; font-weight: bold; } .fixedSubCnt.contacts .contents .side-right table tr.addressbook-row:hover * { color: #fff; } section#body .pref-section[data-section="layout"] .blocks-info-container, section#body .pref-section[data-section="layout"] h1 { width: 780px !important; } section#body .pref-section[data-section="layout"] .blocks-main-container { width: 787px !important; } section#body .pref-section[data-section="layout"] > .preferences .grayBlock { width: 807px !important; } section#body .pref-section[data-section="layout"] .blocks-main-container .grayBlock { width: 740px !important; } .body-framed .content.gallery-layout { padding-bottom: 40px; } .shared-item { position: relative; width: 380px; margin-top: 20px; margin-right: 5px; padding: 20px 15px 20px 15px; display: inline-block; border-radius: 10px; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; } .shared-item.full-width { width: 100%; } .shared-item:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .shared-item:hover { background-color: #f5f5f5 !important; box-shadow: 0 2px 2px #eee; -moz-box-shadow: 0 2px 2px #eee; -webkit-box-shadow: 0 2px 2px #eee; } .shared-item .cnt-image { position: relative; float: left; display: inline-block; width: 170px; height: 150px; margin-top: -4px; margin-left: 10px; } .shared-item .cnt-image > .type { position: absolute; display: none; bottom: 3px; left: 1px; background-color: #eee; color: #333; padding: 1px 2px; font-size: 10px; } .shared-item .cnt-image img { max-width: 150px; max-height: 150px; border: 1px solid #ddd; border-radius: 1px; -webkit-box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.2); } .shared-item .cnt-image img.splash { border: none; border-radius: none; -webkit-box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.2); box-shadow: none; } .shared-item .cnt-image img.splash.onePhotoShare { border: 3px solid #FFFFFF; margin-bottom: 7px; } .shared-item .cnt-image:hover { cursor: pointer; } .shared-item .cnt-image:hover + .cnt-info h3 > a.title { color: #08c; text-decoration: underline; } .shared-item.full-width .cnt-info { height: auto; width: auto; } .shared-item.full-width .cnt-info span, .shared-item.full-width .cnt-info h3 { width: 500px; } .shared-item.full-width .cnt-info span.date { width: 74px; display: inline-block; } .shared-item .cnt-info { position: relative; float: left; display: block; width: 190px; margin-top: 0px; height: 150px; vertical-align: top; color: #777; text-shadow: 0 1px 0 #fff; } .shared-item .cnt-info > * { margin-bottom: 6px; padding-bottom: 6px; border-bottom: 1px dotted #ddd; } .shared-item .cnt-info > *:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .shared-item .cnt-info h3 { color: #333; font-weight: normal; font-size: 12px; line-height: 16px; margin-top: -5px; max-width: 100%; word-wrap: break-word; } .shared-item .cnt-info h3 > a { font-weight: bold; color: #333; max-width: 100%; word-wrap: break-word; } .shared-item .cnt-info a { color: #333; text-decoration: none; } .shared-item .cnt-info a:hover { color: #08c !important; text-decoration: underline; } .shared-item .cnt-info h3 > a.title { font-weight: bold; } .shared-item .cnt-info h3 > a.author { color: #333; } .shared-item .cnt-info .sharing { display: block; line-height: 16px; } .shared-item .cnt-info .sharing .sender { color: #333; text-decoration: none; } .shared-item .cnt-info .history { display: block; color: #777; text-decoration: none; } .shared-item .cnt-info .history a { color: #777; } .shared-item .cnt-info .sharing .sender:hover { text-decoration: underline; } .shared-item .cnt-info > .date { display: block; font-weight: normal; line-height: 16px; } .shared-item .cnt-info .type { display: block; font-size: 12px; font-weight: normal; line-height: 16px; } .shared-item .cnt-info .type > a { color: #777; display: none; } .shared-item .cnt-info .type > a:hover { color: #c00 !important; } .shared-item .delete { display: none; position: absolute; top: 2px; right: 2px; height: 16px; width: 16px; line-height: 16px; color: #777; background-color: #f5f5f5; text-align: center; font-weight: bold; font-size: 14px; text-decoration: none !important; border-radius: 50px; border: 0px solid #fff; -webkit-transition: none; -moz-transition: none; cursor: pointer; } .shared-item:hover .delete { display: block; } .shared-item .delete:hover { background-color: #c00; color: #fff !important; text-shadow: 0 1px #a00; } .preferences .grayBlock .userSettings.table-simple .l .buttonGray span { line-height: 24px; min-width: 60px; width: auto; } .preferences .grayBlock .userSettings.table-simple .l .buttonGray { display: block; margin-left: 222px; } .preferences .grayBlock .userSettings.table-simple p.inputLine span { overflow: visible; } .overlay.information-ios { display: block; position: absolute; width: 110%; height: 110%; top: 0; left: 0; z-index: 10000; background: url('https://assets-edge.slickpic.com/img/mobile/options/background.png') repeat top left; } .overlay.information-ios .box-popup { position: relative; width: 50%; margin: 4% auto; padding: 2% 0 5%; min-height: 500px; background: url('https://assets-edge.slickpic.com/img/mobile/options/box-popup-bw.png') repeat-x top center; border-radius: 15px; border: 2px solid #fff; -webkit-box-shadow: 0 5px 25px #000; -webkit-background-clip: padding-box; color: #fff; max-width: 600px; max-height: 600px; left: 50%; margin-left: -29%; } .overlay.information-ios .box-popup > h1 { width: 90%; padding: 0 5%; text-align: left; font-size: 2em; margin-top: 0%; text-shadow: 0 1px 0 #000; line-height: 140%; color: #fff; margin-bottom: 10px; } .overlay.information-ios .box-popup > p > img { margin-right: 40px; margin-bottom: 10px; width: 290px; display: block; text-align: center; margin: 0 auto; } .overlay.information-ios .box-popup > p { width: 90%; padding: 20px 5%; color: #fff; text-align: left; font-size: 1.5em; margin-top: 0%; text-shadow: 0 1px 0 #000; line-height: 150%; margin-bottom: -16px; } .overlay.information-ios .box-popup > p strong { display: block; font-size: 1.2em; padding-bottom: 5%; clear: both; } .overlay.information-ios .box-popup .iphone-button-green { display: block; height: 90px; line-height: 90px; text-align: center; text-decoration: none; width: 90%; margin: 0 5%; border-radius: 20px; color: #fff; text-shadow: 0 -2px 2px #333; font-size: 2em; font-weight: bold; white-space: nowrap; background: #9dc697; background: -moz-linear-gradient(top, #9dc697 1%, #46bf4e 51%, #0db71d 51%, #0d9d23 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #9dc697), color-stop(51%, #46bf4e), color-stop(51%, #0db71d), color-stop(100%, #0d9d23)); background: -webkit-linear-gradient(top, #9dc697 1%, #46bf4e 51%, #0db71d 51%, #0d9d23 100%); background: -o-linear-gradient(top, #9dc697 1%, #46bf4e 51%, #0db71d 51%, #0d9d23 100%); background: -ms-linear-gradient(top, #9dc697 1%, #46bf4e 51%, #0db71d 51%, #0d9d23 100%); background: linear-gradient(top, #9dc697 1%, #46bf4e 51%, #0db71d 51%, #0d9d23 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dc697', endColorstr='#0d9d23', GradientType=0); } .overlay.information-ios .box-popup .links-other { position: relative; width: 90%; margin: 50px 5% 20px; font-size: 2em; text-shadow: 0 1px 1px #000; } .overlay.information-ios .box-popup .links-other a { width: 49%; display: inline-block; text-align: center; color: #fff; white-space: nowrap; } .fixedWidth960 .simpleBlock p.p-benefits { font-weight: bold; color: #080; padding: 4px 0 6px !important; font-size: 13px; } .list-ticks { list-style: none; } .list-ticks li { padding: 0; margin: 0; line-height: 18px; padding-left: 24px; background: url('https://assets-edge.slickpic.com/img/common/ico-tick-green.png') no-repeat 0 0; } .list-ticks li + li { padding-top: 6px; background-position: 0 6px; } .fixedSubCnt.pricing .heading { position: relative; text-align: center; } .fixedSubCnt.pricing .heading h2 { font-size: 36px; color: #000; font-weight: bold; letter-spacing: -2px; line-height: 46px; text-shadow: 0 1px 3px #f8f8f8; -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(0, 0, 0, 0.6))); -moz-mask-image: -webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(0, 0, 0, 0.6))); } .fixedSubCnt.pricing .heading h2 > span { white-space: nowrap; } .fixedSubCnt.pricing .heading h2 + p { font-size: 15px; font-weight: normal; color: #333; margin-top: 10px; } .pricing-table { width: 911px; margin: 0 auto; border: 1px solid transparent; padding-bottom: 50px; } .pricing-table .tables-3 { position: relative; background: transparent url('https://assets-edge.slickpic.com/img/land/plans/tables-3.png') no-repeat top left; z-index: 5; min-height: 560px; } .pricing-table .tables-3 .contents { position: relative; z-index: 10; text-align: left; padding: 0 28px 190px 28px; } .pricing-table .tables-3 .contents .columns { position: relative; padding-top: 36px; } .pricing-table .tables-3 .contents .columns .column { position: relative; display: inline-block; width: 262px; text-align: center; padding-top: 20px; } .pricing-table .tables-3 .contents .columns h3 { height: 80px; width: 100%; color: #fff; font-size: 24px; line-height: 50px; } .pricing-table .tables-3 .contents .columns h3 > span { display: inline-block; background: url('https://assets-edge.slickpic.com/img/land/plans/text-headings.png') no-repeat top left; text-indent: -9999px; color: transparent; } .pricing-table .tables-3 .contents .columns .column.column-01 h3 span { width: 84px; height: 30px; background-position: 0 -50px; margin-top: 10px; } .pricing-table .tables-3 .contents .columns .column.column-02 h3 span { width: 80px; height: 42px; background-position: 0 -170px; margin-top: -10px; } .pricing-table .tables-3 .contents .columns .column.column-03 h3 span { width: 84px; height: 42px; margin-top: 10px; background-position: 0 -130px; } .indexPage.indexPlans .pricing-table .tables-3 .contents .columns .column.column-01 h3 span { width: 84px; height: 42px; margin-top: 10px; background-position: 0 -130px; } .indexPage.indexPlans .pricing-table .tables-3 .contents .columns .column.column-02 h3 span { width: 84px; height: 30px; background-position: 0 -50px; margin-top: -12px; } .indexPage.indexPlans .pricing-table .tables-3 .contents .columns .column.column-03 h3 span { width: 80px; height: 42px; background-position: 0 -88px; margin-top: 5px; margin-left: 20px; } .pricing-table .tables-3 .contents .columns .column .price { height: 90px; text-shadow: 0 1px 0 #fff; } .pricing-table .tables-3 .contents .columns .column .price h4 { white-space: nowrap; font-size: 24px; color: #000; line-height: 54px; letter-spacing: -1px; } .pricing-table .tables-3 .contents .columns .column .price h4 strike { color: #c00; } .pricing-table .tables-3 .contents .columns .column .price h4 strike + span { color: #15840c; } .pricing-table .tables-3 .contents .columns .column .price h5 { color: #aaa; font-size: 12px; font-weight: normal; margin-top: -8px; } .pricing-table .tables-3 .contents .columns .column .price h5.additional, .pricing-table-2 .column .price h5.additional { color: #c00; font-weight: bold; } .pricing-table .tables-3 .contents .columns .column .specs { color: #555; text-shadow: 0 1px 0 #fff; } .pricing-table .tables-3 .contents .columns .column .specs p { border-bottom: 1px dotted #ddd; font-size: 13px; padding: 6px 0; } .pricing-table .tables-3 .contents .columns .column .specs p:nth-child(2n+2) { background: transparent url('https://assets-edge.slickpic.com/img/land/plans/line-even.png') repeat-y center center; } .pricing-table .tables-3 .contents .columns .column .specs p:last-child { border-bottom: 0; } .pricing-table .tables-3 .contents .columns .column.column-01 h4, .pricing-table .tables-3 .contents .columns .column.column-01 .specs { color: #777; } .pricing-table .tables-3 .contents .columns .column.column-02 { margin: 0 30px; } .pricing-table .tables-3 .contents .columns .column.column-02 h3 { margin-top: 3px; margin-bottom: -3px; } .pricing-table .tables-3 .contents .columns .column.column-02 .specs p:nth-child(2n+2) { background-image: url('https://assets-edge.slickpic.com/img/land/plans/line-even-green.png'); } .pricing-table .tables-3 .contents .columns .column div.upgrade { position: absolute; bottom: -72px; width: 100%; } .pricing-table .tables-3 .contents .columns .column div.upgrade a.upgrade { background: transparent url('https://assets-edge.slickpic.com/img/land/plans/buttons-upgrade.png') no-repeat top left; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; text-decoration: none; } .pricing-table .tables-3 .contents .columns .column div.upgrade a.upgrade.style-current { display: inline-block; cursor: default; width: 162px; border: 0; font-weight: bold; height: 34px; line-height: 36px; text-align: center; color: #aaa; text-shadow: 0 1px 0 #fff; } .pricing-table .tables-3 .contents .columns .column div.upgrade a.upgrade.style-black { display: inline-block; margin-top: -2px; width: 162px; border: 0; font-weight: bold; font-size: 14px; height: 36px; line-height: 36px; text-align: center; color: #fff; text-shadow: 0 1px 0 #000; background-position: 0 -50px; } .pricing-table .tables-3 .contents .columns .column div.upgrade a.upgrade.style-green { display: inline-block; width: 222px; border: 0; font-weight: bold; font-size: 14px; height: 36px; line-height: 36px; text-align: center; color: #fff; text-shadow: 0 1px 0 #146306; background-position: 0 -102px; } .pricing-table .tables-3 .background-bottom { z-idnex: 5; position: absolute; background: transparent url('https://assets-edge.slickpic.com/img/land/plans/tables-3.png') no-repeat bottom left; height: 300px; left: 0; bottom: 0; width: 911px; } .pricing-table .tables-3 .additional { position: relative; z-index: 11; margin-top: -60px; } .pricing-table .tables-3 .additional > .promo { position: absolute; left: 8px; z-index: 11; } .link-compare { position: absolute; right: 50%; margin-top: 10px; z-index: 11; text-indent: -4515px; width: 181px; height: 34px; margin-right: -95px; background: url('https://assets-edge.slickpic.com/img/land/button-compare-details.png') no-repeat 0 0; } .link-compare:hover { opacity: 0.9; } .link-compare:active { opacity: 1; border-radius: 5px; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1) inset; } .link-compare > a { display: block; width: 100%; height: 100%; } .pricing-table-2 .link-compare { right: 119px !important; top: -15px; } .pricing-table .tables-3 .additional .connect-via { margin-left: 0; text-align: left; background: none; background-color: transparent; border: 0; width: auto; padding: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin-left: 1px; } .pricing-table .tables-3 .additional .connect-via input[type=text] { float: left; border: 1px dashed #ccc; margin-right: 10px; color: #777; width: 210px; padding: 0 10px; border-radius: 3px; box-shadow: 0 0px 5px #ddd; } .pricing-table .tables-3 .additional .connect-via input[type=text]:focus { border-style: solid; border-color: #85cee6; box-shadow: 0 0 5px #9ad9ee; } .pricing-table .tables-3 .additional .connect-via .buttonGray { margin-top: 1px; } .pricing-table .tables-3 .additional .connect-via > * > p { font-size: 12px; } .pricing-table .tables-3 .additional .connect-via > * > p.success { color: #080; } .fixedSubCnt.pricing hr { border: 0; width: 960px; height: 44px; background: transparent url('https://assets-edge.slickpic.com/img/land/plans/divider.png') no-repeat center center; } .fixedSubCnt.pricing .plans-explained { color: #555; } .fixedSubCnt.pricing .plans-explained .plan { display: inline-block; width: 280px; margin-right: 40px; text-align: left; } .fixedSubCnt.pricing .plans-explained .plan:last-child { margin-right: 0; } .fixedSubCnt.pricing .plans-explained .plan h3 { font-size: 16px; } .fixedSubCnt.pricing .plans-explained .plan h3 + p { font-size: 12px; line-height: 20px; margin-top: 9px; } /* Pricing table of 2 boxes */ .pricing-table-2 { width: 640px; margin: 0 auto; border: 1px solid transparent; padding-bottom: 50px; } .pricing-table-2 .tables-2 { position: relative; background: transparent url('https://assets-edge.slickpic.com/img/land/plans/tables-2.png') no-repeat top left; z-index: 5; min-height: 560px; } .pricing-table-2 .tables-2 .contents { position: relative; z-index: 10; text-align: left; padding: 0 28px 190px 28px; } .pricing-table-2 .tables-2 .contents .columns { position: relative; padding-top: 36px; } .pricing-table-2 .tables-2 .contents .columns .column { position: relative; display: inline-block; width: 262px; text-align: center; padding-top: 20px; } .pricing-table-2 .tables-2 .contents .columns h3 { height: 80px; width: 100%; color: #fff; font-size: 24px; line-height: 50px; } .pricing-table-2 .tables-2 .contents .columns h3 > span { display: inline-block; background: url('https://assets-edge.slickpic.com/img/land/plans/text-headings.png') no-repeat top left; text-indent: -9999px; color: transparent; } .pricing-table-2 .tables-2 .contents .columns .column.column-01 h3 span { width: 84px; height: 42px; margin-top: 10px; background-position: 0 -130px; } .pricing-table-2 .tables-2 .contents .columns .column.column-02 h3 span { width: 80px; height: 42px; background-position: 0 -170px; margin-top: -10px; } .pricing-table-2 .tables-2 .contents .columns .column .price { height: 90px; text-shadow: 0 1px 0 #fff; } .pricing-table-2 .tables-2 .contents .columns .column .price h4 { white-space: nowrap; font-size: 28px; color: #000; line-height: 54px; letter-spacing: -1px; } .pricing-table-2 .tables-2 .contents .columns .column .price h4 strike { color: #c00; } .pricing-table-2 .tables-2 .contents .columns .column .price h4 strike + span { color: #15840c; } .pricing-table-2 .tables-2 .contents .columns .column .price h5 { color: #aaa; font-size: 12px; font-weight: normal; margin-top: -8px; } .pricing-table-2 .tables-2 .contents .columns .column .specs { color: #555; text-shadow: 0 1px 0 #fff; } .pricing-table-2 .tables-2 .contents .columns .column .specs p { border-bottom: 1px dotted #ddd; font-size: 13px; padding: 6px 0; } .pricing-table-2 .tables-2 .contents .columns .column .specs p:nth-child(2n+2) { background: transparent url('https://assets-edge.slickpic.com/img/land/plans/line-even.png') repeat-y center center; } .pricing-table-2 .tables-2 .contents .columns .column .specs p:last-child { border-bottom: 0; } .pricing-table-2 .tables-2 .contents .columns .column.column-01 h4, .pricing-table-2 .tables-2 .contents .columns .column.column-01 .specs { color: #777; } .pricing-table-2 .tables-2 .contents .columns .column.column-02 { margin: 0 0 0 30px; } .pricing-table-2 .tables-2 .contents .columns .column.column-02 h3 { margin-top: -20px; padding-top: 20px; } .pricing-table-2 .tables-2 .contents .columns .column.column-02 .specs p:nth-child(2n+2) { background-image: url('https://assets-edge.slickpic.com/img/land/plans/line-even-green.png'); } .pricing-table-2 .tables-2 .contents .columns .column div.upgrade { position: absolute; bottom: -72px; width: 100%; } .pricing-table-2 .tables-2 .contents .columns .column div.upgrade a.upgrade { background: transparent url('https://assets-edge.slickpic.com/img/land/plans/buttons-upgrade.png') no-repeat top left; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; text-decoration: none; } .pricing-table-2 .tables-2 .contents .columns .column div.upgrade a.upgrade.style-current { display: inline-block; cursor: default; width: 162px; border: 0; font-weight: bold; height: 34px; line-height: 36px; text-align: center; color: #aaa; text-shadow: 0 1px 0 #fff; } .pricing-table-2 .tables-2 .contents .columns .column div.upgrade a.upgrade.style-black { display: inline-block; margin-top: -2px; width: 162px; border: 0; font-weight: bold; font-size: 14px; height: 36px; line-height: 36px; text-align: center; color: #fff; text-shadow: 0 1px 0 #000; background-position: 0 -50px; } .pricing-table-2 .tables-2 .contents .columns .column div.upgrade a.upgrade.style-green { display: inline-block; width: 222px; border: 0; font-weight: bold; font-size: 14px; height: 36px; line-height: 36px; text-align: center; color: #fff; text-shadow: 0 1px 0 #146306; background-position: 0 -102px; } .pricing-table-2 .tables-2 .background-bottom { z-idnex: 5; position: absolute; background: transparent url('https://assets-edge.slickpic.com/img/land/plans/tables-2.png') no-repeat bottom left; height: 300px; left: 0; bottom: 0; width: 911px; } .pricing-table-2 .tables-2 .additional { position: relative; z-index: 11; margin-top: -60px; } .pricing-table-2 .tables-2 .additional > .promo { position: absolute; left: 8px; z-index: 11; } .pricing-table-2 .tables-2 .additional > .link-compare { position: absolute; right: 24px; z-index: 11; } .pricing-table-2 .tables-2 .additional .connect-via { margin-left: 0; text-align: left; background: none; background-color: transparent; border: 0; width: auto; padding: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin-left: 1px; } .pricing-table-2 .tables-2 .additional .connect-via input[type=text] { float: left; border: 1px dashed #ccc; margin-right: 10px; color: #777; width: 210px; padding: 0 10px; border-radius: 3px; box-shadow: 0 0px 5px #ddd; } .pricing-table-2 .tables-2 .additional .connect-via input[type=text]:focus { border-style: solid; border-color: #85cee6; box-shadow: 0 0 5px #9ad9ee; } .pricing-table-2 .tables-2 .additional .connect-via .buttonGray { margin-top: 1px; } .pricing-table-2 .tables-2 .additional .connect-via > * > p { font-size: 12px; } .pricing-table-2 .tables-2 .additional .connect-via > * > p.success { color: #080; } /* Buy Credits */ .buy-credits { margin-top: 30px; } .content .buy-credits .heading { position: relative; text-align: left; color: #555; height: auto !important; border-bottom: 0; } .buy-credits .heading .image { position: absolute; top: 42px; right: 0; } .buy-credits h2 { text-align: center; font-size: 36px; color: #000; font-weight: bold; letter-spacing: -2px; line-height: 46px; margin-bottom: 20px; text-shadow: 0 1px 3px #f8f8f8; -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(0, 0, 0, 0.6))); -moz-mask-image: -webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(0, 0, 0, 0.6))); } .buy-credits .heading h3 { text-align: left; font-size: 15px; font-weight: normal; line-height: 30px; padding-right: 300px; white-space: nowrap; } .buy-credits .heading p { font-size: 12px; line-height: 20px; padding-right: 300px; } .buy-credits hr { border: 0; width: 960px; height: 44px; background: transparent url('https://assets-edge.slickpic.com/img/land/plans/divider.png') no-repeat center center; } .buy-credits .credits-options { text-align: center; margin-left: 0; margin-top: 0px; } .buy-credits .credits-options h2 { font-size: 26px; margin-top: -20px; letter-spacing: -1px; margin-bottom: 40px; } .buy-credits .credits-options .option { position: relative; display: inline-block; width: 104px; min-height: 180px; background: transparent url('https://assets-edge.slickpic.com/img/land/credits/block-simple.png') no-repeat top left; margin: 0 16px; } .buy-credits .credits-options .option .special { display: none; } .buy-credits .credits-options .option.green-block { background: transparent url('https://assets-edge.slickpic.com/img/land/credits/block-green.png') no-repeat top left; margin-right: -6px; padding-right: 40px; padding-left: 6px; margin-top: -9px; } .buy-credits .credits-options .option.green-block .special { display: block; color: #080; font-weight: bold; position: absolute; top: -26px; font-size: 15px; left: 4px; width: 104px; text-align: center; white-space: nowrap; } .buy-credits .credits-options .option.green-block + .option { margin-left: 0; } .buy-credits .credits-options .option h3 { margin-top: 38px; } .buy-credits .credits-options .option.green-block h3 { margin-top: 47px; } .buy-credits .credits-options .option h3 b { font-size: 32px; font-weight: normal; display: block; line-height: 30px; } .buy-credits .credits-options .option h3 span { font-size: 12px; text-transform: uppercase; font-weight: normal; color: #777; } .buy-credits .credits-options .option h4 { font-weight: normal; color: #555; } .buy-credits .credits-options .option h4 b { font-weight: bold; display: block; font-size: 13px; margin-top: 6px; } .buy-credits .credits-options .option h4 span { display: block; font-size: 11px; color: #777; } .buy-credits .credits-options .option .button { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; } .buy-credits .credits-options .option.green-block .button { width: 116px; bottom: -9px; } .buy-credits .credits-options .option a.button-gold { display: inline-block; background: #f1d986; background: -moz-linear-gradient(top, #f1d986 0%, #bda65f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1d986), color-stop(100%, #bda65f)); background: -webkit-linear-gradient(top, #f1d986 0%, #bda65f 100%); background: -o-linear-gradient(top, #f1d986 0%, #bda65f 100%); background: -ms-linear-gradient(top, #f1d986 0%, #bda65f 100%); background: linear-gradient(top, #f1d986 0%, #bda65f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1d986', endColorstr='#bda65f', GradientType=0); color: #fff; border-radius: 3px; text-decoration: none; box-shadow: 0 1px 0 #f7e7b2 inset; font-size: 13px; font-weight: normal; text-shadow: 0 1px 0 #7a713a; text-align: center; height: 26px; line-height: 26px; border: 1px solid #000; border-color: #dac579 #bdae72 #928649 #bcac6b; width: 88px; } .buy-credits .credits-options .option a.button-greenish { display: inline-block; background: #6cb856; background: -moz-linear-gradient(top, #6cb856 0%, #227a1f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6cb856), color-stop(100%, #227a1f)); background: -webkit-linear-gradient(top, #6cb856 0%, #227a1f 100%); background: -o-linear-gradient(top, #6cb856 0%, #227a1f 100%); background: -ms-linear-gradient(top, #6cb856 0%, #227a1f 100%); background: linear-gradient(top, #6cb856 0%, #227a1f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6cb856', endColorstr='#227a1f', GradientType=0); color: #fff; border-radius: 3px; text-decoration: none; box-shadow: 0 1px 0 #a2d394 inset; font-size: 13px; font-weight: normal; text-shadow: 0 1px 0 #4c9a31; text-align: center; height: 26px; line-height: 26px; border: 1px solid #4c9a31; width: 88px; } .buy-credits .credits-options > p { text-align: left; margin: 20px 0; color: #777; } .buy-credits .note-large { text-align: left; color: #777; } .buy-credits .edit-services h2 { font-size: 26px; margin-top: -20px; } .buy-credits .edit-services .service-box { text-align: left; width: 990px; border: 1px solid #ddd; background-color: #efefef; border-radius: 3px; box-shadow: 0 2px 5px #e5e5e5; margin-bottom: 15px; } .buy-credits .edit-services .description { background-color: #fcfcfc; padding: 10px 20px; } .buy-credits .edit-services h3 { text-align: left; font-size: 14px; color: #555; } .buy-credits .edit-services .features { float: left; padding: 20px 20px 10px; width: 620px; color: #555; } .buy-credits .edit-services .features ul { list-style: none; } .buy-credits .edit-services .features ul li { text-align: left; display: inline-block; width: 282px; margin-bottom: 10px; font-size: 12px; padding: 0 0 0 24px; background: url('https://assets-edge.slickpic.com/img/land/credits/check.png') no-repeat left center; } .buy-credits .edit-services .examples { float: right; padding: 10px 20px 6px 0px; } .buy-credits .edit-services .examples img { display: block; } .buy-credits .edit-services .examples span { color: #777; width: 106px; text-align: center; font-size: 10px; font-style: italic; } .buy-credits .edit-services .examples span.original { float: left; } .buy-credits .edit-services .examples span.enhanced { float: right; } .buy-credits .edit-services h3 { text-align: left; padding-left: 16px; font-size: 16px; color: #555; line-height: 30px; } .buy-credits > p { text-align: left; color: #777; } .buy-credits .how-works h2 { font-size: 26px; } /* New Comparison */ .payment-badges { position: absolute; top: 30px; right: 0; } .payment-badges > div { display: inline-block; margin-left: 20px; } .payment-blocks { float: right; width: 400px; min-height: 20px; padding: 30px; background-color: #fff; border-radius: 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); margin-top: -24px; max-height: 445px; } /*.payment-blocks .payment-option { position: relative; display: block; width: 400px; margin-bottom: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 2px 3px #eee; -moz-box-shadow: 0 2px 3px #eee; box-shadow: 0 2px 3px #eee; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer } .payment-blocks .payment-option:hover { -webkit-box-shadow: 0 2px 7px #ccc; -moz-box-shadow: 0 2px 7px #ccc; box-shadow: 0 2px 7px #ccc } .payment-blocks .payment-option > .description { display: block; width: 360px; padding-top: 80px; margin: 0 auto 0; text-align: center; font-size: 12px; color: #333; text-shadow: 0 1px 0 #fff } .payment-blocks .payment-option.paypal { height: 129px; background-position: 0 0 ; position:relative; z-index: 100} .payment-blocks .payment-option:hover.paypal { cursor: default; } .payment-blocks .payment-option.paypal a { display: block; height:38px; position: absolute; z-index: 2000;right:22px } .payment-blocks .payment-option.paypal .pay-by-pp { width: 165px; top:22px } .payment-blocks .payment-option.paypal .pay-by-cc { width: 200px; top:69px } .payment-blocks .payment-option.google { height: 99px; background-position: 0 -149px } .payment-blocks .payment-option.alertpay { height: 129px; background-position: 0 -268px; display: none !important } */ /** Ugly Photo Enhancement banner on Dashboard **/ .block-enhancement { width: 208px; padding: 43px 6px 6px; border: 1px solid #ddd; border-radius: 5px; background: #efefef url('https://assets-edge.slickpic.com/img/land/dashboard/slickify-photos-title.png') no-repeat top center; } .block-enhancement > div { background: #f9f9f9; } .block-enhancement h2 { font-weight: bold; font-size: 13px; text-align: left; padding-top: 20px; margin-left: -11px; margin-right: -11px; text-align: center; padding: 10px 15px; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkitborder-radius: 5px 5px 0 0; } .block-enhancement h2 span { font-size: 11px; font-weight: normal; } .block-enhancement h3 { background: url('https://assets-edge.slickpic.com/img/land/dashboard/btn-enh-green.jpg') repeat-x; color: #fff; font-weight: normal; font-size: 14px; text-align: center; height: auto; padding-top: 10px; margin-left: -7px; margin-top: 10px; margin-right: -7px; padding: 8px 10px 10px 10px; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkitborder-radius: 0 0 5px 5px; margin-bottom: -20px; } .block-enhancement h3 a { color: #fff; font-size: 14px; text-shadow: 0px -1px 0px #2c7328; } .block-enhancement > .get-credits { display: block; position: absolute; top: 230px; right: 10px; width: 81px; height: 81px; background: url('https://assets-edge.slickpic.com/img/land/dashboard/badge-get-credits.png') no-repeat top left; text-indent: -9999px; z-index: 13; } .block-enhancement > img { position: absolute; z-index: 10; } .block-enhancement > p { text-align: left; margin: 5px 0; } .block-enhancement ul { list-style: none; text-align: left; margin-top: 6px; padding-left: 10px; color: #747474; } .block-enhancement ul li { line-height: 24px; white-space: nowrap; position: relative; z-index: 12; } .block-enhancement ul li:before { content: '— '; } .block-enhancement .example-images { text-align: left; margin-left: 0px; } .block-enhancement .example-images { height: 160px; overflow: visible; background-color: #eee; margin: 10px -11px -12px -11px; padding: 10px 10px 20px 10px; border-top: 1px solid #ddd; border: 1px solid #ddd; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkitborder-radius: 0 0 5px 5px; } .block-enhancement .example-images > span { text-align: left; font-size: 11px; margin-bottom: 4px; font-weight: bold; } .block-enhancement .example-images > span.original { display: inline-block; width: 100px; } .block-enhancement .example-images > span.enhanced { display: inline-block; } .block-enhancement .example-images .img { float: left; position: relative; width: 200px; height: 74px; overflow: hidden; margin: 0 6px 6px 0px; } .block-enhancement .example-images .img img { width: 90px; height: 70px; padding-bottom: 2px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; padding: 1px; border: 1px solid #ddd; } .block-enhancement .example-images .img img.after { float: right; } .block-enhancement .example-images .img img.before { float: left; width: 90px; height: 70px; opacity: 1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; z-index: 100; } .block-enhancement .example-images .img img.before-2 { position: absolute; padding: 1px; border: 1px solid #ddd; top: 0; right: 0px; opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; } .block-enhancement .example-images .img img.before-2:hover { opacity: 1; visibility: visible; } .block-enhancement .orange { font-size: 11px; color: #777 !important; text-align: left; } #spDlgAlbSettings .body.content-container > .container:after { position: absolute; bottom: 00px; left: 30px; width: 96%; height: 22px; background: transparent url('https://assets-edge.slickpic.com/img/album/dialog-shadow.png') repeat-x bottom left; content: ' '; } /* Privacy Security in left column */ .fixedWidth960 .uniContentBlock.small { width: auto !important; } .fixedWidth960 .uniContentBlock.small .left-radios { float: none; width: auto !important; min-height: 0px; padding-right: 0px; margin-left: 0px; margin-top: 0px; } .fixedWidth960 .uniContentBlock.small .left-radios label { padding-bottom: 5px; margin-left: 5px; } .fixedWidth960 .uniContentBlock.small .radios-explanation .explanation { margin-top: 0px; margin-left: 10px; } .fixedWidth960 .uniContentBlock.small .tipBlue.block-article { padding: 0px; padding-bottom: 10px; width: auto !important; } .fixedWidth960 .uniContentBlock.small .tipBlue p { padding: 8px 5px 0 0px; } /* Paypal custom dialog */ .paypal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; } .paypal-overlay > .overlay-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.5; } .paypal-overlay > .table { display: table; width: 100%; height: 100%; vertical-align: middle; text-align: center; position: relative; z-index: 200; } .paypal-overlay > .table > .table-row { display: table-cell; width: auto; height: auto; vertical-align: middle; text-align: center; } .table-row > .box { position: relative; display: inline-block; width: auto; height: auto; background-color: #fff; padding: 30px 50px; border-radius: 20px; border: 1px solid #000; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.5); } .table-row > .box .close-popup { position: absolute; text-decoration: none; font-size: 18px; color: #777; font-weight: bold; top: 10px; right: 10px; } .table-row > .box .close-popup:hover { color: #c00; } .table-row > .box h2 { line-height: 24px; font-size: 14px; color: #333; font-weight: normal; text-shadow: none; } .table-row > .box a.button-proceed { border: 1px solid #20790b; border-color: #369b1d #2e9118 #20790b #2e9118; border-radius: 30px; color: #fff; text-decoration: none; font-weight: bold; padding: 0 20px; font-size: 13px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); height: 32px; line-height: 32px; display: inline-block; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; background: #46b623; margin: 10px 0 20px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ2YjYyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOTg2MTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #46b623 0%, #298619 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #46b623), color-stop(100%, #298619)); background: -webkit-linear-gradient(top, #46b623 0%, #298619 100%); background: -o-linear-gradient(top, #46b623 0%, #298619 100%); background: -ms-linear-gradient(top, #46b623 0%, #298619 100%); background: linear-gradient(top, #46b623 0%, #298619 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#46b623', endColorstr='#298619', GradientType=0); } .table-row > .box a.button-proceed:hover { background: #4dcb27; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkY2IyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMTlmMWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #4dcb27 0%, #319f1d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4dcb27), color-stop(100%, #319f1d)); background: -webkit-linear-gradient(top, #4dcb27 0%, #319f1d 100%); background: -o-linear-gradient(top, #4dcb27 0%, #319f1d 100%); background: -ms-linear-gradient(top, #4dcb27 0%, #319f1d 100%); background: linear-gradient(top, #4dcb27 0%, #319f1d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4dcb27', endColorstr='#319f1d', GradientType=0); } .table-row > .box a.button-proceed:active { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5) inset; border-color: #20790b; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ2YjYyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOTg2MTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #46b623 0%, #298619 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #46b623), color-stop(100%, #298619)); background: -webkit-linear-gradient(top, #46b623 0%, #298619 100%); background: -o-linear-gradient(top, #46b623 0%, #298619 100%); background: -ms-linear-gradient(top, #46b623 0%, #298619 100%); background: linear-gradient(top, #46b623 0%, #298619 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#46b623', endColorstr='#298619', GradientType=0); } .go-down-z-index { z-index: 1 !important; } div.thumbBox, #drag-helper { z-index: 4 !important; } textarea#shareLinksDirect { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; background-image: none; background-color: #fff; border: 1px solid #ccc; padding: 6px 8px; font-size: 11px; color: #222; line-height: 16px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.11); border-color: #bbb !important; } textarea#shareLinksDirect:focus { box-shadow: 0 2px 10px rgba(82, 168, 236, 0.5); border-color: #56b4ef !important; } .dialog-bulk-sharing .option h3 { font-size: 18px; line-height: 18px; color: #111; margin: 0; padding: 0 !important; } .dialog-bulk-sharing .option h3 strong { line-height: 24px; } .dialog-bulk-sharing .option p { font-size: 11px; line-height: 16px; margin: 0; margin-bottom: 4px; padding: 0 !important; } .dialog-bulk-sharing .option .code { font-size: 11px; line-height: 16px; } .dialog-bulk-sharing .option p + .code { margin-top: 10px; margin-bottom: 10px; } .dialog-bulk-sharing .option .code > span { font-weight: bold; display: inline-block; width: 180px; } .dialog-bulk-sharing .option .code span + select { width: 272px; } .dialog-bulk-sharing .option:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .dialog-bulk-sharing .option .buttonGray { cursor: pointer; margin-left: 0; } .moduleBox .shareCnt.dialog-bulk-sharing .shareOptions .option { border: 0; box-shadow: 0; } .moduleBox .body .dialog-bulk-sharing .shareOptions.floatLeft { width: 300px; margin-left: 8px; margin-top: -10px; } .dialog-bulk-sharing .sharing-count { display: block; padding-bottom: 12px; font-weight: bold; color: #333; font-size: 12px; border-bottom: 1px solid #ddd; box-shadow: 0 1px 0 #fff; width: 150px; white-space: nowrap; margin: 6px auto 12px; } .dialog-bulk-sharing .option + .option { padding-top: 20px; border-top: 1px solid #ccc !important; box-shadow: 0 1px 0 #fff inset; width: 400 / px; } .dialog-bulk-sharing .manyItems label { float: left; clear: right; } .moduleBox .body .inside .dialog-bulk-sharing .option textarea { width: 436px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; background-image: none; background-color: #fff; border: 1px solid #ccc; padding: 6px 8px; font-size: 11px; color: #222; line-height: 16px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.11); border-color: #bbb !important; } .moduleBox .body .inside .dialog-bulk-sharing .option textarea:focus { box-shadow: 0 2px 10px rgba(82, 168, 236, 0.5); border-color: #56b4ef !important; } .auto-width { width: auto !important; } .moduleBox .email-line { position: relative; } .moduleBox .email-line > span { float: left; width: 80px; } .moduleBox .email-line > span.email-success-message { margin-left: -28px; width: 776px; font-weight: bold; color: #fff !important; margin-top: 5px; text-align: center; border-top: 1px solid #fff; background-color: #8dc63f; padding: 10px 20px; } .moduleBox .email-line > .block-input { margin-left: 100px; } .moduleBox .email-line { margin-top: 8px; } .moduleBox .email-line.email-send { margin-left: -4px; } .moduleBox .screen h3 { font-size: 12px; line-height: 24px; margin-bottom: 16px; } .moduleBox .email-recipients-container.email-line .contacts-button { right: 0; } .invites-cnt .box-contacts .contacts-listing { height: 368px; margin-top: 62px; width: 670px; margin-left: 100px; } .invites-cnt .box-contacts .contacts-listing .contacts-left { height: 298px; } .invites-cnt .box-contacts .contacts-listing .contacts-body { width: 531px; height: 297px; } .invites-cnt .box-contacts .contacts-listing .contacts-body ul li { width: 511px; } .invites-cnt .box-contacts .contacts-listing .contacts-footer { box-shadow: 0 5px 10px #999; } .invites-cnt .contacts-listing .contacts-head .side-right { width: 516px; } .invites-cnt .contacts-listing .contacts-head { width: 670px; } .moduleBox .screen .invites-cnt > h3 { margin-bottom: 0; } .moduleBox .screen .invites-cnt > p.border-bottom { border-bottom: 1px solid #ddd; box-shadow: 0 1px 0 #fff; padding-bottom: 10px; margin-bottom: 10px; } .moduleBox .email-line input, .moduleBox .email-line textarea { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; background-image: none; background-color: #fff; border: 1px solid #ccc; padding: 6px 8px; font-size: 11px; color: #222; line-height: 16px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.11); border-color: #bbb !important; background: #fff !important; } .moduleBox .email-line input:focus, .moduleBox .email-line textarea:focus { box-shadow: 0 2px 10px rgba(82, 168, 236, 0.5); border-color: #56b4ef !important; } .moduleBox .modal-tabs { display: block; border-bottom: 1px solid #ddd; box-shadow: 0 1px 0 #fff; margin-left: -27px; margin-right: -22px; margin-top: -20px; border-bottom: 1px solid #ccc; padding-left: 25px; background-color: #eee; margin-bottom: 16px; background: #f9f9f9; } .moduleBox .modal-tabs a { float: left; border-left: 1px solid transparent; font-size: 11px; font-weight: bold; padding: 8px 15px; border-right: 1px solid #ccc; color: #333; text-shadow: 0 1px 0 #fff; text-decoration: none; -webkit-transition: background 0.23s ease, background-color 0.23s ease, color background 0.23s ease; } .moduleBox .modal-tabs a:first-child { border-left: 1px solid #ccc; box-shadow: 1px 0 0 #fff inset; } .moduleBox .modal-tabs a + a { box-shadow: 1px 0 0 #fff; } .moduleBox .modal-tabs a:hover { color: #069; } .moduleBox .modal-tabs a.active:hover, .moduleBox .modal-tabs a.active { border-left: 1px solid #ccc; background-color: #f2f2f2; box-shadow: 0 2px 0 #f2f2f2, 1px 0 0 #fff, -1px 0 0 #fff; color: #999 !important; cursor: default; background: #efeff4; } .moduleBox .modal-tabs a.active span { color: #999 !important; } .moduleBox .modal-tabs a font { font-weight: normal; color: #777; } .moduleBox .modal-tabs a.active:hover font, .moduleBox .modal-tabs a.active font { color: #999; } .moduleBox .modal-tabs a:hover font { color: #069; } .moduleBox .screens-container { min-height: 380px; } #spDlgSharePhotoViewer.moduleBox .screens-container { min-height: 1px !important; } .moduleBox .screens-container[data-type="gallery"] { min-height: 300px; } .moduleBox .screen p + .tabled-users { margin-top: 10px; } .moduleBox .screen .tabled-users { background-color: #fff; border: 1px solid #ccc; padding: 0 0 5px; font-size: 11px; box-shadow: 0 1px 0 #fff; max-height: 320px; overflow-y: auto; } .moduleBox .screen .tabled-users .row { padding: 5px 10px; border-bottom: 1px solid #eee; } .moduleBox .screen .tabled-users .row.uploader > .user > span { padding-left: 34px; width: 152px; background: transparent url('https://assets-edge.slickpic.com/img/album/ico-user-arrow.png') no-repeat left center; background-position: 3px 2px; font-weight: normal; } .moduleBox .screen .tabled-users .row.uploader > .user > span a { color: #08C; text-decoration: none; font-weight: normal; } .moduleBox .screen .tabled-users .row.uploader > .user > span a:hover { color: #08C; text-decoration: underline; } .moduleBox .screen .tabled-users .row.uploader.inactive > .user > span a { color: #aaa; } .moduleBox .screen .tabled-users .row.uploader.inactive > .user > span { background-image: url('https://assets-edge.slickpic.com/img/album/ico-user-arrow-bw.png'); } .moduleBox .screen .tabled-users .row.header { font-weight: bold; color: #777; text-transform: uppercase; border-bottom: 2px solid #eee; } .moduleBox .screen .tabled-users .row:last-child { border-bottom: 0; } /*.moduleBox .screen .tabled-users > .row:nth-child(2n+2) { background-color: #f8f8f8 }*/ .moduleBox .screen .tabled-users .row:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .moduleBox .screen .tabled-users .row > * { float: left; width: 18%; min-height: 20px; line-height: 20px; } .moduleBox .screen .tabled-users .row > .user { width: 26%; font-weight: bold; } .moduleBox .screen .tabled-users .row > .user > span { display: inline-block; width: 172px; overflow: hidden; text-overflow: ellipsis; } .moduleBox .screen .tabled-users .row > .photos-count { width: 17%; } .moduleBox .screen .tabled-users .row > .date-upload, .moduleBox .screen .tabled-users .row > .date-invite { width: 16%; } .moduleBox .screen .tabled-users .row > .status { width: 9%; } .moduleBox .screen .tabled-users .row > .actions { width: 12%; } .moduleBox .screen .tabled-users .row > .date-long { width: 20%; } .moduleBox .screen .tabled-users .row > .event { width: 20%; } .moduleBox .screen .tabled-users .row > .status-value { width: 80%; } .moduleBox .screen .tabled-users .row > .inactive { color: gray; } .moduleBox .screen .tabled-users .row > .status-value .icon { width: 14px; height: 14px; margin: 2px 0px 0px 0px; float: left; background: url("https://assets-edge.slickpic.com/img/album/ico_albumlocks-small.png") no-repeat scroll 19px 0 transparent; } .moduleBox .screen .tabled-users .row > .status-value .icon.private { background-position: -38px 0; } .moduleBox .screen .tabled-users .row > .status-value .icon.unlisted { background-position: -19px 0; } .moduleBox .screen .tabled-users .row > .status-value .icon.public { background-position: 0px 0; } .moduleBox .screen .tabled-users .row .share-name { width: 84%; background: none !important; background-color: transparent !important; font-size: 11px !important; border: 1px solid #EEE; } .moduleBox .screen .tabled-users .row .share-name:hover { border: 1px solid #CECECE; } .moduleBox .share-name::-webkit-input-placeholder { color: #333 !important; } .moduleBox .share-name:-moz-placeholder { color: #333 !important; } .moduleBox .share-name:-ms-input-placeholder { color: #333 !important; } .moduleBox input::-webkit-input-placeholder { color: #333 !important; } .moduleBox input:-moz-placeholder { color: #333 !important; } .moduleBox input:-ms-input-placeholder { color: #333 !important; } .moduleBox input::-webkit-input-placeholder { color: #333 !important; } .moduleBox input:-moz-placeholder { color: #333 !important; } .moduleBox input:-moz-placeholder { color: #333 !important; } .moduleBox .screen .tabled-users .row input.share-name { padding: 0; height: 20px; line-height: 20px; border-color: #eee; border-radius: 2px; background: url('https://assets-edge.slickpic.com/img/album/ico-pencil-colored.png') no-repeat 4px 5px !important; padding-left: 18px; } .moduleBox .screen .tabled-users .row input.share-name:focus { border-color: #5bafd9 !important; background: url('https://assets-edge.slickpic.com/img/album/ico-pencil.png') no-repeat 4px 5px !important; } .share-dialog .tabled-users .row > .photos-count { width: 11% !important; } .share-dialog .screen .tabled-users .row > .date-upload, .share-dialog .screen .tabled-users .row > .date-invite { width: 20%; } .moduleBox .url-link > .link-note { margin-top: 3px; } .moduleBox .screens-container.disabled .url-link > .link-note { color: #aaa; } .moduleBox .screen .email-error { margin-left: 100px; } .moduleBox .screen .holder-right { margin-left: 220px; } .moduleBox .screen .splash-image { float: left; width: 220px; margin-left: -10px; } .moduleBox .screen .splash-image .album-title { font-weight: bold; width: 210px; display: block; text-align: center; } .moduleBox .screen .splash-image .album-date { font-style: italic; width: 210px; display: block; text-align: center; } .moduleBox .screen .block-header h3 { font-size: 16px; text-align: center; margin-bottom: 0; line-height: 32px; } .moduleBox .screen .block-header h4 { font-size: 12px; text-align: center; font-weight: bold; margin-bottom: 10px; } .moduleBox .screen .block-header { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd; box-shadow: 0 1px 0 #fff; } .moduleBox .screen .option { margin-top: 15px; padding-top: 15px; border-top: 1px solid #ddd; box-shadow: 0 1px 0 #fff inset; } .moduleBox .screen .option > h3 { font-size: 18px; font-weight: bold; margin-bottom: 0; line-height: 30px; } .moduleBox .screen .option > h3 a { text-decoration: none; } .moduleBox .screen .option > h3 a u { text-decoration: underline; } .moduleBox .screen .option > h3 a:hover u { text-decoration: none; } .moduleBox .screen .option p { position: relative; } .moduleBox .screen .option p .leftInputLabel { display: inline-block; width: 60px; line-height: 28px; } .moduleBox .body .inside .screen p input[type="text"].leftLinkInput { width: 380px; } .moduleBox .body .inside .screen p > u { position: absolute; top: 2px; right: 0; width: 100px; white-space: nowrap; } .moduleBox .body .inside .screen .copybutton { margin: 0 0 0 10px; color: #0088CC; text-decoration: none; border-bottom: 1px dotted; cursor: pointer; cursor: hand; white-space: nowrap; } .screens-container.disabled .disabler-container { display: none; } .disabler-container { display: none; } .disabler-container .explanation { padding: 100px 200px; color: #fff; } .disabler-container { position: absolute; width: 100%; height: 100%; padding: 0 25px 26px 26px; left: -28px; top: 0; background: transparent url('https://assets-edge.slickpic.com/img/album/modal-overlay.png') repeat 0 0; opacity: 0.6; filter: alpha(opacity=60); z-index: 500; } .disabler-container .explanation h3 { color: #fff; font-size: 14px; line-height: 24px; } .disabler-container .explanation p { color: #fff; } .upload-sharing-status label { display: block; width: 555px; height: 24px; line-height: 24px; } .upload-sharing-status label span { display: inline-block; line-height: 20px; } .upload-sharing-status label span > font { font-weight: bold; } .upload-sharing-status label input[type=checkbox] { display: inline-block; height: 16px; margin-right: 4px; } .upload-sharing-status p { font-size: 11px; color: #666; line-height: 16px !important; } .shared-upload-setting select { background: linear-gradient(to bottom, #FFFFFF 0%, #F2F2F2 100%) repeat scroll 0 0 transparent; border: 1px solid #CECECE; color: #333333; font-family: Arial; font-size: 12px; height: 26px; line-height: 26px; overflow: visible; padding: 4px 2px 4px 8px; text-shadow: 0 1px 0 #FFFFFF; } .shared-upload-setting span { line-height: 24px; padding: 0px 4px; } .screens-container.plus .upgrade-link, .screens-container.pro .upgrade-link { display: none; } .moduleBox .screen .tabled-users .row > .actions a { display: inline-block; font-size: 11px; font-weight: bold; padding: 0 8px; border-radius: 3px; width: 50px; height: 20px; letter-spacing: 0.08em; line-height: 18px; text-align: center; color: #444; text-shadow: 0 1px 0 #fff; border: 1px solid #ddd; border-color: #d7d7d7 #d0d0d0 #bcbcbc #d0d0d0; background: #fefefe; background: -moz-linear-gradient(top, #fefefe 0%, #f1f0f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f1f0f0)); background: -webkit-linear-gradient(top, #fefefe 0%, #f1f0f0 100%); background: -o-linear-gradient(top, #fefefe 0%, #f1f0f0 100%); background: -ms-linear-gradient(top, #fefefe 0%, #f1f0f0 100%); background: linear-gradient(top, #fefefe 0%, #f1f0f0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f1f0f0', GradientType=0); -moz-box-shadow: 0 1px 0 #efefef, 0 1px 0 #fff inset; -webkit-box-shadow: 0 1px 0 #efefef, 0 1px 0 #fff inset; box-shadow: 0 1px 0 #efefef, 0 1px 0 #fff inset; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; font-weight: normal; } .moduleBox .screen .tabled-users .row > .actions a.none { visibility: hidden; } .moduleBox .screen .tabled-users .row > .actions a:hover { border-color: #ccc #bbb #aaa #bbb; box-shadow: 0 1px 1px #ddd; background: #fbfbfb; background: -moz-linear-gradient(top, #fbfbfb 0%, #efeded 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #efeded)); background: -webkit-linear-gradient(top, #fbfbfb 0%, #efeded 100%); background: -o-linear-gradient(top, #fbfbfb 0%, #efeded 100%); background: -ms-linear-gradient(top, #fbfbfb 0%, #efeded 100%); background: linear-gradient(top, #fbfbfb 0%, #efeded 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#efeded', GradientType=0); color: #444; } .moduleBox .screen .tabled-users .row > .actions a:active { background: #fbfbfb; background: -moz-linear-gradient(top, #fbfbfb 0%, #efeded 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #efeded)); background: -webkit-linear-gradient(top, #fbfbfb 0%, #efeded 100%); background: -o-linear-gradient(top, #fbfbfb 0%, #efeded 100%); background: -ms-linear-gradient(top, #fbfbfb 0%, #efeded 100%); background: linear-gradient(top, #fbfbfb 0%, #efeded 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#efeded', GradientType=0); -moz-box-shadow: 0 1px 1px #fff, 0 1px 3px #ddd inset; -webkit-box-shadow: 0 1px 1px #fff, 0 1px 3px #ddd inset; box-shadow: 0 1px 1px #fff, 0 1px 3px #ddd inset; border-color: #aaa #bbb #bbb #bbb; color: #777; } .moduleBox .screen .tabled-users .row .photos-count, .moduleBox .screen .tabled-users .row .date-upload, .moduleBox .screen .tabled-users .row .status, .moduleBox .screen .tabled-users .row .actions { text-align: center; } .moduleBox .screen .tabled-users .row.active .status { color: #080; } .moduleBox .screen .tabled-users .row.inactive .status { color: #c00; } .moduleBox .screen .tabled-users .row.inactive > * { color: #aaa; } .moduleBox .screen .tabled-users .table-empty { padding: 10px 0px 8px 0px; font-size: 12px; text-align: center; } .moduleBox .screen .tabled-users .main-rows-container { overflow: hidden; overflow-x: hidden; width: 100%; clear: both; } .moduleBox .body .inside .screens-container .screen .leftLinkInput { width: 460px; } .moduleBox .body .inside .screens-container .screen u { width: auto; text-align: right; color: #08c; position: absolute; right: 0; margin-top: 5px; border-bottom: 1px dotted; } .moduleBox .body .inside .screens-container.disabled .screen u { color: #bbb; border-color: transparent; cursor: default; } .moduleBox .body .inside .screens-container .screen u + a { margin: 6px 0 0 -3px; } .moduleBox .body .inside .screens-container .guest-upload-disabled { display: none; } .moduleBox .body .inside .screens-container.disabled .guest-upload-disabled { display: inline-block; } .moduleBox .body .inside .screens-container.disabled .guest-upload-disabled b { color: #c00; } .moduleBox .screens-container.disabled .screen .tabled-users .row * { color: #aaa !important; } .moduleBox .screens-container.disabled .screen .tabled-users .main-rows-container .row > .actions a { opacity: 0.69; cursor: default; visibility: hidden; } .moduleBox .screens-container.disabled .screen .tabled-users .main-rows-container .row > .status { visibility: hidden; } .moduleBox .screens-container.disabled .screen .option > h3, .moduleBox .screens-container.disabled .screen .option > h3 + p, .moduleBox .screens-container.disabled .screen .option > h3 a, .moduleBox .screens-container.disabled .screen .option .leftInputLabel, .moduleBox .screens-container.disabled .screen .option .copybutton, .moduleBox .screens-container.disabled .screen .option input[type=text] { color: #999 !important; cursor: default; } .moduleBox .screens-container.disabled .screen .option input[type=text] { background-image: none; border-color: #aaa; background-color: #f2f2f2; } .moduleBox .screens-container.disabled .screen .option .copybutton { border-bottom-color: transparent; } .moduleBox .screens-container .screen { height: 440px; } .moduleBox .screens-container .screen .link-back { position: absolute; left: 0; bottom: 12px; z-index: 10; text-decoration: none; border-bottom: 1px dotted; } .moduleBox .screens-container .screen .link-back a { text-decoration: none; } .moduleBox .screens-container .screen .link-back:hover { border-bottom-color: transparent; } .moduleBox .screens-container .screen .attribute { display: block; width: 750px; border-bottom: 1px solid #ddd; box-shadow: 0 1px 0 #fff; padding-bottom: 10px; } .moduleBox .screens-container .screen .attribute + .attribute { margin-top: 11px; } .moduleBox .screens-container .screen .attribute > label { display: inline-block; width: 200px; line-height: 26px; text-align: left; } .moduleBox .screens-container .screen .attribute > span { display: inline-block; width: 400px; } .moduleBox .screens-container .screen .attribute > span select { width: 100px; } .moduleBox .screens-container .screen .attribute > span input[type=text] { width: 100px; } .moduleBox .screens-container .screen .buttons-actions { margin-top: 16px; margin-left: 198px; text-align: right; } .moduleBox .screens-container .screen .left > .attribute:first-child { border-top: 1px solid #ddd; padding-top: 10px; margin-top: 10px; box-shadow: 0 1px 0 #fff inset, 0 1px 0 #fff; } .moduleBox .screens-container .screen .left .table-limits { position: absolute; width: 400px; top: -46px; left: 426px; } .moduleBox .screens-container .screen .left .table-limits .column-limit { width: 80px; float: left; border-right: 1px solid #ddd; box-shadow: 1px 0 0 #fff; } .moduleBox .screens-container .screen .left .table-limits .column-limit.first { border-right: 1px solid #ddd; border-left: 1px solid #ddd; box-shadow: 1px 0 0 #fff, 1px 0 0 #fff inset; } .moduleBox .screens-container .screen .left .table-limits .column-limit b { display: block; line-height: 40px; height: 40px; width: 80px; text-align: center; font-weight: normal; } .moduleBox .screens-container .screen .left .table-limits .column-limit b:first-child { font-weight: bold; } .moduleBox .screens-container .screen .left .table-limits .column-limit b:last-child { line-height: 50px; height: 50px; } .moduleBox .screens-container .screen .left .table-limits > span { position: absolute; left: -230px; top: 12px; } .moduleBox .screens-container.pro .screen .left .table-limits { display: none; } .moduleBox .screens-container .screen > .title-border { height: 24px; border-bottom: 1px solid #ddd; box-shadow: 0 1px 0 #fff; margin-bottom: 6px; width: 752px; } .moduleBox .screens-container.lite .screen > .title-border, .moduleBox .screens-container.plus .screen > .title-border { margin-top: 60px; } .moduleBox .screens-container.lite .screen .table-limits > span, .moduleBox .screens-container.plus .screen .table-limits > span { font-weight: bold; text-align: left; width: 324px; line-height: 30px; left: 0; top: -30px; box-shadow: 0 1px 0 #fff; border-bottom: 1px solid #ddd; } .contacts .header .side-right span.separator { float: left; margin: 2px 10px; height: 20px; width: 1px; background-color: transparent; border-right: 1px dotted #ddd; } .import-contacts, .import-options { padding-top: 20px; border-top: 3px solid #f2f2f2; margin-top: 10px; } .import-options .buttonGray { float: none !important; display: inline-block; margin-top: 3px; } .import-options p > b { font-weight: bold; display: block; font-size: 14px; line-height: 24px; } .import-options p { line-height: 18px; } .import-options p + p { margin-top: 40px; } .import-options p > span { display: block; margin-top: 8px; } .import-contacts .import-status { font-weight: bold; margin-bottom: 12px; display: block; } .import-contacts .actions { margin: 20px 0; } .import-contacts > h3 { font-size: 18px; color: #333; line-height: 24px; margin-bottom: 10px; } .import-contacts > table { width: 100%; } .import-contacts > table thead, .import-contacts > table thead th { font-weight: bold; background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .import-contacts > table thead th { padding: 4px 0; } .positionHelper { z-index: 64515 !important; } .import-contacts > table tbody tr td { padding: 6px 0; } .import-contacts > table tbody tr:nth-child(2n+2) td { background-color: #F3F8FC; } .import-contacts > table tbody tr td:first-child, .import-contacts > table thead tr th:first-child { padding-left: 10px; } .dlg-pro-only { margin: 4px 10px; } .side-left.cp-menu .owner { display: none; } .xhr-container { position: relative; } .xhr-container .preloader { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.23); position: absolute; left: 0; border: 1px solid #ccc; padding: 1px; top: -75px; height: 10px; background: transparent url('https://assets-edge.slickpic.com/img/skin/default/loader-h.gif') no-repeat 1px 1px; } .xhr-container .preloader:after { position: absolute; top: 1px; right: 0px; height: 10px; width: 1px; background-color: #fff; content: ' '; } .xhr-container .preloader:before { position: absolute; bottom: 0; left: 1px; height: 1px; width: 451px; background-color: #fff; content: ' '; } .xhr-container .preloader-bg { display: block; margin-bottom: 90px; } .activity-container { width: 250px; } .fixedWidth960 .simpleBlock { width: 250px; } .fixedWidth960 .simpleBlock h2, .fixedWidth960 .simpleBlock p { width: 200px; } .fixedWidth960 .simpleBlock .list-links.iconed { margin-left: 20px; } .activity-container.xhr-container .preloader { margin-top: 32px; } .xhr-container .preloader-circular { box-shadow: none; top: 0; height: 24px; line-height: 24px; position: relative; border: 0; background: none; background-color: #fff; margin-bottom: 16px; } .xhr-container .preloader-circular:before, .xhr-container .preloader-circular:after { content: none; } .xhr-container .preloader-circular span { display: inline-block; padding-left: 22px; margin-top: 2px; color: #444; font-size: 12px; background: url('https://assets-edge.slickpic.com/img/common/loader-circular-14.gif') no-repeat left center; } .clickable { cursor: pointer !important; } /* Tabs in My Photos */ .subhead-tabs { display: block; border: 1px solid #eee; border-bottom: 1px solid #ddd; box-shadow: 0 1px 0 #fff; border-bottom: 1px solid #ccc; padding-left: 1px; background-color: #eee; margin-top: 20px; background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); margin-bottom: 16px; } .subhead-tabs a { float: left; border-left: 1px solid transparent; font-size: 11px; font-weight: bold; padding: 8px 15px; border-right: 1px solid #ccc; color: #333; text-shadow: 0 1px 0 #fff; text-decoration: none; -webkit-transition: background 0.23s ease, background-color 0.23s ease, color background 0.23s ease; } /*.subhead-tabs a:first-child { border-left: 1px solid #ccc; box-shadow: 1px 0 0 #fff inset }*/ .subhead-tabs a + a { box-shadow: 1px 0 0 #fff; } .subhead-tabs a:hover { color: #069; } .subhead-tabs a.active:first-child { border-left: 0 !important; } .subhead-tabs a.active:hover, .subhead-tabs a.active { border-left: 1px solid #ccc; background-color: #f2f2f2; box-shadow: 0 2px 0 #f2f2f2, 1px 0 0 #fff, -1px 0 0 #fff; color: #999; cursor: default; background: #dddddd; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #dddddd 0%, #f8f8f8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #f8f8f8)); background: -webkit-linear-gradient(top, #dddddd 0%, #f8f8f8 100%); background: -o-linear-gradient(top, #dddddd 0%, #f8f8f8 100%); background: -ms-linear-gradient(top, #dddddd 0%, #f8f8f8 100%); background: linear-gradient(to bottom, #dddddd 0%, #f8f8f8 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#f8f8f8', GradientType=0); } .gray-block-body .textarea-black-help { position: absolute; left: 50%; margin-left: -250px; width: 500px; color: #fff; top: 50%; margin-top: -30px; text-align: center; white-space: nowrap; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.69); } .inside-subhead-menu { color: transparent; background-color: #fbfbfb; margin-top: -1px; border-bottom: 1px solid #eee; padding-bottom: 10px; border-left: 1px solid #eee; border-right: 1px solid #eee; background: #fcfcfc; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fcfcfc 0%, #f8f8f8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #f8f8f8)); background: -webkit-linear-gradient(top, #fcfcfc 0%, #f8f8f8 100%); background: -o-linear-gradient(top, #fcfcfc 0%, #f8f8f8 100%); background: -ms-linear-gradient(top, #fcfcfc 0%, #f8f8f8 100%); background: linear-gradient(to bottom, #fcfcfc 0%, #f8f8f8 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f8f8f8', GradientType=0); margin-top: -4px; border-top: 1px solid #eee; margin-bottom: 5px; box-shadow: 0 0 1px #fff inset, 0 0 1px #fff inset, 0 0 1px #fff inset; } #albumEdits:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .page-myhome .block.most-voted .controls { position: absolute; top: -4px; right: 0; } .page-myhome .block.most-voted .controls a { display: inline-block; width: 20px; height: 20px; background-color: #f2f2f2; color: #a8a9b3; text-decoration: none; font-size: 11px; line-height: 20px; text-align: center; } .page-myhome .block.most-voted .images { position: relative; list-style: none; } .page-myhome .block.most-voted .images li { position: relative; max-height: 170px; overflow: hidden; } .page-myhome .block.most-voted .images li { margin-top: 16px; } .page-myhome .block.most-voted .images li img { max-width: 220px; max-height: 220px; border: 1px solid #ddd; box-shadow: 0 0 1px #fff; } .page-myhome .block.most-voted .images li .photo-signature { position: absolute; height: 30px; line-height: 14px; left: 0; bottom: -30px; width: 220px; padding: 4px 10px 4px; color: #fff; background: transparent url('https://assets-edge.slickpic.com/img/skin/default/bgcolor111_50.png') repeat top left; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; z-index: 5000; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; text-align: left; } .page-myhome .block.most-voted .images li .photo-signature a { display: block; color: #ccc; font-size: 11px; } .page-myhome .block.most-voted .images li .photo-signature a.name { font-weight: bold; color: #fff; } .page-myhome .block.most-voted .images li .photo-signature { bottom: -60px; } .page-myhome .block.most-voted .images li:hover .photo-signature { bottom: 0; } .ctrlsize-cont, .ctrlfont-cont { z-index: 999; } .simplemodal-container .select-custom .selected, .simplemodal-container .select-custom { height: 24px; padding: 0; font-family: "lucida grande", "lucida sans unicode", arial, tahoma, sans-serif !important; font-size: 10px !important; line-height: 24px; } .simplemodal-container .select-custom .selected { width: 460px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); border: 1px solid #d0d0d0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .simplemodal-container .select-custom .dropdown-item > span { font-size: 10px; padding-left: 10px; } .simplemodal-container .select-custom > .dropdown-item.selected > span { font-weight: bold; } .simplemodal-container .select-custom .dropdown-item.checked > span { font-weight: bold; } .simplemodal-container .select-custom .select-dropdown { border-radius: 1px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); margin-top: 2px; width: 460px; max-height: 200px; overflow: scroll; overflow-x: hidden; } .simplemodal-container .select-custom .select-dropdown > .dropdown-item { height: 24px; line-height: 24px; display: block; } .simplemodal-container .select-custom .select-dropdown > .dropdown-item > span { font-size: 11px; } .simplemodal-container .select-custom .select-dropdown > .dropdown-item.active > span { color: #aaa; } .simplemodal-container .select-custom .select-dropdown > .dropdown-item.active { cursor: default; } .simplemodal-container .select-custom .selected:before { background: url('https://assets-edge.slickpic.com/img/album/ico-dropdown-arrow-small.png') no-repeat 0 0; top: 10px; right: 4px; } .simplemodal-container .select-custom.width-242 .dropdown-item.selected, .simplemodal-container .select-custom.width-242 .select-dropdown { width: 272px; } .simplemodal-container .select-custom.shorter .dropdown-item.selected, .simplemodal-container .select-custom.shorter .select-dropdown { width: 406px; } #spDlgPhotoShowcase .select-custom { width: 90% !important; } #spDlgPhotoShowcase .select-custom .selected { width: 100% !important; } .ui-state-disabled { opacity: 0.35; } .body-backup .main > h2 { font-size: 24px; line-height: 36px; margin-bottom: 16px; } .body-backup .main { min-height: auto; padding-bottom: 0px; } #elfinder { border: 0 !important; } #elfinder input[type=text] { border-radius: 2px !important; } .main > .backsol { margin-left: -30px; margin-right: -30px; } .body-backup .main #elfinder, .body-backup .main #elfinder .ui-widget-header.ui-helper-clearfix.ui-corner-bottom.elfinder-statusbar, .body-backup .main #elfinder > .ui-helper-clearfix.ui-widget-header.ui-corner-top.elfinder-toolbar { border-radius: 0 !important; margin-top: -2px; border-left: 0; border-right: 0; border-bottom: 1px solid #ccc; border-radius: 0 0 5px 5px !important; } #elfinder .ui-icon-gripsmall-diagonal-se { display: none !important; } #elfinder .ui-state-default.elfinder-button { border-color: transparent !important; } #elfinder .ui-widget-content.ui-corner-all.elfinder-buttonset { border-radius: 2px; } #elfinder .elfinder-buttonset > .ui-state-default.elfinder-button + span + .ui-state-default.elfinder-button { margin-left: -1px !important; } .ui-helper-reset.ui-widget.ui-state-default.ui-corner-all.elfinder-contextmenu.elfinder-contextmenu-ltr { display: none !important; } #elfinder .elfinder-workzone { font-size: 15px !important; font-family: "SlickPro", "SlickSanFrancisco", "SF Pro Text", "Myriad Set Pro", "San Francisco", "SlickFont", "Helvetica Neue", "Segoe UI", "Roboto", "Helvetica", "Hiragino Kaku Gothic Pro", "Meiryo", Arial, sans-serif; } #elfinder .elfinder-tree-dir.ui-state-active { background-image: none; background-color: #08c; color: #fff; } #elfinder .elfinder-cwd table td { padding: 10px; font-size: 13px; } #elfinder .ui-helper-clearfix.ui-widget-header.ui-corner-top.elfinder-toolbar, #elfinder .ui-state-default, #elfinder .ui-widget-content.ui-state-default, #elfinder .ui-widget-header.ui-state-default, .ui-widget-header.ui-helper-clearfix.ui-corner-bottom.elfinder-statusbar { background-image: none; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)); background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0); } #elfinder .elfinder-path { padding: 10px; } #elfinder .ui-helper-clearfix.ui-widget-header.ui-corner-top.elfinder-toolbar { padding: 10px; } #elfinder .elfinder-stat-selected, #elfinder .elfinder-stat-size { display: none; } #elfinder .ui-state-default.elfinder-button:hover { box-shadow: 0 0 50px rgba(0, 0, 0, 0.1) inset; border-color: #ddd !important; } #elfinder .ui-helper-clearfix.elfinder-cwd.ui-selectable.ui-droppable.elfinder-cwd-view-list table thead td { font-weight: bold; } #elfinder .ui-helper-clearfix.ui-widget-header.ui-corner-top.elfinder-toolbar { border-left: 0; border-right: 0; } #elfinder .ui-state-default.elfinder-navbar.ui-resizable { border-left: 0; border-top: 0; border-bottom: 0; } .ui-state-default.elfinder-button[title="New text file"], .ui-state-default.elfinder-button[title="New text file"] + span, .ui-state-default.elfinder-button[title="Open"], .ui-state-default.elfinder-button[title="Select files"], .ui-state-default.elfinder-button[title="Select files"] + span, .ui-state-default.elfinder-button[title="Preview"], .ui-state-default.elfinder-button[title="Preview"] + span, .ui-state-default.elfinder-button[title="Copy"], .ui-state-default.elfinder-button[title="Copy"] + span, .ui-state-default.elfinder-button[title="Cut"], .ui-state-default.elfinder-button[title="Cut"] + span, .ui-state-default.elfinder-button[title="Duplicate"], .ui-state-default.elfinder-button[title="Duplicate"] + span, .ui-state-default.elfinder-button[title="About this software"], .ui-state-default.elfinder-button[title="About this software"] + span, .ui-state-default.elfinder-button[title="Edit file"], .ui-state-default.elfinder-button[title="Edit file"] + span, .ui-state-default.elfinder-button[title="Paste"], .ui-state-default.elfinder-button[title="Paste"] + span, .ui-state-default.elfinder-button[title="Sort"], .ui-state-default.elfinder-button[title="Sort"] + span, .ui-state-default.elfinder-button[title="Resize & Rotate"], .ui-state-default.elfinder-button[title="Resize & Rotate"] + span, .ui-state-default.elfinder-button[title="Extract files from archive"], .ui-state-default.elfinder-button[title="Extract files from archive"] + span { display: none; } /*.ui-widget-content.elfinder-button.elfinder-button-search + .ui-widget-content.ui-corner-all.elfinder-buttonset { margin-left: 240px; }*/ #elfinder > *:first-child { padding-left: 240px !important; } .upload-button-overlay { position: relative; } .upload-button-overlay a.button-add-files { position: absolute; top: 18px; left: 0; z-index: 5000; margin-top: -10px; display: inline-block; height: 26px; width: 200px; text-decoration: none; color: #fff; font-family: "SlickPro", "SlickSanFrancisco", "SF Pro Text", "Myriad Set Pro", "San Francisco", "SlickFont", "Helvetica Neue", "Segoe UI", "Roboto", "Helvetica", "Hiragino Kaku Gothic Pro", "Meiryo", Arial, sans-serif; font-size: 15px; font-weight: bolder; text-shadow: #d95a00 0 1px 0; margin-bottom: 20px; font-weight: bold; text-transform: capitalize; text-align: center; line-height: 26px; border: 1px solid orange; border-color: #ff6700 #ff6d0d #ff6300 #ff6d0d; -moz-box-shadow: 0 1px 2px #ccc, 0 1px 0 #ffca9a inset; -webkit-box-shadow: 0 1px 2px #ccc, 0 1px 0 #ffca9a inset; box-shadow: 0 1px 2px #ccc, 0 1px 0 #ffca9a inset; background: #ffba6a; background: -moz-linear-gradient(top, #ffba6a 0%, #ffa92f 50%, #ff7c02 51%, #ffa645 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffba6a), color-stop(50%, #ffa92f), color-stop(51%, #ff7c02), color-stop(100%, #ffa645)); background: -webkit-linear-gradient(top, #ffba6a 0%, #ffa92f 50%, #ff7c02 51%, #ffa645 100%); background: -o-linear-gradient(top, #ffba6a 0%, #ffa92f 50%, #ff7c02 51%, #ffa645 100%); background: -ms-linear-gradient(top, #ffba6a 0%, #ffa92f 50%, #ff7c02 51%, #ffa645 100%); background: linear-gradient(top, #ffba6a 0%, #ffa92f 50%, #ff7c02 51%, #ffa645 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffba6a', endColorstr='#ffa645', GradientType=0); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .upload-button-overlay a.button-add-files:hover { background: #ffc16b; background: -moz-linear-gradient(top, #ffc16b 0%, #ffb32f 50%, #ff8903 51%, #ffae45 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc16b), color-stop(50%, #ffb32f), color-stop(51%, #ff8903), color-stop(100%, #ffae45)); background: -webkit-linear-gradient(top, #ffc16b 0%, #ffb32f 50%, #ff8903 51%, #ffae45 100%); background: -o-linear-gradient(top, #ffc16b 0%, #ffb32f 50%, #ff8903 51%, #ffae45 100%); background: -ms-linear-gradient(top, #ffc16b 0%, #ffb32f 50%, #ff8903 51%, #ffae45 100%); background: linear-gradient(top, #ffc16b 0%, #ffb32f 50%, #ff8903 51%, #ffae45 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc16b', endColorstr='#ffae45', GradientType=0); } .upload-button-overlay a.button-add-files:active { background: #fab15e; background: -moz-linear-gradient(top, #fab15e 0%, #f8a126 50%, #ef7707 51%, #f99d3b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fab15e), color-stop(50%, #f8a126), color-stop(51%, #ef7707), color-stop(100%, #f99d3b)); background: -webkit-linear-gradient(top, #fab15e 0%, #f8a126 50%, #ef7707 51%, #f99d3b 100%); background: -o-linear-gradient(top, #fab15e 0%, #f8a126 50%, #ef7707 51%, #f99d3b 100%); background: -ms-linear-gradient(top, #fab15e 0%, #f8a126 50%, #ef7707 51%, #f99d3b 100%); background: linear-gradient(top, #fab15e 0%, #f8a126 50%, #ef7707 51%, #f99d3b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fab15e', endColorstr='#f99d3b', GradientType=0); border-color: #ce6601; -moz-box-shadow: 0 1px 0px #fff, 0 2px 5px #ce6601 inset; -webkit-box-shadow: 0 1px 0px #fff, 0 2px 5px #ce6601 inset; box-shadow: 0 1px 0px #fff, 0 2px 5px #ce6601 inset; color: #ffeddb; } .new-get-links { color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); font-weight: bold; text-align: center; margin-bottom: 30px; position: relative; margin-top: -26px; padding: 10px; border: 1px solid #080; border-radius: 3px; -moz-box-shadow: 0 2px 0 #298405; -webkit-box-shadow: 0 2px 0 #298405; -o-box-shadow: 0 2px 0 #298405; box-shadow: 0 2px 0 #298405; z-index: 10; border: 1px solid #34970c; border-bottom: 0; background: #65b904; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY1YjkwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZjliMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #65b904 0%, #2f9b04 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #65b904), color-stop(100%, #2f9b04)); background: -webkit-linear-gradient(top, #65b904 0%, #2f9b04 100%); background: -o-linear-gradient(top, #65b904 0%, #2f9b04 100%); background: -ms-linear-gradient(top, #65b904 0%, #2f9b04 100%); background: linear-gradient(to bottom, #65b904 0%, #2f9b04 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#65b904', endColorstr='#2f9b04', GradientType=0); font-size: 13px; } .new-get-links > a { color: #fff; text-decoration: underline; } .new-get-links > a:hover { text-decoration: none; color: #eee; } .block-slideshow-music .previewStop { color: #F50; } .block-slideshow-music .screen .tabled-users { width: 440px; margin: 10px 0; } .moduleBox .block-slideshow-music .screen .tabled-users .row > .user { width: 56%; word-wrap: break-word; } .block-slideshow-music .button-add-music { margin: 10px 0px 2px !important; width: 280px !important; } h4.block-slideshow-music-subtitle { margin-bottom: 2px; margin-top: -4px; color: #777; } .block-slideshow-music .link-info { margin: 6px 0 2px; font-size: 12px; font-weight: normal; display: inline-block; border-bottom: 1px dotted; } .moduleBox .titledBlock .content .block-slideshow-music p { float: none; } .board-following { text-align: left; } .board-following .community { margin: 0px; width: 500px; background: none !important; border: 0 !important; box-shadow: 0 0 0 0; } .board-following .community .content { margin: 0px; width: 500px !important; min-width: 500px !important; max-width: 500px !important; background: none !important; box-shadow: 0 0 0 0; padding-top: 0; } .board-following .community section.content .wall .post .body.photo-many .slides .bx-wrapper > .bx-window, .board-following .community section.content .wall .post .body.photo-many .slides .bx-wrapper { width: 440px !important; } .board-following .community section.content a { color: #08c; border-bottom: 1px solid transparent; } .board-following .community section.content.light a { color: #08c; } .board-following .community section.content a:hover { color: #000; } .board-following .community section.content.light a:hover { color: #67A8E7; } .board-following .community section.content .post .comments .comments-editor-container input { width: 408px; } .board-following .community section.content > header { border: 0; box-shadow: 0 0 0 0; } .board-following .community section.content > header { margin: 0; background-color: #f8f8f8; min-height: 24px; margin-top: -11px; border-bottom: 1px dotted #ddd; } .board-following .community section.content header .switch { top: 1px; } .board-following .community section.content header .switch .menu-dropdown > .text { z-index: 1000; } .board-following .board-submenu a.current { font-weight: bold; color: #000; } .board-following .board-submenu a.current:hover { text-decoration: none; } .board-following .community section.content .wall .post > header p.actions { right: 0; } .board-following .community .sharing-box .sharing-input > span { width: 48px; } .board-following .community section.content .wall .post > header p.actions > a, .board-following .community section.content .wall .post > header p.actions > a:first-child { color: #08c; } .board-following .community section.content a { font-size: 11px; font-weight: bold; } .board-following .community section.content .wall .post > header p { color: #555; font-size: 11px; } .board-following .community section.content .wall .post { border-bottom: 1px dotted #ddd; box-shadow: none; } .board-following .community section.content .wall .post .body.photo-many .slides li a > img { border-color: transparent; border-width: 1px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .board-following .community section.content .wall .post .body.photo-many .slides li a > img:hover { border-color: #08c; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); } .board-following .community section.content .wall .post > header > a img { border: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .board-following .community section.content .wall .post .body a.hide-feed + p.time { right: auto; left: 47px; color: #777; top: -35px; text-align: left; background-image: none; } .board-following .community section.content .wall .post > header p { padding-top: 1px; } .board-following .community section.content .wall .post .body a.hide-feed { color: #ccc; text-decoration: none !important; height: 16px; } .board-following .community section.content .wall .post .body a.hide-feed > span { background: #f8f8f8; border: 1px solid #ddd; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); color: #333; text-shadow: 0; text-shadow: none; } .board-following .community section.content .wall .post .body.photo-many .slides .bx-wrapper > .bx-window, .board-following .community section.content .wall .post .body.photo-many .slides .bx-wrapper { width: 438px !important; } .board-following .community section.content header .switch .menu-dropdown > .text { color: #777; } .board-following .community section.content header .switch .menu-dropdown > .menu { background-color: #f8f8f8; border: 1px solid #ccc; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .board-following .community section.content header .switch .menu-dropdown > .menu > div:last-child { border-top-color: #ddd; } .board-following .community section.content header .switch .menu-dropdown > .menu > div { border-bottom-color: #ddd; } .board-following .community section.content header .switch .menu-dropdown > .menu > div > a > span { color: #08c !important; } html body .board-following .community section.content header .switch .menu-dropdown:hover { border: 1px solid #ddd; background-color: #f8f8f8; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .board-following .community section.content header .switch:hover { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .board-following .community ul.listing-standard > li { border-bottom: 1px dotted #ddd; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .board-following .community ul.listing-standard { margin: 0; } .board-following .community ul.listing-standard > li .description ul.stats li { color: #555; } .board-following .community ul.listing-standard > li .description ul.stats li:last-child { margin-left: 10px; margin-top: -2px; } .board-following .community ul.listing-standard > li .description ul.stats li:last-child a { color: #333 !important; text-decoration: none !important; font-weight: normal !important; } .board-following .community section.content a.button-follow { box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; } .board-following .community section.content a.button-follow.active:hover { color: #fff !important; } .board-following .community section.content a.button-follow:hover { color: #fff !important; } .board-following .community ul.listing-standard > li .description ul.stats + ul.stats li:first-child { margin-left: 0; } .board-following .community section.content .view-more-controller > a { color: #333 !important; border-radius: 3px; height: 24px; letter-spacing: 0.08em; line-height: 24px; text-align: center; color: #111; text-shadow: 0 1px 1px #fff; border: 1px solid #ddd; border-color: #d7d7d7 #d0d0d0 #bcbcbc #d0d0d0; background: #fefefe; background: -moz-linear-gradient(top, #fefefe 0%, #f1f0f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f1f0f0)); background: -webkit-linear-gradient(top, #fefefe 0%, #f1f0f0 100%); background: -o-linear-gradient(top, #fefefe 0%, #f1f0f0 100%); background: -ms-linear-gradient(top, #fefefe 0%, #f1f0f0 100%); background: linear-gradient(top, #fefefe 0%, #f1f0f0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f1f0f0', GradientType=0); -moz-box-shadow: 0 1px 0 #efefef, 0 1px 0 #fff inset; -webkit-box-shadow: 0 1px 0 #efefef, 0 1px 0 #fff inset; box-shadow: 0 1px 0 #efefef, 0 1px 0 #fff inset; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .board-following .community section.content .view-more-controller > a:hover { border-color: #ccc #bbb #aaa #bbb; box-shadow: 0 1px 1px #ddd; background: #fbfbfb; background: -moz-linear-gradient(top, #fbfbfb 0%, #efeded 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #efeded)); background: -webkit-linear-gradient(top, #fbfbfb 0%, #efeded 100%); background: -o-linear-gradient(top, #fbfbfb 0%, #efeded 100%); background: -ms-linear-gradient(top, #fbfbfb 0%, #efeded 100%); background: linear-gradient(top, #fbfbfb 0%, #efeded 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#efeded', GradientType=0); } .board-following .community section.content .view-more-controller > a:active { background: #fbfbfb; background: -moz-linear-gradient(top, #fbfbfb 0%, #efeded 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #efeded)); background: -webkit-linear-gradient(top, #fbfbfb 0%, #efeded 100%); background: -o-linear-gradient(top, #fbfbfb 0%, #efeded 100%); background: -ms-linear-gradient(top, #fbfbfb 0%, #efeded 100%); background: linear-gradient(top, #fbfbfb 0%, #efeded 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#efeded', GradientType=0); -moz-box-shadow: 0 1px 1px #fff, 0 1px 3px #ddd inset; -webkit-box-shadow: 0 1px 1px #fff, 0 1px 3px #ddd inset; box-shadow: 0 1px 1px #fff, 0 1px 3px #ddd inset; border-color: #aaa #bbb #bbb #bbb; color: #333; color: #333 !important; } .board-following .community section.content .post .comments .existing a { color: #08c; } .board-following .community section.content .post .comments .existing p { color: #333; } .board-following .community section.content .post .comments .comments-editor-container input { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background-color: #f8f8f8 !important; border: 1px solid #ccc !important; text-shadow: none; color: #333 !important; } .board-following .community section.content .post .comments .comments-editor-container input:focus { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background-color: #f8f8f8 !important; border: 1px solid #aaa !important; } .board-following .community section.content .wall .post .body .slides .controls .left, .board-following .community section.content .wall .post .body .slides .controls .right { color: #ccc; text-shadow: none; text-decoration: none !important; } .board-following .community section.content .wall .post .body p.time { left: 48px; right: auto; background-image: none; top: -34px; color: #777; } .board-following .community section.content .image-btns { filter: alpha(opacity=100); opacity: 1; } .board-following .highlighted-users { padding: 0 0 20px 0; position: relative; } .board-following .highlighted-users h1 { color: black; background: #EEEEEE; border: 1px solid #DDDDDD; } .board-following .highlighted-users.active h1 { border: 0px !important; } .board-following .highlighted-users .hide-block { position: absolute; right: 20px; top: 10px; z-index: 100; font-weight: normal; } .board-following .highlighted-users .hide-block a { font-weight: normal !important; } .heading-column.why-show-activity { margin-right: 0 !important; } #toast-dialog { display: none; position: fixed; top: 10%; background: red; padding: 6px 20px; left: 50%; margin-left: 0; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 300px; z-index: 9000; font-weight: bold; color: white; border: 1px solid black; background-color: #222; color: #fff; border: 1px solid #000; text-align: center; } .community section.content .photoListingPhotos .onePhoto .image-btns a, .community section.content .image-btns > div > a { text-decoration: none !important; } .page-myhome .fixedWidth960 .fixedSubCnt .columnList3 .listColumn2 { z-index: 100; position: relative; margin-left: 230px; padding-right: 30px; border-left: 0; min-height: 2020px; } .page-myhome .fixedWidth960 .fixedSubCnt .columnList3 .listColumn1 { opacity: 1; border-right: 1px solid #ddd; margin-left: -30px; padding-left: 0; background-color: #f8f8f8; margin-top: -61px; padding-top: 70px; padding-bottom: 80px; height: 100%; position: absolute; } .page-myhome .fixedWidth960 .fixedSubCnt .columnList3 .listColumn3 { opacity: 1; border-right: 1px solid #ddd; margin-left: -30px; padding-left: 0; background-color: #f8f8f8; margin-top: -75px; padding-top: 70px; height: 100%; position: absolute; top: 0; right: -30px; padding: 40px; padding-bottom: 120px; } .page-myhome .fixedWidth960 .fixedSubCnt .columnList3 .listColumn1:before { position: absolute; top: 0; right: 0; width: 1px; background-color: #eee; height: 100%; z-index: 20; content: ' '; } .page-myhome h2.heading-column.why-show-activity, .fixedWidth960 .greetingsCnt .greetingMain > h2 { margin-left: 0 !important; } .fixedWidth960 .greetingsCnt .greetingMain > h2, .page-myhome h2.heading-column.why-show-activity, .fixedWidth960 .greetingsCnt .greetingMain .briefStats > b, .fixedWidth960 .simpleBlock h2 { background-color: transparent; font-weight: bold; text-transform: uppercase; font-size: 11px; color: #111 !important; border: 0; text-align: left; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5)); background: -webkit-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); background: -o-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); background: -ms-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); background: linear-gradient(to bottom, #ffffff 0%, #f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0); border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-left: -20px; padding-left: 20px; margin-right: -29px; padding-right: 29px; padding-top: 2px; padding-bottom: 2px; } .fixedWidth960 .simpleBlock h2 > a { font-size: 11px; color: #555; } .fixedWidth960 .simpleBlock.recent-albums { padding-bottom: 20px; margin-bottom: 0; } .page-myhome .fixedWidth960 .uniContentBlock.small .tipBlue.block-article { border: 1px solid #fff !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.23); background-color: #fff; } .page-myhome .fixedWidth960 .fixedSubCnt .columnList3 .listColumn1 .jx-content { padding-left: 20px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5)); background: -webkit-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); background: -o-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); background: -ms-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); background: linear-gradient(to bottom, #ffffff 0%, #f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0); padding-right: 30px; margin-right: -30px; } .page-myhome .fixedWidth960 .greetingsCnt .greetingMain .profileImg { padding-left: 20px; } .page-myhome .boxHeader { margin-left: -15px; height: 40px; } .page-myhome .fixedWidth960 .greetingsCnt .greetingText { margin-right: -12px; } .page-myhome .fixedWidth960 .activitiesListing { margin-left: 20px; padding-bottom: 20px; } .page-myhome .fixedWidth960 .simpleBlock.steps-next .steps-scale { background-color: transparent; } .fixedWidth960 .uniContentBlock.small { width: auto !important; padding-top: 40px; border-top: 1px solid #ddd; margin-left: -20px; padding-left: 20px; margin-right: -29px; padding-right: 21px; } .fixedWidth960 .greetingsCnt { margin-bottom: 0; } .jx-content[data-op="side-usage"] { padding-bottom: 20px; } .page-myhome .fixedWidth960 .dashboard-header:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .page-myhome .fixedWidth960 .dashboard-header { float: left; background-color: #f8f8f8; margin-top: -69px !important; border-bottom: 1px solid #ddd; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); margin-left: 0; margin-bottom: 20px !important; margin-left: -37px !important; padding-left: 30px; margin-right: -20px !important; padding-right: 17px; } .page-myhome .fixedWidth960 .dashboard-header h2 { float: left; font-size: 14px; font-weight: 400; margin: 0px 1px 0px 0; border: 0; padding: 0; border-bottom: 0 !important; } .page-myhome .fixedWidth960 .dashboard-header h2 .submenu li { margin-top: 0; } .page-myhome .fixedWidth960 .dashboard-header h2.active:hover, .page-myhome .fixedWidth960 .dashboard-header h2.active { color: #fff; } .page-myhome .fixedWidth960 .dashboard-header h2.active:hover > a, .page-myhome .fixedWidth960 .dashboard-header h2 > a.current { color: #fff; cursor: default; background-color: #29a4f8; box-shadow: 0 0 1px rgba(0, 0, 0, 0.9) inset; border-radius: 0; border: 0; } .page-myhome .fixedWidth960 .dashboard-header h2 > a.current { color: #fff !important; text-shadow: 0 0 1px rgba(0, 0, 0, 0.1) !important; background: #62b303; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyYjMwMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1YmE3MDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #62b303 0%, #5ba703 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62b303), color-stop(100%, #5ba703)); background: -webkit-linear-gradient(top, #62b303 0%, #5ba703 100%); background: -o-linear-gradient(top, #62b303 0%, #5ba703 100%); background: -ms-linear-gradient(top, #62b303 0%, #5ba703 100%); background: linear-gradient(to bottom, #62b303 0%, #5ba703 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62b303', endColorstr='#5ba703', GradientType=0); } .page-myhome .fixedWidth960 .dashboard-header h2 > a { color: #333; padding: 16px 12px; line-height: 20px; display: inline-block; border-bottom: 0 !important; } .page-myhome .fixedWidth960 .dashboard-header h2:hover > a { background-color: #eee; box-shadow: 0 0 1px rgba(0, 0, 0, 0.23) inset; border-radius: 2px; } .page-myhome .fixedWidth960 .dashboard-header h2 a:hover { color: #333 !important; } .page-myhome .fixedWidth960 .dashboard-header h2 a.current:hover { color: #fff !important; } .page-myhome .listColumn2 .columnContent .dashboard-header h2 a.current, .page-myhome .listColumn2 .columnContent .dashboard-header h2 a.current:hover { color: #fff !important; text-shadow: 0 0 1px rgba(0, 0, 0, 0.1) !important; } .page-myhome .fixedWidth960 .dashboard-header { padding-bottom: 0; } .listColumn2 .columnContent .dashboard-header h2 a.current, .listColumn2 .columnContent .dashboard-header h2 a.current:hover { padding-right: 12px; } .body-framed .fixedWidth960 .listColumn2 .columnContent .dashboard-header { width: 520px; } .page-myhome .fixedWidth960 .fixedSubCnt .columnList3 .listColumn2 { margin-top: -59px; padding-top: 67px; } .page-myhome .fixedWidth960 .uniContentBlock.steps-graphic { margin-bottom: 90px; } .page-myhome .community-photos { margin-left: -20px; width: 260px; margin-top: -30px; } .page-myhome .community-photos h3 a { color: #555; text-decoration: none; } .page-myhome .community-photos h3 { font-weight: bold; color: #555; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); text-align: left; padding-left: 5px; text-transform: uppercase; font-size: 11px; height: 51px; border-bottom: 1px solid #ddd; margin-left: -20px; padding-left: 22px; line-height: 49px; margin-right: -20px; padding-right: 20px; z-index: 100; position: relative; } .page-myhome .community-photos .photos-listing { margin-top: 20px; } .page-myhome .community-photos .photos-listing:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .page-myhome .community-photos .photos-listing .items a { width: 124px; height: 124px; overflow: hidden; float: left; margin: 1px; position: relative; border: 2px solid #eee; } .page-myhome .community-photos .photos-listing .items a > img { min-width: 124px; max-width: 124px; min-height: 124px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18); } .page-myhome .community-photos .photos-listing .items a > span { opacity: 0; position: absolute; bottom: 0; left: 0; min-height: 30px; width: 100%; background: transparent url('https://assets-edge.slickpic.com/img/explore/photo-shadow-left-02.png') no-repeat top left; text-align: left; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } .page-myhome .community-photos .photos-listing .items a:hover > span { opacity: 1; } .page-myhome .community-photos .photos-listing .items a > span .photo-name { font-weight: bold; font-size: 12px; color: #fff; display: block; padding-left: 10px; line-height: 14px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); max-height: 30px; overflow: hidden; word-break: break-all; padding-right: 10px; text-overflow: ellipsis; } .page-myhome .community-photos .photos-listing .items a > span .photo-author { font-weight: normal; font-size: 11px; color: #fff; display: block; padding-left: 10px; line-height: 14px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); padding-bottom: 4px; padding-right: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100px; } .page-myhome .uploadPhotos#uploadPhotosButton { position: absolute; top: 7px; } .page-myhome .community-photos .photos-listing h4:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .page-myhome .community-photos .photos-listing h4, .page-myhome .community-photos .photos-listing h4 > a { text-align: left; font-size: 11px; color: #777; text-transform: uppercase; display: block; white-space: nowrap; clear: both; margin-bottom: 2px; } .slickpic-about p { font-size: 12px; line-height: 20px; text-align: left; } .slickpic-about p + p { margin-top: 20px; } .slickpic-about p a { color: #08c; text-decoration: underline; font-weight: bold; } .list-about { margin-left: 20px; } .list-about li { padding: 4px 0; } .body-framed .gallery-layout-container.uploading-state-hide.inplace-settings-container .gallery-props-container .grayBlock, .gallery-props-container .grayBlock { background-color: #ffffff !important; } .default-page-selector .page-list { padding: 10px; padding-left: 0; } .default-page-selector .page-list label { padding: 0; padding-left: 0; padding-right: 15px; display: block; padding-top: 5px; padding-bottom: 5px; } .default-page-selector .page-list label > font { line-height: 20px; padding-left: 10px; color: #777; } .default-page-selector .page-list label > font:before { content: "- "; } .default-page-selector .page-list label.landing { display: none !important; } .default-page-selector .page-list label span { line-height: 20px; padding: 0 0 0 4px; } /**************************************************************************************************************** ***************************************************************************************************************** ***************************************************************************************************************** ***************************************************************************************************************** ***************************************************************************************************************** ***************************************************************************************************************** */ body.body-framed.center1024 section.left, body.browseCnt.center1024 section.left { background: #555 !important; } html body.center1024 .main, html body.center1024 > footer, html body.center1024 > header { width: auto !important; min-width: 707px; } html body > header { min-width: 707px; } html div.content { margin-left: 260px; } .center1024 section.left { padding-top: 42px; } html section.left #albumsNavigation { margin-left: -20px; margin-right: -20px; } body.center1024.body-framed section.left { background-color: #141414; } section.left { position: absolute; top: 0; left: 0; height: auto; background-color: #f5f5f5; z-index: 100; padding-top: 59px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 260px; z-index: 3; color: #333; text-shadow: none; min-height: 100%; } section.left:before { content: ' '; position: fixed; background-color: #f5f5f5; width: 260px; height: 100%; top: 0; left: 0; z-index: -1; border-right: 1px solid #eee; } @media all and (min-width: 100px) and (max-width: 1200px) { section.left:before { position: absolute; } } @media (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 480px) and (-moz-min-device-pixel-ratio: 1.5), (min-width: 480px) and (min-device-pixel-ratio: 1.5) { section.left:before { position: absolute; } } section.left #albumsNavigation { min-height: 100%; height: auto; overflow: visible; padding-right: 20px; padding-left: 20px; margin-left: 0; } #albumsNavigation nav#MySmartCollections:before, #albumsNavigation nav#MySmartCollections:after, #albumsNavigation section#sectionTrash:after, #albumsNavigation section#sectionTrash:before { content: none !important; display: none; } section.left #albumsNavigation section.toptitle.toptitle-highlight h2.h2-highlight { left: 0; font-size: 12px; } body section.left ins u { bottom: 8px; left: 4px; } body section.left section.toptitle h2 { font-weight: bold; font-size: 11px; text-transform: uppercase; color: #000; text-shadow: none !important; font-weight: 700; } body section.left section.toptitle h2 { font-family: "SlickPro", "SlickSanFrancisco", "SF Pro Text", "Myriad Set Pro", "San Francisco", "SlickFont", "Helvetica Neue", "Segoe UI", "Roboto", "Helvetica", "Hiragino Kaku Gothic Pro", "Meiryo", Arial, sans-serif; } body.body-framed section.left section.toptitle h2 { font-family: "Roboto Condensed", sans-serif; } .toptitle.inside.toptitle-highlight#sectionSmart { margin-top: 0 !important; } section.left a.buttonAddPhotos img, section.left a.buttonAddPhotosLink img { display: none; } section.left a.buttonAddPhotos, section.left a.buttonAddPhotosLink { background: #fbb008; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiYjAwOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjY2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fbb008 0%, #ff6600 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbb008), color-stop(100%, #ff6600)); background: -webkit-linear-gradient(top, #fbb008 0%, #ff6600 100%); background: -o-linear-gradient(top, #fbb008 0%, #ff6600 100%); background: -ms-linear-gradient(top, #fbb008 0%, #ff6600 100%); background: linear-gradient(to bottom, #fbb008 0%, #ff6600 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb008', endColorstr='#ff6600', GradientType=0); box-shadow: 0 2px 2px rgba(255, 255, 255, 0.25) inset; position: relative; z-index: 1; margin-bottom: 0; border: 0; height: 35px; border-radius: 0; margin-top: -13px; text-align: center; text-shadow: none; border-bottom: 0; box-shadow: 0 1px 2px rgba(254, 112, 2, 0.5), 0 1px 1px rgba(255, 255, 255, 0.5) inset !important; background: #ffa84c; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYTg0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjdiMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa84c), color-stop(100%, #ff7b0d)); background: -webkit-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%); background: -o-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%); background: -ms-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%); background: linear-gradient(to bottom, #ffa84c 0%, #ff7b0d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa84c', endColorstr='#ff7b0d', GradientType=0); } section.left a.buttonAddPhotos:before, section.left a.buttonAddPhotosLink:before { content: ' '; width: 20px; height: 20px; background: url('https://assets-edge.slickpic.com/img/land/dashboard/dashboard-menu-icos-7.png') no-repeat 0 0; position: absolute; top: 8px; left: 68px; background-position: 0 -278px; background: url('https://assets-edge.slickpic.com/img/common/header-button-upload.png') no-repeat 0 0; background: url(https://assets-edge.slickpic.com/img/ico-upload-new-01.png) no-repeat center center; background-size: 72px 16px; background-position: -1px 1px !important; background-size: 60px; left: 85px; top: 9px; } footer { margin-left: 280px; } section.left a.buttonAddPhotos span, section.left a.buttonAddPhotosLink span { font-family: 'Roboto Condensed', sans-serif; margin-left: 24px; font-weight: 400; padding: 0; text-align: center; font-size: 14px; text-transform: uppercase; color: #000; text-shadow: none; height: 35px; line-height: 34px; display: block; position: relative; z-index: 1; color: #fff; text-shadow: 0 0 1px rgba(0, 0, 0, 0.15); } html > body { background-position: 0 -31px; -webkit-font-smoothing: subpixel-antialiased; } body section.left .footer { display: none; } body section.left #albumsNavigation section.toptitle.toptitle-highlight h2.h2-highlight { color: #fff !important; font-weight: 700; font-weight: 0.05em; } body section.left #albumsNavigation section.toptitle.toptitle-highlight h2[data-root="trash"] { background: url(https://assets-edge.slickpic.com/clients/ico-trash-white.png) no-repeat left center; background-size: 10px auto; padding-left: 14px !important; margin-left: -14px; } body section.left #albumsNavigation section.toptitle.toptitle-highlight h2.h2-highlight img { display: none; } html section.left #albumsNavigation section.toptitle.toptitle-highlight { border-radius: 0; } html body.body-framed.center1024 .main#main-block, html body.browseCnt.center1024 .main#main-block { background: #f5f5f5; } html body.page-payment .main#main-block, html body.page-payment .main#main-block { background: #f2f2f2 !important; } .preferences .grayBlock { background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); border: 0; border-radius: 3px; border: 1px solid #e4e8eb; box-shadow: none; } .body-framed .main.blankPage > #body { width: 960px; margin: 0 auto; float: none; } html .body-framed #main-block { box-shadow: none; } body.body-framed footer { border: 0; background: #f5f5f5; padding-left: 280px; padding-right: 30px; } body.body-framed section.left section.toptitle { height: 30px; background-color: #444 !important; border-bottom: 1px solid #222; background: #444444; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #444444 0%, #222222 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(100%, #222222)); background: -webkit-linear-gradient(top, #444444 0%, #222222 100%); background: -o-linear-gradient(top, #444444 0%, #222222 100%); background: -ms-linear-gradient(top, #444444 0%, #222222 100%); background: linear-gradient(to bottom, #444444 0%, #222222 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222', GradientType=0); } body.body-framed section.left section.toptitle h2:hover, body.body-framed section.left section.toptitle h2 { color: #fff; text-shadow: none; } body .fixedSubCnt.contacts { float: none; margin: 0 auto; } .body-framed #head-block.heading, .body-framed #contentOutter.preferences { width: 800px !important; margin: 0 auto !important; float: none; } body .fixedSubCnt.contacts .contents { background-color: #fff; } html body section.left, body.center1024.body-framed section.left { box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.03); } body.body-framed header > .header-search { right: 100% !important; margin-right: -470px !important; top: 8px !important; } body section.left .informational details:hover, section.left .informational details.hover { background: none; background-color: rgba(255, 255, 255, 0.1); } .uploading-state section.left, .uploading-state section.left:before { display: none; content: ' '; } .body-framed .gallery-layout-container.uploading-state-hide.inplace-settings-container { width: 800px; margin: 0 auto; } .body-framed .gallery-layout-container.uploading-state-hide.inplace-settings-container .grayBlock { background-color: transparent !important; } body section.left details.jstree-clicked.active { background: #29a4f8; border-color: #069; } body section.left details.jstree-clicked.active .selectAlbumArrow { background-image: url('https://assets-edge.slickpic.com/img/album/ico_albumtree-activearrow-2.png'); display: none; } body.body-framed.center1024 section.left:before, body.body-framed.center1024 section.left, body.browseCnt.center1024.body-framed section.left { background: #141414 !important; } body.body-framed.center1024 section.left nav { background-color: transparent; } body.body-framed.center1024 section.left details { background-color: transparent; border-color: #333; border-top: 0; min-height: 32px; height: auto; margin: 0; padding: 2px 0 2px 20px; } body.body-framed.center1024 section.left details.active { background: #333 !important; } body.body-framed.center1024 section.left details span { color: #fff; text-shadow: none; font-family: "SlickPro", "SlickSanFrancisco", "SF Pro Text", "Myriad Set Pro", "San Francisco", "SlickFont", "Helvetica Neue", "Segoe UI", "Roboto", "Helvetica", "Hiragino Kaku Gothic Pro", "Meiryo", Arial, sans-serif; font-weight: 400; font-size: 12px; letter-spacing: 0; white-space: nowrap; } body.body-framed.center1024 section.left .toptitle.cursor-default { background: none !important; display: none; } body.body-framed.center1024 section.left .toptitle.cursor-default h2 { font-family: "Roboto Condensed", sans-serif; font-size: 13px; color: #777; text-transform: uppercase; font-weight: 700; } body.body-framed.center1024 section.left details:hover, body.body-framed.center1024 section.left details.hover { background: none; background: rgba(255, 255, 255, 0.1); } #faqAddStart { color: #fff; text-shadow: none; } body.body-framed .fixedSubCnt.contacts .contents { margin-bottom: 0; min-height: 300px; position: relative; } body.body-framed .fixedSubCnt.contacts .contents:before { content: ' '; width: 1px; height: 100%; background: #ddd; position: absolute; top: 0; left: 200px; } body .basket-top { top: -40px; } #contentOutter.buy-credits { width: 1050px; padding: 30px; margin: 0 auto; margin-top: 20px; background: #fff; border-radius: 3px; } section.left #albumsNavigation section.toptitle.toptitle-highlight .ico-help { cursor: help; } body section.left details:hover, body section.left details.hover { background: none; background-color: rgba(0, 0, 0, 0.03); } .heading.uploading-state-hide.site-message-fixed { margin-left: 290px !important; padding-right: 30px; } .grayBlock .max-image-size { display: block; position: relative; margin: 0 auto; margin-top: 12px; } .grayBlock .max-image-size .name { display: inline-block; font-weight: bold; width: 120px; } .grayBlock .max-image-size label { color: #069; display: inline-block; margin: 0 10px; font-weight: normal; position: relative; z-index: 500; } .grayBlock .max-image-size label span { border-bottom: 1px dashed #069; display: inline-block; margin-left: 4px; } .grayBlock .max-image-size label.active span { border-bottom-color: transparent; color: #333; } .grayBlock .max-image-size label input[disabled="disabled"] + span, .grayBlock .max-image-size label input[disabled] + span { color: #777; border-bottom: 1px dashed #777; cursor: default; } .grayBlock .max-image-size label font { display: none; position: absolute; top: 100%; left: 0; width: 380px; margin-top: -1px; padding: 10px 15px; border: 2px solid #62b404; border-radius: 3px; background-color: rgba(255, 255, 255, 0.97); box-shadow: 0 1px 9px rgba(0, 0, 0, 0.23), 0 5px 15px rgba(0, 0, 0, 0.1); font-size: 12px; font-weight: bold; font-family: Arial; line-height: 18px; color: #333; z-index: 1000; text-align: left; cursor: default; } .grayBlock .max-image-size label font > b { display: block; margin-bottom: 10px; font-size: 14px; color: #111; } .grayBlock .max-image-size label font a { color: #069; text-decoration: underline; } .grayBlock .max-image-size label:hover font { display: block; } .header.pro .max-image-size label.size-1600, .header.pro .max-image-size label.size-2560 { padding-right: 22px; background: url('https://assets-edge.slickpic.com/img/common/ico-lightning.png') no-repeat top right; } .header.plus .max-image-size label.size-1600, .header.basic .max-image-size label.size-1600 { padding-right: 22px; background: url('https://assets-edge.slickpic.com/img/common/ico-lightning.png') no-repeat top right; } .select-timing { margin-top: 30px; margin-bottom: -20px; background-color: transparent; display: block; border-top: 1px dashed #ddd; padding-top: 20px; font-size: 14px; } .select-timing:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .select-timing > b { float: left; line-height: 20px; padding: 10px 15px; font-weight: normal; display: none; } .select-timing > a { float: left; border: 1px solid #ccc; padding: 10px 15px; line-height: 20px; margin-left: -1px; color: #08c; font-weight: bold; text-decoration: underline; box-shadow: 0 1px 0 #fff, 0 1px 0 #fff inset; font-weight: normal; } .select-timing > a.active { color: #080; background-color: #E3F4D9; padding-left: 30px; background: #E3F4D9 url('https://assets-edge.slickpic.com/img/land/ticker.png') no-repeat 10px 10px; text-decoration: none; cursor: default; } .page-payment .select-timing > a.active { background: #E3F4D9 url('https://www.slickpic.com/img/landing/ticker.png') no-repeat 10px 10px; } .select-timing > a font, .select-timing > a span { font-weight: bold; } .select-timing > a span { display: none; } .page-payment h1 { margin-top: 8px !important; } .button-red { display: inline-block; height: 24px; line-height: 24px; padding: 0 15px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.56); color: #fff !important; font-size: 11px; font-weight: bold; border: 1px solid; border-radius: 3px; cursor: pointer; text-decoration: none; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.15) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.15) inset; -o-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.15) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.15) inset; background: #df4a32; background: -moz-linear-gradient(top, #df4a32 0%, #d4472f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #df4a32), color-stop(100%, #d4472f)); background: -webkit-linear-gradient(top, #df4a32 0%, #d4472f 100%); background: -o-linear-gradient(top, #df4a32 0%, #d4472f 100%); background: -ms-linear-gradient(top, #df4a32 0%, #d4472f 100%); background: linear-gradient(to bottom, #df4a32 0%, #d4472f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#df4a32', endColorstr='#d4472f', GradientType=0); border-color: #d44730 #c9412b #bf3c26 #c9412b; -webkit-transition: all 0.23s ease; -moz-transition: all 0.23s ease; text-shadow: 0 1px 0 #c00 !important; } .button-default-grey { display: inline-block; height: 24px; line-height: 24px; padding: 0 15px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.56); color: #fff !important; font-size: 11px; font-weight: bold; border: 1px solid; border-radius: 3px; cursor: pointer; text-decoration: none; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.15) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.15) inset; -o-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.15) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.15) inset; background: #999; border-color: #888; -webkit-transition: all 0.23s ease; -moz-transition: all 0.23s ease; text-shadow: 0 1px 0 #777 !important; text-decoration: none !important; } .button-default-grey:hover { background: #777; } .base-color { padding-left: 30px; } .base-color label { line-height: 100px; padding: 0 10px; } .base-color label img { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); border-radius: 3px; } body .ui-state-hover, body .ui-widget-content .ui-state-hover, body .ui-widget-header .ui-state-hover, body .ui-state-focus, body .ui-widget-content .ui-state-focus, body .ui-widget-header .ui-state-focus { background: #29a4f8; color: #fff; border-color: #29a4f8; border-radius: 0; } body .ui-widget { font-family: "SlickPro", "SlickSanFrancisco", "SF Pro Text", "Myriad Set Pro", "San Francisco", "SlickFont", "Helvetica Neue", "Segoe UI", "Roboto", "Helvetica", "Hiragino Kaku Gothic Pro", "Meiryo", Arial, sans-serif; } .print-notification { position: relative; background: #fff9cd; display: block; padding: 20px 20px; border: 1px solid #ebd74f; border-top: 0; margin-top: -4px; margin-bottom: 4px; display: none !important; } .print-notification p b { display: block; font-size: 16px; line-height: 20px; } .print-notification p span { display: block; font-size: 13px; line-height: 18px; } .print-notification .tab-setting { position: absolute; top: 20px; left: 430px; background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e8e8e8)); background: -webkit-linear-gradient(top, #ffffff 0%, #e8e8e8 100%); background: -o-linear-gradient(top, #ffffff 0%, #e8e8e8 100%); background: -ms-linear-gradient(top, #ffffff 0%, #e8e8e8 100%); background: linear-gradient(to bottom, #ffffff 0%, #e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8e8e8', GradientType=0); box-shadow: 0 1px 0 #ccc; border: 1px solid #ddd; border-radius: 2px; } .print-notification .tab-setting:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .print-notification .tab-setting label { float: left; padding: 8px 10px; } .print-notification .tab-setting label span { line-height: 20px; } .print-notification .tab-setting label + label { border-left: 1px solid #ddd; } body:not(.lite) .share-dialog #slickpiclogo, body:not(.lite) .share-dialog #slickpiclogo + label, body:not(.lite) .dialog-bulk-sharing .watermark-control, body:not(.lite) .dialog-bulk-sharing .watermark-control + label, body:not(.lite) .dialog-bulk-sharing .watermark-control + span, body:not(.lite) .share-dialog .watermark-control, body:not(.lite) .share-dialog .watermark-control + label, body:not(.lite) .share-dialog .watermark-control, body:not(.lite) .share-dialog .watermark-control + label { display: none !important; } .buttonGreen.dlgBtnAccept.disabled { pointer-events: none; } .wrapper { position: relative; width: 960px; margin: 0 auto; -ms-interpolation-mode: bicubic; -webkit-font-smoothing: antialiased; -moz-font-feature-settings: "liga", "kern"; font-family: "Helvetica Neue", "Helvetica Neue LT Std", "Helvetica", "Roboto", "Arial", Times, "Times New Roman", 'Helvetica Neue', 'Helvetica', "Trebuchet MS", Arial, sans-serif; -moz-osx-font-smoothing: grayscale; } .wrapper.wrapper-small { width: 640px; } .wrapper .footer-text { text-align: center; padding-top: 10px; padding-bottom: 80px; color: #555; margin: 0 auto; width: 480px; } .wrapper .footer-text a { font-weight: bold; color: #64b603; text-decoration: underline; } .wrapper .wrapper-block { margin-bottom: 30px; } .wrapper .wrapper-block h2 { font-size: 16px; font-weight: 500; line-height: 32px; margin-bottom: 8px; color: #111; } .wrapper .wrapper-block .box { border: 5px solid #eee; background: #ffffff; box-shadow: 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset, -1px 0 0 #ccc inset, 1px 0 0 #ccc inset; border-radius: 3px; padding: 30px 20px; font-size: 13px; line-height: 18px; color: #000; } .wrapper .wrapper-block .box .button-inline { display: inline-block; margin-top: 6px; padding: 5px 15px; background: #08c; color: white; border-radius: 1px; font-weight: bold; border-bottom: 2px solid #069; margin-bottom: 6px; } .wrapper .wrapper-block .box .button-inline:hover { background: #1aa1e4; } .wrapper .wrapper-block .box.box-generic .line:before, .wrapper .wrapper-block .box.box-generic .line:after { content: " "; display: table; } .wrapper .wrapper-block .box.box-generic .line:after { clear: both; } .wrapper .wrapper-block .box.box-generic .line .label { float: left; color: #333; width: 35%; text-align: left; } .wrapper .wrapper-block .box.box-generic .line .value { width: 64%; float: right; font-weight: 500; color: #111; } .wrapper .wrapper-block .box.box-generic .line .value .additional { display: block; color: #777; font-weight: 400; margin-top: 2px; } .wrapper .wrapper-block .box.box-generic .line + .line { border-top: 1px solid #eee; margin-top: 8px; padding-top: 8px; } .wrapper .wrapper-block .box.table-payment { padding-top: 10px; padding-bottom: 20px; } .wrapper .wrapper-block .box.table-payment .line:nth-child(2n+2) { background: #f8f8f8; } .wrapper .wrapper-block .box.table-payment .line { margin-top: 0 !important; padding-bottom: 8px; margin-left: -19px; margin-right: -19px; padding: 8px 19px !important; } .wrapper .wrapper-block .box.table-payment .line:last-child { border-bottom: 1px solid #eee; } .wrapper .wrapper-block .box.table-payment .td { float: left; width: 19%; } .wrapper .wrapper-block .box.table-payment .td.td-1, .wrapper .wrapper-block .box.table-payment .td.td-2 { width: 17%; } .wrapper .wrapper-block .box.table-payment .td.td-3 { width: 30%; font-weight: 500; } .wrapper .wrapper-block .box.table-payment .td.td-4 { width: 15%; } .wrapper .wrapper-block .box.table-payment .td.td-5 { width: 13%; } .wrapper .wrapper-block .box.table-payment .td.td-6 { width: 5%; } .wrapper .wrapper-block .box.table-payment .icon-pdf { display: inline-block; width: 16px; height: 16px; background: url("https://assets-edge.slickpic.com/img/common/ico-print.png") no-repeat 0 0; text-indent: -4515px; } .wrapper .wrapper-block .box.table-payment .warning { color: #c00; font-weight: bold; } .wrapper .wrapper-block .box.table-payment .line-head { font-weight: bold; font-size: 11px; color: #555; text-transform: uppercase; } .selection-default h2 { font-size: 18px; line-height: 24px; margin-bottom: 12px; font-weight: normal; } .select-radios { padding: 0; margin: 0; list-style: none; margin-bottom: 20px; } .select-radios li { padding: 0; margin: 0; list-style: none; position: relative; } .select-radios li.disabled .radiobox { pointer-events: none; } .select-radios li .badge { position: absolute !important; top: 22px !important; height: 17px; border-radius: 2px; background: #333; line-height: 18px; font-size: 11px; color: white; padding: 0 5px 0 6px; text-shadow: none; right: 15px; font-weight: bold; } .select-radios li .radiobox { margin: 0; padding: 0; white-space: nowrap; border: 0; display: inline-block; background: transparent; position: relative; padding: 10px; border: 1px solid #ddd; border-radius: 1px; margin-bottom: -1px; display: block; } .select-radios li .radiobox.disabled { cursor: default; } .select-radios li .radiobox.disabled > *:not(.badge) { opacity: 0.7; pointer-events: none; } .select-radios li .radiobox > span { color: #333; padding-top: 20px; padding-bottom: 10px; display: block; font-weight: 400; margin-top: 0rem; font-size: 12px; margin-bottom: 4px; padding-bottom: 0; padding-top: 0; line-height: 20px; width: auto; text-align: left; float: none; margin-right: 0; margin-top: 0; } .select-radios li .radiobox > span > span { display: block; font-size: 12px; color: #777; line-height: 18px; font-weight: normal; } .select-radios li .radiobox [type="radio"] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .select-radios li .radiobox [type="radio"] + span { display: inline-block; padding-left: 0; position: relative; line-height: 22px; margin-right: 10px; float: none; font-weight: normal; font-size: 13px; padding-left: 30px; } .select-radios li .radiobox [type="radio"] + span + span { margin-left: 6px; } .select-radios li .radiobox [type="radio"] + span:before { content: ' '; display: inline-block; width: 18px; height: 18px; vertical-align: middle; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; border: 1px solid #ddd; background: white; margin-right: 2px; -webkit-transition: 0.15s ease all; -moz-transition: 0.15s ease all; transition: 0.15s ease all; margin-left: 0; margin-top: 0; top: 0; left: 0; margin-right: 10px; position: absolute; } .select-radios li .radiobox [type="radio"]:checked + span:after { content: ' '; display: inline-block; width: 14px; height: 14px; vertical-align: middle; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; background: #08c; margin-right: 4px; -webkit-transition: 0.15s ease all; -moz-transition: 0.15s ease all; transition: 0.15s ease all; margin-left: 0; margin-top: 0; position: absolute; top: 3px; left: 3px; } .select-radios li .radiobox [type="radio"]:checked ~ .radio-open { display: block !important; padding-left: 30px; padding-top: 10px; padding-bottom: 20px; } .select-radios li .radiobox [type="radio"]:checked ~ .radio-open:empty { padding: 0 !important; margin: 0 !important; } .select-radios li .radiobox [type="radio"]:checked ~ .radio-open:before { position: absolute; content: ' '; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 136, 204, 0.05); pointer-events: none; z-index: 0; } .select-radios li .radio-open p { font-size: 13px; line-height: 20px; margin-bottom: 20px; padding-top: 18px; border-top: 1px solid #eee; max-width: 100%; white-space: normal; } .select-radios .user-image { clear: both; display: block; border-top: 1px solid #eee; padding-top: 10px; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 40px; position: relative; padding-bottom: 20px; } .select-radios .user-image .logo-wrapper { display: inline-block; padding: 20px; border-radius: 3px; } .select-radios .user-image .logo-wrapper img { max-width: 300px; max-height: 50px; } .select-radios .user-image .logo-wrapper.dark { background: #222; border: 1px solid #111; } .select-radios .user-image .logo-wrapper.light { background: #f8f8f8; border: 1px solid #eee; } .select-radios .user-image > b { font-size: 13px; color: #333; width: 100%; display: block; line-height: 24px; margin-bottom: 10px; clear: both; } .select-radios .user-image .buttons-container { margin-left: -4px; } hr.hr-large { margin-top: 24px; margin-bottom: 24px; } .installation-instructions > img { float: right; width: 96px; height: auto; margin-left: 28px; margin-bottom: 20px; } .installation-instructions .note { background: #fffae2; box-sizing: border-box; padding: 15px 20px; border-radius: 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); font-size: 14px; line-height: 23px; display: block !important; } .installation-instructions ol { margin: 12px 0; padding: 0; } .installation-instructions ol li { font-size: 16px; line-height: 24px; padding-left: 10px; margin-left: 20px; margin-bottom: 12px; } .installation-instructions ol li code { display: block; font-size: 14px; background: #fff; border: 1px solid #ccc; padding: 4px 10px; } .installation-instructions ol li b { font-size: 16px; line-height: 24px; font-weight: 700; } #notes-container { width: 100%; overflow: hidden; border: 1px solid #eee; } #notes-container .stats-container { width: 100%; background-color: #ddd; border-bottom: 1px solid #eee; padding: 6px 20px; } #notes-container .notes-text { width: 100%; min-height: 189px; border: none; padding: 8px; } #notes-container { padding: 20px 0 40px 0; margin-bottom: 12px; background: #fff url("https://assets-edge.slickpic.com/img/album/notes-notepad-vert.png") repeat-y; border: 1px solid rgba(187, 194, 200, 0.9); position: relative; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.08); box-shadow: 0 0 3px rgba(0, 0, 0, 0.08); -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; margin-top: -5px; box-sizing: border-box; margin-left: -1px; } #notes-container .notes-text { background: white url("https://assets-edge.slickpic.com/img/album/notes-notepad.png") repeat; padding-bottom: 21px; box-sizing: border-box; padding-top: 21px; padding-left: 60px; font-size: 13px; line-height: 21px; } #notes-container .stats-title, #notes-container .stats-container { position: absolute; top: 0; left: 0; height: 41px; background: transparent; box-sizing: border-box; padding: 13px 20px 13px 60px; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #777; } #notes-container .stats-title { color: #555; } #notes-container .stats-container { text-align: right; text-transform: none; font-size: 11px; padding: 3px 10px; width: auto; left: auto; right: 10px; top: 8px; border: 0; background: red; height: auto; border-radius: 3px; background: #eee; font-weight: normal; color: #555; } #notes-container .notepad-placeholder { position: absolute; top: 0; left: 60px; top: 42px; line-height: 21px; color: #777; pointer-events: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; display: none; } #notes-container .notes-text:empty + * + .notepad-placeholder, #notes-container .notes-text:empty + .notepad-placeholder { display: block; } #notes-container .notes-text:focus + * + .notepad-placeholder, #notes-container .notes-text:focus + .notepad-placeholder { opacity: 0 !important; } @media all and (min-width: 100px) and (max-width: 1200px) { html body section.controls ul { float: left; } html body div.content div.heading h1 input, html body div.content div.heading h1 input[disabled], html body div.content div.heading h2 input, html body div.content div.heading h2 input[disabled] { width: calc(100vw - 290px) !important; min-width: 410px !important; } html body .line-info.photo-info-fullsize-container .photo-icons { max-width: 50%; margin-left: auto; margin-right: auto; } html body .line-info.photo-info-fullsize-container .photo-icons > * { margin-bottom: 9px; } html body .photo-view-full#fullsizeContainer .container .imageContainer > table tr.fs-top > td { border-bottom: 0; } html body #fullsizeContainer .imageContainer .line-info { background: #f8f8f8; } } @media (pointer: coarse) { html > body .icoWheelAAA, html > body .thumbCtrlRtLft, html > body .thumbCtrlRtRgt, html > body .thumbCtrlShowcase, html > body .thumbCtrlSelect { display: inline-block !important; opacity: 1 !important; visibility: visible !important; } } @media (pointer: coarse) and (max-width: 1024px) { html > body .iconSize150 DIV.thumbBox .iconSize150 DIV#thumbCtrl { font-size: 100px; width: 100px; } } @media all and (min-width: 1px) and (max-width: 767px) { html body.organizer { min-width: 960px; } html body.organizer div.content div.heading.width-auto { min-width: 650px !important; } html body.organizer #albumOutter { min-width: 650px !important; } html body.organizer .heading.uploading-state-hide.site-message-fixed { position: relative !important; padding: 0 !important; float: left !important; width: 100% !important; margin-left: 0 !important; } html body.organizer.explore > header { position: relative; } #simplemodal-container { transform: scale(0.45); left: 0 !important; margin-left: 0 !important; right: 0 !important; left: -105px !important; } html div#simplemodal-overlay { width: 1280px !important; } } .domain-help { font-size: 14px; line-height: 1.66; } .domain-help, .domain-help * { text-shadow: none !important; } .domain-help p + p, .domain-help p + ul, .domain-help ul + p, .domain-help ul + ul, .domain-help ol + p, .domain-help p + ol { margin-top: 12px; } .domain-help u { text-decoration: underline; } .domain-help ol li + li, .domain-help ul li + li { margin-top: 12px; } .domain-help ul a, .domain-help p a { color: #29a4f8 !important; } .domain-help .line-current-domain { border: 1px solid #f3e9c2; background: #fffae3; padding: 15px; margin-top: 14px; margin-bottom: 14px; text-align: center; word-break: break-word; word-wrap: break-word; white-space: normal; } .domain-help .line-current-domain b { display: block; width: 100%; text-align: center; word-break: break-word; word-wrap: break-word; white-space: normal; } .domain-help b { font-weight: bold !important; } .domain-help .domain-enter { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-top: 13px; margin-bottom: 16px; padding-bottom: 16px; } .domain-help .domain-enter .line-label { font-size: 13px; padding-bottom: 6px; } .domain-help .domain-enter input[type=text] { height: 36px !important; line-height: 34px !important; font-size: 13px !important; } .domain-help .domain-enter .buttons { margin-top: 10px !important; } .domain-help .email-template { border: 1px solid #f3e9c2; background: #fffae3; padding: 15px; margin-top: 14px; margin-bottom: 14px; } .domain-help hr { background: transparent; border: 0; border-bottom: 1px solid #ddd; margin-top: 24px; margin-bottom: 24px; } .domain-help ul, .domain-help ol { padding-left: 16px; } .proofing-album .nomargin.actions-bar { opacity: 0; visibility: hidden; pointer-events: none; } .subscribers-container { padding: 10px 15px 40px; min-height: 48px; } .container-landing-builder-contact-page-manager { max-width: 960px; width: 960px; margin-left: auto; margin-right: auto; margin-top: 24px; } .container-marketingmodal { display: block; position: relative; width: 100%; height: auto; padding-top: 4px; background: #f7f9fa; min-height: 100vh; padding-left: 0; padding-right: 0; font-family: 'AwFont', "SlickPro", "SlickSanFrancisco", "SF Pro Text", "Myriad Set Pro", "San Francisco", "SlickFont", "Lato", "Helvetica Neue", "Segoe UI", "Roboto", "Helvetica", "Hiragino Kaku Gothic Pro", "Meiryo", Arial, sans-serif; margin-top: 0; vertical-align: top; padding-top: 0; } .container-marketingmodal .marketingmodal-header { display: flex; min-width: 728px; width: auto; max-width: 1080px; margin: 0 auto 20px; } .container-marketingmodal .marketingmodal-header h1 { font-size: 18px; font-weight: 600; line-height: 1.5; } .container-marketingmodal .marketingmodal-header h1 .beta { background: #29a4f9; color: white; display: inline-block; font-size: 10px; padding: 1px 6px; border-radius: 28px; font-weight: 700; text-transform: uppercase; vertical-align: top; } .container-marketingmodal .marketingmodal-layout { display: flex; min-width: 728px; width: auto; max-width: 1080px; margin: 20px auto 0; margin-top: 0; padding-bottom: 20px; } .container-marketingmodal .marketingmodal-layout .message-error { color: #e53935; margin: 10px 0; width: 100%; } .container-marketingmodal .marketingmodal-layout .button-action { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; width: auto; background: #1ba2fc; border: 1px solid #1ba2fc; display: inline-block; height: 36px; font-size: 14px; color: #fff; line-height: 20px; padding: 7px 24px; font-weight: 700; text-decoration: none; vertical-align: top; transition: 333ms cubic-bezier(0.4, 0, 0.22, 1); white-space: nowrap; border-radius: 100px; } .container-marketingmodal .marketingmodal-layout .button-subaction { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; background: #fff !important; border: 1px solid #b6b6b6; display: inline-block; height: 36px; font-size: 14px; color: #333; line-height: 20px; padding: 7px 24px; font-weight: 600; border-radius: 3px; text-decoration: none; vertical-align: top; transition: 333ms cubic-bezier(0.4, 0, 0.22, 1); box-shadow: none; white-space: nowrap; border-radius: 100px; } .container-marketingmodal .marketingmodal-layout .button-subaction.disabled { pointer-events: none; opacity: 0.5; } .container-marketingmodal .marketingmodal-layout .button-subaction a { color: #333 !important; } .container-marketingmodal .marketingmodal-layout .button-subaction.righted { float: right; } .container-marketingmodal .marketingmodal-layout .button-subaction.lefted { float: left; } .container-marketingmodal .marketingmodal-layout .layout-navigation { width: 220px; flex-grow: 0; flex-shrink: 0; border-radius: 3px; overflow: hidden; } .container-marketingmodal .marketingmodal-layout .layout-navigation .navigation-list { background: white; width: 100%; border-radius: 3px; overflow: hidden; border: 1px solid #e4e8eb; list-style: none; } .container-marketingmodal .marketingmodal-layout .layout-navigation .navigation-list li { display: block; list-style: none; } .container-marketingmodal .marketingmodal-layout .layout-navigation .navigation-list li.active a, .container-marketingmodal .marketingmodal-layout .layout-navigation .navigation-list li.active a:hover { background: #29a4f9; color: #fff; } .container-marketingmodal .marketingmodal-layout .layout-navigation .navigation-list li a { position: relative; font-size: 14px; display: block; line-height: 20px; padding: 12px 20px 12px 52px; color: #333; text-decoration: none; font-weight: 400; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -moz-user-drag: none; user-drag: none; } .container-marketingmodal .marketingmodal-layout .layout-navigation .navigation-list li a:hover { background: rgba(41, 164, 249, 0.1); } .container-marketingmodal .marketingmodal-layout .layout-navigation .navigation-list li a:before { position: absolute; top: 50%; left: 20px; margin-top: -12px; background: url("https://assets-edge.slickpic.com/img/ico-commerce-05.png") no-repeat 0 0; background-size: 180px 360px; width: 24px; height: 24px; content: ' '; } .container-marketingmodal .marketingmodal-layout .layout-navigation .navigation-list li a.ico-store:before { background-position: 0 0; } .container-marketingmodal .marketingmodal-layout .layout-navigation .navigation-list li a.ico-store.active:before { background-position: -80px 0; } .container-marketingmodal .marketingmodal-layout .layout-navigation .navigation-list li a.ico-store:not(.active):hover:before { background-position: -40px 0; } .container-marketingmodal .marketingmodal-layout .layout-navigation .navigation-list li a.ico-pricing:before { background-position: 0 -46px; } .container-marketingmodal .marketingmodal-layout .layout-navigation .navigation-list li a.ico-pricing.active:before { background-position: -80px -46px; } .container-marketingmodal .marketingmodal-layout .layout-navigation .navigation-list li a.ico-pricing:not(.active):hover:before { background-position: -40px -46px; } .container-marketingmodal .marketingmodal-layout .layout-navigation .navigation-list li a.ico-shipping:before { background-position: 0 -90px; } .container-marketingmodal .marketingmodal-layout .layout-navigation .navigation-list li a.ico-shipping.active:before { background-position: -80px -90px; } .container-marketingmodal .marketingmodal-layout .layout-navigation .navigation-list li a.ico-shipping:not(.active):hover:before { background-position: -40px -90px; } .container-marketingmodal .marketingmodal-layout .layout-navigation .navigation-list li a.ico-payment:before { background-position: 0 -134px; } .container-marketingmodal .marketingmodal-layout .layout-navigation .navigation-list li a.ico-payment.active:before { background-position: -80px -134px; } .container-marketingmodal .marketingmodal-layout .layout-navigation .navigation-list li a.ico-payment:not(.active):hover:before { background-position: -40px -134px; } .container-marketingmodal .marketingmodal-layout .layout-navigation .navigation-list li a.ico-orders:before { background-position: 0 -178px; } .container-marketingmodal .marketingmodal-layout .layout-navigation .navigation-list li a.ico-orders.active:before { background-position: -80px -178px; } .container-marketingmodal .marketingmodal-layout .layout-navigation .navigation-list li a.ico-orders:not(.active):hover:before { background-position: -40px -178px; } .container-marketingmodal .marketingmodal-layout .layout-navigation .navigation-list li a.ico-term:before { background-position: 0 -260px; } .container-marketingmodal .marketingmodal-layout .layout-navigation .navigation-list li a.ico-term.active:before { background-position: -80px -260px; } .container-marketingmodal .marketingmodal-layout .layout-navigation .navigation-list li a.ico-term:not(.active):hover:before { background-position: -40px -260px; } .container-marketingmodal .marketingmodal-layout .layout-navigation .navigation-list li a.ico-help:before { background-position: 0 -220px; } .container-marketingmodal .marketingmodal-layout .layout-navigation .navigation-list li a.ico-help.active:before { background-position: -80px -220px; } .container-marketingmodal .marketingmodal-layout .layout-navigation .navigation-list li a.ico-help:not(.active):hover:before { background-position: -40px -220px; } .container-marketingmodal .marketingmodal-layout .layout-navigation .navigation-list li a.ico-product:before { background-position: 0 -300px; } .container-marketingmodal .marketingmodal-layout .layout-navigation .navigation-list li a.ico-product.active:before { background-position: -80px -300px; } .container-marketingmodal .marketingmodal-layout .layout-navigation .navigation-list li a.ico-product:not(.active):hover:before { background-position: -40px -300px; } .container-marketingmodal .marketingmodal-layout .layout-content { width: 100%; flex-grow: 1; } .container-marketingmodal .marketingmodal-layout .layout-content.content-messages:empty:after { content: 'No contact form messages yet'; font-size: 14px; font-weight: 600; margin-top: 4px; display: block; color: #555; } .container-marketingmodal .marketingmodal-layout .layout-content .box { background: white; width: 100%; border-radius: 3px; overflow: hidden; border: 1px solid #e4e8eb; margin-bottom: 30px; } .container-marketingmodal .marketingmodal-layout .layout-content .box.box-bottom { position: fixed; bottom: 0; left: 0; margin: 0; background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(3px); z-index: 10; } .container-marketingmodal .marketingmodal-layout .layout-content .box.box-bottom .box-content { padding-left: 250px; max-width: 960px; margin-left: auto; margin-right: auto; } .container-marketingmodal .marketingmodal-layout .layout-content .box.box-bottom .box-content .form-line.buttons { padding: 10px 0; } .container-marketingmodal .marketingmodal-layout .layout-content .box.box-bottom a, .container-marketingmodal .marketingmodal-layout .layout-content .box.box-bottom button { margin-right: 10px; } .container-marketingmodal .marketingmodal-layout .layout-content .box.box-bottom a + p, .container-marketingmodal .marketingmodal-layout .layout-content .box.box-bottom button + p { display: inline-block; line-height: 36px; font-size: 14px; margin-left: 10px; color: #777; } .container-marketingmodal .marketingmodal-layout .layout-content .box .read-more-text.message, .container-marketingmodal .marketingmodal-layout .layout-content .box .read-more-text.message p { color: #333 !important; font-size: 14px !important; line-height: 20px !important; display: inline !important; } .container-marketingmodal .marketingmodal-layout .layout-content .box .read-more-text.message { margin-bottom: 0 !important; display: block !important; } .container-marketingmodal .marketingmodal-layout .layout-content .box .box-header { height: 44px; padding: 12px 20px; background: #fcfcfc; line-height: 20px; font-size: 14px; border-bottom: 1px solid #e4e8eb; position: relative; } .container-marketingmodal .marketingmodal-layout .layout-content .box .box-header .header-title { font-weight: 700; display: inline-block; max-width: 70%; } .container-marketingmodal .marketingmodal-layout .layout-content .box .box-header .header-title .title-back { display: inline-block; width: 46px; margin-left: -10px; text-align: left; border-right: 1px solid #eee; height: 44px; margin-top: -12px !important; float: left; line-height: 44px; color: #777; margin-right: 20px; padding-left: 12px; } .container-marketingmodal .marketingmodal-layout .layout-content .box .box-header .header-title .title-back:hover { color: #1ba2fc; } .container-marketingmodal .marketingmodal-layout .layout-content .box .box-header .header-title.ico-group { padding-left: 24px; position: relative; } .container-marketingmodal .marketingmodal-layout .layout-content .box .box-header .header-title.ico-group:before { content: ''; position: absolute; top: 50%; left: 0; width: 16px; height: 16px; margin-top: -8px; background: url("https://assets-edge.slickpic.com/img/ico-product-folder.png") no-repeat center center; background-size: 16px auto; } .container-marketingmodal .marketingmodal-layout .layout-content .box .box-header .header-title.ico-product { padding-left: 24px; position: relative; } .container-marketingmodal .marketingmodal-layout .layout-content .box .box-header .header-title.ico-product:before { content: ''; position: absolute; top: 50%; left: 0; width: 16px; height: 16px; margin-top: -8px; background: url("https://assets-edge.slickpic.com/img/ico-product-tag.png") no-repeat center center; background-size: 16px auto; } .container-marketingmodal .marketingmodal-layout .layout-content .box .box-header .header-title.fullwidth { max-width: 100%; width: 100%; } .container-marketingmodal .marketingmodal-layout .layout-content .box .box-header .header-title.fullwidth b { font-weight: 600; } .container-marketingmodal .marketingmodal-layout .layout-content .box .box-header .header-title.fullwidth b a { color: inherit; } .container-marketingmodal .marketingmodal-layout .layout-content .box .box-header .header-title.fullwidth span { opacity: 0.66; float: right; font-weight: 400; } .container-marketingmodal .marketingmodal-layout .layout-content .box .box-header .header-actions { position: absolute; top: 0; right: 0; height: 100%; display: flex; align-content: center; justify-content: center; padding: 7px 20px; } .container-marketingmodal .marketingmodal-layout .layout-content .box .box-header .header-actions .button-subaction { height: 30px; line-height: 20px; padding: 4px 15px; font-size: 12px; border-color: #ddd; } .container-marketingmodal .marketingmodal-layout .layout-content .box .box-content { width: 100%; position: relative; font-size: 14px; line-height: 20px; } .container-marketingmodal .marketingmodal-layout .layout-content .box .content-empty { padding: 20px 30px; text-align: center; font-size: 16px; line-height: 24px; color: #999; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line { padding: 20px 20px 20px; position: relative; color: #111; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line:before, .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line:after { content: " "; display: table; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line:after { clear: both; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line.line-top { border-bottom: 1px solid #eee; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line.line-add { border-top: 1px solid #eee; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .line-label { display: block; width: 100%; min-height: 20px; line-height: 20px; padding: 0 0 5px; font-weight: 400; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .line-label p, .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .line-label.normal { font-weight: 400; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .line-label.separate { margin-top: 4px; font-style: normal; color: #777; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .line-label > p { margin-bottom: 6px !important; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .line-label .required { color: #D35046; font-weight: 400; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .line-label .label { display: block; color: #111; font-size: 16px; font-weight: 600; line-height: 20px; text-align: left; white-space: normal; padding: 0; border-radius: 0; vertical-align: middle; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .line-label .label.smaller { font-size: 14px; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .line-label p { margin-top: 4px; font-size: 13px; line-height: 18px; color: #888; font-weight: 400; display: block; vertical-align: top; margin-bottom: 0; padding-bottom: 0; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .line-label p.bold { font-weight: 600; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .line-control input[type=text], .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .line-control input[type=number], .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .line-control input[type=password], .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .line-control input[type=email], .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .line-control select, .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .line-control textarea { height: 40px; background: #fff; border: 1px solid #dee3ea; font-size: 14px; line-height: 20px; padding: 10px 15px; box-shadow: 0 1px 0 #f8f8f8; width: 100%; -webkit-transition: all 111ms cubic-bezier(0.4, 0, 0.22, 1); -moz-transition: all 111ms cubic-bezier(0.4, 0, 0.22, 1); transition: all 111ms cubic-bezier(0.4, 0, 0.22, 1); -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 1px; outline: 1px solid rgba(148, 192, 232, 0.001); resize: vertical; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .line-control input[type=text]:focus, .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .line-control input[type=number]:focus, .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .line-control input[type=password]:focus, .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .line-control input[type=email]:focus, .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .line-control select:focus, .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .line-control textarea:focus { box-shadow: 0 2px 0 transparent; border-color: rgba(148, 192, 232, 0.85); } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .line-control select { background: url(https://assets-edge.slickpic.com/img/lp/ico-selectbox-arrow-gray.png) center right / 40px no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .line-control textarea { min-height: 60px; height: 90px; max-height: 400px; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .line-control .input-icon { position: relative; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .line-control .input-icon .ico { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; position: absolute; top: 1px; left: 1px; width: 38px; height: 38px; border: 0; border-right: 1px solid #dee3ea; background: #fcfcfc; text-align: center; font-size: 14px; line-height: 38px; color: #999; font-weight: 600; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .line-control .input-icon .ico + input { padding-left: 52px; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .line-control .item-delete { color: #777; position: absolute; top: 21px; font-size: 12px; right: 20px; line-height: 20px; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .line-control .item-delete:hover { color: #c00; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .line-control .item-delete.delete-product, .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .line-control .item-delete.delete-group { top: -30px; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .line-control .item-delete.disabled { pointer-events: none; opacity: 0.5; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .terms:before, .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .terms:after { content: " "; display: table; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .terms:after { clear: both; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .terms .label-checkbox input[type=checkbox] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .terms .label-checkbox input[type=checkbox] + span { margin-left: 40px; display: block; font-size: 14px; line-height: 20px; position: relative; font-weight: 400; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .terms .label-checkbox input[type=checkbox] + span:before { position: absolute; top: 50%; left: -40px; content: ' '; border: 1px solid #bbb; width: 24px; height: 24px; float: left; background: white; display: inline-block; border-radius: 2px; -webkit-appearance: none; -moz-appearance: none; outline: none !important; margin-top: -14px; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .terms .label-checkbox input[type=checkbox]:hover span:before { border-color: #999; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .terms .label-checkbox input[type=checkbox]:checked + span:before { background: white url(https://assets-edge.slickpic.com/img/lp/ico-checkbox-blue.png) no-repeat center center; background-size: 16px; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .terms .switcher { float: right; display: inline-block; position: relative; width: 30px; height: 18px; vertical-align: top; transition: all 333ms ease-in-out; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .terms .switcher input[type=checkbox] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .terms .switcher input[type=checkbox] + span:before { position: absolute; top: 2px; left: 0; width: 30px; height: 14px; background: #dcdde0; transition: all 444ms ease-in-out; border-radius: 100px; content: ' '; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .terms .switcher input[type=checkbox] + span:after { width: 18px; height: 18px; position: absolute; border-radius: 100%; background: white; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.65); top: 0; left: -2px; transition: all 333ms ease-in-out; content: ' '; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .terms .switcher input[type=checkbox]:hover + span:before { background: #c8d7e3; transition: all 444ms ease-in-out; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .terms .switcher input[type=checkbox]:checked + span:before { background: #1ba2fc; transition: all 444ms ease-in-out; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .terms .switcher input[type=checkbox]:checked + span:after { left: calc(100% - 14px); transition: all 333ms ease-in-out; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .terms .switcher input[type=checkbox]:checked:hover + span:before { background: #1891e2; transition: all 444ms ease-in-out; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .switcher { display: inline-block; width: 30px; height: 18px; vertical-align: top; transition: all 333ms ease-in-out; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; position: absolute; top: 21px; right: 24px; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .switcher input[type=checkbox] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .switcher input[type=checkbox] + span:before { position: absolute; top: 2px; left: 0; width: 30px; height: 14px; background: #dcdde0; transition: all 444ms ease-in-out; border-radius: 100px; content: ' '; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .switcher input[type=checkbox] + span:after { width: 18px; height: 18px; position: absolute; border-radius: 100%; background: white; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.65); top: 0; left: -2px; transition: all 333ms ease-in-out; content: ' '; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .switcher input[type=checkbox]:hover + span:before { background: #c8d7e3; transition: all 444ms ease-in-out; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .switcher input[type=checkbox]:checked + span:before { background: #1ba2fc; transition: all 444ms ease-in-out; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .switcher input[type=checkbox]:checked + span:after { left: calc(100% - 14px); transition: all 333ms ease-in-out; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .switcher input[type=checkbox]:checked:hover + span:before { background: #1891e2; transition: all 444ms ease-in-out; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .radio-box.marketing-view { position: relative; float: left; width: 20%; border-radius: 3px; transition: all 333ms ease-in-out; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .radio-box.marketing-view input { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .radio-box.marketing-view input + span { position: relative; z-index: 1; display: block; text-align: center; padding-top: 132px; font-size: 14px; line-height: 20px; font-weight: 600; color: #333; width: 100%; padding-bottom: 15px; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .radio-box.marketing-view input:checked ~ span { color: white !important; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .radio-box.marketing-view input:checked ~ span:before { opacity: 1 !important; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .radio-box.marketing-view input:checked ~ .background { background: #1ba2fc !important; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .radio-box.marketing-view .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 0; border-radius: 3px; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .radio-box.marketing-view:hover .background { background: rgba(40, 164, 249, 0.1); } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .radio-box.marketing-view .radio-label { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -moz-user-drag: none; user-drag: none; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .radio-box.marketing-view .radio-label:before { content: ' '; position: absolute; top: 5px; left: 50%; width: 130px; height: 130px; margin-left: -65px; background: url("https://assets-edge.slickpic.com/img/ico-marketing-styles-02.png") no-repeat 0 0; display: block; transform: scale(0.8); opacity: 0.8; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .radio-box.marketing-view.view-center .radio-label:before { background-position: 0 0; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .radio-box.marketing-view.view-center input:checked { outline: none; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .radio-box.marketing-view.view-center input:checked ~ .radio-label:before { background-position: 0 -300px; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .radio-box.marketing-view.view-center-top .radio-label:before { background-position: -148px 0; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .radio-box.marketing-view.view-center-top input:checked { outline: none; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .radio-box.marketing-view.view-center-top input:checked ~ .radio-label:before { background-position: -148px -300px; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .radio-box.marketing-view.view-center-bottom .radio-label:before { background-position: -298px 0; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .radio-box.marketing-view.view-center-bottom input:checked ~ .radio-label:before { background-position: -298px -300px; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .radio-box.marketing-view.view-center-right .radio-label:before { background-position: -602px 0; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .radio-box.marketing-view.view-center-right input:checked { outline: none; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .radio-box.marketing-view.view-center-right input:checked ~ .radio-label:before { background-position: -602px -300px; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .radio-box.marketing-view.view-bottom-right .radio-label:before { background-position: -450px 0; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .radio-box.marketing-view.view-bottom-right input:checked ~ .radio-label:before { background-position: -450px -300px; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .checkbox { -webkit-user-select: none; user-select: none; cursor: pointer; padding: 0; margin: 0; border-radius: 3px; overflow: visible; transition: all 333ms cubic-bezier(0.4, 0, 0.22, 1); display: inline-block; width: auto; text-align: left; margin-left: 0 !important; margin-right: 20px; margin-bottom: 0; vertical-align: middle; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .checkbox.error span.check-icon { border-color: #29a4f9; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .checkbox.error span.check-text { color: #29a4f9; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .checkbox span { float: left; vertical-align: middle; transform: translate3d(0, 0, 0); } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .checkbox span.check-icon { margin-top: 3px; position: relative; width: 18px; height: 18px; border-radius: 3px; transform: scale(1); border: 1px solid #cccfdb; transition: all 333ms cubic-bezier(0.4, 0, 0.22, 1); box-shadow: 0 1px 1px rgba(0, 16, 75, 0.04); } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .checkbox span.check-icon svg { position: absolute; top: 3px; left: 2px; fill: none; stroke: #fff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 16px; stroke-dashoffset: 16px; transition: all 333ms cubic-bezier(0.4, 0, 0.22, 1); transition-delay: 0.1s; transform: translate3d(0, 0, 0); } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .checkbox span.check-text { padding-left: 8px; line-height: 24px; font-weight: 600; font-size: 14px; display: block; float: none; margin-left: 20px; color: #333 !important; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .checkbox span.check-text.normal { font-weight: 400; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .checkbox span.check-text > i { display: block; font-weight: normal; font-style: normal; font-size: 13px; line-height: 18px; color: #888; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .checkbox span.check-text > b { display: block; font-weight: 600; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .checkbox span.check-text a { text-decoration: underline; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .checkbox span.check-text a:hover { text-decoration: none; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .checkbox:hover .check-icon { border-color: #777; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .checkbox .check-input { position: absolute; visibility: hidden; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .checkbox .check-input:checked + .check-icon { background: #29a4f9; border-color: #29a4f9 !important; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .checkbox .check-input:checked + .check-icon svg { stroke-dashoffset: 0; } .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line .checkbox .check-input:checked ~ .check-text { color: #333 !important; } .container-marketingmodal .marketingmodal-layout .layout-content .box .columns { display: flex; } .container-marketingmodal .marketingmodal-layout .layout-content .box .columns .form-line { position: relative; width: 50%; flex-basis: 50%; flex-grow: 0; flex-shrink: 0; border-top: 0 !important; } .container-marketingmodal .marketingmodal-layout .layout-content .box .columns .form-line + .form-line { border-left: 1px solid #f2f2f2; } .container-marketingmodal .marketingmodal-layout .layout-content .box .box-sides { display: flex; position: relative; width: 100%; } .container-marketingmodal .marketingmodal-layout .layout-content .box .box-sides .sides-left { width: 200px; flex-grow: 0; flex-shrink: 0; overflow: visible; border-right: 1px solid #E4E8EB; } .container-marketingmodal .marketingmodal-layout .layout-content .box .box-sides .sides-right { width: 100%; flex-grow: 1; margin-left: 0; } .container-marketingmodal .marketingmodal-layout .layout-content .box .product-name { padding-bottom: 12px; padding-bottom: 0; } .container-marketingmodal .marketingmodal-layout .layout-content .box .product-line .product-details .form-line { padding-top: 0; } .container-marketingmodal .marketingmodal-layout .layout-content .box .product-line .line-label .product { color: #29a4f9; font-weight: 500; } .container-marketingmodal .marketingmodal-layout .layout-content .box .product-line .columns + .form-line, .container-marketingmodal .marketingmodal-layout .layout-content .box .product-line .form-line + .form-line, .container-marketingmodal .marketingmodal-layout .layout-content .box .product-line .columns + .columns, .container-marketingmodal .marketingmodal-layout .layout-content .box .product-line .form-line + .columns { border-top: 0; border-left: 0; } .container-marketingmodal .marketingmodal-layout .layout-content .box .product-line + .product-line, .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line + .product-line, .container-marketingmodal .marketingmodal-layout .layout-content .box .columns + .product-line, .container-marketingmodal .marketingmodal-layout .layout-content .box .product-line + .columns, .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line + .columns, .container-marketingmodal .marketingmodal-layout .layout-content .box .columns + .columns, .container-marketingmodal .marketingmodal-layout .layout-content .box .product-line + .form-line, .container-marketingmodal .marketingmodal-layout .layout-content .box .form-line + .form-line, .container-marketingmodal .marketingmodal-layout .layout-content .box .columns + .form-line { border-top: 1px solid #E4E8EB; } .container-marketingmodal .marketingmodal-layout .layout-content .box .listing-product { display: block; padding: 20px 0; margin: 0; width: auto; } .container-marketingmodal .marketingmodal-layout .layout-content .box .listing-product + .listing-product { border-top: 1px solid #ebeced; } .container-marketingmodal .marketingmodal-layout .layout-content .box .listing-product .product-container { display: flex; flex-direction: row; align-items: center; justify-content: left; } .container-marketingmodal .marketingmodal-layout .layout-content .box .listing-product .product-container + .product-container { margin-top: 10px; padding-top: 10px; } .container-marketingmodal .marketingmodal-layout .layout-content .box .listing-product .product-container .product-image { text-align: center; width: 78px; padding-right: 16px; flex-basis: 78px; flex-grow: 0; flex-shrink: 0; } .container-marketingmodal .marketingmodal-layout .layout-content .box .listing-product .product-container .product-image img { max-width: 64px; max-height: 192px; border-radius: 2px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); } .container-tabs { display: block; position: relative; width: 100%; height: auto; padding-top: 4px; background: #f7f9fa; min-height: 100vh; padding-left: 0; padding-right: 0; font-family: "SlickPro", "SlickSanFrancisco", "SF Pro Text", "Myriad Set Pro", "San Francisco", "SlickFont", "Helvetica Neue", "Segoe UI", "Roboto", "Helvetica", "Hiragino Kaku Gothic Pro", "Meiryo", Arial, sans-serif !important; font-family: 'AwFont', "SlickPro", "SlickSanFrancisco", "SF Pro Text", "Myriad Set Pro", "San Francisco", "SlickFont", "Lato", "Helvetica Neue", "Segoe UI", "Roboto", "Helvetica", "Hiragino Kaku Gothic Pro", "Meiryo", Arial, sans-serif !important; } .container-tabs .tabs-header { display: flex; min-width: 728px; width: auto; max-width: 1080px; margin: 0 auto 20px; } .container-tabs .tabs-header h1 { font-size: 18px; font-weight: 600; line-height: 1.5; } .container-tabs .tabs-header h1 .beta { background: #29a4f9; color: white; display: inline-block; font-size: 10px; padding: 1px 6px; border-radius: 28px; font-weight: 700; text-transform: uppercase; vertical-align: top; } .container-tabs .notification-bar { display: flex; min-width: 728px; width: auto; max-width: 1080px; margin: 4px auto 4px; padding-bottom: 0px; } .container-tabs .notification-bar .fullwidth { width: 100%; margin: 10px 0 16px; background: rgba(40, 164, 248, 0.1); border-color: rgba(40, 164, 248, 0.3); border-radius: 3px; padding: 15px 20px; border-style: solid; border-width: 1px; font-size: 14px; line-height: 20px; } .container-tabs .notification-bar .fullwidth a { color: #29a4f9; text-decoration: underline; } .container-tabs .tabs-layout { display: flex; min-width: 728px; width: auto; max-width: 1080px; margin: 20px auto 0; padding-bottom: 100px; } .container-tabs .tabs-layout.placeholder { background: white; text-align: center; padding: 35px; width: 100%; border-radius: 3px; overflow: hidden; border: 1px solid #e4e8eb; font-size: 16px !important; line-height: 30px !important; color: #333 !important; display: block !important; } .container-tabs .tabs-layout.placeholder b { font-size: 18px; font-weight: 600; line-height: 36px; } .container-tabs .tabs-layout .container-website-snapshots, .container-tabs .tabs-layout .container-website-customize, .container-tabs .tabs-layout .container-website-subscribe { font-family: 'AwFont', "SlickPro", "SlickSanFrancisco", "SF Pro Text", "Myriad Set Pro", "San Francisco", "SlickFont", "Lato", "Helvetica Neue", "Segoe UI", "Roboto", "Helvetica", "Hiragino Kaku Gothic Pro", "Meiryo", Arial, sans-serif; } .container-tabs .tabs-layout .container { margin-top: 0; max-width: 100%; width: 100%; } .container-tabs .tabs-layout .message-error { color: #e53935; margin: 10px 0; width: 100%; } .container-tabs .tabs-layout .button-action { width: auto; background: #1ba2fc; border: 1px solid #1ba2fc; display: inline-block; height: 36px; font-size: 14px; color: #fff; line-height: 20px; padding: 7px 24px; font-weight: 700; text-decoration: none; vertical-align: top; transition: 333ms cubic-bezier(0.4, 0, 0.22, 1); white-space: nowrap; border-radius: 100px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -moz-user-drag: none; user-drag: none; } .container-tabs .tabs-layout .button-subaction { background: #fff !important; border: 1px solid #b6b6b6; display: inline-block; height: 36px; font-size: 14px; color: #333; line-height: 20px; padding: 7px 24px; font-weight: 600; border-radius: 3px; text-decoration: none; vertical-align: top; transition: 333ms cubic-bezier(0.4, 0, 0.22, 1); box-shadow: none; white-space: nowrap; border-radius: 100px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -moz-user-drag: none; user-drag: none; } .container-tabs .tabs-layout .button-subaction.disabled { pointer-events: none; opacity: 0.5; } .container-tabs .tabs-layout .button-subaction a { color: #333 !important; } .container-tabs .tabs-layout .button-subaction.righted { float: right; } .container-tabs .tabs-layout .button-subaction.lefted { float: left; } .container-tabs .tabs-layout .layout-navigation { width: 220px; flex-grow: 0; flex-shrink: 0; border-radius: 3px; overflow: hidden; } .container-tabs .tabs-layout .layout-navigation .navigation-list { background: white; width: 100%; border-radius: 3px; overflow: hidden; border: 1px solid #e4e8eb; list-style: none; } .container-tabs .tabs-layout .layout-navigation .navigation-list li { display: block; list-style: none; } .container-tabs .tabs-layout .layout-navigation .navigation-list li.active a, .container-tabs .tabs-layout .layout-navigation .navigation-list li.active a:hover { background: #29a4f9; color: #fff; } .container-tabs .tabs-layout .layout-navigation .navigation-list li a { position: relative; font-size: 14px; display: block; line-height: 20px; padding: 12px 20px 12px 20px; color: #333; text-decoration: none; font-weight: 400; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -moz-user-drag: none; user-drag: none; } .container-tabs .tabs-layout .layout-navigation .navigation-list li a:hover { background: rgba(41, 164, 249, 0.1); } .container-tabs .tabs-layout .layout-navigation .navigation-list li a:before { position: absolute; top: 50%; left: 20px; margin-top: -12px; background: url("https://assets-edge.slickpic.com/img/ico-commerce-07.png") no-repeat 0 0; background-size: 180px 360px; width: 24px; height: 24px; content: ' '; display: none !important; } .container-tabs .tabs-layout .layout-navigation .navigation-list li a.ico-store:before { background-position: 0 0; } .container-tabs .tabs-layout .layout-navigation .navigation-list li a.ico-store.active:before { background-position: -80px 0; } .container-tabs .tabs-layout .layout-navigation .navigation-list li a.ico-store:not(.active):hover:before { background-position: -40px 0; } .container-tabs .tabs-layout .layout-navigation .navigation-list li a.ico-pricing:before { background-position: 0 -46px; } .container-tabs .tabs-layout .layout-navigation .navigation-list li a.ico-pricing.active:before { background-position: -80px -46px; } .container-tabs .tabs-layout .layout-navigation .navigation-list li a.ico-pricing:not(.active):hover:before { background-position: -40px -46px; } .container-tabs .tabs-layout .layout-navigation .navigation-list li a.ico-shipping:before { background-position: 0 -90px; } .container-tabs .tabs-layout .layout-navigation .navigation-list li a.ico-shipping.active:before { background-position: -80px -90px; } .container-tabs .tabs-layout .layout-navigation .navigation-list li a.ico-shipping:not(.active):hover:before { background-position: -40px -90px; } .container-tabs .tabs-layout .layout-navigation .navigation-list li a.ico-payment:before { background-position: 0 -134px; } .container-tabs .tabs-layout .layout-navigation .navigation-list li a.ico-payment.active:before { background-position: -80px -134px; } .container-tabs .tabs-layout .layout-navigation .navigation-list li a.ico-payment:not(.active):hover:before { background-position: -40px -134px; } .container-tabs .tabs-layout .layout-navigation .navigation-list li a.ico-orders:before { background-position: 0 -178px; } .container-tabs .tabs-layout .layout-navigation .navigation-list li a.ico-orders.active:before { background-position: -80px -178px; } .container-tabs .tabs-layout .layout-navigation .navigation-list li a.ico-orders:not(.active):hover:before { background-position: -40px -178px; } .container-tabs .tabs-layout .layout-navigation .navigation-list li a.ico-term:before { background-position: 0 -260px; } .container-tabs .tabs-layout .layout-navigation .navigation-list li a.ico-term.active:before { background-position: -80px -260px; } .container-tabs .tabs-layout .layout-navigation .navigation-list li a.ico-term:not(.active):hover:before { background-position: -40px -260px; } .container-tabs .tabs-layout .layout-navigation .navigation-list li a.ico-help:before { background-position: 0 -220px; } .container-tabs .tabs-layout .layout-navigation .navigation-list li a.ico-help.active:before { background-position: -80px -220px; } .container-tabs .tabs-layout .layout-navigation .navigation-list li a.ico-help:not(.active):hover:before { background-position: -40px -220px; } .container-tabs .tabs-layout .layout-navigation .navigation-list li a.ico-product:before { background-position: 0 -300px; } .container-tabs .tabs-layout .layout-navigation .navigation-list li a.ico-product.active:before { background-position: -80px -300px; } .container-tabs .tabs-layout .layout-navigation .navigation-list li a.ico-product:not(.active):hover:before { background-position: -40px -300px; } .container-tabs .tabs-layout .layout-navigation .navigation-list li a.ico-discount:before { background-position: -109px -89px; } .container-tabs .tabs-layout .layout-navigation .navigation-list li a.ico-discount.active:before { background-position: -148px -89px; } .container-tabs .tabs-layout .layout-navigation .navigation-list li a.ico-discount:not(.active):hover:before { background-position: -129px -89px; } .container-tabs .tabs-layout .layout-content { width: 100%; flex-grow: 1; margin-left: 30px; } .container-tabs .tabs-layout .layout-content .layout-content { margin-left: 0; } .container-tabs .tabs-layout .layout-content .box { background: white; width: 100%; border-radius: 3px; overflow: hidden; border: 1px solid #e4e8eb; margin-bottom: 30px; } .container-tabs .tabs-layout .layout-content .box .box-header { height: 44px; padding: 12px 20px; background: #fcfcfc; line-height: 20px; font-size: 14px; border-bottom: 1px solid #e4e8eb; position: relative; } .container-tabs .tabs-layout .layout-content .box .box-header .header-title { font-weight: 700; display: inline-block; max-width: 70%; } .container-tabs .tabs-layout .layout-content .box .box-header .header-title .title-back { display: inline-block; width: 46px; margin-left: -10px; text-align: left; border-right: 1px solid #eee; height: 44px; margin-top: -12px !important; float: left; line-height: 44px; color: #777; margin-right: 20px; padding-left: 12px; } .container-tabs .tabs-layout .layout-content .box .box-header .header-title .title-back:hover { color: #1ba2fc; } .container-tabs .tabs-layout .layout-content .box .box-header .header-actions { position: absolute; top: 0; right: 0; height: 100%; display: flex; align-content: center; justify-content: center; padding: 7px 20px; } .container-tabs .tabs-layout .layout-content .box .box-header .header-actions .notification-message { padding-top: 6px; font-weight: 600; } .container-tabs .tabs-layout .layout-content .box .box-header .header-actions .button-subaction { height: 30px; line-height: 20px; padding: 4px 15px; font-size: 12px; border-color: #ddd; } .container-tabs .tabs-layout .layout-content .box .box-content { width: 100%; position: relative; font-size: 14px; line-height: 20px; } .container-tabs .tabs-layout .layout-content .box .content-empty { padding: 20px 30px; text-align: center; font-size: 16px; line-height: 24px; color: #999; } .container-tabs .tabs-layout .layout-content .box .form-line { padding: 20px 20px 20px; position: relative; color: #111; } .container-tabs .tabs-layout .layout-content .box .form-line.line-top { border-bottom: 1px solid #eee; } .container-tabs .tabs-layout .layout-content .box .form-line.line-add { border-top: 1px solid #eee; } .container-tabs .tabs-layout .layout-content .box .form-line .line-label { display: block; width: 100%; min-height: 20px; line-height: 20px; padding: 0 0 5px; font-weight: 400; } .container-tabs .tabs-layout .layout-content .box .form-line .line-label p, .container-tabs .tabs-layout .layout-content .box .form-line .line-label.normal { font-weight: 400; } .container-tabs .tabs-layout .layout-content .box .form-line .line-label.separate { margin-top: 4px; font-style: normal; color: #777; } .container-tabs .tabs-layout .layout-content .box .form-line .line-label > p { margin-bottom: 6px !important; } .container-tabs .tabs-layout .layout-content .box .form-line .line-label .required { color: #D35046; font-weight: 400; } .container-tabs .tabs-layout .layout-content .box .form-line .line-label .label { display: block; color: #111; font-size: 16px; font-weight: 600; line-height: 20px; text-align: left; white-space: normal; padding: 0; border-radius: 0; vertical-align: middle; } .container-tabs .tabs-layout .layout-content .box .form-line .line-label .label.smaller { font-size: 14px; } .container-tabs .tabs-layout .layout-content .box .form-line .line-label p { margin-top: 4px; font-size: 13px; line-height: 18px; color: #888; font-weight: 400; display: block; vertical-align: top; margin-bottom: 0; padding-bottom: 0; } .container-tabs .tabs-layout .layout-content .box .form-line .line-label p.bold { font-weight: 600; } .container-tabs .tabs-layout .layout-content .box .form-line .line-control input[type=text], .container-tabs .tabs-layout .layout-content .box .form-line .line-control input[type=number], .container-tabs .tabs-layout .layout-content .box .form-line .line-control input[type=password], .container-tabs .tabs-layout .layout-content .box .form-line .line-control input[type=email], .container-tabs .tabs-layout .layout-content .box .form-line .line-control select, .container-tabs .tabs-layout .layout-content .box .form-line .line-control textarea { height: 40px; background: #fff; border: 1px solid #dee3ea; font-size: 14px; line-height: 20px; padding: 10px 15px; box-shadow: 0 1px 0 #f8f8f8; width: 100%; -webkit-transition: all 111ms cubic-bezier(0.4, 0, 0.22, 1); -moz-transition: all 111ms cubic-bezier(0.4, 0, 0.22, 1); transition: all 111ms cubic-bezier(0.4, 0, 0.22, 1); -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 1px; outline: 1px solid rgba(148, 192, 232, 0.001); resize: vertical; } .container-tabs .tabs-layout .layout-content .box .form-line .line-control input[type=text]:focus, .container-tabs .tabs-layout .layout-content .box .form-line .line-control input[type=number]:focus, .container-tabs .tabs-layout .layout-content .box .form-line .line-control input[type=password]:focus, .container-tabs .tabs-layout .layout-content .box .form-line .line-control input[type=email]:focus, .container-tabs .tabs-layout .layout-content .box .form-line .line-control select:focus, .container-tabs .tabs-layout .layout-content .box .form-line .line-control textarea:focus { box-shadow: 0 2px 0 transparent; border-color: rgba(148, 192, 232, 0.85); } .container-tabs .tabs-layout .layout-content .box .form-line .line-control select { background: url(https://assets-edge.slickpic.com/img/lp/ico-selectbox-arrow-gray.png) center right / 40px no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; } .container-tabs .tabs-layout .layout-content .box .form-line .line-control textarea { min-height: 60px; height: 90px; max-height: 400px; } .container-tabs .tabs-layout .layout-content .box .form-line .line-control .input-icon { position: relative; } .container-tabs .tabs-layout .layout-content .box .form-line .line-control .input-icon .ico { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; position: absolute; top: 1px; left: 1px; width: 38px; height: 38px; border: 0; border-right: 1px solid #dee3ea; background: #fcfcfc; text-align: center; font-size: 14px; line-height: 38px; color: #999; font-weight: 600; } .container-tabs .tabs-layout .layout-content .box .form-line .line-control .input-icon .ico + input { padding-left: 52px; } .container-tabs .tabs-layout .layout-content .box .form-line .line-control .item-delete { color: #777; position: absolute; top: 21px; font-size: 12px; right: 20px; line-height: 20px; } .container-tabs .tabs-layout .layout-content .box .form-line .line-control .item-delete:hover { color: #c00; } .container-tabs .tabs-layout .layout-content .box .form-line .line-control .item-delete.delete-product, .container-tabs .tabs-layout .layout-content .box .form-line .line-control .item-delete.delete-group { top: -30px; } .container-tabs .tabs-layout .layout-content .box .form-line .line-control .item-delete.disabled { pointer-events: none; opacity: 0.5; } .container-tabs .tabs-layout .layout-content .box .form-line .line-control.control-image-select { padding-bottom: 12px; } .container-tabs .tabs-layout .layout-content .box .form-line .line-control.control-image { display: flex; align-items: center; justify-content: center; width: 69%; padding-bottom: 12px; } .container-tabs .tabs-layout .layout-content .box .form-line .line-control.control-image img { max-width: 96px; max-height: 256px; flex-grow: 0; align-items: center; } .container-tabs .tabs-layout .layout-content .box .form-line .line-control.control-image .image-description { align-items: center; justify-content: center; flex-grow: 0; padding-left: 20px; width: 220px; text-overflow: ellipsis; overflow: visible; word-break: break-word; } .container-tabs .tabs-layout .layout-content .box .form-line .terms:before, .container-tabs .tabs-layout .layout-content .box .form-line .terms:after { content: " "; display: table; } .container-tabs .tabs-layout .layout-content .box .form-line .terms:after { clear: both; } .container-tabs .tabs-layout .layout-content .box .form-line .terms .label-checkbox input[type=checkbox] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .container-tabs .tabs-layout .layout-content .box .form-line .terms .label-checkbox input[type=checkbox] + span { margin-left: 40px; display: block; font-size: 14px; line-height: 20px; position: relative; font-weight: 400; } .container-tabs .tabs-layout .layout-content .box .form-line .terms .label-checkbox input[type=checkbox] + span:before { position: absolute; top: 50%; left: -40px; content: ' '; border: 1px solid #bbb; width: 24px; height: 24px; float: left; background: white; display: inline-block; border-radius: 2px; -webkit-appearance: none; -moz-appearance: none; outline: none !important; margin-top: -14px; } .container-tabs .tabs-layout .layout-content .box .form-line .terms .label-checkbox input[type=checkbox]:hover span:before { border-color: #999; } .container-tabs .tabs-layout .layout-content .box .form-line .terms .label-checkbox input[type=checkbox]:checked + span:before { background: white url(https://assets-edge.slickpic.com/img/lp/ico-checkbox-blue.png) no-repeat center center; background-size: 16px; } .container-tabs .tabs-layout .layout-content .box .form-line .terms .switcher { float: right; display: inline-block; position: relative; width: 30px; height: 18px; vertical-align: top; transition: all 333ms ease-in-out; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .container-tabs .tabs-layout .layout-content .box .form-line .terms .switcher input[type=checkbox] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .container-tabs .tabs-layout .layout-content .box .form-line .terms .switcher input[type=checkbox] + span:before { position: absolute; top: 2px; left: 0; width: 30px; height: 14px; background: #dcdde0; transition: all 444ms ease-in-out; border-radius: 100px; content: ' '; } .container-tabs .tabs-layout .layout-content .box .form-line .terms .switcher input[type=checkbox] + span:after { width: 18px; height: 18px; position: absolute; border-radius: 100%; background: white; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.65); top: 0; left: -2px; transition: all 333ms ease-in-out; content: ' '; } .container-tabs .tabs-layout .layout-content .box .form-line .terms .switcher input[type=checkbox]:hover + span:before { background: #c8d7e3; transition: all 444ms ease-in-out; } .container-tabs .tabs-layout .layout-content .box .form-line .terms .switcher input[type=checkbox]:checked + span:before { background: #1ba2fc; transition: all 444ms ease-in-out; } .container-tabs .tabs-layout .layout-content .box .form-line .terms .switcher input[type=checkbox]:checked + span:after { left: calc(100% - 14px); transition: all 333ms ease-in-out; } .container-tabs .tabs-layout .layout-content .box .form-line .terms .switcher input[type=checkbox]:checked:hover + span:before { background: #1891e2; transition: all 444ms ease-in-out; } .container-tabs .tabs-layout .layout-content .box .form-line .switcher { display: inline-block; width: 30px; height: 18px; vertical-align: top; transition: all 333ms ease-in-out; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; position: absolute; top: 21px; right: 24px; } .container-tabs .tabs-layout .layout-content .box .form-line .switcher input[type=checkbox] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .container-tabs .tabs-layout .layout-content .box .form-line .switcher input[type=checkbox] + span:before { position: absolute; top: 2px; left: 0; width: 30px; height: 14px; background: #dcdde0; transition: all 444ms ease-in-out; border-radius: 100px; content: ' '; } .container-tabs .tabs-layout .layout-content .box .form-line .switcher input[type=checkbox] + span:after { width: 18px; height: 18px; position: absolute; border-radius: 100%; background: white; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.65); top: 0; left: -2px; transition: all 333ms ease-in-out; content: ' '; } .container-tabs .tabs-layout .layout-content .box .form-line .switcher input[type=checkbox]:hover + span:before { background: #c8d7e3; transition: all 444ms ease-in-out; } .container-tabs .tabs-layout .layout-content .box .form-line .switcher input[type=checkbox]:checked + span:before { background: #1ba2fc; transition: all 444ms ease-in-out; } .container-tabs .tabs-layout .layout-content .box .form-line .switcher input[type=checkbox]:checked + span:after { left: calc(100% - 14px); transition: all 333ms ease-in-out; } .container-tabs .tabs-layout .layout-content .box .form-line .switcher input[type=checkbox]:checked:hover + span:before { background: #1891e2; transition: all 444ms ease-in-out; } .container-tabs .tabs-layout .layout-content .box .form-line.line-image { display: flex; align-items: center; justify-content: left; flex-wrap: wrap; } .container-tabs .tabs-layout .layout-content .box .form-line.line-divided { padding-top: 20px !important; border-top: 1px solid #eee !important; } .container-tabs .tabs-layout .layout-content .box .columns { display: flex; } .container-tabs .tabs-layout .layout-content .box .columns .form-line { position: relative; width: 50%; flex-basis: 50%; flex-grow: 0; flex-shrink: 0; border-top: 0 !important; } .container-tabs .tabs-layout .layout-content .box .columns .form-line + .form-line { border-left: 1px solid #f2f2f2; } .container-tabs .tabs-layout .layout-content .box .columns .line-error { color: red; margin-top: 4px; } .container-tabs .tabs-layout .layout-content .box .columns.columns-03 .form-line, .container-tabs .tabs-layout .layout-content .box .columns.columns-3 .form-line { width: 33.333%; flex-basis: 33.333%; } .container-tabs .tabs-layout .layout-content .box .columns.line-redirects { border-top: 1px solid #eee; } .container-tabs .tabs-layout .layout-content .box .columns.line-redirects .form-line .line-control { margin-top: 8px !important; } .container-tabs .tabs-layout .layout-content .box .columns.line-redirects .form-line .line-label .label { display: inline-block; max-width: 60%; } .container-tabs .tabs-layout .layout-content .box .columns.line-redirects .form-line .line-label .side { float: right; line-height: 20px; font-size: 14px; } .container-tabs .tabs-layout .layout-content .box .columns.line-redirects .form-line.redirect-table { position: relative; } .container-tabs .tabs-layout .layout-content .box .columns.line-redirects .form-line.redirect-table input[type=radio] { width: 16px; height: 20px; vertical-align: middle; margin-right: 0; } .container-tabs .tabs-layout .layout-content .box .columns.line-redirects .form-line.redirect-table label { display: inline-block; min-height: 20px; line-height: 20px; padding: 3px 0 2px 10px; vertical-align: top; font-weight: 600; margin-right: 24px; } .container-tabs .tabs-layout .layout-content .box .columns.line-redirects .form-line.redirect-table #radio-url:checked ~ .type-url { display: block; } .container-tabs .tabs-layout .layout-content .box .columns.line-redirects .form-line.redirect-table #radio-page:checked ~ .type-page { display: block; } .container-tabs .tabs-layout .layout-content .box .box-sides { display: flex; position: relative; width: 100%; } .container-tabs .tabs-layout .layout-content .box .box-sides .sides-left { width: 200px; flex-grow: 0; flex-shrink: 0; overflow: visible; border-right: 1px solid #E4E8EB; } .container-tabs .tabs-layout .layout-content .box .box-sides .sides-right { width: 100%; flex-grow: 1; margin-left: 0; } .container-tabs .tabs-layout .layout-content .box .listing { max-height: 90vh; min-height: 100%; overflow: auto; overflow-x: hidden; } .container-tabs .tabs-layout .layout-content .box .listing li.active a, .container-tabs .tabs-layout .layout-content .box .listing li.active a:hover { background: #29a4f9; color: #fff; } .container-tabs .tabs-layout .layout-content .box .listing li.active a .item-unsaved { color: rgba(255, 255, 255, 0.75); } .container-tabs .tabs-layout .layout-content .box .listing li a { font-size: 14px; display: block; line-height: 20px; padding: 12px 20px 12px 20px; color: #333; text-decoration: none; font-weight: 400; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -moz-user-drag: none; user-drag: none; } .container-tabs .tabs-layout .layout-content .box .listing li a:hover { background: rgba(41, 164, 249, 0.1); } .container-tabs .tabs-layout .layout-content .box .listing li a > b { display: block; } .container-tabs .tabs-layout .layout-content .box .listing li a .item-unsaved { display: block; color: #e53935; } .container-tabs .tabs-layout .layout-content .box .product-line + .product-line, .container-tabs .tabs-layout .layout-content .box .form-line + .product-line, .container-tabs .tabs-layout .layout-content .box .columns + .product-line, .container-tabs .tabs-layout .layout-content .box .product-line + .columns, .container-tabs .tabs-layout .layout-content .box .form-line + .columns, .container-tabs .tabs-layout .layout-content .box .columns + .columns, .container-tabs .tabs-layout .layout-content .box .product-line + .form-line, .container-tabs .tabs-layout .layout-content .box .form-line + .form-line, .container-tabs .tabs-layout .layout-content .box .columns + .form-line { border-top: 1px solid #E4E8EB; }