/*Vars*/
:root {
--white: #fff;
--grayBlue: #828a99;
--grayBlue2: #464a52;
--grayBlue3: #343840;
--grayBg: #f0f1f5;
--grayBg2: #cbd1d7;
--bgGray: #1d2126;
--grayBorder: #828a9959;
--black: #000000;
--quoteText: #000000ed;
--brad: 6px;
--mainRadius: 20px;
--popBg: #1d1f26; /*#2c2d31;*/
--light: #000000b3;
--followGradient: linear-gradient(to right, #42c2f7 0%, #3872d7 100%);
--headerGradient: linear-gradient(200deg, rgb(171 115 206) 0%, rgba(115, 153, 206, 1) 100%);
--mainShadow: 0 10px 35px #00000014;
--smallShadow: 5px 0px 20px #00000008;
--popupShadow: 0 5px 30px #0000000c;
--popupSmallShadow: 0 0px 150px #0000000c;
--menuShadow: 0px 10px 20px 2px rgb(0 0 0 / 20%);
--msgShadow: 0px 1px 15px #00000005;
--expShadow: 0px 1px 25px #00000015;
--expShadowPreview: -10px 10px 35px #00000017, inset -1px -30px 20px rgb(0 0 0 / 1%);
--regularFont: 400 14px 'Inter', -apple-system, BlinkMacSystemFont, San Francisco, Helvetica Neue, Helvetica, Roboto, Noto, 'Segoe Ui', Arial, sans-serif;
--mediumFont: 500 15px 'Inter', -apple-system, BlinkMacSystemFont, San Francisco, Helvetica Neue, Helvetica, Roboto, Noto, 'Segoe Ui', Arial, sans-serif;
--boldFont: 600 15px 'Inter', -apple-system, BlinkMacSystemFont, San Francisco, Helvetica Neue, Helvetica, Roboto, Noto, 'Segoe Ui', Arial, sans-serif;
--ls: -0.4px;
}
@font-face {
font-family: 'fontello';
src: url('font/fontello2/font/fontello.eot?43068515');
src: url('font/fontello2/font/fontello.eot?43068515#iefix') format('embedded-opentype'), url('font/fontello2/font/fontello.woff?43068515') format('woff'), url('font/fontello2/font/fontello.ttf?43068515') format('truetype'), url('font/fontello2/font/fontello.svg?43068515#fontello') format('svg');
font-weight: normal;
font-style: normal;
font-display: fallback;
/*swap*/
}
@font-face {
font-family: 'icomoon';
src: url('font/icomoon.eot?1');
src: url('font/icomoon.eot?1') format('embedded-opentype'), url('font/icomoon.woff?1') format('woff'), url('font/icomoon.ttf?1') format('truetype'), url('font/icomoon.svg?1') format('svg');
font-weight: normal;
font-style: normal;
font-display: fallback;
/*swap*/
}
@font-face {
font-family: 'icomoon2';
src: url('font/icomoon2.eot?40');
src: url('font/icomoon2.eot?40') format('embedded-opentype'), url('font/icomoon2.woff?40') format('woff'), url('font/icomoon2.ttf?40') format('truetype'), url('font/icomoon2.svg?40') format('svg');
font-weight: normal;
font-style: normal;
font-display: fallback;
/*swap*/
}
.fullScreenWrapPopup {
display: none;
z-index: 10001;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--popBg);
}
.fullScreenWrapContainerPopup {
position: absolute;
left: 50%;
top: 50%;
transform:
translate(-50%, -50%);
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
}
.underline {
border-bottom: 1px solid #cbcbcb;
}
.commText img.cropIcon {
width: 16px;
height: 16px;
vertical-align: -14%;
display: inline-block;
margin: 0;
border-radius: 0;
}
.authorPageAvatar {
display: block;
width:37px;
height:37px;
background-size: cover;
}
.authorPageAvatarPos {
position: absolute;
left: 196px;
top: 68px;
z-index: 1000;
display: inline-block;
}
.addImgBtn {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 147 148'%3e%3cg stroke='black' stroke-width='10' clip-path='url(%23a)'%3e%3cpath d='M5.623 36.07c0-16.749 13.505-30.326 30.164-30.326h75.41c16.659 0 30.164 13.577 30.164 30.325v75.814c0 16.748-13.505 30.325-30.164 30.325h-75.41c-16.659 0-30.164-13.577-30.164-30.325V36.069Z'/%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M50.87 66.395c8.329 0 15.081-6.789 15.081-15.163S59.2 36.07 50.87 36.07c-8.33 0-15.082 6.789-15.082 15.163S42.54 66.395 50.87 66.395Z'/%3e%3cpath d='m13.164 134.627 21.672-27.235c4.804-6.037 13.404-7.38 19.804-3.091 6.4 4.29 14.999 2.947 19.804-3.091l12.06-15.154c5.277-6.633 14.942-7.614 21.432-2.177l33.425 28.004'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 0h147v148H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 21px;
height: 21px;
margin: 4px;
display: inline-block;
box-sizing: border-box;
cursor: pointer;
}
.addCommImgInput {
display: none;
}
.sidebarWork {
width: 300px;
}
.curators {
font: var(--regularFont);
display: inline-block;
margin-left: 10px;
font-size: 13px;
position: absolute;
right: 52px;
top: 11px;
}
.cur_avatar {
width: 23px;
height: 23px;
background-size: cover;
border-radius: 50%;
display: inline-block;
vertical-align: calc(50% - 1em);
margin: 0 6px 0 15px;
}
.cur_name {
vertical-align: 10%;
}
.create_gal {
text-align: left;
font: var(--regularFont);
font-size: 12px;
padding: 0 0 0 12px;
}
.addgalIcon {
width: 20px;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='147' height='147' fill='none' viewBox='0 0 147 147'%3e%3cg fill='%23000000'%3e%3cpath d='M113.384 61.722c0 4.524-3.827 8.192-8.547 8.192-4.72 0-8.547-3.668-8.547-8.192s3.827-8.192 8.547-8.192c4.72 0 8.547 3.668 8.547 8.192Z'/%3e%3cpath fill-rule='evenodd' d='M110.472 33.886c-6.49-.836-14.784-.836-25.255-.836H61.782c-10.47 0-18.764 0-25.255.836-6.68.861-12.087 2.675-16.351 6.762-4.264 4.087-6.156 9.27-7.054 15.673-.873 6.221-.873 14.171-.873 24.207v.617c0 10.037 0 17.986.873 24.208.898 6.403 2.79 11.585 7.054 15.673 4.264 4.087 9.67 5.901 16.35 6.762 6.492.836 14.785.836 25.256.836h23.433c10.472 0 18.766 0 25.256-.836 6.68-.861 12.087-2.675 16.351-6.762 4.264-4.088 6.156-9.27 7.054-15.673.873-6.222.873-14.171.873-24.208v-.616c0-10.037 0-17.987-.873-24.208-.898-6.403-2.79-11.586-7.054-15.673s-9.671-5.9-16.351-6.762Zm-72.805 8.12c-5.733.738-9.036 2.123-11.447 4.435-2.411 2.31-3.857 5.477-4.627 10.971-.618 4.408-.757 9.916-.788 17.12l2.884-2.418c6.886-5.775 17.263-5.443 23.732.758l24.441 23.427c2.447 2.346 6.3 2.666 9.131.758l1.7-1.144c8.149-5.49 19.174-4.854 26.578 1.533l14.747 12.722c.603-1.617 1.058-3.547 1.389-5.906.788-5.613.797-13.011.797-23.425 0-10.414-.009-17.813-.797-23.425-.771-5.494-2.216-8.66-4.627-10.971-2.411-2.312-5.714-3.697-11.446-4.436-5.856-.754-13.574-.763-24.438-.763H62.104c-10.864 0-18.582.009-24.438.763Z' clip-rule='evenodd'/%3e%3cpath d='M104.654 15.989c-5.267-.677-11.972-.677-20.33-.677H65.4c-8.359 0-15.064 0-20.33.677-5.454.7-10 2.192-13.607 5.637-2.08 1.986-3.48 4.272-4.435 6.85 3.089-1.408 6.58-2.238 10.5-2.746 6.642-.86 15.129-.86 25.843-.86H87.35c10.714 0 19.2 0 25.842.86 3.424.444 6.521 1.133 9.308 2.24-.947-2.373-2.297-4.489-4.24-6.344-3.606-3.445-8.153-4.937-13.606-5.637Z'/%3e%3c/g%3e%3c/svg%3e");
height: 20px;
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
position: relative;
top: 5px;
margin-left: 5px;
}
.galSaver {
font: var(--regularFont);
position: relative;
left: 7px;
margin-bottom: 20px;
margin-top: 5px;
letter-spacing: -0.2px;
}
.addGalLink {
width: calc(100% - 50px);
padding: 9px 12px;
/* white-space: nowrap; */
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
line-height: 1.1;
}
.addGalLinkWork {
width: 100%;
padding: 9px 12px;
/* white-space: nowrap; */
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
line-height: 1.1;
}
.remGalLink {
display: none;
width: 21px;
height: 21px;
border-radius: 50px;
border: 1px solid #2c2d3159;
position: absolute;
top: 5px;
right: 6px;
font-family: icomoon2;
font-size: 10px;
text-align: center;
box-sizing: border-box;
padding: 5px 0px;
color: #222;
background-color: #fff;
text-decoration: none;
margin: 0;
cursor: pointer;
}
.addGalName, .addGalNameWork {
font-weight: 400;
cursor: pointer;
color: var(--black);
text-decoration: none;
font-size: 0.78rem;
background-color: #fff;
border-radius: 15px;
margin: 6px 0;
position: relative;
}
.addGalNameWork {
background-color: #f0f1f5;
}
.addGalNameWork:hover {
background-color: #e5e6e9;
}
.addGalName:hover {
background-color: #e5e6e9;
}
.gals_wrap {
width: 90%;
margin-top: 12px;
position: relative;
left: -12px;
}
.work_gals_wrap {
width: calc(100% + 22px);
margin: 10px 0 10px 0;
}
.gal_wrap {
margin: 40px 20px 70px 20px;
display: flex;
flex-direction: row;
}
.gal_wrap:last-of-type {
margin-bottom: 10px;
}
.gal_imgs {
width: 400px;
height: 200px;
margin: 0 20px 0 0;
border-radius: 10px;
/*background: #00000007;*/
overflow: hidden;
display: grid;
grid-gap: 3px;
grid-template-columns: 37% 63%;
}
.gal_mods {
font-weight: bold;
font-size: 0.84rem;
margin-top: 20px;
}
.gal_mods a {
font-weight: normal;
}
.gal_edits {
margin-top: 20px;
}
.gal_edits span, .gal_edits a, .gal_edits a:hover {
font-weight: normal;
cursor: pointer;
color: var(--black);
text-decoration: none;
font-size: 0.73rem;
background-color: var(--grayBg);
border-radius: 20px;
padding: 5px 14px;
}
.gal_cnt {
display: inline-block;
color: var(--black);
text-decoration: none;
font-size: 0.8rem;
background-color: var(--grayBg);
border-radius: 5px;
padding: 4px 6px;
margin: 0 0 0 7px;
vertical-align: 11%;
}
.gal_name a {
text-decoration: none;
color: var(--black);
font: var(--mediumFont);
letter-spacing: -1.3px;
font-size: 22px;
}
.gal_desc {
color: var(--black);
font-size: 0.84rem;
line-height: 1.1rem;
font-weight: 400;
padding: 5px 0;
min-height: 28px;
text-align: left;
word-wrap: break-word;
}
.gal_img {
background-color: #00000007;
background-size: cover;
background-position: center;
}
.gal_text {
font: var(--regularFont);
width: calc(100% - 210px);
}
.wantcrit {
color: #E00;
font-size: 13px;
font-weight: 700;
position: absolute;
right: 0;
top: -50px;
}
#files_list img {
border-radius: 10px 10px 0 0;
}
.keywordsTextarea {
width: 522px;
height: 100px;
font: var(--mediumFont);
font-size: 15px;
border-radius: 10px;
background-color: #fff;
padding: 10px 14px;
box-shadow: 4px 4px 40px var(--grayBg2);
border: none;
}
.unlockable {
height: 40px;
margin-top: 10px;
position: relative;
z-index: 1;
}
.formDiv input.newInput {
width: 522px;
font: var(--mediumFont);
font-size: 15px;
border-radius: 0 10px 10px 10px;
background-color: #fff;
padding: 10px 14px;
box-shadow: 4px 4px 40px var(--grayBg2);
border: none;
}
.alrReg {
font-size: 22px;
line-height: 28px;
text-align: center;
padding: 10px 50px;
font: var(--regularFont);
}
.withShadow {
box-shadow: 4px 4px 40px rgb(0 0 0 / 10%);
}
.txtWrap {
min-height: 240px;
padding-left: 15px;
width: 549px;
margin-top: 20px;
position: relative;
}
/*.txtWrap::before {
content: '';
position: relative;
right: -7px;
top: -81px;
border: 7px solid transparent;
border-top: 8px solid #ffffff;
}
*/
.statusApproval {
font: var(--boldFont);
font-size: 16px;
text-align: center;
margin: 0px 0 30px 0;
}
.contactWarn {
margin: 10px auto 50px auto;
width: 380px;
font: var(--mediumFont);
text-align: center;
}
.workCheck {
position: absolute;
right: 0px;
top: 6px;
cursor: pointer;
}
.workStatus {
font-size: 12px;
}
.marketStats {
font-size: 11px;
font-weight: 400;
}
.waiting,
.workStatus {
color: #A4A4A4;
font-weight: 500;
}
.approved {
color: #18CB18;
}
.market-approve-btn,
.market-reject-btn {
color: #18CB18;
font: var(--mediumFont);
font-size: 14px;
background-color: #fff;
padding: 2px 0px;
border-radius: var(--brad);
display: inline-block;
}
.market-reject-btn {
color: #DD0707;
background-color: #fff;
margin-left: 5px;
}
.dashed {
display: inline-block;
padding: 7px 12px 0px 17px;
border-radius: 30px;
border: 2px dashed #dedede;
margin-top: 90px;
}
.notapproved {
color: #DD0707;
}
.deletenotapproved {
margin-left: 20px;
font-size: 13px;
font: var(--regularFont);
}
textarea.keywordsTextarea::placeholder {
color: #000;
}
.topAddbutton {
margin: 20px auto;
border: 2px dashed var(--grayBg);
border-radius: 15px;
width: 758px;
padding: 30px;
}
#ph_orig_preview {
border-radius: 8px;
}
.mpUploadLabel {
font: var(--regularFont);
font-size: 13px;
position: relative;
left: -5px;
}
.licenseLabel {
font: var(--boldFont);
font-size: 13px;
padding: 0px 0px 4px 0;
}
.imageWrap {
background-color: #ffffff;
margin-top: 20px;
/*margin-right: 15px;*/
display: inline-table;
border-radius: 10px;
box-shadow: 4px 4px 40px var(--grayBg2);
}
.txtContent h3 {}
#wrapForm .termsHeader {
font-size: 30px;
padding: 0 0 30px 0;
}
.licenseWrap {
padding: 10px 12px 5px 12px;
}
.questionIcon {
font-family: Icomoon2;
font-size: 15px;
color: #000;
cursor: pointer;
position: relative;
top: 1px;
font-weight: 400;
}
/*////// Emojipicker //////////*/
.emoji-picker {
background-color: #303841;
width: 630px;
border-radius: 10px;
height: 277px;
display: flex;
}
.emoji-content {
padding: 8px 6px 8px 0;
}
.emoji-selectables {
background-color: #212427;
width: 45px;
padding: 10px 15px;
display: flex;
flex-direction: column;
align-items: center;
border-radius: 10px 0 0 10px;
}
.emoji-selectables span {
margin-bottom: 7px;
cursor: pointer;
}
.emoji-selectables span.active img {
filter: none;
}
.emoji-selectables span img {
width: 25px;
height: 25px;
display: block;
display: flex;
align-items: center;
filter: grayscale(100%)
}
.emoji-content div {
width: 100%;
flex-wrap: wrap;
justify-content: center;
}
.emoji-content span {
display: block;
padding: 5px;
cursor: pointer;
}
.emoji-content span:hover {
transform: scale(1.1);
background-color: #3f4953;
border-radius: 5px;
}
.picker-emoji-content {
display: none;
}
.picker-emoji-sel.face {
color: aliceblue;
font-size: 10px;
}
.picker-emoji-content.active {
display: flex;
display: flex;
height: 100%;
overflow-y: scroll;
}
.emoji-content span img {
width: 32px;
height: 32px;
margin: 0;
top: 0;
}
.picker-emoji-content::-webkit-scrollbar-thumb {
height: 10px;
background-color: #909090;
border-radius: 4px;
}
.picker-emoji-content::-webkit-scrollbar-track {
background-color: #303841;
}
.picker-emoji-content::-webkit-scrollbar {
width: 4px;
}
/*////// Emojipicker //////////*/
/* reset css */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
/* font-size: 100%; */
margin: 0;
padding: 0;
vertical-align: baseline;
border: 0 none;
outline: -moz-use-text-color none 0;
letter-spacing: var(--ls);
}
body {
font: var(--regularFont);
font-size: 11px;
line-height: 1;
min-width: 1200px;
margin: 0;
/*background-color: #e5e6e9;*/
background-color: #fff;
color: #000;
font-variant: normal;
}
.buttonsTd {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.mintButtonDiv,
.listButtonDiv {
flex: 0 1 calc(50% - 1px);
/* No stretching: */
}
.mintButton,
.listButton,
.cancelButton,
.uploadOriginalButton {
width: 100%;
height: 35px;
border: 0;
font: var(--regularFont);
font-weight: 500;
font-size: 13px;
cursor: pointer;
display: inline-grid;
place-items: center;
background-color: var(--grayBg2);
letter-spacing: -0.3px;
}
.mintButton {
margin-right: 1px;
border-radius: 7px 0 0 0;
}
.listButton,
.cancelButton,
.uploadOriginalButton {
margin-left: 1px;
border-radius: 0 7px 0 0;
}
.mintButton:disabled,
.listButton:disabled {
background-color: var(--grayBg);
}
.priceDiv {
font: var(--boldFont);
font-size: 16px;
color: #fff;
margin: 3px 0 6px 0;
position: relative;
left: -2px;
}
.notMinted {
font-size: 16px;
margin-right: 25px;
margin-bottom: 0;
}
.priceLabel0 {
color: #fff;
font: var(--regularFont);
font-size: 12px;
font-weight: normal;
}
.priceLabel {
color: #000;
margin-left: 7px;
font: var(--boldFont);
font-size: 9px;
line-height: 15px;
display: inline-grid;
padding: 0 1px;
box-sizing: border-box;
width: 14px;
place-items: center;
height: 14px;
background-color: #fff;
border-radius: 2px;
box-sizing: border-box;
top: -1px;
position: relative;
padding-right: 1px;
}
.priceBottomLabel {
color: #fff;
opacity: .65;
font: var(--regularFont);
font-size: 10px;
font-weight: normal;
}
.priceFee {
color: #fff;
opacity: .65;
font: var(--regularFont);
font-size: 10px;
}
.gallLinks {
display: inline-block;
white-space: nowrap;
}
.marketLinks {
display: none;
}
.priceWrap {
position: absolute;
min-width: 120px;
left: 0px;
background: #00000052;
padding: 11px 19px 12px 15px;
border-radius: 0 7px 7px 0;
backdrop-filter: blur(5px);
top: -35px;
font-weight: normal;
}
.buyPhotoBlockWorkPage {
width: 100%;
background-color: #ffffff;
border-radius: 10px;
box-shadow: var(--mainShadow);
padding: 10px 28px;
margin: 12px 0 0 12px;
z-index: 10;
text-align: left;
box-sizing: border-box;
}
.buyPhotoBlockWorkPage div {
letter-spacing: -0.5px;
}
.buyPhotoBlockWorkPage .buyPhotoLine,
.buyPhotoBlockWorkPage .buyPhotoValue {
color: #000;
}
.buyPhotoBlockWorkPage .buyPhotoButtonBuy {
box-shadow: 0 4px 20px #0000002e;
}
.buyPhotoBlockWorkPage .buyPhotoButtonAdd {
border: 2px solid #0000003d;
color: #000;
}
.buyPhotoBlockWorkPage .buyPhotoLabel {
color: var(--grayBlue);
font: var(--regularFont);
font-size: 12px;
}
.buyPhotoBlockWorkPage .buyPhotoCol {
width: 115px;
}
.buyPhotoBlock {
width: 200px;
background-color: var(--grayBlue3);
border-radius: 15px;
box-shadow: 0px 4px 45px rgba(0, 0, 0, 0.6);
padding: 10px 28px;
position: absolute;
right: 20px;
z-index: 10;
top: 50%;
transform: translateY(-50%);
display: none;
}
.buyPhotoLine {
font: var(--mediumFont);
font-size: 16px;
color: #fff;
margin: 20px 0;
}
.buyPhotoHeader {
margin-bottom: 25px;
margin-top: 12px;
}
.buyPhotoLabel {
font: var(--mediumFont);
font-size: 11px;
opacity: .6;
margin: 1px 0 2px 0;
}
.buyPhotoTokenId {
font: var(--boldFont);
font-size: 11px;
line-height: 15px;
color: #7e7e7e;
margin: 1px 0 2px 0;
}
.buyPhotoValue {
font: var(--mediumFont);
font-size: 14px;
color: #fff;
}
.buyPhotoValueBig {
font-size: 19px;
position: relative;
top: -2px;
}
.buyPhotoCol {
display: inline-block;
width: 95px;
}
.buyPhotoEthlogo {
height: 21px;
margin-right: 3px;
position: relative;
top: 4px;
}
.buyPhotoIcon {
font-size: 16px;
font-family: Icomoon2;
margin-left: 10px;
}
.buyPhotoButtonBuy,
.buyPhotoButtonAdd,
.bulkBuyButton {
width: 100%;
height: 42px;
border: 0;
border-radius: 7px;
background-color: #000;
color: #fff;
font: var(--mediumFont);
font-size: 15px;
box-shadow: 0 4px 20px #0000006b;
text-align: center;
cursor: pointer;
}
.buyPhotoButtonAdd {
background: transparent;
border: 2px solid #ffffff6b;
box-shadow: none;
margin: 12px 0 0 0;
}
.bulkBuyButton {
box-shadow: 0 4px 20px #00000026;
}
#buyPhotoLicense {
text-transform: capitalize;
}
.cartIcon {
font-family: Icomoon2;
color: #fff;
font-size: 14px;
position: absolute;
right: 10px;
top: 10px;
font-weight: normal;
}
.smileIcon {
font-family: Icomoon2;
font-size: 25px;
position: relative;
display: inline-block;
color: #bfc0c4;
top: 7px;
left: -12px;
cursor: pointer;
}
.smileIconWork {
font-family: Icomoon2;
font-size: 30px;
position: relative;
display: inline-block;
color: #bfc0c4;
top: 2px;
left: 3px;
cursor: pointer;
box-shadow: var(--mainShadow);
border-radius: 50px;
}
#authWhiteWrap {
position: relative;
background: #000;
margin: 0 auto;
}
.whiteBody {
background-color: #fff;
}
input .saveBtn,
input .recPopupBtn,
input .modBtn {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
#authAv {
/* border: 5px solid #161616;*/
background-color: #3C3C3C;
box-sizing: border-box;
width: 110px;
height: 110px;
display: block;
}
.whiteTextLogo,
.whiteTextLogo:hover {
color: #fff;
text-decoration: none;
}
.authProfileHeader .whiteTextLogo,
.authProfileHeader #menuTbl a,
.authProfileHeader #menuTbl a:hover,
.authProfileHeader .downIcon,
/*.authProfileHeader .mainAddWorkIcon,*/
.authProfileHeader #loginDivName.loginDiv,
.authProfileHeader .loginMenuIcon {
color: #fff;
/*#000;*/
}
.authProfileHeader #menuTbl li.dividerIndex {
border-left: 1px solid #ffffff94;
}
#menuTbl .menuIndex .dividerIndex {
border-left-color: #ffffffa8;
}
.authProfileHeader #btn-connect.connectWalletButton .downIcon {
color: #000;
}
.indexH {
position: relative;
white-space: nowrap;
width: 1150px;
margin: 0 auto;
text-align:center;
}
.button-wrap {
background-image: linear-gradient(to right,#ec4899,#a855f7);
padding: 2px;
display: inline-block;
border-radius: 50px;
margin:0 auto;
}
.regButton:hover {
background-image: linear-gradient(to right,#ec4899,#a855f7);
text-decoration:none;
}
.regButton {
font-size: 16px;
line-height: 1px;
display: block;
padding: 27px 45px;
box-sizing: border-box;
border-radius: 60px;
background: #000;
color: var(--white);
}
.headerPhotoBy {
position: absolute;
right: 50px;
bottom: 170px;
font-size: 13px;
color: #fff9;
opacity: 0.9;
}
.headerPhotoBy a {
color:var(--white);
font-weight:600;
}
.topup {
position:relative;
top:-170px;
}
#coverUnderlay {
background-color: #fff;
overflow:hidden;
}
#header.authProfileHeader {
background: none;
background-color: #000;
/*#000000bd;*/
/*#fff;*/
/* backdrop-filter: blur(7px);
-webkit-backdrop-filter: blur(20px);*/
width: 100%;
}
.authProfileHeader #menuTbl a.addWorkHeader,
.authProfileHeader #menuTbl a.addWorkHeader:hover {
/* background-color: var(--grayBg);
backdrop-filter: blur(10px);*/
/* #fff; */
/*#F3F4F6;*/
text-decoration: none;
/* color: #fff;*/
box-shadow: none;
/* box-shadow: 0 1px 1px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.08), 0 -1px 0 rgba(0,0,0,.05), -1px 0 0 rgba(0,0,0,.05), 1px 0 0 rgba(0,0,0,.05), inset -1px -2px 4px rgb(0 0 0 / 4%);
box-shadow: 0 1px 1px rgb(0 0 0 / 10%), 0 2px 4px rgb(0 0 0 / 8%), 0 -1px 0 rgb(0 0 0 / 5%), -1px 0 0 rgb(0 0 0 / 5%), 1px 0 0 rgb(0 0 0 / 5%), inset -1px -2px 4px rgb(0 0 0 / 35%);*/
}
.authProfileHeader #menuTbl a.addWorkHeader:active {
transform: translateY(1px);
box-shadow: 0 3px 14px #ff00e100, 0 1px 1px rgb(91 91 91 / 14%), 0 2px 4px rgb(0 0 0 / 12%), 0 -1px 0 rgb(0 0 0 / 0%), -1px 0 0 rgb(0 0 0 / 0%), 1px 0 0 rgb(0 0 0 / 0%), inset -1px -3px 4px rgb(189 189 189 / 19%);
}
.indexLogo,
.indexLogo:hover {
top: -10px;
position: relative;
}
.authorProfileLogo,
.authorProfileLogo:hover {
position: absolute;
top: 3px;
left: -70px;
/*background-color: #0000009e;*/
font-size: 19px;
border-radius: 4px;
padding: 1px 8px;
}
.authorProfileLogo2,
.authorProfileLogo2:hover {
position: relative;
top: -16px;
color: #000;
font-size: 22px;
border-radius: 4px;
padding: 1px 8px;
}
.colorBlack,
.colorBlack:hover {
color: #000;
position: relative;
top: -7px;
}
.ng-cloak {
display: none !important;
}
::-moz-selection {
color: #fff;
background: #658bb5;
text-shadow: none;
}
::selection {
color: #fff;
background: #658bb5;
text-shadow: none;
}
input {
font-family: Roboto, Helvetica, Arial, sans-serif;
outline: none;
border: none;
}
.block_links table {
margin: 0 auto;
width: 94%;
/*width: 45%;*/
}
.authGalleryTooltip {
cursor: pointer;
}
.aTtip {
display: none;
background-color: #fff;
min-height: 150px;
border-radius: 10px;
box-shadow: 5px 5px 30px #00000094;
z-index: 500;
position: absolute;
bottom: 45px;
left: 48px;
}
.aTtip .authWorksPadding {
padding: 9px 3px 1px 9px;
}
.aTtipPos {
position: relative;
min-height: 147px;
}
a.aTtipLink,
a.aTtipLink:hover {
color: #000;
text-decoration: none;
}
.getAuthWorksLnk {
position: relative;
top: 67px;
line-height: 20px;
font-size: 13px;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-weight: 400;
}
.getAuthWorksLnk a,
.getAuthWorksLnk a:hover {
color: #000;
text-decoration: none;
margin-left: 16px;
padding-right: 120px;
}
.beforeLeft::before {
content: '';
position: absolute;
width: 10px;
background-color: #fff;
height: 10px;
box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.04);
bottom: -5px;
left: 28px;
transform: rotate(45deg);
}
.beforeRight::before {
content: '';
position: absolute;
width: 10px;
background-color: #fff;
height: 10px;
box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.04);
bottom: -5px;
right: 28px;
transform: rotate(45deg);
}
textarea.txtArea::placeholder {
color: #222;
}
.formRight textarea::placeholder {
color: #222;
}
.txtArea {
font: var(--regularFont);
height: 100px;
font-size: 13px;
line-height: 140%;
border: 0;
/*2px solid #B5B6B7; /*#CCCDCE;*/
border-radius: 10px 4px 10px 10px;
background-color: #fff;
outline: none;
margin-bottom: 3px;
box-shadow: var(--popupShadow);
}
.previewComm .txtArea,
.commText .txtArea,
.commButtons .txtArea {
box-shadow: none;
border: 1px solid #D6D6D6;
border-radius: 6px;
margin-bottom: 0px;
margin-top: 20px;
padding: 6px 7px;
}
.input,
input[type='text'],
input[type='password'],
textarea,
option,
select,
#port_title_font,
#port_subtitle_font,
#port_menu_font,
#port_body_font {
outline: none;
/* font: 14px Roboto, Helvetica, Arial, sans-serif; */
font-size: 18px;
font: var(--regularFont);
padding: 0px 8px;
border-radius: 6px;
border: 0;
/* border-bottom: 1px solid #b2b2b4; */
background: var(--grayBg);
}
option {
border: none;
}
.settings_radio {
float: left;
margin: 0 13px 0 0;
}
.checkboxActions {
position: absolute;
z-index: -1;
opacity: 0;
margin: 10px 0 0 20px;
}
.checkboxActions+label {
position: relative;
padding: 0 18px 0 36px;
cursor: pointer;
white-space: nowrap;
}
.listedForSaleActions+label {
padding-right: 15px;
}
label.gallMenuAct {
padding-bottom: 9px;
padding-top: 2px;
}
.checkboxActions+label:before {
content: '';
position: absolute;
top: 1px;
left: 0;
width: 29px;
height: 13px;
border-radius: 13px;
background: var(--grayBg2);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
transition: .2s;
}
.checkboxActions+label:after {
content: '';
position: absolute;
top: 3px;
left: 2px;
width: 9px;
height: 9px;
border-radius: 10px;
background: #ffffffde;
box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
transition: .2s;
}
.checkboxActions:checked+label:before {
background: #1f1f1f;
}
.checkboxActions:checked+label:after {
left: 18px;
}
.checkboxActions:focus+label:before {
box-shadow: inset 0 2px 3px rgba(0, 0, 0, .2);
}
div.formRight input[type="checkbox"],
div.formRight input[type="radio"],
.formTbl input[type="radio"] {
display: none;
}
div.formRight input[type="checkbox"]+label,
div.formRight input[type="radio"]+label,
.formTbl input[type="radio"]+label {
display: block;
position: relative;
top: 2px;
padding-left: 26px;
margin-bottom: 20px;
/* color: #ddd; */
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.formTbl input[type="radio"]+label {
margin-right: 1px;
}
div.formRight input[type="checkbox"]+label:last-child {
margin-bottom: 0;
}
div.formRight input[type="radio"]+label:last-child {
margin-bottom: 8px;
}
.formTbl input[type="radio"]+label:last-child {
margin-bottom: 8px;
}
div.formRight input[type="checkbox"]+label:before,
div.formRight input[type="radio"]+label:before,
.formTbl input[type="radio"]+label:before {
content: '';
display: block;
width: 12px;
height: 12px;
border: 2px solid #000;
position: absolute;
border-radius: 4px;
left: 0px;
top: 0px;
opacity: .6;
-webkit-transition: all .12s, border-color .08s;
transition: all .12s, border-color .08s;
}
div.formRight input[type="radio"]+label:before,
.formTbl input[type="radio"]+label:before {
border-radius: 50%;
}
div.formRight input[type="checkbox"]:checked+label:before,
div.formRight input[type="radio"]:checked+label:before,
.formTbl input[type="radio"]:checked+label:before {
width: 10px;
top: -5px;
left: 6px;
border-radius: 0;
opacity: 1;
width: 6px;
height: 15px;
border-top-color: transparent;
border-left-color: transparent;
border-bottom-color: #2d96dc;
border-right-color: #2d96dc;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
select {
padding: 0 2px;
}
textarea {
line-height: 1.33;
padding-top: 5px;
box-sizing: border-box;
letter-spacing: var(--ls);
}
/*
.input:focus,
input[type='text']:focus,
input[type='password']:focus,
textarea:focus {
border-color: rgba(82, 168, 236, .75);
outline: none;
-webkit-box-shadow: 0 0 8px rgba(82, 168, 236, .5);
-moz-box-shadow: 0 0 8px rgba(82, 168, 236, .5);
box-shadow: 0 0 8px rgba(82, 168, 236, .5);
-khtml-box-shadow: 0 0 8px rgba(82, 168, 236, .5);
}
*/
input[type='text'],
input[type='password'] {
/*font-size: 12px;*/
line-height: 27px;
height: 27px;
}
select,
input[type='file'] {
/*font-size: 12px;*/
line-height: 23px;
height: 27px;
padding: 0 8px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-khtml-box-shadow: none;
cursor: pointer;
}
.placeholder {
color: #aaa;
}
.icomoonSymbol:before {
font-family: Icomoon;
font-size: 24px;
color: #fff;
content: "\e903";
display: inline-block;
position: absolute;
top: 2px;
left: 17px;
}
.equip,
.equip2 {
width: 400px;
}
.round {
border-radius: 50%;
overflow: hidden;
}
.roundTL3 {
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-khtml-border-top-left-radius: 3px;
}
.roundTR3 {
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
-khtml-border-top-right-radius: 3px;
}
.roundBL3 {
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
-khtml-border-bottom-left-radius: 4px;
}
.roundBR3 {
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
-khtml-border-bottom-right-radius: 4px;
}
.round3 {
border-radius: 5px;
}
.divider {
margin: 20px 0 0 0;
}
.dropdownheader {
font: var(--regularFont);
margin-left: 6px;
font-size: 14px;
color: var(--grayBlue);
border-bottom: 1px solid #ebebeb;
padding-bottom: 3px;
margin-bottom: 9px;
}
.round3PopupAvatar {
border-radius: 50%;
filter: url(#sharpen);
box-shadow: var(--popupShadow);
width: 40px;
height: 40px;
}
#previewAuthName #addBlogBtnCover.round3PopupAvatar {
background-color: #696969;
}
.skeletSmall {
background-color: #696969;
width: 170px;
height: 9px;
margin-top: 6px;
position: relative;
border-radius: 2px;
}
.smallBlock {
position: absolute;
right: 0;
width: 70px;
height: 9px;
background-color: var(--popBg);
}
.skeletBig {
background-color: #696969;
width: 170px;
height: 13px;
margin-top: 0px;
border-radius: 2px;
}
.skAnimation {
background-image: linear-gradient(to right, #a0a0a0 0%, #696969 20%, #696969 40%, #a0a0a0 100%);
background-size: 500px 20px;
animation-duration: 7s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: placeHolderShimmer;
animation-timing-function: linear;
}
@keyframes placeHolderShimmer {
0% {
background-position: -600px 0
}
100% {
background-position: 600px 0
}
}
.round10 {
border-radius: 10px;
}
.round4 {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-khtml-border-radius: 4px;
}
.inputInvalid {
background-color: #d65a5a;
}
ol,
ul {
list-style: disc inside none;
}
ol {
list-style-type: decimal;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: none;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
td {
vertical-align: top;
}
.tblBrd td {
border: 1px solid #000;
}
a {
text-decoration: none;
/* color: #4072a7; */
color: #14579d;
outline: 0;
}
a:active {
outline: 0;
}
a:hover {
text-decoration: underline;
/* color: #15a1ff;
color: #4f96e2;*/
}
.clear {
float: none;
clear: both;
}
.clearfix:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: '.';
}
*+html .clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
/* animation styles */
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
-webkit-animation-duration: .75s;
animation-duration: .75s;
animation-delay: 0s;
background: transparent;
}
/* / animation styles */
.nudePreview {
background: #fff url(def/nu.png) no-repeat 50% 50%/cover;
}
.imgThumb {
display: block;
overflow: hidden;
text-align: center;
/*background-size: cover;*/
background-position: 50% 50%;
background-repeat: no-repeat;
background-color: #DBDDE0;
border-radius: 3px;
}
.newActionsThumb {
border-radius: 0 0 5px 5px;
max-width: 1060px;
}
.authPreviewCat {
font: var(--regularFont);
font-size: 13px;
margin-left: 4px;
}
.authPreviewCat {
color: var(--grayBlue);
}
.authPreviewCat:hover {
color: var(--black);
}
.topAuthInfo {
width: 270px;
height: 88px;
background-color: #fff;
border-radius: var(--mainRadius) var(--mainRadius) 0 0;
position: relative;
max-width: 1060px;
z-index: 1;
}
.topAuthInfoPreview {
height: 76px;
border-radius: var(--mainRadius) var(--mainRadius) 0 0;
}
.blogShadow .topAuthInfo {
height: 45px;
}
.topAuthDesc {
padding: 5px 14px 13px 20px;
background: #fff;
position: relative;
font: var(--regularFont);
z-index: 10;
font-size: 13px;
line-height: 1.22rem;
}
.topAuthDescTxtWrap {
max-height: 60px;
overflow: hidden;
text-overflow: ellipsis;
letter-spacing: -0.1px;
}
.blogThumb,
.blogThumb:hover {
display: block;
overflow: hidden;
text-decoration: none;
/*background-size: cover;*/
background-color: #fff;
background-position: 35px -30px;
background-repeat: no-repeat;
border-radius: 0 0 var(--mainRadius) var(--mainRadius);
}
.blogThumbBg {
background-color: #fff;
position: relative;
border-radius: var(--mainRadius);
}
.blogThumbBg::after {
/* content: '';
position: absolute;
left: 1px;
bottom: -19px;
border: 30px solid transparent;
border-top: 38px solid #fff;
transform: rotate(141deg);*/
}
.blogStatsIcons {
position: absolute;
bottom: 30px;
right: 5px;
display: inline-block;
}
.commDateNew.blogDateNew {
top: 17px;
position: absolute;
right: 0px;
}
.readBlogButton {
padding: 10px 15px;
margin: 0 15px 20px 15px;
/* border: 1px solid #000; */
display: inline-grid;
place-items: center;
border-radius: 20px;
background: #fff;
color: #000;
border: 1px solid var(--grayBorder);
font: var(--regularFont);
font-size: 13px;
}
a.readBlogButton,
a.readBlogButton:hover {
text-decoration: none;
}
.blogShadow {
/*box-shadow: var(--expShadow);*/
border-radius: 10px;
z-index: 1;
position: relative;
/*margin-bottom: 30px;*/
}
.blogBodyPreview {
color: #000;
font-size: 14px;
line-height: 1.3rem;
padding: 2px 15px 8px 15px;
margin-bottom: 20px;
box-sizing: border-box;
width: 700px;
max-height: 600px;
overflow: hidden;
display: inline-block;
}
.blogBodyPreview img {
max-width: 100%;
min-width: 320px;
border-radius: 8px;
}
.blogPreviewImgContainer {
position: relative;
}
.blogBodyPreview p {
margin-bottom: 10px;
letter-spacing: -0.1px;
}
.blogPreviewImgContainer img {
width: 660px;
position: absolute;
left: -15px;
margin: 10px 0;
}
.blogPreviewImgSpacer img {
position: unset;
width: 660px;
height: auto;
opacity: 0;
}
.blogHeaderPreview {
font: var(--regularFont);
font-size: 21px;
margin-bottom: 20px;
display: inline-block;
color: #000;
line-height: 1.2;
letter-spacing: -0.7px;
}
.wdth474 {
width: 490px;
}
#svg_blur_filter {
width: 0;
height: 0;
}
/*noinspection ALL*/
.blurSvg {
filter: url(#blur);
}
.blur {
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-ms-filter: blur(5px);
-o-filter: blur(5px);
filter: blur(5px);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-khtml-box-shadow: none;
}
.blurThumb {
-webkit-filter: blur(4px);
-moz-filter: blur(4px);
-ms-filter: blur(4px);
-o-filter: blur(4px);
filter: blur(4px);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-khtml-box-shadow: none;
transform: scale(1.05);
}
/*noinspection ALL*/
.grayscale {
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
-ms-filter: grayscale(1);
-o-filter: grayscale(1);
filter: grayscale(1);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
/*noinspection ALL*/
.grayscale_blur {
-webkit-filter: blur(5px) grayscale(1);
-moz-filter: blur(5px) grayscale(1);
-ms-filter: blur(5px) grayscale(1);
-o-filter: blur(5px) grayscale(1);
filter: blur(5px) grayscale(1);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-khtml-box-shadow: none;
}
.noHeight {
font-size: 0;
line-height: 0;
height: 0;
margin: 0;
padding: 12px 0 0 0;
}
.authWorksPadding {
padding: 15px 0 10px 0px;
height: auto;
}
.newAWPadding {
padding: 0px 6px 0px 0px;
}
.newAWPadding .imgBoxWrap {
padding-bottom: 10px;
}
.commGetAuthWorks .authWorksPadding {
padding: 25px 0 10px 0px;
height: auto;
}
.commGetAuthWorks .authWorksPaddingActions {
padding: 15px 0 5px 0px;
height: auto;
}
.commGetAuthWorks .noHeight {
padding: 20px 0;
}
.actionsCommCnt {
position: absolute;
top: 16px;
right: 0px;
color: #000;
font: var(--regularFont);
font-size: 13px;
font-weight: 400;
/*width: 70px;*/
text-align: right;
background: linear-gradient(90deg, #fff0 0%, white 20px);
}
.actionsCommCntPreview {
top: 17px;
}
.actionsCommCntBlog {
display: inline-block;
margin: 0 10px;
color: #000;
font: var(--regularFont);
font-size: 14px;
font-weight: 500;
}
.cup {
font-family: Icomoon2;
font-size: 12px;
color: #000;
margin-right: 5px;
position: relative;
top: 1px;
line-height: 12px;
}
.dott {
margin: 0 5px;
color: #000;
}
.actCommIcon {
font-size: 14px;
font-family: Icomoon2;
position: relative;
color: #000;
left: -6px;
font-weight: 300;
top: 2px;
}
.viewCnt {
right: 66px;
top: 5px;
}
.voteCnt {
right: 135px;
top: 10px;
}
.voteIcon {
font-size: 16px;
top: 1px;
}
.viewIcon {
font-size: 21px;
top: 4px;
left: -6px;
}
.premiumBadge {
vertical-align: text-bottom;
font: var(--boldFont);
font-size: 14px;
line-height: 14px;
display: inline-block;
font-weight: 700;
color: #fff;
padding: 0px 0px 5px 7px;
border-radius: 5px 5px 5px 0;
margin-right: 4px;
/* margin-left: 2px; */
position: absolute;
top: 4px;
letter-spacing: -0.6px;
left: ;
}
.pAuthName .premiumBadge {
position: relative;
top: -1px;
margin-left: 0;
left: -3px;
font-size: 12px;
}
.previewCommAuName .premiumBadge {
font-size: 11px;
top: 0px;
position: relative;
padding-left: 0px;
}
.phDescNew .premiumBadge {
font-size: 11px;
top: 1px;
padding-left: 2px;
}
.apmAuthName .premiumBadge {
top: -1px;
font-size: 12px;
}
.commAuthName .premiumBadge {
top: 17px;
padding-left: 4px;
font-size: 11px;
}
#comm0 .commAuthName .premiumBadge {
position: relative;
top: 2px;
padding-left: 0px;
font-size: 11px;
}
.actionsNameAuth .premiumBadge {
/* position: relative; */
top: -16px;
font-size: 10px;
padding-left: 1px;
}
.phDescNewActions .premiumBadge {
top: -1px;
font-size: 10px;
padding-left: 2px;
padding-right: 1px;
position: relative;
line-height: 8px;
border-radius: 0;
}
.minus1pos {
display: inline-block;
margin: 0 0 0 4px;
position: relative;
top: 1px;
}
.proBg {
color: #e20000;
background: linear-gradient(to right, #910303 0%, #ff0000 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.premiumBg {
/*color: #52c5fa;*/
/*#246d9c;*/
/*#144061;*/
background: var(--followGradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 13px;
}
.plusBg {
color: #4c9e20;
background: linear-gradient(to right, #78f137 0%, #4c9e20 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.newFeat {
font-size: 9px;
position: relative;
bottom: 4px;
left: 2px;
color: #d23636;
}
.sepHor {
clear: both;
height: 2px;
background: url(def/separator.gif) 0 100% repeat-x;
}
.sepVerPopup {
width: 2px;
border-left: 1px solid #c5c5c5;
position: relative;
top: -4px;
}
.sepVer {
width: 2px;
/*border-left: 1px solid #c5c5c5;*/
margin-left: 5px;
}
.tabTxt .sepVer {
width: 2px;
border-left: 0;
/* margin-left: 15px;*/
}
/* /reset css */
/* rounded block */
.roundT {
clear: left;
width: 180px;
height: 5px;
/*background: url(def/others.png?v2) -761px -16px no-repeat;*/
}
.roundB {
clear: left;
width: 180px;
height: 5px;
margin-bottom: 5px;
/*background: url(def/others.png?v2) -761px -11px no-repeat;*/
}
.roundM {
clear: left;
/*
border-right: 1px solid #d0dadc;
border-left: 1px solid #d0dadc;
background-color: #fff;
*/
}
.roundedB,
.roundedT {
float: left;
width: 100%;
margin-left: -30%;
}
.roundRightT {
clear: left;
width: 190px;
height: 5px;
background: url(def/others.png?v2) -761px -27px no-repeat;
}
.roundRightB {
clear: left;
width: 190px;
height: 5px;
margin-bottom: 5px;
background: url(def/others.png?v2) -761px -22px no-repeat;
}
.roundRightM {
clear: left;
/*border-right: 1px solid #d0dadc;
border-left: 1px solid #d0dadc;*/
background-color: #fff;
}
.roundedTL {
font-size: 0;
height: 5px;
margin-left: 30%;
/* background: url(def/panels.png?v2) 0 -450px no-repeat;*/
}
.roundedTR {
font-size: 0;
float: right;
width: 30%;
height: 5px;
/* background: url(def/panels.png?v2) 100% -450px no-repeat;*/
}
.roundedBL {
font-size: 0;
height: 5px;
margin-left: 30%;
/* background: url(def/panels.png?v2) 0 -455px no-repeat;*/
}
.roundedBR {
font-size: 0;
float: right;
width: 30%;
height: 5px;
margin-bottom: 5px;
/* background: url(def/panels.png?v2) 100% -455px no-repeat;*/
}
.rounded {
float: left;
width: 100%;
padding: 0;
}
.roundedGallTL {
height: 40px;
/*margin-left: 67%;*/
}
.roundedGallTR {
float: right;
/*width: 67%;*/
height: 29px;
text-align: right;
}
.roundedGallB,
.roundedGallT {
float: left;
width: 30%;
margin-left: 68px;
}
.roundedGallBL {
height: 17px;
/*margin-left: 67%;*/
}
.roundedGallBR {
float: right;
/*width: 67%;*/
height: 17px;
text-align: right;
}
.upTo {
font-size: 13px;
font-weight: 400;
color: var(--grayBlue);
}
/* /rounded block */
/* header */
#menuTbl a.addWorkHeader,
#menuTbl a.addWorkHeader:hover {
background-size: cover;
padding: 11px 20px 5px 47px;
box-sizing: border-box;
height: 40px;
margin-top: 7px;
line-height: 29px;
background-color: var(--grayBg);
color: #000;
font: var(--mediumFont);
font-size: 14px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 30px;
-khtml-border-radius: 20px;
position: relative;
}
#menuTbl a.addWorkHeader:active {
/* transform: translateY(1px);
box-shadow: 0 1px 1px rgb(0 0 0 / 7%), 0 2px 4px rgb(0 0 0 / 15%), 0 -1px 0 rgb(0 0 0 / 7%), -1px 0 0 rgb(0 0 0 / 7%), 1px 0 0 rgb(0 0 0 / 7%), inset -1px -2px 4px rgb(0 0 0 / 0%);
box-shadow: 0 3px 14px #ff00e1ad, 0 1px 1px rgb(91 91 91), 0 2px 4px rgb(0 0 0 / 8%), 0 -1px 0 rgb(0 0 0 / 5%), -1px 0 0 rgb(0 0 0 / 5%), 1px 0 0 rgb(0 0 0 / 5%), inset -1px -6px 8px rgb(245 108 163 / 15%);*/
}
.mainAddWorkIcon {
font-family: Icomoon2;
color: #000;
font-size: 16px;
position: absolute;
top: 11px;
left: 20px;
}
.authAddworkIcon {
font-family: Icomoon2;
position: absolute;
color: #000;
font-size: 18px;
top: 3px;
left: 18px;
}
#menuTbl a.addWorkHeader:hover {
text-decoration: none;
}
a.addWorkHeader:hover {
text-decoration: none;
}
#menuTbl.cover a.addWorkHeader {
background-image: url(black/add2.png?v2);
border: 1px solid #c7c7c7;
}
#menuTbl.cover a.addWorkHeader:hover {
color: #292929;
background-color: #f3f3f3;
}
.previewImgAuthMore {
width: 230px;
height: 145px;
}
.previewImgAuthMore .imgThumb {
border-radius: 10px;
}
.getAuthMoreTable {
text-align: left;
vertical-align: top;
font-size: 11px;
padding: 0 20px 0 15px;
width: 230px;
}
.getAuthMorePhotoName {
width: 230px;
padding-top: 7px;
margin-bottom: 5px;
font-size: 15px;
font-weight: 500;
height: 15px;
overflow: hidden;
text-overflow: ellipsis;
}
.spacer {
display: block;
margin-top: 29px;
}
#headerWrap {
position: relative;
}
.commGotAuthName {
font-size: 13px;
font-weight: 500;
}
.commGotAuthName a {
color: #000;
}
.profileBadge {
position: relative;
top: -15px;
}
#contentDiv,
#headerWrap,
.maxW,
#addWorks,
#shareBlk {
width: 100%;
/*min-width: 1050px; */
/*max-width: 1600px;*/
margin: 0 auto;
/*background: #e5e6e9;*/
position: relative;
/*z-index: 250;*/
}
.serieTitleLine {
z-index: 160;
display: none;
/* width: 100%; */
background-color: #000000c2;
/* height: 39px; */
/* margin-top: 10px; */
border-radius: 50px;
left: 50%;
transform: translateX(-50%);
text-align: center;
position: absolute;
padding: 10px 10px 9px 10px;
top: 160px;
/* border-top: 1px solid #E1E2E3; */
box-shadow: rgb(0 0 0 / 8%) 0px 7px 10px 0px;
margin: 0 auto;
}
#headerWrap {
z-index: 800;
}
#headerWrap,
.maxW,
#addWorks,
#shareBlk {
background: #fff;
}
#header,
#parallaxDiv,
#workWrap {
min-width: 1200px;
}
#headerWrap,
#authorWorks,
#addWorks,
#shareBlk {
/*min-width: 1000px; */
}
#authSerieBlk {
display: none;
padding-bottom: 80px;
padding-top: 3px;
width: 62px;
position: relative;
z-index: 100;
/*top: -84px;*/
overflow: hidden;
}
#authSerieMenu {
/*border-radius: 0 4px 0 0;
background-color: #f2f4f7;*/
padding: 0 15px 0 10px;
width: 320px;
/* border-top: 1px solid #dadada;*/
}
#authSerieLines a {
visibility: hidden;
}
.contentTable.profile {
position: relative;
top: -60px;
box-shadow: 0 -52px 90px #0000000d;
}
.contentTable.profile.fdSwitch {
background-color: #000;
box-shadow: none;
}
#authBlogLnk.profileLink,
#authAboutLnk.profileLink {
/* margin-left: 11px;*/
}
#contentDiv.fdSwitch {
background-color: #000;
}
.footer-dark.fdSwitch,
.footer-dark.fdSwitch h3 {
background-color: #000;
color: #fff;
}
.footer-dark.fdSwitch .fb_icon,
.footer-dark.fdSwitch .medium_icon {
color: #fff;
}
.footer-dark.fdSwitch .item.social>a {
box-shadow: 0 0 0 1px rgb(255 255 255 / 40%);
}
#authorWorks {
position: relative;
top: 10px;
/*-135px;*/
padding: 0px 5px 26px 0px;
z-index: 1;
width: calc(98% + 8px);
margin: 0 auto;
/*box-shadow: 0px 0px 45px 2px rgba(0, 0, 0, 0.12);
border-radius: 4px 4px 10px 10px;*/
background: #FFF;
/* #F2F4F7;*/
/*border-top: 1px solid #dadada;*/
min-height: 200px;
}
.awPadding {
width: 100%;
padding: 0 2px;
}
/*#headerBottom .authMoodCover,
#headerBottom .authMoodCover a,
#headerBottom .authStatStr,
*/
#headerBottom .authNameCover,
#headerBottom .authStatVal,
#headerBottom .apmAuthLoc,
#headerBottom .about_icon {
color: #fff;
}
#wrapIndexHead,
#footer {
/*min-width: 950px; */
}
#wrapIndexHead {}
#footer {
/*border-top: 1px solid #d0dadc;*/
}
#wrapForm {
/*min-width: 835px; */
margin-top: 50px;
}
/*.actionsPadd {
padding: 0 55px 0 48px !important;
}*/
.wrapSmallWidth {
padding: 9px 55px 0 51px;
/*padding: 0 398px 0 48px;*/
/* 1150 чтоб влезало на iphone */
margin: 0 auto;
/*display: flex;*/
/*border: 1px solid red;*/
}
.wrapSmallWidthComm {
display: flex;
margin: 0 auto;
}
.marginTop20 {
margin-top: 20px;
}
.marginBottom100 {
margin-bottom: 80px;
margin-top: 10px;
display: unset;
padding-right: 55px;
}
.commWsubMenu {
width: 1090px;
/*padding-left: 360px;*/
margin: 0 auto;
}
.actionsCommWsubMenu {
/* max-width: 1200px;*/
width: 1080px;
/*margin-top: -40px;*/
/*padding-right: 55px;*/
}
#goadCommBottom {
margin-top: 15px;
}
.footerMenuTop p {
width: 94%;
/*min-width: 1050px;*/
max-width: 1600px;
}
#header,
#headerAuth {
height: 60px;
padding-top: 9px;
background:var(--white);
position: fixed;
top:0;
z-index: 9900;
}
#headerAuth {
background:transparent;
}
#headerAuth .usmenu,
.commAuth .usmenu {
/*filter: brightness(0.97);*/
}
#header.headerPopup {
height: 65px;
padding-top: 10px;
background: var(--popBg);
/*#3e3e3e;*/
margin-bottom: 0px;
/*box-shadow: 0 0 5px #0000004f;*/
position: fixed;
top: 0;
z-index: 10000;
}
#header.headerPopup a.addWorkHeader,
#header.headerPopup #q {
background-color: var(--grayBg);
box-shadow: none;
/* color: #fff;
box-shadow: 0 1px 1px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.08), 0 -1px 0 rgba(0,0,0,.05), -1px 0 0 rgba(0,0,0,.05), 1px 0 0 rgba(0,0,0,.05), inset -1px -2px 4px rgb(0 0 0 / 25%);
*/
}
#header.headerPopup .downIcon {
color: #fff;
}
#header.headerPopup #menuTbl #NFTSubmenu a,
#header.headerPopup #menuTbl #headerSubmenu a,
#header.headerPopup #menuTbl #headerSubmenuActivity a {
color: #000;
}
#header.headerPopup #menuTbl li.dividerIndex {
border-left: 1px solid #ffffff94;
}
#header.headerPopup .hamburger-inner, #header.headerPopup .hamburger-inner::before, #header.headerPopup .hamburger-inner::after,
#header.authProfileHeader .hamburger-inner, #header.authProfileHeader .hamburger-inner::before, #header.authProfileHeader .hamburger-inner::after,
.blogCover .hamburger-inner, .blogCover .hamburger-inner::before, .blogCover .hamburger-inner::after,
.blogCover .hamburger.is-active .hamburger-inner, .blogCover .hamburger.is-active .hamburger-inner::before, .blogCover .hamburger.is-active .hamburger-inner::after {
background-color: #fff;
}
.feedSettings {
float: right;
position: absolute;
top: 21px;
right: 50px;
font: var(--regularFont);
}
.feedSettings a,
.feedSettings a:hover {
color: var(--light);
padding: 10px 3px 10px 7px;
font-size: 11px;
}
.settingsIcon {
font-family: Icomoon2;
font-size: 16px;
color: var(--grayBlue);
position: relative;
top: 3px;
}
/* Small header classes*/
#header.smallHeader,
#headerAuth.smallHeader {
height: 48px;
position:fixed;
top:0;
z-index: 1100;
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
#header.smallHeader #menuTbl .menuLiAct,
#headerAuth.smallHeader #menuTbl .menuLiAct {
background: none;
}
#header.smallHeader #menuTbl a {
color: #000;
font-size:14px;
}
#headerAuth.smallHeader .downIcon {
color: #fff;
}
#header.smallHeader ul.menu a,
#headerAuth.smallHeader ul.menu a {
margin-top: 3px;
}
#header.smallHeader #headerSubmenu,
#header.smallHeader #dropDownWallet,
#header.smallHeader #scDropDown2,
#header.smallHeader #scDropDown,
#header.smallHeader #NFTSubmenu,
#header.smallHeader #headerSubmenuActivity,
#headerAuth.smallHeader #headerSubmenu,
#headerAuth.smallHeader #NFTSubmenu,
#headerAuth.smallHeader #headerSubmenuActivity {
box-shadow: 0px 3px 18px 1px rgb(0 0 0 / 11%);
top: 48px;
/* padding-top: 17px;
padding-bottom: 2px;*/
}
#header.smallHeader .mainAddWorkIcon {
color: #000;
top: 4px;
}
#header.smallHeader #menuTbl a.addWorkHeader,
#headerAuth.smallHeader #menuTbl a.addWorkHeader {
line-height: 29px;
height: 38px;
font-size: 15px;
padding: 4px 18px 5px 47px;
margin-top: 0px;
display: inline-block;
border: none;
background-color: var(--grayBg);
color: #000;
/*box-shadow: 0 1px 1px rgb(0 0 0 / 7%), 0 2px 4px rgb(0 0 0 / 15%), 0 -1px 0 rgb(0 0 0 / 7%), -1px 0 0 rgb(0 0 0 / 7%), 1px 0 0 rgb(0 0 0 / 7%), inset -1px -2px 4px rgb(0 0 0 / 0%);*/
}
#header.authProfileHeader #q {
background-color: #5f5f5f;
color: #c8c8c8;
}
#header.authProfileHeader .searchIcon {
color: #c8c8c8;
}
#header.smallHeader #q {
top: -12px;
color: #5b5b5b;
height: 34px;
background-color: #f6f7f9;
font-size: 15px;
font-weight: 400;
}
#headerAuth.smallHeader #q {
top: 3px;
color: #575757;
height: 32px;
background-color: #f6f7f9;
font-size: 15px;
font-weight: 400;
}
#header.smallHeader .searchIcon {
top: 17px;
left: 11px;
color: #c8c8c8;
}
#headerAuth.smallHeader .searchIcon {
top: 8px;
left: 31px;
color: #c8c8c8;
}
#header.smallHeader #loginDivName.loginDiv,
#headerAuth.smallHeader #loginDivName.loginDiv {
color: #000;
top: -5px;
}
#header.smallHeader #loginDivName .loginMenuIcon,
#headerAuth.smallHeader #loginDivName .loginMenuIcon {
color: #000;
}
/* End of small header classes*/
#headerCover {
position: relative;
z-index: 0;
background: linear-gradient(0deg, black 0%, transparent 50%);
box-shadow: 0 10px 15px #0000000d;
}
#header p {
font-size: 12px;
font-weight: 700;
}
#headerMenu {
line-height: normal;
float: left;
margin: 0 0 0 30px;
z-index: 50;
top: -2px;
}
#headerMenu a {
text-decoration: none;
}
#headerMenu a:hover {
text-decoration: none;
}
#header.smallHeader #headerMenu {
top: 0px;
}
#aGalleryTG {
position: relative;
}
.dropTriangle {
z-index: 100;
position: absolute;
top: 13px;
right: 4px;
width: 6px;
height: 4px;
background: url(def/others.png?v2) -905px -182px no-repeat;
}
.refblock {
background-color: #fff;
padding: 10px 15px;
/* box-shadow: 0 2px 10px 0 rgba(0,0,0,.15); */
border: 1px solid #d6d6d6;
}
.formDiv.wrapLogin {
min-height: 120px;
width: 318px;
padding: 65px 40px 50px 40px;
}
#headerSubmenu,
#headerSubmenuPopup,
#headerSubmenuActivity,
#NFTSubmenu,
#dropDownWallet,
#scDropDown,
#scDropDown2 {
position: absolute;
z-index: 100;
top: 48px;
background: #fff;
padding: 17px 5px 9px 5px;
border-radius: 10px;
box-shadow: 0px 6px 30px 2px rgb(84 89 103 / 32%);
}
#dropDownWallet {
border-radius: 15px;
}
#headerSubmenu a.menuAAct,
#headerSubmenuPopup a.menuAAct,
#headerSubmenuActivity a.menuAAct,
#NFTSubmenu a.menuAAct,
#dropDownWallet a.menuAAct,
#scDropDown a.menuAAct,
#scDropDown2 a.menuAAct {
font: var(--regularFont);
}
#dropDownWallet {
width: 380px;
min-height: 150px;
display: none;
right: 120px;
top: 51px;
padding: 24px 25px 16px 25px;
color: #566172;
}
#scDropDown,
#scDropDown2 {
width: 270px;
display: none;
right: 110px;
top: 51px;
padding: 24px 25px 33px 25px;
color: #6b7a90;
}
.cartLink {
font-size: 13px;
font: var(--regularFont);
display: block;
margin: 4px 0;
}
.cartText {
font: var(--mediumFont);
font-size: 16px;
color: #000;
margin: 0 0 20px 0;
display: inline-block;
}
.minus1 {
position: relative;
top: -1px;
}
.bottomWalletLinks {
margin: 20px 0 0 0;
padding: 16px 0 0 0;
border-top: 1px solid #ebebeb;
}
a.reloadIcon,
a.reloadIcon:hover {
font-family: Icomoon2;
font-size: 17px;
position: relative;
color: #52c4fa;
text-decoration: none;
margin-left: 3px;
top: 1px;
}
a.withdrawButton {
background: var(--followGradient);
color: #fff;
padding: 4px 11px;
border-radius: 20px;
position: relative;
top: -1px;
font: var(--mediumFont);
margin: 0 10px;
font-size: 11px;
}
.logoWallet {
position: absolute;
top: 15px;
right: 15px;
width: 35px;
height: 35px;
}
.walletHm {
font: var(--boldFont);
font-size: 17px;
margin: 0px 2px;
display: inline-block;
color: #000;
}
.walletH {
font-size: 14px;
font: var(--mediumFont);
font-size: 13px;
margin: 3px 2px;
display: inline-block;
/* font-variant: all-petite-caps; */
}
.black {
color: #000;
}
.ablue {
color: #52c4fa;
font: var(--mediumFont);
}
.walletHs {
font: var(--regularFont);
font-size: 12px;
margin: 3px 2px;
display: inline-block;
line-height: 15px;
}
.walletHxs {
font: var(--regularFont);
font-size: 12px;
display: inline-block;
}
a.walletHs,
a.walletHs:hover {
text-decoration: none;
}
.depositWithdraw {
display: flex;
height: 90px;
position: relative;
top: -2px;
}
input.amountInput {
width: 135px;
font-size: 14px;
line-height: 16px;
margin: 0px 2px;
background-color: var(--grayBg);
padding: 1px 8px;
border: 0;
border-radius: 6px;
}
.depositBlock,
.withdrawBlock {
margin: 20px 26px 15px 0;
display: inline-block;
}
#headerSubmenu:before,
#headerSubmenuPopup:before,
#headerSubmenuActivity:before,
#NFTSubmenu:before {
content: '';
position: absolute;
width: 10px;
background-color: #fff;
height: 10px;
box-shadow: -2px -2px 3px 0 rgba(0, 0, 0, 0.04);
top: -5px;
left: 28px;
transform: rotate(45deg);
}
/*#dropDownWallet:before {
content: '';
position: absolute;
width: 10px;
background-color: #fff;
height: 10px;
box-shadow: -2px -2px 3px 0 rgba(0, 0, 0, 0.04);
top: -5px;
transform: rotate(45deg);
right: 20px;
}
*/
#menuTbl #headerSubmenu a.coverWhite,
#menuTbl #headerSubmenu a.coverWhite:hover {
background-color: transparent;
margin-left: 7px;
}
#headerWrapPopup li>a {
opacity: .5;
color:var(--white);
}
#headerWrapPopup li>a:hover {
opacity: 1;
}
#headerWrapPopup #userMenuItems li>a {
opacity: 1;
}
#menuTbl #NFTSubmenu a.photoContract,
#menuTbl #NFTSubmenu a.photoContract:hover {
margin: 0;
padding: 0;
font-size: 13px;
box-sizing: border-box;
height: 24px;
}
.fontB {
font: var(--mediumFont);
}
.menuIndex #headerSubmenu,
.menuIndex #NFTSubmenu {
/* padding-top: 17px;
padding-bottom: 2px;*/
z-index: 200;
}
.container {
position: relative;
}
.container::before {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: .4;
content: "";
z-index: -1;
}
#menuTbl #headerSubmenu a.cover:hover {
color: #7aa3d0;
}
#menuTbl #headerSubmenu a,
#menuTbl #headerSubmenu a:hover,
#menuTbl #headerSubmenuPopup a,
#menuTbl #headerSubmenuPopup a:hover,
#menuTbl #headerSubmenuActivity a,
#menuTbl #headerSubmenuActivity a:hover,
#menuTbl #NFTSubmenu a,
#menuTbl #NFTSubmenu a:hover {
padding: 0px 25px 0px 13px;
min-width: 86px;
margin: 0;
display: block;
color: #000;
font-size: 13px;
}
.portImgCount {
/*border-bottom: 2px solid #ADAEAF;*/
margin: 0 2px;
}
.topMenuIcon {
font-family: Icomoon2;
color: #000;
font-size: 19px;
display: inline-block;
font-weight: 400;
margin-right: 10px;
position: relative;
top: 2px;
width: 30px;
line-height: 29px;
border-radius: 35px;
height: 30px;
text-align: center;
}
.burgerMessageCount2 {
display: none;
position: absolute;
top: -10px;
left: 19px;
font-family: Roboto, Arial;
font-size: 12px;
font-weight: 500;
line-height: 18px;
padding: 1px 6px 0px 6px;
text-align: center;
color: #fff;
background: #f10000;
border-radius: 10px;
z-index: 1;
}
.linkMessageCount {
display: inline-block;
position: relative;
top: -1px;
left: 5px;
font-family: Roboto, Arial;
font-size: 12px;
font-weight: 500;
line-height: 18px;
padding: 1px 6px 0px 6px;
text-align: center;
color: #fff;
background: #f10000;
border-radius: 10px;
z-index: 101;
}
#msgs.msgsIcon {
display: none;
}
.msgsIcon {
font-family: Icomoon2;
font-size: 25px;
display: inline-block;
position: relative;
top: -8px;
right: 65px;
}
#msgs.msgsIcon {
font-family: Icomoon2;
font-size: 25px;
position: absolute;
top: 18px;
right: 180px;
}
.msgsIcon.black a,
.msgsIcon.black a:hover {
/* color: #000;*/
}
.msgsIcon a,
.msgsIcon a:hover {
color: #fff;
text-decoration: none;
}
.addWorkHeaderAuthor,
.addWorkHeaderAuthor:hover {
padding: 6px 15px 6px 15px;
text-decoration: none;
position: relative;
top: -18px;
left: -15px;
line-height: 29px;
/*background-color: #ffffff6b;
border: 1px solid #00000045; */
font-size: 13px;
font-weight: 500;
color: #000;
border-radius: 20px;
font: var(--regularFont);
}
.addWorkIcon {
font-family: Icomoon2;
font-size: 34px;
color: #000;
position: relative;
top: 9px;
left: -5px;
}
.uploadIcon {
font-family: Icomoon2;
font-size: 25px;
color: #fff;
position: relative;
top: 16px;
}
.blackUploadIcon {
/*color: #000;*/
position: absolute;
top: -10px;
right: 19px;
}
.letterR {
font-family: Icomoon2;
font-size: 16px;
color: #fff;
position: relative;
opacity: 0.6;
margin-right: 5px;
top: 2px;
left: -4px;
line-height: 0px;
}
#logo,
#logoPopup {
float: left;
/*width: 190px;*/
margin-left: 0;
}
/* /header */
/* menu tbl */
#menuTbl td {
font-size: 12px;
font-weight: 700;
height: 50px;
padding: 0 0;
}
#menuTbl ul {
/*overflow: hidden;*/
white-space: nowrap;
text-overflow: clip;
}
#menuTbl li {
display: inline-block;
height: 45px;
}
#header.smallHeader #menuTbl li {
/*height: 30px;*/
top: 10px;
}
#header.smallHeader #menuTbl ul {
position: relative;
top: -9px;
}
#menuTbl li.dividerIndex {
height: 32px;
border-left: 1px solid #00000094;
position: relative;
top: 11px;
margin: 0 8px 0 14px;
}
.contractAddress {
padding: 4px 10px 7px 10px;
border-radius: 5px;
background-color: var(--grayBg);
margin: 0px 7px 3px 7px;
color: #000;
display: inline-block;
font: var(--regularFont);
font-weight: 400;
font-size: 13px;
}
#menuTbl a {
line-height: 32px;
display: block;
height: 27px;
margin-top: 10px;
padding: 0 11px;
-webkit-font-smoothing: antialiased;
font: var(--regularFont);
font-weight: 400;
font-size: 14px;
white-space: nowrap;
text-overflow: clip;
text-decoration: none;
color: #000;
position: relative;
letter-spacing: var(--ls);
}
#menuTbl a:hover {
text-decoration: none;
}
#menuTbl .menuIndex a, #menuTbl .menuIndex .downIcon {
color: #fff;
}
#header.smallHeader .downIcon {
color: #000;
}
#menuTbl .menuLiAct {
background: url(def/arr_menu_white.png?v1) 50% 53px no-repeat;
}
#menuTbl .menuAAct {
font: var(--boldFont);
font-size: 14px;
}
.headerPopup #menuTbl .menuAAct {
color: #fff;
}
#menuTbl #aTop200T a {
background-position: -68px -80px;
}
#menuTbl #aAllCommT a {
background-position: -131px -80px;
}
#menuTbl #aBlogT a {
background-position: -223px -80px;
}
#menuTbl #aFriendsT a {
background-position: -298px -80px;
}
#menuTbl #aAuthorsT a {
background-position: -358px -80px;
}
#menuTbl #aForumT a {
background-position: -417px -80px;
}
/* /menu tbl */
/* login form */
#loginDiv {
position: absolute;
z-index: 100;
right: 1px;
top: 1px;
text-align: right;
color: #fff;
}
#loginDiv table {
height: 40px;
margin-top: 3px;
}
#login,
#pass,
#authMoodInp,
#saveAuthMood {
font-size: 12px;
font-weight: 400;
width: 116px;
height: 12px;
color: #676767;
}
#authMoodInp {
float: left;
font-size: 11px;
line-height: 1.3;
height: 20px;
width: calc(100% - 50px);
margin-left: 5px;
}
#saveAuthMood {
float: left;
font-size: 11px;
line-height: 24px;
width: 22px;
height: 21px;
margin-left: 2px;
padding: 0;
color: #fff;
/*border: 1px solid #4880a9;*/
}
#moodTxt {
display: block;
max-width: 470px;
line-height: 19px;
color: #f1f1f1;
cursor: pointer;
}
#moodTxt .editIconMy {
color: #fff;
font-style: normal;
font-size: 14px;
line-height: 1px;
position: relative;
top: 2px;
}
#gallAjax {
min-height: 400px;
}
.gallAjaxAuthor {
/* background: #fff;*/
}
#moodTxt:hover,
#moodTxt .editIconMy:hover {
color: #fff;
}
#pass {
font-weight: 400;
margin: 2px 0;
}
#labelPass,
#labelLogin {
margin-top: 2px;
color: #222;
font: var(--regularFont);
font-size: 13px;
}
#regForgot {
font-size: 11px;
float: right;
margin-top: 5px;
padding-right: 7px;
}
#regForgot a {
text-decoration: none;
}
.reg_auth_dom {
width: 210px;
background: #fff url(def/reg_auth_dom_ru.png) 0 5px no-repeat;
}
#loginDivDivAccount {
padding: 11px 5px 0 0;
display: inline-block;
}
#loginDivDivAccount img {
position: relative;
top: -2px;
}
#loginDivDivName {
white-space: nowrap;
display: inline-block;
margin: 14px 4px 0 0;
width: 195px;
}
#loginDivName,
#loginDivName:hover {
display: block;
line-height: 16px;
white-space: nowrap;
color: #fff;
text-decoration: none;
text-overflow: ellipsis;
font-weight: 600;
font-size: 15px;
}
#loginDivName.loginDiv {
white-space: nowrap;
color: #000;
font: var(--regularFont);
font-size: 14px;
line-height: 8px;
position: relative;
right: 0;
}
#lp #loginDivName.loginDiv, #lp .loginMenuIcon {
color: #fff;
}
#loginAvatar {
display: block;
width: 41px;
height: 41px;
text-align: right;
/*margin-right: 7px;*/
}
#loginAvatar .usmenu {
width: 41px;
height: 41px;
}
#loginAvatar:hover {
/* background-position: -295px -9px; */
}
#loginAvatar img {
padding: 5px 5px 0 0;
}
#loginAvatar div.round {
display: inline-block;
margin: 5px 12px 0 0;
border-radius: 43%;
}
#loginFormD input {
line-height: 26px;
width: 212px;
height: 26px;
margin: 5px 0 8px 0;
padding: 0 5px;
color: #000;
border: 1px solid #d0d0d0;
}
#loginFormD input:focus {
border-color: rgba(82, 168, 236, .75);
}
#loginFormD label {
color: #000;
}
.portfolioMenuLinks,
.portfolioMenuLinks:hover {
font-size: 12px;
font-weight: 400;
padding: 5px 10px;
/* background-color: #008ed0; */
color: #272727;
border-radius: 4px;
text-decoration: none;
}
/* /login form */
.popupHints {
display: none;
position: absolute;
top: 90px;
right: 25px;
border-radius: 10px;
padding: 25px 30px 20px 30px;
line-height: 17px;
font-size: 14px;
width: 320px;
color: #aaa;
box-shadow: 0 0 20px 10px #00000067;
background-color: #3C3D42;
z-index: 100;
}
.popupHints b,
.hintsHeader {
color: #E6E6E6;
}
.hintsHeader {
font-size: 18px;
line-height: 13px;
font-weight: 500;
}
.okBt {
border: 1px solid #d6d6d6;
padding: 8px 12px;
color: #d6d6d6;
cursor: pointer;
width: 50px;
text-align: center;
margin-top: 10px;
border-radius: 6px;
}
.popupCover {
position: absolute;
width: 440px;
height: 180px;
top: 15px;
left: 15px;
z-index: 1;
border-radius: 9px;
text-align: center;
/* box-shadow: inset 0 0 20px 0px #00000059; */
}
.apmAuthMood {
white-space: nowrap;
height: 20px;
font: var(--regularFont);
font-size: 11px;
letter-spacing: var(--ls);
position: relative;
display: inline-block;
max-width: 300px;
text-overflow: ellipsis;
overflow: hidden;
color: var(--grayBlue);
}
.apmAuthMood a {
color: #444;
}
.apmAuthName {
font: var(--mediumFont);
font-weight: 500;
color: #fff;
font-size: 15px;
position: absolute;
top: 69px;
left: 243px;
display: block;
}
.dd_auth_stats {
position: relative;
top: -2px;
z-index: 100;
display: none;
}
.dd_auth_stats .profileLink,
.dd_auth_stats .profileLink:hover {
top: 0px;
font-size: 16px;
margin-right: 8px;
}
.commRatingIcon {
font-family: Icomoon2;
position: relative;
top: 2px;
margin-right: 2px;
margin-left: 10px;
}
.lensIcon,
.flashIcon,
.filmIcon,
.exposureIcon,
.isoIcon,
.focalIcon {
font-family: Icomoon2;
font-size: 14px;
position: relative;
color: var(--grayBlue2);
top: 1px;
margin-right: 2px;
font-weight: 100;
}
.isoIcon {
font-size: 20px;
top: 4px;
margin-right: 3px;
left: -1px;
}
.focalIcon {
font-size: 19px;
top: 4px;
margin-right: 5px;
}
.exposureIcon {
font-size: 24px;
left: -3px;
top: 5px;
margin-right: -1px;
}
.flashIcon {
font-size: 20px;
top: 4px;
margin-right: 1px;
}
.filmIcon {
font-size: 17px;
margin-right: 4px;
}
.exif {
font-weight: 600;
font-size: 14px;
color: #000;
}
.dd_auth_stats .menuIconPhoto2 {
font-family: Icomoon2;
position: relative;
display: inline-block;
width: 22px;
height: 22px;
border-radius: 20px;
background-color: #e5e6e9;
margin-left: 5px;
text-align: center;
}
.authProfileMsg {
position: relative;
top: 100px;
}
.rating2 {
font-size: 11px;
line-height: 23px;
}
.views2 {
font-size: 14px;
top: 1px;
line-height: 23px;
}
.recs2 {
font-size: 14px;
line-height: 21px;
}
.aboutPortraitWrap {
display: inline-block;
/*border: 5px solid #eeeff0;*/
margin-bottom: 10px;
background-color: #c8c8c8;
position: relative;
width: 220px;
height: 310px;
overflow: hidden;
border-radius: 4px;
}
.aboutPortrait {
width: 220px;
height: 310px;
background-size: cover;
background-position: center;
/*transform: scale(1.09);*/
/*filter: url(#sharpen);*/
}
.apmAuthLoc {
font: var(--regularFont);
/*Roboto, Helvetica, Arial, sans-serif;*/
font-size: 13px;
color: #000;
text-align: left;
font-weight: 300;
display: inline-block;
/*border-radius: 20px;*/
padding: 1px 8px 1px 2px;
position: relative;
left: -5px;
top: 1px;
height: 25px;
max-width: 270px;
margin-top: 0px;
overflow: hidden;
text-overflow: ellipsis;
line-height: 22px;
}
.authLoc {
text-align: center;
padding-top: 20px;
/* position: relative;
top: 13px;*/
}
.authLoc a,
.authLoc a:hover {
text-decoration: none;
}
.authLoc .apmAuthLoc {
left: 0;
margin-left: 9px;
background-color: transparent;
font-size: 12px;
color: #000;
display: inline-block;
}
.apmAuthLoc a:hover, .apmAuthName a:hover, .apmAuthLoc a {
color: #fff;
}
.apmAuthMood, .apmAuthMood a {
color: var(--grayBg2);
}
.authLoc .facebook_icon,
.authLoc .vk_icon,
.authLoc .lj_icon,
.authLoc .instagram_icon,
.authLoc .twitter_icon,
.authLoc .phone_icon,
.authLoc .skype_icon {
color: #fff;
}
.authStats {
display: none;
position: absolute;
top: 82px;
right: 22px;
color: #fff;
}
.authStats .authStatVal {
font-size: 16px;
font: var(--mediumFont);
}
.authStats .authStatStr {
font-size: 11px;
}
.authStats .authStatCover {
border: 0;
padding: 0 5px;
}
.authStatVal,
.authStatStr {
position: relative;
top: -11px;
}
.locPos {
position: relative;
top: 1px;
display: inline-block;
}
.locPos .about_icon,
.locPos .website_icon {
color: #fff !important;
font-size: 14px !important;
font-weight: normal;
top: 1px;
left: -1px;
}
.fb_icon {
font-family: Icomoon2;
font-size: 26px;
font-style: normal;
}
.medium_icon {
font-family: Icomoon2;
font-size: 14px;
line-height: 3.6;
position: relative;
top: -5px;
font-style: normal;
}
.fb_button_icon {
font-family: Icomoon2;
font-size: 21px;
font-style: normal;
line-height: 15px;
position: relative;
top: 5px;
margin-right: 5px;
}
.footer-dark {
margin-bottom: -15px;
padding: 50px 0;
color: #000;
background-color: #fff;
/*#f7f7f7;*/
font: var(--regularFont);
position: relative;
z-index: 111;
}
.footer-dark h3 {
margin-top: 0;
margin-bottom: 12px;
font-weight: 600;
font-size: 17px;
}
.footer-dark ul {
padding: 0;
list-style: none;
line-height: 1.6;
font-size: 14px;
margin-bottom: 0;
}
.footer-dark ul a {
color: inherit;
text-decoration: none;
opacity: 1;
}
.footer-dark ul a:hover {
opacity: 1;
}
.footer-dark .item.text {
margin-bottom: 36px;
}
.footer-dark .item.text p {
opacity: 0.9;
color: var(--grayBlue);
margin-bottom: 0;
font-size: 11px;
line-height: 1.2;
}
.footer-dark .item.social {
flex: 0 0 27%;
max-width: 27%;
margin-left: 4%;
}
.footer-dark .item.social>a {
font-size: 20px;
width: 40px;
height: 40px;
line-height: 40px;
display: inline-block;
text-align: center;
border-radius: 50%;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
color: #000;
opacity: 1;
text-decoration: none;
margin: 0 2px 10px 2px;
}
.footer-dark .item.social>a:first-of-type {
margin-left: -1px;
}
.footer-dark .item.social>a:hover {
opacity: 0.9;
}
.footer-dark .copyright {
text-align: left;
padding-top: 24px;
opacity: 1;
font-size: 15px;
margin-bottom: 0;
}
.col-md-3 {
flex: 0 0 13%;
max-width: 13%;
}
.col-md-6 {
flex: 0 0 30%;
max-width: 30%;
text-align: right;
}
.col {
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.container {
width: calc(100% - 130px);
margin-right: 65px;
margin-left: 65px;
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.container::before {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: .4;
content: "";
z-index: -1;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.locPos .website_icon {
font-size: 16px !important;
margin-right: 5px;
top: 3px;
line-height: 17px;
}
.apmAuthLoc a,
.apmAuthName a {
font: var(--regularFont);
font-size: 11px;
text-decoration: none;
}
.apmAuthLoc span {
color: #fff;
}
.apmAuthLoc img {
opacity: 1;
}
.auth_loc {
color: #fff !important;
font-size: 16px !important;
vertical-align: unset !important;
line-height: normal;
top: 1px;
position: relative;
margin-right: 5px;
}
#apmAuthor {
display: none;
/*width: 240px;*/
width: 100%;
height: 120px;
overflow: hidden;
}
.apmAuthor {
position: absolute;
text-align: left;
height: 67px;
top: 63px;
width: 160px;
display: inline-block;
clip-path: polygon(0% 0%, 100% 0, 100% 0, calc(100% + 45px) 100%, 0 100%);
background-color: #252525;
background-image: url(/css/def/default_cover.jpg);
background-size: cover;
/* box-shadow: 0 3000px rgba(0, 0, 0, 0.2) inset; */
z-index: 160;
border-radius: 0 0 0 20px;
}
.apmAuthName img {
height: 14px;
position: relative;
display: inline-block;
top: 0px;
margin-left: 5px;
}
.apmAuthName img.authFlag {
height: 15px;
margin: 0 0 0 7px;
}
.FBOOKicon {
background-image: url(../img/facebook_icon.png);
background-size: cover;
}
/* user menu */
#userMenu,
#userMenuNOlogin {
position: absolute;
z-index: 600;
top: 50px;
right: -3px;
display: none;
width: 590px;
height: 210px;
min-height: 1%;
text-align: left;
border-top: none;
box-shadow: 0px 6px 30px 2px rgb(84 89 103 / 32%);
background-color: #fff;
border-radius: 16px;
}
#userMenu:before {
content: '';
position: absolute;
width: 10px;
background-color: #fff;
height: 10px;
box-shadow: -2px -2px 3px 0 rgba(0, 0, 0, 0.04);
top: -5px;
right: 23px;
transform: rotate(45deg);
}
.labelLogin {
font-size: 14px;
font-weight: 500;
padding: 0;
}
#burgerIconMin3.hamburger {
padding-top: 9px;
}
#userMenu.authMin {
width: 770px;
right: 7px;
}
#userMenuItems2 {
width: 105px;
padding-left: 27px;
border-left: 1px solid #dedede;
left: 620px;
}
#userMenuItems,
#userMenuItems2 {
position: absolute;
top: 15px;
}
.imsa,
.imsa:active,
.imsa:visited {
line-height: 19px;
color: #292929;
text-decoration: none;
}
#userMenuItems .itms,
#userMenuItems2 .itms {
height: 29px;
}
.usmenu {
border-radius: 50%;
display: inline-block;
/*filter: url(#sharpen);*/
}
.workAvatar .usmenu {
border: 4px solid #fff;
width: 70px;
height: 70px;
}
.workAvShadow {
border-radius: 50%;
display: inline-block;
box-shadow: var(--expShadow);
width: 65px;
height: 65px;
}
#loginAvatarMin2 .usmenu {
top: 3px;
position: relative;
width: 32px;
height: 32px;
}
#loginAvatarPopup .usmenu {
top: 9px;
position: relative;
}
.menuIconWorks.FAV {
color: #ff0000;
}
.menuIconWorks.BOOK {
color: #ff880a;
font-size: 16px;
top: -2px;
left: -1px;
}
.menuIconWorks.PORT {
font-size: 16px;
left: -1px;
}
.menuIconWorks2.LOGOUT {
left: 1px;
font-weight: 600;
}
.menuIconWorks.BLOG {
font-size: 15px;
left: 1px;
}
#userMenu a:hover {
cursor: pointer;
}
#userMenu.loginBody {
width: 273px;
height: 280px;
}
#userMenuArr {
position: relative;
top: 92px;
/* left: 90px; */
/* width: 360px; */
text-align: center;
}
.roundUserMenu {
border-radius: 43%;
border: 2px solid #ffffffdb;
z-index: 300;
}
#userMenuName {
font-weight: 500;
font-size: 18px;
overflow: hidden;
white-space: normal;
text-overflow: clip;
color: #fff;
}
#userMenuBody {
min-height: 1%;
padding: 0px 25px 10px 25px;
/* margin-top: 6px; */
color: #3c3c3c;
/* border-right:1px solid #dedede; */
}
#userMenuBody .usmenu {
width: 75px;
height: 75px;
}
#userMenuItems {
width: 157px;
left: 455px;
}
.userMenuBottom {
position: absolute;
top: 205px;
left: 12px;
}
#userMenuItems li {
padding-left: 7px;
height: 26px;
margin-left: 10px;
list-style: none;
}
#userMenuItems li:last-of-type {
margin-top: 14px;
}
.blogReadMore {
border-bottom: 1px solid #8796af4f;
position: relative;
top: 23px;
z-index: 1;
text-align: right;
width: 800px;
margin: 0 auto;
}
.iconBlogReadLink {
font-family: Icomoon2;
font-size: 14px;
color: var(--grayBlue);
position: relative;
top: 1px;
margin: 0 4px 0 1px;
}
.website_icon {
font-family: Icomoon2;
font-size: 14px;
color: #fff;
position: relative;
top: 2px;
margin: 0 7px 0 3px;
vertical-align: unset;
line-height: 19px;
}
.facebook_icon,
.vk_icon,
.instagram_icon,
.twitter_icon,
.email_icon {
font-family: Icomoon2;
font-size: 14px;
color: #fff;
position: relative;
top: -7px;
margin: 0 4px 0 -3px;
vertical-align: unset;
}
.lj_icon,
.phone_icon,
.skype_icon {
font-family: "fontello", serif;
font-size: 14px;
color: #fff;
position: relative;
top: -8px;
left: -3px;
}
.icon_check {
font-family: Icomoon2;
font-size: 13px;
color: #fff;
position: relative;
line-height: 30px;
margin: 0 2px;
top: 1px;
}
.icon_picture {
font-family: Icomoon2;
font-size: 18px;
color: #fff;
position: relative;
top: 3px;
margin: 0 4px;
}
.icon_down {
font-family: Icomoon2;
font-size: 15px;
color: #2678af;
position: relative;
top: 2px;
margin: 0 4px;
}
.downIcon {
font-family: Icomoon2;
font-size: 14px;
font-style: normal;
line-height: 0;
color: #000;
position: relative;
top: 1px;
margin: 0 0px 0 5px;
}
#authProfilMenu .downIcon.iColor {
/*color: #000;*/
}
.searchIcon {
font-family: Icomoon2;
font-size: 22px;
line-height: 0;
color: #8979b9;
/*#7399ce;*/
position: relative;
top: 25px;
z-index: 10;
left: 10px;
font-weight: normal;
/* margin: 0 4px 0 4px; */
}
.blogReadLink,
.blogReadLink:hover {
position: relative;
top: 7px;
padding-left: 6px;
background: #fff;
}
.blogReadLink a,
.blogReadLink a:hover {
text-decoration: none;
font-weight: 400;
color: var(--grayBlue);
font-size: 14px;
}
#userMenuItems a:hover,
#userMenuItems2 a:hover {
text-decoration: none;
color: #7aa3d0;
}
#userMenuItems a,
#userMenuItems2 a {
font: var(--regularFont);
font-size: 13px;
display: block;
color: var(--black);
}
#userMenuTheme {
clear: both;
padding: 5px 0 0 0;
}
#headerTheme {
padding-top: 16px;
/* float: left; */
text-align: left;
width: 185px;
}
#headerTheme .headerActTheme {
color: #cfe2fe;
text-decoration: underline;
}
#headerTheme a {
color: #fff;
text-decoration: none;
}
#headerTheme span {
font-weight: 700;
color: #dae7f7;
}
#userMenuTheme a,
#userMenuTheme span {
line-height: 20px;
float: left;
margin-right: 4px;
}
#userMenuTheme span {
color: #5c5c5c;
}
#userMenuThemeD,
#userMenuThemeL {
display: block;
width: 24px;
height: 24px;
border-radius: 50%;
}
#userMenuThemeD:hover,
#userMenuThemeL:hover {
text-decoration: none;
}
.FBlinkPopup,
.FBlinkPopup:hover {
color: #000;
text-decoration: none;
}
#userMenuThemeD {
background-color: #1e1e1e;
}
#userMenuThemeL {
border: 1px solid #f7f7f7;
background: #f7f7f7;
color: #efefef;
}
.authMenuIconBg {
width: 17px;
top: -3px;
position: relative;
}
.menuIconPhoto,
.menuIconPortfolio,
.menuIconBlog,
.menuIconSubs,
.menuIconAbout,
.menuIconSort,
.menuIconSeries {
font-family: Icomoon2;
font-size: 23px;
color: #000;
position: relative;
top: 6px;
border-radius: 25px;
}
#smallAvatarsContainer .menuIconSubs {
color: #fff;
}
.menuIconRating {
width: 17px;
height: 17px;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' fill='none' viewBox='0 0 150 150'%3e%3cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='13.038' d='M50 93.75v12.5m25-37.5v37.5m25-62.5v62.5m-51.25 25h52.5c10.501 0 15.751 0 19.762-2.044a18.733 18.733 0 0 0 8.194-8.194c2.044-4.011 2.044-9.261 2.044-19.762v-52.5c0-10.501 0-15.752-2.044-19.762a18.742 18.742 0 0 0-8.194-8.194c-4.011-2.044-9.261-2.044-19.762-2.044h-52.5c-10.501 0-15.752 0-19.762 2.044a18.75 18.75 0 0 0-8.194 8.194c-2.044 4.01-2.044 9.261-2.044 19.762v52.5c0 10.501 0 15.751 2.044 19.762a18.742 18.742 0 0 0 8.194 8.194c4.01 2.044 9.261 2.044 19.762 2.044Z'/%3e%3c/svg%3e");
background-size: contain;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
background-repeat: no-repeat;
}
.menuIconCalender {
width: 17px;
height: 17px;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' fill='none' viewBox='0 0 150 150'%3e%3cpath fill='black' d='M118.75 25h-12.5v-6.25A6.247 6.247 0 0 0 100 12.5a6.25 6.25 0 0 0-6.25 6.25V25h-37.5v-6.25a6.25 6.25 0 0 0-12.5 0V25h-12.5A18.75 18.75 0 0 0 12.5 43.75v75a18.749 18.749 0 0 0 18.75 18.75h87.5c4.973 0 9.742-1.975 13.258-5.492a18.746 18.746 0 0 0 5.492-13.258v-75A18.748 18.748 0 0 0 118.75 25Zm6.25 93.75a6.245 6.245 0 0 1-1.831 4.419A6.245 6.245 0 0 1 118.75 125h-87.5a6.247 6.247 0 0 1-6.25-6.25V75h100v43.75Zm0-56.25H25V43.75a6.25 6.25 0 0 1 6.25-6.25h12.5v6.25a6.25 6.25 0 0 0 12.5 0V37.5h37.5v6.25a6.25 6.25 0 0 0 12.5 0V37.5h12.5a6.248 6.248 0 0 1 6.25 6.25V62.5Z'/%3e%3c/svg%3e");
background-size: contain;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
background-repeat: no-repeat;
}
.menuIconSort {
font-size: 24px;
}
.gallMenuTab .menuIconSort {
padding-right: 5px;
font-size: 17px;
top: 3px;
}
.menuIconSeries {
font-size: 22px;
top: 6px;
left: -1px;
line-height: 24px;
}
.menuIconBlock {
font-family: Icomoon2;
font-size: 16px;
color: #000;
/* line-height: 20px; */
position: absolute;
top: 4px;
left: 15px;
}
.menuIconSubs {
font-size: 15px;
line-height: 22px;
top: 6px;
left: 0px;
}
.menuIconBlog {
font-size: 21px;
top: 6px;
line-height: 25px;
}
#bannedLnk.profileLink {}
#bannedLnk {
display: inline-block;
}
.menuIconPhoto {
top: 5px;
font-size: 21px;
}
.roundAvatar.borderColor {
/* border-color: #000000c7;*/
border: 0;
}
#linkPhotos {
height: 31px;
margin: 0 7px;
}
#linkSeries {
height: 31px;
position: relative;
}
.menuIconAbout {
top: 6px;
font-size: 22px;
}
.menuIconGalPhoto {
font-family: Icomoon2;
font-size: 16px;
color: #292929;
position: relative;
padding: 7px;
background: #e3e3e6;
border-radius: 25px;
margin-right: 6px;
top: 1px;
}
.menuIconDate {
font-family: Icomoon2;
font-size: 15px;
position: relative;
margin-right: 5px;
top: 1px;
}
#authSerieLines {
clear: left;
line-height: normal;
padding: 2px 30px 70px 2px;
max-height: 100vh;
min-height: 345px;
overflow-y: auto;
overflow-x: hidden;
}
#authSerieLines::-webkit-scrollbar {
width: 0px;
}
#authSerieLines:hover::-webkit-scrollbar {
width: 4px;
}
#authSerieLines::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}
#authSerieLines::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.25);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.menuIconWorks2 {
font-family: Icomoon2;
font-size: 14px;
color: #383838;
position: relative;
padding-right: 9px;
top: 1px;
display: inline-block;
width: 15px;
text-align: center;
}
.menuIconWorks {
font-family: Icomoon;
font-size: 14px;
color: #383838;
position: relative;
padding-right: 9px;
display: inline-block;
/* top: 1px; */
width: 15px;
vertical-align: middle;
text-align: center;
}
.loginMenuIcon {
font-family: Icomoon;
font-size: 14px;
font-weight: 100;
color: #000;
position: relative;
padding-right: 6px;
top: 2px;
}
.wrapWorksIcon {
width: 100%;
text-align: center;
padding-top: 6px;
}
.lastWorksIcon {
font-family: Icomoon;
font-size: 14px;
font-weight: 100;
color: #606060;
position: relative;
cursor: pointer;
}
.bestWorksIcon {
font-family: Icomoon;
font-size: 14px;
font-weight: 100;
color: #606060;
position: relative;
margin-left: 6px;
cursor: pointer;
}
.icon_serie {
font-family: Icomoon2;
font-size: 12px;
color: #000;
background-color: #ebebeb;
border-radius: 30px;
position: relative;
margin-right: 8px;
width: 20px;
top: -7px;
line-height: 30px;
height: 20px;
padding: 6px;
vertical-align: top;
}
#userMenuB {
width: 587px;
height: 23px;
margin-left: 2px;
padding-left: 18px;
margin-top: 18px;
/*
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
-khtml-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
-khtml-border-bottom-right-radius: 3px;
*/
}
#userMenuB .about_icon {
color: #5c81ab;
}
#userMenuEdit,
#userMenuLogout {
width: 223px;
height: 17px;
z-index: 102;
color: #000;
display: block;
font: var(--regularFont);
font-size: 12px;
margin: 0 auto;
}
#userMenuLogout {
font-weight: 600;
float: right;
width: 116px;
border-bottom: 5px solid #960000;
height: 26px;
line-height: 28px;
padding: 0;
text-align: center;
color: #fff;
background-color: #b90000;
}
#uMyNewMessCnt,
#myNewMessCnt {
color: #d23636;
}
#myNewMess,
#myNewMess2 {
background-color: #ff2200;
padding: 0px 6px 0px 6px;
font-size: 14px;
border-radius: 20px;
color: #fff;
display: inline-block;
height: 22px;
font-weight: 500;
line-height: 23px;
min-width: 22px;
text-align: center;
padding: 0 5px;
box-sizing:border-box;
}
.connectAssets {
width: 100%;
text-align: center;
padding: 0 0 70px 0;
font: var(--boldFont);
font-size: 25px;
}
.newMessDot {
background-color: #ff2200;
min-width: 20px;
height: 20px;
border-radius: 10px;
display: inline-grid;
place-items: center;
/* position: relative; */
font-size: 12px;
color: #fff;
font-weight: 500;
font: var(--regularFont);
line-height: 20px;
padding: 0 5px;
margin-left: 5px;
box-sizing:border-box;
}
.replyCnt {
background-color: #ff2200;
min-width: 17px;
height: 17px;
border-radius: 10px;
display: inline-block;
position: relative;
left: -10px;
box-sizing: border-box;
font-size: 12px;
padding: 0 5px;
color: #fff;
font-weight: 500;
font: var(--regularFont);
font-size: 12px;
line-height: 18px;
text-align: center;
}
#header.smallHeader .newMessDot {
background-color: #ff2200;
color: #fff;
}
.offerBlock {
margin: 20px 0 1px 45px;
/* border: 2px solid #cccccc; */
border-radius: 10px;
padding: 13px 15px;
background-color: #fff;
box-shadow: var(--popupShadow);
position: relative;
overflow: hidden;
}
.offerBlock div {
letter-spacing: var(--ls);
}
.offerClose {
height: 17px;
cursor: pointer;
}
/*.offerBlock::before {
content: '';
position: absolute;
right: 582px;
top: -1px;
border: 7px solid transparent;
}
.offerBlock::after {
content: '';
position: absolute;
right: 663px;
top: 0px;
border: 7px solid transparent;
border-top: 7px solid #fff;
}
*/
.offerHeader {
font: var(--mediumFont);
font-size: 14px;
margin-bottom: 5px;
}
.offerSubHeader {
font: var(--regularFont);
font-size: 12px;
color: var(--grayBlue);
line-height: 15px;
margin-top: 10px;
}
.offerBody {
margin: 20px 0 5px 0;
}
.offerSmall {
font: var(--regularFont);
font-size: 12px;
display: inline-block;
color: var(--grayBlue);
/* width: 307px; */
margin: 4px 0 0 1px;
}
.offerAmount,
.offerAmountWork {
border-radius: 5px;
border: 1px solid var(--grayBorder);
height: 33px;
margin-right: 5px;
width: 478px;
padding: 1px 9px;
font: var(--regularFont);
font-size: 15px;
}
.offerButton {}
.offerList {
max-height: 155px;
overflow-y: scroll;
}
.offerList::-webkit-scrollbar {
width: 3px;
}
.offerList::-webkit-scrollbar-track {
border-radius: 10px;
}
.offerList::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 0px 5px rgb(0 0 0 / 18%);
}
.offerSubmit,
.offerSubmitWork {
font: var(--mediumFont);
font-size: 13px;
color: #fff;
background-color: #000;
padding: 10px 20px;
white-space: nowrap;
border-radius: 7px;
border: 0;
cursor: pointer;
height: 37px;
width: 125px;
position: relative;
top: -1px;
}
.offerSubmitWork {
margin-top: 7px;
width: 100%;
line-height: 16px;
}
.offerAmountWork {
width: 100%;
box-sizing: border-box;
height: 40px;
letter-spacing: -0.5px;
}
.offerLineAmount {
font: var(--regularFont);
font-size: 13px;
}
.offerLineAmountAuthName {
max-width: 110px;
display: inline-flex;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font: var(--boldFont);
font-size: 13px;
}
.offerLineAmountBold {
font: var(--boldFont);
font-size: 13px;
}
.offerLineFrom {
font: var(--regularFont);
font-size: 13px;
color: var(--grayBlue);
margin: 0 6px;
}
.offerLineAddress {
font: var(--regularFont);
font-size: 12px;
color: #a9a9a9;
margin: 4px 0;
}
.offerLine {
margin: 21px 0;
}
.offerLine:first-of-type {
margin-top: 10px;
}
.buyPhotoOffers {
max-height: 320px;
overflow-y: scroll;
}
.buyPhotoOffers::-webkit-scrollbar {
width: 3px;
}
.buyPhotoOffers::-webkit-scrollbar-track {
border-radius: 10px;
}
.buyPhotoOffers::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 0px 5px rgb(0 0 0 / 18%);
}
#headerAuth.smallHeader .newMessDot {
background-color: #ff2200;
color: #fff;
}
a.cover b {
color: #fff;
}
.wrapper {
display: flex;
width: calc(100% - 100px);
margin:20px 50px 0px 50px;
box-sizing: border-box;
}
/* /user menu */
/* gallery menu */
.wrapGallMenu {
padding: 0px 50px;
}
.wrapGallMenuItem {
width: 175px;
position: relative;
flex-shrink: 0;
}
.gallMenuHeaderTab2 {
flex-grow: 1;
padding: 13px 0;
white-space: nowrap;
overflow: hidden;
}
.wrapRight {
width: 300px;
/* text-align: right; */
flex-shrink: 0;
margin-left: auto;
display: flex;
gap: 5px;
padding: 2px 0;
flex-direction: row-reverse;
}
.wrapGallMenuItemRight {
z-index: 1;
background: var(--grayBg);
padding: 11px 17px;
border-radius: 30px;
}
.gallMenu {
display: inline-block;
border: 0;
}
.gallMenu a {
padding: 12px 18px;
border-radius: 30px;
color: var(--black);
font-size:13px;
}
.gallMenu a:hover {
background:var(--grayBg);
}
.gallMenuAct {
display: inline-block;
margin: 0 5px;
/* border-bottom: 3px solid #7399ce; */
font: var(--mediumFont);
font-size: 12px;
}
.gallMenuAct a {
background: var(--grayBg);
border-radius: 30px;
}
.menuAct {
border-bottom: 3px solid #7399ce;
}
.gallMenuTab {
z-index: 1;
font: var(--regularFont);
font-size: 13px;
color: #000;
cursor: pointer;
line-height: 1.1;
position: relative;
white-space:nowrap;
}
.sortMenuTab {
z-index: 600;
float: left;
margin-right: 0px;
padding: 0 14px 0 0px;
font: var(--regularFont);
/*PTRegular, 'Roboto', Helvetica, sans-serif;*/
font-size: 18px;
font-weight: 400;
color: #000;
cursor: pointer;
position: relative;
top: -9px;
}
.vmid {
vertical-align:middle;
}
.gallMenuTab .downIcon {
display: inline-block;
vertical-align: middle;
margin-left: 7px;
line-height: 1;
}
.gallHeader2 {
color: #fff;
font: var(--regularFont);
font-size: 14px;
/* font-weight: 500; */
background: #000000c2;
border-radius: 0 0 15px 15px;
padding: 9px 20px 12px 20px;
}
#gallPath2 .gallHeader2 {
/*color: #000;*/
}
.gallPath2 .gallHeader2 {
font-size: 15px;
font-weight: 500;
}
.gallMenuHeaderTab2 a,
.gallMenuHeaderTab2 a:hover {
text-decoration: none;
}
.galleryContent,
.formContent {
position: relative;
top: -15a1ffpx;
}
.pLeft {
position: absolute;
left: 50px;
top: 0px;
}
.pRight {
position: absolute;
right: 57px;
top: 0px;
}
.pRight h1 {
font-size: 14px;
}
.roundedGallPagerB .leftArrow,
.roundedGallPagerB .rightArrow,
#pagerTop .rightArrow,
#pagerTop .leftArrow {
font-family: Icomoon2;
font-size: 16px;
font-weight: 500;
color: #000;
margin: 0 5px;
background-color: transparent;
position: relative;
top: 2px;
padding: 0 4px;
}
.pageHeader {
position: relative;
/* top: 2px; */
color: var(--black);
font: var(--mediumFont);
letter-spacing: -1.3px;
font-size: 32px;
/* padding-top: 12px; */
width: 910px;
margin: 120px auto 30px auto;
}
.pageSubHeader {
padding-top: 3px;
padding-left: 1px;
color: var(--black);
font: var(--regularFont);
font-size: 15px;
font-weight: 400;
letter-spacing: var(--ls);
width: 80%;
max-height: 100px;
height: auto;
}
.subGallHeader {
/*position: relative;*/
color: var(--black);
font: var(--mediumFont);
letter-spacing: -1.3px;
font-size: 20px;
padding-top: 12px;
}
.gallMenuHeaderTab,
.gallHeader {
/* float: left; */
/* position: relative; */
/* top: 2px; */
/* color: #000; */
font: var(--boldFont);
font-size: 14px;
/* margin-right: 20px; */
letter-spacing: -0.8px;
}
.gallHeader {
top: 10px;
}
.pHeader {
position: relative;
left: 50px;
top: 16px;
}
.newTop {
top: 0px;
}
.disabledRec {
font-size: 11px;
padding-top: 7px;
opacity: .7;
line-height: 11px;
padding-left: 5px;
display: inline-block;
}
.commText img.emoji, .previewComm img.emoji, .commQuotePopup img.emoji, .commQuote img.emoji {
width: 1.35em;
height: 1.35em;
margin: 0 0.175em 0 0.175em;
display: inline-block;
vertical-align: -0.25em;
}
.emojiPick {
display: inline-block;
width: 30px;
height: 30px;
margin: 0 0px 0 10px;
cursor: pointer;
position: relative;
top: 3px;
box-shadow: var(--mainShadow);
border-radius: 50px;
}
#pickerWrap {
position: relative;
display: inline-block;
z-index: 1111;
}
#pickerWrapPopup {
position: relative;
display: inline-block;
top: 8px;
left: -7px;
}
.commentGallHeader {
padding-left: 1px;
color: var(--light);
font: var(--regularFont);
font-size: 12px;
font-weight: 400;
letter-spacing: var(--ls);
width: 80%;
max-height: 100px;
height: auto;
top: -1px;
position: relative;
}
.tabPos, .actionsPos {
position: absolute;
/* bottom: 20px; */
left: 300px;
top: 15px;
/* left: 240px; */
/* top: 14px; */
background-color: var(--grayBg);
padding: 10px 0px 12px 4px;
border-radius: 30px;
}
.actionsPos {
left: 240px;
top: 14px;
background-color: var(--grayBg);
padding: 10px 5px 12px 15px;
border-radius: 30px;
}
.wrapGallPath {
padding: 2px 0 0px 0;
}
.gallHeader {}
.workNextPrev {
right: 45px;
}
.gallMenuHeaderTab {
cursor: pointer;
font-size: 18px;
padding-bottom: 20px;
background: var(--grayBg);
border-radius: 30px;
display:inline-block;
padding: 5px 15px 8px 15px;
}
.gHeader {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
max-width: 350px;
position: relative;
top: 4px;
height: 26px;
padding-top: 2px;
font-weight: 600;
letter-spacing: -0.6px;
box-sizing: border-box;
}
.gallMenuHeaderTab i.about_icon {
/* -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-khtml-border-radius: 4px;
background-color: #e6e6e6; */
padding: 0 0;
color: #484848;
font-size: 10px;
height: 23px;
line-height: 23px;
cursor: pointer;
/* border: 1px solid transparent; */
}
.authProfMenu i.about_icon {
font-size: 10px;
color: #000;
left: 4px;
position: relative;
}
.gallMenuHeaderTab.gallMenuTabAct {
/*z-index: 1000;
background-color: white;
border-top: 1px solid rgba(0, 0, 0, .25);
border-bottom: none;
border-right: 1px solid rgba(0, 0, 0, .25);
border-left: 1px solid rgba(0, 0, 0, .25);
border-top-right-radius: 4px;
border-top-left-radius: 4px;
box-shadow: 1px -1px 1px 0px rgba(0, 0, 0, .3);*/
}
.gallMenuHeaderTab.gallMenuTabAct i.about_icon,
.gallMenuTab.gallMenuTabAct i.about_icon {
background-color: transparent;
color: #000;
}
.gallMenuTab.gallMenuTabAct {
z-index: 1000;
position: relative;
color: #000;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
-khtml-border-radius: 4px 4px 0 0;
}
.gallMenuHeaderContent::after {
content: '';
position: absolute;
width: 12px;
background-color: #fff;
height: 12px;
box-shadow: -2px -2px 3px 0 #00000003;
top: -6px;
left: 28px;
transform: rotate(45deg);
}
.gallMenuContent {
z-index: 1;
position: absolute;
top: 30px;
right: -17px;
padding: 7px;
background-color: #fff;
border-radius: 10px;
box-shadow: 0px 4px 12px 0px rgb(0 0 0 / 14%);
}
.gallMenuSortingContent {
min-width: 80px;
}
.gallMenuContent:before {
content: '';
position: absolute;
width: 10px;
background-color: #fff;
height: 10px;
box-shadow: -3px -3px 4px 1px rgb(0 0 0 / 3%);
top: -5px;
right: 16px;
transform: rotate(45deg);
}
.authMenuContent,
.authMenuHeaderContent {
/*z-index: 999;*/
z-index: 1;
position: absolute;
top: 47px;
left: 43px;
padding: 11px 5px;
background-color: #fff;
border-radius: 6px;
box-shadow: 0px 0px 19px 3px rgb(0 0 0 / 9%);
text-align: left;
}
.authActivityMenu {
z-index: 1000;
position: absolute;
top: 34px;
right: -13px;
border-radius: 6px;
padding: 11px 10px 15px 10px;
background-color: #fff;
box-shadow: 0px 0px 19px 3px rgb(0 0 0 / 9%);
font: var(--regularFont);
/*PTRegular, Helvetica Neue, Roboto, Arial, sans-serif;*/
}
.authActivityMenu:before {
content: '';
position: absolute;
width: 10px;
background-color: #fff;
height: 10px;
box-shadow: -3px -3px 4px 1px rgb(0 0 0 / 2%);
top: -5px;
right: 32px;
transform: rotate(45deg);
}
.authMenuSortingContent,
.authActivityMenu,
#userMenu,
#NFTSubmenu,
#headerSubmenu,
#dropDownWallet,
#scDropDown,
#scDropDown2,
#headerSubmenuPopup,
#headerSubmenuActivity,
#gallMenuSortingContent,
#gallMenuPeriodContent {
transform: scale(0.81);
opacity: 0;
transition: transform .22s cubic-bezier(0.34, 0.05, 0.43, 1.6);
}
.qiconTip,
.qiconTip2 {
transform: translateY(40px);
opacity: 0;
transition: transform .18s cubic-bezier(0.04, 0.15, 0.43, 1), opacity .16s;
}
.authMenuSortingContent.anim,
.qiconTip.anim,
.qiconTip2.anim,
.authActivityMenu.anim,
#userMenu.anim,
#dropDownWallet.anim,
#scDropDown.anim,
#scDropDown2.anim,
#NFTSubmenu.anim,
#headerSubmenu.anim,
#headerSubmenuPopup.anim,
#headerSubmenuActivity.anim,
#gallMenuSortingContent.anim,
#gallMenuPeriodContent.anim {
transform: none;
opacity: 1;
}
.authMenuSortingContent.animOut,
.qiconTip.animOut,
.qiconTip2.animOut,
.authActivityMenu.animOut,
#userMenu.animOut,
#dropDownWallet.animOut,
#scDropDown.animOut,
#scDropDown2.animOut,
#NFTSubmenu.animOut,
#headerSubmenu.animOut,
#headerSubmenuPopup.animOut,
#headerSubmenuActivity.animOut,
#gallMenuSortingContent.animOut,
#gallMenuPeriodContent.animOut {
transition: .26s linear;
}
#authMenuSortingContent {
/* left: 252px;
top: 54px;*/
left: -53px;
top: 44px;
width: 180px;
}
#authMenuMarketplace {
left: 5px;
top: 44px;
width: 170px;
}
#authMenuSerieContent {
top: 43px;
left: 8px;
width: max-content;
max-width: 390px;
}
.authMenuSortingContent:before {
content: '';
position: absolute;
width: 10px;
background-color: #fff;
height: 10px;
box-shadow: -3px -3px 4px 1px rgb(0 0 0 / 2%);
top: -5px;
left: 30px;
transform: rotate(45deg);
}
.authMenuContent a,
.authMenuHeaderContent a {
padding: 4px 30px 4px 15px;
border-radius: 4px;
display: block;
white-space: break-spaces;
font-weight: 400;
color: #000;
text-decoration: none;
font: var(--regularFont);
line-height: 16px;
font-size: 13px;
}
.authMenuContent a:hover {
background-color: var(--grayBg);
text-decoration: none;
}
.gallMenuHeaderContent {
z-index: 1;
position: absolute;
left: -8px;
top: 44px;
padding: 27px 0px 30px 23px;
width: 530px;
background-color: white;
border-radius: var(--mainRadius);
box-shadow: 0px 15px 30px 0px rgb(0 0 0 / 25%);
}
.gallMenuContent a,
.gallMenuHeaderContent a {
padding: 1px 6px 1px 6px;
border-radius: 7px;
display: block;
white-space: nowrap;
font: var(--mediumFont);
font-size: 16px;
line-height: 27px;
color: #000;
letter-spacing: -0.8px;
}
#authMenuSortingTab {
cursor: pointer;
margin-left: -19px;
}
.gallMenuHeaderContent a:hover {
background-color: #000;
text-decoration: none;
color: #fff;
}
.gallMenuContent a {
padding: 2px 10px 1px 10px;
width: 105px;
font: var(--regularFont);
font-size: 13px;
box-sizing: border-box;
line-height: 2;
}
.gallMenuContent a:hover {
background-color: #000;
color: #fff;
text-decoration: none;
}
.gallMenuSubCat {
padding-left: 10px;
padding-bottom: 10px;
}
.gallMenuSubCat a {
color: #000;
font-weight: 300;
font: var(--regularFont);
font-size: 13px;
line-height: 20px;
}
/* /gallery menu */
/* vertical menu */
.vertMenuWrap {
position: absolute;
top: 49px;
left: 0;
padding: 10px 0 0 10px;
z-index: 999;
width: 190px;
height: 100vh;
background-color: #fff;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
transition: opacity 0.2s;
}
#vertMenu {
width: 180px;
background-color: #fff;
}
#vertMenuBlog {}
.wrapCommText,
#wrapContentLeft,
#vertMenuCatBlog {}
.roundM .head,
#vertMenuBySection .head,
#vertMenuByTime .head,
#authGiveMenu .head,
#authGotMenu .head,
#authSerieMenu .head,
#vertMenuAuth .head,
#vertMenuDate .head,
#vertMenuRateTop .head,
#vertMenuViewTop .head,
#vertMenuCommTop .head,
#vertMenuCatPh .head {
font-size: 11px;
font-weight: 700;
float: left;
padding: 1px 0 3px 6px;
color: #000;
}
#authSerieMenu .head {
padding-left: 0;
font: var(--regularFont);
}
.roundM .headImg,
#vertMenuBySection .headImg,
#vertMenuByTime .headImg,
#authGiveMenu .headImg,
#authGotMenu .headImg,
#authSerieMenu .headImg,
#vertMenuAuth .headImg,
#vertMenuDate .headImg,
#vertMenuRateTop .headImg,
#vertMenuViewTop .headImg,
#vertMenuCommTop .headImg,
#vertMenuCatPh .headImg {
float: left;
width: 10px;
height: 10px;
background: url(def/others.png?v2) -827px -34px no-repeat;
}
.roundM p,
#vertMenuBySection p,
#vertMenuByTime p,
#authGiveMenu p,
#authGotMenu p,
#authSerieMenu p,
#vertMenuAuth p,
#vertMenuDate p,
#vertMenuRateTop p,
#vertMenuViewTop p,
#vertMenuCommTop p,
#vertMenuCatPh p {
padding: 5px 2px 4px 6px;
}
#authGiveMenu p,
#authGotMenu p,
#authSerieMenu p,
#vertMenuDate p {
font-size: 9px;
color: #d23636;
}
#vertMenuCatPh .subhead {
font-size: 10px;
clear: left;
padding: 1px 0 2px 6px;
color: #929292;
}
#vertMenuAuth a,
#vertMenuBySection a,
#vertMenuByTime a {
display: block;
font-size: 12px;
}
/* vertical menu */
/* category items */
#arrowlistmenu .menuheader {
font-size: 14px;
font-weight: 700;
clear: left;
padding: 5px 0 5px 6px;
cursor: pointer;
color: #2678af;
}
#arrowlistmenu .menuheader:hover {
text-decoration: underline;
color: #15a1ff;
}
.categoryitems {
display: none;
padding-left: 6px;
}
.categoryitems a {
font-size: 12px;
}
.categoryitems p {
font-size: 12px;
padding: 1px 0 2px 6px;
background: url(def/others.png?v2) -905px -158px no-repeat;
}
#vertMenuCatPh p {
color: #bebebe;
}
#vertMenuCatPh .allPhInCat {
border-bottom: 1px dotted #2678af;
}
#vertMenuCatPh .allPhInCat:hover {
text-decoration: none;
border-bottom: 1px solid #2678af;
}
#vertMenuCatPh .d3,
#vertMenuCatPh .d3:hover {
font-size: 11px;
}
#vertMenuCatPh .d1,
#vertMenuCatPh .d1:hover {
font-size: 11px;
color: #d23636;
}
#vertMenuCatPh span {
font-size: 11px;
color: #bebebe;
}
/* category items */
/* index layout */
#wrapContent {
float: right;
width: 100%;
/*margin-left: 0;*/
/*margin-left: -165px;*/
/*margin-left: -185px;*/
}
#wrapIndexHead,
#articles,
#footer,
#wrapBlogs,
#wrapCouncilRec,
#wrapContests,
#wrapLastWorks,
#wrapForumTopics,
#wrapGall,
#wrapNowUsers,
#facebookComm,
#wrapForm,
#authorHeader,
#authorInfo,
#authorJournal,
#authorFollowers,
#authorFriends,
#authorGuestBook,
#addCommForm {
clear: both;
width: 100%;
}
#addCommForm {
padding-top: 40px;
}
#imgCode {
color: #E00;
font-size: 13px;
font-weight: 700;
position: absolute;
width: 600px;
top: 370px;
text-align: right;
/* left: 200px; */
right: 0;
}
#content {
/*margin-left: 185px;*/
}
#contentLeft {}
#wrapForm .roundedLR {
min-height: 536px;
margin-top: 12px;
}
#contentRight {
/* float: left;
width: 190px;
margin-left: -190px; */
padding: 9px 9px 20px 0px;
}
.whiteBlogBody {
max-width: 1193px;
display: flex;
align-items: flex-start;
margin: 0 auto;
position: relative;
top: -330px;
margin-bottom: -300px;
}
.blogsCover {
height: 480px;
background: url(/css/def/blog-cover2.jpg);
background-size: cover;
}
.gallHeaderBlogs,
a.authorBlogA,
a.authorBlogA:hover {
font: var(--boldFont);
font-size: 43px;
font-weight: 500;
color: #fff;
text-decoration: none;
letter-spacing: -1.8px;
}
#addBookmarkAjax .modBtn {
background: var(--followGradient);
}
.gallHeaderBlogs img {
height: 24px;
}
a.authorBlogA,
a.authorBlogA:hover {
font-size: 43px;
}
.whiteBlogBodyRight {
background: #fff;
border-radius: 15px;
width: 200px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
box-shadow: 13px 10px 25px #0000000a;
}
.whiteBlogBodyLeft {
width: 990px;
margin-right: 3px;
border-top-right-radius: 0px;
padding-bottom: 20px;
}
.whiteBlogEntryBody {
max-width: 1320px;
margin: 0 auto;
}
#addBlogPosts .imgBoxBlog {
box-shadow: none;
}
#wrapForm .bottom,
#favorites .bottom,
#articles .bottom,
#wrapBlogs .bottom,
#wrapCouncilRec .bottom,
#wrapContests .bottom,
#wrapLastWorks .bottom,
#authorWorks .bottom,
#authorFriends .bottom,
#friendsAct .bottom,
#fame .bottom,
#contests .bottom,
#workOfDay1 .bottom {
clear: left;
padding: 0 1px;
/*border-top: 1px solid #d0dadc;*/
}
.bottom p {
font-weight: 700;
padding: 6px 6px 4px 6px;
}
#wrapLastWorks .bottom,
#friendsAct .bottom,
#authorFriends .bottom,
#favorites .bottom,
#workOfDay1 .bottom,
#authorWorks .bottom,
#articles h1,
#articles .bottom,
#articles .artDate,
#wrapBlogs .bottom,
#wrapCouncilRec .bottom,
#wrapContests .bottom,
#fame .bottom,
#contests .bottom {
font-size: 11px;
font-weight: 400;
color: #929292;
}
#favorites .bottom,
#workOfDay1 .bottom,
#authorWorks .bottom,
#wrapBlogs .bottom,
#wrapCouncilRec .bottom,
#authorFriends .bottom,
#friendsAct .bottom,
#wrapLastWorks .bottom {
font-size: 14px;
font-weight: 700;
}
#favorites .top,
#workOfDay1 .top,
#panelLastWorks .top,
#flashmobs .top {
/*border-bottom: 1px solid #d0dadc;*/
}
.topIndex {
font: var(--regularFont);
position: relative;
}
.top {
font: var(--regularFont);
position: absolute;
bottom: 10px;
right: 0;
left: 0;
text-align: center;
}
.topReg {
margin: 10px 0;
}
.top .actSpanTab {
font-size: 13px;
}
.topAdd {
padding: 20px 0 0 0;
font-size: 20px;
font-weight: 600;
}
.topAddSub {
font-size: 12px;
font-weight: 400;
width: 700px;
line-height: 15px;
margin: 10px auto;
opacity: 0.5;
}
.top2 {
/* padding-top: 16px; */
font: var(--regularFont);
position: absolute;
bottom: -30px;
right: 0;
left: 0;
text-align:center;
}
.submenu {
background: var(--grayBg);
display: inline-block;
border-radius: 50px;
padding: 12px 0px 14px 5px;
}
.submenu .actSpanTab {
font-size:12px;
background:var(--white);
}
.editWorkButtons {
font-size: 14px;
font-weight: 500;
text-decoration: none;
border-radius: var(--brad);
border: 1px solid var(--grayBorder);
padding: 7px 15px;
}
#authorWorks .bottom .workLnk {
font-size: 11px;
font-weight: 400;
overflow: hidden;
max-height: 96px;
padding-top: 0;
}
#articles .top,
#wrapNowUsers .top,
#wrapForm .top,
#authorWorks .top,
#wrapBlogs .top,
#authorFriends .top,
#fame .top,
#contests .top,
#authorFollowers .top {
padding: 30px 10px 10px 10px;
color: #929292;
/*border-bottom: 1px solid #d0dadc;*/
}
label {
line-height: 21px;
cursor: pointer;
padding: 0 0 0 5px;
font: var(--regularFont);
font-size: 13px;
}
.myPortDivR label,
.myPortDivL label {
top: -2px;
position: relative;
font-size: 13px;
font-weight: 300;
}
h1,
h2,
#wrapAuthRatings h1,
#wrapAuthRatings h2,
#favorites h1,
#favorites h2,
#wrapLastWorks h1,
#wrapLastWorks h2,
#workOfDay1 h1,
#workOfDay1 h2,
#articles h1,
#articles h2,
#wrapForm h1,
#wrapForm h2,
#authorWorks h1,
#authorWorks h2,
#wrapBlogs h1,
#wrapBlogs h2,
#authorFriends h1,
#authorFriends h2 {
font-size: 16px;
font-weight: 600;
padding-bottom: 3px;
color: #000;
letter-spacing: var(--ls);
}
h2 {
font-size: 11px;
color: #000;
}
#articles .artDate {
font-size: 10px;
padding-top: 2px;
}
#articles .artTop {
max-width: 600px;
padding: 6px 0 6px 6px;
}
#articles .artBottom {
padding: 0 0 6px 3px;
}
#forumTopics {
padding: 10px 0 0 10px;
}
.workOfDayH {
float: left;
width: 18px;
height: 18px;
margin: 4px 6px 0 0;
background: url(def/others.png?v2) -873px -32px no-repeat;
}
.fame,
.contests {
float: left;
width: 30px;
height: 19px;
background: url(def/others.png?v2) -867px -50px no-repeat;
}
.wrapWorkOfDay {
margin-top: 6px;
background: url(def/gall_back.png?v2) 0 0 no-repeat;
}
#wrapArticle .roundedLR {
font-size: 12px;
line-height: normal;
padding-left: 0;
}
#wrapAuthRatings .authRatingsTd {
overflow: hidden;
height: 170px;
padding-top: 6px;
}
#wrapAuthRatings .authRatingsTd div {
overflow: hidden;
padding: 2px 0;
white-space: nowrap;
text-overflow: clip;
}
#wrapAuthRatings .authRatingsTd span {
font-size: 11px;
font-weight: 300;
color: #b6b6b6;
}
#wrapAuthRatings .authRatingsTd a {
font-size: 13px;
font-weight: 400;
color: #000;
}
#wrapAuthRatings .authRateTop a {
color: #000;
}
.authRateTop {
padding: 6px 6px 6px 0;
white-space: nowrap;
overflow: hidden;
}
#wrapNowUsers p {
line-height: 1.3;
padding: 20px 6px 3px;
color: #929292;
}
#wrapNowUsers a {
color: #000;
}
#wrapWorkDesc .roundedLR {
padding: 0 6px;
}
.nowOnSite {
/* float: left; */
width: calc(100% - 250px);
color: #424242;
margin: 0 0 40px 0;
}
.toggle {
float: right;
width: 120px;
height: 12px;
margin-top: 9px;
margin-right: 9px;
padding-right: 16px;
cursor: pointer;
text-align: right;
background: url(def/others.png?v2) -768px -70px no-repeat;
}
/* index cover */
#headerBottom p,
#headerBottom h1 {
background: none;
font: var(--boldFont);
font-size: 55px;
word-break: break-word;
text-align: center;
white-space: normal;
/* line-height: 1.5; */
color: #fff;
letter-spacing: -3.6px;
}
#headerBottom .advantages {
font: var(--regularFont);
font-weight: 400;
font-size: 18px;
padding-left: 5px;
line-height: 2;
margin-bottom: 30px;
text-align: center;
/* padding-left: 46px; */
color: rgb(255, 255, 255);
white-space: nowrap;
letter-spacing: -2px;
}
/* /index cover */
.refWrap {
text-align: center;
font: var(--regularFont);
/*'PT Sans Narrow', sans-serif;*/
color: #353535;
}
.refCounter {
width: 260px;
font-size: 22px;
line-height: 34px;
text-align: right;
padding-right: 22px;
}
.ret, .ret2 {
position: absolute;
background: rgba(0, 0, 0, .25);
padding: 10px 18px;
font-size: 14px;
font-weight: 500;
color: #fff;
z-index: 1;
border-radius: 10px 0 0 0;
}
.ret2 {
right: 0;
border-radius: 0 10px 0 0;
}
.tryPortWrap {
/* float: right;
float: left;*/
width: calc(100% - 88px);
margin: 0 auto;
display: inline-block;
/* margin-left: -437px;
padding-right: 20px; */
}
.tryPortBlk {
position: relative;
z-index: 1000;
width: 100%;
text-align: center;
margin: 20px auto 0 auto;
}
.tryPortLeft {
/* margin-left: 437px; */
border: 5px solid #fff;
border-radius: 10px;
box-sizing: border-box;
}
.tryPort {
position: relative;
display: inline-block;
width: 391px;
height: 310px;
background: #666 50% 50% no-repeat;
background-size: auto 110%;
border: 9px solid #fff;
}
.tryPort .portSampleLnk {
z-index: 999;
cursor: pointer;
position: absolute;
top: 200px;
left: 13px;
width: 40px;
height: 31px;
}
.tryPort .portSampleLnk:hover {
text-decoration: none;
}
.indexHeader {
padding: 0 0 0 4px;
}
.tryPortMark {
position: absolute;
right: 0;
bottom: 0;
height: 18px;
line-height: 20px;
color: #fff;
padding: 0 10px;
text-align: center;
font-size: 10px;
font-weight: normal;
opacity: 0.8;
background: rgba(0, 0, 0, .4);
}
.tryPortMark a {
color: #fff;
}
/* /index layout */
/* contests */
#wrapContests .actTab {
padding: 4px 0px;
margin: -4px 0 0px 10px;
}
#wrapContests .roundedGallTL {
/*background: url(def/panels.png?v2) 0 -123px no-repeat;*/
}
#wrapContests .roundedGallTR {
/*background: url(def/panels.png?v2) 100% -123px no-repeat;*/
}
#wrapContests .roundedGallBL {
/*background: url(def/panels.png?v2) 0 -154px no-repeat;*/
}
#wrapContests .roundedGallBR {
/*background: url(def/panels.png?v2) 100% -154px no-repeat;*/
}
#wrapContests .roundedGallBL a.actNumb,
#wrapContests .roundedGallBL a:hover.actNumb {
color: #be0000;
border: 1px solid #c67878;
}
#wrapContests .toggle span {
padding: 0;
text-decoration: none;
color: #e38080;
border-bottom: 1px dotted #e38080;
background: none;
}
.councilRecHeadLnk,
.councilRecHeadLnk:hover {
color: #62c74c;
}
/* /contests */
/* blogs */
#wrapBlogs .roundedGallTL {
margin-left: 40%;
}
#wrapBlogs .roundedGallTR {
width: 50%;
}
#wrapBlogs .roundedGallB,
#wrapBlogs .roundedGallT {
margin-left: -24%;
}
#wrapBlogs .roundedGallBL {
margin-left: 40%;
}
#wrapBlogs .roundedGallBR {
width: 40%;
}
#wrapBlogs .roundedGallTL {
/* background: url(def/panels.png?v2) 0 0 no-repeat;
border-bottom: 1px solid #d0dadc;*/
}
#wrapBlogs .roundedGallTR {
/* background: url(def/panels.png?v2) 100% 0 no-repeat;
border-bottom: 1px solid #d0dadc;*/
}
#wrapBlogs .roundedGallBL {
/* background: url(def/panels.png?v2) 0 -29px no-repeat;*/
}
#wrapBlogs .roundedGallBR {
/* background: url(def/panels.png?v2) 100% -29px no-repeat;*/
}
.wrapBlogImg {
position: relative;
/* width: calc(100vw - 140px); */
width: 1300px;
margin-left: 50%;
transform: translateX(-50%);
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
overflow: hidden;
line-height: 0;
}
.imgNum {
font-weight: 700;
line-height: 28px;
position: absolute;
z-index: 100;
width: 40px;
height: 28px;
cursor: pointer;
text-align: center;
opacity: .75;
color: #fff;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
border-bottom-right-radius: 6px;
-khtml-border-bottom-right-radius: 6px;
background: url(def/img_num.png?v2) 0 0 no-repeat;
text-shadow: none;
filter: alpha(opacity=75);
-khtml-opacity: .75;
-moz-opacity: .75;
}
/* /blogs */
/* council rec */
#wrapCouncilRec .roundedGallTL {
/*background: url(def/panels.png?v2) 0 -171px no-repeat;*/
}
#wrapCouncilRec .roundedGallTR {
/*background: url(def/panels.png?v2) 100% -171px no-repeat;*/
}
#wrapCouncilRec .roundedGallBL {
/*background: url(def/panels.png?v2) 0 -200px no-repeat;*/
}
#wrapCouncilRec .roundedGallBR {
/*background: url(def/panels.png?v2) 100% -200px no-repeat;*/
}
#wrapCouncilRec .roundedGallBL a.actNumb,
#wrapCouncilRec .roundedGallBL a:hover.actNumb {
color: #2d7c1b;
border: 1px solid #56b148;
}
#wrapCouncilRec .toggle {
background-position: 100% -12px;
}
#wrapCouncilRec .toggle span {
padding: 0;
text-decoration: none;
color: #90bb8b;
border-bottom: 1px dotted #90bb8b;
background: none;
}
.councilRecHeadLnk,
.councilRecHeadLnk:hover {
color: #62c74c;
}
/* /council rec */
/* gallery works */
#wrapGall .roundedGallTL {
/*background: url(def/panels.png?v2) 0 -356px no-repeat;*/
}
#wrapGall .roundedGallTR {
/*background: url(def/panels.png?v2) 100% -356px no-repeat;*/
}
#wrapGall .roundedGallBL {
/*background: url(def/panels.png?v2) 0 -385px no-repeat;*/
}
#wrapGall .roundedGallBR {
/*background: url(def/panels.png?v2) 100% -385px no-repeat;*/
}
.gallHeadLnk,
.gallHeadLnk:hover {
padding-left: 6px;
color: #578ac5;
}
/* /gallery works */
/* last works */
#wrapLastWorks .roundedGallTL {
/*background: url(def/panels.png?v2) 0 -403px no-repeat;*/
}
#wrapLastWorks .roundedGallTR {
/*background: url(def/panels.png?v2) 100% -403px no-repeat;*/
}
#wrapLastWorks .roundedGallBL,
#wrapCouncilRec .roundedGallBL {
/*background: url(def/panels.png?v2) 0 -432px no-repeat;*/
}
#wrapLastWorks .roundedGallBR,
#wrapCouncilRec .roundedGallBR {
/*background: url(def/panels.png?v2) 100% -432px no-repeat;*/
}
#wrapLastWorks .roundedGallBL a.actNumb,
#wrapLastWorks .roundedGallBL a:hover.actNumb,
#wrapGall .roundedGallBL a.actNumb,
#wrapGall .roundedGallBL a:hover.actNumb {
color: #2860be;
border: 1px solid #5474c0;
}
#wrapLastWorks .toggle,
#wrapGall .toggle {
background-position: 100% -24px;
}
#wrapLastWorks .toggle span,
#wrapGall .toggle span {
padding: 0;
text-decoration: none;
color: #879fc4;
border-bottom: 1px dotted #879fc4;
background: none;
}
.lastWorksHeadLnk,
.lastWorksHeadLnk:hover {
color: #578ac5;
}
/* /last works */
/* forum topics */
#wrapForumTopics .roundedGallTL {
/*background: url(def/panels.png?v2) 0 -309px no-repeat;*/
}
#wrapForumTopics .roundedGallTR {
/*background: url(def/panels.png?v2) 100% -309px no-repeat;*/
}
#wrapForumTopics .roundedGallBL {
/*background: url(def/panels.png?v2) 0 -338px no-repeat;*/
}
#wrapForumTopics .roundedGallBR {
/*background: url(def/panels.png?v2) 100% -338px no-repeat;*/
}
#wrapForumTopics .roundedGallBL a.actNumb,
#wrapForumTopics .roundedGallBL a:hover.actNumb {
color: #9477b2;
border: 1px solid #b97fbe;
}
#wrapForumTopics .toggle {
background-position: 100% -36px;
}
#wrapForumTopics .toggle span {
padding: 0;
text-decoration: none;
color: #c4bad7;
border-bottom: 1px dotted #c4bad7;
background: none;
}
.forumTopicsHeadLnk,
.forumTopicsHeadLnk:hover {
color: #c8b9d8;
}
/* /forum topics */
/* footer */
.footerT {
float: left;
width: 100%;
margin-left: -34%;
}
.footerTL {
height: 90px;
margin-left: 34%;
/*background-color: #fff;*/
}
.footerTR {
float: right;
width: 30%;
height: 90px;
/*background-color: #fff;*/
}
.footerMenuTop {
height: 28px;
padding-left: 0;
font-size: 14px;
/*border-bottom: 1px dotted #afafaf;*/
}
#footer p {
line-height: 12px;
position: absolute;
overflow: hidden;
white-space: nowrap;
padding-top: 9px;
color: #cbcbcb;
height: 15px;
}
#footer a,
#footer a:hover {
font-size: 15px;
margin: 0 11px;
color: #000;
font: var(--regularFont);
}
.sp,
.share .sp,
#footer .sp,
#footer .sp:hover {
font-size: 11px;
display: inline;
margin: 0;
padding-left: 0;
}
.block_links_header,
.block_links_header a {
font-size: 11px !important;
color: #2678af !important;
}
.counters {
margin: 20px 0 0 0;
color: #444;
font: var(--regularFont);
}
.counters .about_icon {
color: #000;
margin: 0 5px;
}
.counters .about_icon:hover {
color: #000;
}
.copyright {
font-size: 15px;
line-height: 1.2;
position: relative;
top: -20px;
right: 0;
padding: 0;
text-align: right;
color: #444;
overflow: hidden;
font: var(--boldFont);
}
#footer .copyNote {
font-size: 13px;
position: relative;
color: #000000;
font: var(--regularFont);
top: 20px;
height: 50px;
display: block;
}
#footerMargin {
clear: both;
padding: 30px 20px 20px 20px;
width: calc(100% - 40px);
background: #f7f7f7;
position: relative;
}
#debug {
position: relative;
}
.logoHeaderWidth {
position: relative;
width: calc(100% - 90px);
margin: 0 auto;
}
#debug b {
font-weight: 300;
color: #703636;
}
/* /footer */
/* gallery */
.roundedGall {
height: 100%;
/*padding: 0 2px 0 12px;*/
background: url(def/gall_back.png?v2) 0 0 repeat-y;
}
.roundedGallTL p {
font-size: 10px;
font-weight: 700;
position: absolute;
padding: 7px 0 0 6px;
white-space: nowrap;
text-overflow: clip;
color: #fff;
}
.roundedGallTL .gallName {
font-size: 14px;
font-weight: 700;
padding-right: 6px;
}
.roundedGallTL .gallName a,
.roundedGallTL .gallName a:hover {
font-size: 14px;
font-weight: 700;
padding-right: 0;
text-decoration: none;
border-bottom: 1px dotted #fff;
}
.roundedGallTL a,
.roundedGallTL a:hover {
/*text-decoration: underline;*/
}
#wrapBlogs .roundedGallTL a:hover {
/*color: #15a1ff;*/
}
.roundedGallTR p {
line-height: 18px;
padding: 6px 6px 0 0;
}
.roundedGallTR span {
margin: 0 .2em 0 .1em;
padding: .2em .4em;
color: #000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 30px;
-khtml-border-radius: 3px;
background: #E0E1E2;
}
#pagerTop span.actPage {
color: #000000;
background-color: var(--grayBg);
min-width: 15px;
line-height: 15px;
min-height: 15px;
border-radius: 20px;
display: inline-block;
text-align: center;
padding: 4px;
margin: 0;
}
.actPage,
#pagerBottom span {
margin: 0 0px;
}
.roundedGallTR a,
.roundedGallTR a:hover {
padding: 0;
text-decoration: underline;
/*color: #578ac4;*/
}
.roundedGallBL .liTxtL {
font-size: 11px;
font-weight: 300;
padding-top: 1px;
padding-right: 1px;
padding-left: 0;
}
.roundedGallBL .liTxtR {
font-size: 11px;
font-weight: 300;
padding-top: 1px;
padding-left: 3px;
}
.roundedGallBL ul {
height: 17px;
padding: 0;
list-style-type: none;
}
.roundedGallBL ul li {
display: block;
float: left;
padding: 3px 2px 2px 2px;
color: #929292;
}
.roundedGallBL a,
.roundedGallBL a:hover {
font-size: 9px;
font-weight: 400;
}
.roundedGallBL a.actNumb,
.roundedGallBL a:hover.actNumb {
text-decoration: none;
padding: 3px 4px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-khtml-border-radius: 3px;
background-color: #bebebe;
color: #fff;
}
.roundedGallBR p {
font-size: 10px;
font-weight: 700;
padding: 3px 6px 0 0;
color: #767676;
}
.roundedGallBL p {
font-size: 10px;
font-weight: 700;
padding: 3px 0 0 6px;
color: #767676;
}
#gallSort {
color: #929292;
}
.roundedGallSort {
float: right;
width: 200px;
height: 15px;
padding: 4px 6px 0 0;
text-align: right;
}
.roundedGallSort a,
.roundedGallSort a:hover {
font-size: 10px;
font-weight: 700;
text-decoration: underline;
}
#wrapLastWorks .roundedGall {
/*background: url(def/gall_back_short.png?v2) 0 0 repeat-y;*/
}
.roundedGallTR .gallPagerT {
line-height: 30px;
padding: 0;
}
.roundedGallPagerB {
clear: left;
text-align: center;
}
#contentLeft .roundedGallPagerB,
.whiteBlogEntryBody .roundedGallPagerB {
text-align: center;
}
.roundedGallPagerB p {
/* padding: 15px 1px 5px 25px; */
padding: 35px 52px 28px 25px;
}
.workPager p {
padding: 15px 3px 28px 25px;
text-align: right;
}
.workPager {
position: relative;
top: -25px;
}
.pagerProfile {
height: 51px;
}
.addBtn.noGradient {
background: inherit;
background-color: #43a7f5;
}
.roundedGallPagerB span {
font: var(--boldFont);
font-size: 14px;
font-weight: 600;
padding: 4px 9px;
color: #000;
border-radius: 30px;
background-color: #828a994d;
}
#authorWorks.fdSwitch .roundedGallPagerB span {
color: #fff;
}
.actSpanTab,
.actTab {
padding: 10px 15px;
border-radius: 20px;
background: var(--grayBg);
/* border-bottom: 3px solid #7399ce; */
font: var(--regularFont);
font-size: 11px;
}
.actTab a {
color: #fff;
}
.actTab {
padding-top: 0;
}
.actSpanTab {
padding: 8px 12px;
border-radius: 20px;
background: var(--white);
/* border-bottom: 3px solid #7399ce; */
font: var(--regularFont);
font-size: 11px;
margin: 0 3px 0 0;
}
.myWorksTab .actSpanTab {
background: var(--grayBg);
}
.addedMsg {
padding-left: 0;
font-weight: 600;
font-size: 13px;
color: #000000;
position: relative;
top: 10px;
}
.addedMsg2 {
font-weight: 600;
font-size: 13px;
color: #000000;
position: relative;
top: 10px;
left: 0px;
}
.myWorksTab {
position: relative;
top: 15px;
}
.roundedGallPagerB a {
font-size: 16px;
font-weight: 500;
font: var(--regularFont);
/* 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif;*/
padding: 0 7px;
color: #000;
text-decoration: none;
}
.roundedGallPagerB a.Path:last-of-type {
padding-right: 0;
}
.roundedGallPagerB a:hover {
color: #000;
}
#wrapWorkComm .roundedGallPagerB {
border-top: none;
/*background-color: #fff;*/
}
#pagerTop a,
#pagerTop a:hover,
#pagerTop span {
padding: 3px;
color: #000;
margin: 0 3px;
text-decoration: none;
}
#wrapBlogs #pagerTop a {
color: #2d2d2d;
padding: 0 5px;
}
#wrapBlogs #pagerTop span {
color: #fff;
}
#wrapBlogs #pagerTop span {
padding: 3px 8px;
background: #525252;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
-khtml-border-radius: 24px;
}
#wrapBlogs #pagerTop .gallPagerA,
.gallPagerA {
color: #2d2d2d;
text-decoration: none;
}
#wrapBlogs #pagerTop .gallPagerA:hover,
.gallPagerA:hover {
color: #7b7b7b;
text-decoration: none;
}
#wrapWorkComm #pagerTop a {
padding: 3px 1px 3px 5px;
text-decoration: none;
}
#pagerTop {
white-space: nowrap;
position: relative;
top: 10px;
right: 50px;
font-weight: 600;
font: var(--regularFont);
font-size: 13px;
height: 27px;
}
#wrapWorkComm #pagerTop {
top: 8px;
right: 0px;
text-align: right;
}
#showAllCommA {
font-size: 13px;
font-weight: 500;
position: relative;
top: 12px;
color: #000;
}
/* /gallery */
/* gallery images */
.noPh {
padding-bottom: 4px;
padding-left: 2px;
}
.phName {
font-weight: 400;
position: relative;
overflow: hidden;
height: 22px;
margin-bottom: 6px;
padding: 4px 0 1px 1px;
white-space: nowrap;
text-overflow: clip;
}
.phImg {
position: relative;
overflow: hidden;
border-radius: 5px;
box-shadow: var(--mainShadow);
}
.phImg img,
.phImg svg {
border-radius: 5px;
transform: scale(1.28);
/*
margin: -4px 4px 4px -4px;
padding: 4px;
border: 1px solid #eee;
background: url(def/others.png?v2) 0 0 no-repeat;
*/
}
.fader {
position: absolute;
z-index: 10;
top: 0;
right: 0;
width: 20px;
height: 17px;
background: transparent url(def/others.png?v2) -807px -33px no-repeat;
}
.phDesc {
font-size: 9px;
font-weight: 700;
position: relative;
overflow: hidden;
margin-top: 3px;
margin-bottom: 4px;
white-space: nowrap;
text-overflow: clip;
color: #929292;
background: url(def/others.png?v2) -959px -81px no-repeat;
}
.phNameNew i {
color: #fff;
}
.phNameNew,
.blogNameNew {
font: var(--mediumFont);
display: block;
overflow: hidden;
white-space: nowrap;
height: 55px;
position: relative;
top: -6px;
line-height: 20px;
color: #fff;
padding-left: 15px;
padding-right: 8px;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.65);
}
.phNameNew {
font-size: 13px;
}
.phN {
margin-bottom: 9px;
font-size: 16px;
}
.blogNameNew {
white-space: break-spaces;
}
.phNameBlog {
display: block;
overflow: hidden;
white-space: normal;
color: #fff;
padding-top: 10px;
padding-left: 17px;
padding-right: 0px;
}
.phBlogCat,
.phBlogCat:hover {
margin-left: 14px;
color: #fff;
font-size: 13px;
text-decoration: none;
border-radius: 15px;
background: #ffffff5e;
padding: 3px 13px 4px 13px;
position: relative;
top: -6px;
}
.phBlogCatPreview,
.phBlogCatPreview:hover {
margin-left: 14px;
color: #fff;
font-size: 13px;
text-decoration: none;
border-radius: 15px;
background: #ffffff5e;
padding: 2px 10px;
position: relative;
top: -13px;
font: var(--mediumFont);
font-size: 12px;
}
.phNameBlog div a,
.phNameBlog div a:hover {
float: left;
color: #fff;
text-decoration: none;
display: block;
overflow: hidden;
text-overflow: ellipsis;
font-size: 19px;
line-height: 24px;
padding-right: 10px;
width: 90%;
font: var(--mediumFont);
}
.phNameBlogPreview div a,
.phNameBlogPreview div a:hover {
float: left;
color: #fff;
text-decoration: none;
display: block;
overflow: hidden;
text-overflow: ellipsis;
font-size: 18px;
line-height: 19px;
padding-right: 10px;
padding-left: 15px;
width: 90%;
font: var(--mediumFont);
}
.blogNameNew {
text-shadow: none;
color: #000;
}
.small_portrait {
width: 24px;
height: 24px;
border-radius: 30px;
background-size: cover;
display: inline-block;
margin-left: 11px;
background-position: 0 25%;
}
.small_auth_name {
overflow: hidden;
display: inline-block;
height: 18px;
position: relative;
width: 90%;
padding: 5px 5px 0px 0;
top: -1px;
text-overflow: clip;
line-height: 15px;
/* white-space: break-spaces;*/
}
.phNameNew span,
.blogNameNew span {
/* float: left; */
display: block;
overflow: hidden;
text-overflow: ellipsis;
height: 19px;
max-width: 100%;
position: relative;
top: 3px;
letter-spacing: -0.5px;
}
.phNameLink,
.phNameLink:hover {
text-decoration: none;
color: inherit;
}
.noTopPadding {
padding-top: 0;
}
#commTbl .phNameNew,
#commTbl .blogNameNew {
padding-left: 8px;
padding-right: 4px;
height: 22px;
}
#commTbl .tickCatNew {
padding-left: 4px;
line-height: 16px;
font-size: 12px;
font-weight: 500;
background: transparent;
}
#commTbl .phNameNew span,
#commTbl .blogNameNew span {
font-size: 14px;
font-weight: 500;
padding-right: 6px;
width: 99%;
max-width: 99%;
display: block;
}
#commTbl .blogNameNew,
#commTbl .blogNameNew span {
height: 60px;
line-height: 19px;
}
#commTbl .phDescNew,
#commTbl .blogDescNew {
height: 40px;
font: var(--regularFont);
}
.ttPortrait {
width: 35px;
height: 35px;
border-radius: 50%;
position: absolute;
top: 15px;
left: 15px;
background-size: cover;
}
.ttName {
position: relative;
top: 16px;
margin-left: 58px;
margin-right: 15px;
font-size: 16px;
font-weight: 600;
font: var(--boldFont);
/* Roboto, Helvetica, Arial, sans-serif;*/
max-width: 220px;
overflow: hidden;
text-overflow: ellipsis;
}
.ttName .premiumBadge {
/*vertical-align: text-top;*/
position: relative;
top: 0px;
}
.ttMood {
position: relative;
top: 19px;
margin-left: 58px;
margin-right: 15px;
font-size: 12px;
font-weight: 400;
font-family: Roboto, Helvetica, Arial, sans-serif;
color: #979da7;
max-width: 340px;
height: 13px;
overflow: hidden;
text-overflow: ellipsis;
}
.attsRoundBg {
display: inline-block;
margin-right: 8px;
}
.attsLine {
margin: 0 0 12px 0;
}
.attsRatingIcon,
.attsPhotosIcon,
.attsFollowersIcon {
color: #000;
font-family: Icomoon2;
font-size: 12px;
position: relative;
top: 1px;
font-weight: 400;
}
.attsPhotosIcon,
.attsFollowersIcon {
font-size: 14px;
}
.attsText {
display: inline-block;
font-size: 14px;
color: #000;
}
.authTtipStat {
position: absolute;
right: 20px;
top: 62px;
width: 70px;
}
.phDescNew {
display: none;
position: absolute;
border-radius: 0 0 0 4px;
bottom: 0;
left: 0;
right: 0;
min-height: 30px;
/* height: 116px; */
padding: 70px 0 9px 0;
opacity: 0;
cursor: pointer;
background: radial-gradient(circle at 20px 215px, rgba(0, 0, 0, 0.8) 90px, rgba(0, 0, 0, 0) 210px);
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.commGradient {
background: radial-gradient(circle at 0px 150px, rgb(0 0 0 / 40%) 30px, rgba(0, 0, 0, 0) 250px);
}
.phDescNewActions {
display: inline-block;
position: relative;
}
.phDescNew a {
white-space: nowrap;
}
.phDescBlog {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 212px;
padding: 0;
}
.phDescBlogPreview {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 0;
}
.blogDescNew {
position: absolute;
top: 0px;
left: 0;
right: 0;
height: 60px;
padding: 0;
opacity: 0;
font: var(--regularFont);
}
.blogDescNew .tickCatNew {
color: #000;
margin-top: 63px;
}
.tickNameNew {
position: absolute;
display: block;
top: 6px;
padding-left: 6px;
line-height: 12px;
height: 12px;
font-weight: 700;
white-space: nowrap;
overflow: hidden;
width: 100%;
box-sizing: border-box;
}
.tickCatNew {
font: var(--mediumFont);
display: inline-block;
padding: 4px 4px 0 10px;
margin-left: 0px;
overflow: hidden;
text-overflow: ellipsis;
color: #ffffff;
white-space: nowrap;
position: relative;
border-radius: 15px;
top: -4px;
overflow: hidden;
/* width: 100%; */
/* background-color: #0000006e; */
box-sizing: border-box;
font-size: 13px;
letter-spacing: var(--ls);
line-height: 13px;
font-weight: 400;
height: 22px;
max-width: 100%;
}
.commPos,
a.commPos:hover {
position: relative;
top: -25px;
color: #000;
}
.subscribeDiv {
float: left;
padding: 0 6px 0 0;
font-weight: 700;
color: #00a1d0;
width: 120px;
}
.unsubscribeDiv {
float: left;
padding: 0 6px 0 0;
font-weight: 700;
color: #dc3a3a;
width: 120px;
}
.dott2 {
margin: 0 5px;
color: var(--grayBlue);
font-size: 9px;
position: relative;
top: -1px;
}
.actionsNameAuth,
.actionsNameAuth:hover,
.actionsNamePhoto {
display: inline-block;
margin-left: 8px;
color: var(--black);
overflow: hidden;
height: 22px;
line-height: 20px;
width: 630px;
font: var(--mediumFont);
font-size: 13px;
position: absolute;
white-space: nowrap;
text-overflow: ellipsis;
}
.actionsNameAuthPreview,
.actionsNameAuthPreview:hover {
top: 8px;
left: 38px
}
.actionsNameAuthPreview.workAnon {
font-size: 13px;
}
.actionsNameAuth a {
color: var(--black);
}
.actionsNameAuth a:hover {
color: var(--grayBlue);
text-decoration: none;
}
.actionsNamePhoto {
font-size: 15px;
color: var(--black);
font-weight: 500;
top: 4px;
width: 630px;
font: var(--mediumFont);
font-size: 14px;
}
.actionsNameBlog {
position: absolute;
font: var(--regularFont);
font-size: 13px;
color: var(--grayBlue);
top: 8px;
left: 48px;
width: 450px;
}
.actionsNameAuthBlog {
text-decoration: none;
font: var(--mediumFont);
color: var(--black);
font-size: 13px;
}
.actionsNamePhotoPreview {
top: 40px;
left: 11px;
font-size: 18px;
}
.actionsNamePhotoPreview::first-letter {
text-transform: capitalize;
}
.tickCatNew img {
position: relative;
left: 4px;
}
.tickCatNew.workAnon {
color: #fff;
font-size: 13px;
}
.phBlogDate,
.phBlogCounters {
padding-left: 17px;
overflow: hidden;
text-overflow: ellipsis;
color: #d4d4d4;
white-space: nowrap;
overflow: hidden;
width: 100%;
box-sizing: border-box;
font-size: 13px;
height: 16px;
padding-top: 1px;
}
.phBlogAuthName {
padding-left: 15px;
padding-top: 15px;
display: flex;
}
.box {
margin-top: 20px;
}
.tickCatNew:hover,
.tickCatBlog:hover {
color: #fff;
text-decoration: none;
/* background-color: #ffffff42;*/
}
.tickRateNew {
display: block;
z-index: 11;
position: absolute;
top: 6px;
right: 0;
padding: 0 6px;
line-height: 11px;
height: 12px;
text-align: left;
font-weight: 700;
color: #333;
background-color: #fff;
box-sizing: border-box;
}
.tickRateBg {
color: #d11111;
background: #fff url(def/activity_icons_new.png) 6px -55px no-repeat;
padding-left: 22px;
}
.tickRateBg:hover {
color: #d11111;
}
.tickViewsNew {
font-size: 11px;
font-weight: 300;
}
.pointer_svg_icon {
width: 18px;
height: 24px;
fill: #fff;
position: relative;
top: 2px;
left: 1px;
margin-left: 15px;
}
.recFromPreview {
font-family: Icomoon2;
font-size: 14px;
color: #fff;
position: relative;
padding: 5px;
top: 1px;
left: 3px;
display: inline-block;
/* right: 16px; */
/* bottom: 39px; */
font-weight: normal;
cursor: pointer;
z-index: 500;
border-radius: 4px;
}
.recFromPreview:hover {
/* background-color: #ffffff42;
color: #fff;*/
}
span.ratingNum {
display: inline-block;
}
.tickCommNew {
display: block;
z-index: 11;
position: absolute;
bottom: -8px;
right: -6px;
width: 63px;
height: 63px;
line-height: 57px;
text-align: center;
color: #fff;
font-size: 13px;
font-weight: 600;
box-sizing: border-box;
}
.tickCommNew:hover {
color: #fff;
text-decoration: none;
}
.tickDateNew {
font-size: 9px;
line-height: 12px;
font-weight: 300;
color: #afafaf;
}
.commBg {
background-color: #f0f1f5;
/*#f2f4f6;*/
padding-bottom: 20px;
/*top: 4px;*/
position: relative;
}
.tickCommBg {
/*background: transparent url(def/comm.png) 50% 50% no-repeat;*/
background: url(def/comm.png) 50% 50% no-repeat, radial-gradient(circle, rgba(0, 0, 0, 0.3) 0%, transparent 70%);
}
.tickCommDate {
font-size: 10px;
width: 66px;
}
.tickName,
.tickRecCouncil,
.tickRate,
.tickCat,
.tickRec,
.tickComm,
.tickMark,
.tickDate {
line-height: 1;
padding-left: 17px;
}
.tickName {
font-size: 11px;
font-weight: 700;
position: relative;
overflow: hidden;
height: 12px;
line-height: 12px;
background: url(def/others.png?v2) -959px -63px no-repeat;
}
.tickCat {
font-size: 11px;
font-weight: 400;
height: 12px;
margin-top: 2px;
}
.tickRate {
font-size: 11px;
font-weight: 400;
float: left;
height: 12px;
margin-top: 2px;
color: #000;
}
.tickStar {
width: 55px;
height: 12px;
margin: 1px 0 0 90px;
background: url(def/others.png?v2) -702px 0 no-repeat;
}
.tickRec {
clear: left;
height: 12px;
padding-left: 16px;
}
.tickComm {
clear: left;
height: 12px;
padding-left: 16px;
}
.tickDate {
clear: left;
height: 12px;
padding-top: 4px;
padding-left: 17px;
color: #929292;
}
#wrapContests .tickDate,
#wrapLastWorks .tickDate {
line-height: 1.2;
height: 13px;
margin-left: 1px;
}
.authNameFr {
font-size: 11px;
float: left;
overflow: hidden;
width: 160px;
padding-top: 0;
}
/* /gallery images */
/* friends */
.friendAva {
float: left;
overflow: hidden;
width: 144px;
height: 140px;
margin: 8px;
text-align: center;
}
.friendAva p {
height: 25px;
}
.friendAva img {
position: relative;
top: 80px;
}
.friendAva .round3 {
border-radius: 50%;
}
.friendAva .aName {
line-height: normal;
display: table-cell;
height: 35px;
padding-bottom: 2px;
text-align: center;
vertical-align: bottom;
width: 100px;
}
/* /friends */
/* friends activity */
#friendsAct {
background: #fff url(def/gall_back.png?v2) 0 29px no-repeat;
}
#friendsAct .head {
font-size: 14px;
font-weight: 700;
color: #929292;
}
#friendsAct .subhead {
font-size: 10px;
color: #929292;
}
#friendsAct .subhead,
#friendsAct .head {
padding-left: 10px;
}
#friendsActM {
font-family: verdana, serif;
font-size: 11px;
line-height: 13px;
overflow: hidden;
padding: 0 6px 0 6px;
}
.friendsActSep {
padding: 14px 0 14px 0;
background: url(def/separator.gif) 0 100% repeat-x;
}
/* /friends activity */
/* gallery links */
.lnk {
font-size: 11px;
font-weight: 400;
}
.lnk2 {
color: #d80000;
font-size: 15px;
}
.arttext1 {
line-height: 1.2;
}
.artlink1,
#articles h1 a {
font-size: 14px;
font-weight: 700;
}
.artlink2,
.artlink4,
#articles .artTop {
font-size: 12px;
}
.fnt11,
#blogs .blogAuthor a,
#arrowlistmenu ul li a,
#authGiveMenu a,
#authGotMenu a,
#authSerieMenu a,
#vertMenuDate a {
font: var(--mediumFont);
font-size: 14px;
letter-spacing: -0.5px;
}
#authSerieMenu a {
font-size: 16px;
line-height: 16px;
color: #000;
}
#authSerieMenu a:hover {
text-decoration: none;
opacity: 1;
}
.fnt11B,
.lnkB {
font-size: 11px;
font-weight: 700;
}
.lnkSerie {
line-height: 11px;
}
.lnkGray,
.lnkGray:hover,
.lnkSerie,
.lnkSerie:hover {
font-size: 9px;
color: #929292;
}
.lnkGray11,
.lnkGray11:hover {
font-size: 11px;
color: #929292;
}
.textGray {
display: inline-block;
color: #000;
font: var(--regularFont);
font-size: 13px;
margin: 12px 12px 12px 0;
}
.addFormSmallText {
margin-top:2px;
font-size:12px;
}
.labelIcon {
margin: 0 5px;
vertical-align: middle;
width: 15px;
height: 15px;
}
.textGrayMini {
opacity: .75;
color: var(--grayBlue);
font: var(--regularFont);
font-size: 12px;
}
.pluss {
color: #69cc26;
font: var(--boldFont);
}
.regFormBG {
background-color: #fff;
border-radius: 10px;
box-shadow: 0 0 0 1px var(--grayBorder);
}
input.regInput {
border: none;
background-color: var(--grayBg);
background-repeat: no-repeat;
border-radius: 6px;
padding: 0 12px;
width:350px;
height: 44px;
font-size: 16px;
}
.regOK {
font-family: Icomoon2;
font-size: 14px;
margin-left: 2px;
line-height: 11px;
}
.lnkComp,
.lnkComp:hover {
font-size: 9px;
position: relative;
top: -3px;
color: #c03;
}
.formREG {
color: #b5b5b5;
}
.lnkEdit,
.lnkEdit:hover {
font-size: 9px;
position: relative;
top: -3px;
color: #35739c;
}
.imgMark {
position: absolute;
top: 3px;
left: 1px;
height: 14px;
}
.workOfDayMark {
padding: 8px !important;
/*border-radius: 0 0 5px 0!important;
background: rgba(0, 0, 0, .25)!important;*/
background: transparent !important;
}
.compMark,
.placeMark,
.dayMark {
font-weight: 700;
font-size: 17px;
z-index: 99;
position: absolute;
left: 4px;
top: 2px;
padding: 4px 6px;
text-align: center;
/* opacity: .75;*/
color: #fff;
background: url(def/img_num.png?v2) 0 0 no-repeat;
filter: alpha(opacity=75);
-khtml-opacity: .75;
-moz-opacity: .75;
/*-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-khtml-border-top-left-radius: 4px;*/
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
-khtml-border-bottom-right-radius: 4px;
}
.compMark {
background-color: #e21313;
}
.compMark:hover {
text-decoration: none;
color: #fff;
}
.dayMark {
background-color: #ff7d01;
}
#myWorks .noWorks {
margin-top: 0px;
}
.noWorks {
font-size: 16px;
font-weight: 400;
font: var(--regularFont);
/*PTRegular, Nunito, var(--regularFont);*/
padding: 30px;
margin-bottom: 30px;
padding-top: 100px;
/*background: #fff;
width: 100%; */
border-radius: 10px;
white-space: normal;
height: 100px;
text-align: center;
color: #212121;
background-color: transparent;
}
#blogs .noWorks {
background-color: #fff;
border-radius: 10px 0 10px 10px;
}
.bshadow {
/*box-shadow: 0 0 8px 0px #0000000a;*/
}
.noComms {
font-size: 14px;
line-height: 2;
width: 100%;
padding-left: 75px;
text-align: left;
}
.banAuthor {
text-align: left;
width: 100%;
cursor: pointer;
height: 28px;
position: relative;
top: 2px;
}
/* /gallery links */
/* blogs layout */
#blogs {
min-height: 340px;
margin: 0 auto;
}
.blogTabs {
font-weight: 600;
font-size: 13px;
white-space: nowrap;
text-overflow: clip;
color: #fff;
margin-top: 18px;
}
.blogTabs span {
padding: 0 3px;
color: #fff;
background: none;
}
.blogTabs a,
.blogTabs a:hover {
font-weight: 500;
font-size: 12px;
color: #fff;
background-color: rgba(255, 255, 255, 0.4);
padding: 5px 10px;
margin-right: 6px;
border-radius: 13px;
text-decoration: none;
}
.blogTabsNew {
font-weight: 700;
line-height: 30px;
white-space: nowrap;
overflow: hidden;
text-overflow: clip;
color: #929292;
}
.blogTabsNew span {
padding: 0 3px;
color: #3c3c3c;
background: none;
}
.blogTabsNew a {
color: #5c7f99;
}
.blogTabsNew a:hover {
color: #5c7f99;
}
.blogSubHead {
font-size: 13px;
font-weight: 500;
color: #fff;
}
.blogSubHead a {
text-decoration: none;
background-color: rgba(255, 255, 255, 0.4);
color: #fff;
padding: 5px 10px;
border-radius: 13px;
font-size: 12px;
margin-left: 5px;
}
#wrapBlogs .roundedGallBR p {
font-size: 11px;
font-weight: 400;
color: #929292;
}
.roundedGallBR .blogSubHeadNew a {
text-decoration: underline;
color: #2678af;
}
.roundedGallBR .blogSubHeadNew a:hover {
color: #15a1ff;
}
#wrapBlogs .roundedGallTL p {
padding-top: 9px;
padding-left: 0;
}
#wrapBlogs .roundedGallTL a {
/*font-size: 11px;
font-weight: 400;*/
/*color: #2678af;*/
}
#blogs .blogTitle {
font-size: 25px;
font-weight: 600;
line-height: 27px;
max-width: 800px;
padding-bottom: 8px;
letter-spacing: -1.1px;
}
#blogs .blogTitle a,
#blogs .blogTitle {
text-decoration: none;
font: var(--mediumFont);
color: var(--black);
line-height: 30px;
font-size: 26px;
letter-spacing: -1.5px;
}
.blogStats {
background: #fff;
display: inline-block;
border: 1px solid #8796af4f;
border-radius: 25px;
padding: 4px 17px 11px 20px;
position: relative;
z-index: 95;
margin-bottom: 40px;
}
.iconBlogComm {
font-family: 'Icomoon2';
font-size: 20px;
color: #7E96AF;
position: relative;
top: 3px;
margin-right: 5px;
}
.iconPremium {
font-family: 'Icomoon2';
font-size: 16px;
color: #fff;
position: relative;
top: -1px;
left: -2px;
vertical-align: middle;
}
.iconBlogView {
font-family: 'Icomoon2';
font-size: 26px;
line-height: 20px;
color: #404040;
position: relative;
top: 6px;
margin-right: 7px;
margin-left: 20px;
font-weight: 100;
}
.view_icon {
font-family: 'Icomoon2';
font-size: 18px;
color: #fff;
display: inline-block;
position: relative;
top: 3px;
margin-right: 7px;
margin-left: 20px;
}
.iconBlogLike {
font-family: 'Icomoon2';
font-size: 22px;
color: #EB4242;
position: relative;
top: 4px;
margin-right: 5px;
margin-left: 20px;
font-weight: 100;
}
#blogs .blogAuthor {
position: relative;
top: -5px;
height: 36px;
text-align: center;
color: #929292;
/* background: url(def/others.png?v2) -959px -63px no-repeat; */
}
#blogs .blogAuthor b {
font-weight:500;
}
.roundedGallTL .blogName {
font-size: 14px;
font-weight: 700;
padding-right: 6px;
color: #929292;
}
.roundedGallTL .blogName a,
.roundedGallTL .blogName a:hover {
padding-right: 0;
text-decoration: none;
}
.roundedGallTL .blogName a:hover {
padding-right: 0;
text-decoration: none;
}
#blogs .blogDate {
font-size: 15px;
padding: 2px 5px 1px 0px;
color: var(--grayBlue);
font: var(--regularFont);
letter-spacing: var(--ls);
}
#blogs .blogComm {
font-size: 12px;
float: left;
height: 13px;
padding: 0;
color: #333333;
/* background: url(def/others.png?v2) -959px -133px no-repeat; */
}
#wrapBlogs .imgBoxBlog {
box-shadow: none;
border-radius: 4px;
}
#blogs .blogCommA {
color: #929292;
}
#blogs .blogCommCnt,
#blogs .blogCommCnt:hover {
font-size: 14px;
font-weight: 700;
color: #7E96AF;
text-decoration: none;
position: relative;
top: 2px;
}
#blogs .blogCommCntDiff {
font-size: 11px;
font-weight: 700;
color: #df0909;
}
#blogs .blogLastComm {
font-size: 13px;
font-weight: 400;
}
#blogs .blogBody {
font: var(--regularFont);
font-size: 15px;
line-height: 24px;
clear: left;
padding: 0;
overflow: visible;
margin: 0 auto;
padding: 35px 0 0 0;
}
#blogs .blogsBody {
font: var(--regularFont);
font-size: 15px;
line-height: 24px;
clear: left;
padding: 0;
overflow: visible;
margin: 0 auto;
padding: 15px 0 15px 0;
}
#blogs .blogBodyImg {
/* max-width: calc(100vw - 140px); */
max-width: 1300px;
min-width: 500px;
height: auto;
opacity: 0;
}
#blogs .blogsBody img {
max-width: 800px;
min-width: 240px;
height: auto;
margin: 10px auto;
display: block;
}
#blogs .blogPreviews img {
margin:0;
}
#blogs .blogsBody img.emoji, #blogs .blogBody img.emoji {
height: 30px;
width: 30px;
vertical-align:middle;
margin-right:7px;
min-width: 30px;
min-height: 30px;
}
#blogs .blogBody p,
#blogs .blogBody blockquote,
#blogs .blogBody h1,
#blogs .blogBody h2,
#blogs .blogBody h3,
#blogs .blogBody h4,
#blogs .blogBody h5,
#blogs .blogBody ol,
#blogs .blogBody ul,
#blogs .blogBody hr,
#blogs .blogsBody p,
#blogs .blogsBody h1,
#blogs .blogsBody h2,
#blogs .blogsBody h3,
#blogs .blogsBody h4,
#blogs .blogsBody h5,
#blogs .blogsBody ol,
#blogs .blogsBody ul,
#blogs .blogsBody table,
#blogs .blogsBody hr,
#blogs .blogsBody .commQuote,
#blogs .blogBody .commQuote {
max-width: 800px;
margin: 5px auto 20px auto;
color: #000;
word-break: break-word;
letter-spacing: -0.4px;
}
#blogs .blogBody table {
max-width: 1100px;
margin: 30px auto 40px auto;
}
#blogs .blogBody hr,
#blogs .blogsBody hr {
height: 0;
border: none;
border-top: 1px solid #cecece;
}
#blogs .blogBody iframe,
#blogs .blogsBody iframe {
width: 800px;
}
.headerGall,
.inactTab h2 {
padding-top: 10px;
padding-bottom: 1px;
font-size: 16px;
font-weight: 500;
font-family: 'Roboto', sans-serif;
}
.inactTab h2 {
padding-top: 3px;
}
.headerGall {
padding-left: 1px;
}
.headerGall a {
color: #000000;
font: var(--boldFont);
font-size: 20px;
letter-spacing: -0.9px;
}
.headerGall a:hover {
text-decoration: none;
}
#blogs .blogBody h1:not(:first-child),
#blogs .blogBody h2:not(:first-child),
#blogs .blogBody h3:not(:first-child) {
padding-top: 40px;
}
#blogs .blogBody h1,
#blogs .blogBody h2,
#blogs .blogBody h3,
.redactor_editor h1,
.redactor_editor h2,
.redactor_editor h3 {
color: #000 !important;
}
.redactor_editor {
font-weight: 400 !important;
}
#blogs .blogBody h1 {
margin-bottom: 0em;
font: var(--boldFont);
font-size: 22px;
line-height: 2;
}
#blogs .blogBody h2 {
margin-bottom: .2em;
font: var(--boldFont);
font-size: 18px;
line-height: 1.4;
}
#blogs .blogBody h3 {
font-size: 20px;
line-height: 1.4;
margin-bottom: .3em;
font-weight: 500;
}
#blogs .blogBody td {
padding: 6px;
border: 1px solid #d8d8d8;
font-size: 14px;
line-height: 15px;
}
#blogs .blogBody ol li,
#blogs .blogBody ul li {
padding: 5px 0 5px 0px;
line-height: 1.4;
font-size: 15px;
}
#blogs .blogBody ol,
#blogs .blogBody ul {
/*padding: 17px 0px;*/
}
#blogs .blogViews {
font-size: 14px;
font-weight: 700;
position: relative;
top: -1px;
}
#blogs .blogPreviews {
margin: 0;
text-align: center;
line-height: 18px;
}
#blogs .blogPreviews a {
display: inline-block;
}
#blogs .blogPreviews img {
min-width: 240px;
height: auto;
}
#blogs p.blogPreviewsNew {
max-width: 969px;
text-align: center;
font-size: 11px;
line-height: 13px;
color: #353535;
overflow: hidden;
word-break: break-all;
}
.wrapBlogLeft {
margin: 0px auto 30px auto;
background-color: #fff;
box-shadow: var(--mainShadow);
border-radius: 15px;
padding: 40px 0 0 0;
}
.wrapBlogLeft:first-of-type {
border-top-right-radius: 0;
}
.wrapBlogLeft2 {
margin: 0px auto 30px auto;
max-width: 1320px;
padding-top: 50px;
padding-bottom: 10px;
background: #fff;
box-shadow: var(--mainShadow);
border-radius: 16px;
}
.wrapBlogLeft2 .wrapBlogLeft {
box-shadow: none;
}
.blogRight {
font-size: 13px;
}
#blogs .blogVote,
#blogs .blogVoteZero,
#blogs .blogVoteMinus {
font-weight: 700;
font-size: 14px;
position: relative;
top: -1px;
}
#blogs .blogVoteZero {
color: #929292;
}
#blogs .blogVoteMinus {
color: #df0909;
}
#voteBtnT,
#voteBtnB {
font-weight: 700;
}
#blogs .voteAccept {
margin: 0 3px 0 15px;
color: #333;
background: #8796af4f;
border-radius: 16px;
padding: 8px 15px 6px 15px;
position: relative;
top: -1px;
font-size: 12px;
}
#blogs .blogVoteUp,
#blogs .blogVoteDown {
float: left;
width: 14px;
height: 14px;
cursor: pointer;
}
#wrapBlogLeft {
float: left;
width: 100%;
}
#indexBlogMenu {
display: none;
float: right;
width: 0;
padding-top: 3px;
}
#vertMenuCatBlog .head,
#indexBlogMenu .head {
font-size: 14px;
font-weight: 700;
color: #929292;
}
#vertMenuCatBlog .subhead,
#indexBlogMenu .subhead {
font-size: 10px;
font-weight: 700;
padding: 2px 0 6px 0;
color: #929292;
}
#vertMenuCatBlog p,
#indexBlogMenu p {
font-size: 12px;
padding: 4px 0;
color: #bebebe;
}
#vertMenuCatBlog a,
#indexBlogMenu a {
font: var(--mediumFont);
font-size: 14px;
}
#vertMenuCatBlog .d3,
#vertMenuCatBlog .d3:hover,
#indexBlogMenu .d3,
#indexBlogMenu .d3:hover {
font-size: 11px;
font-weight: 400;
}
#vertMenuCatBlog .d1,
#vertMenuCatBlog .d1:hover,
#indexBlogMenu .d1,
#indexBlogMenu .d1:hover {
font-size: 11px;
font-weight: 400;
color: #d23636;
}
#vertMenuCatBlog p,
#vertMenuCatBlog .head,
#vertMenuCatBlog .subhead {
padding-left: 4px;
}
#myBookmark {
background: #f0f0f0;
border-radius: 0 10px 10px 0;
padding: 9px 10px 7px 10px;
margin-bottom: 10px;
}
#myBookmark2 p {
padding: 5px 10px;
margin: 0 6px;
}
#myBookmark2 {
padding-bottom: 20px;
}
#myBookmark2 p:last-of-type {
border: 0px;
padding-bottom: 3px;
}
.bookmarkBlogA {
color: #444;
text-decoration: none;
}
.bookmarkNote {
font-size: 11px;
clear: left;
padding: 3px 0 6px 0;
color: #b5b5b5;
}
.bookmarkNoteA {
text-decoration: underline;
color: #37afff;
}
.allBlogA {
color: #d23636;
}
#blogs a.blogUnpublishA,
.blogUnpublishA {
color: #d57052;
}
#blogs .blogTitle {
color: #000;
text-align: center;
margin: 25px auto 10px auto;
line-height: 1.2;
}
.blogTitleCat,
.blogTitleCat:hover {
color: #fff;
margin: 0 auto;
font-size: 14px;
font: var(--regularFont);
text-decoration: none;
border-radius: 15px;
background: #000;
padding: 4px 16px;
font-size: 13px;
}
.blogEditA {
font-size: 10px;
font-weight: 400;
color: #5ecf60;
}
.blogHideA {
font-size: 10px;
font-weight: 400;
color: #d57052;
}
.blogDelA {
font-size: 10px;
font-weight: 400;
color: #d92424;
}
.fbComm {
background-color: #fff;
}
/* /blogs layout */
/* articles */
#wrapArticle img {
margin: 10px;
}
.header3 {
font: 24px tahoma, arial, serif;
color: #505656;
}
.text12 {
padding-left: 20px;
}
.articleTbl td {
font-size: 12px;
line-height: normal;
padding: 4px 10px 18px 0;
}
.articleTbl .textGray {
color: darkred;
}
/* /articles */
/* contest tabs */
.actTab,
.inactTab,
.actTabL,
.actTabR {
float: left;
}
.inactTab {
/*padding-top: 10px;*/
}
.inactTab p {
position: relative;
margin-top: 1px;
padding-right: 6px;
}
.inactTab .inactTabA,
.inactTab .inactTabA:hover {
font-size: 13px;
font-weight: 400;
text-decoration: none;
/*color: #fff;*/
}
a.inactTabA {
color: #000;
}
.inactTab .inactTabA {
/*border-bottom: 1px dotted #e28f8f;*/
}
.inactTab .inactTabA:hover {
/*border-bottom: 1px solid #e28f8f;*/
}
.actTabL {
height: 31px;
margin-top: -2px;
padding-left: 4px;
text-align: center;
/*background: url(def/buttons_r.png?v2) 0 -189px no-repeat;*/
}
.actTabR {
width: 4px;
height: 31px;
margin-top: -2px;
/*background: url(def/buttons_r.png?v2) 100% -189px no-repeat;*/
}
.actTabL p {
position: relative;
margin-top: 3px;
}
.inactTab .actTabA,
.inactTab .actTabA:hover {
font-size: 11px;
font-weight: 700;
text-decoration: none;
/*color: #2678af;
border-bottom: 1px solid #2678af;*/
}
#tab0,
#tab1,
#tab2 {
/*height: 29px;
cursor: pointer;*/
margin: 0 0 0 10px;
}
#panelContestsSlider {
background: url(def/gall_back.png?v2) 0 0 repeat-y;
}
#imgSlider {
position: relative;
top: -5000px;
left: -5000px;
visibility: hidden;
height: 0;
margin: 0 auto;
padding: 0;
}
#imgSlider .phImg {
margin: 0 0 0 3px;
padding-left: 1px;
}
/* /contest tabs */
/* Main Image */
#add_crop_lnk,
#add_crop_lnk:hover {
font-size: 13px;
border: 2px solid;
padding: 5px 10px;
border-radius: 5px;
text-decoration: none;
}
/* /Main Image */
.allCommLnk a {
font-size: 12px;
text-decoration: none;
border-bottom: 1px dotted #2678af;
}
.allCommLnk a:hover {
border-bottom: 1px solid #15a1ff;
}
/* autocomplete */
.autocomplete-w1 {
font-size: 16px;
font-weight: 500;
position: absolute;
z-index: 800;
top: -2px;
font: var(--regularFont);
left: 0;
_background: none;
_margin: 1px 0 0 0;
}
.autocomplete {
overflow: auto;
max-height: 350px;
cursor: default;
/* position: relative; */
/* left: 29px; */
/* border-radius: 0 0 18px 18px; */
padding: 10px 21px 10px 157px;
text-align: left;
/*border-top: 2px solid #000000;*/
background-color: #ffffff;
backdrop-filter: blur(10px);
box-shadow: var(--mainShadow);
border-radius: 15px;
}
.autocomplete::-webkit-scrollbar {
width: 5px;
}
.autocomplete::-webkit-scrollbar-track {
border-radius: 10px;
}
.autocomplete::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 0px 5px rgb(0 0 0 / 18%);
}
.autocomplete .selected {
/* background-color: #f8f5ff;*/
border-radius: 20px;
}
.autocomplete div {
padding: 6px 15px 7px 16px;
white-space: nowrap;
text-overflow: clip;
cursor: pointer;
color: #000;
font: var(--boldFont);
}
.autocomplete strong {
font-weight: 500;
font: var(--regularFont);
color: #000000;
cursor: pointer;
}
/* /autocomplete */
/* work */
/*////////////////////////////////////////////////*/
.wrapWorkActions {
height: 85px;
padding: 0 20px;
color: #000;
width: 1244px;
margin: 5px auto;
/*border-radius: 0 0 6px 6px;
font-size: 30px;
box-shadow: 0 1px 2px #0000001f;*/
}
.workCounters {
width: 100%;
text-align: center;
float: left;
height: 37px;
overflow: hidden;
font: var(--regularFont);
font-size: 27px;
font-weight: 600;
line-height: 29px;
}
.workCounters--views,
.workCounters--recs {
letter-spacing: -1.7px;
}
.workCounters--views {}
.workCounters--dots,
.workCounters--dots:hover {
font: var(--mediumFont);
color: #3790ff;
margin-left: 2px;
text-decoration: none;
font-size: 32px;
}
.messageDots,
.messageDotsPopup {
font-size: 21px;
font-family: Icomoon2;
color: #3790ff;
margin-left: 8px;
cursor: pointer;
position: relative;
top: 6px;
line-height: 15px;
}
.messageDotsPopup {
margin: 0 6px 0 8px;
position: relative;
top: 1px;
float: right;
}
.pAuthName {
display: block;
white-space: nowrap;
text-decoration: none;
font: var(--mediumFont);
/* font-weight: 400; */
font-size: 15px;
line-height: 17px;
}
.workCounters--recs {
/*background: url(def/work_icons.png?v2) 0 -27px no-repeat;*/
}
.wrapCatPhBg {
margin: 0 auto;
padding: 0 10px;
}
#wrapCatPh .imgBoxNew {
border-radius: 8px;
}
/*////////////////////////////////////////////////*/
.wrapAuthName {
font: var(--boldFont);
font-size: 18px;
line-height: 1;
margin-top: 45px;
padding: 3px 10px 0px 10px;
}
.wrapAuthName a span {
letter-spacing: -0.7px;
}
.wrapAuthName a,
.wrapAuthName a:hover {
color: #000;
text-decoration: none;
}
.wrapAuthFollow {
margin: 5px 0 10px 0;
}
.wrapCatNames,
.wrapCatNames a {
font-family: var(--boldFont);
font-size: 15px;
line-height: 1.2;
color: #000;
text-decoration: none;
letter-spacing: -0.7px;
margin: 25px 0;
border: none;
}
.wrapCatNames {
padding: 0 20px;
}
.wrapAuthName .authRating {
font: var(--regularFont);
font-size: 16px;
font-weight: 400;
color: var(--grayBlue);
}
.wrapPhEquip {
margin: 5px 0;
font-family: var(--mediumFont);
font-size: 15px;
font-weight: 600;
color: #000;
min-height: 32px;
display: inline-block;
width: 248px;
}
.workIcon {
/* height: 32px;
overflow: hidden;
background: url(def/work_icons.png?v2) 0 -65px no-repeat;
padding-left: 50px;
display: inline-block;
position: absolute;*/
font-family: icomoon;
font-size: 24px;
line-height: 1em;
color: var(--black);
text-decoration: none;
font-weight: 100;
margin: 0 6px 0 10px;
display: inline-block;
vertical-align: -20%;
}
.wrapEquipIcon {
vertical-align: top;
margin-right: 7px;
}
.EquipText {
display: inline-block;
min-height: 32px;
width: calc(100% - 50px);
margin-top: 3px;
}
.spanvmiddle {
display: inline-block;
height: 100%;
vertical-align: middle;
width: 0;
}
.wrapSerieName {
margin: 5px 0;
font: var(--regularFont);
font-size: 14px;
font-weight: 400;
color: #686868;
min-height: 32px;
display: inline-block;
}
.wrapSerieIcon {
height: 25px;
width: 23px;
/* overflow: hidden; */
background-repeat: no-repeat;
background-size: contain;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="800px" height="800px" viewBox="0 0 16 16" fill="%23000000" class="bi bi-images"><path d="M4.502 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/><path d="M14.002 13a2 2 0 0 1-2 2h-10a2 2 0 0 1-2-2V5A2 2 0 0 1 2 3a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v8a2 2 0 0 1-1.998 2zM14 2H4a1 1 0 0 0-1 1h9.002a2 2 0 0 1 2 2v7A1 1 0 0 0 15 11V3a1 1 0 0 0-1-1zM2.002 4a1 1 0 0 0-1 1v8l2.646-2.354a.5.5 0 0 1 .63-.062l2.66 1.773 3.71-3.71a.5.5 0 0 1 .577-.094l1.777 1.947V5a1 1 0 0 0-1-1h-10z"/></svg>');
/* padding-left: 50px; */
display: inline-block;
/* position: absolute; */
margin: 0px 7px 0 11px;
vertical-align: top;
}
.SerieText {
display: inline-block;
margin-top: 3px;
}
.wrapPhExif {
margin: 18px 0;
font: var(--boldFont);
font-size: 14px;
color: #000;
min-height: 32px;
display: inline-block;
width: 248px;
}
.wrapExifIcon {
vertical-align: top;
font-size: 28px;
margin-right: 4px;
}
.ExifText {
display: inline-block;
width: calc(100% - 50px);
min-height: 32px;
margin-top: 1px;
}
.wrapPhDate {
margin: 5px 0;
font: var(--regularFont);
font-size: 14px;
color: var(--grayBlue);
min-height: 32px;
display: inline-block;
width: 248px;
}
.wrapDateIcon {
font-size: 28px;
margin-left: 9px;
margin-right: 5px;
}
.DateText {
display: inline-block;
min-height: 32px;
white-space: nowrap;
/* padding-left: 50px; */
/* padding-top: 9px; */
}
.wrapPhKeywords {
margin: 5px 0;
font: var(--regularFont);
font-weight: 400;
font-size: 13px;
min-height: 32px;
display: inline-block;
width: 248px;
}
.wrapPhKeywords a {
color: #000;
text-decoration: none;
}
.wrapKeywordsIcon {
vertical-align: top;
font-size: 28px;
margin-right: 4px;
margin-top: 4px;
}
.KeywordsText {
display: inline-block;
width: calc(100% - 50px);
min-height: 32px;
/* padding-left: 50px; */
/* padding-top: 1px; */
font: var(--regularFont);
font-size: 13px;
}
.KeywordsText a {
border-radius: 20px;
padding: 5px 12px 6px 12px;
/* margin: 10px 5px; */
background-color: #f0f1f5;
line-height: 34px;
}
.wrapWorkParams {
text-align: left;
line-height: 1.3;
padding: 0 20px 0 20px;
display: inline-block;
}
.wrapWorkDesc {
/*margin-top: 20px;*/
width: 100%;
margin-left: 12px;
padding: 0 0 20px 0;
border-radius: 10px;
margin-top: 49px;
background: #fff;
box-shadow: var(--mainShadow);
top: 10px;
/* position: sticky;*/
text-align: center;
}
.wrapWorkDescCover {
margin-bottom: 30px;
height: 120px;
padding: 0;
background-size: cover;
background-position: 50% 50%;
border-radius: 10px 10px 0 0;
position: relative;
}
/*////////////////////////////////////////////////*/
.wrapWorkComm {
/*background-color: #e5e6e9;
width: 92%;*/
display: inline-block;
/*max-width: 1530px;*/
margin: 30px auto;
/*margin-right: 125px;*/
}
/*////////////////////////////////////////////////*/
#mainImage {
/*-webkit-touch-callout: none;
-webkit-user-select: none;*/
cursor: pointer;
max-width: 100%;
}
#wrapWorkDesc td {
line-height: 18px;
padding: 2px;
}
#wrapWorkDesc a,
#wrapWorkDesc a:hover {}
.workDescTitle {
width: 120px;
padding-right: 6px;
text-align: right;
white-space: nowrap;
text-overflow: clip;
}
.workDescWho {
font-size: 9px;
}
.lnkSort,
.lnkSort:hover {
font-size: 11px;
}
.averMarkLoc {
font-size: 12px;
font-weight: 700;
color: #b3b3b3;
}
#averMarkAjax {
float: left;
width: 100px;
margin-left: -100px;
text-align: center;
}
#averMarkAjax .tickMarkImg {
height: 13px;
margin: 2px 0;
}
.averMarkVal {
font-size: 70px;
font-weight: 700;
}
.averMarkNote {
font-size: 9px;
color: #444;
}
#mark {
float: left;
margin-top: 3px;
}
#mark {
font-size: 10px;
float: left;
width: 100%;
margin-top: 4px;
text-align: center;
}
#mark input {
position: relative;
z-index: 101;
}
#wrapWorkDesc .waiter {
text-decoration: none;
border-bottom: 1px dotted #2678af;
}
#wrapWorkDesc .waiter:hover {
text-decoration: none;
border-bottom: 1px solid #15a1ff;
}
#waiter {
padding-left: 10px;
color: #6b6e6b;
font-size: 11px;
}
#howDone {
font-weight: 700;
color: #6b6e6b;
}
.share {
line-height: 1.5;
float: left;
width: 80px;
height: 16px;
margin-right: 3px;
background: url(def/share.png?v2) 0 0 no-repeat;
}
.share a {
display: block;
padding-left: 18px;
}
.share a:hover {
text-decoration: none;
}
.share_blk {
clear: left;
padding: 10px 0 4px 0;
}
.share_blk .share_btn {
display: block;
float: left;
height: 24px;
margin-right: 6px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-khtml-border-radius: 3px;
}
.share_blk .share_btn:last-child {
margin-right: 0;
}
.share_blk .share_btn .count {
line-height: 24px;
padding: 0 6px;
display: block;
float: left;
min-width: 30px;
text-align: center;
font-size: 13px;
font-weight: 300;
color: #fff;
}
.share_blk .share_btn .icon {
display: block;
float: left;
width: 26px;
height: 24px;
border-right: 1px solid rgba(255, 255, 255, .2);
}
.vk,
.vk:hover {
background-color: #5f83aa;
}
.vk .icon {
background: transparent url(def/share_icons.png?v2) -199px -4px no-repeat;
}
.facebook,
.facebook:hover {
background-color: #435eac;
}
.facebook .icon {
background: transparent url(def/share_icons.png?v2) -3px -5px no-repeat;
}
.loginButton,
a.loginButton,
a.loginButton:hover,
.loginButtonFB,
a.loginButtonFB,
a.loginButtonFB:hover {
display: inline-block;
height: 38px;
background: var(--followGradient);
color: #fff;
border-radius: 6px;
text-align: center;
box-sizing: border-box;
position: absolute;
padding: 9px;
top: 0;
left: 0;
text-decoration: none;
cursor: pointer;
font: var(--mediumFont);
}
.loginButtonFB,
a.loginButtonFB,
a.loginButtonFB:hover {
left: 175px;
width: 140px;
padding: 0 10px 0 7px;
background: #43a7f5;
font-size: 14px;
}
.twitter,
.twitter:hover {
background-color: #00aced;
}
.twitter .icon {
background: transparent url(def/share_icons.png?v2) -172px -4px no-repeat;
}
.google,
.google:hover {
background-color: #d64a2d;
}
.google .icon {
background: transparent url(def/share_icons.png?v2) -36px -4px no-repeat;
}
.pinterest,
.pinterest:hover {
background-color: #cc2127;
}
.pinterest .icon {
background: transparent url(def/share_icons.png?v2) -105px -5px no-repeat;
}
.workName {
position: relative;
height: 40px;
/*max-width: 1600px;*/
margin: 0 auto;
padding: 10px 0 0;
text-align: left;
}
.workName h1 {
position: absolute;
left: 0;
line-height: 40px;
color: #444;
font: var(--regularFont);
font-size: 17px;
}
#image_description {
line-height: 21px;
max-width: 600px;
text-align: left;
padding-top: 10px;
padding-bottom: 12px;
color: #262626;
font: var(--regularFont);
font-size: 13px;
}
#image_description img {
max-width: 70vw;
}
/*
@media only screen and (max-width: 767px) {
#image_description img {
max-width: 100%;
}
}
*/
#image_name {
font-size: 13px;
}
.prevNext {
font-size: 10px;
font-weight: 400;
color: #b1b1b1;
}
.PrevLink,
.NextLink,
.EditLink,
.iconFullSize {
z-index: 99;
position: absolute;
top: 10px;
right: 6px;
display: grid;
place-items: center;
width: 42px;
height: 42px;
cursor: pointer;
text-align: center;
margin-left: 4px;
border-radius: 25px;
background: rgba(0, 0, 0, .1) url(trans_nav.png?v2) no-repeat -284px 50%;
color: #ffffffeb;
}
.PrevLink:hover,
.NextLink:hover,
.iconFullSize:hover,
.EditLink:hover {
background-color: rgba(0, 0, 0, .4)
}
.PrevLink {
right: 100px;
background-position: 10px 50%;
}
.EditLink {
right: 145px;
background-image: none;
}
.iconFullSize {
font-family: icomoon2;
right: 52px;
font-size: 20px;
background-image: none;
}
.iconFullSizePopup {
font-family: icomoon2;
position: relative;
top: 10px;
right: 5px;
color: #ffffff;
font-size: 27px;
background-image: none;
}
.popRightIcons {
position: absolute;
right: 63px;
top: 68px;
}
.iconFullSizeGall {
display: none;
right: 12px;
z-index: 1;
position: absolute;
top: 47px;
/* padding: 10px 0 0 10px; */
color: #ffffff;
font-size: 20px;
width: 22px;
height: 22px;
/* border: 2px solid #fff;
border-radius: 4px;*/
/* background: rgba(0, 0, 0, .25); */
cursor: pointer;
}
.iconFullSizeGallIcon {
font-family: icomoon2;
position: relative;
top: -2px;
left: -2px;
font-size: 22px;
}
a.iconFullSize:hover,
a.iconFullSizePopup:hover,
.iconFullScreen:hover,
.iconFullSizeGall:hover,
.aFullPage:hover {
color: #fff;
text-decoration: none;
}
/* /work */
/* work comments */
#comm0 {
float: left;
width: 100%;
position: relative;
top: 11px;
/* border-top: 1px solid #EEEFF0;
margin-top: 8px; */
}
#comm0.commentsExists {
margin-bottom: 35px;
}
.pagerSpacer {
height: 20px;
}
.noCommentsWork {
position: absolute;
top: -40px;
left: 75px;
}
#comm0 td {
/*border: 1px solid red;*/
}
#wrapWorkComm .roundedGallTR span {
color: #000;
}
#wrapWorkComm .roundedGallTR a,
#wrapWorkComm .roundedGallTL a {
color: #000;
}
#wrapWorkComm .roundedGallTL,
#facebookComm .roundedGallTL {
/*background: url(def/panels.png?v2) 0 -94px no-repeat;*/
}
#wrapWorkComm .roundedGallTR,
#facebookComm .roundedGallTR {
/*background: url(def/panels.png?v2) 100% -94px no-repeat;*/
}
#wrapWorkComm .roundedGallBL,
#facebookComm .roundedGallBL {
/*background: url(def/panels.png?v2) 0 -123px no-repeat;*/
}
#wrapWorkComm .roundedGallBR,
#facebookComm .roundedGallBR {
/*background: url(def/panels.png?v2) 100% -123px no-repeat;*/
}
#comment {
font-family: Roboto, arial, verdana, serif;
font-size: 15px;
line-height: 140%;
border: 0;
/*2px solid #d6d6d6;*/
border-radius: 10px 4px 10px 10px;
background-color: #fff;
outline: none;
height: 276px;
width: 725px;
box-shadow: var(--mainShadow);
padding: 10px 13px;
/*margin-bottom: 3px;*/
z-index: 10;
position: absolute;
resize: none;
right: 0px;
top: 32px;
box-sizing: border-box;
}
#comment.blogsComment {
width: 905px;
}
.commTextareaWrap {
position: relative;
height: 400px;
/*width: 800px;*/
max-width: calc(100vw - 745px);
min-width: 695px;
}
.commLine0 {
/* background-color: #e8ecf3;
border-bottom: 1px solid #e6e6e6;*/
}
div.cSpan {
display: flex;
margin-top: 40px;
margin-bottom: 60px;
justify-content: center;
}
.commLine {
display: flex;
flex-direction: column;
margin: 40px 30px 70px 30px;
}
/*.cSpan .imgBoxNew, .imgBoxBlog {
box-shadow: var(--expShadowPreview);
}
*/
/*
.commLine0:first-of-type {
border: 0;
}
.commLine1:first-of-type {
border: 0;
}
*/
.commActionsMenu {
position: absolute;
bottom: 38px;
right: 8px;
text-align: left;
background-color: #fff;
border-radius: 5px;
padding: 9px 13px 15px 6px;
box-shadow: 0 0 25px 0px rgb(0 0 0 / 15%);
font: var(--regularFont);
}
.posPopup {
bottom: 35px;
right: -10px;
}
.commActionsMenu:after {
content: '';
position: absolute;
width: 10px;
background-color: #fff;
height: 10px;
box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.04);
bottom: -5px;
right: 15px;
transform: rotate(45deg);
}
.commActionsMenu a {
display: block;
}
.commActionsMenu .about_icon {
color: #000;
position: relative;
top: -1px;
}
.commActions {
white-space: nowrap;
padding: 7px 6px 30px 0px;
/* height: auto; */
display: inline-block;
width: 100%;
box-sizing: border-box;
height: 24px;
/* height: 24px;*/
}
.actionsPaddingNew .commActions {
border: 0;
padding-bottom: 0;
/*min-height: 26px;*/
}
.noBorder {
border: 0;
}
.topBorder {
border: 0;
/*border-top: 1px solid #EFF0F1;
margin-top: 15px;*/
padding: 0px 5px 0 0;
position: relative;
top: 6px;
}
.commActions a {
font: var(--regularFont);
font-size: 13px;
color: #000;
letter-spacing: var(--ls);
}
.commActionsMenu .delCommA,
.commActionsMenu .editCommA {
font-size: 13px;
}
.commCitation {
font-size: 11px;
font-weight: 700;
/*color: #2f4da4;*/
/*border-bottom: 1px dotted #2f4da4;*/
}
.commCitation:hover,
.commActions a:hover {
text-decoration: none;
}
.commDate {
font-weight: 400;
color: var(--grayBlue);
font: var(--regularFont);
font-size: 12px;
padding-left: 100px;
float: right;
padding-top: 1px;
padding-right: 5px;
letter-spacing: var(--ls);
}
.commDateNew {
font: var(--regularFont);
font-size: 12px;
color: var(--grayBlue);
white-space: nowrap;
letter-spacing: var(--ls);
padding-left: 20px;
/* padding-top: 5px; */
/* padding-bottom: 5px; */
padding-right: 20px;
/* position: absolute; */
right: 19px;
background: linear-gradient(90deg, #fff0 0%, white 20px);
top: 34px;
}
.commDateNewPreview {
top: 35px;
}
.commDateIcon {
font-family: Icomoon2;
font-size: 15px;
color: #cfd0d3;
position: absolute;
right: 10px;
top: 10px;
cursor: default;
}
.commDate a {
font-size: 9px;
font-weight: 700;
text-decoration: none;
/*color: #2f4da4;*/
}
.commTextTd {
/*width: 100%;*/
text-align: left;
/* padding-top: 1px; */
max-width: 880px;
display: block;
background: #fff;
padding: 0px 11px 6px 15px;
position: relative;
border-radius: 0 10px 10px 10px;
box-shadow: var(--mainShadow);
}
.commTextTd::after {
content: '';
position: absolute;
left: -7px;
top: 0px;
border: 10px solid transparent;
border-top: 8px solid #fff;
}
.commTextDiv {
display: inline-block;
text-align: left;
/*padding-left: 15px;*/
position: relative;
max-width: 750px;
}
.recFromFeed {
font-size: 12px;
font-weight: 500;
padding: 8px 12px;
border-radius: 3px;
position: absolute;
top: 5px;
right: 10px;
color: #fff;
background-color: #008ed0;
}
.commTextTdNew {
width: 670px;
text-align: left;
position: relative;
}
.actionsPadding {
padding: 2px 6px 0 8px;
}
.actionsPaddingNew {
/*padding: 14px 12px 9px 15px;*/
padding: 20px 20px 15px 20px;
background: #fff;
border-radius: 0 var(--mainRadius) var(--mainRadius) var(--mainRadius);
display: inline-block;
box-shadow: var(--msgShadow);
/*0 1px 2px #0000001f;*/
}
.actionsPaddingNew::after {
content: '';
position: absolute;
left: 0px;
top: -9px;
border: 11px solid transparent;
border-left: 15px solid #fff;
}
/*.actionsPaddingNew::before {
content: '';
position: absolute;
left: 0px;
top: -1px;
border: 12px solid transparent;
border-top: 10px solid #0000000d;
filter: blur(2.5px);
}
*/
.actAfter::after {
/*left: -8px;*/
}
.actionsPaddingNew img.getPBS {
height: 14px;
top: 1px;
}
.actionsNameAuth img.getPBS {
height: 14px;
vertical-align: bottom;
}
.paddingTop5 {
padding-top: 12px;
}
.commAuthAvatarTd {
padding: 0 10px;
text-align: center;
position: relative;
}
.avatarAndComment {
width: 700px;
display: flex;
}
.actAvatarAndComment {
width: 700px;
}
.avatarAndCommentWrap {
width: 700px;
display: inline-block;
margin-bottom: 4px;
}
.commAuthAvatarTdNew {
padding: 0;
width: 40px;
text-align: center;
position: absolute;
top: 16px;
left: 18px;
}
.commAuthAvatarTdNew .usmenu {
width: 40px;
height: 40px;
}
.actionsLeft {
left: 13px;
}
.commAuthAvatarTd .commActIcon {
font-size: 13px;
}
.commAuthAvatarTdNew .commAct {
top: 45px;
left: -3px;
}
.prevLeft {
width: 75px;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10002;
cursor: pointer;
}
.nextRight {
width: 75px;
height: 100%;
position: absolute;
top: 0;
right: 0;
z-index: 10002;
cursor: pointer;
}
.prevLeftArrow {
position: absolute;
left: 10px;
top: 50%;
width: 50px;
height: 50px;
border-radius: 30px;
background-color: transparent;
background-image: url(black/classic-map.png?v);
background-repeat: no-repeat;
background-position: 15px 20px;
background-position-y: 50%;
opacity: 0.6;
}
.nextRightArrow {
position: absolute;
left: 10px;
top: 50%;
width: 50px;
height: 50px;
border-radius: 30px;
background-color: transparent;
background-image: url(black/classic-map.png?v);
background-repeat: no-repeat;
background-position: -279px 20px;
background-position-y: 50%;
opacity: 0.6;
}
.commText {
font: var(--regularFont);
color: var(--black);
font-size: 14px;
line-height: 22px;
font-weight: 400;
padding: 20px 0px 5px 0;
min-height: 28px;
text-align: left;
word-wrap: break-word;
max-width: 750px;
}
.commTextDiv .commText {
max-width: 660px;
}
.commText div, .commText strong {
letter-spacing: var(--ls);
}
.commTextActions {
min-height: 0;
padding-bottom: 0;
padding-right: 3px;
}
.actionsAvatar {
width: 20px;
height: 20px;
border-radius: 50%;
background-size: cover;
position: absolute;
top: 15px;
left: 18px;
background-position: 50% 50%;
}
.blogShadow .actionsAvatar {
width: 20px;
height: 20px;
}
.actionsAvatarPreview {
width: 20px;
height: 20px;
top: 15px;
}
.getAuthMoreText {
margin: 0 0 20px 0;
max-width: 807px;
background-color: #fff;
border-radius: 0 10px 10px 10px;
padding: 9px 15px 9px 15px;
box-shadow: 0 0 0 1px #DDDEDF;
/*box-shadow: 0 1px 2px #0000001f;*/
min-height: auto;
display: inline-block;
position: relative;
}
.getAuthMoreText::after {
content: '';
position: absolute;
left: -6px;
top: 0px;
border: 7px solid transparent;
border-top: 7px solid #fff;
}
.getAuthMoreText::before {
content: '';
position: absolute;
left: -8px;
top: -1px;
border: 7px solid transparent;
border-top: 7px solid #DDDEDF;
}
.commText a.lnk {
font-size: 14px;
}
.serieAuthTitle {
/*padding: 0px 0 14px 0;*/
}
#headerBottom h1.gallPath {
padding: 10px 0px 14px 0px;
z-index: 500;
width: 50%;
margin: 0 auto;
background-color: transparent;
font-size: 0;
text-align: center;
top: 1px;
position: relative;
}
#headerBottom h1.gFixed {
position: fixed !important;
background-color: #fff;
border-top: 1px solid #dedede;
box-shadow: rgba(0, 0, 0, 0.23) 0px 2px 15px 0px;
top: 120px;
}
.commTextComm {
font: var(--regularFont);
font-size: 14px;
line-height: 21px;
width: 600px;
max-width: 600px;
padding: 9px 9px 25px 0;
word-wrap: break-word;
}
.commTextComm img {
max-width: 100%;
}
.commText a,
.commTextComm a,
.previewComm a {
word-break: break-word;
}
.commText img {
max-width: 100%;
border-radius: 8px;
display: block;
margin: 10px 0;
max-height: 400px;
}
.commText img.smile {
display: inline-block;
margin: 0;
vertical-align: -10%;
}
.commQuote,
.commQuotePopup {
font: var(--regularFont);
font-size: 12.4px;
line-height: 1.08rem;
max-width: 660px;
max-height: 37px;
overflow-y: hidden;
margin: 25px 0 13px 0;
padding: 9px 25px 9px 9px;
/* border: 1px solid #ced8df; */
background-color: #F0F2F5;
color: var(--quoteText);
border-radius: 6px;
width: fit-content;
letter-spacing: 0px;
position: relative;
left: -7px;
}
.commQuote:first-of-type,
.commQuotePopup:first-of-type {
margin: 0 0 13px 0;
}
.actionsPaddingNew .commQuote {
border: 0;
background-color: #F0F2F5;
}
.actionsPadding {
width: 0px;
}
.commQuotePopup {
padding: 10px 25px 9px 9px;
max-width: 600px;
border: 0;
display: block;
background-color: #F0F2F5;
color: var(--quoteText);
}
.quoteOpen {
max-height: none;
}
.quoteOpen2 {
max-height: none;
}
.getAuthMoreText .commQuotePopup {
background-color: #eeeff0;
}
#previewComm .commQuote {
font-size: 12px;
line-height: 17px;
margin: 3px 0 7px 0;
padding: 5px 8px 4px 8px;
max-height: 50px;
}
.commAct {
white-space: nowrap;
display: none;
position: absolute;
top: 50px;
left: 73px;
text-align: left;
background-color: #fff;
border-radius: 5px;
padding: 12px 18px;
box-shadow: 0px 0px 20px 0px rgb(90 97 103 / 29%);
z-index: 10;
}
.commActNew {
top: 86px;
left: 13px;
}
.commAct:before {
content: '';
position: absolute;
width: 10px;
background-color: #fff;
height: 10px;
box-shadow: -2px -2px 3px 0 rgba(0, 0, 0, 0.04);
top: -5px;
left: 19px;
transform: rotate(45deg);
}
.commAct a {
line-height: 23px;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-size: 13px;
color: #000;
font-weight: 400;
}
.commAct a:hover {
text-decoration: none;
}
.commActIcon {
font-family: Icomoon2;
color: #000;
font-size: 11px;
border-radius: 5px;
display: inline-block;
margin: 5px 5px 0 0;
position: relative;
top: 1px;
cursor: pointer;
}
.commTextTdNew .commActIcon,
.commTextDiv .commActIcon {
position: absolute;
top: 24px;
left: 49px;
background: transparent;
margin-top: 0;
padding: 0;
}
a.pBadge {
position: relative;
top: 60px;
z-index: 329;
}
.workBadge {
position: relative;
top: 25px;
}
.workBadge .getPBS {
padding: 0;
}
.workAvatar {
position: absolute;
top: 82px;
left: calc(50% + 0px);
transform: translateX(-50%);
width: 78px;
margin: 0 auto;
text-align: center;
border-radius: 50%;
}
.authWorks0 {
/*background-color: #e8ecf3;*/
}
.authWorks1 {
/* background-color: #f1f2f3;*/
}
.commButtonsTd {
padding-top: 13px;
padding-left: 13px;
}
.commAuth {
width: 65px;
text-align: center;
padding: 0px 10px 0px 0px;
position: relative;
}
.commAuthor {
position: absolute;
top: -6px;
}
.commAuthor .usmenu, .commAuth .usmenu {
width: 65px;
height: 65px;
}
.commAuthName {
overflow: hidden;
width: 164px;
margin-right: 3px;
padding: 1px 0 1px 0px;
}
.commTextTdNew .commAuthName,
.commTextDiv .commAuthName {
padding-left: 47px;
}
.commTextTdNew .commAuthMood,
.commTextDiv .commAuthMood {
padding-left: 47px;
}
#WEB3_CONNECT_MODAL_ID {
position: relative;
z-index: 15000;
}
.commAuthMood.offsetMood {
padding-left: 50px;
line-height: 8px;
margin-bottom: 4px;
}
.commAuthName img {
position: relative;
top: 2px;
margin-left: 1px;
}
.commAuthName.offsetName {
display: inline-block;
margin-top: 4px;
}
.commAuthName a {
font: var(--boldFont);
font-size: 14px;
line-height: 14px;
}
strong {
font-weight: 600;
}
p strong {
margin: 20px 0 5px 0;
}
.commAuthParams {
font-size: 10px;
font-weight: 700;
line-height: normal;
padding-top: 1px;
padding-bottom: 2px;
}
.commAuthRate {
font-size: 13px;
font: var(--regularFont);
font-weight: 400;
color: var(--grayBlue);
/*#d14242;*/
}
.commAuthCoof {
font-weight: 700;
color: #535353;
}
.commAuthMood, p.commAuthMood {
font: var(--regularFont);
font-weight: 400;
color: var(--grayBlue);
font-size: 12px;
/* display: inline-block; */
padding-right: 8px;
/* line-height: 23px; */
padding-top: 5px;
letter-spacing: 0;
}
.commAuthMoodWork {
font: var(--regularFont);
font-size: 13px;
display: inline-block;
padding-right: 8px;
line-height: 16px;
padding-top: 4px;
/* box-shadow: 0 10px 15px #0000000f; */
/* line-height: 20px; */
padding: 8px 28px 7px 28px;
margin: 0px 0 10px 0;
border-radius: 0 0 90px 90px;
word-break: break-word;
letter-spacing: 0;
}
.moodWrap {
clear: left;
width: 198px;
}
.moodT {
position: relative;
top: 16px;
clear: left;
width: 199px;
height: 7px;
background: url(def/stat.png?v2) 0 -26px no-repeat;
}
.moodB {
position: relative;
top: 15px;
clear: left;
width: 199px;
height: 27px;
background: url(def/stat.png?v2) 0 1px no-repeat;
}
.moodM {
position: relative;
top: 16px;
clear: left;
width: 196px;
text-align: right;
border-right: 1px solid #e5e0d3;
border-left: 1px solid #e5e0d3;
background-color: #ffffd3;
}
.moodM p {
font-family: arial, serif;
font-size: 11px;
font-style: italic;
overflow: hidden;
padding: 0 4px;
color: #181818;
}
.moodImg {
clear: left;
width: 198px;
}
.moodImg img {
border: 3px solid #ddd;
}
.recWithComm {
color: #929292;
}
.commActions .editCommA {
/*color: #606060;*/
}
.commActions .editCommA:hover {
color: #606060;
/* border-bottom: 1px solid #006200;*/
}
.delCommA,
.editCommA {
white-space: nowrap;
margin-left: 3px;
padding: 6px 12px 4px 7px;
border-radius: 3px;
font-size: 14px;
color: #000;
}
.delCommA:hover,
.editCommA:hover {
text-decoration: none;
}
.commNum {
position: relative;
top: 0px;
right: 0;
display: inline-block;
text-align: right;
}
.commNum .commNrA {
font-size: 12px;
font-weight: 300;
color: #676767;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
.commAct .authProfA {
border-bottom: 1px solid #15a1ff;
}
.commBreak {
line-height: 0;
height: 1px;
background-color: #dfdfdf;
}
/* /work comments */
/* comments page */
.commFlow {
font-family: verdana, serif;
font-size: 12px;
line-height: 17px;
padding: 10px;
}
.tabTxt {
font-weight: 400;
color: #000;
position: relative;
left: 0px;
/* top: 2px;*/
font: var(--regularFont);
font-size: 13px;
}
.tabTxt a, .tabTxt a:hover {
text-decoration:none;
color: var(--light);
padding: 0 14px;
font-size:11px;
}
.tabTxt a:last-of-type {
margin-right:7px;
}
.whiteSubMenu {
display: inline-block;
background-color: var(--white);
width: 100%;
position: relative;
padding-bottom: 10px;
margin-bottom: 50px;
z-index: 1000;
min-width: 1266px;
min-height: 55px;
right: 0;
z-index: 100;
top: 58px;
}
.wsubShadow {
box-shadow: 0 0px 13px #5b5e663b;
}
#header.authProfileHeader.wsubShadow {
box-shadow:none;
}
.thinWS {
min-height: 50px;
}
.thickWS {
height: 93px;
}
/* /comments page */
/* add work comments */
.addRec {
float: left;
/* height: 40px;*/
}
.addComm {
margin: 0 6px;
}
.addComm a {
font-weight: 700;
border-bottom: 1px dotted #b9d4e6;
}
.addComm a:hover {
text-decoration: none;
border-bottom: 1px solid #b9d4e6;
}
.commFollow {
width: 260px;
display: inline-block;
}
.addCommRec {
clear: left;
margin: 4px 0;
}
.addCommNote {
font-size: 9px;
clear: left;
color: #929292;
}
.workCommAuthName {
margin: 0px 0 0 75px;
position: absolute;
top: 0px;
left: 0px;
display: inline-block;
text-align: left;
width: 180px;
overflow: hidden;
word-break: keep-all;
text-overflow: ellipsis;
white-space: nowrap;
}
.followWorkBlk {
text-align: right;
position: absolute;
top: -25px;
right: 4px;
}
.workCommAuthName a {
font-size: 15px;
font: var(--regularFont);
font-weight: 500;
line-height: 15px;
color: #000;
}
.workCommAuthName .commAuthMood {
margin: 0;
padding: 1px 0 2px 0;
overflow: hidden;
width: 300px;
white-space: nowrap;
font-size: 12px;
font: var(--regularFont);
font-size: 12px;
line-height: 12px;
display: block;
box-shadow: none;
border-radius: 0;
}
.workCommBB {
margin: 0px 0 0px 0;
/* float: right; */
width: 445px;
position: absolute;
right: 0px;
top: 0px;
display: flex;
justify-content: space-between;
}
.commTableW {
margin-top: 43px;
}
.previewCommBlk .workCommBB {
position: relative;
top: 7px;
left: 442px;
text-align: right;
width: 273px;
}
a .workCommBlock,
.lnk {
color: #000;
font: var(--boldFont);
font-size: 13px;
line-height: 13px;
box-shadow: var(--smallShadow);
z-index: 1;
position: relative;
height: 29px;
box-sizing: border-box;
}
.workCommFollow,
.workCommFollow a {
display: inline-block;
color: #000;
font: var(--regularFont);
font-size: 13px;
font-weight: 400;
}
.workCommFollowIcon {
display: inline-block;
color: #5a5a5a;
font-family: Icomoon;
font-size: 11px;
font-weight: 400;
padding-right: 2px;
}
.workCommBlock {
display: inline-block;
background-color: #fff;
border-radius: 4px;
padding: 8px 11px;
height: 29px;
box-sizing: border-box;
}
.relativePos {
position: relative;
}
a .workCommBlock.pop {
/*background-color: #DFE1E1;*/
border-radius: 4px;
border: 0;
margin-left: 1px;
box-shadow: var(--popupSmallShadow);
}
#previewCommBox {
text-align: right;
}
.smilesTable td {
padding: 3px;
text-align: center;
vertical-align: bottom;
}
.smilesTable img:hover {
cursor: pointer;
}
/* /add work comments */
/* img crop css */
#imageContainer {
position: relative;
margin: 0 auto;
}
input .textInput {
width: 50px;
text-align: right;
}
.crop_transparentDiv {
position: absolute;
background-color: #000;
opacity: .90;
filter: alpha(opacity=90);
-khtml-opacity: .90;
-moz-opacity: .90;
}
.crop_dottedDiv {
position: absolute;
z-index: 100;
border: 1px dotted #7f7f7f;
}
.crop_dottedDiv div {
width: 100%;
height: 100%;
opacity: 0;
background-color: #fff;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
}
.crop_dottedDiv_opera {
position: absolute;
z-index: 100;
border: 1px dotted #7f7f7f;
}
.crop_dottedDiv_opera div {
width: 100%;
height: 100%;
}
/* /img crop css */
#loader {
font-size: 14px;
font-weight: 400;
line-height: 32px;
position: fixed;
top: 0;
z-index: 100;
display: none;
width: 126px;
height: 32px;
margin-left: 46%;
text-align: center;
color: #fff;
background-color: #d23636;
border-right: 1px solid #cc2e2e;
border-bottom: 1px solid #cc2e2e;
border-left: 1px solid #cc2e2e;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
border-bottom-right-radius: 6px;
-khtml-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-left-radius: 6px;
-khtml-border-bottom-left-radius: 6px;
-webkit-box-shadow: 0 0 6px rgba(51, 51, 51, .6);
-moz-box-shadow: 0 0 6px rgba(51, 51, 51, .6);
box-shadow: 0 0 6px rgba(51, 51, 51, .6);
-khtml-box-shadow: 0 0 6px rgba(51, 51, 51, .6);
}
#loader img {
margin-right: 6px;
vertical-align: middle;
}
#loaderComm {
display: none;
/*float: left;*/
}
.loaderComm {
margin-top: 5px;
height: 19px;
display: block;
position: absolute;
left: 420px;
top: 4px;
}
.genTime {
color: #eee;
}
.scrollUD {
z-index: 100;
padding: 8px 15px;
cursor: pointer;
white-space: nowrap;
height: 100%;
text-overflow: clip;
background: transparent;
display: grid;
place-items: center;
}
.scrollUD:hover {
background-color: #02020208;
}
/* author page */
#authInfoBlk {
color: #000;
display: none;
padding: 32px 15px 70px 25px;
font-size: 13px;
line-height: 1.3;
position: relative;
width: 300px;
/*top: -84px;*/
/*border-top: 1px solid #dadada;*/
}
#authInfoBlk.fdSwitch,
#authInfoBlk.fdSwitch h1,
#authSerieBlk.fdSwitch #authSerieMenu .cover h1,
#authInfoBlk.fdSwitch a,
#authSerieBlk.fdSwitch #authSerieMenu a {
color: #fff;
}
#authInfoBlk.fdSwitch .author_profile,
#authSerieBlk.fdSwitch .icon_serie {
background-color: #4f4f4f;
color: #fff;
}
#authSerieMenu .inactiveSerie {
font: var(--regularFont);
opacity: 0.7;
}
#authSerieMenu .activeSerie {
font: var(--boldFont);
opacity: 1;
}
.authInfoTbl td {
min-width: 26px;
padding-right: 20px;
}
.authInfo {
/*border-bottom: 1px solid rgba(170, 170, 170, .6);*/
display: block;
background: url(def/about_icons.png) 0 0 no-repeat;
height: 22px;
line-height: 22px;
padding: 0 5px 0 24px;
}
.authInfHead {
clear: left;
/*border-bottom: 1px solid #d0dadc;*/
line-height: 26px;
white-space: nowrap;
padding: 0;
margin: 20px 0 10px 0;
font-weight: 500;
font-size: 18px;
}
.authorTable {
margin-bottom: 4px;
}
.authorTable td {
padding: 0 2px 0 4px;
border-right: 1px solid #fff;
}
.authorInfoTh {
font-weight: 700;
line-height: 1.8;
height: 18px;
white-space: normal;
color: #fff;
background-color: #7fb4d3;
}
#authorInfo a,
#authorHeader a {
/*text-decoration:underline;*/
font-weight: 700;
}
#authorInfo span {
line-height: 20px;
white-space: nowrap;
}
.authorInfoCol {
/*line-height: 13px;*/
}
.serieSep {
margin: 0 10px;
color: #999;
}
.allWorksA,
.allWorksA:hover {
line-height: 1.4;
color: #d23636;
}
.authMoodTxt {
font-size: 12px;
font-style: italic;
color: #676767;
}
.linksIcon {
float: left;
width: 16px;
height: 16px;
background: url(def/port_links.png?v2) 0 0 no-repeat;
}
.linksUrl {
float: left;
overflow: hidden;
width: 280px;
height: 16px;
padding: 0 0 0 6px;
}
.linksUrlRow {
clear: left;
margin-bottom: 10px;
}
/* /author page */
/* images layout */
.imgBoxWrap {
text-align: left;
white-space: nowrap;
padding-top:5px;
}
.up_img {
margin-top: 20px;
}
#comm_up {
bottom:-1px;
position:fixed;
left:0px;
display:none;
}
#wrapLastWorks,
#wrapBlogs,
#workOfDay1,
#favorites,
#wrapContests,
#wrapAuthRatings {
padding: 0 45px;
width: calc(100% - 90px);
margin: 0 auto;
}
#wrapBlogs.myWorksContent {
padding: 0 10px;
width: calc(100% - 20px);
margin: 40px auto 100px auto;
}
#wrapNowUsers {
width: calc(100% - 90px);
margin: 20px auto 30px auto;
}
#wrapAuthRatings {
margin-top: 40px;
width: calc(100% - 90px);
}
.imgBox {
display: -moz-inline-box;
display: inline-block;
width: 240px;
height: 350px;
text-align: left;
vertical-align: top;
box-shadow: var(--expShadow);
}
#wrapLastWorks .imgBox {
height: 304px;
}
#wrapCatPh .imgBox {
width: 230px;
height: 230px;
}
#myWorks .imgBox {
width: 314px;
height: 462px;
margin: 0 10px 35px 0;
padding: 3px 9px 0 9px;
background-color: #fff;
border-radius: 10px;
box-shadow: 10px 0px 35px #cbd1d7c2;
/*box-shadow: 0 0px 0 1px var(--grayBorder);*/
}
#myWorks .imgBoxMarket {
width: 100px;
height: auto;
margin: 0 10px 35px 0;
padding: 7px;
background-color: #fff;
border-radius: 10px;
position: relative;
box-shadow: 10px 0px 35px rgb(0 0 0 / 10%), inset -1px -10px 20px rgb(0 0 0 / 2%);
}
* html .imgBox {
display: inline;
}
*+html .imgBox {
display: inline;
}
.aFullPage,
.aFullPage:hover {
display: none;
z-index: 1;
border-radius: 6px;
position: absolute;
top: 10px;
right: 11px;
width: 28px;
height: 28px;
text-align: center;
/* background: rgba(0, 0, 0, .25); */
text-decoration: none;
}
.aFullPage.actionsNew {
top: 87px;
}
.imgBoxNewPreview .aFullPage.actionsNew {
top: 9px;
}
.aFullPage .about_icon {
color: #fff;
font-size: 14px;
line-height: 34px;
}
.imgBoxNew,
.imgBoxBlog {
position: relative;
width: auto;
height: auto;
display: inline-block;
border-radius: 14px;
overflow: hidden;
max-width: 1060px;
box-shadow: var(--expShadow);
}
.imgBoxBlog {
border-radius: var(--mainRadius);
}
.tr00rDiv .imgBoxNew,
.tr00rDiv .imgBoxBlog {
box-shadow: none;
}
.imgBoxBlog {
box-shadow: none;
}
.imgBoxNewPreview {
display: block;
border-radius: 0 0 var(--mainRadius) var(--mainRadius);
/*box-shadow: var(--expShadowPreview);*/
}
.bottomPreview {
padding: 14px 10px 15px 20px;
background: #fff;
position: relative;
font: var(--regularFont);
z-index: 10;
font-size: 12px;
line-height: 16px;
border-radius: 0 0 var(--mainRadius) var(--mainRadius);
}
.recAvatar {
width: 25px;
height: 25px;
border-radius: 50%;
border: 2px solid #fff;
background-size: contain;
display: inline-block;
}
.avRecs {
position: relative;
top: 9px;
display: inline-block;
margin: 0;
margin: 0 0 0 10px;
}
.bottomFlexWrap {
display: flex;
justify-content: space-between;
height: 20px;
position: relative;
top: -13px;
box-sizing: border-box;
}
.commShowRating svg {
width: 19px;
height: 19px;
display: inline-block;
margin-right: 5px;
position: relative;
top: 5px;
}
.commShowRating {
font: var(--regularFont);
font-size: 13px;
position: relative;
top: 9px;
}
.commRecButton {
display: inline-block;
border: none;
text-shadow: none;
font: var(--regularFont);
font-size: 13px;
height: 28px;
line-height: 28px;
background: var(--headerGradient);
padding: 0 16px;
border-radius: 35px;
white-space: nowrap;
color: #fff;
position: relative;
top: 9px;
cursor: pointer;
}
.iconPreviewComm {
font-family: 'Icomoon2';
font-size: 16px;
color: var(--black);
position: relative;
top: 3px;
margin-right: 6px;
display: inline-block;
}
.tagsWrap {
line-height: 18px;
display: block;
border-bottom: 1px solid #828a9936;
padding-bottom: 11px;
padding-top: 2px;
margin-bottom: 13px;
}
.iconPeople {
font-family: 'Icomoon2';
font-size: 13px;
color: var(--black);
position: relative;
top: 1px;
margin-left: 2px;
display: inline-block;
margin: 0 1px;
}
.recIcon {
font-size: 15px;
top: 1px;
}
.vIcon {
font-size: 18px;
top: 4px;
}
.pIcon {
font-size: 15px;
top: 2px;
}
.tIcon {
font-family: 'icomoon';
font-size: 21px;
top: 4px;
left: -1px;
color: var(--grayBlue);
}
.previewCommCnt {
color: var(--black);
font-size: 13px;
display: inline-block;
margin-right: 24px;
}
.previewKeywords {
display: inline-block;
text-decoration: none;
color: #000;
/* border: 1px solid #b0b2b5; */
background-color: var(--grayBg);
border-radius: 25px;
padding: 4px 11px 5px 11px;
margin: 2px;
font: var(--regularFont);
font-size: 11px;
line-height: 13px;
position: relative;
/* box-sizing: border-box; */
top: -2px;
}
.imgBoxWrap .imgBoxNew {
box-shadow: none;
}
#authorWorks .imgBoxNew {
box-shadow: none;
}
.imgBoxNew.jg-entry {
border-radius: 8px;
box-shadow: none;
}
.imgBoxBlog {
cursor: pointer;
}
.under {
font-size: 0;
line-height: 0;
display: -moz-inline-box;
display: inline-block;
width: 100%;
}
/* /images layout */
/* forms styles */
.formTbl {
margin: 50px 0 27px 0;
color: #000;
font: var(--mediumFont);
}
.regInputLabel {
display: block;
padding-bottom: 3px;
font: var(--boldFont);
font-size: 15px;
}
.formTbl td {
font-size: 14px;
padding: 8px 12px 4px 0px;
}
.formTbl.registerPadding td {
padding-left: 4px;
}
.formTbl.formSettings td {
padding: 8px 2px 4px 0px;
}
.formTbl textarea {
font-size: 14px;
}
.formTbl .fldName {
font-weight: 700;
text-align: right;
white-space: nowrap;
text-overflow: clip;
}
#authorsTbl.formTbl {
font-family: var(--boldFont);
}
#authorsTbl.formTbl td {
font-size: 13px;
}
.formTbl .header {
font-weight: 700;
padding-top: 7px;
padding-bottom: 6px;
vertical-align: top;
color: #fff;
background-color: #474f54;
font-size: 14px;
}
.formTbl .header a {
text-decoration: underline;
color: #fff;
}
.submitFormTbl {
font-weight: 700;
padding: 1px 8px;
}
#commTbl td {
display: inline-block;
/*line-height: 1.3;
padding: 0;*/
}
#authorsTbl td {
padding-right: 0;
/* border-left: 1px solid #fff; */
}
#commTbl .tickName {
color: #929292;
}
.commAuthNameComm {
float: left;
display: block;
overflow: hidden;
max-width: 136px;
white-space: nowrap;
text-overflow: clip;
}
.commAuthBadgeComm {
display: block;
float: left;
padding-left: 5px;
}
.rateEqual {
color: #000;
}
.ratePlus {
color: #3bb648;
}
.rateMinus {
color: #df0909;
}
.changeCat,
#chooseCat,
#authFromA,
a.more_options {
font: var(--mediumFont);
font-size: 14px;
/* font-weight: 500; */
line-height: 19px;
border-bottom: 1px dotted #2678af;
}
.changeCat:hover,
#chooseCat:hover,
#authFromA:hover,
a.more_options:hover {
text-decoration: none;
color: #15a1ff;
border-bottom: 1px solid #15a1ff;
}
.formDiv input.plus_minus_buttons {
width: 25px;
height: 25px;
border-radius: 34px;
background-color: #fff;
color: #555;
margin-left: 8px;
line-height: 19px;
font-size: 19px;
/* padding: 5px 10px 25px 10px; */
font-weight: 500;
/* border: 2px solid #d8d9dd; */
background-color: #e6e7eb;
box-sizing: border-box;
}
.changeCatAct {
font-weight: 700;
text-decoration: none;
color: #af0707;
}
.changeCatAct:hover {
text-decoration: none;
color: #af0707;
border-bottom: 1px solid #af0707;
}
#myWorks .changeCatDone {
font-weight: 500;
text-decoration: none;
font-size: 11px;
line-height: 1.8;
}
#myWorks .blck {
color: inherit;
}
.changeCatDone:hover {
text-decoration: none;
color: #76a6eb;
}
.bgDiv {
float: left;
width: 33px;
height: 38px;
cursor: pointer;
border-radius: 4px;
margin: 0px 1px;
}
.myWorks td {
padding: 0 0 2px 0;
font-size: 11px;
}
td.wtd {
padding:8px 0 0 0;
height:20px;
overflow:hidden;
}
.buttonsTd {
margin-top: 4px;
}
.mytWorksImagePreview {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
height: 220px;
background-size: cover;
background-position: 50% 50%;
/*border-radius: 7px;*/
}
.myWorksPreviewTd {
position: relative;
padding: 0;
overflow: hidden;
border-radius: 7px;
}
.socialHead {
font-size: 11px;
min-height: 51px;
padding: 4px 6px 6px 6px;
background-color: #fcd890;
/*
-webkit-box-shadow: 2px 2px 2px rgba(51, 51, 51, .6);
-moz-box-shadow: 2px 2px 2px rgba(51, 51, 51, .6);
box-shadow: 2px 2px 2px rgba(51, 51, 51, .6);
-khtml-box-shadow: 2px 2px 2px rgba(51, 51, 51, .6);
*/
}
.socialHeadTxt {
font-weight: 700;
line-height: 14px;
padding-bottom: 5px;
color: #222;
}
.myWorksStat {
font-size: 14px;
font-weight: 700;
line-height: 16px;
min-width: 22%;
padding: 7px;
white-space: nowrap;
text-overflow: clip;
color: #000;
border-left: 2px solid #fff;
/*text-shadow: 1px 1px 0 #fff;*/
}
.ethIcon,
.priceEthIcon {
font-family: Icomoon2;
font-size: 15px;
font-weight: normal;
position: relative;
top: 1px;
left: -2px;
line-height: 12px;
}
.myWorksStat:first-of-type {
border: 0;
}
.editWorkMy {
/* background: rgba(225, 225, 225, 0.3); */
border-radius: 0 7px 0 0;
font-size: 12px;
font-weight: 400;
color: #fff;
padding: 5px 12px 8px 12px;
position: absolute;
bottom: 0px;
left: 0px;
/*opacity: .75;*/
background: rgb(0 0 0 / 70%);
}
.editWorkMy:hover {
text-decoration: none;
color: #fff;
opacity: 1;
background-color: #517ca9;
}
.delWorkMy {
color: #fff;
/* background: rgba(225, 225, 225, 0.3); */
border-radius: 7px 0 0 0;
font-size: 12px;
/* font-weight: 400; */
position: absolute;
padding: 5px 12px 8px 0;
bottom: 0px;
right: 0px;
/*opacity: .75;*/
background: rgb(0 0 0 / 70%);
}
.delWorkMy:hover {
background-color: #d20505;
text-decoration: none;
color: #fff;
opacity: 1;
}
.editLinks {
display: none;
}
.editIconMy {
font-family: Icomoon;
font-size: 15px;
line-height: 17px;
color: #fff;
font-weight: 500;
position: relative;
top: 3px;
left: 1px;
padding-right: 5px;
}
.delIconMy {
font-family: Icomoon;
font-size: 14px;
font-weight: 500;
position: relative;
top: 2px;
left: 1px;
padding-right: 5px;
padding-left: 10px;
}
.catIconMy {
font-family: Icomoon;
font-size: 12px;
color: #000;
font-weight: 500;
position: relative;
top: 1px;
padding-right: 4px;
}
.myWorks td.myWorksLine {
padding: 0px 4px 0px 10px;
}
.myWorks td.myWorksLine2 {
padding: 0px 4px 0px 10px;
border-radius: 0px;
background-color: var(--grayBg);
display: flex;
justify-content: space-between;
margin-bottom: 2px;
}
.txtRed,
.lnkRed,
.lnkRed:hover {
color: #af0707;
}
.lnkGrid,
.lnkGrid:hover,
.textSmall {
color: #777f7e;
}
.tr0 {
background-color: #fff;
}
.tr1 {
background-color: #fff;
}
.tr00 {
background-color: #f1f2f3;
}
.tr10 {
background-color: #f1f2f3;
}
.tr00rDiv {
width: 700px;
display: inline-block;
z-index: 10;
height: fit-content;
/*position: sticky;*/
/*top: 105px;*/
margin: 0 auto;
margin-bottom: -8px;
background-color: var(--white);
box-shadow: var(--msgShadow);
border-radius: var(--mainRadius);
}
.allCommentWrap {
margin: 0 auto;
margin-top: 8px;
padding-top: 13px;
}
.commWrap {
padding-right: 10px;
border-radius: 10px;
max-height: 85vh;
overflow-y: scroll;
overflow-x: hidden;
position: relative;
}
.commWrap::-webkit-scrollbar {
height: 3px;
width: 3px;
background-color: transparent;
}
.commWrap::-webkit-scrollbar-thumb {
background-color: #00000038;
}
.commWrap::-webkit-scrollbar-track {
background-color: transparent;
}
.avatarAndCommentWrap:last-of-type {
margin-bottom: 0px;
}
.mainCommWrap {
position: relative;
display: block;
width: 710px;
}
.commShadow {
position: absolute;
top: 8px;
left: 0;
width: 700px;
height: 50px;
background: linear-gradient(0deg, transparent 0%, #f0f1f5 80%);
z-index: 1;
}
.tr00Comm {
/*padding: 1px 20px 0px 0;*/
}
.tr10r {
padding-top: 4px;
/*border-right: 1px solid #fff;*/
}
.tr00r img,
.tr10r img {
background-color: #fff;
}
.commFromLine {
height: 29px;
}
.commFromLine .textGray {
/* line-height: 33px;*/
}
.authDate {
font-size: 10px;
color: #444;
}
.myWorksLine {
/* background-color: #eee; */
background-color: var(--grayBg);
border-radius: 0 0 7px 7px;
display: flex;
justify-content: space-between;
}
.flexCenter {
display: flex;
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
/* margin-bottom: 5px; */
position: absolute;
bottom: 23px;
width: 100%;
}
#myWorks {
display: flex;
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
}
.myWorks b,
.myWorks a {
font: var(--regularFont);
font-size: 11px;
line-height: 1.3;
}
.myWorks b {
font-weight:600;
}
.errorDiv {
text-align: center;
font-size: 16px;
font: var(--mediumFont);
}
.formError {
text-align: left;
font-size: 16px;
font: var(--mediumFont);
padding-bottom: 10px;
padding-top: 2px;
margin-left: 280px;
/* color: #d70000;*/
display: inline-block;
position: relative;
top: -10px;
}
.myWorksStat a {
font-size: 13px;
line-height: 1;
}
.myWorksDesc {
font-size: 11px;
font-weight: 400;
}
#show_more_options {
width: 400px;
margin-top: 60px;
height: 40px;
margin-left: 287px;
}
/* /forms styles */
/* buttons */
.submit,
.recBtn,
.favorBtn,
.addCommBtn,
.refreshCommBtn,
.editBtn,
.minusBtn,
.hideBtn {
width: auto;
cursor: pointer;
}
.plusBtnNEW {
background: #8796af4f;
border-radius: 16px;
margin-left: 15px;
padding: 8px 15px 7px 15px;
position: relative;
top: -1px;
}
.plusBtnNEWbutton {
cursor: pointer;
background: transparent;
color: #000;
font-size: 13px;
font-weight: 500;
}
.modBtn input,
.submit input,
.recBtn input,
.favorBtn input,
.refreshCommBtn input,
.editBtn input,
.plusBtn input,
.minusBtn input,
.hideBtn input {
font-size: 14px;
font-weight: 500;
display: inline;
margin: 0;
cursor: pointer;
border: none;
border-radius: 30px;
padding: 9px 0;
background: var(--followGradient);
color: #fff;
}
.editBtn2 input {
font-size: 12px;
font-weight: 700;
display: inline;
margin: 0;
cursor: pointer;
color: #fff;
border: none;
border-radius: 16px;
padding: 6px 0;
background: var(--followGradient);
}
.hideBtn input {
background-color: #d57052;
}
#addBlogBtn {
border-radius: 0 10px 10px 0;
padding: 10px 16px;
/*background: url(def/add.png?v3) 17px 9px no-repeat #008ed0;*/
background: #000;
}
#addBlogBtnCover,
#addBlogBtnDE {
border-radius: 25px;
padding: 10px 26px;
/*background: url(def/add.png?v3) 17px 9px no-repeat #008ed0;*/
background: var(--followGradient);
text-align: center;
}
#addBlogBtn a.addBtnBlog,
#addBlogBtnDE a.addBtnBlog,
#addBlogBtnCover a.addBtnBlog {
font-size: 16px;
font-weight: 500;
cursor: pointer;
font: var(--mediumFont);
text-decoration: none;
color: #fff;
}
.submit {
/*line-height: 19px;
height: 19px;*/
/*color: #fff;
background: url(def/buttons_r.png?v2) 100% 0 no-repeat;*/
}
.submit input {
/*line-height: 19px;
height: 19px;*/
/*color: #fff;
background: url(def/buttons_l.png?v2) 0 0 no-repeat;*/
}
.editBtn {
/*color: #fff;
background: url(def/buttons_r.png?v2) 100% -43px no-repeat;*/
}
.editBtn input {
/*color: #fff;
background: url(def/buttons_l.png?v2) 0 -43px no-repeat;*/
}
.plusBtn {
/*color: #fff;
background: url(def/buttons_r.png?v2) 100% -145px no-repeat;*/
}
.plusBtn input {
/*color: #fff;
background: url(def/buttons_l.png?v2) 0 -145px no-repeat;*/
}
.minusBtn {
/*color: #fff;
background: url(def/buttons_r.png?v2) 100% -125px no-repeat;*/
}
.minusBtn input {
/*color: #fff;
background: url(def/buttons_l.png?v2) 0 -125px no-repeat;*/
}
.hideBtn {
/*color: #fff;
background: url(def/buttons_r.png?v2) 100% -88px no-repeat;*/
}
.hideBtn input {
/*color: #fff;
background: url(def/buttons_l.png?v2) 0 -88px no-repeat;*/
}
.recBtn {
line-height: 24px;
height: 24px;
/*color: #676767;
background: url(def/buttons_r.png?v2) 100% -165px no-repeat;*/
}
.recBtn input {
line-height: 24px;
width: 120px;
height: 24px;
/*color: #676767;
background: url(def/buttons_l.png?v2) 1px -165px no-repeat;*/
}
.favorBtn {
line-height: 24px;
height: 24px;
/*color: #676767;
background: url(def/buttons_r.png?v2) 100% -63px no-repeat;*/
}
.favorBtn input {
line-height: 24px;
width: 150px;
height: 24px;
/*color: #676767;
background: url(def/buttons_l.png?v2) 1px -63px no-repeat;*/
}
.addCommBtn {
text-align: right;
margin-top: 2px;
display: inline-block;
}
.addCommBtn input {
line-height: 21px;
/*color: #676767;
background: url(def/buttons_l.png?v2) 0 -20px no-repeat;*/
}
textarea.editPopup {
font-size: 13px;
font-family: Roboto, Helvetica, Arial, sans-serif;
line-height: 17px;
}
.refreshCommBtn {
line-height: 21px;
/*color: #676767;
background: url(def/buttons_r.png?v2) 100% -20px no-repeat;*/
}
.refreshCommBtn input {
line-height: 21px;
width: 160px;
/*color: #676767;
background: url(def/buttons_l.png?v2) 0 -20px no-repeat;*/
}
/* /buttons */
/* modal category dialog */
#exposeMask {
max-width: 100%;
}
.modal,
#previewPopup,
#shareToView {
z-index: 9998;
display: none;
width: 100%;
opacity: 1;
}
#authFromModalDiv,
#editModal {
max-width: 96%
}
.LoginForm {
font: var(--mediumFont);
font-size: 13px;
font-weight: 400;
color: #1d1d1d;
}
.modal>div,
.shareToView>div {
position: relative;
width: 900px;
margin: 0 auto;
/*border: 1px solid #dcdcdc;*/
background-color: #fff;
border-radius: 10px;
box-shadow: 0 0 20px rgba(0, 0, 0, .25);
}
.modal .close {
position: absolute;
top: 13px;
right: 10px;
width: 17px;
height: 17px;
cursor: pointer;
/*background: url(def/others.png?v2) -790px -33px no-repeat;*/
font-family: icomoon2;
font-size: 13px;
color: #222;
text-decoration: none;
margin: 0;
/* position: absolute;
top: 1px;
right: -20px;*/
cursor: pointer;
}
.modalReg {
padding-bottom: 17px;
background: url(def/separator.gif) 0 100% repeat-x;
}
#catModalDiv ul {
float: left;
width: 225px;
padding-bottom: 6px;
}
#catModalDiv li {
margin: 0 0 0 5px;
padding: 0 3px 0 0;
color: #000;
font: var(--boldFont);
font-size: 17px;
letter-spacing: -1px;
list-style: none;
}
#catModalDiv li a {
font-size: 14px;
font-weight: 400;
border-radius: 5px;
display: block;
width: 85%;
margin: -1px 0 -1px -5px;
/* font: var(--regularFont); */
padding: 4px 0 4px 6px;
font: var(--regularFont);
font-size: 13px;
letter-spacing: -0.5px;
}
#catModalDiv li a:hover {
text-decoration: none;
background-color: var(--grayBg);
color: #000;
}
/* /modal category dialog */
/* action divs */
.actionDiv {
float: left;
width: 100px;
margin-top: 2px;
padding: 3px 0;
text-align: center;
}
.actionDiv a {
color: #fff;
}
.workActionT {
width: 407px;
height: 5px;
margin: 0 auto;
background: url(def/others.png?v2) -761px 1px no-repeat;
}
.workActionB {
width: 407px;
height: 4px;
margin: 0 auto;
background: url(def/others.png?v2) -761px -6px no-repeat;
}
.workActionM {
height: 35px;
}
.workActionMM {
float: left;
width: 320px;
height: 30px;
}
.workActionLab {
font-size: 9px;
line-height: 2;
float: left;
width: 90px;
margin-top: 9px;
text-align: center;
color: #8d8d8d;
}
.workActionBgCol {
float: left;
width: 24px;
height: 24px;
cursor: pointer;
border-radius: 25px;
display: grid;
place-items: center;
margin: 0 2px 0 2px;
}
.workActionMM .workActionBgCol {
position: relative;
top: 7px;
}
.workActionTools {
font-size: 9px;
line-height: 2;
float: left;
width: 130px;
text-align: center;
color: #8d8d8d;
}
.workActionMark {
float: left;
width: 100%;
}
.workActionAddMark {
height: 35px;
border-right: 1px solid #d5dcdc;
border-left: 1px solid #d5dcdc;
background-color: #fff;
}
.workActionMarkWarn {
font-size: 9px;
float: left;
width: 100%;
text-align: center;
color: #333;
}
.otherWorks {
font-size: 12px;
padding: 14px 0 0 10px;
color: #333;
}
.workDate {
font-size: 9px;
color: #929292;
}
.workAnon {
color: #000000;
font-size: 17px;
}
.workOnComp,
.workOnComp:hover {
color: #d23636;
}
.noActions {
padding: 10px 6px 10px 0;
text-align: center;
color: #929292;
}
.showSeparate {
font-weight: 400;
color: #929292;
}
.actionDateLine {
font-size: 10px;
padding: 6px 9px 3px 9px;
text-align: right;
vertical-align: top;
white-space: nowrap;
text-overflow: clip;
color: #686868;
}
.actionNameLine {
padding: 5px 9px 3px 4px;
border-bottom: 1px solid #d7dde2;
}
.actionTypeHead,
.actionTypeHeadMark,
.actionTypeHeadRec,
.actionTypeHeadFav,
.actionTypeHeadAdd {
font: var(--regularFont);
font-size: 15px;
}
.actionTypeHeadMark {
padding-left: 17px;
background: url(def/activity_icons_new.png?v=1) 0 0 no-repeat;
}
.actionTypeHeadRec {
padding-left: 17px;
background: url(def/activity_icons_new.png?v=1) 0 -25px no-repeat;
}
.actionTypeHeadFav {
padding-left: 17px;
background: url(def/activity_icons_new.png?v=1) 0 -52px no-repeat;
}
.actionTypeHeadAdd {
padding-left: 17px;
background: url(def/activity_icons_new.png?v=1) 0 -78px no-repeat;
}
.actionTypeHeadAddNew {
font-family: Icomoon2;
font-size: 13px;
line-height: 14px;
color: #69cc26;
position: relative;
margin: 0 4px;
top: 2px;
}
.actionsFilter {
/*border-left: 1px solid #d0dadc*/
;
background-color: #e5e6e9;
}
/* /action divs */
.gallBan {
font-size: 9px;
position: relative;
float: right;
padding: 10px 4px 0 28px;
text-align: right;
color: #aaa;
}
#voteBtn {
float: right;
padding-right: 4px;
text-align: right;
color: #444;
}
/* faq */
.txtContent {
font-size: 15px;
line-height: 21px;
max-width: 800px;
padding: 6px 10px 6px 10px;
margin: 0 auto;
}
.txtContentH {
font-size: 15px;
line-height: 21px;
font-weight: 700;
padding-bottom: 10px;
text-decoration: underline;
}
/* /faq */
/* marks */
#marksTbl td {
padding: 12px 0px 0 0;
text-align: left;
}
#marksTbl .brdR {
/*border-right: 1px solid #dfdfdf;*/
}
#marksTbl .header {
color: #000;
background-color: #ffffff;
font-size: 16px;
line-height: 19px;
padding: 9px 10px 1px 10px;
}
#marksTbl .marksImg {}
.tr1 a,
.tr0 a {
font-size: 14px;
}
#marksTbl {
border-radius: 0 0 8px 8px;
padding-bottom: 5px;
}
.marksTable {
border-radius: 10px;
background: #fff;
margin-bottom: 50px;
padding-bottom: 14px;
}
/* /marks */
/* invite form */
.regionLab {
font-weight: 700;
line-height: 14px;
float: left;
height: 15px;
padding: 0 6px;
color: #fff;
background-color: #d91313;
}
.regionLabR {
float: left;
width: 6px;
height: 15px;
background: url(def/redt.png?v2) 0 0 no-repeat;
}
.regionName {
font-size: 14px;
font-weight: 700;
line-height: 14px;
float: left;
padding: 0 6px;
}
.inviteTbl {
padding: 0 6px;
border: 1px solid #d9d9d9;
background-color: #eee;
}
.inviteTbl .formTbl td {
font-size: 12px;
background-color: #eee;
}
.inviteHint {
font-size: 12px;
line-height: 1.3;
padding: 2px 10px 0 10px;
}
#inviteMes {
font-size: 14px;
font-weight: 700;
display: none;
clear: left;
padding-top: 10px;
}
/* /invite form */
/* tpbn */
.tpbn {
height: 60px;
margin-right: -7px;
margin-left: -7px;
text-align: center;
background: #d01818;
}
/* /tpbn */
/* overlay main img */
#previewOverlay {
/* background-color: rgb(39, 39, 39); */
}
.previewOverlay,
.previewPopup {
display: none;
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1110;
}
.previewPopup {
overflow: auto;
margin: 0;
padding: 72px 0 0 0;
border: 0;
border-collapse: collapse;
background-color: #f5f6f9;
}
.shareToView {
position: fixed;
top: 45%;
left: 50%;
width: 540px;
height: 300px;
margin-top: -150px;
/*set to a negative number 1/2 of your height*/
margin-left: -270px;
/*set to a negative number 1/2 of your width*/
}
.shareToView>div {
position: inherit;
width: 640px;
height: 320px;
text-align: center;
color: #000;
background-color: #fff;
font-size: 15px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #000;
}
.shareToView hr {
border: 0;
height: 1px;
background: #e2e2e2;
}
.shareToView .vk,
.shareToView .facebook,
.shareToView #submitBtn {
width: auto;
height: 33px;
line-height: 33px;
padding: 0;
font-weight: 400;
font-size: 15px;
text-align: left;
}
#submitBtn {
border-radius: var(--brad);
font-size: 14px;
height: 41px;
line-height: 35px;
padding: 3px 40px;
white-space: nowrap;
}
.shareToView .vk {
background: #5f83aa;
}
.shareToView .facebook {
background: #435eac;
}
.shareToView .icon {
margin: 4px 6px 0 0;
height: 23px;
width: 24px;
display: block;
float: left;
}
#previewNext {
text-align: center;
/* -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .6);
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .6);
box-shadow: 0 0 20px rgba(0, 0, 0, .6);
-khtml-box-shadow: 0 0 20px rgba(0, 0, 0, .6);
*/
background-color: var(--popBg);
}
#previewNextImg {
position: relative;
cursor: pointer;
}
#authBlockedD,
#nudeHiddenD {
position: absolute;
top: 50%;
width: 100%;
text-align: center;
color: #bebebe;
font-size: 16px;
}
#previewFullA .about_icon {
color: #8796af4f;
line-height: 30px;
}
#previewNext .about_icon2 {
color: #dc0000;
line-height: 30px;
}
#previewFullA {
color: #696969;
text-decoration: none;
}
#previewPhName {
color: #e0e8f5;
display: block;
white-space: nowrap;
overflow: hidden;
font: var(--mediumFont);
font-size: 15px;
font-weight: 400;
position: relative;
z-index: 100;
width: 80%;
margin: 0 auto;
height: 41px;
box-sizing: border-box;
padding: 10px 0 15px 0;
text-align: center;
}
#imgPopup,
.iv-image {
box-shadow: #00000082 0px 10px 30px;
}
.halink {
color: #fff;
font-size: 20px;
font-weight: 600;
margin: 3px 10px;
}
.popupAuthInfo {
display: flex;
width: 965px;
margin: 0 auto;
height: 56px;
padding: 5px 0 5px 0;
position: relative;
z-index: 100;
}
a#previewPhName:hover {
text-decoration: none;
}
#previewPrevClose,
#previewClose {
min-width: 100px;
cursor: pointer;
background-color: var(--popBg);
}
#previewPrevClose2,
#previewClose2 {
min-width: 100px;
cursor: pointer;
}
.popDownBg {
/*padding-bottom: 500px;*/
padding-bottom: 50px;
}
.relatedHeader {
width: calc(99% - 10px);
margin: 20px auto 30px auto;
font: var(--boldFont);
font-size: 17px;
text-align: center;
letter-spacing: -0.8px;
}
#gallContainer {
width: 80%;
min-height: 300px;
}
#gallContainer .imgBoxNew.jg-entry, #workOfDay1 .imgBoxNew.jg-entry, #wrapBlogs .imgBoxBlog.jg-entry, #wrapFav .imgBoxNew.jg-entry {
border-radius: 8px;
}
.scrollWarn {
background: var(--grayBlue);
cursor: pointer;
color: var(--white);
margin: 50px auto 150px auto;
font-size: 15px;
display: inline-block;
padding: 12px 18px;
border-radius: 20px;
}
.center {
text-align: center;
}
.popUpBg {
background-color: var(--popBg);
}
#previewPrevIcon {
display: none;
z-index: 9999;
position: fixed;
top: 0;
bottom: 0;
width: 48px;
cursor: pointer;
opacity: 1;
background: url(black/classic-map.png?v) no-repeat 13px 50%;
}
.actionsTable {
position: relative;
left: 2px;
top: 1px;
}
.actionsTable label {
font-size:11px;
}
.previewCommLine {
clear: left;
width: 715px;
padding: 12px 0px 2px 0;
}
.bannedComm {
font-size: 15px;
padding: 40px 0 0px 24px;
text-align: center;
}
.bannedCommIcon {
display: block;
font-family: Icomoon2;
font-size: 40px;
margin-bottom: 10px;
color: #000;
}
.previewCommLine:first-of-type {
padding-top: 0px;
}
.previewCommBlk {
float: left;
width: 715px;
padding-right: 7px;
/* border-right: 1px solid rgba(0, 0, 0, .1); */
}
.previewCommAuName {
display: block;
padding-bottom: 5px;
position: relative;
top: 3px;
font: var(--boldFont);
font-size: 14px;
}
.previewCommAuName a,
.commAuthName a {
color: var(--black);
}
.previewCommAuName img {
margin-left: 4px;
}
.previewCommAuName .commAuthRate {
margin-left: 4px;
color: var(--grayBlue);
}
.previewCommAuName .commDate {
font-size: 12px;
float: right;
position: relative;
right: -6px;
top: 1px;
}
.previewCommL {
float: left;
width: 40px;
padding-right: 7px;
}
.previewCommR {
float: left;
width: 633px;
position: relative;
/*border-bottom: 1px solid rgba(0, 0, 0, .07); */
background-color: #fff;
/*#EAEBEC;*/
/*#ededed;*/
padding: 8px 20px 2px 15px;
border-radius: 0 10px 10px 10px;
/*box-shadow: 0 0 0 1px #DDE3E6;*/
box-shadow: var(--popupShadow);
}
.previewCommR::after {
content: '';
position: absolute;
right: 660px;
top: 0px;
border: 7px solid transparent;
border-top: 7px solid #fff;
/*#EAEBEC;*/
}
.previewCommR::before {
content: '';
position: absolute;
right: 582px;
top: -1px;
border: 7px solid transparent;
/*border-top: 7px solid #DDE3E6;*/
}
#previewAuthName a {
color: #e8e8e8;
text-decoration: none;
}
#previewAuthName .workAnon,
#commTbl .tickCatNew.workAnon {
color: #e1e1e1;
}
#previewAuthName a.previewCatName {
color: #a5a5a5;
font: var(--regularFont);
font-size: 12px;
line-height: 19px;
}
#previewAuthName {
position: relative;
top: 1px;
}
.getPBS {
height: 17px;
padding: 0 5px 0 2px;
}
.previewPhComm {
display: block;
width: 100%;
font: var(--regularFont);
font-size: 13px;
line-height: 130%;
overflow: hidden;
word-wrap: break-word;
margin-top: 19px;
margin-left: 46px;
width: 670px;
}
.previewCommHead {
float: left;
color: #000;
font: var(--boldFont);
font-size: 13px;
line-height: 22px;
}
.discussionHead {
width: 667px;
height: 25px;
margin-left: 47px;
}
.discussionHeadBorder {
border-bottom: 2px solid #c4c5c8;
}
.discussionHeadNOBorder {
border-bottom: 0;
}
.previewComm {
display: block;
padding: 7px 0 15px 0;
font: var(--regularFont);
font-size: 14px;
line-height: 1.28rem;
word-wrap: break-word;
color: var(--black);
letter-spacing: 0px;
}
.previewComm img,
.previewPhComm img {
max-width: 97.5%;
border-radius: 10px;
margin: 10px 0 5px 0;
}
.previewComm img.smile,
.previewPhComm img.smile {
margin: 0;
}
.previewComm iframe {
max-width: 639px;
max-height: 360px;
border-radius: 10px;
}
.previewPhComm iframe {
max-width: 639px;
max-height: 360px;
border-radius: 10px;
}
.commText iframe {
border-radius: 10px;
}
#previewCommCnt {
width: 37px;
height: 31px;
margin-top: 6px;
margin-left: 8px;
text-align: center;
font-weight: 700;
font-size: 14px;
line-height: 25px;
color: #232323;
background: url(def/comment_icon.png?v4) no-repeat 0 0;
}
.previewCommAnswer {
display: block;
font-size: 12px;
padding-top: 1px;
}
.recDone {
font-size: 18px;
line-height: 37px;
margin-left: 15px;
}
#previewRec {
color: #9f9d9d;
margin-left: 15px;
}
#previewRec .recPopupBtn {
height: 35px;
line-height: 36px;
}
#previewButtons {
position: relative;
top: -1px;
}
#previewNext .previewCatName {
color: #464646;
display: block;
padding-top: 2px;
font-size: 12px;
text-decoration: none;
}
#previewPhData {
padding: 21px 0 25px 6px;
font-size: 11px;
color: #9f9d9d;
line-height: 13px;
}
.previewPhDataV {
color: #000;
font: var(--regularFont);
font-size: 13px;
line-height: 17px;
word-break: break-word;
padding-bottom: 29px;
}
.workOverlay>div {
position: relative;
margin: 0 auto;
-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .45);
-moz-box-shadow: 0 4px 12px rgba(0, 0, 0, .45);
box-shadow: 0 4px 12px rgba(0, 0, 0, .45);
-khtml-box-shadow: 0 4px 12px rgba(0, 0, 0, .45);
}
.delComm,
.workOverlay div.close {
float: right;
width: 30px;
height: 30px;
cursor: pointer;
opacity: .5;
background: url(def/classic-map.png?v2) -742px -6px no-repeat;
filter: alpha(opacity=50);
-khtml-opacity: .5;
-moz-opacity: .5;
}
.workOverlay div.close {
position: absolute;
z-index: 10000;
top: 3px;
right: -30px;
background: url(black/classic-map.png?v2) -742px -6px no-repeat;
}
.delComm:hover,
.workOverlay div.close:hover {
opacity: 1;
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
}
.workOverlay img.close {
/*-webkit-touch-callout: none;
-webkit-user-select: none;*/
cursor: pointer;
}
/* /overlay main img */
#imgLoader {
position: absolute;
z-index: 3;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin-top: -15px;
margin-left: -15px;
opacity: .25;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-khtml-border-radius: 6px;
background: #000 url(../img/loader10.gif) no-repeat 50% 50%;
filter: alpha(opacity=25);
-khtml-opacity: .25;
-moz-opacity: .25;
}
/* auth serie */
#authSerieMenu .tr0ser {
font-size: 11px;
clear: both;
margin: 0 0px;
padding: 10px 10px 1px 0;
color: #000;
white-space: nowrap;
/*background: url(def/separator.gif) 0 100% repeat-x;*/
}
#authSerieMenu .tr1ser {
font-size: 11px;
clear: both;
margin: 0 0px;
padding: 10px 10px 1px 0;
color: #000;
display: inline-block;
white-space: nowrap;
/*background: url(def/separator.gif) 0 100% repeat-x;*/
}
#authSerieMenu .tr0ser a,
#authSerieMenu .tr1ser a {
display: inline-block;
white-space: normal;
word-break: break-word;
}
/* /auth serie */
/* css3 buttons */
.commButtons {
float: left;
display: none;
position: relative;
}
.commButtons span {
display: block;
float: left;
text-align: center;
}
#commTbl td.commVoteTd,
.commVoteTd {
text-align: right;
width: 40px;
padding: 12px 10px 0 0;
}
.commVote {
padding-right: 4px;
text-align: center;
color: var(--grayBlue);
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-size: 17px;
font-weight: 400;
position: relative;
right: 0px;
top: -4px;
}
.commVotePopup {
margin: 0 6px 0 4px;
text-align: center;
color: #828a99;
font: var(--regularFont);
font-size: 18px;
font-weight: 500;
}
.commPopupActions {
position: relative;
display: inline-block;
width: 644px;
left: -3px;
margin-top: 2px;
padding-top: 4px;
padding-bottom: 8px;
/*border-top: 1px solid #D2D3D4;*/
}
.commPopupActionsRight {
float: right;
top: 5px;
left: 7px;
position: relative;
line-height: 22px;
}
.commActionsRight {
float: right;
top: 0px;
position: relative;
display: none;
/*padding: 0 10px 10px 0;*/
}
.commActionsRight a {
/*border-right: 1px solid #cacaca;*/
padding: 0 8px;
}
.commVoteNo {
background-color: transparent;
}
.commVoteTxt {
font-size: 10px;
font-weight: 700;
line-height: 10px;
}
.commButtons .buttonA,
.addBtn,
.themeBtn,
.saveBtn,
.regBtn {
font-size: 14px;
font-weight: 500;
line-height: 30px;
display: inline-block;
height: 29px;
padding: 3px 20px;
cursor: pointer;
text-align: center;
text-decoration: none;
border-radius: var(--brad);
outline: 0;
}
.wideBtn {
padding: 0 25px;
}
.loginDivBG {
z-index: 300;
position: relative;
display:inline-block;
top: 90px;
height: 37px;
padding:10px 10px 5px 25px;
}
.LoginPopupButton,
.LoginPopupButton:hover {
border-radius: var(--brad);
background: var(--followGradient);
font: var(--mediumFont);
font-size: 13px;
color: #fff;
display: block;
box-sizing: border-box;
padding: 12px;
width: 100%;
height: 40px;
cursor: pointer;
text-decoration: none;
text-align: center;
margin: 2px 0;
}
.FBicon {
font-family: icomoon;
font-size: 20px;
color: #fff;
text-decoration: none;
margin: 0 3px;
line-height: 38px;
}
.Dateicon {
font-family: icomoon;
font-size: 24px;
color: var(--grayBlue2);
text-decoration: none;
position: relative;
top: 5px;
left: -3px;
font-weight: 100;
}
.VIEWicon {
font-family: icomoon;
font-size: 23px;
color: var(--grayBlue2);
text-decoration: none;
margin: 1px 10px 0 2px;
position: relative;
top: 3px;
left: 2px;
font-weight: normal;
}
.VIEWS {
font-family: Icomoon2;
top: 6px;
left: -4px;
margin-right: 5px;
font-size: 24px;
}
.workVIEWS {
font-family: Icomoon2;
top: 5px;
margin-right: 7px;
font-size: 32px;
}
.popLabel {
color: #000;
font-size: 13px;
font-weight: 600;
}
#postCommDivPopup {
margin-top: 3px;
margin-bottom: 3px;
}
#postCommDiv {
margin-right: 10px;
margin-top: 3px;
}
.disabledComm {
text-align: left;
padding: 10px 0 10px 75px;
width: 618px;
}
#wrapForm .disabledComm h1 {
font: var(--mediumFont);
font-size: 17px;
}
#wrapForm .formTbl {
margin-top: 5px;
}
.postCommB {
position: absolute;
top: 315px;
right: 0;
}
.postCommDivWork {
display: inline-block;
position: relative;
top: 2px;
left: -10px;
display: none;
}
#emojis {
display: none;
position: absolute;
z-index: 100;
right: 40px;
bottom: -160px;
height: 277px;
overflow: hidden;
box-shadow: var(--menuShadow);
border-radius: 10px;
}
.workRECicon {
top: 2px;
margin: 0 9px 0 18px;
font-size: 29px;
}
.popViews {
font-size: 14px;
}
.EXIFicon {
font-size: 24px;
left: -3px;
margin-right: 0px;
}
.TAGicon {
font-size: 24px;
top: 7px;
left: -2px;
margin-right: 0px;
}
.CAMicon {
font-size: 20px;
left: -1px;
top: 4px;
margin-right: 4px;
}
.closeIcon {
font-family: icomoon2;
font-size: 13px;
color: #222;
text-decoration: none;
margin: 0;
position: absolute;
top: 1px;
right: -20px;
cursor: pointer;
}
.gallMenuIcon {
font-family: icomoon2;
font-size: 24px;
line-height: 20px;
color: #000;
text-decoration: none;
margin: 0;
display: inline-block;
position: relative;
top: 1px;
left: -1px;
margin-right: 5px;
cursor: pointer;
/*border: 2px solid #000;
box-shadow: 0 0 7px #22222212;*/
border-radius: 3px;
/*padding: 1px 2px 2px 2px;*/
}
.PopupKeywords,
.PopupKeywords:hover {
display: inherit;
text-decoration: none;
color: #000;
border: 1px solid var(--grayBg2);
/* background-color: #efefef; */
border-radius: 25px;
padding: 4px 11px 5px 11px;
margin: 2px;
font: var(--regularFont);
font-size: 12px;
line-height: 16px;
}
.addBtn {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-khtml-border-radius: 3px;
}
.addBtn,
.themeBtn,
.saveBtn,
.regBtn {
-webkit-border-radius: 0 \0;
-moz-border-radius: 0 \0;
border-radius: 0 \0;
-khtml-border-radius: 0 \0;
text-shadow: none;
}
/*no borders for IE*/
.commButtons .buttonA:hover,
.addBtn:hover,
.themeBtn:hover,
.regBtn:hover,
.saveBtn:hover {
text-decoration: none;
}
.commButtons .buttonA:active,
.addBtn:active,
.themeBtn:active,
.regBtn:active,
.saveBtn:active {
cursor: pointer;
}
.commButtons .replyBtnA {
padding-left: 27px;
color: #2f4da4;
border: solid 1px #ced8df;
background: #fafafa url(def/reply.png?v2) 0 0 no-repeat;
}
.replyBtnA {
font-family: icomoon2;
font-size: 15px;
color: #757575;
text-decoration: none;
margin: 0 5px 0 0;
}
.replyBtnApopup {
font-family: icomoon2;
font-size: 15px;
color: #000;
text-decoration: none;
position: relative;
top: -2px;
border-radius: 30px;
background-color: #e5e6e9;
/*box-shadow: 1px 1px 3px 0px #cfd0d3;*/
padding: 7px;
}
.quoteBtnApopup {
font-family: icomoon2;
font-size: 15px;
color: #000;
text-decoration: none;
margin: 0 0px;
border-radius: 30px;
background-color: #e5e6e9;
/*box-shadow: 1px 1px 3px 0px #cfd0d3;*/
padding: 7px 6px 7px 7px;
position: relative;
top: -2px;
}
span.replyBtnA {
position: relative;
top: 2px;
color: #000;
}
a.replyBtnA:hover,
a.replyBtnA:active {
text-decoration: none;
}
.intrestBtnA,
.intrestBtnA a,
.intrestBtnAVoted,
.intrestBtnAVoted a {
font-family: icomoon2;
font-size: 20px;
text-decoration: none;
color: #757575;
}
.intrestBtnAVoted a:before {
content: "\e928";
position: absolute;
animation-name: heartFade;
animation-timing-function: ease-out;
animation-iteration-count: 1;
animation-duration: 0.7s;
opacity: 0;
}
@keyframes heartFade {
0% {
opacity: 1;
top: 0;
left: 0;
}
24% {
opacity: 1;
top: -10px;
left: -3px;
}
48% {
opacity: 0.5;
top: -20px;
left: 3px;
}
72% {
opacity: 0.2;
top: -25px;
left: -3px;
}
100% {
opacity: 0;
top: -30px;
left: 8px;
}
}
.intrestBtnApopup,
.intrestBtnApopup a,
.intrestBtnApopupVoted,
.intrestBtnApopupVoted a {
font-family: icomoon2;
font-size: 22px;
text-decoration: none;
position: relative;
top: 2px;
right: -1px;
color: #363636;
}
.intrestBtnAVoted,
.intrestBtnAVoted a:hover,
.intrestBtnAVoted a,
.intrestBtnApopupVoted,
.intrestBtnApopupVoted a:hover,
.intrestBtnApopupVoted a {
color: #ff6b8f;
/*#f71400;*/
}
.intrestBtnApopup a:hover,
.intrestBtnApopupVoted a,
.intrestBtnApopupVoted a:hover,
.intrestBtnA a:hover,
.intrestBtnAVoted a,
.intrestBtnAVoted a:hover {
color: #ff6b8f;
/*#f71400;*/
}
.somebodyVoted a {
color: var(--grayBlue);
}
.nobodyVoted a {
color: #d3d5d8;
}
.topminus1 {
top: 4px;
}
.commReplyBtnRight {
display: none;
float: right;
padding-bottom: 9px;
}
.commActionsRight a.commReplyBtnNoBorder {
border: 0;
padding-right: 0px;
}
.likePos {
display: inline-block;
position: relative;
top: 2px;
}
.likePosComm {
display: inline-block;
position: relative;
top: 1px;
}
.commButtons .replyBtnActionA {
padding: 0 1px;
font-weight: 300;
}
.addBtn,
.themeBtn,
.regBtn,
.saveBtn {
color: #fff;
font-size: 14px;
line-height: 31px;
height: 36px;
font: var(--mediumFont);
background: var(--followGradient);
font-size: 13px;
box-sizing: border-box;
padding: 10px 20px;
}
.addBtn:hover,
.themeBtn:hover,
.regBtn:hover,
.saveBtn:hover {
color: #fff;
/* background-color: #00b5e4; */
}
.addBtn:active,
.themeBtn:active,
.regBtn:active,
.saveBtn:active,
.addBtn:focus,
.themeBtn:focus,
.regBtn:focus,
.saveBtn:focus {
cursor: pointer;
color: #fff;
/* background: #3f5d80; */
-webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .5);
-moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .5);
box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .5);
-khtml-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .5);
}
.cancelBtn {
background: #323232;
}
.fineArtBtn {
background: transparent;
color: #000;
background-color: var(--grayBg2);
font-weight: 300;
height: 37px;
width: 37px;
text-shadow: none;
display: grid;
place-items: center;
margin-right: 5px;
padding: 0;
border-radius: 25px;
}
#previewBookmark .fineArtBtn,
#previewFavor .fineArtBtn {
border: 0;
background: var(--grayBlue2);
}
#previewBookmark .bookIcon,
#previewFavor .favorIcon {
color: #222;
}
/*
.getBookmark {
width: 25px;
float:right;
height: 33px;
line-height: 32px;
}
.getFavor {
width: 25px;
float:right;
height: 33px;
line-height: 35px;
}
.getHomeAlbum {
width:17px;
height:33px;
line-height: 44px;
}
*/
.commentsTable {
/* width: 1200px; */
min-width: 760px;
max-width: calc(100vw - 760px);
flex: 0 1 760px;
}
.commentsTableActions {
/*width: 1200px; */
min-width: 1080px;
max-width: calc(100vw - 315px);
flex: 0 1 1080px;
}
.commentsTableActions .actionsCommCnt {
right: 18px;
}
.blogsTable {
width: 360px;
flex: 0 1 360px;
padding-top: 40px;
}
.blogsSticky {
position: sticky;
top: 105px;
height: calc(100vh - 20px);
overflow-y: scroll;
}
.blogsSticky::-webkit-scrollbar {
display: none;
}
.commentsTableWork {
width: 885px;
max-width: calc(100vw - 748px);
min-width: 695px;
}
.commentsTableBlog {
margin: 30px auto 0 auto;
border-radius: 6px;
padding: 0px 20px 400px 20px;
width: 980px;
}
.workTools {
background-color: var(--grayBg2);
color: #000;
font-family: icomoon, Icomoon2;
font-size: 17px;
height: 37px;
width: 37px;
}
.flip {
position: relative;
top: -1px;
}
.popBtn,
.popBtn:hover {
background: var(--grayBlue2) !important;
color: #000 !important;
border: none;
border-radius: 25px;
}
#addRecAjax {
font-size: 13px;
font-weight: 500;
color: #000;
}
.fineArtBtn:hover,
.fineArtBtn:active,
.fineArtBtn:focus {
/*background: #f3f3f3;*/
color: #757575;
font-weight: 300;
}
.grayBtn {
color: #fff;
border: solid 1px #2f2f2f;
background: #505050;
background: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#505050));
background: -moz-linear-gradient(top, #717171, #5e84ae);
background: linear-gradient(to bottom, #717171, #5e84ae);
text-shadow: -1px -1px 0 rgba(0, 0, 0, .3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#505050);
}
.grayBtn:hover {
color: #fff;
border: solid 1px #2f2f2f;
background: #717171;
background: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#717171));
background: -moz-linear-gradient(top, #717171, #717171);
background: linear-gradient(to bottom, #717171, #717171);
text-shadow: -1px -1px 0 rgba(0, 0, 0, .3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#717171);
}
.grayBtn:active,
.grayBtn:focus {
color: #fff;
border: solid 1px #2f2f2f;
background: #717171;
background: -webkit-gradient(linear, left top, left bottom, from(#505050), to(#717171));
background: -moz-linear-gradient(top, #505050, #717171);
background: linear-gradient(to bottom, #505050, #717171);
text-shadow: -1px -1px 0 rgba(0, 0, 0, .3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#505050, endColorstr=#717171);
}
.undoBtn,
.undoBtn:hover,
.undoBtn:active.undoBtn:focus {
color: #fff;
background: #dc3a3a;
}
.addBtn {
font-size: 12px;
width: 150px;
}
.addBtn img {
font-size: 0;
width: 21px;
height: 16px;
margin-right: 8px;
vertical-align: middle;
background: url(def/add.png?v2) 0 0 no-repeat;
}
.tryPortBtn {
z-index: 400;
height: 28px;
line-height: 28px;
padding: 0 16px;
position: absolute;
top: 272px;
left: 13px;
}
.regBtn {
font-size: 10px;
line-height: 14px;
width: 42px;
height: 14px;
padding: 0 0 0 0;
}
.themeBtn {
line-height: 36px;
width: 140px;
font-size: 14px;
height: 36px;
background: #45aaf6;
padding: 0 8px 0 0;
margin-right: 3px;
border-radius: var(--brad);
font-weight: 500;
}
.themeBtnInst {
/* width: 20px;
height: 20px;
margin-top: -3px;*/
margin-right: 8px;
/* vertical-align: middle;
background: url(def/themes/install_icon.png?v2) 0 0 no-repeat;*/
}
.themeBtnPreview {
/* width: 20px;
height: 20px;
margin-top: -5px;*/
margin-right: 8px;
/* vertical-align: middle;
background: url(def/themes/preview_icon.png?v2) 0 0 no-repeat;*/
}
#blogs .wrapBlogLeft h1 {
font-size: 25px;
margin-top: 30px;
}
#menuTbl div.themeIcon a,
#menuTbl div.themeIcon a:hover {
color: #fff;
font-family: Icomoon2;
font-size: 20px;
font-weight: 400;
margin: 0 3px;
padding: 0;
}
#menuTbl div.themeIcon {
display: inline-block;
}
.themesWrap {
padding: 12px 0;
}
/* /css3 buttons */
/* /search form */
#searchTD {
height: 65px;
display: block;
margin: 0 auto 60px auto;
width: calc(100% - 100px);
position: relative;
top: 90px;
background: transparent;
z-index: 110;
padding: 0px 50px;
}
#searchTD .selector,
#searchTD .selectorMenu {
border-color: var(--grayBg2);
}
#searchTD .blackBorderColor {
border-color: #292929;
}
#searchTD .selectorMenu {
/*box-shadow: 1px 4px 5px rgb(0 0 0 / 10%);*/
}
#q {
font-size: 16px;
font-weight: 400;
font: var(--regularFont);
/*PTRegular, -apple-system, BlinkMacSystemFont, San Francisco, Nunito, Helvetica Neue, Helvetica, Roboto, Noto, 'Open Sans', 'Segoe Ui', arial, sans-serif;*/
/* line-height: 24px; */
width: 290px;
max-width: 84%;
height: 36px;
/* margin: 10px 0 0 0; */
padding: 0 0 0 36px;
position: relative;
top: -6px;
color: #8979b9;
/*#7399ce;*/
border: none;
background-color: #c7a8fb;
/*#ff2200;*/
/*#bbd0ec;*/
/* -webkit-border-radius: 0; */
-moz-border-radius: 0;
border-radius: 70px;
-khtml-border-radius: 0;
/* background: url(def/arr_user_menu.png?v2) -123px -56px no-repeat; */
/* -webkit-box-shadow: none; */
-moz-box-shadow: none;
/* box-shadow: none; */
-khtml-box-shadow: none;
}
#q:hover {}
#q:focus {
color: #000;
background-color: #fff;
}
#menuTbl #searchBtnS {
cursor: pointer;
}
#menuTbl #searchBtnS:active {
background-position: -350px -56px;
}
/* /search form */
/* forms layout */
.formDiv {
width: 950px;
margin: 0px auto 30px auto;
padding: 0 20px 40px 20px;
padding-top: 1px;
color: #000;
box-shadow: 0 0 0 1px var(--grayBorder);
border-radius: 15px;
/*background-color: #f8f8f8;*/
background-color: #fff;
}
.FDassets {
width: 1000px;
margin: 30px auto;
padding: 15px 40px 25px 40px;
}
.FDassets:first-of-type {
margin-top: 60px;
}
.FDassets:last-of-type {
margin-bottom: 60px;
}
.assetsHeader {
width: 1000px;
text-align: center;
font: var(--mediumFont);
font-size: 20px;
padding-bottom: 23px;
margin: 10px 0 40px 0;
border-bottom: 1px solid #EFEFEF;
}
.assetPreviewImg {
width: 170px;
height: 100px;
display: inline-block;
background-size: cover;
background-position: center;
border-radius: 7px;
background-color: #ebebeb;
}
.assetPreview {
display: flex;
width: 1000px;
margin: 20px 0;
position: relative;
}
.assetPreviewInfo {
width: 700px;
display: inline-block;
padding: 0 20px;
}
.assetPreviewLinks {
display: inline-block;
width: 180px;
text-align: right;
}
.assetPreviewUrl {
display: inline-block;
}
.assetPreviewId,
.assetPreviewName,
.assetPreviewDesc,
.assetPreviewKeywords,
.assetPreviewAddress {
width: 600px;
font: var(--mediumFont);
font-size: 13px;
margin-bottom: 1px;
}
.assetPreviewId {
font: var(--regularFont);
font-size: 12px;
line-height: 13px;
color: #757880;
margin-bottom: 5px;
}
.assetPreviewName {
font-size: 14px;
margin-bottom: 7px;
}
.assetPreviewDesc {
font: var(--regularFont);
}
.assetBold {
font: var(--mediumFont);
font-size: 11px;
color: var(--grayBlue);
}
.assetGray {
color: var(--grayBlue);
font: var(--regularFont);
}
.assetPreviewKeywords,
.assetPreviewAddress,
.assetRelease {
font: var(--regularFont);
color: #000;
}
.assetPreviewAddress {
font-size: 12px;
margin-bottom: 2px;
position: absolute;
right: 0px;
}
.assetPreviewAddress {
width: 290px;
text-align: right;
top: 60px;
color: #757880;
}
.assetRelease {
font-size: 14px;
margin-bottom: 5px;
}
.bigurl {
max-width: 460px;
overflow: hidden;
text-overflow: ellipsis;
display: inline-flex;
}
.assetPreviewKeywords {
margin-bottom: 10px;
}
.withdrawToEth,
.completewithdrawToEth {
font: var(--mediumFont);
font-size: 14px;
color: #fff;
background-color: #000;
padding: 10px 20px;
position: relative;
top: 12px;
white-space: nowrap;
border-radius: 7px;
border: 0;
cursor: pointer;
}
#totalSales {
display: none;
}
.priceShow {
font: var(--mediumFont);
font-size: 18px;
line-height: 16px;
color: #fff;
background-color: #000;
padding: 10px 15px;
position: relative;
top: -1px;
display: inline-block;
white-space: nowrap;
border-radius: 7px;
border: 0;
}
.ethPriceShow {
font: var(--regularFont);
font-size: 13px;
color: #a5a5a5;
background-color: #fff;
padding: 2px;
margin: 6px 0 0 0;
position: relative;
/* top: 12px; */
display: block;
white-space: nowrap;
border-radius: 7px;
border: 0;
}
.totalSales {
display: inline-block;
font-size: 16px;
color: #bbbbbb;
font: var(--regularFont);
}
.nextButton {
font: var(--mediumFont);
font-size: 14px;
margin-right: 5px;
color: #fff;
background-color: #000;
padding: 10px 20px;
white-space: nowrap;
border-radius: 7px;
border: 0;
cursor: pointer;
}
.nextButton:disabled {
color: #c7c7c7;
background-color: #ebebeb;
cursor: auto;
}
.withdrawToEth:hover,
.completewithdrawToEth:hover {
text-decoration: none;
box-shadow: 0 5px 21px #0000001f;
}
.withdrawLink {
font: var(--mediumFont);
font-size: 14px;
color: #424242;
background-color: #efefef;
padding: 10px 30px 10px 40px;
position: relative;
top: 12px;
white-space: nowrap;
border-radius: 7px;
border: 0;
}
.assetTextImg {
width: 100%;
text-align: center;
margin: 40px 0 60px 0;
}
.assetList,
.assetText {
width: 800px;
font: var(--regularFont);
font-size: 18px;
line-height: 30px;
margin: 0 auto 0px auto;
}
.assetText {
line-height: 20px;
margin: 0 auto 100px auto;
font-size: 15px;
}
.addPhotoForm {
min-height: 100px;
position: relative;
margin-top: 50px;
}
.file {
display: block;
position: absolute;
color: transparent;
right: 0;
top: 0;
opacity: 0;
outline: none;
width: 150px;
height: 34px;
border-radius: var(--brad);
cursor: pointer;
}
.input_file,
.input_file:hover,
.input_file:active,
.input_file:visited {
position: relative;
display: inline-block;
overflow: hidden;
text-decoration: none;
text-indent: 0;
outline: none;
border-radius: var(--brad);
font-size: 16px;
font: var(--mediumFont);
font-size: 14px;
height: 40px;
padding: 0 20px;
text-align: center;
line-height: 35px;
background: var(--followGradient);
color: #fff;
text-align: center;
cursor: pointer;
}
.release_file,
.release_file:hover,
.release_file:active,
.release_file:visited {
height: 34px;
font-size: 13px;
line-height: 28px;
}
.release_file .icon_picture {
font-size: 18px;
}
input[type=file],
/* FF, IE7+, chrome (except button) */
input[type=file]::-webkit-file-upload-button {
/* chromes and blink button */
cursor: pointer;
}
.formDiv input {
font-size: 14px;
line-height: 27px;
margin-bottom: 10px;
height: 39px;
box-sizing: border-box;
letter-spacing: -0.5px;
}
.date_format_log {
padding-top: 10px;
padding-left: 6px;
display: block;
float: left;
font-size: 14px;
font: var(--regularFont);
}
.formRight input:focus,
.formDiv input[type='text']:focus,
.formDiv input[type='checkbox']:focus,
.formDiv input[type='radio']:focus,
.formDiv select:focus {
outline: 0;
}
/*
input:-internal-autofill-previewed,
input:-internal-autofill-selected,
textarea:-internal-autofill-previewed,
textarea:-internal-autofill-selected,
select:-internal-autofill-previewed,
select:-internal-autofill-selected {
background-color: #fff !important;
background-image: none !important;
color: rgb(0, 0, 0) !important;
}
*/
.gift_by_reg {
margin: 0px 0 10px 0;
font: var(--regularFont);
font-size: 14px;
line-height: 19px;
}
.gift_bold {
font: var(--boldFont);
font-size: 14px;
}
#loginFormDloginPopup input {
line-height: 26px;
width: 224px;
box-sizing: border-box;
height: 36px;
margin: 3px 0 9px 0;
font-size: 16px;
padding: 0px 10px 2px 10px;
border: 0;
background-color: #EAEBEC;
border: 1px solid #;
color: #000;
-webkit-appearance: none;
border-radius: 6px;
}
.or,
.or-div {
margin: 0 auto;
color: #000;
text-align: center;
position: relative;
height: 20px;
font: var(--mediumFont);
font-size: 12px;
}
.or-div {
border-top: 1px solid #cdcdcd;
top: 11px;
z-index: 900;
width: 223px;
}
.or {
background-color: #fff;
z-index: 1000;
padding: 7px 5px 0 5px;
display: inline-block;
height: 15px;
top: -23px;
}
.uMenuClass {
width:274px;
height:277px;
padding-top: 22px;
padding-bottom: 18px;
top: 49px;
}
#registerButton,
#registerButton:hover {
text-decoration: none;
width: 223px;
height: 40px;
text-align: center;
color: #fff;
background-color: #000;
position: absolute;
top: 255px;
left: 27px;
box-sizing: border-box;
border-radius: 6px;
font: var(--mediumFont);
padding: 12px;
font-size: 13px;
}
.lfw {
width: 318px;
}
.formRight.LGN {
padding: 0;
position: relative;
font: var(--regularFont);
}
.formDiv input[type='text']:focus,
.myPortInpL,
.myPortInpR {}
.formDiv input[type='checkbox'],
.formDiv input[type='radio'] {
line-height: 20px;
height: 21px;
}
.formDiv select {
height: 39px;
margin-bottom: 7px;
}
.formSeparator {
line-height: 10px;
display: block;
clear: both;
width: 95%;
height: 6px;
margin: 0 auto;
}
.formSeparatorPers {
line-height: 10px;
display: block;
clear: both;
width: 95%;
height: 30px;
margin: 0 auto;
}
.formSeparatorHead {
font-size: 20px;
font-style: italic;
padding: 0 0 20px 10px;
background-position: 0 100%;
}
.grayText {
color: #929292;
font-weight: 400;
}
.formTip {
padding: 20px;
color: black;
margin: 15px;
position: relative;
/*border: 1px solid #d0dadc;*/
box-shadow: 2px 2px 27px rgb(0 0 0 / 12%);
/* 0 0 15px 0px #04040414;*/
font-size: 15px;
background-color: #fff;
border-radius: 15px;
font: var(--regularFont);
}
.formTip p {
margin: 5px 0;
}
.formLeft {
font-size: 15px;
/* font-weight: 600; */
line-height: 40px;
float: left;
width: 260px;
font: var(--regularFont);
min-height: 35px;
padding: 11px 20px 0 0;
text-align: right;
white-space: nowrap;
text-overflow: clip;
}
#contact_form .formLeft {
width: 205px;
}
.saleWrapper .formLeft,
.saleWrapper .formRight {
position: relative;
left: -3px;
}
.formRight {
float: left;
width: 570px;
min-height: 31px;
padding: 0 0 0 5px;
}
.formRight select {
/*margin-top: 5px;*/
}
.formRow {
display: block;
min-height: 46px;
background-color: transparent;
}
.saleWrapper {
border-radius: 15px;
border: 2px dashed #00adff;
padding: 33px 0 30px 0;
margin: 30px 0 30px 0;
background: url('def/ethlogo.png');
background-repeat: no-repeat;
background-position: 97% 15%;
}
.inpWrap {
margin-right: 25px;
position: relative;
top: 9px;
}
.addWorkDescTextarea {
width: 490px;
padding-top: 4px;
line-height: 18px;
box-sizing: border-box;
}
.blogsAvWidth {
width: 105px;
height: 105px;
}
.taCenter {
display: block;
width: 100%;
text-align: center;
}
/* /forms layout */
div.c1e072 div {
float: left;
padding-right: 6px;
}
div.c1e072 {
font-size: 12px !important;
padding: 5px !important;
text-align: left !important;
/*border: 1px solid #e0e0e0e !important;*/
}
.c1e072 a {
font-size: 11px !important;
font-weight: normal;
line-height: 12px !important;
color: #2678af !important;
}
.c1e072 .text {
font-size: 11px !important;
line-height: 13px !important;
padding: 3px 0 !important;
color: #6b6b6b !important;
}
.c1e072 .host {
font-size: 11px !important;
font-weight: normal;
line-height: 13px !important;
padding: 3px 0 !important;
color: #060;
}
/* on off buttons */
.onoffOnEnabled,
.onoffOffDisabled,
.onoffOnDisabled,
.onoffOffEnabled {
font-size: 11px;
font-weight: 700;
line-height: 24px;
display: block;
float: left;
width: 86px;
height: 24px;
padding: 0 10px;
cursor: pointer;
text-align: center;
}
.onoffOnEnabled:hover,
.onoffOffDisabled:hover,
.onoffOnDisabled:hover,
.onoffOffEnabled:hover {
text-decoration: none;
}
.onoffOnEnabled,
.onoffOffEnabled,
.onoffOnEnabled:hover,
.onoffOffEnabled:hover {
color: #fff;
}
.onoffOnDisabled,
.onoffOffDisabled,
.onoffOnDisabled:hover,
.onoffOffDisabled:hover {
color: #000;
}
.onoffOnDisabled,
.onoffOffDisabled {
background: #f7f7f7;
background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#f7f7f7));
background: -moz-linear-gradient(top, #f7f7f7, #f7f7f7);
background: linear-gradient(to bottom, #f7f7f7, #f7f7f7);
text-shadow: 0 -1px 0 rgba(255, 255, 255, .25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F7F7F7, endColorstr=#F7F7F7);
}
.onoffOnDisabled {
border-top: 1px solid #bebebe;
border-bottom: 1px solid #bebebe;
border-left: 1px solid #bebebe;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-khtml-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
-khtml-border-bottom-left-radius: 3px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
-khtml-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
}
.onoffOffDisabled {
border-top: 1px solid #bebebe;
border-right: 1px solid #bebebe;
border-bottom: 1px solid #bebebe;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
-khtml-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
-khtml-border-bottom-right-radius: 3px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
-khtml-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
}
.onoffOnEnabled {
border-top: 1px solid #699319;
border-bottom: 1px solid #699319;
border-left: 1px solid #699319;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-khtml-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
-khtml-border-bottom-left-radius: 3px;
background: #57a957;
background: -webkit-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
background: -moz-linear-gradient(top, #62c462, #57a957);
background: linear-gradient(to bottom, #62c462, #57a957);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#62c462, endColorstr=#57a957);
}
.onoffOffEnabled {
border-top: 1px solid #555;
border-right: 1px solid #555;
border-bottom: 1px solid #555;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
-khtml-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
-khtml-border-bottom-right-radius: 3px;
background: #646464;
background: -webkit-gradient(linear, left top, left bottom, from(#929292), to(#646464));
background: -moz-linear-gradient(top, #929292, #646464);
background: linear-gradient(to bottom, #929292, #646464);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#929292, endColorstr=#646464);
}
/* /on off buttons */
/* default messages */
.okMsg {
background: #4798c8;
}
.infoMsg {
display: table;
line-height: 130%;
font-size: 12px;
margin: 8px auto 5px auto;
padding: 7px 10px;
text-align: center;
/*color: #3a87ad;*/
border: 1px solid #bce8f1;
background-color: #fff;
/*background-color: #d9edf7;*/
}
.infoMsg a:hover {
text-decoration: none;
}
.errMsg {
background: #c43c35;
}
#cookieWarnClose {
margin-left: 9px;
}
#cookieWarnClose img.emoji {
width: 18px;
height: 18px;
}
.top2px {
top: 7px;
}
#resultMsg {
font-size: 14px;
font-weight: 400;
line-height: 18px;
padding: 10px 20px;
display: none;
margin: 0 auto;
position: relative;
/* left: 50%; */
width: fit-content;
/* transform: translateX(-50%); */
text-align: center;
color: #fff;
border-radius: var(--brad);
}
#editModal {
display: none;
}
#saveMsgMod>div {
width: 410px;
padding: 30px 20px 40px 20px;
font-size: 14px;
white-space: nowrap;
text-overflow: clip;
}
#cookieWarn {
position: fixed;
z-index: 100;
bottom: 0;
left: 0;
margin: 0;
padding: 6px 10px;
border: none;
color: #ffffff;
background-color: rgba(0, 0, 0, 0.3);
}
#cookieWarn a {
color: #ffffff;
}
/* /default messages */
/* my_series my_albums */
.serieName,
.albumName {
line-height: 30px;
float: left;
overflow: hidden;
width: 520px;
height: 30px;
padding-left: 7px;
white-space: nowrap;
text-overflow: clip;
}
.serieName a,
.albumName a {
padding-left: 2px;
}
.serieNameE,
.albumNameE {
font-size: 12px;
line-height: 31px;
float: right;
width: 120px;
height: 30px;
padding-right: 35px;
text-align: right;
}
.serieNameE a,
.albumNameE a,
#editAllAlbumA,
#editAllSerieA {
text-decoration: none;
}
.editSerie,
.editAlbum,
.editWork {
display: block;
float: left;
width: 25px;
height: 30px;
background: url(def/edit.png?v2) 5px 7px no-repeat;
}
.deleteSerie,
.deleteAlbum {
display: block;
float: left;
width: 25px;
height: 30px;
background: url(def/delete.gif) 5px 7px no-repeat;
}
.hidden {
display: block;
float: left;
width: 25px;
height: 30px;
}
.hiddenSerie,
.hiddenAlbum {
background: url(def/hide.png?v2) 0 5px no-repeat;
}
.unhiddenSerie,
.unhiddenAlbum {
background: url(def/hide.png?v2) -25px 6px no-repeat;
}
/* /my_series my_albums */
/* edit serie */
#allPhotos {
width: 505px;
/*324px;*/
}
#allPhotos li,
.sortable li {
float: left;
width: 120px;
height: 80px;
margin: 3px;
padding: 0 0 0 0;
cursor: move;
text-align: center;
background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-khtml-border-radius: 3px;
}
.allTitle,
.serieTitle,
.albumTitle {
font-weight: 500;
float: left;
overflow: hidden;
width: 120px;
height: 40px;
margin-right: 10px;
padding: 15px 3px 10px 3px;
text-align: center;
font-size: 14px;
color: #000;
background: #f5f5f5;
}
.allTitle a,
.serieTitle a,
.albumTitle a {
font-weight: 300;
text-decoration: underline;
}
.allTitle {
font-size: 14px;
width: 499px;
}
.liDrag {
font-size: 15px;
display: block;
height: 30px;
margin: 9px 0;
padding: 8px;
cursor: move;
border: 1px solid #e2e2e2;
background: #fff url(def/move.png?v2) 98% 15px no-repeat;
border-radius: 30px;
}
.liDrag img:hover {
cursor: move;
}
.sortable {
float: left;
width: 126px;
min-height: 100px;
margin: 0 10px 0 0;
padding: 2px 0;
list-style-type: none;
background: #f5f5f5;
}
/* /edit serie */
/* file uploader */
.qq-uploader {
position: relative;
width: 100%;
}
.qq-upload-button {
display: inline-block;
text-decoration: underline;
}
.qq-upload-drop-area {
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 70px;
text-align: center;
color: #000;
background: #fff;
}
.qq-upload-drop-area span {
font-size: 16px;
position: absolute;
top: 50%;
display: block;
width: 100%;
margin-top: -18px;
}
.qq-upload-drop-area-note {
font-style: normal;
text-align: left;
padding: 10px 0 0 50px;
font-size: 19px;
font-weight: 500;
}
.uploadUploadNote {
font-size: 13px;
padding: 0px 65px 45px 50px;
color: var(--grayBlue);
font-weight: 400;
}
.uploadUploadNote1 {
font: var(--regularFont);
font-size: 13px;
margin: -5px 40px 15px 51px;
color: var(--grayBlue);
line-height: 15px;
}
.uploadUploadNote2 {
font: var(--regularFont);
font-size: 13px;
margin: -9px 40px 30px 51px;
color: var(--grayBlue);
line-height: 15px;
}
.uploadWarn {
font-size: 14px;
font-weight: 500;
margin: 10px auto -20px auto;
line-height: 17px;
color: #f30000;
padding: 2px 65px 35px 50px;
}
.delErrors {
margin: 20px auto 50px auto;
color: red;
font-size: 16px;
font: var(--mediumFont);
width: 700px;
text-align: center;
}
div.modalAddW {
width: 700px;
font: var(--mediumFont);
padding: 40px 30px;
}
span.myworksThin,
a.myworksThin {
font-size: 10px;
font-weight: 400;
padding: 0 8px;
color: #000;
border-right: 1px solid var(--grayBlue);
}
a.myworksThin {
padding-left: 0;
}
span.myworksThin:last-of-type {
border-right: 0;
}
span.gray {
color: var(--grayBlue);
}
.qq-upload-drop-area-active {
background: #ff7171;
}
.qq-upload-list {
margin: 15px 35px;
padding: 0;
}
.qq-upload-list li {
font-size: 12px;
line-height: 15px;
margin: 0;
padding: 0 0 0 32px;
}
.qq-upload-file,
.qq-upload-spinner,
.qq-upload-size,
.qq-upload-cancel,
.qq-upload-failed-text {
margin-right: 7px;
}
.qq-upload-spinner {
display: inline-block;
width: 16px;
height: 11px;
padding-bottom: 2px;
vertical-align: text-bottom;
background: url(def/loader_gall.new.gif) 0 0 no-repeat;
}
.qq-upload-success {
background: url(def/done.png?v2?v=3) 13px 0 no-repeat;
}
.qq-upload-size,
.qq-upload-cancel {
font-size: 11px;
}
.qq-upload-failed-text {
display: none;
}
.qq-upload-fail .qq-upload-failed-text {
display: inline;
color: #c43c35;
}
#uploadDone {
display: none;
padding: 0 0 16px 50px;
}
/* /file uploader */
/* portfolio */
.myPortDiv,
.myPortDivH,
.myPortDivL,
.myPortDivR,
.myPortDivLH,
.myPortDivRH {
float: left;
width: 480px;
}
.myPortDivLHset,
.myPortDivRHset {
float: left;
width: 330px;
}
.myPortDivLHset {
margin-left: -7px;
}
.myPortDivRHset {
margin-left: 0;
}
.myPortDivLset,
.myPortDivRset {
float: left;
width: 330px;
font-size: 14px;
font-weight: 700;
line-height: 24px;
height: 24px;
margin-bottom: 2px;
color: #000;
}
.myPortDiv,
.myPortDivH,
.myPortDivL,
.myPortDivLH {
clear: left;
}
.formTitle,
.myPortDivH,
.myPortDivLH,
.myPortDivRH {
font-size: 18px;
font-weight: 500;
line-height: 24px;
height: 24px;
margin-bottom: 2px;
color: #000;
}
input.loginInput,
input.loginInput:focus {
font: var(--regularFont);
font-size: 15px;
font-weight: 400;
color: #000;
border-radius: 6px;
padding: 0 7px;
border: none;
outline: none;
background-color: var(--grayBg);
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
height: 40px;
margin: 2px 0;
}
.myPortDivL,
.myPortDivLH {
margin-right: 40px;
}
.myPortDivRH,
.myPortDivLH,
.myPortDivH {
margin-bottom: 10px;
}
.myPortDiv,
.myPortDivH {
width: 766px;
}
.myPortInpLab,
.formInpLab {
font-size: 14px;
line-height: 18px;
color: #000;
font-weight: 500;
}
.myPortInpLab {
font-size: 14px;
font-weight: 500;
}
.myPortInpL {
width: 362px;
}
.myPortInpR {
width: 362px;
}
.myPortInpNote {
font-size: 11px;
line-height: 16px;
}
.resetPortColors {
padding-bottom: 6px;
}
#resetPortColors {
font-size: 12px;
font-weight: 700;
text-decoration: none;
border-bottom: 1px dotted #2678af;
}
#resetPortColors:hover {
text-decoration: none;
border-bottom: 1px solid #15a1ff;
}
#port_bg_color_example {
font-size: 12px;
font-weight: 700;
line-height: 15px;
overflow: hidden;
width: 340px;
white-space: nowrap;
text-overflow: clip;
border: 1px solid #e7e7e7;
}
.colorSel {
width: 80px;
height: 28px;
}
.colorSel:hover {
cursor: pointer;
}
.colorSel div {
width: 80px;
height: 28px;
border: 2px solid #dcdfe4;
background: url(def/colorselector.png?v2) bottom right no-repeat;
}
.selectArr {
cursor: pointer;
background: #fff url(def/select_arr.png?v2) right 2px no-repeat;
}
.colorpicker input {
line-height: 10px;
}
.loginModal {
color: #000;
font: var(--mediumFont);
font-size: 20px;
}
.portInfo {
color: #c43c35;
}
/* /portfolio */
/* settings */
.settings .myPortDiv,
.settings .myPortDivH,
.settings .myPortDivL,
.settings .myPortDivR,
.settings .myPortDivLH,
.settings .myPortDivRH {
float: left;
width: 400px;
}
/* /settings */
/* my_themes */
.formTbl .themeH {
font: bold 17px/17px 'Roboto', calibris, sans-serif;
padding: 0 6px 2px 6px;
color: #272727;
}
.formTbl .themePreview {
width: 388px;
height: 210px;
padding: 0 6px 2px 6px;
}
.formTbl .themeBtnRow {
padding: 5px 6px 40px 7px;
text-align: center;
}
/* /my_themes */
/* pricing */
.nudeWarn {
position: absolute;
display: block;
line-height: 60px;
font-size: 24px;
height: 60px;
color: #ccc;
text-align: center;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
text-decoration: none;
}
.nudeWarn:hover {
color: #ccc;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
text-decoration: none;
}
.pricingH {
width: 1046px;
height: 109px;
background: url(def/pricing_sprite.png?v2) 0 -1px no-repeat;
}
.pricingB {
width: 1046px;
height: 69px;
background: url(def/pricing_sprite.png?v2) 0 -110px no-repeat;
}
.pricingF {
width: 1046px;
height: 155px;
background: url(def/pricing_sprite.png?v2) 0 -179px no-repeat;
}
.pricingL,
.pricingInf,
.pricingPlus,
.pricingPremium,
.pricingPro,
.pricingBasic {
font: normal 12px/34px arial;
float: left;
height: 34px;
text-align: center;
color: #000;
}
.pricingL {
font-weight: 700;
clear: left;
width: 201px;
text-align: right;
}
.pricingInf {
width: 32px;
cursor: pointer;
}
.pricingInf img,
.pricingPlus img,
.pricingPremium img,
.pricingPro img,
.pricingBasic img {
padding-top: 7px;
}
.pricingPlus {
width: 191px;
}
.pricingPremium {
float: left;
width: 215px;
}
.pricingPro {
width: 191px;
margin-right: 6px;
}
.pricingBasic {
width: 195px;
}
.pricingBtn {
padding-top: 10px;
}
.proFont {
color: #ce1010;
}
/* /pricing */
/* payment */
.paymentWrap {
border: 1px solid #d0dadc;
background-color: #fff;
border-radius: 6px;
background: url(/img/paybg.png);
background-position-y: 50%;
}
.paymentFrame {
position: absolute;
top: -26px;
left: 25px;
width: 134px;
height: 60px;
background: url(def/payment_sprite.png?v2) 0 4px no-repeat;
}
.paymentH {
font: 500 19px/24px 'Roboto', sans-serif;
width: 360px;
margin-bottom: 10px;
border-bottom: 1px solid #e8e8e8;
padding: 3px 0px;
color: #000000;
}
.paymentR {
clear: left;
height: 26px;
}
.paymentR input {
display: block;
float: left;
}
.paymentMark {
font: 400 12px/16px 'Roboto', sans-serif;
width: 360px;
margin: 10px 0;
padding: 6px 0;
color: #9B9C9D;
/*border-top: 1px solid #e8e8e8;*/
}
.paymentPrice {
font: 700 19px/19px 'Roboto', sans-serif;
display: inline-block;
float: left;
padding-left: 4px;
white-space: nowrap;
text-overflow: clip;
color: #c00;
}
.paymentPeriod {
font: 500 16px/21px 'Roboto', sans-serif;
display: block;
float: left;
width: 150px;
padding-left: 6px;
white-space: nowrap;
text-overflow: clip;
color: #313131;
}
.paymentSaved {
font: 300 16px/21px 'Roboto', sans-serif;
display: block;
float: left;
width: 110px;
padding-left: 5px;
text-align: right;
white-space: nowrap;
text-overflow: clip;
color: #4ca70a;
}
.paymentMethod {
width: 360px;
height: 35px;
margin-bottom: 10px;
}
.pay-button {
width: 157px;
height: 35px;
font-size: 16px;
cursor: pointer;
border: none;
box-shadow: 0 1px 1px rgb(0 0 0 / 10%), 0 2px 4px rgb(0 0 0 / 8%), 0 -1px 0 rgb(0 0 0 / 5%), -1px 0 0 rgb(0 0 0 / 5%), 1px 0 0 rgb(0 0 0 / 5%), inset -1px -2px 4px rgb(0 0 0 / 4%);
border-radius: 30px;
background: #fff;
font: var(--mediumFont);
line-height: 19px;
}
.pay-button-click {
transform: translateY(1px);
box-shadow: 0 1px 0px rgb(0 0 0 / 10%), 0 1px 2px rgb(0 0 0 / 8%), 0 -1px 0 rgb(0 0 0 / 5%), -1px 0 0 rgb(0 0 0 / 5%), 1px 0 0 rgb(0 0 0 / 5%), inset -1px -2px 4px rgb(0 0 0 / 3%);
}
#creditcardPaymill1MonthTrialForm .pay-button,
#creditcardPaymillYearForm .pay-button,
#creditcardPaymill3MonthForm .pay-button,
#creditcardPaymill1MonthForm .pay-button {
background-position: 0 -40px;
}
/* /payment */
/* cover */
#menuTbl.cover a.addWorkHeader,
#menuTbl a.cover,
#headerWrap.cover #loginDivName,
#headerTheme .headerActTheme.cover,
#headerTheme span.cover,
#headerWrap.cover .loginMenuIcon {
color: #000;
}
#headerWrap.cover #loginDivName.indexCover,
#headerWrap.cover .loginMenuIcon.indexCover {
color: #fff;
}
#menuTbl a.cover:hover,
#headerTheme .headerActTheme.cover:hover {
color: #7aa3d0;
text-decoration: none;
}
.parallax-mirror {
perspective: 3000px;
transform-style: preserve-3d;
}
#parallaxMirror {
opacity: 0;
}
#loginAvatar.cover,
#userMenuArr.cover,
#userMenuB.cover,
#userMenuLogout.cover,
#q.cover,
#menuTbl #searchBtnS.cover {
/* background-image: url(def/arr_user_menu_cover.png?v2); */
}
#header.cover {
height: 455px;
/*background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 2%, rgba(0, 0, 0, 0.55) 20%, rgba(0, 0, 0, 0.25) 35%, transparent 100%);
background: linear-gradient(to top, rgba(0, 0, 0) 0%, rgba(0, 0, 0) 34%, transparent 34%);
background: radial-gradient(60% 45%, rgba(0,0,0,0.65) 15%, rgba(0,0,0,0) 60%);*/
background: transparent;
background-size: 100% 200%;
border: none;
margin-bottom: 0;
padding-top: 0;
position: relative;
z-index: 160;
backdrop-filter: none;
/* transform-style: preserve-3d; */
}
#headerWrap.cover {
height: 52px;
/*
background-color: rgba(0,0,0,0.8);
background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
*/
}
.pdfIcon {
font-family: Icomoon2;
color: #000;
font-size: 13px;
position: relative;
margin: 0 6px;
text-decoration: none;
top: 1px;
}
#headerBottom {
width: 98%;
margin:0 1%;
position: relative;
backdrop-filter: blur(15px) brightness(0.93) saturate(1.2);
height: 165px;
}
#headerBottom.hbIndex {
backdrop-filter:none;
}
.authAvProfile {
width: 110px;
height: 110px;
margin: 0 auto 5px auto;
/* margin-bottom: 15px;*/
position: relative;
z-index: 10;
top:-60px;
}
.verifCheck {
position: absolute;
bottom: 5px;
right: 5px;
width: 24px;
height: 24px;
}
img.parallax-slider {
/*transition: opacity 0.5s linear, filter 0.05s linear;*/
visibility: visible;
}
.parallax-slider {
width: 100vw;
min-width: 1200px;
/*opacity: 0;*/
}
.authProfileNew {
margin: 0px 0px -103px 0px;
position: relative;
top: -80px;
/*-140px; */
padding: 2px 0px 15px 0px;
border-radius: 4px;
/*overflow: hidden;*/
text-align: center;
}
.authProfilMenu {
/* margin: 7px 0px 21px 0px; */
margin: 6px 0px 0px 0px;
/* display: inline-block; */
padding: 9px 0px 0px 0px;
border-radius: 30px;
height: 50px;
position: relative;
z-index: 500;
top: -25px;
/* box-shadow: 0 0px 10px 2px rgba(0, 0, 0, .06); */
}
#authProfilMenu .downIcon {
color: #fff;
font-size:12px;
}
.centerFlexDiv {
display: inline-block;
margin: 0 auto;
}
.flexDiv {
display: flex;
/* padding: 0px 15vw; */
/* width: 100%; */
/*background: #000;*/
height: 55px;
}
/*
.flexDiv::before {
content: '';
display: block;
position: absolute;
top: -2px;
left: 0;
z-index: -1;
width: 100%;
clip-path: polygon(0px 36px, 14px 35.9px, 20px 36px, 41px 34.8px, 63px 32px, 90px 28px, 117px 23px, 136px 19px, 180px 10px, 202px 5.4px, 218px 3.1px, 231px 1.7px, 239px 0.9px, 250px 0.5px, 260px 0px, calc(100% - 260px) 0px, calc(100% - 250px) 0.6px, calc(100% - 239px) 1px, calc(100% - 231px) 2px, calc(100% - 218px) 3.8px, calc(100% - 202px) 6.4px, calc(100% - 180px) 11px, calc(100% - 136px) 20px, calc(100% - 117px) 24px, calc(100% - 90px) 29px, calc(100% - 63px) 33px, calc(100% - 41px) 35px, calc(100% - 20px) 36px, calc(100% - 14px) 36px, calc(100% - 0px) 37px);
height: 100%;
}
.flexDiv::after {
background-color: #fff;
content: '';
display: block;
position: absolute;
top: -1px;
left: 0;
z-index: -1;
width: 100%;
clip-path: polygon(0px 20.8px, 25px 19.8px, 48px 18.2px, 76px 15.8px, 91px 14.6px, 112px 12.6px, 129px 10.6px, 186px 4.6px, 236px 1.3px, 265px 0.4px, calc(100% - 265px) 0.4px, calc(100% - 236px) 1.3px, calc(100% - 186px) 4.6px, calc(100% - 129px) 10.6px, calc(100% - 112px) 12.6px, calc(100% - 91px) 14.6px, calc(100% - 76px) 15.8px, calc(100% - 48px) 18.2px, calc(100% - 25px) 19.8px, calc(100% - 0px) 20.8px);
height: 100%;
}
*/
.flexDiv.fdSwitch::after {
background-color: #000;
}
.flexDiv.fdSwitch::before {
background: none;
}
#authorWorks.fdSwitch {
background-color: #000;
padding-bottom: 26px;
}
#authorWorks.fdSwitch .imgThumb {
background-color: #ffffff0f;
}
#authorWorks.fdSwitch .roundedGallPagerB a,
#authorWorks.fdSwitch .roundedGallPagerB a:hover,
#authorWorks.fdSwitch .roundedGallPagerB .leftArrow,
#authorWorks.fdSwitch .roundedGallPagerB .rightArrow,
#authorWorks.fdSwitch .noWorks,
.flexDiv.fdSwitch .authProfMenu i.about_icon,
.flexDiv.fdSwitch #linkSeries2 i.about_icon.series_menu,
.flexDiv.fdSwitch .seriesDDlink,
.flexDiv.fdSwitch .seriesDDlink:hover,
.flexDiv.fdSwitch .menuIconSubs {
color: #fff !important;
}
.flexDiv.fdSwitch .profileLink,
.flexDiv.fdSwitch .profileLink:hover {
color: #fff;
}
.flexDiv.fdSwitch .roundAvatar {
border-color: #000;
background: #666;
}
.noAfter {
display: flex;
padding: 23px 0 0 0;
}
.avatarCover {
display: block;
position: absolute;
overflow: hidden;
border-radius: 50%;
width: 105px;
height: 105px;
/* background: rgba(255, 255, 255, .8);
border: 3px solid rgba(255, 255, 255); */
}
.avatarCover .usmenu {
width: 105px;
height: 105px;
}
.authCover {
display: block;
position: relative;
background: inherit;
min-width: 600px;
/*background: linear-gradient(180deg, #212121db 0%, transparent);*/
border-radius: 0 0 50px 50px;
/* backdrop-filter: blur(15px); */
padding: 55px 0 22px 0;
top: -115px;
width: 100%;
margin: 0 auto;
}
#wrapBlogs .authCover {
background: transparent;
backdrop-filter: none;
width: auto;
}
.authNameCover img {
height: 18px;
margin-left: 3px;
}
.authFlag {
display: inline-block;
margin-left: 10px;
position: relative;
top: 3px;
height: 13px;
}
#imgLastWorks .imgBoxNew.jg-entry {
border-radius: 8px;
}
.authNameCover, .authNameCover>div {
font: var(--regularFont);
overflow: hidden;
white-space: nowrap;
max-width: 900px;
font-size: 21px;
line-height: 32px;
text-align: center;
color: #fff;
margin: 0 auto;
position: relative;
top: 1px;
letter-spacing: -0.7px;
}
#wrapBlogs .authMoodCover {
box-shadow: none;
}
div.authMoodCover {
white-space: normal;
font-weight: 400;
/*box-shadow: 0 10px 15px #0000000d;*/
line-height: 20px;
/* border-radius: 0 0 90px 90px; */
height: 20px;
font: var(--regularFont);
font-size: 13px;
letter-spacing: 0px;
display: inline-block;
top: -1px;
position: relative;
/*opacity: .7;*/
color: var(--grayBlue);
letter-spacing: -0.5px;
}
.authMoodCover a {
color: var(--grayBlue);
}
/*#headerBottom .authMoodCover {
color: #000;
background: linear-gradient(0deg, white, transparent);
}*/
.topWhiteMenu {
height: 56px;
padding-top: 6px;
background: #fff;
box-shadow: 0 0px 6px 0px rgba(0, 0, 0, .5);
}
.authStatCoverWrap {
padding-top: 18px;
height: 16px;
}
.authStatCoverLogin:first-of-type {
padding: 0 11px 0 0;
}
.authStatCoverLogin {
float: left;
border-right: 1px solid #ccc;
padding: 0 11px;
text-align: center;
}
.authStatCover {
/*border-right: 5px solid #5fdffe;*/
padding: 0 9px 0 6px;
display: inline-block;
}
.authStatCoverDivider {
color: #5fdffe;
font: var(--regularFont);
display: inline-block;
height: 10px;
position: relative;
top: -19px;
font-size: 33px;
}
.authStatLeft,
.authStatRight {
min-width: 235px;
display: inline-block;
text-align: left;
}
.authStatLeft {
text-align: right;
}
.authStatVal {
text-align: center;
font: var(--mediumFont);
font-size: 17px;
line-height: 19px;
letter-spacing: -0.5px;
}
.authStatVal a,
.authStatVal a:hover {
color: #fff;
/*f0f0f0;*/
text-decoration: none;
}
.authStatValLogin {
font-size: 15px;
line-height: 14px;
font-weight: 500;
color: #fff;
}
.authStatStrLogin {
padding-left: 1px;
font-weight: 400;
font-size: 9px;
line-height: 14px;
color: #fff;
/*d2d2d2;*/
}
.authStatStr {
padding-left: 1px;
font-weight: 300;
line-height: 16px;
/* opacity: 0.45; */
text-align: center;
font: var(--regularFont);
font-size: 11px;
color: var(--grayBg2);
}
.buttonCover {
position: relative;
text-align: center;
border: none;
display: inline-block;
top: -21px;
margin: 0 10px;
}
.blogAuthorAvatar {
display: inline-block;
width: 24px;
height: 24px;
margin-right: 6px;
position: relative;
top: 6px;
filter: url(#sharpen);
}
.blogAuthorAvatar .usmenu {
width: 23px;
height: 23px;
}
.myWorks td.marketKeywords {
line-height: 1.3;
padding: 12px 8px 15px 8px;
overflow: hidden;
display: block;
width: 100%;
}
.buttonLoader {
position: relative;
top: 1px;
margin-left: 9px;
width: 31px;
}
.buttonCoverBlog {
position: relative;
text-align: center;
border: none;
display: inline-block;
top: 7px;
}
.portfolioBtn,
.followBtn,
.unfollowBtn {
height: 42px;
box-sizing: border-box;
line-height: 41px;
padding: 12px 21px 1px 31px;
border: none;
text-shadow: none;
font: var(--mediumFont);
font-size: 14px;
border-radius: 30px;
}
.profileLink,
.profileLink:hover {
font: var(--regularFont);
font-style: normal;
font-weight: 400;
font-size: 15px;
position: relative;
top: 1px;
margin-right: 14px;
margin-left: 5px;
color: #fff;
cursor: pointer;
text-decoration: none;
display: inline-block;
}
.dropDownLink,
.dropDownLink:hover {
text-transform: lowercase;
font-weight: 400;
margin-left: 2px;
}
.seriesDDlink,
.seriesDDlink:hover {
top: 1px;
margin-right: 11px;
position: relative;
font-size: 16px;
margin-left: -11px;
cursor: pointer;
font: var(--regularFont);
color: #fff;
}
.seriesLnkWrap {
display: inline-block;
margin-right: 1px;
}
.smallAvContainer {
display: inline-block;
/*width: 84px;*/
padding-left: 14px;
position: relative;
top: -1px;
}
.smallAv {
padding: 0px;
display: inline-block;
position: relative;
left: 2px;
height: 21px
}
.roundAvatar {
position: relative;
display: inline-block;
width: 34px;
height: 34px;
border-radius: 32px;
border: 2px solid #fff;
/*#f2f4f7;*/
vertical-align: middle;
}
#linkPhotos .profileLink {}
#bannedLnk,
#bannedLnk:hover {
color: #000;
margin: 0;
}
.portfolioBtn {
text-shadow: none;
}
.noShadow {
box-shadow: none;
}
.popupAddIcon {
font-family: Icomoon;
color: #fff;
font-size: 24px;
line-height: 21px;
padding-right: 11px;
position: relative;
top: 7px;
}
.autoTranslateIcon {
font-family: Icomoon;
font-size: 15px;
padding-right: 3px;
position: relative;
top: 1px;
color: #606060;
}
.autoTranslate {
font-size: 12px;
color: #606060;
}
.autoTranslateIconPopup {
font-family: Icomoon;
font-size: 15px;
padding-right: 3px;
position: relative;
top: -3px;
right: 0px;
color: #606060;
}
.autoTranslatePopup {
font-size: 12px;
color: #606060;
top: -4px;
position: relative;
right: 0px;
}
#btn-disconnect.connectWalletButton,
#btn-disconnect.connectWalletButton:hover,
#btn-disconnect.connectWalletButton:active {
font-family: "SF Mono", Consolas, "Lucida Sans Typewriter", "Courier New", monospace, var(--regularFont);
background: #fff;
}
.loginAndWallet {
width: 400px;
position: absolute;
right: 0px;
top: 0px;
}
.walletIcon {
width: 23px;
position: relative;
top: 5px;
margin: 0px 7px 0 7px;
height: 23px;
display: inline-block;
border-radius: 50%;
background: linear-gradient(35deg, rgb(255 0 100 / 55%) 20%, rgb(0 73 255 / 53%) 100%);
}
#account-number {
display: inline-block;
position: relative;
top: -2px;
font-size: 14px;
color: #000;
}
.headerCart {
display: none;
place-items: center;
background-color: #e2e3e6;
z-index: 111;
border-radius: 30px;
white-space: nowrap;
color: #00000096;
top: 9px;
right: 265px;
text-decoration: none;
position: absolute;
font: var(--regularFont);
width: 36px;
height: 36px;
min-width: 20px;
min-height: 20px;
cursor: pointer;
}
#headerWrapPopup .headerCart {
right: 115px;
}
.cartDot {
display: inline-grid;
place-items: center;
width: 16px;
height: 16px;
background-color: #ff0000;
color: #fff;
font-size: 11px;
font: var(--regularFont);
position: absolute;
top: 0px;
right: 28px;
font-weight: 600;
border-radius: 10px;
}
.headerCartIcon {
font-family: Icomoon2;
font-size: 18px;
position: relative;
top: -1px;
}
#btn-connect.connectWalletButtonIndex {
display: inline-block;
padding: 8px 15px;
background-color: #ffffff4f;
z-index: 111;
border-radius: 30px;
white-space: nowrap;
color: #fff;
top: 19px;
right: 110px;
text-decoration: none;
position: absolute;
font: var(--regularFont);
line-height: 20px;
min-width: 100px;
min-height: 20px;
}
#btn-connect.connectWalletButton {
display: inline-block;
padding: 12px 20px 7px 20px;
background-color: var(--grayBg);
z-index: 111;
height: 41px;
box-sizing: border-box;
line-height: 23px;
border-radius: 30px;
white-space: nowrap;
color: #000;
top: 4px;
right: 120px;
text-decoration: none;
position: absolute;
font: var(--regularFont);
font-size: 14px;
min-width: 108px;
min-height: 20px;
}
.recPopupBtn {
display: inline-block;
border: none;
text-shadow: none;
font: var(--regularFont);
font-size: 14px;
font-weight: 400;
height: 37px;
line-height: 36px;
background: var(--headerGradient);
/* #008ed0;*/
padding: 0 18px 0 23px;
border-radius: 25px;
white-space: nowrap;
color: #fff;
box-shadow: var(--mainShadow);
}
.followBtn,
.followBtn:active,
.followBtn:focus {
/*background: var(--followGradient);*/
/*#008dd0; url(def/cover_icons.png?v2) 11px 7px no-repeat; */
/*background: transparent;*/
background: var(--bgGray);
/* border: 2px solid #d3d3d3;*/
/*color: #000;*/
color: #fff;
}
.buttonCoverBlog .followBtn {
background: transparent;
border: 2px solid #d3d3d3;
color: #fff;
}
.followBtn .followIcon {
color: inherit;
}
.followBtn:hover,
.portfolioBtn:hover,
.portfolioBtn:focus {
background: var(--grayBlue2);
color: #fff;
box-shadow: 0px 9px 15px #0000001c;
/*border: 2px solid #000;*/
box-sizing: border-box;
transition: background-color 0.2s, box-shadow 0.2s;
}
.recPopupBtn:hover,
.recPopupBtn:active,
.recPopupBtn:focus {
/* background: #00b5e4; */
}
.unfollowBtn {
background: #a9a9a9;
padding: 11px 20px;
line-height: 20px;
}
.unfollowBtn:hover,
.unfollowBtn:active,
.unfollowBtn:focus {
background: #cc0000;
}
.portfolioBtn {
padding-left: 21px;
background: var(--bgGray);
/*border: 1px solid #cbcdd07a;*/
/*color: #000;*/
}
.buttonCover .portfolioBtn {
color: #fff;
}
.pricingButton,
.pricingButton:hover {
position: absolute;
text-decoration: none;
display: block;
bottom: -2px;
left: 275px;
height: 36px;
width: 170px;
text-align: center;
box-sizing: border-box;
padding: 11px 10px 0px 12px;
background: var(--headerGradient);
border-radius: 10px;
}
.pricingButtonLabel {
white-space: nowrap;
position: relative;
margin-left: 4px;
font-size: 13px;
color: #fff;
font-weight: 500;
text-decoration: none;
}
#getFollow2 #deleteCoverLnk,
#getFollow2 #uploadCoverLnk {
background-color: rgba(225, 225, 225, 0.3);
font-size: 13px;
}
#getFollow2 .followBtn,
#getFollow2 .portfolioBtn,
#getFollow2 .portfolioBtn:hover {
background: transparent;
}
#getFollow2 .followBtn:hover,
#getFollow2 .followBtn:active,
#getFollow2 .followBtn:focus,
#getFollow2 .portfolioBtn:focus,
#getFollow2 .portfolioBtn:active {
box-shadow: none;
}
#getFollow .followBtn {
border: none;
}
#unfollowBtn, .buttonCoverBlog .portfolioBtn, .buttonCoverBlog .followBtn {
color: #fff;
border: 0;
background-color: var(--bgGray);
}
#getFollow2 .followBtn,
#getFollow2 .unfollowBtn,
#getFollow2 a.portfolioBtn,
.previewFollow .followBtn,
.previewFollow #unfollowBtn {
font: var(--mediumFont);
/*PTMedium, Roboto, Helvetica, Arial, sans-serif;*/
height: 23px;
line-height: 21px;
padding: 0px 0px 0px 0px;
border: none;
text-shadow: none;
font-size: 11px;
font-weight: 500;
border-radius: 22px;
color: #008DD0;
}
.previewFollow .followBtn,
.previewFollow .followBtn:hover,
.previewFollow .followBtn:active,
.previewFollow #unfollowBtn,
.previewFollow #unfollowBtn:hover,
.previewFollow #unfollowBtn:active {
height: 28px;
border-radius: 25px;
/* line-height: 26px; */
background-color: #000;
display: inline-block;
color: #fff;
box-shadow: none;
font-size: 12px;
padding: 3px 17px;
}
.previewFollow {
position: absolute;
left: 14px;
top: 60px;
}
.previewFollow #unfollowBtn {
left: -5px;
}
.previewFollow .followIcon {
font-size: 12px;
top: 2px;
left: -5px;
color: #fff;
}
.previewFollow .portfolioBtn,
.previewFollow .portfolioBtn:hover {
background: #000;
}
#slideshowLnk {
padding-left: 14px;
background: rgba(225, 225, 225, 0.3) url(def/cover_icons.png?v2) 6px -19px no-repeat;
}
#slideshowLnk:hover {
background: rgba(225, 225, 225, 0.44) url(def/cover_icons.png?v2) 6px -19px no-repeat;
}
input[type='radio'].mpUploadRadio {
position: relative;
top: 2px;
height: 13px;
left: -5px;
cursor: pointer;
}
.authPageTitle {
position: absolute;
bottom: 6px;
overflow: hidden;
white-space: nowrap;
line-height: 24px;
font-size: 14px;
font-weight: 700;
color: #d6d6d6;
}
#vertMenu.cover {
width: 170px;
font: var(--regularFont);
/* PT Sans Narrow, serif;*/
}
#vertMenu.cover a,
#vertMenu.cover p {
font-size: 14px;
}
#authGotMenu .cover,
#authGiveMenu .cover,
#authSerieMenu .cover h1 {
font-size: 16px;
color: #000;
}
.soringCover {
position: absolute;
right: 0;
bottom: 26px;
}
.soringCover a {
color: #fff;
}
.linksCover {
position: absolute;
bottom: 6px;
right: 6px;
}
.authPageTitle a {
float: left;
display: block;
line-height: 24px;
font-size: 14px;
font-weight: 700;
color: #d6d6d6;
padding: 0 8px;
margin-right: 8px;
}
.authPageTitle a:hover {
background: rgba(225, 225, 225, 0.15);
text-decoration: none;
}
.authMenuCover {
position: absolute;
top: 12px;
right: 6px;
}
.share_blk.cover {
float: right;
padding: 0;
height: 24px;
}
.share_blk .share_btn .icon {
border-right: 1px solid rgba(255, 255, 255, .1);
}
.vk.cover,
.facebook.cover,
.twitter.cover,
.google.cover,
.pinterest.cover {
background: rgba(225, 225, 225, 0.12);
padding: 0;
}
.vk.cover:hover {
background: #5f83aa;
}
.facebook.cover:hover {
background-color: #435eac;
}
.twitter.cover:hover {
background-color: #00aced;
}
.google.cover:hover {
background-color: #d64a2d;
}
.pinterest.cover:hover {
background-color: #cc2127;
}
#authActivityLnk {
top: 6px;
}
#authActivityMenu #bannedLnk:hover {
background-color: var(--grayBg);
border-radius: 3px;
}
#authActivityMenu #bannedLnk {
padding-left: 38px;
position: unset;
border-radius: 3px;
}
#authFollowersLnk {
/* vertical-align: top;
position: relative;
top: 10px;*/
}
.authProfMenu {
padding-top: 13px;
display: inline-block;
position: relative;
}
#authActivityMenu a {
z-index: 100;
display: block;
white-space: nowrap;
overflow: hidden;
text-align: left;
padding: 5px 30px 5px 15px;
line-height: 15px;
font-size: 13px;
font-weight: 400;
color: #000;
border-radius: 3px;
}
#authActivityMenu a:hover {
text-decoration: none;
background-color: var(--grayBg);
}
##authActivityMenu a b {
font: var(--boldFont);
font-size: 13px;
}
/* /cover */
/* about icons */
.about_icon {
font-family: "fontello", serif;
font-style: normal;
font-weight: normal;
display: inline-block;
font-variant: normal;
text-transform: none;
font-size: 19px;
color: #000;
}
.favorIcon {
font-family: Icomoon2;
font-size: 16px;
color: #000;
font-style: normal;
}
.bookIcon {
font-family: Icomoon2;
font-size: 20px;
color: #000;
font-style: normal;
position: relative;
top: -1px;
}
.bookActive,
#previewBookmark .bookActive {
color: #ff8300;
}
.favorActive,
#previewFavor .favorActive {
color: #ff0000;
}
.thubmDownIcon {
font-family: Icomoon2;
font-size: 17px;
color: #000;
font-style: normal;
position: relative;
top: 1px;
}
#linkSeries2 i.about_icon.series_menu {
left: 4px;
top: -1px;
position: relative;
font-size: 10px;
color: #000;
}
.phNameNew span.heart_gall {
font-family: Icomoon2;
position: relative;
top: 3px;
overflow: visible;
font-size: 17px;
display: inline-block;
margin: 0 6px 0 0px;
}
#ivImage {
height: 100%;
}
.availableWorks {
text-align: center;
font: var(--regularFont);
font-size: 12px;
font-weight: 400;
position: relative;
margin: 40px 0 20px 0;
}
.availableWorks b {
font: var(--boldFont);
font-size:12px;
}
.actAWTab {
padding: 8px 12px;
border-radius: 20px;
background: var(--white);
/* border-bottom: 3px solid #7399ce; */
font: var(--regularFont);
font-size: 11px;
margin: 0 3px 0 0;
background: var(--grayBg);
}
.author_profile {
background-color: #ddd;
border-radius: 30px;
width: 20px;
height: 20px;
padding: 4px;
margin: 3px 0;
font-size: 14px;
-webkit-font-smoothing: antialiased;
color: #000;
display: inline-grid;
place-items: center;
}
.authorInfoCol .about_icon {
position: relative;
top: 1px;
margin-right: 6px;
}
.commActionsMenu .about_icon,
.about_icon_popup {
margin-right: 0.5em;
top: 2px;
}
.bracket {
font-size: 21px;
line-height: 16px;
margin: 0 1px;
}
.mintDot {
position: absolute;
right: 12px;
bottom: 12px;
width: 8px;
height: 8px;
border-radius: 10px;
background-color: #fff;
}
.apmWbg {
width: 98%;
border-radius: 20px;
left: 1%;
background: transparent;
position: relative;
z-index: 500;
height: 47px;
margin-bottom: 30px;
white-space: nowrap;
min-width: 1200px;
right: 1%;
top: -31px;
}
.apmWbgColor {
/* background: linear-gradient(rgb(0 0 0 / 79%) 0%, rgb(0 0 0 / 0%) 100%);*/
background: linear-gradient(rgb(141 141 141 / 46%) 0%, rgb(150 150 150 / 2%) 100%);
backdrop-filter: blur(11px);
-webkit-backdrop-filter: blur(11px);
}
.apmWbgShadow {
/*box-shadow: rrgb(0 0 0 / 15%) 0px 2px 4px 0px;*/
box-shadow: rgb(0 0 0 / 30%) 0px 5px 20px 0px;
}
/* /about icons */
#mobVerBlk {
background: none;
margin: 0 auto;
padding: 0;
text-align: left;
border: none;
}
#closeMobVerLnk {
display: block;
float: left;
margin: 0;
padding: 0;
height: 84px;
width: 84px;
line-height: 84px;
font-size: 46px;
text-align: center;
color: #d23636;
}
#aMobVerLnk {
display: block;
font-size: 70px;
font-weight: 300;
line-height: 120%;
width: 100vw;
}
/* nprogress */
#nprogress {
pointer-events: none;
}
#nprogress .bar {
background: #2678af;
position: fixed;
z-index: 1031;
top: 0;
left: 0;
width: 100%;
height: 2px;
}
/* Fancy blur effect */
#nprogress .peg {
display: block;
position: absolute;
right: 0;
width: 100px;
height: 100%;
box-shadow: 0 0 10px #2678af, 0 0 5px #2678af;
opacity: 1.0;
-webkit-transform: rotate(3deg) translate(0px, -4px);
-ms-transform: rotate(3deg) translate(0px, -4px);
transform: rotate(3deg) translate(0px, -4px);
}
/* Remove these to get rid of the spinner */
#nprogress .spinner {
display: block;
position: fixed;
z-index: 1031;
top: 15px;
right: 15px;
}
#nprogress .spinner-icon {
width: 18px;
height: 18px;
box-sizing: border-box;
border: solid 2px transparent;
border-top-color: #2678af;
border-left-color: #2678af;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-khtml-border-radius: 50%;
-webkit-animation: nprogress-spinner 400ms linear infinite;
animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
overflow: hidden;
position: relative;
}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
position: absolute;
}
@-webkit-keyframes nprogress-spinner {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes nprogress-spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* /nprogress */
.inviteForm {
float: right;
padding: 3px 7px 7px 10px;
border-radius: 5px;
margin-top: 7px;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: normal;
color: #454545;
background-color: #f1f1f1;
}
input.inviteFormInputNameClass {
font-size: 13px;
font-weight: 500;
width: 98px;
height: 26px;
margin-right: 10px;
background: #FFFFFF;
border: 1px solid #d0d0d0;
box-sizing: border-box;
border-radius: 3px;
}
input.inviteFormInputEmailClass {
font-size: 13px;
font-weight: 500;
width: 175px;
height: 26px;
/*font-size:12px;*/
background: #FFFFFF;
border: 1px solid #d0d0d0;
box-sizing: border-box;
border-radius: 3px;
}
a.inviteFormButtonClass,
a.inviteFormButtonClass:hover {
color: #fff;
padding: 4px 14px 4px 10px;
text-decoration: none;
background: #008ed0;
border-radius: 3px;
}
.inviteFormNameClass,
.inviteFormEmailClass {
position: relative;
top: 1px;
}
.icon-directions_run {
font-family: Icomoon;
font-size: 22px;
color: #383838;
position: relative;
padding-right: 4px;
top: 5px;
}
.iconArrowDown {
font-family: Icomoon2;
font-size: 16px;
color: #383838;
position: relative;
top: 2px;
}
.followIcon {
font-size: 15px;
font-family: Icomoon2;
color: #fff;
position: relative;
top: 2px;
display: inline-block;
height: 10px;
left: -11px;
line-height: 14px;
/* font-weight: 400; */
}
#getFollow2 .followIcon {
font-size: 14px;
top: 1px;
left: -5px;
color: #008DD0;
}
#showMoreComm,
a.showMoreComm:hover {
font: var(--regularFont);
font-size: 12px;
text-decoration: none;
color: #101010;
position: relative;
top: -2px;
right: 1px;
}
.iconArrowDownShowMoreComm {
font-family: Icomoon2;
font-size: 18px;
color: #383838;
position: relative;
top: 2px;
margin-right: 5px;
}
.iconComm {
font-family: Icomoon2;
font-size: 23px;
color: #000;
position: relative;
top: 2px;
padding: 5px 5px 6px 6px;
margin-left: 1px;
}
.iconCommActions {
font-family: Icomoon2;
font-size: 20px;
/* color: #292929; */
position: relative;
/* top: 5px; */
padding: 6px 5px 7px 0px;
margin-left: 7px;
/*float: left;
border-radius: 50px; */
/* background-color: #e3e3e6; */
}
.iconFullScreen {
font-family: Icomoon2;
font-size: 32px;
color: #ffffff;
position: relative;
top: 10px;
text-decoration: none;
}
.iconRating {
font-family: Icomoon2;
font-size: 19px;
color: #9f9d9d;
position: relative;
top: 3px;
margin-right: 6px;
text-decoration: none;
}
.blogIconDate {
font-family: Icomoon2;
font-size: 20px;
color: #98afbc;
position: relative;
top: 2px;
margin: 0 5px 0 13px;
}
.iconArrowDown2 {
font-family: Icomoon2;
font-size: 14px;
line-height: 14px;
color: #383838;
position: relative;
top: 1px;
left: 3px;
}
.icon-user-plus {
font-family: Icomoon;
font-size: 16px;
color: #fff;
position: relative;
padding-right: 5px;
top: 2px;
}
.blogEditBtn {
display: flex;
justify-content: center;
margin: 10px 46px 10px 0;
position: relative;
top: 6px;
z-index: 1;
max-width: 800px;
margin: 0 auto;
}
.addWorkInput {
width: 490px;
}
.myBlogBtn {
float: right;
}
.blogBtns {
top: -36px;
}
.blogPrev {
color: #fdfdfd;
font-size: 15px
}
.hamburger {
padding: 15px 16px 0 10px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger:hover {
opacity: 1;
}
.hamburger.is-active:hover {
opacity: 1;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: #000;
width: 31px;
left: 0px;
}
.hamburger.is-active .hamburger-inner.grayBurgerIcon,
.hamburger.is-active .hamburger-inner.grayBurgerIcon::before,
.hamburger.is-active .hamburger-inner.grayBurgerIcon::after {
background-color: #222;
}
.headerPopup .hamburger.is-active .hamburger-inner.grayBurgerIcon,
.headerPopup .hamburger.is-active .hamburger-inner.grayBurgerIcon::before,
.headerPopup .hamburger.is-active .hamburger-inner.grayBurgerIcon::after {
background-color: #000;
}
#headerAuth .hamburger-inner.grayBurgerIcon,
#headerAuth .hamburger-inner.grayBurgerIcon::before,
#headerAuth .hamburger-inner.grayBurgerIcon::after {
background-color: #fff;
}
.hamburger-box {
width: 24px;
height: 24px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
width: 33px;
height: 2px;
background-color: #000;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -8px;
width: 27px;
left: 0px;
}
.hamburger-inner::after {
bottom: -8px;
width: 23px;
left: 0px;
}
.hamburger-inner.grayBurgerIcon,
.hamburger-inner.grayBurgerIcon::before,
.hamburger-inner.grayBurgerIcon::after {
background-color: #222;
}
.headerPopup .hamburger-inner.grayBurgerIcon,
.headerPopup .hamburger-inner.grayBurgerIcon::before,
.headerPopup .hamburger-inner.grayBurgerIcon::after {
background-color: #fff;
}
.hamburger--spin .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.portSubHead {
margin-right: 8px;
}
.authInfoWidth {
width: 269px;
overflow: hidden;
display: inline-block;
vertical-align: top;
}
.dots,
.dots:hover {
font-size: 29px;
top: -8px;
line-height: 10px;
}
#authFollowBlk {
display: inline-block;
height: 33px;
padding-top: 5px;
margin-left: 5px;
}
.copyIcon {
font-family: Icomoon2;
font-size: 17px;
font-weight: 400;
cursor: pointer;
margin-left: 3px;
position: relative;
top: 2px;
display: inline-block;
}
.searchWrap {
white-space: nowrap;
width: 1000px;
margin: 0 auto;
}
.hbIndex {
top: 170px;
}
.inputWrap {
position: relative;
background: var(--grayBg);
border-radius: 40px;
/* box-shadow: 0 16px 20px -5px #e9edf13b, 0 8px 10px -6px #e9edf157; */
/* border: 2px solid #e2e8f0cc; */
}
.inputWrap.indexWrap {
border:0;
box-shadow:none;
background: transparent;
}
.inputWrapp {
/* text-align: right; */
width: 330px;
margin-left: 15px;
}
.priceWrapp {
position: relative;
top: 10px;
left: 15px;
font: var(--boldFont);
font-size: 14px;
}
.selector {
position: absolute;
z-index: 100;
color: #000;
font-size: 16px;
font: var(--regularFont);
top: -10px;
left: 30px;
cursor: pointer;
width: 140px;
height: 40px;
padding-top: 15px;
border-right: 1px solid #ccc;
}
#searchTD .selector {
top: 0px;
height: 40px;
padding-top: 20px;
}
#searchTD .sIcon {
top: 9px;
position: absolute;
right:4px;
font-size: 21px;
}
#searchTD .selectorMenu {
top: 51px;
}
/*body {
opacity: 0;
}
*/
.selectorMenu {
color: rgb(0, 0, 0);
background-color: #ffffff;
display: none;
padding: 5px 20px;
border-radius: 15px;
position: absolute;
top: 45px;
left: 0px;
z-index: 100;
box-shadow: 0px 7px 20px #00000029;
cursor: pointer;
/* border: 1px solid #dcdcdc; */
/* border-top: 2px solid #dcdcdc; */
}
.selectorMenu span {
font-size: 15px;
display: block;
margin: 9px 0;
font: var(--regularFont);
}
.fArrow,
.sIcon {
font-family: Icomoon2;
color: var(--grayBlue2);
font-size: 20px;
position: relative;
z-index: 10;
top: -8px;
}
.fArrow {
left: -10px;
top: 2px;
font-size: 16px;
}
.sIcon {
right: 59px;
cursor: pointer;
/*border-left: 1px solid #0003;*/
padding: 10px 16px 12px 18px;
}
.mainLogo {
height: 41px;
filter: url(#sharpen);
position: relative;
top: 2px;
}
#headerSubmenu,
#headerSubmenuActivity,
#NFTSubmenu {
top: 48px;
margin-left: 12px;
}
#header.smallHeader .mainLogo {
width: 38px;
height: 38px;
position: relative;
top: 5px;
}
#header.smallHeader .menuIndex,
#headerAuth.smallHeader .menuIndex {
position: relative;
top: -9px;
overflow: visible;
height: 60px;
}
#header.smallHeader .connectWalletButton,
#header.smallHeader .dividerIndex,
#headerAuth.smallHeader .connectWalletButton {
border-color: #000;
border-width: 1px;
color: #000;
line-height: 15px;
top: 10px;
}
#headerAuth.smallHeader .dividerIndex {
border-color: #fff9;
}
#header.smallHeader .connectWalletButton,
#headerAuth.smallHeader .connectWalletButton {
top: 0px;
min-height: 20px;
line-height: 19px;
}
#header.smallHeader .headerCart {
top: 1px;
}
input.searchNFTbody {
width: calc(100% - 215px);
height: 60px;
color: #000;
font: var(--regularFont);
border-radius: 0;
font-size: 16px;
letter-spacing: -0.6px;
/*border-bottom: 1px solid #787878;*/
background-color: transparent;
/* box-shadow: 1px 1px 4px rgb(0 0 0 / 12%); */
padding: 0 22px 0 192px;
}
input.searchNFT {
width: 775px;
height: 55px;
color: #000;
font: var(--regularFont);
font-size: 20px;
position: relative;
top: -10px;
left: -2px;
border: 0;
box-shadow: 3px 3px 25px #00000030;
padding: 0 22px 0 190px;
border-radius: 30px;
letter-spacing: -0.6px;
}
input:focus::placeholder {
color: transparent;
}
.dIcon {
font-family: Icomoon2;
font-size: 16px;
line-height: 0;
color: #000;
position: relative;
top: 2px;
margin: 0 0px 0 6px;
}
.op {
display: inline-block;
font-size: 10px;
line-height: 1.1;
color: #fff;
background-color: var(--grayBlue2);
padding: 3px 6px 3px 6px;
border-radius: 4px;
position: relative;
top: -1px;
margin-left: 5px;
}
@media screen and (max-width: 1570px) {
.profileLink,
.profileLink:hover {
font-size: 14px;
}
.blogsTable {
display: none;
}
.actionsCommWsubMenu {
width: 1170px;
}
.commWsubMenu {
width: 700px;
}
.commentsTable {
max-width: calc(100vw - 295px);
}
#loginDivDivName {
width: 195px;
}
.dd_auth_stats .menuIconPhoto {
font-size: 18px;
}
.authProfMenu {
height: 50px;
}
.dots,
.dots:hover {
font-size: 24px;
top: -17px;
}
#authFollowBlk {
/* display: none;*/
}
.authMenuContent {
top: 50px;
}
#authActivityLnk {
top: 14px;
}
}
@media screen and (max-width: 1430px) {}