/*# sourceMappingURL=theme.css.map */
/* header */
header {
width: 100%;
grid-column: span 2;
}
#header>.container>#header-region>div {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 75px;
}
#header {
background: var(--background-color);
position: sticky;
top: -1px;
box-shadow: 0 4px 4px rgb(119 119 119 / 7%);
z-index: 3;
}
#main {
min-height: 65vh;
}
/* header user menu */
.header-user-menu .uk-dropdown {
background-color: #212531;
top: 50px !important;
border-radius: 10px;
min-width: 285px;
}
.header-user-menu .uk-dropdown:after {
content: '';
position: absolute;
display: block;
width: 0;
z-index: 1;
border-style: solid;
border-color: #181d2a transparent;
border-width: 0 10px 10px;
top: -5px;
left: 92%;
}
.header-user-menu .uk-dropdown-nav>li>a {
display: block;
color: #fff;
padding: 10px;
}
.header-user-menu .uk-dropdown-nav>li>a:hover {
background-color: #3b66f5;
}
.header-user-menu li.u-nightmode {
display: flex;
justify-content: space-between;
padding: 10px;
color: #fff;
}
.header-user-menu .uk-dropdown-nav>li.u-nightmode>a:hover {
background: #fff;
}
.header-user-menu a.udc {
display: flex;
align-items: center;
gap: 3px;
}
.pstatus {
padding: 15px;
color: #fff;
background-color: #181d2a;
border-radius: 10px 10px 0 0;
}
.pstatus .empty-image-placeholder {
width: 50px;
height: 50px;
margin-right: 10px;
font-size: 30px;
}
.empty-image-placeholder {
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
background-color: #7c7c7c;
color: #fff;
width: 32px;
height: 32px;
font-size: 20px;
text-transform: uppercase;
font-weight: bold;
}
.header-user-menu .uk-dropdown-nav .uk-nav-divider {
border-top: 1px solid #3f4145;
margin: auto;
}
#block-novebo-views-block-stones-block-1 {
margin-left: auto;
margin-right: 10px;
}
a.lore {
display: flex;
justify-content: center;
align-items: center;
gap: 3px;
background-color: #282a35;
color: #fff;
padding: 2px 10px;
margin-right: 5px;
border: 1px solid #282a35;
border-radius: 10px;
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
transition: 0.7s;
}
a.lore img{
filter: invert(1) brightness(2);
}
a.lore:hover {
background-color: #f5f6fc;
border-color: #e2e4ed;
color: #282a35;
}
a.lore:hover img {
filter: none;
}
.amenu .arl {
display: block;
width: 100%;
padding: 8px 12px;
color: #fff;
font-weight: bold;
}
.amenu .toggle {
background: #181d2a;
}
.amenu .toggle a {
display: block;
color: #fff;
padding: 10px;
}
.amenu .toggle a:hover {
background: #3b66f5;
}
.usm img {
width: 40px;
height: 40px;
}
/*user menu premium menu */
.header-user-menu li.premium {
width: max-content;
max-width: 290px;
padding: 15px;
border: 2px solid #FF8D29;
margin: 10px;
border-radius: 6px;
color: #fff;
}
.header-user-menu li.premium:after {
content: "";
background: url(/themes/custom/novebo/images/frames/par.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: bottom;
position: absolute;
top: 65px;
left: 175px;
width: 80px;
height: 80px;
filter: grayscale(1);
z-index: 2;
}
.header-user-menu .uk-dropdown-nav>li.premium>a {
background-color: #ff8d29;
text-align: center;
padding: 2px 10px;
width: fit-content;
margin-top: 10px;
border-radius: 5px;
color: #000;
}
.header-user-menu p.upm {
font-weight: bold;
margin: auto;
color: #fa8b29;
text-transform: uppercase;
}
.header-user-menu span.pmc{
color: #fff;
font-size: 12px;
}
.header-user-menu .ptl {
font-size: 12px;
margin-top: 5px;
}
.header-user-menu li.premium.pshine.pactivated {
border-color: #177b0e;
width: 100%;
}
.header-user-menu li.premium.pshine.pactivated:after {
filter: none;
}
.header-user-menu .pactivated p.upm {
color: #177b0e;
}
.header-user-menu .uk-dropdown-nav>li.premium.pactivated>a {
background-color: #177b0e;
}
/* Siderbar user menu */
.sidebar-user-menu {
background-color: #212531;
border-radius: 10px;
}
.sidebar-user-menu li>a {
display: block;
color: #fff;
padding: 10px;
}
.sidebar-user-menu li>a:hover{
background-color: #181d2a;
}
.sidebar-user-menu li.premium {
max-width: 265px;
}
.sidebar-user-menu li.premium a {
display: block;
background-color: #ff8d29;
text-align: center;
padding: 2px 10px;
width: fit-content;
margin-top: 10px;
border-radius: 5px;
color: #000;
font-size: 14px;
}
.sidebar-user-menu li.premium a:hover {
background-color: #ce670d;
color: #fff;
transition: 0.7s;
}
.sidebar-user-menu li.premium:after {
top: 60px;
margin-left: -10px;
}
.sidebar-user-menu li.premium.pshine.pactivated:after {
display: none;
}
/* Notification */
.notifications {
position: relative;
margin-right: 10px;
}
.notifications img {
max-width: none;
}
.notifications .uk-dropdown {
width: 460px;
top: 47px !important;
border-radius: 5px;
min-height: 420px;
}
.notifications .uk-dropdown .nheader {
padding: 10px;
border-bottom: 1px solid #f5f6f9;
}
.notifications span.ncount {
position: absolute;
left: 10px;
top: -5px;
pointer-events: none;
font-size: 10px;
color: #FFF;
background: #E90C38;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 20px;
height: 20px;
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
z-index: 1;
}
.onotify {
display: flex;
align-items: self-start;
gap: 10px;
margin-bottom: 15px;
}
.notify-type {
background: #f5f6f9;
padding: 10px;
border: 1px solid #f2f2f2;
border-radius: 54px;
}
.onotify a.nlink {
display: block;
background: #ededed;
padding: 4px 10px;
border-radius: 3px;
color: #1c2454;
font-weight: 600;
margin-top: 5px;
width: fit-content;
}
.onotify a.nlink:hover {
background: #e90c38;
color: #fff;
}
.notify-time {
font-size: 12px;
color: #80849f;
}
.notifications .uk-switcher {
max-height: 400px;
overflow: auto;
}
.notifications a.notification-all {
position: absolute;
display: block;
background: #f5f6f9;
border-radius: 0 0 5px 5px;
padding: 5px;
bottom: 0;
width: 100%;
width: -webkit-fill-available;
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
text-align: center;
box-shadow: 4px 1px 10px #dcdcdc61;
}
.gems {
margin-right: 5px;
}
.gems .uk-dropdown {
width: 285px;
top: 70px !important;
border-radius: 5px;
padding: 0;
}
.notify {
width: 10px;
height: 10px;
position: absolute;
background: #E90C38;
border-radius: 100%;
margin-left: 15px;
transform: scale(1);
animation: pulse-red 2s infinite;
}
@keyframes pulse-red {
0% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
}
70% {
transform: scale(1);
box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
}
100% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
}
}
.gems .check-in {
background: url(/themes/custom/novebo/images/source/block/stones/power-bg.svg);
background-size: cover;
border-bottom: 1px solid #f0f0f0;
border-top: 1px solid #f0f0f0;
padding: 10px;
color: #000;
}
.gems .check-in .uk-button {
display: block;
background-color: #fccd78;
color: #2c2b29;
border-radius: 10px;
font-size: 12px;
font-weight: bold;
width: fit-content;
transform: translate(30%, 0);
transition: 1.2s;
}
.gems .check-in .uk-button:hover {
background: #fd045a;
color: #fff;
}
.gems .uk-countdown-number {
display: flex;
justify-content: center;
background-color: #fff;
padding: 10px;
border: 1px solid #e9e7e7;
border-radius: 5px;
margin-bottom: 7px;
font-size: 14px;
text-shadow: 2px 1px #ffffff;
font-weight: bold;
box-shadow: 0 2px 3px rgba(0,0,0,.08);
}
.gems .uk-countdown-label {
font-size: 12px;
}
.uk-notification-message {
position: relative;
top: 120px;
background-color: #f5f6fc;
color: black;
font-size: 16px;
border-radius: 10px;
box-shadow: 0 14px 25px rgba(0,0,0,.16)
}
.cali {
background-color: #38556c;
color: #fff;
border-radius: 10px;
margin-top: 40px;
}
/* User notify read check */
.ncontainer {
display: flex;
gap: 10px;
margin-bottom: 10px;
}
.ntext {
background-color: #f5f6fc;
width: 100%;
padding: 10px;
border-radius: 5px;
}
.nuser img {
max-width: none;
}
/* içerik form */
#edit-body-wrapper {
background: #f6f7f8;
padding: 20px;
border-radius: 10px;
}
#edit-field-note-wrapper {
background: #fffacc;
padding: 20px;
border-radius: 10px;
}
/* Yorum*/
#edit-field-note-wrapper #edit-field-note-0-format {
display: none;
}
#edit-comment-body-0-format-guidelines {
display: none;
}
select#edit-comment-body-0-format--2 {
display: none;
}
#edit-comment-body-0-format-help {
display: none;
}
#edit-comment-body-0-format {
display: none;
}
#node-chapter-edit-form {
position: relative;
}
@media only screen and (max-width: 600px) {
#node-chapter-edit-form {
padding: 10px;
}
}
#modal-comment-rules a.uk-accordion-title {
background: #e9eaee;
padding: 10px;
border-radius: 5px;
color: #000;
}
#modal-comment-rules .uk-accordion-content {
margin: 0;
padding: 20px;
}
#modal-comment-rules .uk-accordion>:nth-child(n+2) {
margin: 10px 0 10px 0;
}
/* book comment*/
input#edit-submit {
display: block;
width: 100%;
border-radius: 10px;
background-color: #3b66f5;
}
.book-comment-form input#edit-submit {
display: block;
width: 100%;
border-radius: 10px;
background-color: #3b66f5;
}
a.book-reviews {
background-color: #3b66f5;
color: #fff;
border-radius: 10px;
}
a.book-reviews:hover {
background-color: #282a35;
color: #fff;
}
a.book-reviews:before {
content: "";
background: url(/themes/custom/novebo/images/icon/book/review.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: 1px;
padding: 14px;
margin-right: 10px;
margin-left: -15px;
}
.book-comment-form label.js-form-required.form-required, .forum-page label.js-form-required.form-required {
display: none;
}
.book-comment-form textarea::placeholder {
font-weight: normal;
font-size: 14px;
color: #b1b1b6;
}
button.uk-modal-close-default.uk-icon.uk-close {
background-color: transparent;
color: #000;
padding: 5px;
}
.uk-modal-dialog.uk-modal-body.uk-margin-auto-vertical {
border-radius: 10px;
border-top: 5px solid #3b66f5;
}
.section-book .ui-dialog fieldset, .section-book .ui-dialog label.js-form-required.form-required {
display: none;
}
.comment-container.parent-comment .avarage-star {
display: none;
}
/* chapter comment */
form.comment-chapter-comment-form label {
display: none;
}
/* book avarages */
.book-averages .star {
font-size: 30px;
}
.bast {
min-width: 50%;
}
.book-pa {
display: flex;
align-items: baseline;
}
/* blog comment */
.section-blog .ui-dialog {
width: 600px !important;
max-width: 100%;
}
/* kitap form */
.book-form-container {
display: flex;
flex-wrap: wrap;
gap: 40px;
align-items: center;
}
@media only screen and (max-width: 600px) {
.book-form-container {
justify-content: center;
}
}
.book-form-container .image-widget.js-form-managed-file.form-managed-file.clearfix {
display: flex;
flex-direction: column;
}
.book-form-container #edit-field-image-0--label {
display: none;
}
/* comment premium user*/
.comment-img, .forum-img {
position: relative;
flex: none;
}
.comment-img.premium:after, .forum-img.premium:after {
content: "";
background: url(/themes/custom/novebo/images/frames/premium-frame.gif);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: absolute;
width: 60px;
height: 60px;
left: -5px;
top: -5px;
}
.comment-msg.premium, .forum-msg.premium {
border: 2px solid #ff8d29;
}
.comment-msg.premium:after, .forum-msg.premium:after {
border-color: transparent #ff8d29 transparent transparent;
left: -18px;
}
span.picon {
background: url(/themes/custom/novebo/images/frames/premium.gif);
background-repeat: no-repeat;
background-size: cover;
width: 20px;
height: 20px;
}
span.insiders {
background: url(/themes/custom/novebo/images/frames/insiders.gif);
background-repeat: no-repeat;
background-size: cover;
width: 20px;
height: 20px;
}
/* user reviews */
.views-field.views-field-field-translation-quality, .views-field.views-field-field-story-progression, .views-field.views-field-field-character-design, .views-field.views-field-field-created-world {
display: flex;
align-items: baseline;
gap: 10px;
}
/* Book Widget */
#block-novebo-views-block-book-widget-block-1 {
background: #F5F6FC;
padding: 20px;
}
.book-status {
background-color: #3b66f5;
width: fit-content;
padding: 0 20px;
border-radius: 5px;
color: #fff;
font-size: 12px;
margin-bottom: 10px;
}
.book-header h1 {
font-size: 30px;
font-weight: bold;
color: #000;
}
@media only screen and (max-width: 600px) {
.book-header h1 {
font-size: 25px;
}
}
.book-img {
position: relative;
}
.book-img img {
max-width: none;
margin-right: 25px;
border-radius: 10px;
transition: 0.7s;
}
.book-img img:hover {
transform: scale(1.10);
}
.section-book #expand-collapse-0 {
margin-bottom: 35px;
}
.section-book a.uk-button {
background-color: #3b66f5;
border-radius: 10px;
color: #fff;
}
/*.book-img:before {
content: " ";
position: absolute;
top: 4px;
height: 392px;
z-index: -1;
width: 10px;
left: calc(24% + 17px);
background-color: #2d2c54;
}
.book-img:after {
content: " ";
position: absolute;
top: 2px;
z-index: -1;
width: 1%;
height: 396px;
left: 25%;
background-color: #efefef;
box-shadow: inset 0 0 5px #aaa;
transform: perspective(300px) rotateY(20deg);
-moz-transform: perspective(300px) rotateY(20deg);
-webkit-transform: perspective(300px) rotateY(20deg);
-ms-transform: perspective(300px) rotateY(20deg);
-o-transform: perspective(300px) rotateY(20deg);
}
*/
.book-component {
display: flex;
flex-direction: column;
}
.book-footer {
display: contents;
}
ul.book-tabs a {
font-size: 20px;
font-weight: bold;
}
a.book-read {
display: block;
background-color: #3b66f5;
width: 250px;
border-radius: 10px;
padding: 10px;
color: #fff;
text-transform: uppercase;
text-align: center;
}
a.book-read:before {
background-image: url(/themes/custom/novebo/images/icon/book/read-book.svg);
background-size: contain;
background-repeat: no-repeat;
position: relative;
content: "";
background-position: left;
padding: 10px;
margin-right: 10px;
}
.book-links {
display: flex;
flex-wrap: wrap;
gap: 40px;
}
@media only screen and (max-width: 600px) {
.book-links {
align-items: center;
flex-direction: column-reverse;
gap: 10px;
margin-top: 15px;
}
}
.btad {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.tags ul {
display: flex;
gap: 15px;
flex-wrap: wrap;
}
.tags li a {
background: #eb15511f;
padding: 2px 20px;
border-radius: 15px;
color: #eb1551;
}
.tags li a:after {
content: "\2661";
margin-left: 9px;
font-weight: bold;
}
/* bölüm açma uyarısı */
.loading-icon {
display: flex;
justify-content: center;
position: relative;
top: 72px;
z-index: 1;
}
/* book chapter */
.book-chapters {
display: flex;
flex-wrap: wrap;
}
.book-chapters .views-row {
flex: 1;
min-width: 50%;
margin-bottom: 10px;
}
@media only screen and (max-width: 600px) {
.book-chapters .views-row {
min-width: 100%;
}
}
.book-chapters .views-exposed-form {
display: flex;
align-items: center;
gap: 15px;
width: 100%;
margin-bottom: 1.5rem;
padding: 15px 20px;
border: 1px solid #f4f4f4;
border-radius: 10px;
box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
background: url(/themes/custom/novebo/images/source/block/banner/accio.svg);
background-color: #f5f6fc;
background-size: auto;
background-repeat: no-repeat;
background-position: right -5px;
}
#views-exposed-form-book-chapters-block-1 label {
display: none;
}
.book-chapters .views-exposed-form [type='text'] {
background-color: #fff;
margin: 0;
}
.book-chapters .views-exposed-form [type='submit'] {
background-color: #3b66f5;
text-transform: uppercase;
border-radius: 4px;
margin: 0 0 -13px 0;
}
.chapters {
display: flex;
gap: 10px;
align-items: baseline;
max-width: 600px;
}
.book-chapters .cc {
display: flex;
justify-content: center;
background-color: #3b66f5;
padding: 5px 10px;
border-radius: 30px;
color: #fff;
font-weight: bold;
font-size: 12px;
width: 27px;
height: 27px;
}
.book-chapters .purchasable, .book-recently-container .purchasable {
background: url(/themes/custom/novebo/images/icon/book/lock.svg);
width: 20px;
height: 20px;
background-size: contain;
margin-left: auto;
margin-right: 20px;
}
.tuh {
font-size: 17px;
font-weight: bold;
margin: 0;
color: #757575;
}
.cbc {
font-size: 17px;
font-weight: bold;
color: #000;
}
.cbc span {
font-size: 12px;
font-weight: normal;
color: #757575;
margin-left: 10px;
}
.book-chapters .views-infinite-scroll-content-wrapper.clearfix {
display: contents;
}
/* chapter menu */
.chapter-menu {
display: flex;
gap: 10px;
align-items: center;
margin-bottom: 15px;
}
/* bölüm sayfası */
body.section-chapter #main {
background: #f6f6f6;
}
body.section-chapter #content-area {
background-color: #fff;
padding: 30px;
max-width: 825px;
width: 100%;
margin: auto;
box-shadow: 0 5px 15px rgba(0,0,0,.08);
}
@media only screen and (max-width: 600px) {
body.section-chapter #content-area {
padding: 10px;
}
}
.chapter__note {
background-color: #f6f7f8;
padding: 20px;
border: 3px dashed #b4b4b4;
border-radius: 10px;
}
.chapter__note:before {
content: "";
padding: 3em;
background: transparent url('data:image/svg+xml,') no-repeat;
border: none;
position: relative;
top: -20px;
}
p.cnts {
color: #757986;
}
/* bölüm ekleme formu*/
.page-node-add-chapter #edit-field-related-wrapper {
background: url(/themes/custom/novebo/images/shape/shape-wave.svg), #06041d;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 380px;
padding: 25px 10px;
border-radius: 10px;
}
.page-node-add-chapter #edit-field-related-wrapper label {
color: #fff;
}
.chapter-tits {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.autocomplete-deluxe-item .chapter-menu {
margin: auto;
}
.autocomplete-deluxe-item{
box-shadow: 0 0 4px #50b359 inset, 0 0px 5px rgb(154 255 1 / 37%);
width: 95%;
}
div.autocomplete-deluxe-multiple{
border-radius: 10px;
border: none;
}
.page-node-add-chapter label[for="edit-body-0-value"] {
display: none;
}
/* chapter next prev */
#block-novebo-prevnextchapterblock .contextual .trigger, #block-novebo-prevnextchapterblock--2 .contextual .trigger {
display: none;
}
#block-novebo-prevnextchapterblock, #block-novebo-prevnextchapterblock--2 {
display: flex;
gap: 15px;
}
a.prevnext-chapter-link.next-chapter {
display: inline-block;
background: url(/themes/custom/novebo/images/icon/chapter/right-arrow.png);
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
text-indent: -9999px;
}
a.prevnext-chapter-link.prev-chapter {
display: inline-block;
background: url(/themes/custom/novebo/images/icon/chapter/left-arrow.png);
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
text-indent: -9999px;
}
/* chapter navbar */
.chapter-navbar {
position: fixed;
bottom: 0;
width: 100%;
background-color: var(--background-color);
padding: 15px;
box-shadow: 0 -5px 8px rgb(119 119 119 / 7%);
z-index: 4;
}
.chapter-navbar-container {
max-width: 825px;
width: 100%;
margin: auto;
}
li.home {
margin-right: auto;
margin-left: 10px;
}
/* enpanse */
a.ec-toggle-link.ecf-open, a.ec-toggle-link.ecf-close {
display: block;
background-color: #e7e7e7;
width: fit-content;
padding: 1px 20px;
margin: auto;
margin-top: 15px;
color: #333;
border-radius: 10px;
font-size: 14px;
}
a.ec-toggle-link.ecf-open:after {
background-image: url(/themes/custom/novebo/images/source/icon/down-arrow.png);
background-size: contain;
background-repeat: no-repeat;
position: relative;
content: "";
background-position: left;
padding: 5px;
margin-left: 10px;
}
a.ec-toggle-link.ecf-close:after {
background-image: url(/themes/custom/novebo/images/source/icon/up-arrow.png);
background-size: contain;
background-repeat: no-repeat;
position: relative;
content: "";
background-position: left;
padding: 5px;
margin-left: 10px;
}
/* chapter pay wall*/
.limited-chapter:after {
position: relative;
display: block;
content: "";
width: 100%;
padding: 18px;
background: linear-gradient(0deg, rgb(255 255 255 / 79%) 46%, rgba(255,255,255,0.0984768907563025) 78%);
z-index: 1;
margin-top: -41px;
}
.chapter-paywall {
display: flex;
flex-direction: column;
background: white;
width: 400px;
max-width: 100%;
margin: auto;
align-items: center;
border: 1px solid #f6f6f6;
border-radius: 10px;
box-shadow: 0 0 0 0.5px #0000001a, 0 0 40px #00000029;
}
img.cpi {
position: relative;
bottom: 30px;
}
.stones-amount {
display: flex;
align-items: center;
gap: 10px;
margin: 15px;
}
.stones-amount img {
margin-right: 5px;
}
/* chapter music */
.music-widget {
background: url(/themes/custome/novebo/images/frames/insider-background.png), linear-gradient(180deg, #5404c5, #000);
background-repeat: no-repeat;
background-size: cover;
color: #fff;
margin: 0px 0 10px 0;
}
.music button {
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
background-color: #ffd34e;
border-radius: 10px;
border-color: transparent;
color: #000;
width: 100%;
font-weight: bold;
}
.music button:hover {
background-color: #fff;
}
.music-widget p {
font-size: 14px;
}
.music .uk-offcanvas-close {
background-color: #fff;
color: #000;
width: auto;
}
.music .uk-offcanvas-close:hover {
background-color: #e5bd46;
color: #000;
}
.music button.close {
width: auto;
background-color: transparent;
color: #fff;
top: -10px;
padding: 10px;
}
/* Yorumlar comments */
.comments #edit-comment-body-0-format {
display: none;
}
.comments .average-number {
font-size: 40px;
color: #666;
}
form#comment-form textarea {
font-weight: bold;
color: #363333;
}
.indented.replies-added {
max-width: 1110px;
margin-left: 60px;
}
.show-replies {
display: flex;
position: relative;
top: -66px;
left: 115px;
width: max-content;
font-size: 15px;
cursor: pointer;
color: #8e8787;
}
.show-replies:before {
display: inline-flex;
position: relative;
content: "";
background: url(/themes/custom/novebo/images/icon/comment/comment.svg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 10px;
margin-right: 2px;
width: 23px;
}
a.reply.use-ajax {
display: flex;
margin-left: auto;
font-size: 12px;
}
a.reply.use-ajax:before {
background: url(/themes/custom/novebo/images/icon/comment/reply.svg);
content: "";
position: relative;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
padding: 7px;
margin-right: 3px;
}
.comment-container {
display: flex;
gap: 20px;
margin-bottom: 20px;
font-size: 16px;
}
.author-wrapper {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
}
.comment-img img {
width: 50px;
height: 50px;
max-width: none;
}
.comment-img .empty-image-placeholder {
width: 50px;
height: 50px;
border: 1px solid #f5f5f5;
}
.comment-author-infos {
position: relative;
}
.comment-msg{
display: table-cell;
background: #f5f5f5;
padding: 20px;
border-radius: 10px;
width: 1100px;
}
.comment-msg:after {
content: '';
position: absolute;
display: block;
width: 0;
z-index: 1;
border-style: solid;
border-width: 0 20px 20px 0;
border-color: transparent #f5f5f5 transparent transparent;
left: -15px;
top: 45px;
}
.comment-msg .star.half-filled:before {
top: -3px;
}
.comment-links {
display: flex;
gap: 5px;
align-items: center;
justify-content: space-between;
margin-top: 15px;
}
.comment-links ul.links {
display: flex;
gap: 10px;
}
.comment-links ul.links a {
font-size: 10px;
color: #a8a7a7;
}
a.ec-toggle-link.cecf-open, a.ec-toggle-link.cecf-close {
background-color: white;
padding: 5px 12px;
border-radius: 10px;
font-size: 12px;
}
/* Forum sayfası */
.forums {
position: relative;
}
.forums li {
background-color: #f5f6fc;
padding: 10px;
margin-bottom: 10px;
border-radius: 10px;
list-style: none;
}
.forums li:hover {
background-color: #e4e4e4;
}
.forums span.fcs {
font-size: 13px;
color: #777;
}
.frmc li {
padding: 0;
}
.frmc li a {
display: block;
background-color: #3b66f5;
padding: 0 10px;
border-radius: 10px !important;
color: #fff;
font-size: 12px;
}
.forums .freply {
margin-top: 5px;
}
.forums .empty-image-placeholder, .forum-img .empty-image-placeholder {
width: 50px;
height: 50px;
}
.forum-add {
background-color: #3b66f5;
padding: 10px;
text-align: center;
border-radius: 10px;
margin: 35px 0 20px 0;
}
@media only screen and (max-width: 600px) {
.forum-add {
position: fixed;
bottom: 45px;
width: -webkit-fill-available;
padding: 5px;
left: 20px;
right: 20px;
}
}
.forum-add a {
color: #fff;
display: block;
}
.section-community .sfm a {
display: block;
}
.section-community .forum__forums{
display: flex;
}
.section-community h1 {
font-size: 20px;
font-weight: bold;
}
.user-inf {
gap: 5px;
margin: 15px 0 5px 0;
}
.section-community h1 {
font-size: 20px;
font-weight: bold;
}
.section-community .uk-card-default {
color: #000;
}
.section-community .comment-author-infos {
width: 100%;
}
.section-communityli.menu-item.menu-item--expanded span {
font-weight: bold;
}
.section-community .comment-container {
gap: 10px;
align-items: flex-start;
margin: 0;
padding: 15px 10px 10px 10px;
margin-top: 10px;
}
.section-community .comment-msg {
background-color: transparent;
padding: 10px 0 0 0;
}
.section-community .premium .comment-container {
background-color: #f8f8f8;
border-radius: 10px;
border: 2px solid #ff8d29;
}
.section-community .ui-widget.ui-widget-content {
width: 900px !important;
max-width: 100%;
margin: auto;
}
.section-community .comment-msg:after {
display: none;
}
.section-community .forum__body {
border-bottom: 1px solid #eaebf1;
margin-bottom: 15px;
}
.section-community .forum__forums a {
background-color: #3b66f5;
padding: 2px 10px;
font-size: 12px;
color: #fff;
margin-left: 5px;
border-radius: 10px;
}
.section-community #announcement {
background-color: #ffe6b9;
border-radius: 10px;
margin: 15px 0 15px 0;
}
.section-community li.menu-item a:hover {
color: #3b66f5;
}
.section-community .uk-alert {
background-color: #ffffdd;
color: #000000;
border-radius: 10px;
}
.section-community .uk-alert b {
display: block;
margin-bottom: 15px;
font-size: 18px;
}
.section-community .pager__item{
position: relative;
display: block;
}
.section-community .js-pager__items.pager a {
display: inline-block;
background-color: #3b66f5;
width: 100%;
padding: 10px;
border-radius: 10px;
margin-bottom: 20px;
text-align: center;
color: #fff;
}
.section-community .uk-divider-icon {
position: relative;
height: 20px;
background: url(https://novebo.com/themes/custom/novebo/mobil-logo.svg);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 20px;
}
.section-community .pinned, .views-row .pinned {
position: absolute;
left: 40px;
top: -10px;
background: url(https://cdn-icons-png.flaticon.com/512/5439/5439363.png);
background-size: contain;
background-repeat: no-repeat;
background-color: #ffffff;
background-size: 15px;
background-position: center;
border: 1px solid #e2e4ed;
border-radius: 50%;
width: 25px;
height: 25px;
z-index: 1;
}
.section-community .alert-message.messages--status.uk-alert {
color: #fff;
}
.section-community .show-replies {
top: -35px;
left: 100px;
}
.section-book .forums .views-row {
background-color: #eff0f7;
padding: 10px;
margin-bottom: 10px;
border-radius: 5px;
}
.nofrm {
background-color: #f5f6fc;
padding: 30px;
border-radius: 5px;
}
/*forum page */
.ftitle h1 {
display: flex;
gap: 5px;
}
/*forum ekleme */
.forum-flex {
display: flex;
gap: 15px;
flex-wrap: wrap;
}
.page-node-add-forum .category {
background: url(/themes/custom/novebo/images/shape/shape-wave.svg), #032224;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 380px;
padding: 25px 10px;
border-radius: 10px;
}
@media only screen and (max-width: 600px) {
.page-node-add-forum .category {
width: 100%;
}
}
.page-node-add-forum .category label {
color: #fff;
}
/* menu */
.menu ul {
display: none;
padding-left: 20px;
}
.menu-item--expanded > span {
display: flex;
cursor: pointer;
position: relative;
padding-left: 20px;
}
.menu-item--expanded > span::before {
content: "+";
position: absolute;
left: 0;
top: 0;
}
.menu-item--expanded.open > span::before {
content: "-";
}
.menu-item--expanded.open > ul {
display: block;
}
/* Flags */
.flag-library a, a.flag-library, .flag-open-chapter a, a.flag-open-chapter {
display: block;
background-color: #3b66f5;
max-width: 250px;
min-width: 250px;
border-radius: 10px;
padding: 10px;
color: #fff;
text-transform: uppercase;
text-align: center;
}
.flag-remind img {
transition: 0.4s;
}
.flag-remind img:hover {
background: url(https://novebo.com/themes/custom/novebo/images/icon/chapter/remind-pinned.svg);
background-size: cover;
padding: 13px;
transition: 0.4s;
}
.flag-remind {
margin-right: 15px;
}
.flag-like a span, .flag-unlike a span {
color: #a6a6a6;
font-size: 14px;
margin-left: 4px;
}
/* opened chapter */
.read-chp .views-row > div {
background-color: #f5f6fc;
padding: 10px;
margin-top: 5px;
border-radius: 4px;
}
.read-chp li > a {
position: absolute;
right: 34px;
top: 34px;
display: flex;
width: 100%;
justify-content: end;
}
.read-chp li {
position: relative;
}
/* Login & Register */
.logins a.create-account-link, .logins .request-password-link {
display: none;
}
.logins label {
text-transform: uppercase;
font-size: 12px;
}
.logins [type='submit'] {
width: 100%;
background-color: #545454;
border-radius: 10px;
padding: 15px;
text-transform: uppercase;
}
.logins .register-legal {
display: block;
font-size: 10px;
color: #999;
}
.page-user-password p {
font-size: 12px;
color: #999;
}
.logins .form-media-content {
text-shadow: 2px 2px #000;
}
.form-media-footer ul {
display: flex;
gap: 15px;
flex-wrap: wrap;
width: 50%;
}
.fullname-wrapper {
display: flex;
gap: 15px;
}
.social-login {
display: flex;
justify-content: center;
gap: 10px;
}
.social-login a {
display: block;
border: 2px solid #eff1f8;
padding: 10px;
border-radius: 7px;
min-width: 150px;
max-width: 100%;
font-weight: bold;
color: #545454;
}
/* login & register btn */
.select-login-register-area {
display: flex;
height: 50px;
background: #eff1f8;
border-radius: 6px;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.select-login-register-area .button-area {
display: flex;
height: -webkit-fill-available;
align-items: center;
justify-content: flex-start;
width: 100%;
margin: 0 2px 0 2px;
}
.select-login-register-area .button-area .login-button {
display: flex;
align-items: center;
justify-content: center;
width: inherit;
border-radius: 5px;
}
.select-login-register-area .button-area .login-button.selected {
background: #fff;
color: #656f94;
font-weight: bold;
width: inherit;
height: 46px !important;
border-radius: 5px;
text-align: center;
}
/* user reset form */
#user-pass-reset em {
color: #030303;
font-weight: bold;
}
/* Error pages */
.error-page {
width: 1200px;
max-width: 100%;
margin: auto;
}
/* book card */
.book-card {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
@media only screen and (max-width: 600px) {
.book-card {
justify-content: space-evenly;
}
}
.book-card .views-row {
flex:1;
max-width: 190px;
min-width: 190px;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0,0,0,.08);
}
@media only screen and (max-width: 410px) {
.book-card .views-row {
min-width: 150px;
}
}
.books img {
border-radius: 10px 10px 0 0;
}
.book-title {
padding: 5px 10px;
}
.book-title a {
color: #000;
}
.book-genre {
padding: 0px 10px;
}
.adult-only {
background-color: #ffe766;
color: #000;
padding: 3px;
border-radius: 0 4px 4px 0;
font-size: 12px;
}
.books span.average {
position: absolute;
right: 0;
background-color: #fff;
color: #000000;
border: 2px solid #e2e4ed;
border-radius: 50%;
margin: -15px 5px 0 0;
padding: 5px;
font-weight: bold;
font-size: 12px;
}
/* book ycard */
.book-ycard {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.book-ycard .views-row {
flex: 1;
min-width: 400px;
}
@media only screen and (max-width: 600px) {
.book-ycard .views-row{
min-width: 100%;
}
}
.book-ycard #views-exposed-form-all-books-page-1 {
display: flex;
align-items: center;
gap: 15px;
width: 100%;
margin-bottom: 1.5rem;
padding: 15px 20px;
border: 1px solid #f4f4f4;
border-radius: 10px;
box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
background: url(/themes/custom/novebo/images/source/block/banner/banner.svg);
background-size: auto;
background-repeat: no-repeat;
background-position: right 15px;
}
.book-ycard nav.pager {
display: flex;
justify-content: center;
width: 100%;
padding: 30px;
}
.page-all-books h1 {
display: none;
}
.book-ycard [type='submit'] {
position: relative;
top: 20px;
padding: 15px 30px;
background-color: #1e87f0;
border-radius: 10px;
}
.book-ycard .brvw .star.half-filled:before {
top: -3px;
}
/* slider book card */
#block-novebo-views-block-slider-book-block-1 .books, #block-novebo-views-block-slider-book-block-1--2 .books {
width: 190px;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
}
/* discover */
#block-discover {
position: relative;
margin-right: 25px;
}
@media only screen and (max-width: 600px) {
#block-discover{
margin-right: auto;
}
}
#block-discover .uk-dropdown {
top: 45px !important;
border-radius: 5px;
}
.smart-menu {
background-color: #e0e1e6;
width: 100%;
margin-top: auto !important;
padding: 15px;
}
.smart-menu:before {
position: absolute;
content: "";
background: url(/themes/custom/novebo/images/maskot/magi.svg);
background-size: contain;
background-repeat: no-repeat;
padding: 140px;
top: 170px;
right: -30px;
filter: drop-shadow(2px 4px 6px #7b7b7b);
}
@media only screen and (max-width: 600px) {
.smart-menu:before {
padding: 130px;
top: 170px;
right: -45px;
}
}
.smart-menu span.uk-label {
background-color: #89417d;
font-size: 10px;
}
#block-discover .uk-dropdown-nav>li>a {
color: #000;
}
#block-discover .uk-dropdown-nav>li>a:hover {
color: #F44336;
}
.shop a {
color: #fff !important;
}
/* search */
#block-search {
width: 100%;
max-width: 550px;
margin-right: auto;
}
@media only screen and (max-width: 970px) {
#block-search{
display: none;
}
}
form#views-exposed-form-search-page-1 {
display: flex;
}
#block-search [type='submit'], .msw [type='submit'] {
background-color: #e90c38;
border-radius: 5px;
min-height: 45px;
padding: 0 15px;
margin: 0 0 0 -50px;
font-size: 14px;
border: 1px solid #e90c38;
display: none;
}
#block-search [type='text'], .msw [type='text'] {
background: url(/themes/custom/novebo/images/icon/search/loupe.svg);
background-size: 20px;
background-repeat: no-repeat;
background-position: center left 10px;
height: 45px;
padding: 5px 5px 5px 40px;
border-radius: 20px;
border: 1px solid #E2E4ED;
margin: auto;
}
#block-search input[type='text'], .msw input[type='text'] {
background-color: #F5F6FC;
}
#block-search input[type='text']:hover::placeholder {
color: #18a7e8;
}
#block-search input[type='text']::placeholder {
font-weight: normal;
font-size: 13px;
}
#block-search .form-item {
width: 100%;
}
#block-search #edit-actions{
margin: auto;
}
form#views-exposed-form-search-page-1 .ui-widget.ui-widget-content {
max-width: none;
border-radius: 0 0 10px 10px;
border-top: none;
border-color: transparent;
background-color: #f5f6fc;
}
.mobil-search-widget .uk-icon {
width: 25px;
height: 25px;
margin-right: 10px;
}
.msw .uk-close {
background-color: transparent;
color: black;
width: 60px;
}
.msw #edit-actions {
display: none;
}
.mobil-search-widget {
margin-left: auto;
}
/* Paragraf */
/* slider*/
/*#block-novebo-slider {
position: relative;
}
#block-novebo-slider:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(rgb(197 177 177 / 5%), rgb(0 0 0 / 70%)), url(/themes/custom/novebo/images/source/wallpaper/1.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
filter: brightness(0.7);
}*/
img.uk-position-cover.slider-m {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(rgb(197 177 177 / 5%), rgb(0 0 0 / 70%));
background-repeat: no-repeat;
background-size: cover;
background-position: center;
filter: brightness(0.7);
}
.slider-info {
background-color: #0000004f;
padding: 10px;
border-radius: 10px;
}
@media only screen and (max-width: 600px) {
.slider-info {
background-color: transparent;
border-radius: 0;
}
}
.slider-title {
font-size: 2em;
color: #fff;
text-shadow: 1px 1px #334456;
font-weight: bold;
}
@media only screen and (max-width: 600px) {
.slider-title {
font-size: 1.2em;
}
}
.slider-dec {
color: #fff;
text-shadow: 1px 1px #334456;
font-size: 1.2em;
}
@media only screen and (max-width: 600px) {
.slider-dec {
font-size: 1em;
}
}
#block-novebo-slider .slider-container {
min-height: 700px;
display: flex;
justify-content: center;
align-items: center;
}
@media only screen and (max-width: 600px) {
#block-novebo-slider .slider-container {
min-height: 300px;
}
}
.uk-dotnav>.uk-active>* {
border-radius: 8px;
transition: 0.7s;
}
#block-novebo-slider .uk-light .uk-dotnav>*>* {
width: 20px;
border: 1px solid #ffffff;
border-radius: 3px;
}
/* lucky book */
#block-novebo-luckybooks, #block-novebo-luckybooks--1, #block-novebo-luckybooks--2 {
position: sticky;
background-size: 200%;
background-image: linear-gradient(270deg, #fdf5e3, #f9ebd4, #f6e0c1, #f1d1b0, #ebc5a3, #d8a9d7, #d09dcf, #c396c4, #a885b8, #9b7cb1);
width: 100vw;
margin-left: calc(-50vw + 50%);
padding: 50px;
animation: move 9s ease infinite;
}
@media only screen and (max-width: 960px) {
#block-novebo-luckybooks {
padding: 20px;
}
}
@keyframes move {
0% {
background-position: 0 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0 50%;
}
}
#block-novebo-luckybooks .uk-countdown-number {
font-size: 24px;
font-weight: bold;
}
#block-novebo-luckybooks .uk-countdown-label {
font-size: 12px;
color: #746161;
}
#block-novebo-luckybooks .uk-countdown-separator {
font-size: 14px;
}
#block-novebo-luckybooks .novebo-wizard {
height: 380px;
}
/* faq */
.faq a.uk-accordion-title {
background: #F5F6FC;
border-radius: 5px;
margin-top: 10px;
padding: 15px 30px;
font-size: 16px;
}
.faq .uk-accordion-content {
color: #777;
border: 1px solid #f5f6f9;
border-top: none;
padding: 25px;
margin-top: 0;
border-radius: 0 0 5px 5px;
}
.help-center-search-widget {
background: url(/themes/custom/novebo/images/source/block/sss/chd.jpg);
background-size: cover;
background-repeat: no-repeat;
min-height: 350px !important;
color: #fff;
}
.help-center-search-widget [type='text'] {
background: url(/themes/custom/novebo/images/icon/search/loupe.svg);
background-size: 20px;
background-repeat: no-repeat;
background-position: center left 10px;
height: 55px;
padding: 5px 5px 5px 40px;
border-radius: 20px;
border: 1px solid #E2E4ED;
margin: auto;
background-color: #fff;
max-width: 600px;
}
.help-center-search-widget [type='submit'] {
display: none;
}
.help-center-search-widget input::placeholder {
font-weight: normal;
}
.help-center-search-widget h1 {
color: #fff;
text-shadow: 3px 1px black;
text-transform: uppercase;
}
/* recently son güncellenenler */
.recently {
padding: 15px;
border-radius: 10px;
font-size: 15px;
box-shadow: 0 14px 25px rgba(0,0,0,.16);
}
@media only screen and (max-width: 600px) {
.recently {
padding: 10px;
}
}
.book-recently-container {
display: flex;
gap: 10px;
align-items: center;
}
.chapter-t {
display: flex;
gap: 5px;
align-items: center;
}
.rcc {
display: flex;
justify-content: center;
align-items: center;
background-color: #3b66f5;
padding: 7px;
border-radius: 29px;
width: 32px;
height: 32px;
color: #fff;
font-size: 12px;
}
.recently .views-field.views-field-nothing {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
border-bottom: 1px solid #f2f1f1;
padding: 10px;
}
.recently .views-field.views-field-nothing:hover {
background: linear-gradient(96deg, rgb(248 244 244) 46%, rgba(215,215,222,0.0984768907563025) 78%);
border-radius: 5px;
}
.recently span.field-content {
display: contents;
}
.recently nav.pager {
display: flex;
justify-content: center;
margin-top: 15px;
}
.last-update {
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
text-transform: uppercase;
}
/* scroll top */
#back2Top {
position: fixed;
background-color: rgb(255,255,255);
padding: 3px 15px;
border: 1px solid rgba(0,0,0,0.08);
border-radius: 20px;
box-shadow: rgb(0 0 0 / 16%) 0px 4px 8px 0px;
bottom: 100px;
right: 50px;
line-height: 30px;
overflow: hidden;
z-index: 1;
cursor: pointer;
}
@media only screen and (max-width: 767px) {
#back2Top {
bottom: 85%; /* Alt kenarın ortasına hizala */
right: 50%; /* Sağ kenarın ortasına hizala */
transform: translate(50%, 50%); /* Tam ortaya getir */
}
}
#back2Top .uk-icon {
background-color: #7b7b7b;
border-radius: 100%;
color: #fff;
}
#back2Top {
display: none;
}
/* hidden Gizli */
/* Animasyonlar */
/* shine */
.shine {
position: relative;
overflow: hidden;
}
.shine::before {
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
content: "";
display: block;
height: 100%;
left: -90%;
position: absolute;
top: 0;
transform: skewX(-25deg);
width: 50%;
z-index: 2;
}
.shine:hover::before, .shine:focus::before {
animation: shine 0.3s;
}
@keyframes shine {
100% {
left: 125%;
}
}
.tshine {
position: relative;
overflow: hidden;
}
.tshine::before {
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(59 102 245 / 24%) 100%);
content: "";
display: block;
height: 100%;
left: -75%;
position: absolute;
top: 0;
transform: skewX(-25deg);
width: 20%;
z-index: 2;
}
.tshine:hover::before, .tshine:focus::before {
animation: shine 0.85s;
}
@keyframes shine {
100% {
left: 125%;
}
}
.pshine {
position: relative;
overflow: hidden;
}
.pshine.pactivated::before {
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(23 123 14 / 58%) 100%);
}
.pshine::before {
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255 141 41 / 55%) 100%);
content: "";
display: block;
height: 100%;
left: -75%;
position: absolute;
top: 0;
transform: skewX(-25deg);
width: 20%;
z-index: 2;
}
.pshine:hover::before, .tshine:focus::before {
animation: shine 0.9s;
}
@keyframes shine {
100% {
left: 125%;
}
}
@property --angle {
syntax: "";
initial-value: 0deg;
inherits: false;
}
.moving-border {
position: relative;
}
.moving-border::before,
.moving-border::after {
content: "";
position: absolute;
inset: -0.2rem;
z-index: -1;
background: linear-gradient(var(--angle),
#032146, #C3F2FF, #b00);
animation: rotate 10s linear infinite;
border-radius: 10px;
}
.moving-border::after {
filter: blur(10px);
}
@keyframes rotate {
0% { --angle: 0deg; }
100% { --angle: 360deg;
}
}
/* snow */
.snowflake {
color: #fff;
font-size: 1em;
font-family: Arial;
text-shadow: 0 0 1px #000;
}
@-webkit-keyframes snowflakes-fall{
0%{
top:-10%
}
100%{
top:100%
}
}
@-webkit-keyframes snowflakes-shake{
0%{
-webkit-transform:translateX(0px);
transform:translateX(0px)
}
50%{
-webkit-transform:translateX(80px);
transform:translateX(80px)
}
100%{
-webkit-transform:translateX(0px);
transform:translateX(0px)
}
}
@keyframes snowflakes-fall{
0%{
top:-10%
}
100%{
top:100%
}
}
@keyframes snowflakes-shake{
0%{
transform:translateX(0px)
}
50%{
transform:translateX(80px)
}
100%{
transform:translateX(0px)
}
}
.snowflake{
position:fixed;
top:-10%;
z-index:9999;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
cursor:default;
-webkit-animation-name:snowflakes-fall,snowflakes-shake;
-webkit-animation-duration:10s,3s;
-webkit-animation-timing-function:linear,ease-in-out;
-webkit-animation-iteration-count:infinite,infinite;
-webkit-animation-play-state:running,running;
animation-name:snowflakes-fall,snowflakes-shake;
animation-duration:10s,3s;
animation-timing-function:linear,ease-in-out;
animation-iteration-count:infinite,infinite;
animation-play-state:running,running
}
.snowflake:nth-of-type(0){
left:1%;
-webkit-animation-delay:0s,0s;
animation-delay:0s,0s
}
.snowflake:nth-of-type(1){
left:10%;
-webkit-animation-delay:1s,1s;
animation-delay:1s,1s
}
.snowflake:nth-of-type(2){
left:20%;
-webkit-animation-delay:6s,.5s;
animation-delay:6s,.5s
}
.snowflake:nth-of-type(3){
left:30%;
-webkit-animation-delay:4s,2s;
animation-delay:4s,2s
}
.snowflake:nth-of-type(4){
left:40%;
-webkit-animation-delay:2s,2s;
animation-delay:2s,2s
}
.snowflake:nth-of-type(5){
left:50%;
-webkit-animation-delay:8s,3s;
animation-delay:8s,3s
}
.snowflake:nth-of-type(6){
left:60%;
-webkit-animation-delay:6s,2s;
animation-delay:6s,2s
}
.snowflake:nth-of-type(7){
left:70%;
-webkit-animation-delay:2.5s,1s;
animation-delay:2.5s,1s
}
.snowflake:nth-of-type(8){
left:80%;
-webkit-animation-delay:1s,0s;
animation-delay:1s,0s
}
.snowflake:nth-of-type(9){
left:90%;
-webkit-animation-delay:3s,1.5s;
animation-delay:3s,1.5s
}
/* loading progress */
.uk-progress.progress-green::-webkit-progress-value {
background-color: #278644;
}
.uk-progress.progress-green::-moz-progress-bar {
background-color: #278644;
}
.uk-progress.progress-green::-ms-fill {
background-color: #278644;
}
.progress-green {
animation: fillValue 0.7s linear;
}
@keyframes fillValue {
from {
width: 0%;
}
to {
width: 100%;
}
}
.progress-green.uk-progress {
margin-top: 10px !important;
}
/* conic */
.conic {
position: relative;
width: 300px;
height: 300px;
flex-shrink: 0;
border-radius: 10px;
border-radius: 50%;
background: #000;
margin: 50px;
}
.conic::before, .conic::after {
content: '';
position: absolute;
left: -6px;
top: -6px;
width: calc(100% + 12px);
height: calc(100% + 12px);
background: #333;
border-radius: 50%;
background-repeat: no-repeat;
background-position: 0 0;
background-image: conic-gradient(transparent, #ff3c41, #ff8a25, #ffe04f, #4fff88, #56ffef, #37b4ff, #c05aff, transparent 20%, transparent 100%);
animation: rotate 4s linear infinite;
z-index: -1;
}
.conic::after {
background: none;
background-image: conic-gradient(transparent, #ff3c41, #ff8a25, #ffe04f, #4fff88, #56ffef, #37b4ff, #c05aff, transparent 20%, transparent 100%);
filter: blur(10px);
}
.all::before, .all::after {
content: '';
position: absolute;
left: -6px;
top: -6px;
width: calc(100% + 12px);
height: calc(100% + 12px);
background: #333;
border-radius: 50%;
background-repeat: no-repeat;
background-position: 0 0;
background-image: conic-gradient(#ff3c41, #ff8a25, #ffe04f, #4fff88, #56ffef, #37b4ff, #c05aff, #ff3c41, #ff8a25, #ffe04f, #4fff88, #56ffef, #37b4ff, #c05aff, #ff3c41, #ff8a25, #ffe04f, #4fff88, #56ffef, #37b4ff, #c05aff);
animation: rotate 4s linear infinite;
z-index: -1;
}
.all::after {
background: none;
background-image: conic-gradient(#ff3c41, #ff8a25, #ffe04f, #4fff88, #56ffef, #37b4ff, #c05aff, #ff3c41, #ff8a25, #ffe04f, #4fff88, #56ffef, #37b4ff, #c05aff, #ff3c41, #ff8a25, #ffe04f, #4fff88, #56ffef, #37b4ff, #c05aff);
filter: blur(10px);
}
@keyframes rotate {
100% {
transform: rotate(-1turn);
}
}
.rect {
position: relative;
flex-shrink: 0;
overflow: unset;
}
.rect::before, .rect::after {
content: '';
position: absolute;
left: -6px;
top: -6px;
border-radius: 15px;
width: calc(100% + 12px);
height: calc(100% + 12px);
background: #333;
background-image: linear-gradient(45deg, #ff3c41, #ff8a25, #ffe04f, #4fff88, #56ffef, #37b4ff, #c05aff, #ff3c41, #ff8a25, #ffe04f, #4fff88, #56ffef, #37b4ff, #c05aff);
background-size: 500%;
animation: position 20s linear infinite alternate;
z-index: -1;
}
.rect::after {
filter: blur(10px);
}
@keyframes position {
0% {
background-position: 0 0;
}
50% {
background-position: 400% 0;
}
100% {
background-position: 0 0;
}
}
.books.rect {
background-color: #fff;
border-radius: 10px;
}
/*luqid */
.train-color {
margin: 100px auto;
width: 350px;
height: 50px;
border-radius: 50px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
overflow: hidden;
}
.train-color::before {
content: attr(content);
position: absolute;
width: 345px;
height: 45px;
z-index: 1;
background-color: #eee;
border-radius: 50px;
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
}
.train-color::after {
content: "";
width: 400px;
height: 400px;
position: absolute;
border-radius: 50px;
background: conic-gradient(
#3a7cec 0%12.5%,
#2ca24c 12.5%25%,
#f1b500 25%37.5%,
#e33e2b 37.5%50%,
#3a7cec 50%62.5%,
#2ca24c 62.5%75%,
#f1b500 75%87.5%,
#e33e2b 87.5%100%
);
animation: border-animation 5s linear infinite;
-webkit-animation: border-animation 5s linear infinite;
}
@keyframes border-animation {
to {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
}
}
.lucky {
position: relative;
flex-shrink: 0;
overflow: unset;
border-radius: 15px; /* Kartın kenarlarını yuvarlamak için */
}
.lucky::before {
content: '';
position: absolute;
left: -6px;
top: -6px;
border-radius: 15px;
width: calc(100% + 12px);
height: calc(100% + 12px);
background: #333;
background-image: linear-gradient(45deg, #ffcc00, #ffd700, #ffec8b, #fffacd, #ffe4b5, #ffcc00, #ffd700, #ffec8b);
background-size: 500%;
animation: position 20s linear infinite alternate;
z-index: -1;
}
.lucky::after {
content: '';
position: absolute;
top: 20%;
left: 95%;
width: 45px;
height: 45px;
background: url(/themes/custom/novebo/images/icon/book/promote/clover.svg);
background-repeat: no-repeat;
background-size: contain;
animation: cloverPulse 5s infinite ease-in-out; /* Yeni animasyon adı değiştirildi */
transform: translate(-50%, -50%);
z-index: 2;
}
@keyframes cloverPulse {
0%, 15% { transform: translate(-50%, -50%) scale(1); opacity: 1; } /* Normal boyut ve tam görünür */
25% { transform: translate(-50%, -50%) scale(1.3); opacity: 0.8; } /* Hafif büyüme ve yarı görünür */
40% { transform: translate(-50%, -50%) scale(1); opacity: 1; } /* Normal boyut ve tam görünür */
60% { transform: translate(-50%, -50%) scale(1.3); opacity: 0.8; } /* Hafif büyüme ve yarı görünür */
75% { transform: translate(-50%, -50%) scale(1); opacity: 1; } /* Normal boyut ve tam görünür */
100% { transform: translate(-50%, -50%) scale(1); opacity: 0; } /* Normal boyut ve görünmez */
}
@keyframes position {
0% {
background-position: 0 0;
}
50% {
background-position: 400% 0;
}
100% {
background-position: 0 0;
}
}
.books.lucky {
background-color: #fff;
border-radius: 10px;
}
.lucky-book {
display: flex;
align-items: center;
gap: 3px;
background-color: #f1edcc;
padding: 5px;
margin-top: 20px;
border-radius: 10px;
}
/* bunları biliyor musunuz*/
.bbm {
background: #F2F3F4;
padding: 20px 0 0;
margin: auto;
margin: 15px;
margin-bottom: 15px;
border-radius: 10px;
box-shadow: 0 14px 25px rgba(0,0,0,.16);
}
/* footer */
.footer-widget {
background:url(/themes/custom/novebo/images/source/block/footer/space.gif);
background-size: contain;
color: #fff;
}
@media only screen and (max-width: 600px) {
.footer-widget {
background-size: contain;
}
}
.footer-widget a:hover {
color: #a6a6c0;
}
.footer-widget a {
color: #fff;
}
.footer-widget a.uk-icon-button {
color: #282a35 !important;
}
/* footer mobil bottom menu*/
.bottom-menu {
position: fixed;
width: 100%;
max-width: 100%;
bottom: 0;
background-color: #fff;
border: 1px solid #f9f9f9;
box-shadow: 0 0 15px rgb(119 119 119 / 7%);
padding: 10px 0;
z-index: 1;
}
@media (min-width: 800px) {
.bottom-menu {
display: none;
}
}
.bottom-menu li.bottom-cart-menu .cart--cart-block {
width: auto;
min-height: auto;
border: none;
margin: auto;
}
.bottom-menu li.bottom-cart-menu .cart-block--summary__count {
position: absolute;
left: 10px !important;
top: -10px;
pointer-events: none;
font-size: 10px;
color: #FFF;
background: #E90C38;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 20px;
height: 20px;
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
}
.bottom-menu li.bottom-cart-menu .cart-txt {
display: none;
}
.bottom-menu .uk-icon-image {
width: 25px;
height: 25px;
}
.bottom-menu-ofc {
text-align: center;
}
.bottom-menu li {
position: relative;
font-size: 11px;
color: #3d3f56;
}
.bottom-menu li span {
display: flex;
margin: auto;
}
/* bottom offcanvas menu */
.cmenu.uk-offcanvas-bar {
background-color: #181d2a;
}
.cmenu ul.apps li {
display: flex;
align-items: center;
gap: 10px;
}
.bottom-offcanvas-menu li {
font-size: 16px;
}
.cmenu ul.news li span, .cmenu ul.noe li span {
display: inline;
margin-left: 5px;
}
.cmenu ul.apps li img {
filter: invert(1) brightness(2);
}
.cmenu span.tty {
background-color: #e5b500;
color: #000;
padding: 3px 5px;
border-radius: 7px;
font-size: x-small;
font-weight: bold;
text-transform: uppercase;
}
/* modal diyalog */
.ui-dialog .ui-dialog-titlebar {
position: relative;
box-sizing: border-box;
padding: 10px;
color: #fff;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background: #3b66f5;
line-height: calc(1rem * 2);
}
.ui-dialog > .ui-dialog-buttonpane {
color: #232429;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
margin: 0 !important;
padding: 0 !important;
border: 1px solid #f3f3f3;
}
.ui-dialog .ui-dialog-content {
position: static;
}
.ui-widget-overlay.ui-front {
background: black;
opacity: 0.5;
}
.section-chapter .ui-widget.ui-widget-content{
width: 700px !important;
max-width: 100% !important;
border: none !important;
padding: 0;
}
.ui-dialog > .ui-dialog-content {
overflow: auto;
padding: 20px;
color: #232429;
background: #fff;
}
.ui-dialog-buttonpane .ui-dialog-buttonset {
margin: 0 10px;
}
.ui-dialog .ui-icon.ui-icon-closethick {
width: 100%;
height: 100%;
margin: 0;
transform: translate(-50%, -50%);
background: url(data:image/svg+xml,%3csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11 1.318l-10 10M11 11.318l-10-10' stroke='%23D3D4D9' stroke-width='1.5'/%3e%3c/svg%3e) no-repeat 50%;
}
.ui-dialog .js-filter-wrapper {
display: none !important;
}
.ui-widget.ui-widget-content{
max-width: fit-content;
}
/* horizontal-tabs */
.horizontal-tabs {
margin: 0 0 1em 0;
padding: 0;
border: 1px solid #f0f3f3;
position: relative;
border-radius: 10px;
}
.horizontal-tabs-panes .horizontal-tabs-pane {
padding: 30px;
border: 0;
background-color: #f5f6fc;
box-shadow: unset;
margin-top: -10px;
}
@media only screen and (max-width: 600px) {
.horizontal-tabs-panes .horizontal-tabs-pane {
padding: 10px;
}
}
.horizontal-tabs .horizontal-tabs-list {
display: inline-block;
margin: 0;
border: 0;
border-radius: 10px 10px 0 0;
padding: 0;
list-style: none;
background-color: #f5f6fc;
border-bottom: none;
width: 100%;
height: auto;
clear: both;
}
.horizontal-tabs .horizontal-tab-button {
background: transparent;
border-right: none;
padding-top: 0;
margin: 0;
min-width: 5em;
float: left;
}
.horizontal-tab-button.selected {
background-color: #fff;
border-bottom: none;
margin-bottom: -1px;
}
.autocomplete-deluxe-container {
position: relative;
display: contents;
padding: 0;
border: none;
background: none;
}
.ui-autocomplete .ui-menu-item a:hover {
text-decoration: none;
color: #000;
background: #f6f7f8;
}
div.autocomplete-deluxe-container input.autocomplete-deluxe-form-single {
width: 100%;
border: 2px solid #e2e3e3;
background: none;
padding: 15px;
}
#edit-body-0-format-help {
display: none;
}
#edit-body-0-format-guidelines {
display: none;
}
/* rating */
label.option[for="edit-field-translation-quality-none"], label.option[for="edit-field-character-design-none"], label.option[for="edit-field-story-progression-none"], label.option[for="edit-field-created-world-none"] {
display: none !important;
}
.js-form-item-field-translation-quality, .js-form-item-field-character-design, .js-form-item-field-story-progression, .js-form-item-field-created-world {
display: inline-flex;
}
#edit-field-translation-quality label, #edit-field-character-design label, #edit-field-story-progression label, #edit-field-created-world label {
display: inline-block;
margin-right: 10px;
font-size: 0;
color: #ccc;
cursor: pointer;
line-height: 1;
}
#edit-field-translation-quality input, #edit-field-character-design input, #edit-field-story-progression input, #edit-field-created-world input {
display: none;
}
#edit-field-translation-quality {
float: left;
}
#edit-field-translation-quality input:checked ~ label, #edit-field-character-design input:checked ~ label, #edit-field-story-progression input:checked ~ label, #edit-field-created-world input:checked ~ label {
color: #FFC000 !important;
}
#edit-field-translation-quality label:before, #edit-field-character-design label:before, #edit-field-story-progression label:before, #edit-field-created-world label:before {
content: "\272D";
font-size: 28px;
transition: .2s;
}
#edit-field-translation-quality label:hover, #edit-field-character-design label:hover, #edit-field-story-progression label:hover, #edit-field-created-world label:hover {
color: #FFC000 !important;
transition: .2s;
}
#edit-field-translation-quality label:hover ~ label, #edit-field-character-design label:hover ~ label, #edit-field-story-progression label:hover ~ label, #edit-field-created-world label:hover ~ label {
color: #FFC000 !important;
}
.review-rating span:before {
font-size: 20px;
content: "\272D";
color: #ddd;
}
.review-rating span.filled:before {
color: #FFC000;
font-weight: bold;
}
.review-rating span.half:before {
content: "\272D";
position: absolute;
}
.star {
position: relative;
color: #ddd;
}
.star.filled {
color: #ff8d29;
}
.star.half-filled:before {
content: '\2605';
position: absolute;
top: -5px;
left: 0;
width: 50%;
color: #ff8d29;
overflow: hidden;
}
.star.empty {
color: #ddd;
}
/* user profile widget */
.cover-container {
position: relative;
height: 400px;
overflow: hidden;
}
@media only screen and (max-width: 600px) {
.cover-container{
height: 300px;
}
}
.cover-image {
width: 100%;
height: 100%;
object-fit: cover;
}
.profile-container {
position: relative;
top: -50px;
padding: 20px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 600px) {
.profile-container {
top: -100px;
}
}
.profile-image {
width: 120px;
height: 120px;
border-radius: 50%;
}
.pp {
display: flex;
position: absolute;
transform: translate(-50%, -80%);
left: 50%;
width: 150px;
height: 150px;
border: 4px solid #fff;
border-radius: 100%;
z-index: 1;
}
@media only screen and (max-width: 600px) {
.pp {
transform: translate(-50%, -140%);
}
}
span.empty-image-placeholder.pp {
font-size: 5em;
}
.profile-name {
display: flex;
align-items: center;
gap: 10px;
font-size: 24px;
}
.man {
background: url(/themes/custom/novebo/images/icon/user/profile/gender/man.svg);
background-size: cover;
width: 30px;
height: 30px;
}
.women {
background: url(/themes/custom/novebo/images/icon/user/profile/gender/women.svg);
background-size: cover;
width: 30px;
height: 30px;
}
.profile-bio {
max-width: 500px;
max-height: 45px;
color: #666;
margin-top: 5px;
overflow: auto;
}
.pwl {
display: flex;
justify-content: center;
gap: 50px;
flex-wrap: wrap;
}
@media only screen and (max-width: 600px) {
.pwl {
justify-content: space-between;
gap: 0;
margin-top: 5px;
}
}
.nav-link {
color: #333;
}
.roles {
display: flex;
position: absolute;
transform: translate(-50%, -15%);
left: 50%;
background: #2196F3;
padding: 3px 20px;
border-radius: 10px;
color: #fff;
}
@media only screen and (max-width: 600px) {
.roles {
left: 85%;
transform: translate(-50%, -180px);
}
}
.header-user-menu .user-level-loading {
padding: 10px 15px;
color: #fff;
}
.header-user-menu .user-level-loading .uk-progress {
margin-bottom: 0;
}
.flexy {
display: flex;
justify-content: center;
}
@media only screen and (max-width: 960px) {
.flexy {
flex-wrap: wrap;
}
}
/* user profile activity */
.user_profile_activitys {
position: relative;
margin-top: -25px;
width: 1200px;
max-width: 100%;
}
@media only screen and (max-width: 600px) {
.user_profile_activitys {
margin-top: -80px;
}
.user_profile_activitys .uk-subnav {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
animation: slideIn 0.5s ease-out; /* Kayan animasyon */
}
.user_profile_activitys .uk-subnav::-webkit-scrollbar {
display: none;
}
.user_profile_activitys .uk-subnav > li {
flex: 0 0 auto;
}
.user_profile_activitys .uk-subnav::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 30px;
height: 30px;
background: rgb(255 255 255 / 70%);
pointer-events: none;
}
.user_profile_activitys .uk-subnav > li:first-child {
margin-left: 10px;
}
.user_profile_activitys .uk-subnav > li:last-child {
margin-right: 10px;
}
}
@keyframes slideIn {
from {
transform: translateX(-40px);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
.user_profile_activitys .uk-subnav-pill > .uk-active > a {
display: flex;
justify-content: center;
background-color: #2c3034;
color: #fff;
border-radius: 10px;
padding: 10px;
min-width: 100px;
}
/* user form */
#user-form {
max-width: 60%;
margin: auto;
}
@media only screen and (max-width: 600px) {
#user-form{
max-width: 100%;
}
}
#user-form label {
font-size: 16px;
font-weight: unset;
margin-bottom: 0.375em;
color: #000;
}
#user-form .horizontal-tabs-panes .horizontal-tabs-pane {
padding: 60px 30px 30px 30px;
}
#user-form .horizontal-tabs.clearfix {
margin-top: 30px;
}
#user-form .horizontal-tabs .horizontal-tabs-list {
background: transparent;
}
#user-form .horizontal-tab-button.selected {
border-bottom: 2px solid #3b66f5;
}
#user-form #edit-user-picture-wrapper .image-widget.js-form-managed-file.form-managed-file.clearfix {
display: flex;
flex-direction: column;
align-items: center;
min-width: 240px;
}
@media only screen and (max-width: 600px) {
#user-form #edit-user-picture-wrapper .image-widget.js-form-managed-file.form-managed-file.clearfix {
min-width: 100px;
margin-right: 15px;
}
}
#user-form label#edit-user-picture-0--label {
display: none;
}
#user-form .image-widget.js-form-managed-file.form-managed-file.clearfix img {
border-radius: 50%;
}
#user-form input#edit-user-picture-0-remove-button {
text-indent: -9999px;
background: url(/themes/custom/novebo/images/icon/user/form/delete.svg);
background-size: 22px;
background-repeat: no-repeat;
background-position: center;
}
#user-form .tt {
display: flex;
flex-direction: column;
justify-content: center;
}
#user-form input#edit-submit {
position: relative;
}
@media only screen and (max-width: 600px) {
#user-form input#edit-submit {
position: fixed;
width: 100%;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
border-radius: 0;
}
}
#user-form [data-drupal-selector="edit-field-profile-cover-image-0-preview"] {
border-radius: 10px !important;
}
#user-form summary {
background-color: #f5f6fc;
color: #555;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 20px;
}
/* Webform */
/* contact */
#webform-submission-contact-form-ajax {
background: #f9f9f9;
padding: 20px;
}
#webform-submission-contact-form-ajax label {
font-size: 15px;
}
#webform-submission-contact-form-ajax input#edit-actions-submit {
background-color: #545454;
border-radius: 10px;
}
#webform-submission-contact-form-ajax .support-help-footer{
display: flex;
gap: 20px;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-top: 25px;
}
/* Survey */
.section-anket .layout-container {
background-color: #f5f6fc;
}
#webform-submission-survey-form-ajax {
background-color: #fff;
padding: 50px;
border: 1px solid #dde1e8;
border-radius: 10px;
margin-top: 30px;
margin-bottom: 30px;
}
@media only screen and (max-width: 600px) {
#webform-submission-survey-form-ajax {
padding: 10px;
}
}
#webform-submission-survey-form-ajax span.fieldset-legend, #webform-submission-survey-form-ajax [data-webform-key="step_seven"] label {
display: block;
font-size: 25px;
font-weight: bold;
color: #000;
margin-bottom: 15px;
}
#webform-submission-survey-form-ajax label {
font-size: 18px;
font-weight: normal;
color: #242a39;
}
#webform-submission-survey-form-ajax .webform-element-description {
font-size: 14px;
color: #354151;
margin-left: 55px;
}
#webform-submission-survey-form-ajax .js-form-wrapper {
font-size: 17px;
color: #000;
}
#webform-submission-survey-form-ajax [type='submit'] {
display: block;
background-color: #282a35;
padding: 20px;
border-radius: 10px;
max-width: 500px;
width: 100%;
text-transform: uppercase;
margin: auto;
}
#webform-submission-survey-form-ajax [type='submit']:hover {
background-color: #d84806;
}
#webform-submission-survey-form-ajax [type='submit']:hover label {
color: #fff;
}
#webform-submission-survey-form-ajax [data-webform-key="step_one"], #webform-submission-survey-form-ajax [data-webform-key="step_two"], #webform-submission-survey-form-ajax [data-webform-key="step_three"], #webform-submission-survey-form-ajax [data-webform-key="step_four"], #webform-submission-survey-form-ajax [data-webform-key="step_five"], #webform-submission-survey-form-ajax [data-webform-key="step_six"], #webform-submission-survey-form-ajax [data-webform-key="step_seven"] {
max-width: 500px;
margin: auto;
margin-bottom: 30px;
width: 100%;
}
#webform-submission-survey-form-ajax textarea {
margin-top: 15px;
}
#webform-submission-survey-form-ajax .form-item-stars label {
display: block;
margin-bottom: 15px;
}
#webform-submission-survey-form-ajax .form-type-checkbox {
background-color: #eeeef2;
margin-bottom: 10px;
padding: 10px;
border-radius: 10px;
}
#webform-submission-survey-form-ajax .form-type-checkbox:hover {
background-color: #d8d8e0;
}
/* rating */
#webform-submission-survey-form-ajax label.option[for^="edit-rating-5"] {
border: none;
text-indent: -9999px;
background-image: url(/themes/custom/novebo/images/source/form/webform/5.png);
background-size: 55px;
width: 55px;
height: 55px;
border-radius: 0;
}
#webform-submission-survey-form-ajax label.option[for^="edit-rating-4"] {
border: none;
text-indent: -9999px;
background-image: url(/themes/custom/novebo/images/source/form/webform/4.png);
background-size: 55px;
width: 55px;
height: 55px;
border-radius: 0;
}
#webform-submission-survey-form-ajax label.option[for^="edit-rating-3"] {
border: none;
text-indent: -9999px;
background-image: url(/themes/custom/novebo/images/source/form/webform/3.png);
background-size: 55px;
width: 55px;
height: 55px;
border-radius: 0;
}
#webform-submission-survey-form-ajax label.option[for^="edit-rating-2"] {
border: none;
text-indent: -9999px;
background-image: url(/themes/custom/novebo/images/source/form/webform/2.png);
background-size: 55px;
width: 55px;
height: 55px;
border-radius: 0;
}
#webform-submission-survey-form-ajax label.option[for^="edit-rating-1"] {
border: none;
text-indent: -9999px;
background-image: url(/themes/custom/novebo/images/source/form/webform/1.png);
background-size: 55px;
width: 55px;
height: 55px;
border-radius: 0;
}
#webform-submission-survey-form-ajax label.option[for^="edit-rating"] {
filter: grayscale(1);
}
#webform-submission-survey-form-ajax label.option[for^="edit-rating"]:hover {
filter: none;
}
#webform-submission-survey-form-ajax input[id^="edit-rating"]:checked + label {
filter: none !important;
}
#webform-submission-survey-form-ajax .webform-options-display-buttons-label.option {
display: block;
margin-bottom: 10px;
border-radius: 10px;
}
#webform-submission-survey-form-ajax .webform-options-display-buttons input:checked + label.webform-options-display-buttons-label:before {
display: block;
content: "";
background: url(/themes/custom/novebo/images/source/form/webform/check.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
float: left;
width: 25px;
height: 25px;
}
/* confidance radios */
#webform-submission-survey-form-ajax label.option[for^="edit-convenience-ok-kolay"] {
background: #4CAF50;
border: none;
font-size: 16px;
font-weight: normal;
color: #fff;
}
#webform-submission-survey-form-ajax label.option[for^="edit-convenience-kolay"] {
background: #8BC34A;
border: none;
font-size: 16px;
font-weight: normal;
color: #fff;
}
#webform-submission-survey-form-ajax label.option[for^="edit-convenience-ntr"] {
background: #e4e113;
border: none;
font-size: 16px;
font-weight: normal;
color: #fff;
}
#webform-submission-survey-form-ajax label.option[for^="edit-convenience-zor"] {
background: #ea6c0e;
border: none;
font-size: 16px;
font-weight: normal;
color: #fff;
}
#webform-submission-survey-form-ajax label.option[for^="edit-convenience-ok-zor"] {
background: #c34a4a;
border: none;
font-size: 16px;
font-weight: normal;
color: #fff;
}
/* HIDDEN */
#block-novebo-discordinvite, .block-novebo-discordinvite--2 {
display: none;
}
/* Popups */
.spb-popup-main-wrapper {
border: none;
padding: 0;
border-radius: 10px;
}
.spb_close {
border: none;
background-color: transparent;
color: #7b7b7b;
font-size: 24px;
}
.spb-popup-main-wrapper.spb_center {
box-shadow: 0 0 10px rgb(113, 119, 122);
}
.block-novebo-discordinvite-modal-close.spb_close {
color: #fff;
}
#block-novebo-exit-surveys {
display: none;
}
#block-novebo-happybirthday {
display: none;
}
/* bölüm ayarları */
.chapter-reading-settings {
max-width: 320px;
padding: 20px;
box-sizing: content-box;
text-align: center;
}
.control-label {
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
}
.color-buttons {
display: flex;
justify-content: center;
gap: 10px;
margin-top: 5px;
margin-bottom: 10px;
}
.color-button {
width: auto;
height: 30px;
border-radius: 50%;
cursor: pointer;
border: 2px solid #333;
transition: border 0.3s ease;
}
.color-button:hover {
border: 2px solid #888;
}
.slider-container {
margin-top: 5px;
display: flex;
align-items: center;
justify-content: center;
}
.slider-container .uk-button {
display: flex;
justify-content: center;
background: #F5F5F5;
border-radius: 100%;
width: 32px;
height: 32px;
font-weight: bold;
color: #616161;
font-size: 25px;
}
#font-size-slider {
width: 150px;
margin: 0 10px;
}
#current-font-size {
font-size: .875rem;
margin-top: 5px;
color: #999;
}
#font-family-buttons {
display: flex;
justify-content: center;
gap: 10px;
flex-wrap: wrap;
margin-top: 20px;
}
#font-family-buttons .uk-button {
background: #F5F5F5;
color: #616161;
border-radius: 18px;
min-width: 130px;
}
#reset-button {
margin-top: 20px;
}
#reset-button button.uk-button.uk-button-default {
display: block;
width: 100%;
border-radius: 10px;
background-color: #3b66f5;
color: #fff;
font-weight: bold;
}
/*.selected {
background: #3F51B5;
border: 2px solid #3f51b5;
color: #fff;
}*/
/* colors */
/*sepia */
.section-chapter.sepia #header {
background: #fff6df;
}
.section-chapter.sepia #block-search input[type='text'] {
background-color: #fff9eb;
border-color: #fff6df;
}
.sepia.section-chapter #main {
background: #FFF9EB;
}
.sepia.section-chapter #content-area {
background-color: #FFF6DF;
color: #645a39;
}
.section-chapter.sepia .limited-chapter:after {
background: linear-gradient(359deg,rgb(255 246 223) 46%,rgb(255 246 223 / 65%) 78%);
}
.section-chapter.sepia .chapter-paywall {
background-color: #efdda2;
border-color: #edd27a;
}
.section-chapter.sepia .bue-toolbar {
background: #fff6df !important;
}
.section-chapter.sepia textarea {
background: #fff9eb;
}
.section-chapter.sepia input#edit-submit {
background: #f5e2b2;
color: #332f2e;
}
.section-chapter.sepia .chapter-navbar {
background-color: #fff6df;
}
.section-chapter.sepia #back2Top {
background-color: #fff5d5;
}
.section-chapter.sepia .chapter-reading-settings {
background-color: #fff9eb;
}
.section-chapter.sepia .slider-container .uk-button {
background-color: #efdda2;
}
.section-chapter.sepia #font-family-buttons .uk-button {
background-color: #fff5d5;
border-color: #f1d98f;
}
.section-chapter.sepia #reset-button button.uk-button.uk-button-default {
background-color: #fff5d5;
color: #666a71;
border-color: #f1d98f;
}
.section-chapter.sepia .comment-msg {
background-color: #f5e2b2;
}
.section-chapter.sepia .comment-msg:after {
border-color: transparent #f5e2b2 transparent transparent;
}
/*dark*/
.dark #header {
background-color: #282a35;
box-shadow: none;
}
.dark #block-search input[type='text'] {
background-color: #24262f;
border-color: #373a45;
}
.dark.section-chapter #main, .dark .chapter__note, .dark #alert-message {
background: #282a35;
}
.dark.section-chapter #content-area {
background-color: #24262f;
color: #fff;
}
.dark .limited-chapter:after {
background: linear-gradient(0deg,rgb(36 38 47) 46%,rgb(36 38 47 / 91%) 78%);
}
.dark .chapter-paywall {
background-color: #24262f;
border-color: #1f2126;
}
.dark .chapter-paywall p.uk-text-lead {
color: #fff;
}
.dark .bue-toolbar {
background: #161820 !important;
}
.dark .bue {
border-color: #24262f !important;
}
.dark textarea {
background-color: #282a35;
color: #fff;
}
.dark form#comment-form textarea {
color: #fff;
}
.dark a, .dark b, .dark em, .dark blockquote, .dark .uk-text-lead {
color: #fff;
}
.dark .uk-tab>.uk-active>a {
color: #fff;
border-color: #342b6f;
}
.dark a.notification-all {
background-color: #282a35;
box-shadow: none;
border-top: 1px solid #1d1f29;
}
.dark .uk-drop.uk-dropdown.uk-open {
background-color: #24262f;
color: #fff;
}
.dark .uk-button {
background: #282a35;
border-color: #343742;
color: #fff;
}
.dark #font-family-buttons .uk-button {
background-color: #282a35;
color: #fff;
}
.dark .chapter-navbar {
background-color: #282a35;
color: #fff;
}
.dark.section-chapter #back2Top {
background-color: #282a35;
color: #fff;
}
.dark .comment-msg {
background: #282a35;
color: #fff;
}
.dark .comment-msg::after {
border-color: transparent #282a35 transparent transparent;
}
.dark .chapter__note:before {
filter: invert(1);
}
/* Dark Mode */
.btn-night-mode {
text-decoration: none;
display: block;
width: 50px;
height: 25px;
background-color: #ddd;
border-radius: 15px;
cursor: pointer;
position: relative;
overflow: hidden;
transition: background-color 0.5s ease;
}
.dark-mode .btn-night-mode {
background-color: #363d65;
}
.btn-night-mode-switch {
background: url(https://cdn-icons-png.flaticon.com/512/10760/10760430.png);
background-size: cover;
width: 25px;
height: 25px;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
transition: transform 0.4s ease;
}
.dark-mode .btn-night-mode-switch {
background: url(https://cdn-icons-png.flaticon.com/512/581/581601.png);
background-size: cover;
transform: translateX(100%);
transition: 0.4s;
}
/* changelog */
.uk-timeline .uk-timeline-item {
display: flex;
position: relative;
}
.uk-timeline .uk-timeline-item::before {
background: #25204C;
content: "";
height: 100%;
left: 4px;
position: absolute;
top: 20px;
width: 2px;
z-index: -1;
}
.uk-timeline .uk-timeline-item .uk-timeline-icon .uk-badge {
background-color: #25204C;
margin-top: 20px;
min-width: 10px;
width: 10px;
height: 10px;
}
.uk-timeline-content .feature {
display: flex;
align-items: baseline;
gap: 10px;
}
.uk-timeline-content .tag {
min-width: 118px;
height: max-content;
padding: 0 20px;
border-radius: 8px;
font-size: 14px;
font-weight: bold;
text-align: center;
}
@media only screen and (max-width: 600px) {
.uk-timeline-content .tag {
text-indent: -9999px;
max-height: 10px !important;
min-width: 0;
padding: 8px;
position: relative;
top: 10px;
}
}
.uk-timeline-content .tag.new {
background: #a2da93;
color: #0b3016;
}
.uk-timeline-content .tag.fix {
background: #ffadad;
color: #3f1414;
}
.uk-timeline-content .tag.change {
background-color: #8291e1;
color: #19095a;
}
.uk-timeline-content .tag.del {
background-color: #706b6b;
color: #fff;
}
.uk-timeline .uk-timeline-item .v-title {
color: #25204C;
}
.uk-timeline .uk-timeline-item .uk-timeline-content {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 0 0 30px 30px;
}
a.mbt {
background-color: #59387e;
padding: 15px;
border-radius: 8px;
color: #fff;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
}
.z-1 {
z-index: 1;
}
/* Blog */
.article__body {
padding: 0;
}
@media only screen and (max-width: 600px) {
.article__body {
padding: 15px;
}
}
.article__image img {
border-radius: 10px;
margin-bottom: 15px;
}
@media only screen and (max-width: 600px) {
.article__image img {
border-radius: 0;
}
}
.section-blog #content-wrapper {
padding: 0;
}
@media only screen and (max-width: 600px) {
.section-blog #content-wrapper {
padding: 0 20px;
}
}
.section-blog h1 {
padding: 0;
}
@media only screen and (max-width: 600px) {
.section-blog h1 {
font-size: 2em;
padding: 0 10px;
}
}
#blog-content .article__body a {
color: #0f37ab;
}
.bgb {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.9)));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.9) 100%);
border-radius: 8px;
}
.blog-card .views-row {
margin-bottom: 10px;
}
.blog-card .views-row img, .main-blog-card img {
border-radius: 8px;
}
.main-blog-card {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.main-blog-card .views-row {
flex: 1;
min-width: 220px;
}
.main-blog-card .header-widget, .book-card .header-widget, .book-ycard .header-widget, .forums .header-widget {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 20px;
}
.main-blog-card .header-title h2, .book-card .header-title h2, .book-ycard .header-title h2, .forums .header-title h2 {
font-size: 18px;
margin: 0;
text-transform: uppercase;
}
/* ps page */
.premium-plans {
background-color: #f9f2ff;
}
.stone-plans {
background-color: #f5f6fc;
}
.stone-plans {
background-color: #f5f6fc;
}
.insider-plans, .key-plans {
background: linear-gradient(135deg, #f6ecd5, #d7e3fc, #e7f9e5, #f6ecd5);
background-size: 200% 200%;
animation: wave-bg 5s ease-in-out infinite;
}
@keyframes wave-bg {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
@media (max-width: 768px) {
.insider-plans, .key-plans {
background-size: 300% 300%;
animation: wave-bg 7s ease-in-out infinite;
}
}
.premium-plans h1, .stone-plans h1, .insider-plans h1, .key-plans h1 {
position: relative;
margin: 40px 0 0 0;
color: #401b5c;
font-weight: bold;
}
@media only screen and (max-width: 680px) {
.premium-plans h1, .stone-plans h1, .insider-plans h1, .key-plans h1 {
margin: 20px 0 5px 0;
font-size: 25px;
}
}
.premium-plans .uk-button, .stone-plans .uk-button, .insider-plans .uk-button, .key-plans .uk-button {
background-color: #feca41;
color: #401b5c;
font-weight: bold;
border-radius: 5px;
}
.plan {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 60px 0 0 0;
}
.plan h2 {
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
}
.plan.pyear h2, .plan.pyear em {
color: #fff;
}
img.pimo {
position: absolute;
transform: translate(100%,-50%);
width: 100px !important;
height: 100px;
z-index: 1;
}
@media only screen and (max-width: 680px) {
img.pimo {
transform: translate(-50%,-50%);
left: 50%;
}
}
.premium-subscription {
display: flex;
gap: 30px;
}
.premium-subscription .plan {
font-size: inherit;
min-width: 350px;
}
.page-premium .uk-accordion-title, .page-shop .uk-accordion-title, .page-insider .uk-accordion-title, .page-magic-key .uk-accordion-title {
font-size: inherit;
color: #401b5c;
background-color: #eceef0;
padding: 15px;
border-radius: 5px 5px 0 0;
}
.section-premium .uk-accordion-content, .section-shop .uk-accordion-content, .section-insider .uk-accordion-content, .section-magic-key .uk-accordion-content{
background-color: #eceef07d;
margin: auto;
padding: 10px 20px;
border-radius: 0 0 5px 5px;
font-size: small;
}
/* ps card */
.premium-plans .ps-card .views-row {
min-width: 300px;
}
.ps-card {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.ps-card .views-row {
flex: 1;
max-width: fit-content;
min-width: 285px;
background-color: #fff;
border-radius: 5px;
margin-bottom: 10px;
}
@media only screen and (max-width: 680px) {
.ps-card .views-row {
max-width: none;
}
}
.ps-card [type='submit'], .ps-card input#edit-submit {
background-color: #feca41;
color: #401b5c;
font-weight: bold;
border-radius: 5px;
width: auto;
text-transform: uppercase;
}
.ps-card .views-row .advice {
background-color: #401b5c !important;
color: #fff;
border-radius: 5px;
background: url(/themes/custom/novebo/images/shape/shape-wave.svg);
background-repeat: no-repeat;
background-position: bottom;
background-size: cover;
}
.advice .plan h2, .advice em {
color: #fff;
}
/* premium gems url */
.prm a {
display: flex;
gap: 5px;
align-items: center;
padding: 0 10px;
/*background: linear-gradient(90deg, rgb(246 240 246) 0%, rgb(237 228 241) 92%);*/
/*background: linear-gradient(90deg, rgb(250 236 199) 0%, rgb(64 27 92) 300%);*/
font-weight: bold;
border-top: 1px solid #ebe9e5;
}
/* promoyon */
.coupons-block {
background: #fff;
padding: 20px;
margin-top: 15px;
border-radius: 5px;
}
#edit-sidebar-coupon-redemption-form input[type="submit"] {
background: #f5f6f9;
width: 100%;
color: black;
margin-top: 15px;
}
/*checkout */
#commerce-checkout-flow-multistep-default .js-form-wrapper {
font-size: unset;
color: #000;
margin: 0;
}
.checkout-sidebar .order-total-line {
display: flex;
justify-content: space-between;
}
.checkout-sidebar .order-total-line.order-total-line__total {
border-top: 2px solid #f5f6f9;
margin-top: 15px;
padding-top: 15px;
}
.checkout-next input[type="submit"] {
display: block;
width: 100%;
background: #34d296;
border-radius: 0 0 5px 5px;
text-transform: uppercase;
}
.checkout-pane [type='text'], .checkout-pane [type='tel'], .checkout-pane select {
padding: 10px;
border-radius: 5px;
}
.checkout-pane label {
font-size: 12px;
color: #8c90a6;
}
.checkout-pane .profile--view-mode--full {
background: #f5f6fc;
padding: 20px;
border-radius: 10px;
}
.checkout-pane .customer__phone {
display: flex;
gap: 5px;
}
.checkout-order-summary {
padding: 20px;
border-radius: 5px;
}
#edit-order-summary {
padding: 20px;
margin: 0;
border: 2px solid #34d296;
border-radius: 5px 5px 0 0;
}
input#edit-payment-information-billing-information-edit-button {
padding: 0;
background-color: transparent;
color: #64676e;
}
input#edit-payment-information-billing-information-edit-button {
background-color: transparent;
color: #afafb6;
position: absolute;
left: 88%;
transform: translate(-40%, 15%);
top: 65%;
}
.checkout-next {
position: relative;
}
@media only screen and (max-width: 600px) {
.checkout-next {
position: fixed;
bottom: 0;
width: 100%;
z-index: 99;
left: 0;
}
}
.cheader {
position: sticky;
top: 0;
background: #fff;
padding: 20px;
box-shadow: 0 5px 15px rgb(0 0 0 / 8%);
z-index: 1;
}
.cokey {
color: #32d296;
}
.checkout-progress-step {
margin-left: 50px;
margin-right: 50px;
}
@media only screen and (max-width: 680px) {
.checkout-progress-step{
margin-left: 10px;
margin-right: 10px;
}
}
.checkout-progress-step img {
margin-bottom: 5px;
}
.pactive {
position: relative;
color: #999;
}
.pactive:after {
content: '';
position: absolute;
display: block;
width: 0;
z-index: 1;
border-style: solid;
border-color: #999 transparent;
border-width: 6px 10px 0;
bottom: -19px;
left: 50%;
margin-left: -8px;
}
.address .given-name, .address .family-name {
font-weight: bold;
}
/* checkout complate*/
.checkout-complete {
position: relative;
padding: 20px;
margin-top: 20px;
border: 2px solid #f3f3f3;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0,0,0,.08);
}
/* shop */
.shop {
background: #59387e;
color: #fff;
border-radius: 0 40px 4px 0;
}
.shop a {
display: block;
color: #fff;
}
.sml {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 30px;
}
.sml a {
display: block;
background-color: #401b5c;
color: #fff;
padding: 10px;
border-radius: 5px;
min-width: 170px;
text-align: center;
font-weight: bold;
}
@media only screen and (max-width: 680px) {
.sml a {
width: 100%;
}
}
.sml a:hover {
background-color: #ffbf2a;
color: #401b5c;
}
.sml a.active {
position: relative;
background: #feca41;
color: #401b5c;
}
.sml a.active:before {
content: '';
position: absolute;
display: block;
width: 0;
z-index: 1;
border-style: solid;
border-color: #fec841 transparent;
border-width: 10px 10px 0;
bottom: -10px;
left: 50%;
margin-left: -12px;
}
/* views header tab menu */
.vtm ul {
display: flex;
justify-content: center;
gap: 20px;
border-bottom: 1px solid #e2e4ed;
text-transform: uppercase;
font-size: 14px;
}
.vtm li {
margin-bottom: 5px;
}
.vtm ul li a {
color: #999;
}
.vtm ul li a.active {
border-bottom: 2px solid #1e87f0;
padding-bottom: 7px;
color: #000;
font-weight: bold;
}
/* Dashboard */
.dashboard .container {
max-width: none;
padding: 0 30px;
}
.dashboard .uk-card-title {
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}
.tou, .nn {
max-height: 445px;
overflow: auto;
padding: 20px;
}
.dashboard .sys {
background: url(/themes/custom/novebo/images/icon/dashboard/pie-chart.svg) #faf4e1;
background-size: 166px;
background-repeat: no-repeat;
background-position: 90% 90%;
}
.dash-w {
background-color: #282a35;
color: #fff;
}
.dashboard [type='submit'] {
display: block;
width: 100%;
background-color: #3b66f5;
text-transform: uppercase;
font-size: 14px;
border-radius: 10px;
}
.dashboard #views-exposed-form-user-opened-chapter-check-block-1 {
display: flex;
align-items: center;
gap: 10px;
}
.dashboard #edit-flagging-bulk-form--2 {
display: flex;
align-items: center;
gap: 10px;
}
/* User opened chapter check */
.uee {
position: absolute;
background-color: #3b66f5;
color: #fff;
left: 5px;
top: 10px;
border-radius: 56px;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
font-size: 13px;
font-weight: bold;
}
/* ajax icon */
.ajax-progress.ajax-progress-throbber {
position: absolute;
z-index: 1000;
top: 50%;
left: 50%;
width: 60px;
height: 60px;
padding: 4px;
opacity: .9;
border-radius: 50%;
background-color: transparent;
background-image: url(/themes/custom/novebo/favicon.ico);
background-repeat: no-repeat;
background-position: center center;
background-size: 25px;
box-shadow: 0 0 0 0 rgb(28 36 84 / 25%);
transform: scale(1);
animation: pulse 3s infinite;
transform: translate(-50%, -50%);
}
.ajax-progress-fullscreen {
position: fixed;
z-index: 1000;
top: 45%;
left: 48%;
width: 60px;
height: 60px;
padding: 4px;
opacity: .9;
border-radius: 50%;
background-color: transparent;
background-image: url(/themes/custom/novebo/favicon.ico);
background-repeat: no-repeat;
background-position: center center;
background-size: 80px;
box-shadow: 0 0 0 0 rgb(28 36 84 / 25%);
transform: scale(1);
animation: pulse 3s infinite;
}
@media only screen and (max-width: 600px) {
.ajax-progress-fullscreen {
top: 30%;
left: 43%;
}
}
@keyframes pulse {
0% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
}
70% {
transform: scale(1);
box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
}
100% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
}
}
.throbber{
display: none !important;
}
/* youtube video */
.yvideo {
margin: 0 0 10px 0;
}
/* ads */
.ad {
margin-bottom: 13px;
}
/* radyo */
.page-radyo iframe.rplayer {
background-color: #111122;
padding: 20px;
border-radius: 10px 10px 0 0;
margin-top: 20px;
}
.page-radyo iframe.rlastest {
background: #fff;
padding: 35px 10px 10px 10px;
border: 3px solid #111122 !important;
border-radius: 0 0 10px 10px;
margin-bottom: 20px;
}
/* news */
#block-novebo-announcement {
min-height: 45px;
background: #F5F6FC;
}
/* Duyuruyu başlangıçta gizli tut */
#announcement {
display: none;
}
.announce.uk-alert {
background: url(https://cdn-icons-png.flaticon.com/512/16973/16973947.png);
background-repeat: no-repeat;
background-size: contain;
padding: 10px 40px 10px 50px;
}
.announce button.uk-close {
background-color: transparent;
padding: 0;
top: 10px;
color: #000;
}
.marquee {
display: flex;
align-items: center;
justify-content: flex-start;
overflow: hidden;
white-space: nowrap;
}
@keyframes marquee {
0% {
transform: translateX(100px); /* Başlangıç sağdan */
}
100% {
transform: translateX(-100%); /* Son konum solda */
}
}
.marquee span {
text-transform: uppercase;
will-change: transform;
transform: translateX(0);
animation: marquee 15s linear infinite;
font-size: 18px;
font-family: 'Gravitas One', Helvetica, Arial, sans-serif;
font-weight: 900;
color: #000;
transition: animation-duration 0.5s; /* Yavaşlama geçişi için */
}
/* Mouse ile üzerine gelindiğinde */
.marquee span:hover {
animation-play-state: paused; /* Animasyonu durdur */
cursor: wait;
}
/** Trend kitaplar **/
#block-novebo-views-block-trend-book-block-1 {
position: sticky;
background: url(/themes/custom/novebo/images/banner/book-bg.webp);
background-repeat: no-repeat;
background-size: cover;
width: 100vw;
margin-left: calc(-50vw + 50%);
padding: 50px 0 50px 0;
margin-top: 30px;
}
@media only screen and (max-width: 780px) {
#block-novebo-views-block-trend-book-block-1 {
padding: 10px;
}
}
#block-novebo-views-block-trend-book-block-1 .books {
background-color: #fff;
border-radius: 10px;
}
#block-novebo-views-block-trend-book-block-1 .uk-text-bold, #block-novebo-views-block-trend-book-block-1 .uk-text-meta, #block-novebo-views-block-trend-book-block-1 .alinks a {
color: #fff;
}
/* Balance system */
.balance-message {
background-color: #282a35;
padding: 20px;
border-radius: 7px;
font-size: 23px;
color: #fff;
}
.below-threshold-message, .pending-message {
background-color: #f5f6fc;
padding: 10px 20px;
font-size: 12px;
color: #000;
}
.ubalance header {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 5px;
font-size: 12px;
}
.ubalance .views-row {
padding: 10px;
}
/* insider widget info */
.insider-widget-info {
background: url(/themes/custom/novebo/images/frames/insider-background.png), linear-gradient(180deg, #008382, #000);
background-repeat: no-repeat;
background-size: cover;
color: #fff;
margin: 45px 0;
}
.insider-widget-info .uk-button {
display: flex;
justify-content: center;
gap: 10px;
background: #fab818;
color: #000;
font-weight: bold;
}
/* commerce */
/* cart */
.cart-empty-page button {
background-color: #adf197;
border-radius: 6px;
}
.cart-empty-page button:hover {
background-color: #efd91f;
}
.cart-empty-page button a {
color: #0d4108;
}
.cart-empty-page button a:hover {
color: #000;
}
/* Cart delete */
.cart-form .delete-cart input.delete-order-item {
display: block;
text-indent: -9999px;
width: 0;
background: url(/themes/custom/novebo/images/source/cart/trash.svg) no-repeat center;
background-size: 17px;
transition: .2s;
}
.cart-form .delete-cart input.delete-order-item:hover {
display: block;
text-indent: -9999px;
width: 0;
background: url(/themes/custom/novebo/images/source/cart/hover-trash.svg) no-repeat center;
background-size: 22px;
transition: .2s;
}
/* cart button */
.cart.cart-form #edit-actions {
display: flex;
gap: 10px;
}
.cart.cart-form input#edit-submit, .cart.cart-form input#edit-checkout {
background-color: #282a35;
width: max-content;
border-radius: 10px;
min-width: 165px;
text-transform: uppercase;
font-size: 14px;
}
.cart.cart-form input#edit-submit:hover, .cart.cart-form input#edit-checkout:hover {
background-color: #077b66;
}
.cart.cart-form [id^="edit-coupon-redemption-apply"] {
background-color: #282a35;
border-radius: 10px;
text-transform: uppercase;
font-size: 14px;
}
.cart.cart-form [id^="edit-coupon-redemption-apply"]:hover {
background-color: #077b66;
}
/* input number */
input[type="number"] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
}
.number-input {
display: flex;
justify-content: center;
align-items: center;
}
.number-input,
.number-input * {
box-sizing: border-box;
}
.number-input button {
position: relative;
outline:none;
-webkit-appearance: none;
background-color: #f5f6f9;
border: none;
align-items: center;
justify-content: center;
width: 10px;
height: 10px;
cursor: pointer;
margin: 0;
padding: 15px;
border-radius: 50%;
}
.number-input button:hover {
background: #fe6262;
}
.number-input button:before,
.number-input button:after {
position: absolute;
display: inline-block;
content: '';
width: 6px;
height: 2px;
background-color: #212121;
transform: translate(-50%, -50%);
}
.number-input:hover button:before, .number-input:hover button:after {
background-color: #fff;
}
.number-input button.plus:after {
transform: translate(-50%, -50%) rotate(90deg);
}
.number-input input[type=number] {
max-width: 60px;
padding: 5px;
margin: 0px 5px 0px 5px;
border: none;
border-width: 0 2px;
height: 35px;
text-align: center;
}
/* user score rank */
.score-user-tablo {
display: flex;
gap: 10px;
align-items: center;
padding: 10px;
border: 1px solid #f5f6fc;
border-radius: 5px;
margin-bottom: 5px;
background-color: #f5f6fc;
transition: 0.3s;
}
.score-user-tablo:hover {
background-color: #fff;
transform: scale(1.1);
transition: 0.3s;
}
.ccs {
margin-left: auto;
margin-right: 30px;
font-size: 20px;
font-weight: bold;
color: #141a39;
}
.score-ranked {
display: flex;
align-items: center;
flex-direction: column;
padding: 50px 0 5px 0;
border-radius: 5px;
margin: 60px 5px 5px 5px;
}
@media only screen and (max-width: 700px) {
.score-ranked {
padding: 30px 0 5px 0;
}
}
img.user-pd {
position: absolute;
margin-top: -90px;
border-radius: 50%;
width: 80px;
height: 80px;
}
@media only screen and (max-width: 700px) {
img.user-pd {
width: 65px;
height: 65px;
margin-top: -70px;
}
}
span.number {
position: absolute;
transform: translate(70%, -230%);
width: 45px;
height: 45px;
z-index: 1;
}
@media only screen and (max-width: 700px) {
span.number {
transform: translate(70%,-190%);
}
}
.score-title {
margin: 0;
font-size: 17px;
font-weight: bold;
text-transform: uppercase;
color: #141a39;
}
.gems .uk-label {
background-color: #75d995;
width: -webkit-fill-available;
margin-bottom: 10px;
border-radius: 5px;
text-align: center;
color: #205e10;
font-weight: bold;
}
.views-col.col-1 .score-ranked {
background: #F7D488;
}
.views-col.col-2 .score-ranked {
background: #D9D9D9;
}
.views-col.col-3 .score-ranked {
background: #E2A76F;
}
.views-col:nth-child(1) .number {
background: url(/themes/custom/novebo/images/icon/user/rank/1.svg);
background-size: cover;
}
.views-col:nth-child(2) .number {
background: url(/themes/custom/novebo/images/icon/user/rank/2.svg);
background-size: cover;
}
.views-col:nth-child(3) .number {
background: url(/themes/custom/novebo/images/icon/user/rank/3.svg);
background-size: cover;
}
/* novebo team */
.teams {
display: flex;
align-items: center;
flex-direction: column;
padding: 50px 0 5px 0;
border-radius: 5px;
margin: 60px 5px 5px 5px;
}
@media only screen and (max-width: 700px) {
.teams {
padding: 30px 0 5px 0;
}
}
.views-col .teams {
background: #f5f6fc;
border: 1px solid #e2e4ed;
}
.btnu a {
background-color: #ffe04f;
color: #0a0909;
padding: 10px 50px;
border-radius: 10px;
}
/* Şans Çarkı*/
.section-sans-carki #main {
position: sticky;
background: url(/themes/custom/novebo/images/wallpaper/bg.png);
background-repeat: no-repeat;
background-size: cover;
width: 100vw;
margin-left: calc(-50vw + 50%);
padding: 50px;
}
@media only screen and (max-width: 960px) {
.section-sans-carki #main {
padding: 0;
}
}
.wheel-logs {
background-color: #19152dd4;
color: #fff;
}
.wheel-log-title {
display: flex;
gap: 10px;
align-items: end;
font-weight: bold;
text-transform: uppercase;
}
.segment {
background-color: #e9e8e8;
}
.segment:nth-child(even) {
background-color: #251b35;
}
.segment:nth-child(even) span {
color: #fff;
}
#pointer {
background: url(/themes/custom/novebo/images/icon/wheel/pointer.png);
background-size: cover;
background-repeat: no-repeat;
width: 50px;
height: 50px;
}
.magic-key-count {
background-color: #251b35;
width: max-content;
min-width: 100px;
border-radius: 10px;
color: #fff;
font-size: 23px;
text-align: center;
}
a.key-plan-url {
display: block;
background-color: #31233e;
border-radius: 0 0 10px 10px;
color: #fff;
font-size: 12px;
}
#spinButton {
background-color: #31233e !important;
border: 3px solid #d0bac2;
}
a.wheel-rules {
color: #fff;
border-radius: 10px;
border: none;
padding: 5px 20px;
font-weight: bold;
text-shadow: 1px 3px #000;
}
a.wheel-rules:hover {
background-color: #251b35;
color: #fff;
}
.wheel-header {
display: flex;
align-items: center;
justify-content: space-between;
}
.section-sans-carki .uk-modal-dialog {
border-radius: 10px;
}
.section-sans-carki button.uk-button {
border-radius: 10px;
background-color: #0f0b15;
}
.section-sans-carki .ps-card .views-row .advice {
background-color: #1a1e33 !important;
}
.wheel-widget-info {
background: url(/themes/custom/novebo/images/frames/insider-background.png), linear-gradient(47deg, #1a0918, #371653);
background-repeat: no-repeat;
background-size: cover;
color: #fff;
margin: 35px 0;
}
.wheel-widget-info .uk-button {
display: flex;
justify-content: center;
gap: 10px;
background: #ebebeb;
color: #000;
font-weight: bold;
}
.chat-space-info {
background: url(/themes/custom/novebo/images/frames/insider-background.png), linear-gradient(47deg, #ffffff, #6d1eb1);
background-repeat: no-repeat;
background-size: cover;
color: #000;
margin: 35px 0;
}
.chat-space-info .uk-button {
display: flex;
justify-content: center;
gap: 10px;
background: #2a0949;
color: #fff;
font-weight: bold;
}