409 lines
32 KiB
CSS
409 lines
32 KiB
CSS
/* General purpose WSX5's required classes */
|
|
.imClear { visibility: hidden; clear: both; border: 0; margin: 0; padding: 0; }
|
|
.imHidden { display: none; }
|
|
.imCaptFrame { vertical-align: middle; }
|
|
.imAlertMsg { padding: 10px; font: 10pt "Trebuchet MS"; text-align: center; color: #000; background-color: #fff; border: 1px solid; }
|
|
.alert { padding: 5px 7px; margin: 5px 0 10px 0; border-radius: 5px; border: 1px solid; font: inherit; }
|
|
.alert-red { color: #ff6565; border-color: #ff6565; background-color: #fcc; }
|
|
.alert-green { color: #46543b; border-color: #8da876; background-color: #d5ffb3; }
|
|
.object-generic-error { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; background-color: black; color: white; font-family: 'Unica One'; }
|
|
.object-generic-error div { padding: 5px 20px; }
|
|
.text-right { text-align: right; }
|
|
.text-center { text-align: center; }
|
|
.vertical-middle, tr.vertical-middle td { vertical-align: middle; }
|
|
/* Common buttons style */
|
|
.im-common-left-button{
|
|
width: 50px;
|
|
height: 50px;
|
|
}
|
|
.im-common-left-button.disabled{
|
|
opacity: 0.4 !important; cursor: default;
|
|
}
|
|
.im-common-left-button:hover{
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.im-common-right-button{
|
|
width: 50px;
|
|
height: 50px;
|
|
}
|
|
.im-common-right-button.disabled{
|
|
opacity: 0.4 !important; cursor: default;
|
|
}
|
|
.im-common-right-button:hover{
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.im-common-close-button{
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
.im-common-close-button.disabled{
|
|
opacity: 0.4 !important; cursor: default;
|
|
}
|
|
.im-common-close-button:hover{
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.im-common-enter-fs-button{
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
.im-common-enter-fs-button.disabled{
|
|
opacity: 0.4 !important; cursor: default;
|
|
}
|
|
.im-common-enter-fs-button:hover{
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.im-common-exit-fs-button{
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
.im-common-exit-fs-button.disabled{
|
|
opacity: 0.4 !important; cursor: default;
|
|
}
|
|
.im-common-exit-fs-button:hover{
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.im-common-zoom-in-button{
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
.im-common-zoom-in-button.disabled{
|
|
opacity: 0.4 !important; cursor: default;
|
|
}
|
|
.im-common-zoom-in-button:hover{
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.im-common-zoom-out-button{
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
.im-common-zoom-out-button.disabled{
|
|
opacity: 0.4 !important; cursor: default;
|
|
}
|
|
.im-common-zoom-out-button:hover{
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.im-common-zoom-restore-button{
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
.im-common-zoom-restore-button.disabled{
|
|
opacity: 0.4 !important; cursor: default;
|
|
}
|
|
.im-common-zoom-restore-button:hover{
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.im-common-button-text-style{
|
|
font-family: Tahoma;
|
|
font-size: 16pt;
|
|
color: #010101;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
}
|
|
#imShowBox .grabbable { cursor: grab; cursor: -webkit-grab; }
|
|
#imShowBox .grabbing { cursor: grabbing; cursor: -webkit-grabbing; }
|
|
#imShowBoxWrapper > div { transition: opacity 1s; }#imShowBoxWrapper.imHideShowBoxControls > div { opacity: 0; }
|
|
#imShowBoxWrapper.imHideShowBoxControls > div#imShowBox { opacity: 1; }
|
|
|
|
|
|
/* Page default */
|
|
#imPage { font: normal normal normal 14pt 'Unica One'; color: rgba(0, 0, 0, 1); background-color: transparent; text-decoration: none; text-align: left; }
|
|
.text-tab-content { text-align: left; }
|
|
.text-tab-content hr { border-color: rgba(0, 0, 0, 1); }body.wysiwyg { padding: 3px; font: normal normal normal 14pt 'Unica One'; color: black; line-height: 1; }
|
|
body.wysiwyg p { margin: 0; line-height: 28px; }
|
|
.dynamic-object-text p { line-height: 28px; }
|
|
|
|
|
|
/* Page Title */
|
|
#imPgTitle, #imPgTitle a, .imPgTitle, .imPgTitle a { padding-top: 2px; padding-bottom: 2px; margin: 5px 0; font: normal normal bold 12pt 'Marcellus SC'; color: rgba(255, 255, 255, 1); background-color: transparent; text-decoration: none; text-align: left; }
|
|
#imPgTitle, .imPgTitle { border-width: 0 0 0 0; border-style: solid; border-color: transparent transparent transparent transparent; }
|
|
#imPgTitle.imTitleMargin, .imPgTitle.imTitleMargin { margin-left: 2px; margin-right: 2px; }
|
|
|
|
|
|
/* Headings */
|
|
.imHeading1 {font: normal normal bold 14pt 'Sigmar One'; color: rgba(0, 0, 0, 1); text-decoration: none; text-align: left; line-height: 28px; margin: 0px 0px 0px 0px;}
|
|
.imHeading2 {font: normal normal bold 14pt 'Unica One'; color: rgba(0, 0, 0, 1); text-decoration: none; text-align: left; line-height: 28px; margin: 0px 0px 0px 0px;}
|
|
.imHeading3 {font: normal normal bold 14pt 'Unica One'; color: rgba(0, 0, 0, 1); text-decoration: none; text-align: left; line-height: 28px; margin: 0px 0px 0px 0px;}
|
|
.imHeading4 {font: normal normal bold 14pt 'Unica One'; color: rgba(0, 0, 0, 1); text-decoration: none; text-align: left; line-height: 28px; margin: 0px 0px 0px 0px;}
|
|
.imHeading5 {font: normal normal bold 14pt 'Unica One'; color: rgba(0, 0, 0, 1); text-decoration: none; text-align: left; line-height: 28px; margin: 0px 0px 0px 0px;}
|
|
.imHeading6 {font: normal normal bold 14pt 'Unica One'; color: rgba(0, 0, 0, 1); text-decoration: none; text-align: left; line-height: 28px; margin: 0px 0px 0px 0px;}
|
|
|
|
|
|
/* Breadcrumb */
|
|
.imBreadcrumb, #imBreadcrumb { display: none; }
|
|
.imBreadcrumb, .imBreadcrumb a, #imBreadcrumb, #imBreadcrumb a { padding-top: 2px; padding-bottom: 2px; font: normal normal normal 7pt 'Unica One'; color: rgba(159, 171, 176, 1); background-color: transparent; text-decoration: none; text-align: left; }
|
|
.imBreadcrumb, #imBreadcrumb { border-width: 0 0 0 0; border-style: solid; border-color: transparent transparent transparent transparent}
|
|
.imBreadcrumb a, .imBreadcrumb a:link, .imBreadcrumb a:hover, .imBreadcrumb a:visited, .imBreadcrumb a:active { color: rgba(159, 171, 176, 1); display: inline-block; }
|
|
|
|
|
|
/* Links */
|
|
.imCssLink:link, .imCssLink { background-color: transparent; color: rgba(255, 0, 0, 1); text-decoration: none; transition: color 0.2s linear, background-color 0.2s linear;}
|
|
.imCssLink:visited { color: rgba(61, 40, 17, 1); }
|
|
.imCssLink:hover, .imCssLink:active, .imCssLink:hover, .imCssLink:active { background-color: transparent; color: rgba(193, 203, 206, 1); text-decoration: underline; }
|
|
.imAbbr:link { background-color: transparent; color: rgba(255, 0, 0, 1); text-decoration: none; }
|
|
.imAbbr:visited { background-color: transparent; color: rgba(61, 40, 17, 1); text-decoration: none; }
|
|
.imAbbr:hover, .imAbbr:active { background-color: transparent; color: rgba(193, 203, 206, 1); border-bottom: 1px dotted rgba(193, 203, 206, 1); text-decoration: none; }
|
|
#imPage input[type=text], #imPage input[type=password], #imPage input[type=email], #imPage input[type=tel], textarea, span.textarea, #cart-container .user-form select { font: inherit; border-style: solid; border-width: 1px 1px 1px 1px; border-color: rgba(159, 171, 176, 1) rgba(159, 171, 176, 1) rgba(159, 171, 176, 1) rgba(159, 171, 176, 1); background-color: rgba(255, 255, 255, 1); color: rgba(0, 0, 0, 1); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;padding: 5px 5px 5px 5px; box-shadow: none; box-sizing: border-box; }
|
|
#imPage input[type=text].captchaInvalid, #imPage input[type=text].mandatoryInvalid, #imPage input[type=password].mandatoryInvalid, #imPage input[type=email].mandatoryInvalid, #imPage input[type=tel].mandatoryInvalid, textarea.mandatoryInvalid, span.textarea.mandatoryInvalid { border-color: red; }
|
|
textarea { resize: none; }
|
|
#imPage input[type=button], #imPage input[type=submit], #imPage input[type=reset], #imPage button.imButton {padding: 5px 5px 5px 5px; cursor: pointer; font: inherit; background-color: rgba(54, 71, 79, 1); color: rgba(255, 255, 255, 1); border-style: solid; border-width: 0px 0px 0px 0px; border-color: rgba(55, 71, 79, 1) rgba(55, 71, 79, 1) rgba(55, 71, 79, 1) rgba(55, 71, 79, 1); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;box-sizing: content-box; -webkit-appearance: none; }
|
|
.search_form input { border-radius: 0; }
|
|
input[type=button], input[type=submit], input[type=reset], button { -webkit-appearance: none; }
|
|
.pagination-container { text-align: center; margin: 10px 0; box-sizing: border-box; }
|
|
.pagination-container .dots-page { margin: 0 3px; padding: 0; }
|
|
.pagination-container .page { margin: 0 1px; padding: 5px 8px; border-radius: 3px; background-color: transparent; color: rgba(0, 0, 0, 1); text-decoration: none; transition: color 0.2s linear, background-color 0.2s linear; cursor: pointer;}
|
|
.pagination-container .page:hover { background-color: transparent; color: rgba(193, 203, 206, 1); }
|
|
.pagination-container .page.current { background-color: transparent; color: rgba(255, 0, 0, 1); }
|
|
.imNoScript { position: absolute; top: 5px; left: 5%; width: 90%; font: normal normal normal 14pt 'Unica One'; text-decoration: none; text-align: left; }
|
|
|
|
/* Tip */
|
|
.imTip { position: absolute; z-index: 100201; margin: 0 auto; padding: 10px; background-color: rgba(255, 255, 255, 1); border-style: solid; border-width: 1px 1px 1px 1px; border-color: rgba(255, 0, 0, 1) rgba(255, 0, 0, 1) rgba(255, 0, 0, 1) rgba(255, 0, 0, 1); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
|
|
.imTip { opacity: 0; transition: opacity 1s; }
|
|
@keyframes imTipTopBounce { 0% { transform: translateY(-200px); } 50% { transform: translateY(0); } 70% { transform: translateY(-20px); } 90% { transform: translateY(0); } 95% { transform: translateY(-3px); } 100% { transform: translateY(0); } }@keyframes imTipBottomBounce { 0% { transform: translateY(200px); } 50% { transform: translateY(0); } 70% { transform: translateY(20px); } 90% { transform: translateY(0); } 95% { transform: translateY(3px); } 100% { transform: translateY(0); } }@keyframes imTipLeftBounce { 0% { transform: translateX(-200px); } 50% { transform: translateX(0); } 70% { transform: translateX(-20px); } 90% { transform: translateX(0); } 95% { transform: translateX(-3px); } 100% { transform: translateX(0); } }@keyframes imTipRightBounce { 0% { transform: translateX(200px); } 50% { transform: translateX(0); } 70% { transform: translateX(20px); } 90% { transform: translateX(0); } 95% { transform: translateX(3px); } 100% { transform: translateX(0); } }.imTip.imTipTop.imTipVisible { opacity: 1; animation: 1s imTipTopBounce; }
|
|
.imTip.imTipBottom.imTipVisible { opacity: 1; animation: 1s imTipBottomBounce; }
|
|
.imTip.imTipLeft.imTipVisible { opacity: 1; animation: 1s imTipLeftBounce; }
|
|
.imTip.imTipRight.imTipVisible { opacity: 1; animation: 1s imTipRightBounce; }
|
|
.imTipArrowBorder, .imTipArrow { border-style: solid; height: 0; width: 0; position: absolute; }
|
|
.imTip.imTipTop>.imTipArrowBorder { border-color: rgba(255, 0, 0, 1) transparent transparent transparent; border-width: 11px 11px 0px 11px; top: 100%; left: calc(50% - 11px); }
|
|
.imTip.imTipTop>.imTipArrow { border-color: rgba(255, 255, 255, 1) transparent transparent transparent; border-width: 10px 10px 0px 10px; top: 100%; left: calc(50% - 10px); }
|
|
.imTip.imTipBottom>.imTipArrowBorder { border-color: transparent transparent rgba(255, 0, 0, 1) transparent; border-width: 0px 11px 11px 11px; bottom: 100%; left: calc(50% - 11px); }
|
|
.imTip.imTipBottom>.imTipArrow { border-color: transparent transparent rgba(255, 255, 255, 1) transparent; border-width: 0px 10px 10px 10px; bottom: 100%; left: calc(50% - 10px); }
|
|
.imTip.imTipLeft>.imTipArrowBorder { border-color: transparent transparent transparent rgba(255, 0, 0, 1); border-width: 11px 0px 11px 11px; left: 100%; top: calc(50% - 11px); }
|
|
.imTip.imTipLeft>.imTipArrow { border-color: transparent transparent transparent rgba(255, 255, 255, 1); border-width: 10px 0px 10px 10px; left: 100%; top: calc(50% - 10px); }
|
|
.imTip.imTipRight>.imTipArrowBorder { border-color: transparent rgba(255, 0, 0, 1) transparent transparent; border-width: 11px 11px 11px 0px; right: 100%; top: calc(50% - 11px); }
|
|
.imTip.imTipRight>.imTipArrow { border-color: transparent rgba(255, 255, 255, 1) transparent transparent; border-width: 10px 10px 10px 0px; right: 100%; top: calc(50% - 10px); }
|
|
.imTipContent { width: 100%; font: normal normal normal 13pt 'Open Sans'; color: rgba(67, 67, 67, 1); background-color: rgba(255, 255, 255, 1); text-decoration: none; text-align: center; }
|
|
.imTipContent img { margin-bottom: 6px; max-width: 100%; }
|
|
.imTip.textLeft .imTipContent { text-align: left; }
|
|
|
|
|
|
/* Date Picker */
|
|
.date-picker { font-family: Arial, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif; user-select: none; position: absolute; width: 278px; background-color: white; border: 1px solid #ccc; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.4); }
|
|
.date-picker table { border-collapse: collapse; margin: 5px auto; }
|
|
.date-picker .header { padding: 1rem; box-sizing: border-box; height: 73px; display: block; color: white; background-color: #909090; line-height: 1.25; font-size: 1rem; }
|
|
.date-picker .header .year { font-size: 0.75rem; }
|
|
.date-picker .header .date { font-size: 1.325rem; }
|
|
.date-picker .container { text-align: center; padding: 8px; font-size: 12px; font-weight: bold; display: inline-block; }
|
|
.date-picker .month-text { display: inline-block; min-width: 160px; }
|
|
.date-picker .year-text { display: inline-block; min-width: 65px; }
|
|
.date-picker .day { text-align: center; vertical-align: middle; width: 37.42px; height: 37.42px; font-size: 12px; cursor: pointer; }
|
|
.date-picker .selDay { position: relative; background-color: rgba(27, 161, 226, 0.5); border: 1px solid #5ebdec; font-weight: bold; color: white; box-sizing: border-box; }
|
|
.date-picker .selDay::before { position: absolute; display: block; content: ""; background-color: transparent; border-color: #ffffff !important; border-left: 2px solid; border-bottom: 2px solid; height: 4px; width: 5px; right: .15rem; top: .15rem; z-index: 102; transform: rotate(-45deg); }
|
|
.date-picker .selDay::after { position: absolute; display: block; border-top: 20px solid #5ebdec; border-left: 20px solid transparent; right: -1px; content: ""; top: -1px; z-index: 100; }
|
|
.date-picker .table-header { cursor: default; font-size: 12px; text-align: center; height: 30px; vertical-align: middle; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada}
|
|
.date-picker .arrow { display: inline; cursor: pointer; font-weight: bold; }
|
|
|
|
|
|
/* Popup */
|
|
#imGuiPopUp { padding: 20px; position: fixed; background-color: rgba(67, 67, 67, 1); border-style: solid; border-width: 0px 0px 0px 0px; border-color: rgba(55, 71, 79, 1) rgba(55, 71, 79, 1) rgba(55, 71, 79, 1) rgba(55, 71, 79, 1); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;font: normal normal normal 13pt 'Open Sans'; color: rgba(243, 243, 243, 1); background-color: transparent; text-decoration: none; text-align: center; }
|
|
.imGuiButton { margin-top: 20px; margin-left: auto; margin-right: auto; text-align: center; width: 80px; cursor: pointer; background-color: #444; color: white; padding: 5px; font-size: 14px; font-family: Arial; }
|
|
#imGuiPopUpBg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(67, 67, 67, 1); }
|
|
.alertbox { cursor: default; text-align: center; padding: 0; }
|
|
.alertbox .close-button { cursor: pointer; position: absolute; top: 2px; right: 2px; font-weight: bold; cursor: pointer; font-family: Tahoma; }
|
|
.alertbox .target-image { cursor: pointer; margin: 0px auto; }
|
|
|
|
|
|
/* Splash Box */
|
|
.splashbox { position: fixed; padding: 0; background-color: transparent; border: none; }
|
|
.splashbox img { cursor: pointer; }
|
|
.splashbox .imClose { position: absolute; top: -10px; right: -10px; z-index: 1; }
|
|
#welcome-flags { margin: 0 auto; text-align: center; }
|
|
#welcome-flags div { display: inline-block; margin: 10px; }
|
|
#welcome-mediaplayertarget { overflow: hidden; }
|
|
.prt_field { display: none; }
|
|
.topic-summary { display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center; align-content: center; margin-bottom: 5px; padding: 10px 0; border-width: 1px 0; border-style: solid; border-color: rgba(35, 35, 35, 0.5); }
|
|
.topic-average { flex-grow: 1; box-sizing: border-box; padding: 0 5px; text-align: center; min-width: 250px; }
|
|
.topic-average .rating-value { display: flex; align-self: center; justify-content: center; align-items: center; font-weight: bold; }
|
|
.topic-average .rating-value .big { font-size: 64px; font-weight: 100; line-height: 64px; }
|
|
.topic-bars { flex-grow: 1; box-sizing: border-box; display: inline-block; text-align: center; min-width: 350px; padding: 5px 20px; }
|
|
.topic-bar { display: grid; width: 100%; max-width: 100%; grid-template-columns: 13% 71% 16%; justify-items: center; align-items: center; }
|
|
.topic-average .label-review { font-size: 0.8em; }
|
|
.topic-average .label-no-review { padding: 10px 0; }
|
|
.topic-bar .bar-star-n { display: flex; line-height: 26px; align-items: center; }
|
|
.topic-bar .bar-star-n .star { width: 32px; position: unset; background-repeat: no-repeat; background-position: center; }
|
|
.topic-bar .bar-progress { width: 100%; max-width: 100%; height: 12px; }
|
|
.topic-bar .bar-progress > span { width: 50%; max-width: 100%; background-color: red; height: 100%; display: block; }
|
|
.topic-bar .bar-total { padding: 0 10px; font-size: 0.95em; border-radius: 6px; border: 1px solid rgba(35, 35, 35, 0.5); }
|
|
.topic-add-review { flex-grow: 1; box-sizing: border-box; text-align: center; padding: 5px; min-width: 250px; }
|
|
.topic-form { text-align: left; max-height: 0; overflow: hidden; transition: max-height 0.5s ease-in; }
|
|
.topic-form.offline { margin-bottom: 0; }
|
|
.topic-form.visible { max-height: 1000px; width: 100%; }
|
|
.fill { min-width: 200px; }
|
|
.topic-summary.comments .topic-total-review { flex-grow: 1; box-sizing: border-box; padding: 5px; min-width: 250px; text-align: center; }
|
|
.topic-summary.comments .topic-total-review > div { text-align: center; }
|
|
.topic-summary.comments .topic-total-review .topic-number-review { font-size: 64px; font-weight: 100; line-height: 64px; }
|
|
.topic-summary.comments .topic-space { flex-grow: 1; box-sizing: border-box; padding: 5px; min-width: 250px; visibility: hidden; }
|
|
.topic-summary.comments .topic-review-c { display: inline-block; }
|
|
.topic-summary.comments .topic-total-review .label-review { font-size: 0.8em; }
|
|
.topic-summary.star .topic-star { flex-grow: 1; box-sizing: border-box; padding: 5px; min-width: 250px; }
|
|
.topic-summary.star .topic-star .box-star { display: inline-block; text-align: left; }
|
|
.topic-summary.star .topic-star .enter_rating { margin-bottom: 7px; }
|
|
.imCaptFrame { position: absolute; float: right; margin: 0; padding: 0; top: 5px;}
|
|
.topic-form-row { position: relative; padding-top: 5px; }
|
|
.topic-star-container-big, .topic-star-container-small { display: inline-block; position: relative; background-repeat: repeat-x; background-position: left top; }
|
|
.topic-star-container-big { width: 160px; height: 34px; }
|
|
.topic-star-container-small { width: 80px; height: 16px; }
|
|
.topic-star-fixer-big, .topic-star-fixer-small { display: block; position: absolute; top: 0; left: 0; background-repeat: repeat-x; background-position: left top; }
|
|
.topic-star-fixer-big { height: 34px; }
|
|
.topic-star-fixer-small { height: 16px; }
|
|
.variable-star-rating { cursor: pointer; }
|
|
.blog-topic { padding: 10px; }
|
|
.comments-and-ratings-topic-form { width: 80%; }
|
|
.topic-form-row { min-width: 240px; display: flex; flex-wrap: wrap; }
|
|
.topic-form-row .topic-form-item { flex-grow: 1; min-width: 240px; margin-right: 25px; padding-top: 0.3em; padding-bottom: 0.3em; box-sizing: border-box; width: 40%;}
|
|
.topic-form-row .topic-form-item.second-column.empty-column { padding: 0; }
|
|
.topic-form-row .topic-form-item.rating { display: flex; align-items: center; }
|
|
.topic-form-row .topic-form-item.rating label { margin-bottom: 0; width: auto; margin-right: 1em; }
|
|
.topic-form-row .topic-form-item label { display: block; width: 100%; margin-bottom: 0.5em; }
|
|
.topic-form-row .topic-form-item input { width: 100%; }
|
|
.topic-comment { box-sizing: border-box; margin: 0 0 10px 0; padding: 10px; border-radius: 10px 10px 10px 10px; border: 1px solid rgba(35, 35, 35, 0.5); }
|
|
.topic-comment-count { font-weight: bold; margin: 10px 0 7px; }
|
|
.topic-comment-user { margin-bottom: 5px; font-weight: bold; }
|
|
.topic-comment-user > span { word-wrap: break-word; overflow: hidden; }
|
|
.topic-comment-avatar .avatar-img { border-radius: 50%; }
|
|
.topic-comment-abuse { margin: 5px 0 0 0; border: none; text-align: right; visibility: hidden; }
|
|
.topic-comment:hover .topic-comment-abuse, .topic-comment .topic-comment-abuse.mobile { visibility: visible; }
|
|
.topic-comment-abuse:hover { text-decoration: underline; }
|
|
.topic-comment-abuse > a { font-size: 0.8em; text-decoration: none; color: rgba(0, 0, 0, 0.7); }
|
|
.topic-comment-date { margin-bottom: 5px; display: block; }
|
|
.topic-comment-info-body { display: flex; }
|
|
.topic-comment-info-body .topic-comment-body { word-wrap: break-word; overflow: hidden; }
|
|
.topic-comments { margin: 30px auto 0 auto; }
|
|
.topic-comments.one-columns .topic-comment-info-body .topic-comment-info { width: 18%; }
|
|
.topic-comments.one-columns .topic-comment-info-body .topic-comment-body { width: 82%; margin-left: 0.5em; }
|
|
.topic-comments.one-columns .topic-comment-info-body .topic-comment-avatar { width: 80px; text-align: center; margin-bottom: 10px; }
|
|
.topic-comments.multiple-columns:after { content: ''; display: block; clear: both; }
|
|
.topic-comments.multiple-columns { visibility: hidden; }
|
|
.topic-comments.multiple-columns.visible { visibility: visible; }
|
|
.topic-comments.multiple-columns { box-sizing: border-box; width: 100% !important; max-width: 100%; }
|
|
.topic-comments.multiple-columns .topic-comment { min-width: 250px; box-sizing: border-box; padding: 0; }
|
|
.topic-comments.multiple-columns .topic-comment .topic-comment-info-body { padding: 10px; flex-direction: column; }
|
|
.topic-comments.multiple-columns .topic-comment .topic-comment-info-body .topic-comment-info { display: flex; flex-direction: row-reverse; justify-content: space-between; }
|
|
.topic-comments.multiple-columns .topic-comment .topic-comment-info-body .topic-comment-info .topic-comment-avatar { display: flex; align-items: center; margin: 0 20px 0 0; }
|
|
.topic-comments.multiple-columns .topic-comment .topic-comment-abuse { padding: 0 10px 10px 10px; }
|
|
.topic-comments.multiple-columns .topic-comment-body { margin: 15px 0 0 0; }
|
|
@media (max-width: 1149.9px) and (min-width: 720.0px) {
|
|
.topic-bars, .topic-space { display: none; }
|
|
|
|
}
|
|
@media (max-width: 719.9px) and (min-width: 480.0px) {
|
|
.topic-bars, .topic-space { display: none; }
|
|
|
|
}
|
|
@media (max-width: 719.9px) and (min-width: 480.0px) {
|
|
.comments-and-ratings-topic-form { width: 100%; }
|
|
.topic-form-row .topic-form-item { width: 100%; margin-right: 0; }
|
|
|
|
}
|
|
@media (max-width: 479.9px) {
|
|
.topic-bars, .topic-space { display: none; }
|
|
|
|
}
|
|
@media (max-width: 479.9px) {
|
|
.comments-and-ratings-topic-form { width: 100%; }
|
|
.topic-form-row .topic-form-item { width: 100%; margin-right: 0; }
|
|
|
|
}
|
|
#cookie-law-message {background-color: rgba(40, 40, 40, 1);color: rgba(255, 255, 255, 1);font: normal normal normal 11pt 'Unica One'; ; padding:3px 4px;}
|
|
#cookie-law-message .splashContent { padding:20px;}
|
|
#cookie-law-message .imClose { display:inline-block; position: relative; top:0; right:0;margin: 5px 0 5px 20px;}
|
|
#cookie-law-message .imCloseInn {display: inline-block; padding:8px 10px; text-align: center; border-radius: 4px; cursor:pointer;background-color: rgba(204, 204, 204, 1);color: rgba(106, 168, 79, 1);}
|
|
#cookie-law-message .imCloseInn:hover {opacity: 0.8; }
|
|
#cookie-law-message .message-container .wrapper-content > div { display:inline-block; }
|
|
#cookie-law-message div { line-height: 28px; }
|
|
#cookie-law-message .imHeading1 { line-height: 28px; }
|
|
#cookie-law-message .imHeading2 { line-height: 28px; }
|
|
#cookie-law-message .imHeading3 { line-height: 28px; }
|
|
#cookie-law-message .imHeading4 { line-height: 28px; }
|
|
#cookie-law-message .imHeading5 { line-height: 28px; }
|
|
#cookie-law-message .imHeading6 { line-height: 28px; }
|
|
#cookie-law-message ul { list-style: disc; margin: 0; padding: 0; overflow: hidden; }
|
|
#cookie-law-message ul ul { list-style: square; padding: 0 0 0 20px; }
|
|
#cookie-law-message ul ul ul { list-style: circle; }
|
|
#cookie-law-message ul li { margin: 0 0 0 40px; padding: 0px; }
|
|
#cookie-law-message ol { list-style: decimal; margin: 0; padding: 0; }
|
|
#cookie-law-message ol ol { list-style: lower-alpha; padding: 0 0 0 20px; }
|
|
#cookie-law-message ol li { margin: 0 0 0 40px; padding: 0px; }
|
|
#cookie-law-message blockquote { margin: 0 0 0 15px; padding: 0; border: none; }
|
|
#cookie-law-message table { border: none; padding: 0; border-collapse: collapse; }
|
|
#cookie-law-message table td { border: 1px solid black; word-wrap: break-word; padding: 4px 3px 4px 3px; margin: 0; vertical-align: middle; }
|
|
#cookie-law-message p { margin: 0; padding: 0; }
|
|
#cookie-law-message .inline-block { display: inline-block; }
|
|
#cookie-law-message sup { vertical-align: super; font-size: smaller; }
|
|
#cookie-law-message sub { vertical-align: sub; font-size: smaller; }
|
|
#cookie-law-message img { border: none; margin: 0; vertical-align: text-bottom;}
|
|
#cookie-law-message .fleft { float: left; vertical-align: baseline;}
|
|
#cookie-law-message .fright { float: right; vertical-align: baseline;}
|
|
#cookie-law-message img.fleft { margin-right: 15px; }
|
|
#cookie-law-message img.fright { margin-left: 15px; }
|
|
#cookie-law-message .imTALeft { text-align: left; }
|
|
#cookie-law-message .imTARight { text-align: right; }
|
|
#cookie-law-message .imTACenter { text-align: center; }
|
|
#cookie-law-message .imTAJustify { text-align: justify; }
|
|
#cookie-law-message .imUl { text-decoration: underline; }
|
|
#cookie-law-message .imStrike { text-decoration: line-through; }
|
|
#cookie-law-message .imUlStrike { text-decoration: underline line-through; }
|
|
#cookie-law-message .imVt { vertical-align: top; }
|
|
#cookie-law-message .imVc { vertical-align: middle; }
|
|
#cookie-law-message .imVb { vertical-align: bottom; }
|
|
#cookie-law-message hr { border-width: 1px 0 0 0; border-style: solid; }
|
|
#media-query-to-js { position: absolute; display: none; }@media (min-width: 1150.0px) {
|
|
#media-query-to-js { width: 1150px; }
|
|
}
|
|
@media (max-width: 1149.9px) and (min-width: 720.0px) {
|
|
#media-query-to-js { width: 720px; }
|
|
}
|
|
@media (max-width: 719.9px) and (min-width: 480.0px) {
|
|
#media-query-to-js { width: 480px; }
|
|
}
|
|
@media (max-width: 479.9px) {
|
|
#media-query-to-js { width: 0px; }
|
|
}
|
|
@media all and (min-width:1px) { .media-test { position: absolute; } }
|
|
@supports (display: grid) { .media-test { text-align: justify; } }
|
|
.browser-comp-message { position: fixed; bottom: 0; left: 0; right: 0; z-index: 10600; }
|
|
.browser-comp-message.severity-error {top: 0; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGNiOAMAANUAz5n+TlUAAAAASUVORK5CYII='); }
|
|
.browser-comp-message div { padding: 20px; border: 2px solid #888; background-color: #000;}
|
|
.browser-comp-message.severity-error div { width: 90%; max-width: 500px; max-height: 120px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; padding: 50px 0; }
|
|
.browser-comp-message p { font-family: Tahoma, Sans-serif; font-size: 12pt; margin: 20px 0; text-align: center; color: #fff; }
|
|
.browser-comp-message.severity-warning p { text-align: left; display: inline; margin: 0 5px; }
|
|
.browser-comp-message a { font-family: Tahoma, Sans-serif; font-size: 12pt; font-weight: bold; color: #00d7f7; text-decoration: none; }
|
|
.x5captcha-wrap { text-align: center; box-sizing: border-box; width: 100%; padding-right: 10px; }
|
|
.x5captcha-wrap label { padding: 0; }
|
|
.x5captcha-wrap input { width: 120px; }
|
|
.captcha-container { display: block; margin: 3px auto 2px auto; width: 160px; height: 32px; border: 1px solid #BBBBBB; }
|
|
.imLoadAnim { width: 32px; height: 32px; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0;}
|
|
.imLoadAnim .imLoadCircle { width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
|
|
.imLoadAnim .imLoadCircle:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #333; border-radius: 100%; -webkit-animation: imLoadCircleFadeDelay 1.2s infinite ease-in-out both; animation: imLoadCircleFadeDelay 1.2s infinite ease-in-out both;}
|
|
.imLoadAnim .imLoadCircle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg);}
|
|
.imLoadAnim .imLoadCircle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg);}
|
|
.imLoadAnim .imLoadCircle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
|
|
.imLoadAnim .imLoadCircle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg);}
|
|
.imLoadAnim .imLoadCircle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg);}
|
|
.imLoadAnim .imLoadCircle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
|
|
.imLoadAnim .imLoadCircle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg);}
|
|
.imLoadAnim .imLoadCircle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg);}
|
|
.imLoadAnim .imLoadCircle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg);}
|
|
.imLoadAnim .imLoadCircle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); }
|
|
.imLoadAnim .imLoadCircle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); }
|
|
.imLoadAnim .imLoadCircle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
|
|
.imLoadAnim .imLoadCircle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; }
|
|
.imLoadAnim .imLoadCircle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
|
|
.imLoadAnim .imLoadCircle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
|
|
.imLoadAnim .imLoadCircle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }
|
|
.imLoadAnim .imLoadCircle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
|
|
.imLoadAnim .imLoadCircle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
|
|
.imLoadAnim .imLoadCircle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s;}
|
|
.imLoadAnim .imLoadCircle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s;}
|
|
.imLoadAnim .imLoadCircle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s;}
|
|
.imLoadAnim .imLoadCircle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s;}
|
|
@-webkit-keyframes imLoadCircleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; }}
|
|
@keyframes imLoadCircleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } }
|
|
.image-list-row-container, .image-list-row-item { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; background-size: cover; transform-origin: 0 0; animation-fill-mode: both; } .image-list-row-item.hidden { display: none; } .image-list-row-item.row-format-animation-none.out { display: none; } .image-list-row-item.row-format-animation-fade.in { animation-name: row-format-animation-fade-in; } .image-list-row-item.row-format-animation-fade.out { animation-name: row-format-animation-fade-out; } @keyframes row-format-animation-fade-in { 0% { opacity: 0; } } @keyframes row-format-animation-fade-out { 100% { opacity: 0; } } .image-list-row-item.row-format-animation-slideHorizontal.in { animation-name: row-format-animation-slideHorizontal-in; } .image-list-row-item.row-format-animation-slideHorizontal.out { animation-name: row-format-animation-slideHorizontal-out; } @keyframes row-format-animation-slideHorizontal-in { 0% { transform: translate3d(-100%, 0, 0); } } @keyframes row-format-animation-slideHorizontal-out { 100% { transform: translate3d(100%, 0, 0); } } .image-list-row-item.row-format-animation-slideVertictal.in { animation-name: row-format-animation-slideVertictal-in; } .image-list-row-item.row-format-animation-slideVertictal.out { animation-name: row-format-animation-slideVertictal-out; } @keyframes row-format-animation-slideVertictal-in { 0% { transform: translate3d(0, -100%, 0); } } @keyframes row-format-animation-slideVertictal-out { 100% { transform: translate3d(0, 100%, 0); } } .image-list-row-item.row-format-animation-rotateOnCorner.in { animation-name: row-format-animation-rotateOnCorner-in; } .image-list-row-item.row-format-animation-rotateOnCorner.out { animation-name: row-format-animation-rotateOnCorner-out; } @keyframes row-format-animation-rotateOnCorner-in { 0% { transform: rotatez(90deg); } } @keyframes row-format-animation-rotateOnCorner-out { 100% { transform: rotatez(-90deg); } } |