Created
August 30, 2020 10:25
-
-
Save tqk2811/de3a348ba14745bf5392aed2f77aeb67 to your computer and use it in GitHub Desktop.
main.css
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @font-face { | |
| font-family: OpenSans; | |
| src: url(/fonts/OpenSans-Regular.ttf) | |
| } | |
| @font-face { | |
| font-family: OpenSans; | |
| src: url(/fonts/OpenSans-Bold.ttf); | |
| font-weight: 700 | |
| } | |
| #tns2-iw { | |
| margin: 0px; | |
| width: 101%; | |
| } | |
| .clear:after, .clear:before, .daily-recent_views .series-detail:after, .daily-recent_views .series-detail:before, .detail-list-item:after, .detail-list-item:before, .licensed-list-form .input-group:after, .licensed-list-form .input-group:before, .listall-item:after, .listall-item:before, .user-pm .mail:after, .user-pm .mail:before, ul.others-list li:after, ul.others-list li:before { | |
| content: " "; | |
| display: table | |
| } | |
| .clear:after, .daily-recent_views .series-detail:after, .detail-list-item:after, .licensed-list-form .input-group:after, .listall-item:after, .user-pm .mail:after, ul.others-list li:after { | |
| clear: both | |
| } | |
| html { | |
| font-size: 62.5% | |
| } | |
| body { | |
| font-family: OpenSans; | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| line-height: 22px; | |
| line-height: 2.2rem; | |
| color: #111; | |
| font-weight: 400; | |
| background: rgba(227,229,232,.3) | |
| } | |
| p { | |
| margin: .4em 0 | |
| } | |
| a { | |
| color: inherit; | |
| text-decoration: none; | |
| background-color: transparent; | |
| -webkit-text-decoration-skip: objects | |
| } | |
| a:hover { | |
| color: #10b18e; | |
| outline-width: 0; | |
| text-decoration: none | |
| } | |
| h1, h2, h3, h4, h5, h6 { | |
| font-family: OpenSans,sans-serif; | |
| margin: 0 | |
| } | |
| .fs-1, h1 { | |
| font-size: 32px; | |
| font-size: 3.2rem; | |
| line-height: 40px; | |
| line-height: 4rem | |
| } | |
| .feature-section .series-name, .fs-2, h2 { | |
| font-size: 26px; | |
| font-size: 2.6rem; | |
| line-height: 34px; | |
| line-height: 3.4rem | |
| } | |
| #licensed-list header.section-title span, #tba-list header.section-title span, .detail-list header.section-title span, .feature-section.at-volume .volume-name, .fs-3, .page-title .page-name_wrapper .page-name, .statistic-top .statistic-value, h3 { | |
| font-size: 22px; | |
| font-size: 2.2rem; | |
| line-height: 30px; | |
| line-height: 3rem | |
| } | |
| .basic-section .sect-title, .fs-4, .index-section .section-title, .last-topics .title, .profile-showcase header span, h4 { | |
| font-size: 18px; | |
| font-size: 1.8rem; | |
| line-height: 26px; | |
| line-height: 2.6rem | |
| } | |
| #chapter-comments .tab-list .tab-off, #series-comments .tab-list .tab-off, .comment-item-at-index .comment-user_name, .comment-item .comment-user_name, .daily-recent_views .top-tab_title, .daily-recent_views .top-tab_title.title-active, .forum-page-content, .fs-5, h5 { | |
| font-size: 16px; | |
| font-size: 1.6rem; | |
| line-height: 24px; | |
| line-height: 2.4rem | |
| } | |
| .feature-section.at-volume .series-name, .forum-page_edit, .fs-6, .profile-feature .profile-tab_name, .rank-cirle .series-detail .series-title, h6 { | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| line-height: 22px; | |
| line-height: 2.2rem | |
| } | |
| .fs-7, .ln-comment-user_badge, .relate-topic .topic-time, .thumb-item-flow .thumb_attr.volume-title { | |
| font-size: 13px; | |
| font-size: 1.3rem; | |
| line-height: 16px; | |
| line-height: 1.6rem | |
| } | |
| h1 { | |
| margin-bottom: .5em; | |
| color: #333; | |
| font-weight: 700 | |
| } | |
| h2, h3, h4 { | |
| margin-bottom: .2em; | |
| color: #333; | |
| font-weight: 700 | |
| } | |
| h5, h6 { | |
| margin-bottom: .1em; | |
| color: #333 | |
| } | |
| .strong, b, h5, h6, strong { | |
| font-weight: 700 | |
| } | |
| .em, em { | |
| font-style: italic | |
| } | |
| .abbr[title], abbr[title] { | |
| border-bottom: none; | |
| text-decoration: underline; | |
| -webkit-text-decoration: underline dotted; | |
| text-decoration: underline dotted | |
| } | |
| dfn { | |
| font-style: italic | |
| } | |
| .small, small { | |
| font-size: 13px; | |
| font-size: 1.3rem; | |
| line-height: 16px; | |
| line-height: 1.6rem | |
| } | |
| .mark, mark { | |
| background-color: #ff0; | |
| color: #000 | |
| } | |
| .sub, .sup, sub, sup { | |
| font-size: 75%; | |
| line-height: 0; | |
| position: relative; | |
| vertical-align: baseline | |
| } | |
| .sub, sub { | |
| bottom: -.25em | |
| } | |
| .sup, sup { | |
| top: -.5em | |
| } | |
| .del, del { | |
| text-decoration: line-through | |
| } | |
| figure { | |
| margin: 1em 40px | |
| } | |
| .hr, hr { | |
| height: 1px; | |
| background: #eee; | |
| border: 0; | |
| margin-top: 20px; | |
| margin-bottom: 20px | |
| } | |
| .button { | |
| background-color: #f9f9f9; | |
| line-height: normal; | |
| cursor: pointer; | |
| padding: 6px 20px; | |
| display: inline-block; | |
| transition: all .3s; | |
| border-radius: 100px; | |
| font-weight: 700; | |
| border: none | |
| } | |
| .button, .button:hover { | |
| text-decoration: none; | |
| color: #000 | |
| } | |
| .button:hover { | |
| background-color: #eee | |
| } | |
| .button:active { | |
| background-color: #000; | |
| background-color: #ccc; | |
| text-decoration: none | |
| } | |
| .button-green { | |
| color: #fff; | |
| background-color: #5cb85c; | |
| border-color: #4cae4c | |
| } | |
| .button-green:hover { | |
| color: #5cb85c | |
| } | |
| .button-red { | |
| color: #fff; | |
| background-color: #d9534f; | |
| border-color: #d43f3a | |
| } | |
| .button-red:hover { | |
| color: #d9534f | |
| } | |
| .button-yellow { | |
| color: #fff; | |
| background-color: #f0ad4e; | |
| border-color: #eea236 | |
| } | |
| .button-light_blue { | |
| color: #fff; | |
| background-color: #5bc0de; | |
| border-color: #46b8da | |
| } | |
| .button-blue { | |
| color: #fff; | |
| background-color: #337ab7; | |
| border-color: #2e6da4 | |
| } | |
| .button-blue:hover { | |
| color: #337ab7 | |
| } | |
| .button-primary-green { | |
| color: #fff; | |
| background-color: #36a189; | |
| border-color: #0f9779 | |
| } | |
| .button-primary-green:hover { | |
| color: #0f9779 | |
| } | |
| .button-secondary-blue { | |
| color: #fff; | |
| background-color: #1d5167; | |
| border-color: #1d5167 | |
| } | |
| .button-secondary-blue:hover { | |
| color: #1d5167 | |
| } | |
| .button-white { | |
| background-color: #fff; | |
| border-color: #ddd | |
| } | |
| .button-link { | |
| color: inherit; | |
| text-decoration: underline; | |
| border: 0; | |
| background: transparent; | |
| padding: 0; | |
| cursor: pointer | |
| } | |
| .button-link:hover { | |
| color: #10b18e; | |
| text-decoration: none | |
| } | |
| .button-link:active { | |
| color: inherit; | |
| outline: 0 | |
| } | |
| #navbar-user #guest-menu ul.nav-submenu, .account-sidebar, .navbar-menu.at-navbar .nav-submenu { | |
| box-shadow: 0 0 4px #aaa | |
| } | |
| #navbar { | |
| position: fixed; | |
| height: 46px; | |
| width: 100%; | |
| background-color: #f6f7f8; | |
| left: 0; | |
| top: 0; | |
| z-index: 9999 | |
| } | |
| .navbar-menu li { | |
| overflow: initial !important | |
| } | |
| .nav-has-submenu { | |
| cursor: pointer | |
| } | |
| .navbar-menu.at-navbar { | |
| margin: 0; | |
| padding: 0; | |
| float: left | |
| } | |
| .navbar-menu.at-navbar li { | |
| float: left; | |
| height: 46px; | |
| overflow: hidden | |
| } | |
| .navbar-menu.at-navbar .nav-menu_item { | |
| text-align: center; | |
| display: block; | |
| font-weight: 700; | |
| padding: 0 10px; | |
| height: 46px; | |
| overflow: hidden; | |
| line-height: 46px; | |
| line-height: 4.6rem | |
| } | |
| .navbar-menu.at-navbar .nav-menu_item:hover { | |
| color: inherit; | |
| opacity: .5 | |
| } | |
| .navbar-menu.at-navbar .nav-menu_item .menu-icon { | |
| display: none; | |
| margin-right: 10px | |
| } | |
| .navbar-menu.at-navbar .nav-menu_item .dropdown-icon { | |
| font-size: 12px; | |
| font-size: 1.2rem; | |
| margin-left: 4px | |
| } | |
| .navbar-menu.at-navbar .nav-menu_item .dropdown-icon.fa-chevron-right { | |
| display: none | |
| } | |
| .navbar-menu.at-navbar .nav-submenu { | |
| position: absolute; | |
| left: 0; | |
| top: 46px; | |
| background-color: #fff; | |
| margin: 0; | |
| padding: 0; | |
| width: 140px | |
| } | |
| .navbar-menu.at-navbar .nav-submenu li { | |
| display: block; | |
| float: none; | |
| height: auto | |
| } | |
| .navbar-menu.at-navbar .nav-submenu li:hover { | |
| opacity: .5 | |
| } | |
| .navbar-menu.at-navbar .nav-submenu li .nightmode-toggle, .navbar-menu.at-navbar .nav-submenu li a { | |
| color: inherit; | |
| font-weight: 700; | |
| padding: 10px; | |
| display: block; | |
| width: 100% | |
| } | |
| .navbar-menu.at-navbar .nav-submenu li .nightmode-toggle i, .navbar-menu.at-navbar .nav-submenu li a i { | |
| padding-right: 10px | |
| } | |
| .navbar-menu.at-navbar .nav-has-submenu { | |
| position: relative | |
| } | |
| .navbar-menu.at-navbar .nav-has-submenu.active .nav-menu_item .dropdown-icon, .navbar-menu.at-navbar .nav-has-submenu.active .nav-menu_item span { | |
| color: inherit | |
| } | |
| .navbar-menu.at-navbar .nav-has-submenu.active .nav-submenu { | |
| display: block | |
| } | |
| .navbar-menu.at-mobile { | |
| list-style: none; | |
| margin: 0; | |
| padding: 0; | |
| position: absolute; | |
| top: 46px; | |
| left: 0; | |
| right: 0; | |
| background-color: #f0f0f0; | |
| border-top: 0 | |
| } | |
| .navbar-menu.at-mobile li { | |
| text-align: left; | |
| width: 100%; | |
| border-bottom: 1px solid #ddd | |
| } | |
| .navbar-menu.at-mobile .menu-icon { | |
| margin-right: 10px | |
| } | |
| .navbar-menu.at-mobile .nav-submenu { | |
| left: 180px; | |
| top: 0 | |
| } | |
| .navbar-menu.at-mobile .nav-menu_item { | |
| text-align: left; | |
| margin: 0; | |
| font-weight: 700; | |
| padding: 10px; | |
| display: block | |
| } | |
| .navbar-menu.at-mobile .nav-menu_item .menu-icon { | |
| display: inline-block | |
| } | |
| .navbar-menu.at-mobile .nav-menu_item .dropdown-icon, .navbar-menu.at-mobile .navbar-menu li a span { | |
| color: inherit | |
| } | |
| .navbar-menu.at-mobile .nav-menu_item .dropdown-icon.fa-chevron-right { | |
| display: inline | |
| } | |
| .navbar-menu.at-mobile .nav-menu_item:hover { | |
| color: inherit; | |
| opacity: .5 | |
| } | |
| .navbar-menu.at-mobile .nav-has-submenu.active .nav-submenu { | |
| display: block | |
| } | |
| .navbar-menu.at-mobile .nav-submenu li { | |
| padding: 10px; | |
| font-weight: 700; | |
| border: none | |
| } | |
| .navbar-menu.at-mobile .nav-submenu li:hover { | |
| opacity: .5 | |
| } | |
| .navbar-menu.at-mobile .nav-submenu li:hover a { | |
| color: inherit | |
| } | |
| #navbar-user { | |
| float: right; | |
| position: relative | |
| } | |
| .nav-user_icon { | |
| height: 46px; | |
| width: 46px; | |
| float: right; | |
| background-size: cover; | |
| background-repeat: no-repeat; | |
| cursor: pointer | |
| } | |
| .nav-user_icon .nav-user_avatar { | |
| width: 30px; | |
| height: 30px; | |
| margin: 8px; | |
| overflow: hidden; | |
| border-radius: 30px | |
| } | |
| .nav-user_icon .nav-user_avatar img { | |
| width: 100%; | |
| height: 100% | |
| } | |
| .navbar-logo-wrapper { | |
| bottom: 0; | |
| float: left | |
| } | |
| .navbar-logo-wrapper .navbar-logo { | |
| float: left; | |
| padding: 10px; | |
| height: 30px; | |
| margin-top: 8px; | |
| margin-bottom: 8px; | |
| margin-right: 10px; | |
| width: 60px; | |
| background-size: 34px auto; | |
| background-color: #1d5167; | |
| background-position: 50%; | |
| background-repeat: no-repeat; | |
| border-radius: 4px | |
| } | |
| .user-sublink { | |
| width: 46px; | |
| height: 46px | |
| } | |
| .user-sublink a.link-item:hover { | |
| color: inherit | |
| } | |
| .account-sidebar { | |
| position: absolute; | |
| right: 0; | |
| top: 46px; | |
| background-color: #fff; | |
| margin: 0; | |
| padding: 0; | |
| width: 150px | |
| } | |
| .account-sidebar hr { | |
| margin: 4px 0 | |
| } | |
| .account-sidebar li { | |
| position: relative | |
| } | |
| .account-sidebar li:hover { | |
| opacity: .5 | |
| } | |
| .account-sidebar li .nightmode-toggle, .account-sidebar li a { | |
| color: inherit; | |
| font-weight: 700; | |
| padding: 10px; | |
| display: block; | |
| cursor: pointer | |
| } | |
| .account-sidebar li .nightmode-toggle i, .account-sidebar li a i { | |
| padding-right: 10px | |
| } | |
| .account-sidebar .toggle-icon { | |
| display: inline-block; | |
| padding-left: 10px; | |
| font-size: 20px; | |
| font-size: 2rem | |
| } | |
| #noti-icon { | |
| position: relative | |
| } | |
| .noti-unread_wrapper { | |
| width: 46px; | |
| height: 46px; | |
| position: relative | |
| } | |
| #sidenav-icon { | |
| width: 46px; | |
| height: 46px; | |
| float: left; | |
| cursor: pointer; | |
| padding: 15px 10px | |
| } | |
| span.sidenav-icon_white { | |
| width: 100%; | |
| height: 3px; | |
| border-radius: 3px; | |
| margin-bottom: 6px; | |
| display: block; | |
| background-color: #333 | |
| } | |
| span.sidenav-icon_white:nth-child(2) { | |
| width: 50% | |
| } | |
| span.sidenav-icon_white:nth-child(3) { | |
| margin-bottom: 0; | |
| width: 75% | |
| } | |
| #sidenav-icon.active { | |
| background-color: #f0f0f0 | |
| } | |
| #navbar-user.guest a.login-link { | |
| display: block; | |
| font-weight: 700; | |
| line-height: 46px; | |
| line-height: 4.6rem; | |
| height: 46px; | |
| overflow: hidden; | |
| float: right; | |
| padding: 0 10px | |
| } | |
| #navbar-user.guest a.login-link:hover { | |
| color: inherit; | |
| opacity: .5 | |
| } | |
| #navbar-user #guest-menu { | |
| float: right; | |
| height: 46px; | |
| cursor: pointer; | |
| width: 14px; | |
| padding: 10px 20px; | |
| position: relative | |
| } | |
| #navbar-user #guest-menu ul.nav-submenu { | |
| top: 46px; | |
| left: -100px; | |
| background-color: #fff; | |
| margin: 0; | |
| padding: 0; | |
| width: 140px; | |
| position: absolute | |
| } | |
| #navbar-user #guest-menu ul.nav-submenu .li-inner { | |
| padding: 10px; | |
| display: inline-block; | |
| width: 100% | |
| } | |
| #navbar-user #guest-menu ul.nav-submenu .li-inner:hover { | |
| color: inherit; | |
| opacity: .5 | |
| } | |
| #navbar-user #guest-menu ul.nav-submenu .li-inner i { | |
| padding-right: 10px | |
| } | |
| #navbar-user #guest-menu ul.nav-submenu .toggle-icon { | |
| display: inline-block; | |
| padding-left: 10px; | |
| font-size: 20px; | |
| font-size: 2rem | |
| } | |
| #navbar-user #guest-menu:hover .icon { | |
| color: inherit; | |
| opacity: .5 | |
| } | |
| #navbar-user #guest-menu .icon { | |
| display: inline-block | |
| } | |
| #navbar-user #guest-menu .icon .white-point { | |
| width: 4px; | |
| height: 4px; | |
| background-color: #333; | |
| display: block; | |
| border-radius: 2px; | |
| margin-top: 4px | |
| } | |
| #navbar-user .icon-notify { | |
| width: 16px; | |
| height: 16px; | |
| border-radius: 8px; | |
| background: red | |
| } | |
| #navbar-user .icon-notify.at-user_avatar { | |
| position: absolute; | |
| right: 4px; | |
| bottom: 4px | |
| } | |
| #navbar-user .icon-notify.at-user_list { | |
| display: inline-block; | |
| margin-left: 10px | |
| } | |
| .index-top_notification { | |
| padding: 10px; | |
| margin-bottom: 20px; | |
| background-color: rgba(227,229,232,.5); | |
| border: 1px solid #e3e5e8; | |
| margin-top: 20px | |
| } | |
| .index-top_notification .annoucement-item { | |
| text-align: center; | |
| font-weight: 700; | |
| font-size: 16px; | |
| font-size: 1.6rem | |
| } | |
| .index-top_notification .annoucement-item:last-child { | |
| margin-bottom: 0 | |
| } | |
| .navbar-search { | |
| position: relative; | |
| width: 200px; | |
| display: inline-block; | |
| float: right | |
| } | |
| .navbar-search .search-input { | |
| width: 100%; | |
| border-radius: 30px; | |
| height: 30px; | |
| margin: 8px 10px 0 0; | |
| border: none; | |
| padding-right: 50px; | |
| padding-left: 20px; | |
| background-color: #e0e0e0 | |
| } | |
| .navbar-search .search-submit { | |
| position: absolute; | |
| right: 0; | |
| top: 8px; | |
| border: none; | |
| background-color: transparent; | |
| height: 30px; | |
| width: 40px; | |
| text-align: center; | |
| line-height: 30px; | |
| line-height: 3rem | |
| } | |
| .navbar-search.in-navbar-menu { | |
| float: none; | |
| padding: 0 10px; | |
| width: 100% | |
| } | |
| .navbar-search.in-navbar-menu .search-submit { | |
| right: 10px | |
| } | |
| @media only screen and (max-width:1219px) { | |
| .navbar-logo { | |
| width: 60px | |
| } | |
| } | |
| @media only screen and (max-width:999px) { | |
| .nav-user_icon.active { | |
| background-color: #f0f0f0 | |
| } | |
| #navbar-user, #noti-icon { | |
| position: static | |
| } | |
| .account-sidebar { | |
| left: 0; | |
| right: 0; | |
| width: 100%; | |
| box-shadow: none; | |
| background-color: #f0f0f0 | |
| } | |
| .account-sidebar li { | |
| border-bottom: 1px solid #ddd | |
| } | |
| } | |
| @media only screen and (max-width:787px) { | |
| #navbar .container { | |
| padding-left: 0; | |
| padding-right: 0 | |
| } | |
| .navbar-search { | |
| width: 100px | |
| } | |
| } | |
| #footer { | |
| background-color: #36a189; | |
| padding: 30px 10px; | |
| background-color: #333 | |
| } | |
| #footer span { | |
| margin-right: 20px; | |
| font-weight: 700; | |
| color: #fff | |
| } | |
| #footer span a { | |
| color: #fff | |
| } | |
| @media only screen and (max-width:787px) { | |
| #footer span { | |
| float: none; | |
| display: block | |
| } | |
| } | |
| .no-margin { | |
| margin: 0 | |
| } | |
| .no-padding { | |
| padding: 0 | |
| } | |
| .no-float { | |
| float: none | |
| } | |
| .no-background { | |
| background: transparent | |
| } | |
| .no-border { | |
| border: 0 | |
| } | |
| .no-select { | |
| cursor: default | |
| } | |
| .font-100 { | |
| font-weight: 100 | |
| } | |
| .font-200 { | |
| font-weight: 200 | |
| } | |
| .font-300 { | |
| font-weight: 300 | |
| } | |
| .font-400 { | |
| font-weight: 400 | |
| } | |
| .font-500 { | |
| font-weight: 500 | |
| } | |
| .font-600 { | |
| font-weight: 600 | |
| } | |
| .font-700 { | |
| font-weight: 700 | |
| } | |
| .font-800 { | |
| font-weight: 800 | |
| } | |
| .font-900 { | |
| font-weight: 900 | |
| } | |
| .font-normal { | |
| font-style: normal | |
| } | |
| .font-italic { | |
| font-style: italic | |
| } | |
| .uppercase { | |
| text-transform: uppercase | |
| } | |
| .lowercase { | |
| text-transform: lowercase | |
| } | |
| .capitalize { | |
| text-transform: capitalize | |
| } | |
| .text-left { | |
| text-align: left | |
| } | |
| .text-right { | |
| text-align: right | |
| } | |
| .text-center { | |
| text-align: center | |
| } | |
| .text-justify { | |
| text-align: justify | |
| } | |
| .relative { | |
| position: relative | |
| } | |
| .absolute { | |
| position: absolute | |
| } | |
| .static { | |
| position: static | |
| } | |
| .fixed { | |
| position: fixed | |
| } | |
| .none { | |
| display: none | |
| } | |
| .block { | |
| display: block | |
| } | |
| .force-block { | |
| display: block !important | |
| } | |
| .inline-block { | |
| display: inline-block | |
| } | |
| .inline { | |
| display: inline | |
| } | |
| .table-cell { | |
| display: table-cell | |
| } | |
| .flex { | |
| display: flex | |
| } | |
| .flex-row { | |
| flex-direction: row | |
| } | |
| .flex-column { | |
| flex-direction: column | |
| } | |
| .flex-space-around { | |
| justify-content: space-around | |
| } | |
| .flex-space-between { | |
| justify-content: space-between | |
| } | |
| .flex-start { | |
| justify-content: flex-start | |
| } | |
| .flex-center { | |
| justify-content: center | |
| } | |
| .flex-end { | |
| justify-content: flex-end | |
| } | |
| .flex-wrap { | |
| flex-wrap: wrap | |
| } | |
| .flex-nowrap { | |
| flex-wrap: nowrap | |
| } | |
| .left { | |
| float: left | |
| } | |
| .right { | |
| float: right | |
| } | |
| .center { | |
| float: none; | |
| margin-left: auto; | |
| margin-right: auto | |
| } | |
| .pad-top-0, .pad-top-5 { | |
| padding-top: 5px | |
| } | |
| .pad-top-10 { | |
| padding-top: 10px | |
| } | |
| .pad-top-15 { | |
| padding-top: 15px | |
| } | |
| .pad-top-20 { | |
| padding-top: 20px | |
| } | |
| .pad-top-25 { | |
| padding-top: 25px | |
| } | |
| .pad-top-30 { | |
| padding-top: 30px | |
| } | |
| .pad-top-35 { | |
| padding-top: 35px | |
| } | |
| .pad-top-40 { | |
| padding-top: 40px | |
| } | |
| .pad-top-45 { | |
| padding-top: 45px | |
| } | |
| .pad-top-50 { | |
| padding-top: 50px | |
| } | |
| .pad-top-55 { | |
| padding-top: 55px | |
| } | |
| .pad-top-60 { | |
| padding-top: 60px | |
| } | |
| .pad-bottom-5 { | |
| padding-bottom: 5px | |
| } | |
| .pad-bottom-10 { | |
| padding-bottom: 10px | |
| } | |
| .pad-bottom-15 { | |
| padding-bottom: 15px | |
| } | |
| .pad-bottom-20 { | |
| padding-bottom: 20px | |
| } | |
| .pad-bottom-25 { | |
| padding-bottom: 25px | |
| } | |
| .pad-bottom-30 { | |
| padding-bottom: 30px | |
| } | |
| .pad-bottom-35 { | |
| padding-bottom: 35px | |
| } | |
| .pad-bottom-40 { | |
| padding-bottom: 40px | |
| } | |
| .pad-bottom-45 { | |
| padding-bottom: 45px | |
| } | |
| .pad-bottom-50 { | |
| padding-bottom: 50px | |
| } | |
| .pad-bottom-55 { | |
| padding-bottom: 55px | |
| } | |
| .pad-bottom-60 { | |
| padding-bottom: 60px | |
| } | |
| .pad-5 { | |
| padding: 5px | |
| } | |
| .pad-10 { | |
| padding: 10px | |
| } | |
| .pad-15 { | |
| padding: 15px | |
| } | |
| .pad-20 { | |
| padding: 20px | |
| } | |
| .pad-25 { | |
| padding: 25px | |
| } | |
| .pad-30 { | |
| padding: 30px | |
| } | |
| .pad-35 { | |
| padding: 35px | |
| } | |
| .pad-40 { | |
| padding: 40px | |
| } | |
| .pad-45 { | |
| padding: 45px | |
| } | |
| .pad-50 { | |
| padding: 50px | |
| } | |
| .pad-55 { | |
| padding: 55px | |
| } | |
| .pad-60 { | |
| padding: 60px | |
| } | |
| .sr { | |
| border: 0; | |
| clip: rect(0 0 0 0); | |
| height: 1px; | |
| margin: -1px; | |
| overflow: hidden; | |
| padding: 0; | |
| position: absolute; | |
| width: 1px | |
| } | |
| .list-unstyled { | |
| list-style: none | |
| } | |
| .list-inline, .list-unstyled, .list-unstyled li { | |
| margin: 0; | |
| padding: 0 | |
| } | |
| .list-inline { | |
| list-style: none | |
| } | |
| .list-inline li { | |
| margin: 0; | |
| padding: 0; | |
| display: inline-block | |
| } | |
| .img-fluid { | |
| max-width: 100% | |
| } | |
| .field { | |
| width: 100% | |
| } | |
| .form-group { | |
| overflow: hidden | |
| } | |
| .form-group label { | |
| display: inline-block; | |
| padding-top: 8px | |
| } | |
| .disabled, [disabled] { | |
| pointer-events: none; | |
| cursor: not-allowed; | |
| opacity: .5 | |
| } | |
| .checkbox, .radio { | |
| display: inline-block; | |
| position: relative | |
| } | |
| .checkbox label, .radio label { | |
| padding-left: 20px; | |
| padding-top: 0; | |
| display: inline-block | |
| } | |
| .checkbox input[type=checkbox], .checkbox input[type=radio], .radio input[type=checkbox], .radio input[type=radio] { | |
| position: absolute; | |
| top: 4px; | |
| left: 0 | |
| } | |
| .select { | |
| position: relative; | |
| display: block | |
| } | |
| .select:before { | |
| content: ""; | |
| border: 6px solid transparent; | |
| border-top-color: #676767; | |
| top: 50%; | |
| right: 10px; | |
| margin-top: -3px; | |
| pointer-events: none; | |
| position: absolute | |
| } | |
| .select select { | |
| -webkit-appearance: none; | |
| -moz-appearance: none; | |
| height: 36px; | |
| width: 100%; | |
| padding: 0 10px; | |
| line-height: normal; | |
| border: 1px solid #ccc; | |
| background: #fff; | |
| display: block | |
| } | |
| .select select::-ms-expand { | |
| display: none | |
| } | |
| .select select:focus { | |
| border-color: #000 | |
| } | |
| .select select:-moz-focusring { | |
| color: transparent; | |
| text-shadow: 0 0 0 #000; | |
| border-color: #000 | |
| } | |
| .animation { | |
| -webkit-animation-duration: 1s; | |
| animation-duration: 1s; | |
| -webkit-animation-fill-mode: both; | |
| animation-fill-mode: both | |
| } | |
| .animation-infinite { | |
| -webkit-animation-iteration-count: infinite; | |
| animation-iteration-count: infinite | |
| } | |
| @media only screen and (min-width:788px) { | |
| .no-float-m { | |
| float: none | |
| } | |
| .no-padding-m { | |
| padding: 0 | |
| } | |
| .no-margin-m { | |
| margin: 0 | |
| } | |
| .relative-m { | |
| position: relative | |
| } | |
| .absolute-m { | |
| position: absolute | |
| } | |
| .static-m { | |
| position: static | |
| } | |
| .fixed-m { | |
| position: fixed | |
| } | |
| .none-m { | |
| display: none | |
| } | |
| .block-m { | |
| display: block | |
| } | |
| .force-block-m { | |
| display: block !important | |
| } | |
| .inline-block-m { | |
| display: inline-block | |
| } | |
| .inline-m { | |
| display: inline | |
| } | |
| .table-cell-m { | |
| display: table-cell | |
| } | |
| .flex-m { | |
| display: flex | |
| } | |
| .flex-row-m { | |
| flex-direction: row | |
| } | |
| .flex-column-m { | |
| flex-direction: column | |
| } | |
| .flex-space-around-m { | |
| justify-content: space-around | |
| } | |
| .flex-space-between-m { | |
| justify-content: space-between | |
| } | |
| .flex-start-m { | |
| justify-content: flex-start | |
| } | |
| .flex-center-m { | |
| justify-content: center | |
| } | |
| .flex-end-m { | |
| justify-content: flex-end | |
| } | |
| .flex-wrap-m { | |
| flex-wrap: wrap | |
| } | |
| .flex-nowrap-m { | |
| flex-wrap: nowrap | |
| } | |
| .left-m { | |
| float: left | |
| } | |
| .right-m { | |
| float: right | |
| } | |
| .center-m { | |
| float: none; | |
| margin-left: auto; | |
| margin-right: auto | |
| } | |
| .text-left-m { | |
| text-align: left | |
| } | |
| .text-right-m { | |
| text-align: right | |
| } | |
| .text-center-m { | |
| text-align: center | |
| } | |
| .text-justify-m { | |
| text-align: justify | |
| } | |
| .no-col-m { | |
| float: none | |
| } | |
| .no-col-m, .width-auto-m { | |
| width: auto | |
| } | |
| .no-pull-m, .no-push-m { | |
| left: 0 | |
| } | |
| .pad-top-0-m { | |
| padding-top: 0 | |
| } | |
| .pad-top-5-m { | |
| padding-top: 5px | |
| } | |
| .pad-top-10-m { | |
| padding-top: 10px | |
| } | |
| .pad-top-15-m { | |
| padding-top: 15px | |
| } | |
| .pad-top-20-m { | |
| padding-top: 20px | |
| } | |
| .pad-top-25-m { | |
| padding-top: 25px | |
| } | |
| .pad-top-30-m { | |
| padding-top: 30px | |
| } | |
| .pad-top-35-m { | |
| padding-top: 35px | |
| } | |
| .pad-top-40-m { | |
| padding-top: 40px | |
| } | |
| .pad-top-45-m { | |
| padding-top: 45px | |
| } | |
| .pad-top-50-m { | |
| padding-top: 50px | |
| } | |
| .pad-top-55-m { | |
| padding-top: 55px | |
| } | |
| .pad-top-60-m { | |
| padding-top: 60px | |
| } | |
| .pad-bottom-0-m { | |
| padding-bottom: 0 | |
| } | |
| .pad-bottom-5-m { | |
| padding-bottom: 5px | |
| } | |
| .pad-bottom-10-m { | |
| padding-bottom: 10px | |
| } | |
| .pad-bottom-15-m { | |
| padding-bottom: 15px | |
| } | |
| .pad-bottom-20-m { | |
| padding-bottom: 20px | |
| } | |
| .pad-bottom-25-m { | |
| padding-bottom: 25px | |
| } | |
| .pad-bottom-30-m { | |
| padding-bottom: 30px | |
| } | |
| .pad-bottom-35-m { | |
| padding-bottom: 35px | |
| } | |
| .pad-bottom-40-m { | |
| padding-bottom: 40px | |
| } | |
| .pad-bottom-45-m { | |
| padding-bottom: 45px | |
| } | |
| .pad-bottom-50-m { | |
| padding-bottom: 50px | |
| } | |
| .pad-bottom-55-m { | |
| padding-bottom: 55px | |
| } | |
| .pad-bottom-60-m { | |
| padding-bottom: 60px | |
| } | |
| .pad-0-m { | |
| padding: 0 | |
| } | |
| .pad-5-m { | |
| padding: 5px | |
| } | |
| .pad-10-m { | |
| padding: 10px | |
| } | |
| .pad-15-m { | |
| padding: 15px | |
| } | |
| .pad-20-m { | |
| padding: 20px | |
| } | |
| .pad-25-m { | |
| padding: 25px | |
| } | |
| .pad-30-m { | |
| padding: 30px | |
| } | |
| .pad-35-m { | |
| padding: 35px | |
| } | |
| .pad-40-m { | |
| padding: 40px | |
| } | |
| .pad-45-m { | |
| padding: 45px | |
| } | |
| .pad-50-m { | |
| padding: 50px | |
| } | |
| .pad-55-m { | |
| padding: 55px | |
| } | |
| .pad-60-m { | |
| padding: 60px | |
| } | |
| } | |
| @media only screen and (min-width:1000px) { | |
| .no-float-l { | |
| float: none | |
| } | |
| .no-padding-l { | |
| padding: 0 | |
| } | |
| .no-margin-l { | |
| margin: 0 | |
| } | |
| .relative-l { | |
| position: relative | |
| } | |
| .absolute-l { | |
| position: absolute | |
| } | |
| .static-l { | |
| position: static | |
| } | |
| .fixed-l { | |
| position: fixed | |
| } | |
| .none-l { | |
| display: none | |
| } | |
| .force-none-l { | |
| display: none !important | |
| } | |
| .block-l { | |
| display: block | |
| } | |
| .force-block-l { | |
| display: block !important | |
| } | |
| .inline-block-l { | |
| display: inline-block | |
| } | |
| .inline-l { | |
| display: inline | |
| } | |
| .table-cell-l { | |
| display: table-cell | |
| } | |
| .flex-l { | |
| display: flex | |
| } | |
| .flex-row-l { | |
| flex-direction: row | |
| } | |
| .flex-column-l { | |
| flex-direction: column | |
| } | |
| .flex-space-around-l { | |
| justify-content: space-around | |
| } | |
| .flex-space-between-l { | |
| justify-content: space-between | |
| } | |
| .flex-start-l { | |
| justify-content: flex-start | |
| } | |
| .flex-center-l { | |
| justify-content: center | |
| } | |
| .flex-end-l { | |
| justify-content: flex-end | |
| } | |
| .flex-wrap-l { | |
| flex-wrap: wrap | |
| } | |
| .flex-nowrap-l { | |
| flex-wrap: nowrap | |
| } | |
| .left-l { | |
| float: left | |
| } | |
| .right-l { | |
| float: right | |
| } | |
| .center-l { | |
| float: none; | |
| margin-left: auto; | |
| margin-right: auto | |
| } | |
| .text-left-l { | |
| text-align: left | |
| } | |
| .text-right-l { | |
| text-align: right | |
| } | |
| .text-center-l { | |
| text-align: center | |
| } | |
| .text-justify-l { | |
| text-align: justify | |
| } | |
| .no-col-l { | |
| float: none | |
| } | |
| .no-col-l, .width-auto-l { | |
| width: auto | |
| } | |
| .no-pull-l, .no-push-l { | |
| left: 0 | |
| } | |
| .pad-top-0-l { | |
| padding-top: 0 | |
| } | |
| .pad-top-5-l { | |
| padding-top: 5px | |
| } | |
| .pad-top-10-l { | |
| padding-top: 10px | |
| } | |
| .pad-top-15-l { | |
| padding-top: 15px | |
| } | |
| .pad-top-20-l { | |
| padding-top: 20px | |
| } | |
| .pad-top-25-l { | |
| padding-top: 25px | |
| } | |
| .pad-top-30-l { | |
| padding-top: 30px | |
| } | |
| .pad-top-35-l { | |
| padding-top: 35px | |
| } | |
| .pad-top-40-l { | |
| padding-top: 40px | |
| } | |
| .pad-top-45-l { | |
| padding-top: 45px | |
| } | |
| .pad-top-50-l { | |
| padding-top: 50px | |
| } | |
| .pad-top-55-l { | |
| padding-top: 55px | |
| } | |
| .pad-top-60-l { | |
| padding-top: 60px | |
| } | |
| .pad-bottom-0-l { | |
| padding-bottom: 0 | |
| } | |
| .pad-bottom-5-l { | |
| padding-bottom: 5px | |
| } | |
| .pad-bottom-10-l { | |
| padding-bottom: 10px | |
| } | |
| .pad-bottom-15-l { | |
| padding-bottom: 15px | |
| } | |
| .pad-bottom-20-l { | |
| padding-bottom: 20px | |
| } | |
| .pad-bottom-25-l { | |
| padding-bottom: 25px | |
| } | |
| .pad-bottom-30-l { | |
| padding-bottom: 30px | |
| } | |
| .pad-bottom-35-l { | |
| padding-bottom: 35px | |
| } | |
| .pad-bottom-40-l { | |
| padding-bottom: 40px | |
| } | |
| .pad-bottom-45-l { | |
| padding-bottom: 45px | |
| } | |
| .pad-bottom-50-l { | |
| padding-bottom: 50px | |
| } | |
| .pad-bottom-55-l { | |
| padding-bottom: 55px | |
| } | |
| .pad-bottom-60-l { | |
| padding-bottom: 60px | |
| } | |
| .pad-0-l { | |
| padding: 0 | |
| } | |
| .pad-5-l { | |
| padding: 5px | |
| } | |
| .pad-10-l { | |
| padding: 10px | |
| } | |
| .pad-15-l { | |
| padding: 15px | |
| } | |
| .pad-20-l { | |
| padding: 20px | |
| } | |
| .pad-25-l { | |
| padding: 25px | |
| } | |
| .pad-30-l { | |
| padding: 30px | |
| } | |
| .pad-35-l { | |
| padding: 35px | |
| } | |
| .pad-40-l { | |
| padding: 40px | |
| } | |
| .pad-45-l { | |
| padding: 45px | |
| } | |
| .pad-50-l { | |
| padding: 50px | |
| } | |
| .pad-55-l { | |
| padding: 55px | |
| } | |
| .pad-60-l { | |
| padding: 60px | |
| } | |
| } | |
| @media only screen and (min-width:1220px) { | |
| .no-float-xl { | |
| float: none | |
| } | |
| .no-padding-xl { | |
| padding: 0 | |
| } | |
| .no-margin-xl { | |
| margin: 0 | |
| } | |
| .relative-xl { | |
| position: relative | |
| } | |
| .absolute-xl { | |
| position: absolute | |
| } | |
| .static-xl { | |
| position: static | |
| } | |
| .fixed-xl { | |
| position: fixed | |
| } | |
| .none-xl { | |
| display: none | |
| } | |
| .block-xl { | |
| display: block | |
| } | |
| .force-block-xl { | |
| display: block !important | |
| } | |
| .inline-block-xl { | |
| display: inline-block | |
| } | |
| .inline-xl { | |
| display: inline | |
| } | |
| .table-cell-xl { | |
| display: table-cell | |
| } | |
| .flex-xl { | |
| display: flex | |
| } | |
| .flex-row-xl { | |
| flex-direction: row | |
| } | |
| .flex-column-xl { | |
| flex-direction: column | |
| } | |
| .flex-space-around-xl { | |
| justify-content: space-around | |
| } | |
| .flex-space-between-xl { | |
| justify-content: space-between | |
| } | |
| .flex-start-xl { | |
| justify-content: flex-start | |
| } | |
| .flex-center-xl { | |
| justify-content: center | |
| } | |
| .flex-end-xl { | |
| justify-content: flex-end | |
| } | |
| .flex-wrap-xl { | |
| flex-wrap: wrap | |
| } | |
| .flex-nowrap-xl { | |
| flex-wrap: nowrap | |
| } | |
| .left-xl { | |
| float: left | |
| } | |
| .right-xl { | |
| float: right | |
| } | |
| .center-xl { | |
| float: none; | |
| margin-left: auto; | |
| margin-right: auto | |
| } | |
| .text-left-xl { | |
| text-align: left | |
| } | |
| .text-right-xl { | |
| text-align: right | |
| } | |
| .text-center-xl { | |
| text-align: center | |
| } | |
| .text-justify-xl { | |
| text-align: justify | |
| } | |
| .no-col-xl { | |
| width: auto; | |
| float: none | |
| } | |
| .width-auto-xl { | |
| width: auto | |
| } | |
| .no-pull-xl, .no-push-xl { | |
| left: 0 | |
| } | |
| .pad-top-0-xl { | |
| padding-top: 0 | |
| } | |
| .pad-top-5-xl { | |
| padding-top: 5px | |
| } | |
| .pad-top-10-xl { | |
| padding-top: 10px | |
| } | |
| .pad-top-15-xl { | |
| padding-top: 15px | |
| } | |
| .pad-top-20-xl { | |
| padding-top: 20px | |
| } | |
| .pad-top-25-xl { | |
| padding-top: 25px | |
| } | |
| .pad-top-30-xl { | |
| padding-top: 30px | |
| } | |
| .pad-top-35-xl { | |
| padding-top: 35px | |
| } | |
| .pad-top-40-xl { | |
| padding-top: 40px | |
| } | |
| .pad-top-45-xl { | |
| padding-top: 45px | |
| } | |
| .pad-top-50-xl { | |
| padding-top: 50px | |
| } | |
| .pad-top-55-xl { | |
| padding-top: 55px | |
| } | |
| .pad-top-60-xl { | |
| padding-top: 60px | |
| } | |
| .pad-bottom-0-xl { | |
| padding-bottom: 0 | |
| } | |
| .pad-bottom-5-xl { | |
| padding-bottom: 5px | |
| } | |
| .pad-bottom-10-xl { | |
| padding-bottom: 10px | |
| } | |
| .pad-bottom-15-xl { | |
| padding-bottom: 15px | |
| } | |
| .pad-bottom-20-xl { | |
| padding-bottom: 20px | |
| } | |
| .pad-bottom-25-xl { | |
| padding-bottom: 25px | |
| } | |
| .pad-bottom-30-xl { | |
| padding-bottom: 30px | |
| } | |
| .pad-bottom-35-xl { | |
| padding-bottom: 35px | |
| } | |
| .pad-bottom-40-xl { | |
| padding-bottom: 40px | |
| } | |
| .pad-bottom-45-xl { | |
| padding-bottom: 45px | |
| } | |
| .pad-bottom-50-xl { | |
| padding-bottom: 50px | |
| } | |
| .pad-bottom-55-xl { | |
| padding-bottom: 55px | |
| } | |
| .pad-bottom-60-xl { | |
| padding-bottom: 60px | |
| } | |
| .pad-0-xl { | |
| padding: 0 | |
| } | |
| .pad-5-xl { | |
| padding: 5px | |
| } | |
| .pad-10-xl { | |
| padding: 10px | |
| } | |
| .pad-15-xl { | |
| padding: 15px | |
| } | |
| .pad-20-xl { | |
| padding: 20px | |
| } | |
| .pad-25-xl { | |
| padding: 25px | |
| } | |
| .pad-30-xl { | |
| padding: 30px | |
| } | |
| .pad-35-xl { | |
| padding: 35px | |
| } | |
| .pad-40-xl { | |
| padding: 40px | |
| } | |
| .pad-45-xl { | |
| padding: 45px | |
| } | |
| .pad-50-xl { | |
| padding: 50px | |
| } | |
| .pad-55-xl { | |
| padding: 55px | |
| } | |
| .pad-60-xl { | |
| padding: 60px | |
| } | |
| } | |
| @media print { | |
| .no-float-print { | |
| float: none | |
| } | |
| .no-padding-print { | |
| padding: 0 | |
| } | |
| .no-margin-print { | |
| margin: 0 | |
| } | |
| .none-print { | |
| display: none | |
| } | |
| .block-print { | |
| display: block | |
| } | |
| .inline-block-print { | |
| display: inline-block | |
| } | |
| .inline-print { | |
| display: inline | |
| } | |
| .flex-print { | |
| display: flex | |
| } | |
| .text-left-print { | |
| text-align: left | |
| } | |
| .text-right-print { | |
| text-align: right | |
| } | |
| .text-center-print { | |
| text-align: center | |
| } | |
| .text-justify-print { | |
| text-align: justify | |
| } | |
| .no-col-print { | |
| width: auto; | |
| float: none | |
| } | |
| .no-pull-print, .no-push-print { | |
| left: 0 | |
| } | |
| .pad-top-0-print { | |
| padding-top: 0 | |
| } | |
| .pad-top-5-print { | |
| padding-top: 5px | |
| } | |
| .pad-top-10-print { | |
| padding-top: 10px | |
| } | |
| .pad-top-15-print { | |
| padding-top: 15px | |
| } | |
| .pad-top-20-print { | |
| padding-top: 20px | |
| } | |
| .pad-top-25-print { | |
| padding-top: 25px | |
| } | |
| .pad-top-30-print { | |
| padding-top: 30px | |
| } | |
| .pad-top-35-print { | |
| padding-top: 35px | |
| } | |
| .pad-top-40-print { | |
| padding-top: 40px | |
| } | |
| .pad-top-45-print { | |
| padding-top: 45px | |
| } | |
| .pad-top-50-print { | |
| padding-top: 50px | |
| } | |
| .pad-top-55-print { | |
| padding-top: 55px | |
| } | |
| .pad-top-60-print { | |
| padding-top: 60px | |
| } | |
| .pad-bottom-0-print { | |
| padding-bottom: 0 | |
| } | |
| .pad-bottom-5-print { | |
| padding-bottom: 5px | |
| } | |
| .pad-bottom-10-print { | |
| padding-bottom: 10px | |
| } | |
| .pad-bottom-15-print { | |
| padding-bottom: 15px | |
| } | |
| .pad-bottom-20-print { | |
| padding-bottom: 20px | |
| } | |
| .pad-bottom-25-print { | |
| padding-bottom: 25px | |
| } | |
| .pad-bottom-30-print { | |
| padding-bottom: 30px | |
| } | |
| .pad-bottom-35-print { | |
| padding-bottom: 35px | |
| } | |
| .pad-bottom-40-print { | |
| padding-bottom: 40px | |
| } | |
| .pad-bottom-45-print { | |
| padding-bottom: 45px | |
| } | |
| .pad-bottom-50-print { | |
| padding-bottom: 50px | |
| } | |
| .pad-bottom-55-print { | |
| padding-bottom: 55px | |
| } | |
| .pad-bottom-60-print { | |
| padding-bottom: 60px | |
| } | |
| .pad-0-print { | |
| padding: 0 | |
| } | |
| .pad-5-print { | |
| padding: 5px | |
| } | |
| .pad-10-print { | |
| padding: 10px | |
| } | |
| .pad-15-print { | |
| padding: 15px | |
| } | |
| .pad-20-print { | |
| padding: 20px | |
| } | |
| .pad-25-print { | |
| padding: 25px | |
| } | |
| .pad-30-print { | |
| padding: 30px | |
| } | |
| .pad-35-print { | |
| padding: 35px | |
| } | |
| .pad-40-print { | |
| padding: 40px | |
| } | |
| .pad-45-print { | |
| padding: 45px | |
| } | |
| .pad-50-print { | |
| padding: 50px | |
| } | |
| .pad-55-print { | |
| padding: 55px | |
| } | |
| .pad-60-print { | |
| padding: 60px | |
| } | |
| } | |
| #mainpart { | |
| width: 100%; | |
| padding-bottom: 30px; | |
| padding-top: 20px | |
| } | |
| #mainpart.at-index { | |
| padding-bottom: 0 | |
| } | |
| #mainpart.reading-page { | |
| position: relative; | |
| padding-left: 0; | |
| padding-bottom: 0; | |
| padding-top: 0 | |
| } | |
| .owl-carousel { | |
| width: auto !important | |
| } | |
| @media only screen and (max-width:999px) { | |
| #mainpart { | |
| padding-left: 0; | |
| padding-bottom: 50px | |
| } | |
| } | |
| .statistic-top, .unstyled, .user-private-tabs, ul.list-chapters, ul.mail-participants, ul.others-list li { | |
| text-decoration: none; | |
| list-style: none | |
| } | |
| .border-none { | |
| border: none !important | |
| } | |
| .col-padright { | |
| padding-left: 0; | |
| padding-right: 20px | |
| } | |
| .col-padleft { | |
| padding-right: 0; | |
| padding-left: 20px | |
| } | |
| .bg_eee { | |
| background-color: #eee | |
| } | |
| .bg-f4f4f4 { | |
| background-color: #fcfcfc; | |
| border-top: 1px solid #f0f0f0 | |
| } | |
| .threeone-ratio { | |
| position: relative | |
| } | |
| .threeone-ratio:before { | |
| display: block; | |
| content: ""; | |
| width: 100%; | |
| padding-top: 33.3333333333% | |
| } | |
| .threeone-ratio > .content { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0 | |
| } | |
| .fourone-ratio { | |
| position: relative | |
| } | |
| .fourone-ratio:before { | |
| display: block; | |
| content: ""; | |
| width: 100%; | |
| padding-top: 25% | |
| } | |
| .fourone-ratio > .content { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0 | |
| } | |
| .banner-ratio { | |
| position: relative | |
| } | |
| .banner-ratio:before { | |
| display: block; | |
| content: ""; | |
| width: 100%; | |
| padding-top: 12.5% | |
| } | |
| .banner-ratio > .content { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0 | |
| } | |
| .a6-ratio { | |
| position: relative | |
| } | |
| .a6-ratio:before { | |
| display: block; | |
| content: ""; | |
| width: 100%; | |
| padding-top: 143.3333333333% | |
| } | |
| .a6-ratio > .content { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0 | |
| } | |
| .img-in-ratio { | |
| background-size: 100% 100%; | |
| background-repeat: no-repeat; | |
| background-position: 50% | |
| } | |
| a.see_more { | |
| cursor: pointer | |
| } | |
| .refresher { | |
| -webkit-animation: refresh_spin 3s linear infinite; | |
| animation: refresh_spin 3s linear infinite | |
| } | |
| @-webkit-keyframes refresh_spin { | |
| 0% { | |
| transform: rotate(0deg) | |
| } | |
| to { | |
| transform: rotate(1turn) | |
| } | |
| } | |
| @keyframes refresh_spin { | |
| 0% { | |
| transform: rotate(0deg) | |
| } | |
| to { | |
| transform: rotate(1turn) | |
| } | |
| } | |
| .long-text a:hover { | |
| color: #08c !important; | |
| text-decoration: underline | |
| } | |
| .long-text a { | |
| color: #0095df; | |
| cursor: pointer | |
| } | |
| #tba-list .tba-item .info-item, #tba-list .tba-item .tba-detail .series-title, .attached-series .series-info .series-name, .bookmark-item .series-title, .comment-item-at-index .comment-location, .comment-item-at-index .comment-user_name, .comment-item-at-index .series-name, .comment-item .comment-location, .comment-item .comment-user_name, .comment-item .series-name, .daily-recent_views .sub-line, .last-topics .topic-data, .licensed-list-page #licensed-list .info-item, .line-ellipsis, .new-series .list-detail .series-title, .page-author .author_name, .private-tabs header .user-name, .rank-cirle .series-detail .series-title, .thumb-item-flow .thumb_attr.chapter-title, .thumb-item-flow .thumb_attr.volume-title, .user-pm .mail-name, .user-pm .sender-name, table.broad-table tr td, table.broad-table tr td .topic-username, table.broad-table tr th, table.listext-table.has-covers tr td .series-name, table.listext-table tr td, table.listext-table tr td small, ul.bookmarks_list .chapter-title, ul.bookmarks_list .volume-title, ul.list-chapters li .chapter-name, ul.mail-participants li, ul.others-list li small { | |
| white-space: nowrap; | |
| overflow: hidden; | |
| text-overflow: ellipsis | |
| } | |
| .basic-section, .board-list, .board_categ-list, .detail-list, .feature-section, .mail-page .mail-detail-list, .modal-content, .page-breadcrumb, .private-tabs, .profile-feature, .series-users, .showcase-item, .sub-index-style, .user-pm .mail-list { | |
| background-color: hsla(0,0%,100%,.9); | |
| border-radius: 4px; | |
| overflow: hidden; | |
| border-color: #e4e5e7 #dadbdd rgba(202,204,206,.8); | |
| border-style: solid; | |
| border-width: 1px | |
| } | |
| #licensed-list header.section-title, #tba-list header.section-title, .basic-section .sect-header, .detail-list header.section-title, .modal-header, .private-tabs header, table.broad-table tr th { | |
| background-color: #f4f5f6; | |
| border-bottom: 1px solid #dadbdd; | |
| padding: 10px | |
| } | |
| .list-volume-wrapper, .ln-comment-toolkit, .ln-list-option { | |
| box-shadow: 0 0 4px #aaa | |
| } | |
| .overflow-hiden { | |
| overflow: hidden | |
| } | |
| .index-background { | |
| background: rgba(199,203,209,.3) url(/images/megumi-bg.jpg?3239695e92170b3bf7cc1b40020af5c1) no-repeat 50%; | |
| height: 180px; | |
| width: 100% | |
| } | |
| .page-top-group { | |
| padding-top: 46px | |
| } | |
| .page-breadcrumb { | |
| margin-bottom: 20px; | |
| display: inline-block; | |
| padding: 4px 10px | |
| } | |
| .sts-bold { | |
| padding: 4px 8px; | |
| background-color: rgba(26,26,26,.8); | |
| color: #fff | |
| } | |
| .sts-bold, .sts-empty { | |
| font-size: 16px; | |
| font-size: 1.6rem; | |
| line-height: 22px; | |
| line-height: 2.2rem; | |
| display: inline-block | |
| } | |
| .sts-empty { | |
| margin: 0 8px; | |
| border-bottom: 2px solid rgba(26,26,26,.8); | |
| text-transform: uppercase | |
| } | |
| .basic-section { | |
| margin-bottom: 20px | |
| } | |
| .index-section { | |
| margin-bottom: 40px | |
| } | |
| .index-section .section-title { | |
| padding-top: 1em; | |
| padding-bottom: 1em; | |
| font-weight: 700 | |
| } | |
| .index-section .section-title span.section-name { | |
| border-bottom: 4px solid rgba(18,18,18,.6); | |
| padding-bottom: 4px; | |
| opacity: .6 | |
| } | |
| .index-section .section-title i { | |
| margin-right: 10px; | |
| color: #36a189 | |
| } | |
| .index-section.most-followed .section-title i { | |
| color: #d64f6f | |
| } | |
| #recent-comments.index-section .section-title i { | |
| color: #dc8118 | |
| } | |
| .last-topics .title a i { | |
| margin-right: 10px; | |
| color: #36a189 | |
| } | |
| .basic-section .sect-header { | |
| font-weight: 700 | |
| } | |
| .basic-section .sect-title { | |
| padding-right: 0; | |
| display: inline-block; | |
| margin-left: 0 | |
| } | |
| .basic-section .sect-title.bottom-line { | |
| border-bottom: 3px solid #36a189; | |
| padding: 3px 0 | |
| } | |
| .basic-section .sect-title.index-gray { | |
| font-size: 24px; | |
| border: none; | |
| color: #1d5268; | |
| margin-bottom: 10px; | |
| margin-left: 10px; | |
| text-transform: none; | |
| padding-top: 20px; | |
| padding-left: 0; | |
| padding-bottom: 4px | |
| } | |
| section.basic-section main { | |
| padding: 10px | |
| } | |
| .basic-section .sect-body.no-padding { | |
| padding: 0 | |
| } | |
| .basic-section .sect-more { | |
| padding-left: 15px | |
| } | |
| .basic-section .sect-more a { | |
| color: #36a189; | |
| text-decoration: none | |
| } | |
| .noheader-section { | |
| margin-top: 20px | |
| } | |
| .browse-section .pagination-footer, .has-pagination .pagination-footer { | |
| background-color: #fff | |
| } | |
| @media only screen and (max-width:999px) { | |
| .basic-section .sect-title { | |
| font-size: 16px; | |
| font-size: 1.6rem; | |
| line-height: 22px; | |
| line-height: 2.2rem | |
| } | |
| } | |
| .listall-item .series-cover img { | |
| border: 1px solid #eee | |
| } | |
| .listall-item .listall-detail { | |
| padding-left: 160px | |
| } | |
| .listall-item .listall-detail .series-title { | |
| margin-bottom: 10px | |
| } | |
| .listall-item .listall-detail .series-title a { | |
| text-decoration: none | |
| } | |
| .listall-item .listall-detail .series-title a:hover { | |
| color: #36a189 | |
| } | |
| .listall-item .listall-detail .lastest-chapter, .listall-item .listall-detail .series-summary { | |
| margin-bottom: 10px | |
| } | |
| .listall-item .listall-detail .lastest-chapter a { | |
| font-weight: 700; | |
| color: #36a189 | |
| } | |
| .listall-item .listall-detail .lastest-chapter small { | |
| color: #aaa; | |
| font-weight: 700; | |
| display: block | |
| } | |
| hr.listall-sepaline { | |
| height: 2px | |
| } | |
| .new-series .list-detail .series-title { | |
| margin-bottom: 10px | |
| } | |
| .new-series .list-detail .series-title a { | |
| text-decoration: none | |
| } | |
| .new-series .list-detail .lastest-chapter, .new-series .list-detail .series-summary { | |
| margin-bottom: 10px | |
| } | |
| .new-series .list-detail .lastest-chapter a { | |
| font-weight: 700; | |
| color: #36a189 | |
| } | |
| .new-series .list-detail .lastest-chapter small { | |
| color: #aaa; | |
| font-weight: 700; | |
| display: block | |
| } | |
| .new-series .sect-body { | |
| margin-bottom: 10px | |
| } | |
| .new-series .list-item { | |
| margin: 10px 0 | |
| } | |
| .new-series .list-item:nth-of-type(odd) { | |
| clear: left | |
| } | |
| .new-series .listall-detail { | |
| padding-left: inherit | |
| } | |
| .detail-list { | |
| border-radius: 4px; | |
| overflow: hidden; | |
| margin-bottom: 20px | |
| } | |
| .detail-list header.section-title { | |
| background-image: url(/images/header-icon-green.png?0dbcc8ae729ae23d7c0e239bee81096a); | |
| background-repeat: no-repeat; | |
| background-position: 0; | |
| font-weight: 700; | |
| padding: 20px 20px 20px 50px; | |
| background-size: 30px auto; | |
| background-position: 10px | |
| } | |
| .detail-list-item { | |
| padding: 10px; | |
| border-bottom: 1px solid #d4dae2 | |
| } | |
| .detail-list-item .series-cover { | |
| float: left; | |
| width: 140px; | |
| margin-right: 10px | |
| } | |
| .detail-list-item .detail-list-detail { | |
| padding-left: 160px | |
| } | |
| .detail-list-item .detail-list-detail .lastest-chapter, .detail-list-item .detail-list-detail .series-summary, .detail-list-item .detail-list-detail .sub-attr { | |
| margin-bottom: 10px | |
| } | |
| .detail-list-item .detail-list-detail .lastest-chapter a { | |
| font-weight: 700 | |
| } | |
| .detail-list-item .detail-list-detail .lastest-chapter small { | |
| display: block; | |
| color: rgba(0,0,0,.4) | |
| } | |
| .detail-list-item .sub-attr-item { | |
| display: inline-block; | |
| margin-right: 20px | |
| } | |
| .detail-list-item .sub-attr-item .attr-name { | |
| color: rgba(0,0,0,.4); | |
| margin-right: 10px | |
| } | |
| @media only screen and (max-width:787px) { | |
| .detail-list .detail-list-item .detail-list-detail { | |
| padding-left: 0 | |
| } | |
| .detail-list .detail-list-item .cover-wrapper { | |
| display: block; | |
| text-align: center; | |
| margin-bottom: 10px | |
| } | |
| .detail-list .detail-list-item .cover-wrapper .series-cover { | |
| float: none; | |
| display: inline-block | |
| } | |
| } | |
| @media only screen and (max-width:787px) { | |
| .listall-item .cover-wrapper { | |
| width: 100% !important; | |
| text-align: center | |
| } | |
| .listall-item .cover-wrapper .series-cover { | |
| display: inline-block; | |
| width: 140px | |
| } | |
| .listall-detail { | |
| padding-left: 0 !important | |
| } | |
| } | |
| .page-title { | |
| margin-bottom: 20px | |
| } | |
| .page-title .page-name_wrapper .container { | |
| position: relative | |
| } | |
| .page-title .page-name_wrapper .page-name { | |
| font-weight: 700 | |
| } | |
| .page-title .page-name_wrapper .page-name i { | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| color: #36a189; | |
| margin-right: 10px | |
| } | |
| .page-title .sub-line { | |
| padding-top: 10px; | |
| color: #aaa | |
| } | |
| .modal { | |
| display: none; | |
| position: fixed; | |
| z-index: 9999; | |
| padding-top: 100px; | |
| padding-left: 20px; | |
| padding-right: 20px; | |
| left: 0; | |
| top: 0; | |
| width: 100%; | |
| height: 100%; | |
| overflow: auto; | |
| background-color: #000; | |
| background-color: rgba(0,0,0,.4) | |
| } | |
| .modal-content { | |
| position: relative; | |
| margin: auto; | |
| padding: 0; | |
| min-width: 320px; | |
| max-width: 560px; | |
| border: 0 | |
| } | |
| .modal-body { | |
| padding: 20px 10px; | |
| font-size: 16px; | |
| font-size: 1.6rem | |
| } | |
| .modal-header { | |
| background-color: #d9534f !important; | |
| font-weight: 700 | |
| } | |
| .modal-footer { | |
| text-align: right; | |
| padding: 0 10px 10px | |
| } | |
| .sub-index-style { | |
| border-radius: 4px; | |
| padding: 10px; | |
| margin-bottom: 20px | |
| } | |
| .sub-index-style .title-wrapper { | |
| margin-bottom: 10px | |
| } | |
| .sub-index-style .section-title { | |
| font-size: 16px; | |
| font-size: 1.6rem; | |
| line-height: 22px; | |
| line-height: 2.2rem; | |
| padding: 4px 10px; | |
| background-color: #f5f5f5; | |
| display: inline-block; | |
| font-weight: 700; | |
| border-radius: 4px; | |
| position: relative; | |
| border: 1px solid #d4dae2 | |
| } | |
| .sub-index-style .section-title:after { | |
| content: ""; | |
| width: 0; | |
| left: 0; | |
| border-left: 10px solid transparent; | |
| border-right: 10px solid transparent; | |
| border-top: 10px solid #36a189; | |
| position: absolute; | |
| top: 100%; | |
| left: 20px; | |
| display: none | |
| } | |
| .sub-index-introduce .series-cover { | |
| text-align: center | |
| } | |
| .sub-index-introduce .series-cover .a6-ratio { | |
| width: 200px; | |
| display: inline-block | |
| } | |
| .sub-index-introduce .series-title { | |
| margin-top: .4em; | |
| margin-bottom: .4em | |
| } | |
| .last-topics .title { | |
| padding: .5em 0; | |
| font-weight: 700 | |
| } | |
| .last-topics .topic-item { | |
| margin-bottom: 10px; | |
| padding: 0 10px 0 20px | |
| } | |
| .last-topics .topic-data { | |
| color: rgba(0,0,0,.4); | |
| padding: 0 | |
| } | |
| .rank-cirle .title { | |
| margin: 1em 0 | |
| } | |
| .rank-cirle .rank-circle-item { | |
| margin-bottom: 10px; | |
| padding: 0 0 0 20px; | |
| color: rgba(25,26,26,.7) | |
| } | |
| .rank-cirle .rank-circle-item .series-title { | |
| color: rgba(25,26,26,.7) | |
| } | |
| .rank-cirle .rank-circle-item:first-of-type .series-detail, .rank-cirle .rank-circle-item:first-of-type .series-title { | |
| color: #d54d6d | |
| } | |
| .rank-cirle .rank-circle-item:first-of-type .rank-number { | |
| background-color: #d54d6d | |
| } | |
| .rank-cirle .rank-circle-item:nth-of-type(2) .series-detail, .rank-cirle .rank-circle-item:nth-of-type(2) .series-title, .rank-cirle .rank-circle-item:nth-of-type(3) .series-detail, .rank-cirle .rank-circle-item:nth-of-type(3) .series-title { | |
| color: rgba(25,26,26,.9) | |
| } | |
| .rank-cirle .rank-circle-item:nth-of-type(2) .rank-number, .rank-cirle .rank-circle-item:nth-of-type(3) .rank-number { | |
| background-color: rgba(25,26,26,.9) | |
| } | |
| .rank-cirle .series-detail { | |
| padding-left: 40px | |
| } | |
| .rank-cirle .series-detail .series-title { | |
| display: block; | |
| font-weight: 700 | |
| } | |
| .rank-cirle .series-cover { | |
| float: right; | |
| width: 38px; | |
| margin-left: 10px | |
| } | |
| .rank-cirle .rank-number { | |
| width: 30px; | |
| overflow: hidden; | |
| display: block; | |
| float: left; | |
| font-weight: 700; | |
| margin-right: 6px; | |
| text-align: center; | |
| background-color: rgba(25,26,26,.7); | |
| color: #fff; | |
| border-radius: 20px | |
| } | |
| .popular-thumb-item { | |
| margin-top: 10px; | |
| margin-bottom: 10px; | |
| width: 20%; | |
| display: inline-block; | |
| padding-left: 10px; | |
| padding-right: 10px | |
| } | |
| .popular-thumb-item .a6-ratio { | |
| width: 100%; | |
| overflow: hidden | |
| } | |
| .popular-thumb-item .thumb-wrapper { | |
| position: relative; | |
| color: #fff | |
| } | |
| .popular-thumb-item .thumb-detail { | |
| position: absolute; | |
| bottom: 0; | |
| left: 0; | |
| padding: 10px; | |
| width: 100%; | |
| overflow: hidden; | |
| background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.8) 67%,rgba(0,0,0,.8)); | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#cc000000",GradientType=0) | |
| } | |
| .popular-thumb-item .thumb_attr.series-title { | |
| font-size: 16px; | |
| font-size: 1.6rem; | |
| line-height: 22px; | |
| line-height: 2.2rem; | |
| margin-bottom: 4px; | |
| font-weight: 700; | |
| margin-top: 6px; | |
| height: 44px; | |
| overflow: hidden; | |
| text-align: center | |
| } | |
| .daily-recent_views .title { | |
| padding: .5em 0 | |
| } | |
| .daily-recent_views .top-tab_title { | |
| margin-right: 10px; | |
| font-weight: 700; | |
| border-bottom: 2px solid transparent; | |
| color: #aaa | |
| } | |
| .daily-recent_views .top-tab_title.title-active { | |
| color: #fff; | |
| background-color: rgba(25,26,26,.8); | |
| padding: 4px 8px; | |
| display: inline-block | |
| } | |
| .daily-recent_views .top-tab_title.title-active i { | |
| color: #f0bc00; | |
| display: inline | |
| } | |
| .daily-recent_views .sub-line { | |
| display: block | |
| } | |
| .daily-recent_views .daily-recent_views-item { | |
| margin: 10px 0 | |
| } | |
| .daily-recent_views .series-cover { | |
| width: 50px; | |
| float: left | |
| } | |
| .daily-recent_views .vertical-center { | |
| padding-top: 5px; | |
| padding-bottom: 5px | |
| } | |
| .daily-recent_views .series-detail { | |
| padding-left: 50px | |
| } | |
| .daily-recent_views .series-detail .series-title { | |
| display: block; | |
| font-weight: 700 | |
| } | |
| .daily-recent_views .series-detail .chapter-title, .daily-recent_views .series-detail .volume-title { | |
| font-size: .8em; | |
| display: block; | |
| opacity: .75 | |
| } | |
| .daily-recent_views .series-attribute { | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| line-height: 18px; | |
| line-height: 1.8rem; | |
| display: inline | |
| } | |
| @media only screen and (min-width:788px)and (max-width:999px) { | |
| .popular-thumb-item:nth-of-type(5), .popular-thumb-item:nth-of-type(6) { | |
| display: none | |
| } | |
| } | |
| @media only screen and (max-width:787px) { | |
| .daily-recent_views .daily-recent_views-item:nth-of-type(5), .daily-recent_views .daily-recent_views-item:nth-of-type(6), .daily-recent_views .daily-recent_views-item:nth-of-type(7), .daily-recent_views .daily-recent_views-item:nth-of-type(8) { | |
| display: none | |
| } | |
| } | |
| @media only screen and (max-width:999px) { | |
| .daily-recent_views .daily-recent_views-item:nth-of-type(9), .daily-recent_views .daily-recent_views-item:nth-of-type(10), .daily-recent_views .daily-recent_views-item:nth-of-type(11), .daily-recent_views .daily-recent_views-item:nth-of-type(12) { | |
| display: none | |
| } | |
| } | |
| .donate-announcements { | |
| border-bottom: 2px solid #0a1c23; | |
| padding: 2px 10px; | |
| color: #fff | |
| } | |
| .donate-announcements marquee { | |
| margin: 0 30px | |
| } | |
| .topview_rank { | |
| background-color: #36a189; | |
| color: #fff; | |
| font-weight: 700; | |
| float: left; | |
| width: 30px; | |
| text-align: center; | |
| line-height: 30px; | |
| line-height: 3rem; | |
| margin-right: 10px; | |
| border-radius: 100px | |
| } | |
| .topview-item { | |
| padding: 10px | |
| } | |
| .topview_num { | |
| flex: 0 0 60px | |
| } | |
| .topview_name .ranked-attr { | |
| color: rgba(0,0,0,.4) | |
| } | |
| .topview-item:first-child .series-name, .topview-item:nth-child(2) .series-name, .topview-item:nth-child(3) .series-name { | |
| color: #d64f6f | |
| } | |
| .topview-item:first-child .topview_rank, .topview-item:nth-child(2) .topview_rank, .topview-item:nth-child(3) .topview_rank { | |
| background-color: #d64f6f | |
| } | |
| .topview-item:first-child { | |
| background-color: #d64f6f; | |
| border-radius: 4px; | |
| color: #fff | |
| } | |
| .topview-item:first-child .topview_rank { | |
| background-color: #fff; | |
| color: #d64f6f | |
| } | |
| .topview-item:first-child .ranked-attr, .topview-item:first-child .series-name a { | |
| color: #fff | |
| } | |
| .comment-item { | |
| border-bottom: 1px solid #d4dae2; | |
| padding-top: 10px; | |
| padding-bottom: 10px | |
| } | |
| .comment-item .series-name { | |
| display: block; | |
| color: rgba(0,0,0,.4) | |
| } | |
| .comment-item .comment-info { | |
| padding-left: 46px | |
| } | |
| .comment-item .comment-user_ava { | |
| overflow: hidden; | |
| float: left; | |
| width: 36px; | |
| height: 36px; | |
| margin-right: 10px | |
| } | |
| .comment-item .comment-user_ava img { | |
| width: 100%; | |
| height: 100%; | |
| border-radius: 25px | |
| } | |
| .comment-item .comment-location { | |
| color: rgba(0,0,0,.4); | |
| float: right | |
| } | |
| .comment-item .comment-item:last-child .comment-user_ava { | |
| background: none | |
| } | |
| .comment-item .comment-content { | |
| overflow: hidden; | |
| margin-top: 2px; | |
| margin-bottom: 2px | |
| } | |
| .comment-item .comment-time { | |
| opacity: .6; | |
| display: block | |
| } | |
| #recent-comments.index-section main { | |
| padding-left: 20px | |
| } | |
| .comment-item-at-index { | |
| border-bottom: 1px solid #d4dae2; | |
| padding-top: 10px; | |
| padding-bottom: 10px | |
| } | |
| .comment-item-at-index .comment-top { | |
| margin-bottom: 6px | |
| } | |
| .comment-item-at-index .series-name { | |
| display: block; | |
| font-weight: 700 | |
| } | |
| .comment-item-at-index .comment-user_ava { | |
| overflow: hidden; | |
| float: left; | |
| width: 24px; | |
| height: 24px; | |
| margin-right: 6px | |
| } | |
| .comment-item-at-index .comment-user_ava img { | |
| width: 100%; | |
| height: 100%; | |
| border-radius: 25px | |
| } | |
| .comment-item-at-index .comment-user_name { | |
| font-size: 13px; | |
| font-size: 1.3rem; | |
| line-height: 19px; | |
| line-height: 1.9rem; | |
| color: rgba(0,0,0,.4) | |
| } | |
| .comment-item-at-index .comment-location { | |
| color: rgba(0,0,0,.4); | |
| float: right | |
| } | |
| .comment-item-at-index .comment-item:last-child .comment-user_ava { | |
| background: none | |
| } | |
| .comment-item-at-index .comment-content { | |
| overflow: hidden; | |
| margin-bottom: 6px | |
| } | |
| .comment-item-at-index .comment-time { | |
| opacity: .6; | |
| display: block | |
| } | |
| .comment-item-at-index:last-child { | |
| border-bottom: 0 | |
| } | |
| @media only screen and (max-width:787px) { | |
| .comment-item-at-index:nth-of-type(7), .comment-item-at-index:nth-of-type(8), .comment-item-at-index:nth-of-type(9), .comment-item-at-index:nth-of-type(10) { | |
| display: none | |
| } | |
| } | |
| @media only screen and (min-width:1000px)and (max-width:1219px) { | |
| .comment-item-at-index:nth-of-type(9), .comment-item-at-index:nth-of-type(10) { | |
| display: none | |
| } | |
| } | |
| .thumb-see-more { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| background-color: rgba(0,0,0,.5); | |
| padding: 10px | |
| } | |
| .thumb-see-more .see-more-inside { | |
| height: 100%; | |
| width: 100%; | |
| border: 1px solid #eee; | |
| position: relative | |
| } | |
| .thumb-see-more .see-more-content { | |
| text-align: center; | |
| position: absolute; | |
| top: 50%; | |
| transform: translateY(-50%); | |
| width: 100% | |
| } | |
| .thumb-see-more .see-more-content .see-more-icon { | |
| font-size: 40px; | |
| font-size: 4rem | |
| } | |
| .thumb-see-more .see-more-content i { | |
| margin-right: 0 | |
| } | |
| .thumb-item-flow { | |
| margin-top: 10px; | |
| margin-bottom: 10px | |
| } | |
| .thumb-item-flow .a6-ratio { | |
| width: 100%; | |
| overflow: hidden | |
| } | |
| .thumb-item-flow .thumb-wrapper { | |
| position: relative; | |
| color: #fff | |
| } | |
| .thumb-item-flow .thumb-detail { | |
| position: absolute; | |
| bottom: 0; | |
| left: 0; | |
| padding: 10px; | |
| width: 100%; | |
| overflow: hidden; | |
| background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.8) 67%,rgba(0,0,0,.8)); | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#cc000000",GradientType=0) | |
| } | |
| .thumb-item-flow .thumb_attr.chapter-title { | |
| font-weight: 700 | |
| } | |
| .thumb-item-flow .thumb_attr.volume-title { | |
| color: #17deb3 | |
| } | |
| .thumb-item-flow .thumb_attr.series-title { | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| line-height: 20px; | |
| line-height: 2rem; | |
| margin-bottom: 4px; | |
| font-weight: 700; | |
| margin-top: 6px; | |
| height: 4.2rem; | |
| overflow: hidden; | |
| text-align: center | |
| } | |
| .thumb-slider { | |
| width: 12%; | |
| display: inline-block; | |
| padding-left: 10px; | |
| padding-right: 10px | |
| } | |
| .last-chapter { | |
| position: relative | |
| } | |
| .last-chapter .section-title span.section-name { | |
| border-bottom: none | |
| } | |
| .last-chapter.translation header i { | |
| color: #36a189 | |
| } | |
| .last-chapter.original header i { | |
| color: #1d7eaf | |
| } | |
| .last-chapter.original .thumb_attr.volume-title { | |
| color: #4ebef7 | |
| } | |
| @media only screen and (min-width:788px)and (max-width:999px) { | |
| .thumb-section-flow.one-row .thumb-item-flow:nth-of-type(4), .thumb-section-flow.one-row .thumb-item-flow:nth-of-type(5), .thumb-section-flow.three-row .thumb-item-flow:nth-of-type(16), .thumb-section-flow.three-row .thumb-item-flow:nth-of-type(17) { | |
| display: none | |
| } | |
| } | |
| .bottom-part.at-index { | |
| background-color: rgba(227,229,232,.5); | |
| border-top: 1px solid #e3e5e8; | |
| border-bottom: 1px solid #e3e5e8; | |
| padding-top: 40px; | |
| padding-bottom: 40px | |
| } | |
| section#series-comments main.comment-wrapper { | |
| padding: 0 | |
| } | |
| #chapter-comments .tab-list .sect-title, #series-comments .tab-list .sect-title { | |
| font-weight: 700; | |
| margin-right: 10px; | |
| border-bottom: 2px solid transparent; | |
| cursor: pointer; | |
| transition: .25s; | |
| -webkit-transition: .25s; | |
| -moz-transition: .25s; | |
| -o-transition: .25s | |
| } | |
| #chapter-comments .tab-list .tab-off, #series-comments .tab-list .tab-off { | |
| font-weight: 400; | |
| color: #777 | |
| } | |
| #chapter-comments .tab-list .tab-off:hover, #series-comments .tab-list .tab-off:hover { | |
| border-bottom-color: #777 | |
| } | |
| .volume-list.at-series .sect-title { | |
| padding-right: 60px; | |
| display: block | |
| } | |
| .series-note main img { | |
| max-width: 100% | |
| } | |
| #list-vol { | |
| position: fixed; | |
| right: 0; | |
| top: 0; | |
| width: 260px; | |
| height: 100%; | |
| z-index: 99999; | |
| padding: 10px; | |
| background: transparent | |
| } | |
| .list-volume-wrapper { | |
| background-color: #fff; | |
| height: 100%; | |
| width: 100%; | |
| overflow: auto | |
| } | |
| ol.list-volume li { | |
| border-bottom: 1px solid #d4dae2; | |
| display: flex; | |
| padding: 10px; | |
| cursor: pointer; | |
| font-size: 14px | |
| } | |
| ol.list-volume li:hover { | |
| color: #36a189 | |
| } | |
| .list_vol-order { | |
| margin-right: 10px | |
| } | |
| .list-vol_off { | |
| position: fixed; | |
| right: 4px; | |
| top: 4px; | |
| padding: 4px; | |
| color: #fff; | |
| cursor: pointer; | |
| width: 30px; | |
| height: 30px; | |
| border-radius: 30px; | |
| line-height: 22px; | |
| line-height: 2.2rem; | |
| text-align: center; | |
| background-color: #d9534f | |
| } | |
| .new-status.badge { | |
| display: inline | |
| } | |
| .new-status.badge .new { | |
| color: #ca2323 | |
| } | |
| .new-status .badge-item { | |
| display: inline; | |
| padding: 0 6px; | |
| border-radius: 2px | |
| } | |
| @media only screen and (max-width:787px) { | |
| .volume-list .volume-cover { | |
| margin-bottom: 10px; | |
| text-align: center | |
| } | |
| .volume-list .volume-cover .a6-ratio { | |
| margin: auto; | |
| width: 100px | |
| } | |
| } | |
| .relate-topic .category-tag { | |
| color: #fff; | |
| padding: 0 10px; | |
| border-radius: 100px; | |
| font-weight: 700 | |
| } | |
| .relate-topic .topic-time { | |
| color: rgba(0,0,0,.4) | |
| } | |
| .relate-topic { | |
| border-left: 4px solid #d9edf7; | |
| margin-bottom: 10px; | |
| padding-left: 10px | |
| } | |
| hr.at-relate-topics { | |
| margin-top: 10px; | |
| margin-bottom: 10px | |
| } | |
| ul.others-list { | |
| padding: 0; | |
| margin: 0 | |
| } | |
| ul.others-list li { | |
| padding-top: 10px; | |
| padding-bottom: 10px | |
| } | |
| ul.others-list li .others-name { | |
| white-space: nowrap; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| font-weight: 700; | |
| display: block; | |
| padding-bottom: 4px | |
| } | |
| ul.others-list li small { | |
| display: block | |
| } | |
| ul.others-list li small.series-summary { | |
| white-space: normal | |
| } | |
| ul.others-list li .others-info { | |
| padding-left: 60px | |
| } | |
| ul.others-list li .others-img { | |
| width: 50px; | |
| float: left; | |
| margin-right: 10px | |
| } | |
| ul.list-chapters { | |
| padding: 0; | |
| margin: 0 | |
| } | |
| ul.list-chapters li { | |
| padding: 5px 10px; | |
| position: relative | |
| } | |
| ul.list-chapters li:nth-child(2n) { | |
| background-color: #f9f9f9 | |
| } | |
| ul.list-chapters li:hover { | |
| background-color: #f0f0f0 | |
| } | |
| ul.list-chapters li .chapter-name { | |
| padding-right: 86px | |
| } | |
| ul.list-chapters li .chapter-name a:visited { | |
| color: #aaa | |
| } | |
| ul.list-chapters li .chapter-name a:hover { | |
| color: inherit | |
| } | |
| ul.list-chapters li .chapter-time { | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| color: #aaa; | |
| position: absolute; | |
| right: 10px; | |
| top: 4px | |
| } | |
| ul.list-chapters li .chapter-name small.unfinished-status { | |
| color: rgba(0,0,0,.4); | |
| display: block; | |
| font-size: 14px; | |
| font-size: 1.4rem | |
| } | |
| @media only screen and (max-width:787px) { | |
| ul.list-chapters li .chapter-name { | |
| padding: 0 | |
| } | |
| ul.list-chapters li .chapter-time { | |
| display: none | |
| } | |
| } | |
| .mobile-more { | |
| cursor: pointer; | |
| position: absolute; | |
| bottom: 0; | |
| left: 0; | |
| right: 0; | |
| height: 100px; | |
| background: linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff 75%,#fff); | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ffffff",GradientType=0) | |
| } | |
| .mobile-more .see_more { | |
| position: absolute; | |
| bottom: 10px; | |
| font-weight: 700; | |
| left: 0; | |
| right: 0; | |
| padding-left: 10px | |
| } | |
| .mobile-more:hover { | |
| color: #36a189 | |
| } | |
| .mobile-more:hover .see_more { | |
| text-decoration: none | |
| } | |
| .mobile-icon { | |
| display: none | |
| } | |
| @media only screen and (max-width:999px) { | |
| .mobile-view { | |
| margin-bottom: 5px | |
| } | |
| .mobile-toggle header { | |
| background-color: #eee; | |
| width: 100%; | |
| padding: 5px 10px; | |
| border-radius: 4px; | |
| font-weight: 700; | |
| cursor: pointer | |
| } | |
| .mobile-toggle .mobile-toggle_header i { | |
| margin-right: 5px | |
| } | |
| .mobile-icon { | |
| display: block; | |
| float: right; | |
| font-size: 16px; | |
| font-size: 1.6rem; | |
| line-height: 22px; | |
| line-height: 2.2rem | |
| } | |
| } | |
| .feature-section { | |
| margin-bottom: 20px | |
| } | |
| .feature-section main { | |
| padding: 0; | |
| position: relative | |
| } | |
| .feature-section .bottom-part { | |
| padding: 0 10px 10px; | |
| overflow: hidden | |
| } | |
| .feature-section .top-part { | |
| padding: 10px | |
| } | |
| .feature-section .series-name-group { | |
| margin-bottom: 10px | |
| } | |
| .feature-section .series-name { | |
| display: block; | |
| font-weight: 700 | |
| } | |
| .feature-section .left-column .a6-ratio { | |
| overflow: hidden | |
| } | |
| .feature-section .series-type { | |
| background-color: #36a189; | |
| display: inline-block; | |
| padding: 6px 10px; | |
| font-weight: 700; | |
| color: #fff; | |
| text-align: center; | |
| position: relative; | |
| width: 100%; | |
| border-radius: 4px; | |
| margin-bottom: 20px | |
| } | |
| .feature-section .series-type:before { | |
| content: ""; | |
| width: 0; | |
| height: 0; | |
| border: 10px solid transparent; | |
| border-top-color: #36a189; | |
| left: 0; | |
| right: 0; | |
| bottom: -19px; | |
| margin: auto; | |
| position: absolute | |
| } | |
| .feature-section .series-information { | |
| margin-bottom: 80px | |
| } | |
| .feature-section .series-gerne-item { | |
| background-color: #eee; | |
| margin-right: 10px; | |
| padding: 0 10px; | |
| border-radius: 20px; | |
| display: inline-block; | |
| margin-bottom: 10px | |
| } | |
| .feature-section .standing-bar { | |
| margin-left: 10px; | |
| margin-right: 10px | |
| } | |
| .feature-section .info-item { | |
| margin-bottom: 10px | |
| } | |
| .feature-section .info-item .info-name { | |
| font-weight: 700; | |
| margin-right: 6px | |
| } | |
| .feature-section .summary-wrapper { | |
| border-top: 1px solid #d4dae2; | |
| margin-top: 10px; | |
| padding-top: 10px | |
| } | |
| .feature-section .series-summary { | |
| margin-bottom: 20px | |
| } | |
| .feature-section .series-summary .summary-content { | |
| max-height: 100px; | |
| overflow: hidden | |
| } | |
| .feature-section .summary-content { | |
| margin-bottom: 0; | |
| overflow: hidden; | |
| position: relative | |
| } | |
| .feature-section .summary-content p { | |
| margin-bottom: .5em | |
| } | |
| .feature-section .summary-contentp:last-child { | |
| margin-bottom: 0 | |
| } | |
| .feature-section.at-volume .volume-name { | |
| font-weight: 700 | |
| } | |
| .summary-more.more-state { | |
| width: 100%; | |
| background: linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff 75%,#fff); | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ffffff",GradientType=0); | |
| position: absolute; | |
| bottom: 0; | |
| height: 100px; | |
| cursor: pointer | |
| } | |
| .summary-more.more-state:hover { | |
| color: #36a189 | |
| } | |
| .summary-more.more-state .see_more { | |
| position: absolute; | |
| bottom: 0; | |
| font-weight: 700; | |
| left: 0; | |
| right: 0; | |
| padding: 10px 10px 10px 0; | |
| cursor: pointer | |
| } | |
| .summary-more.less-state .see_more { | |
| width: 100%; | |
| font-weight: 700; | |
| cursor: pointer | |
| } | |
| .summary-more.less-state .see_more:hover { | |
| color: #36a189 | |
| } | |
| .series-evaluation { | |
| background-color: #333; | |
| width: 200px; | |
| position: absolute; | |
| top: -50px; | |
| left: 0; | |
| border-radius: 4px; | |
| display: none | |
| } | |
| .series-evaluation:before { | |
| content: ""; | |
| position: absolute; | |
| bottom: 0; | |
| left: 10px; | |
| width: 0; | |
| height: 0; | |
| border: 10px solid transparent; | |
| border-top-color: #000; | |
| border-bottom: 0; | |
| border-right: 0; | |
| margin-bottom: -9px | |
| } | |
| .star-evaluate-item { | |
| float: right; | |
| width: 20%; | |
| text-align: center; | |
| color: #fff; | |
| line-height: 30px; | |
| line-height: 3rem; | |
| cursor: pointer | |
| } | |
| .series-rating .feature-value, .star-1:hover, .star-2:hover, .star-2:hover ~ .star-1, .star-3:hover, .star-3:hover ~ .star-1, .star-3:hover ~ .star-2, .star-4:hover, .star-4:hover ~ .star-1, .star-4:hover ~ .star-2, .star-4:hover ~ .star-3, .star-5:hover, .star-5:hover ~ .star-1, .star-5:hover ~ .star-2, .star-5:hover ~ .star-3, .star-5:hover ~ .star-4, .star-evaluate-item.rated { | |
| color: #f5ab00 | |
| } | |
| .bottom-features { | |
| position: absolute; | |
| bottom: 0; | |
| right: 0 | |
| } | |
| .feature-button { | |
| padding: 2px 20px; | |
| border-radius: 2px; | |
| cursor: pointer; | |
| border: 1px solid #111; | |
| display: block; | |
| text-align: center; | |
| transition: .25s; | |
| -webkit-transition: .25s; | |
| -moz-transition: .25s; | |
| -o-transition: .25s; | |
| margin-bottom: 10px | |
| } | |
| .feature-button:hover { | |
| color: inherit; | |
| opacity: .5 | |
| } | |
| #open-rating { | |
| display: none | |
| } | |
| #open-rating:checked + .series-evaluation { | |
| display: block | |
| } | |
| .button-follow { | |
| cursor: pointer; | |
| width: 100%; | |
| text-align: center | |
| } | |
| .button-follow .feature-value, .button-follow.followed .feature-value { | |
| color: #e22590 | |
| } | |
| .sharing-box { | |
| position: absolute; | |
| width: 100%; | |
| left: 0; | |
| display: none; | |
| z-index: 10; | |
| padding: 0 10px | |
| } | |
| .sharing-box a.sharing-item { | |
| display: block; | |
| background-color: #555; | |
| text-align: center; | |
| color: #fff; | |
| width: 100%; | |
| padding: 4px 0; | |
| border-radius: 4px; | |
| margin-top: 10px | |
| } | |
| #open-sharing { | |
| display: none | |
| } | |
| #open-sharing:checked + .sharing-box { | |
| display: block | |
| } | |
| .side-features .side-feature-button { | |
| padding: 4px 10px; | |
| border-radius: 4px; | |
| cursor: pointer; | |
| display: block; | |
| text-align: center; | |
| transition: .25s; | |
| -webkit-transition: .25s; | |
| -moz-transition: .25s; | |
| -o-transition: .25s | |
| } | |
| .side-features .side-feature-button:hover { | |
| opacity: .5; | |
| color: inherit | |
| } | |
| .side-features .feature-value { | |
| font-size: 24px; | |
| font-size: 2.4rem; | |
| line-height: 30px; | |
| line-height: 3rem; | |
| font-weight: 700 | |
| } | |
| .side-features .feature-name i { | |
| margin-right: 4px | |
| } | |
| .statistic-list { | |
| padding-top: 10px; | |
| border-top: 1px solid #d4dae2 | |
| } | |
| .statistic-list .statistic-name { | |
| text-align: center; | |
| color: rgba(0,0,0,.4) | |
| } | |
| .statistic-list .statistic-value { | |
| text-align: center; | |
| font-size: 18px; | |
| font-size: 1.8rem; | |
| font-weight: 700 | |
| } | |
| .statistic-list-wrapper { | |
| position: absolute; | |
| bottom: 0; | |
| right: 0 | |
| } | |
| .other-facts .fact-item { | |
| margin-bottom: 10px | |
| } | |
| .other-facts .fact-name { | |
| font-weight: 700; | |
| margin-bottom: 6px | |
| } | |
| .follow-count, .rate-box { | |
| text-align: center; | |
| margin-bottom: 10px | |
| } | |
| .follow-value, .rate-score { | |
| font-weight: 700; | |
| font-size: 24px; | |
| font-size: 2.4rem; | |
| line-height: 30px; | |
| line-height: 3rem | |
| } | |
| .follow-name, .rate-count { | |
| color: rgba(0,0,0,.4) | |
| } | |
| .follow-value { | |
| color: #e22590 | |
| } | |
| .rate-score { | |
| color: #f5ab00 | |
| } | |
| .rate-score small { | |
| color: #111 | |
| } | |
| .side-statistic-wrapper { | |
| position: relative; | |
| padding: 0 | |
| } | |
| .side-statistic-wrapper .side-statistic { | |
| position: absolute; | |
| top: 50%; | |
| transform: translateY(-50%); | |
| width: 100% | |
| } | |
| @media only screen and (max-width:1219px) { | |
| .series-evaluation-wrapper { | |
| border-top: 1px solid #d4dae2; | |
| margin-top: 10px; | |
| padding-top: 10px | |
| } | |
| .series-evaluation { | |
| margin-top: 0 | |
| } | |
| .feature-section .series-information { | |
| margin-bottom: 80px | |
| } | |
| } | |
| @media only screen and (min-width:788px)and (max-width:999px) { | |
| #rd-sidebar .top-group { | |
| display: flex; | |
| flex-flow: row nowrap; | |
| align-items: flex-end | |
| } | |
| } | |
| @media only screen and (max-width:787px) { | |
| .feature-section .series-information { | |
| margin-bottom: 0 | |
| } | |
| .bottom-features { | |
| position: static; | |
| margin-top: 10px | |
| } | |
| .bottom-features .feature-item { | |
| margin-bottom: 10px | |
| } | |
| .statistic-list .block-wide.at-mobile { | |
| text-align: center; | |
| margin-bottom: 10px; | |
| border-bottom: 1px solid #d4dae2; | |
| padding-bottom: 10px | |
| } | |
| .statistic-list .block-wide.at-mobile .statistic-name { | |
| display: inline-block; | |
| margin-right: 10px | |
| } | |
| .statistic-list .block-wide.at-mobile .statistic-value { | |
| display: inline-block | |
| } | |
| .feature-button, .feature-button-wrapper { | |
| padding-left: 4px; | |
| padding-right: 4px | |
| } | |
| .feature-button { | |
| margin-bottom: 10px | |
| } | |
| .feature-section .button-follow b { | |
| display: none | |
| } | |
| .feature-section .series-name { | |
| font-size: 20px; | |
| font-size: 2rem; | |
| line-height: 26px; | |
| line-height: 2.6rem | |
| } | |
| .feature-section .series-cover, .feature-section .series-details { | |
| width: 100% | |
| } | |
| .feature-section .left-column { | |
| text-align: center | |
| } | |
| .feature-section .series-cover { | |
| width: 140px; | |
| display: inline-block | |
| } | |
| .feature-section .rating-info { | |
| float: none; | |
| text-align: right; | |
| display: block; | |
| margin-bottom: 10px | |
| } | |
| .feature-section .fact-name, .feature-section .left-column, .feature-section .series-type { | |
| margin-bottom: 10px | |
| } | |
| } | |
| .series-users { | |
| margin-bottom: 20px; | |
| border-radius: 4px; | |
| overflow: hidden | |
| } | |
| .series-users .sect-header { | |
| width: 100% | |
| } | |
| .series-users .user-role { | |
| display: block; | |
| color: #fff; | |
| font-size: 13px; | |
| font-size: 1.3rem; | |
| line-height: 16px; | |
| line-height: 1.6rem | |
| } | |
| .series-users .owner_share-title { | |
| color: rgba(0,0,0,.4) | |
| } | |
| .series-users .series-owner_name { | |
| padding-right: 20px; | |
| font-weight: 700 | |
| } | |
| .series-users .series-owner_name a { | |
| color: #fff | |
| } | |
| .series-users .series-owner { | |
| display: block; | |
| position: relative; | |
| width: 100%; | |
| background-color: #36a189 | |
| } | |
| .series-users .series-owner img { | |
| width: 60px; | |
| height: 60px; | |
| z-index: 2; | |
| display: block | |
| } | |
| .series-users .series-owner-title { | |
| position: absolute; | |
| top: 50%; | |
| transform: translateY(-50%); | |
| left: 80px; | |
| z-index: 1 | |
| } | |
| .series-users .series-owner.group-admin { | |
| background-color: #bc4553 | |
| } | |
| .series-users .series-owner.group-mod { | |
| background-color: #983876 | |
| } | |
| .series-users .series-owner_share { | |
| padding: 0 10px 10px | |
| } | |
| .series-users .fantrans-section { | |
| padding: 10px | |
| } | |
| .series-users .fantrans-name { | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| color: rgba(0,0,0,.4) | |
| } | |
| .series-users .fantrans-value { | |
| font-size: 24px; | |
| font-size: 2.4rem; | |
| font-weight: 700 | |
| } | |
| .owner-donate { | |
| border-bottom: 4px solid #d9534f; | |
| text-align: center; | |
| padding: 10px; | |
| border-top: 1px solid #d4dae2 | |
| } | |
| .donate-intro { | |
| display: block; | |
| margin-bottom: 10px | |
| } | |
| .search-form_wrapper { | |
| margin-bottom: 20px | |
| } | |
| .search-form.in { | |
| float: left; | |
| height: 40px; | |
| margin-bottom: 10px | |
| } | |
| .search-form.submit { | |
| background-color: #36a189; | |
| border: 0; | |
| float: left; | |
| height: 40px; | |
| padding: 5px 20px; | |
| color: #fff; | |
| font-weight: 700; | |
| cursor: pointer | |
| } | |
| #index_search-form .search-form.in { | |
| margin-bottom: 20px | |
| } | |
| .search-advance_toggle { | |
| cursor: pointer; | |
| float: right | |
| } | |
| .search-form_sub { | |
| width: 100%; | |
| margin-bottom: 20px | |
| } | |
| .search-gerne { | |
| border-left: 2px solid #ccc | |
| } | |
| .search-form_sub-name, .search-gerne_name, .search-status-name { | |
| font-weight: 700; | |
| margin-bottom: 4px | |
| } | |
| .search-gerne_name { | |
| margin-bottom: 10px | |
| } | |
| .search-gerne_item { | |
| margin-bottom: 10px; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| font-size: 14px; | |
| padding-right: 0 | |
| } | |
| .search-gerne_item label { | |
| cursor: pointer | |
| } | |
| .search-advance_toggle.on { | |
| margin-bottom: 20px | |
| } | |
| @media only screen and (max-width:999px) { | |
| .search-gerne { | |
| border: none; | |
| border-top: 2px solid #ccc; | |
| padding-top: 10px | |
| } | |
| } | |
| .gerne-icon { | |
| margin-right: 2px | |
| } | |
| .gerne-icon .fa-check { | |
| color: green | |
| } | |
| .gerne-icon .fa-times { | |
| color: #dc143c | |
| } | |
| #mainpart.error-page { | |
| background-image: url(/images/bg-40x.jpg?5f52577d848642c5d505b961cd71ea78); | |
| background-size: cover; | |
| position: absolute; | |
| height: 100%; | |
| width: 100% | |
| } | |
| .error-center { | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| transform: translate(-50%,-50%); | |
| color: #fff | |
| } | |
| .error-name { | |
| font-size: 150px; | |
| font-weight: 700; | |
| display: inline-block | |
| } | |
| .error-note { | |
| border-top: 4px solid #fff; | |
| border-bottom: 4px solid #fff; | |
| padding: 6px 20px; | |
| margin-top: 20px; | |
| text-transform: uppercase; | |
| font-weight: 700; | |
| letter-spacing: 1px; | |
| font-size: 30px; | |
| line-height: 35px | |
| } | |
| .error-black { | |
| position: absolute; | |
| height: 100%; | |
| width: 100%; | |
| top: 0; | |
| left: 0; | |
| background-color: #000; | |
| opacity: .5 | |
| } | |
| .button.error-button { | |
| margin-top: 20px | |
| } | |
| #mainpart.reading-page.style-0, #mainpart.reading-page.style-0 #rd-side_icon { | |
| background-color: #eaeaea | |
| } | |
| #mainpart.reading-page.style-1, #mainpart.reading-page.style-1 #rd-side_icon { | |
| background-color: #e6f0e6 | |
| } | |
| #mainpart.reading-page.style-2, #mainpart.reading-page.style-2 #rd-side_icon { | |
| background-color: #e3f5fa | |
| } | |
| #mainpart.reading-page.style-3, #mainpart.reading-page.style-3 #rd-side_icon { | |
| background-color: #f6f4ec | |
| } | |
| #mainpart.reading-page.style-4, #mainpart.reading-page.style-4 #rd-side_icon { | |
| background-color: #f5e9ef | |
| } | |
| #mainpart.reading-page.style-5 { | |
| background-color: #222 | |
| } | |
| #mainpart.reading-page.style-5 .reading-content { | |
| color: hsla(0,0%,100%,.75) | |
| } | |
| #mainpart.reading-page.style-5 #rd-side_icon { | |
| background-color: #222 | |
| } | |
| #mainpart.reading-page.style-5 .rd_sd-button_item, #mainpart.reading-page.style-5 .title-item { | |
| color: #fff | |
| } | |
| .mg_auto { | |
| margin: auto | |
| } | |
| #mainpart.hidden { | |
| overflow: hidden | |
| } | |
| .rd_sd-button_item { | |
| display: block; | |
| padding: 16px 20px; | |
| font-size: 20px; | |
| font-weight: 400; | |
| border-bottom: 1px solid #ccc | |
| } | |
| .rd_sd-button_item i { | |
| width: 20px; | |
| text-align: center | |
| } | |
| .rd_sd-button_item span { | |
| margin-left: 5px | |
| } | |
| .reading-content, .reading-content h2, .reading-content h4, .reading-content h5 { | |
| line-height: 1.5em | |
| } | |
| .reading-page { | |
| background-color: #d2e7d6 | |
| } | |
| .reading-content p { | |
| text-align: justify | |
| } | |
| .reading-page p { | |
| display: block; | |
| word-wrap: break-word | |
| } | |
| .save_bookmark { | |
| cursor: pointer; | |
| padding-left: 10px; | |
| font-size: 20px; | |
| font-size: 2rem | |
| } | |
| .reading-page p.choosed { | |
| padding: 10px 20px; | |
| border: 4px solid #36a189; | |
| border-right: 0; | |
| width: 93%; | |
| float: left | |
| } | |
| .reading-content img { | |
| max-width: 100%; | |
| display: block; | |
| padding-bottom: 20px; | |
| margin: auto; | |
| height: auto | |
| } | |
| #rd-side_icon { | |
| position: fixed; | |
| bottom: 30px; | |
| right: 30px; | |
| background-color: #fff; | |
| border: 1px solid #ccc; | |
| border-radius: 4px; | |
| z-index: 9999; | |
| cursor: pointer; | |
| font-weight: 700; | |
| background-color: #eee; | |
| opacity: 1 | |
| } | |
| #rd-side_icon.colorWhite a { | |
| color: #fff !important | |
| } | |
| .rd_sidebar { | |
| position: fixed; | |
| width: 240px; | |
| height: 100%; | |
| left: 0; | |
| top: 0; | |
| z-index: 999; | |
| opacity: 0; | |
| z-index: -1 | |
| } | |
| .rd_sidebar main { | |
| overflow-y: auto; | |
| position: absolute; | |
| width: 100%; | |
| height: 100%; | |
| z-index: 999; | |
| background-color: #fff | |
| } | |
| .rd_sidebar #bookmarks_list, .rd_sidebar #chap_list { | |
| margin: 0; | |
| padding: 12px 12px 80px; | |
| font-size: 14px | |
| } | |
| .rd_sidebar #chap_list li { | |
| margin: 6px 0 | |
| } | |
| .rd_sidebar #bookmarks_list li, .rd_sidebar #chap_list li a { | |
| padding: 6px 10px; | |
| border-radius: 4px; | |
| display: block; | |
| cursor: pointer; | |
| position: relative | |
| } | |
| .rd_sidebar #bookmarks_list li:hover, .rd_sidebar #chap_list li a:hover { | |
| color: #333; | |
| background-color: #ddd | |
| } | |
| .rd_sidebar #chap_list li.current { | |
| font-weight: 700; | |
| border-radius: 4px; | |
| background-color: #ddd | |
| } | |
| .del_bookmark { | |
| visibility: hidden; | |
| float: right; | |
| opacity: .5; | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| padding: 12px | |
| } | |
| .del_bookmark:hover { | |
| opacity: 1 | |
| } | |
| .rd_sidebar #bookmarks_list li:hover .del_bookmark { | |
| visibility: visible | |
| } | |
| .rd_sidebar-name { | |
| color: #fff; | |
| margin: 0; | |
| float: left; | |
| width: 140px; | |
| padding: 10px 0 | |
| } | |
| .rd_sidebar-ln_name a, .rd_sidebar-vol_name a { | |
| color: #fff | |
| } | |
| #setting { | |
| position: fixed; | |
| opacity: 0; | |
| z-index: -1; | |
| width: 100%; | |
| padding-top: 60px; | |
| height: 100% | |
| } | |
| .re_set-in { | |
| width: 390px; | |
| margin: auto; | |
| display: block | |
| } | |
| #bookmarks.on, #chapters.on, #setting.on, #setting.on .re_set-in { | |
| opacity: 1; | |
| z-index: 989 | |
| } | |
| .set-list { | |
| display: block; | |
| display: table-row; | |
| padding-bottom: 20px | |
| } | |
| .set-list label { | |
| display: table-cell; | |
| vertical-align: middle; | |
| padding-right: 10px | |
| } | |
| .set-input { | |
| display: table-cell; | |
| padding: 10px | |
| } | |
| .set-color span { | |
| height: 40px; | |
| width: 40px; | |
| float: left; | |
| border: 1px solid #eee; | |
| cursor: pointer | |
| } | |
| .set-color span.current { | |
| border: 3px solid #36a189 | |
| } | |
| .set-slide_button { | |
| padding: 10px; | |
| cursor: pointer; | |
| color: #36a189 | |
| } | |
| .colorWhite, .colorWhite .note-reg a, .colorWhite h2, .colorWhite h4, .colorWhite h5 { | |
| color: hsla(0,0%,100%,.88) !important | |
| } | |
| @media only screen and (max-width:980px) { | |
| #setting { | |
| padding: 0; | |
| margin: 0; | |
| height: 100%; | |
| width: 100% | |
| } | |
| #rd-side_icon span { | |
| display: none | |
| } | |
| .rd_sd-button_item { | |
| padding: 14px 10px; | |
| width: 16.66667%; | |
| float: left; | |
| text-align: center; | |
| color: #333 | |
| } | |
| .reading-page.at_licensed-preview .rd_sd-button_item { | |
| width: 50% | |
| } | |
| .rd-owner .rd_sd-button_item { | |
| width: 14.28571% !important | |
| } | |
| .reading-page.at_licensed-preview .rd-owner .rd_sd-button_item { | |
| width: 33.333333% !important | |
| } | |
| #rd-side_icon { | |
| width: 100%; | |
| bottom: 0; | |
| right: 0; | |
| border: 0; | |
| border-top: 1px solid #ccc; | |
| opacity: 1; | |
| margin-bottom: -1px; | |
| border-radius: 0 | |
| } | |
| .re_set-in { | |
| width: 100%; | |
| height: 100%; | |
| margin-top: 0; | |
| border: 0 | |
| } | |
| .set-list { | |
| width: 100% | |
| } | |
| .set-input, .set-list, .set-list label { | |
| display: block | |
| } | |
| .set-slide_input { | |
| width: 80%; | |
| float: left | |
| } | |
| .set-slide_button { | |
| width: 10%; | |
| float: left | |
| } | |
| .set-smaller { | |
| text-align: right | |
| } | |
| .set-color span { | |
| width: 16.66667% | |
| } | |
| .save_bookmark { | |
| display: none !important | |
| } | |
| .reading-page p.choosed { | |
| width: 90%; | |
| padding: 0; | |
| border: 0; | |
| width: auto; | |
| float: none | |
| } | |
| } | |
| .black-click { | |
| position: fixed; | |
| width: 100%; | |
| height: 100%; | |
| background-color: #000; | |
| z-index: 1; | |
| opacity: .6; | |
| top: 0; | |
| left: 0; | |
| z-index: -1 | |
| } | |
| .rd_sidebar-header { | |
| background-color: #050300; | |
| width: 100% | |
| } | |
| .rd_sidebar-header a.img { | |
| width: 60px; | |
| height: 86px; | |
| margin: 10px; | |
| float: left; | |
| background-size: cover !important | |
| } | |
| .rd_sidebar-name h5 { | |
| background-color: #050300 | |
| } | |
| .rd_sidebar-name h5 a { | |
| color: #fff | |
| } | |
| .rd_sidebar-name small { | |
| background-color: #050300; | |
| display: block | |
| } | |
| .rd_sidebar-name small i { | |
| margin-right: 5px; | |
| font-size: 10px; | |
| width: 10px | |
| } | |
| .rd_s-name { | |
| color: #fff; | |
| padding: 10px | |
| } | |
| #bookmark_top { | |
| position: fixed; | |
| width: 100px; | |
| height: 100px; | |
| top: 0; | |
| right: 0; | |
| z-index: 999; | |
| opacity: 0; | |
| text-align: right; | |
| font-size: 40px; | |
| padding: 10px | |
| } | |
| .colorWhite #bookmark_top { | |
| color: #fff | |
| } | |
| #bookmark_top.on { | |
| opacity: 1 | |
| } | |
| .note-icon { | |
| margin-left: 5px | |
| } | |
| .sub-chap_list { | |
| padding-left: 20px; | |
| margin: 0 | |
| } | |
| .rd-basic_icon { | |
| width: 100%; | |
| height: 40px; | |
| background-color: #eee; | |
| margin: 30px 0; | |
| overflow: hidden; | |
| border-radius: 30px | |
| } | |
| .rd-basic_icon a { | |
| padding: 8px; | |
| font-size: 20px; | |
| cursor: pointer | |
| } | |
| .rd-basic_icon a:hover { | |
| background-color: #999; | |
| color: #fff | |
| } | |
| .set-font-family select { | |
| width: 100% | |
| } | |
| #chapter-content { | |
| margin-top: 40px; | |
| font-family: Times New Roman,Georgia,serif; | |
| font-size: 18px; | |
| line-height: 28px; | |
| padding-left: 0; | |
| padding-right: 0 | |
| } | |
| #chapter-content p { | |
| margin: 0 0 20px | |
| } | |
| .listext-table.widthfluid { | |
| width: 100% | |
| } | |
| .fantrans_intro { | |
| padding-top: 10px; | |
| padding-bottom: 10px; | |
| color: #777 | |
| } | |
| .fantrans_intro p { | |
| margin: 0 | |
| } | |
| .fantrans_link { | |
| display: block; | |
| margin-bottom: 10px; | |
| color: #777 | |
| } | |
| .fantrans_link a { | |
| color: #36a189 | |
| } | |
| .browse-alphabet { | |
| margin-bottom: 20px | |
| } | |
| .browse-alphabet .current { | |
| background-color: #36a189; | |
| color: #fff | |
| } | |
| .alphabet_item { | |
| padding: 0 10px; | |
| color: #36a189; | |
| line-height: 30px; | |
| line-height: 3rem; | |
| min-width: 30px; | |
| text-align: center; | |
| font-weight: 700; | |
| margin: 0 2px 0 0; | |
| text-transform: uppercase; | |
| display: inline-block; | |
| border-radius: 40px | |
| } | |
| .alphabet_item:hover { | |
| background-color: #fff; | |
| color: #36a189 | |
| } | |
| .pagination-footer { | |
| padding: 10px; | |
| display: block | |
| } | |
| .pagination_wrap { | |
| text-align: right | |
| } | |
| .paging_item { | |
| padding: 4px 10px; | |
| color: #36a189; | |
| font-weight: 700; | |
| margin-right: 2px; | |
| display: inline-block; | |
| line-height: 22px; | |
| line-height: 2.2rem; | |
| border-radius: 20px; | |
| min-width: 30px; | |
| text-align: center | |
| } | |
| .paging_item:hover { | |
| background-color: #fff | |
| } | |
| .pagination_wrap .current { | |
| background-color: #097059; | |
| color: #fff | |
| } | |
| .filter-type { | |
| padding: 0 10px; | |
| margin: 0 | |
| } | |
| .filter-section .submit-wrapper { | |
| text-align: right; | |
| margin-top: 10px | |
| } | |
| .filter-name, .filter-type_item { | |
| padding: 4px 0 | |
| } | |
| .filter-name { | |
| font-weight: 700 | |
| } | |
| .filter-type_item input { | |
| margin-right: 10px | |
| } | |
| .filter-button { | |
| float: right | |
| } | |
| .filter-container .button { | |
| margin-bottom: 10px; | |
| margin-right: 4px | |
| } | |
| @media only screen and (max-width:999px) { | |
| .filter-type_item { | |
| float: left; | |
| margin-right: 10px | |
| } | |
| .filters-wrapper { | |
| position: fixed; | |
| width: 100%; | |
| height: 100%; | |
| overflow: auto; | |
| left: 0; | |
| top: 0; | |
| background-color: #f5f5f6; | |
| z-index: 99999 | |
| } | |
| } | |
| @media only screen and (max-width:787px) { | |
| select[name=sapxep] { | |
| width: 100%; | |
| margin-bottom: 10px | |
| } | |
| } | |
| .private-tabs { | |
| margin-bottom: 20px | |
| } | |
| .private-tabs header .section-name { | |
| margin-bottom: 0 | |
| } | |
| .private-tabs header .user-name { | |
| color: rgba(0,0,0,.4); | |
| display: block | |
| } | |
| .user-private-tabs { | |
| padding: 0; | |
| margin: 0 | |
| } | |
| .user-private-tabs li { | |
| border-left: 2px solid transparent | |
| } | |
| .user-private-tabs li i { | |
| margin-right: 10px | |
| } | |
| .user-private-tabs li:hover { | |
| background-color: #ecf2f9 | |
| } | |
| .user-private-tabs li:hover a { | |
| color: inherit; | |
| opacity: 1 | |
| } | |
| .user-private-tabs li a { | |
| display: block; | |
| padding: 10px; | |
| opacity: .75; | |
| border-bottom: 1px solid #d4dae2; | |
| transition: .25s; | |
| -webkit-transition: .25s; | |
| -moz-transition: .25s; | |
| -o-transition: .25s | |
| } | |
| .user-private-tabs li.current { | |
| color: #218efa; | |
| border-left-color: #218efa | |
| } | |
| .user-private-tabs li:last-child a { | |
| border-bottom: none | |
| } | |
| .user-private-tabs li.current a { | |
| font-weight: 700; | |
| opacity: 1 | |
| } | |
| .action-link { | |
| color: #0095df; | |
| cursor: pointer | |
| } | |
| .action-link:hover { | |
| color: #0095df; | |
| text-decoration: underline | |
| } | |
| table.listext-table .update-status { | |
| padding: 2px 8px; | |
| border-radius: 4px; | |
| color: #fff; | |
| display: inline-block; | |
| margin-bottom: 4px; | |
| font-weight: 700; | |
| font-size: 13px; | |
| font-size: 1.3rem; | |
| line-height: 19px; | |
| line-height: 1.9rem | |
| } | |
| table.listext-table .update-status.unread-chapters { | |
| background-color: #d9534f; | |
| border-color: #d43f3a | |
| } | |
| table.listext-table .update-status.no-chapters { | |
| background-color: #337ab7; | |
| border-color: #2e6da4; | |
| font-weight: 400 | |
| } | |
| .button.mark-read { | |
| font-size: 13px; | |
| font-size: 1.3rem; | |
| color: #fff; | |
| background-color: #5cb85c; | |
| border-color: #4cae4c; | |
| padding: 2px 4px; | |
| border-radius: 4px; | |
| display: inline-block | |
| } | |
| .profile-feature-wrapper { | |
| position: relative; | |
| padding-bottom: 20px; | |
| padding-top: 66px | |
| } | |
| .profile-page .useful-links { | |
| margin-bottom: 10px | |
| } | |
| .profile-page .useful-links .button { | |
| border-radius: 4px; | |
| width: 100%; | |
| text-align: center; | |
| margin-bottom: 10px; | |
| font-weight: 700 | |
| } | |
| .background-feature { | |
| background-image: url(/images/bg-header-green.png?6e8bc52335217986864a12d976298426); | |
| background-size: auto 100%; | |
| background-repeat: repeat-x; | |
| position: absolute; | |
| width: 100%; | |
| z-index: -1; | |
| top: 0; | |
| bottom: 50% | |
| } | |
| .profile-feature .profile-cover { | |
| width: 100%; | |
| background-color: #fff; | |
| background-size: cover; | |
| position: relative | |
| } | |
| .profile-feature .profile-cover .img-in-ratio { | |
| background-size: 100% auto; | |
| background-position: inherit | |
| } | |
| .profile-feature .profile-header { | |
| position: absolute; | |
| left: 0; | |
| bottom: 0; | |
| z-index: 1; | |
| width: 100%; | |
| right: 0 | |
| } | |
| .profile-feature .profile-ava-wrapper { | |
| position: absolute; | |
| bottom: 10px; | |
| left: 20px | |
| } | |
| .profile-feature .profile-ava { | |
| width: 150px; | |
| height: 150px; | |
| overflow: hidden; | |
| box-shadow: 0 0 4px #333; | |
| background-color: #fff; | |
| border-radius: 100px; | |
| position: relative | |
| } | |
| .profile-feature .profile-intro-wrap { | |
| padding-left: 190px; | |
| padding-bottom: 20px | |
| } | |
| .profile-feature .profile-intro { | |
| padding-left: 180px; | |
| color: #fff | |
| } | |
| .profile-feature .profile-function.at-desktop { | |
| line-height: 60px; | |
| float: right; | |
| padding-left: 20px | |
| } | |
| .profile-feature .profile-function.at-desktop .button { | |
| margin-right: 10px | |
| } | |
| .profile-feature .profile-function.at-desktop .button:last-child { | |
| margin-right: 0 | |
| } | |
| .profile-feature .profile-function.at-mobile { | |
| margin-top: 20px; | |
| text-align: center; | |
| border-top: 1px solid #d4dae2; | |
| padding-top: 10px | |
| } | |
| .profile-feature .profile-function.at-mobile .button { | |
| margin-right: 10px | |
| } | |
| .profile-feature .profile-function.at-mobile .button:last-child { | |
| margin-right: 0 | |
| } | |
| .profile-feature .profile-intro_name, .profile-feature profile-intro_role { | |
| display: block | |
| } | |
| .profile-feature .profile-intro_role { | |
| background-color: #36a189; | |
| padding: 2px 20px; | |
| display: inline-block; | |
| font-size: 14px; | |
| border-radius: 2px; | |
| font-weight: 700 | |
| } | |
| .profile-feature .profile-intro_role.role-admin { | |
| background: #bc4553 | |
| } | |
| .profile-feature .profile-intro_role.role-mod { | |
| background: #983876 | |
| } | |
| .profile-feature .profile-ava img { | |
| display: block; | |
| width: 100% | |
| } | |
| .profile-feature .profile-nav { | |
| padding: 10px; | |
| position: relative | |
| } | |
| .profile-feature ul.profile-tabs { | |
| margin: 0; | |
| padding: 0; | |
| float: left | |
| } | |
| .profile-feature ul.profile-tabs li { | |
| float: left; | |
| padding: 6px 10px; | |
| text-align: right | |
| } | |
| .profile-feature .profile-tab_name { | |
| text-transform: uppercase | |
| } | |
| .profile-feature .profile-tab_value { | |
| font-size: 20px; | |
| font-size: 2rem; | |
| line-height: 24px; | |
| line-height: 2.4rem; | |
| font-weight: 700; | |
| color: #36a189 | |
| } | |
| .profile-feature .profile-black { | |
| position: absolute; | |
| bottom: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 160px; | |
| z-index: 0; | |
| background: linear-gradient(180deg,transparent 0,transparent 20%,rgba(0,0,0,.8)); | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#cc000000",GradientType=0) | |
| } | |
| .profile-feature .profile-tabs .tab-title { | |
| border-bottom: 4px solid #36a189 | |
| } | |
| .profile-feature .profile-tabs .tab-title.tab-off { | |
| border: 0 | |
| } | |
| .profile-feature .profile-tabs .tab-title:hover { | |
| border-bottom: 4px solid #36a189 | |
| } | |
| .profile-feature .tab-title { | |
| cursor: pointer | |
| } | |
| .profile-info-item .info-name { | |
| color: rgba(0,0,0,.4) | |
| } | |
| .profile-info-item .info-name i { | |
| width: 20px; | |
| text-align: center | |
| } | |
| .p-s_i-bio { | |
| margin-bottom: 20px | |
| } | |
| .profile-info-item { | |
| padding-bottom: 4px | |
| } | |
| .profile-info-item:last-child { | |
| padding-bottom: 0 | |
| } | |
| .profile-changer { | |
| color: #fff; | |
| z-index: 9; | |
| position: absolute; | |
| text-shadow: 0 0 4px #999; | |
| left: 0; | |
| padding: 10px; | |
| width: 100%; | |
| cursor: pointer | |
| } | |
| #profile-changer_cover { | |
| top: 0 | |
| } | |
| #profile-changer_ava { | |
| bottom: 0; | |
| top: 70%; | |
| text-align: center; | |
| padding: 0 | |
| } | |
| .p-c_wrapper { | |
| opacity: .6; | |
| cursor: pointer | |
| } | |
| .p-c_text { | |
| display: none | |
| } | |
| .p-c_wrapper i { | |
| margin-right: 4px | |
| } | |
| #profile-changer_cover .p-c_wrapper { | |
| display: inline-block; | |
| padding: 4px 10px | |
| } | |
| .profile-cover:hover .p-c_wrapper { | |
| background-color: rgba(0,0,0,.6); | |
| text-align: center; | |
| opacity: 1; | |
| border-radius: 4px | |
| } | |
| .profile-cover:hover .p-c_wrapper .p-c_text { | |
| display: inline | |
| } | |
| .profile-ava:hover #profile-changer_ava { | |
| background-color: rgba(0,0,0,.6); | |
| opacity: 1 | |
| } | |
| .profile-ava:hover #profile-changer_ava .p-c_text { | |
| display: inline; | |
| line-height: 44px; | |
| line-height: 4.4rem | |
| } | |
| .statistic-top { | |
| margin: 0; | |
| border-bottom: 1px solid #d4dae2; | |
| padding: 10px 0 | |
| } | |
| .statistic-top .statistic-name { | |
| color: rgba(0,0,0,.4); | |
| text-align: center | |
| } | |
| .statistic-top .statistic-value { | |
| text-align: center; | |
| font-weight: 700 | |
| } | |
| .profile-showcase { | |
| margin-bottom: 20px | |
| } | |
| .profile-showcase header { | |
| margin-bottom: 20px; | |
| border-bottom: 4px solid #111 | |
| } | |
| .profile-showcase header span { | |
| display: inline-block; | |
| font-weight: 700 | |
| } | |
| .profile-showcase header span.number { | |
| background-color: #111; | |
| padding: 6px 10px; | |
| color: #fff; | |
| margin-right: 10px | |
| } | |
| .showcase-item { | |
| margin-bottom: 20px | |
| } | |
| .showcase-item .series-info { | |
| padding: 10px 10px 10px 0 | |
| } | |
| .showcase-item .series-type-wrapper { | |
| margin-bottom: 4px | |
| } | |
| .showcase-item .series-name { | |
| max-height: 48px; | |
| max-height: 4.8rem; | |
| overflow: hidden | |
| } | |
| .showcase-item small.series-type { | |
| padding: 0 10px; | |
| border-radius: 2px; | |
| color: #fff | |
| } | |
| .showcase-item .series-type.type-translation { | |
| background-color: #36a189 | |
| } | |
| .showcase-item .series-type.type-convert { | |
| background-color: #dc8118 | |
| } | |
| .showcase-item .series-type.type-orinovel { | |
| background-color: #1d7eaf | |
| } | |
| .showcase-item .series-status { | |
| position: absolute; | |
| bottom: 10px; | |
| font-size: 12px; | |
| font-size: 1.2rem; | |
| line-height: 18px; | |
| line-height: 1.8rem | |
| } | |
| .showcase-item .series-status .status-name { | |
| font-weight: 700; | |
| margin-right: 4px | |
| } | |
| @media only screen and (max-width:999px) { | |
| .profile-feature .profile-ava { | |
| width: 120px; | |
| height: 120px | |
| } | |
| .profile-feature .profile-intro { | |
| padding-left: 150px | |
| } | |
| #profile-changer_ava { | |
| padding: 0 | |
| } | |
| #profile-changer_ava .p-c_wrapper { | |
| border: 0 !important; | |
| display: block !important; | |
| padding: 10px | |
| } | |
| .profile-intro-wrap { | |
| left: 120px | |
| } | |
| } | |
| @media only screen and (max-width:787px) { | |
| .profile-feature .profile-ava-wrapper { | |
| position: static; | |
| margin-top: -60px | |
| } | |
| .profile-feature .profile-ava { | |
| margin: auto | |
| } | |
| .profile-feature .profile-intro { | |
| padding-left: 10px; | |
| text-align: center | |
| } | |
| .profile-header { | |
| bottom: 20px | |
| } | |
| .profile-intro { | |
| bottom: 0 | |
| } | |
| .profile-nav { | |
| padding-left: 0 | |
| } | |
| .profile-intro-wrap { | |
| left: 60px; | |
| bottom: 0 | |
| } | |
| .showcase-item .series-name { | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| line-height: 20px; | |
| line-height: 2rem; | |
| max-height: 4rem | |
| } | |
| .showcase-item small.series-type { | |
| font-size: 12px; | |
| font-size: 1.2rem; | |
| line-height: 18px; | |
| line-height: 1.8rem | |
| } | |
| .showcase-item .series-type-wrapper { | |
| margin-bottom: 0 | |
| } | |
| } | |
| .bookmark-item { | |
| padding: 10px 0; | |
| border-bottom: 1px solid #d4dae2; | |
| position: relative | |
| } | |
| .bookmark-item .series-cover { | |
| float: left; | |
| width: 44px | |
| } | |
| .bookmark-item .series-title { | |
| padding-left: 10px; | |
| font-weight: 700; | |
| padding-right: 20px; | |
| line-height: 60px; | |
| line-height: 6rem; | |
| position: relative | |
| } | |
| .bookmark-item .bm-toggle_symbol { | |
| position: absolute; | |
| right: 0 | |
| } | |
| ul.bookmarks_list, ul.bookmarks_list.bm_l-child { | |
| margin-top: 0; | |
| padding-left: 20px; | |
| display: inline-block; | |
| margin-bottom: 6px; | |
| width: 100% | |
| } | |
| ul.bookmarks_list { | |
| padding-left: 0; | |
| margin-top: 20px | |
| } | |
| ul.bookmarks_list li { | |
| padding: 4px 10px | |
| } | |
| ul.bookmarks_list li:nth-of-type(odd) { | |
| background-color: #eee; | |
| border-radius: 4px | |
| } | |
| ul.bookmarks_list .volume-title { | |
| color: #777 | |
| } | |
| ul.bookmarks_list .bm-title small { | |
| margin-left: 10px; | |
| color: #aaa; | |
| font-style: italic | |
| } | |
| ul.bookmarks_list.bm_l-child li:nth-child(2n) { | |
| background: #f0f0f0 | |
| } | |
| ul.bookmarks_list.bm_l-child li { | |
| padding: 5px 0 | |
| } | |
| ul.bookmarks_list.bm_l-child li:hover { | |
| background: #ddd | |
| } | |
| .bm-time { | |
| opacity: .5; | |
| font-size: 14px | |
| } | |
| .bookmark-section .listall_title { | |
| padding: 5px 10px; | |
| border-radius: 4px | |
| } | |
| .bm-newest_chapters article { | |
| margin-bottom: 20px | |
| } | |
| .bm-n_c-sub_title { | |
| display: block | |
| } | |
| .bm-n_c-sub_title.book { | |
| opacity: .6 | |
| } | |
| .bm-n_c-sub_title.series { | |
| font-size: 14px; | |
| opacity: .5 | |
| } | |
| .user-private-message { | |
| height: calc(100vh - 50px) !important; | |
| overflow: hidden | |
| } | |
| .new-private-messages .mail-attribute { | |
| margin-bottom: 20px | |
| } | |
| .new-private-messages .mail-attribute-name { | |
| font-weight: 700; | |
| margin-bottom: 4px | |
| } | |
| .new-private-messages .mail-attribute-input { | |
| width: 100% | |
| } | |
| .new-private-messages .mail-attribute-input.error { | |
| border-color: red | |
| } | |
| .new-private-messages .ln-comment-body { | |
| padding: 0 !important | |
| } | |
| @media only screen and (max-width:787px) { | |
| .private-messages .mail-content .receiver-response .ln-comment-user_ava { | |
| position: absolute; | |
| top: 15px; | |
| right: 5px; | |
| left: auto | |
| } | |
| .private-messages .mail-content .receiver-response .ln-comment-time, .private-messages .mail-content .receiver-response .ln-comment-user_name { | |
| margin-right: 40px; | |
| margin-left: 0 | |
| } | |
| } | |
| .arrow-right { | |
| width: 0; | |
| height: 0; | |
| border-top: 10px solid transparent; | |
| border-bottom: 10px solid transparent; | |
| border-left: 10px solid #eee | |
| } | |
| .user-pm .mail-list { | |
| list-style: none; | |
| padding: 0; | |
| margin: 10px 0 0 | |
| } | |
| .user-pm .mail-function { | |
| text-align: right | |
| } | |
| .user-pm .mail-function .button { | |
| padding: 4px 20px; | |
| border-radius: 4px; | |
| margin-right: 2px; | |
| display: inline-block; | |
| margin-top: 6px | |
| } | |
| .user-pm .mail { | |
| padding: 10px; | |
| height: 44px; | |
| border-bottom: 1px solid #d4dae2; | |
| background-color: #eee | |
| } | |
| .user-pm .mail.unread { | |
| background-color: #fff | |
| } | |
| .user-pm .mail:last-child { | |
| border-bottom: none | |
| } | |
| .user-pm .mail-name { | |
| width: 60%; | |
| float: left; | |
| padding-right: 20px | |
| } | |
| .user-pm .mail-name .mail-checkbox { | |
| cursor: pointer | |
| } | |
| .user-pm .mail-name a { | |
| font-weight: 700; | |
| padding-left: 10px | |
| } | |
| .user-pm .mail-name small { | |
| color: #aaa; | |
| font-weight: 400; | |
| padding-left: 10px | |
| } | |
| .user-pm .mail-time { | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| color: rgba(0,0,0,.4); | |
| width: 20%; | |
| float: left | |
| } | |
| .user-pm .sender-avatar { | |
| width: 24px; | |
| height: 24px; | |
| overflow: hidden; | |
| border-radius: 20px; | |
| position: absolute; | |
| right: 10px; | |
| top: 0 | |
| } | |
| .user-pm .sender-avatar img { | |
| width: 100%; | |
| height: 100% | |
| } | |
| .user-pm .sender { | |
| position: relative; | |
| text-align: right; | |
| width: 20%; | |
| float: left | |
| } | |
| .user-pm .sender-name { | |
| padding-right: 40px; | |
| display: block | |
| } | |
| @media only screen and (max-width:999px) { | |
| .user-pm .mail-name small { | |
| display: none | |
| } | |
| } | |
| @media only screen and (max-width:787px) { | |
| .user-pm .mail { | |
| height: auto | |
| } | |
| .user-pm .mail-name { | |
| width: 100% | |
| } | |
| .user-pm .mail-name small { | |
| display: inline | |
| } | |
| .user-pm .mail-time { | |
| width: 25%; | |
| float: right; | |
| text-align: right | |
| } | |
| .user-pm .sender { | |
| width: 75% | |
| } | |
| .user-pm .sender .sender-avatar { | |
| right: auto; | |
| left: 30px; | |
| width: 18px; | |
| height: 18px; | |
| top: 2px | |
| } | |
| .user-pm .sender .sender-name { | |
| text-align: left; | |
| padding-left: 54px; | |
| padding-right: 0; | |
| font-size: 14px; | |
| font-size: 1.4rem | |
| } | |
| } | |
| .mail-page .page-header h2 { | |
| text-align: center | |
| } | |
| .mail-page .mail-detail-list { | |
| margin-bottom: 20px | |
| } | |
| .mail-page .mail-item { | |
| padding: 10px; | |
| border-bottom: 1px solid #d4dae2 | |
| } | |
| .mail-page .mail-item:last-child { | |
| border-bottom: none | |
| } | |
| .mail-page .mail-starter .starter-info { | |
| position: relative; | |
| min-height: 50px | |
| } | |
| .mail-page .mail-starter .starter-avatar { | |
| width: 40px; | |
| height: 40px; | |
| float: left; | |
| border-radius: 40px; | |
| overflow: hidden; | |
| margin-right: 10px | |
| } | |
| .mail-page .mail-starter .starter-avatar img { | |
| width: 100%; | |
| height: 100% | |
| } | |
| .mail-page .mail-starter .starter-name { | |
| padding-left: 40px | |
| } | |
| .mail-page .mail-starter .starter-name a.sender-name { | |
| font-weight: 700 | |
| } | |
| .mail-page .mail-starter .starter-name span.between { | |
| color: #999; | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| margin: 0 4px | |
| } | |
| .mail-page .mail-starter .starter-name small time { | |
| display: block; | |
| font-weight: 400; | |
| color: rgba(0,0,0,.4) | |
| } | |
| .mail-page .mail-content { | |
| margin: 10px 0; | |
| padding-left: 20px | |
| } | |
| .mail-page footer.at_mail-detail-list { | |
| padding-top: 0; | |
| margin-bottom: 20px | |
| } | |
| ul.mail-participants { | |
| padding-left: 20px | |
| } | |
| ul.mail-participants li .user-avatar { | |
| width: 20px; | |
| height: 20px; | |
| overflow: hidden; | |
| border-radius: 10px; | |
| float: left | |
| } | |
| ul.mail-participants li .user-avatar img { | |
| width: 100%; | |
| height: 100% | |
| } | |
| ul.mail-participants li { | |
| display: block; | |
| margin-bottom: 6px | |
| } | |
| ul.mail-participants .user-name { | |
| padding-left: 6px | |
| } | |
| .mail-function.at-mail { | |
| margin-bottom: 20px | |
| } | |
| .mail-function.at-mail .button { | |
| width: auto; | |
| padding: 4px 10px; | |
| margin: 0 4px | |
| } | |
| @media only screen and (max-width:787px) { | |
| ul.mail-participants li { | |
| display: inline-block; | |
| background-color: #eee; | |
| border: 1px solid #d4dae2; | |
| padding: 2px 6px; | |
| border-radius: 4px; | |
| margin-right: 4px | |
| } | |
| .mail-function.at-mail .button { | |
| background-color: transparent; | |
| border: none; | |
| color: #000; | |
| padding: 0; | |
| margin: 0 6px; | |
| font-size: 14px; | |
| font-size: 1.4rem | |
| } | |
| .mail-function.at-mail .button i { | |
| margin-right: 4px | |
| } | |
| .mail-function.at-mail .button:hover { | |
| text-decoration: underline | |
| } | |
| } | |
| .board_categ-list { | |
| display: inline-block; | |
| min-width: 160px; | |
| max-width: 200px; | |
| border-radius: 4px; | |
| overflow: hidden | |
| } | |
| .ln-list-option { | |
| position: absolute | |
| } | |
| .ln-list-default, .ln-list-option { | |
| list-style: none; | |
| padding: 0; | |
| margin: 0 | |
| } | |
| .ln-list-default i:last-child { | |
| margin-left: 10px; | |
| float: right; | |
| margin-top: 2px | |
| } | |
| .board-toolkit-list { | |
| display: inline-block | |
| } | |
| .l-l-d_item i:first-child, .l-l-o_item i:first-child { | |
| margin-right: 2px | |
| } | |
| .ln-list-default { | |
| cursor: pointer | |
| } | |
| .ln-list-option { | |
| z-index: 999 | |
| } | |
| .ln-list-default li, .ln-list-option li { | |
| width: 100%; | |
| padding: 4px 8px | |
| } | |
| .ln-list-default li, .ln-list-option li { | |
| background-color: #fff | |
| } | |
| .ln-list-option li { | |
| padding: 8px | |
| } | |
| .ln-list-option li:hover { | |
| background-color: #e5e5e5 | |
| } | |
| .ln-list-option li a { | |
| width: 100%; | |
| display: block | |
| } | |
| .ln-list-option li a:hover { | |
| color: inherit | |
| } | |
| .board-list { | |
| background-color: #fff | |
| } | |
| table.broad-table { | |
| table-layout: fixed | |
| } | |
| table.broad-table tr:nth-child(odd) { | |
| background-color: hsla(0,0%,78.4%,.1) | |
| } | |
| table.broad-table tr:hover { | |
| background-color: hsla(0,0%,78.4%,.2) | |
| } | |
| table.broad-table tr th { | |
| float: none | |
| } | |
| table.broad-table tr td { | |
| border: none | |
| } | |
| table.broad-table tr td small.subtitle-category { | |
| border: 1px solid transparent; | |
| margin-right: 10px | |
| } | |
| table.broad-table tr td span.category-circle { | |
| margin-right: 2px | |
| } | |
| table.broad-table tr td .topic-time { | |
| color: rgba(0,0,0,.4); | |
| font-size: 14px; | |
| font-size: 1.4rem | |
| } | |
| table.broad-table tr td .topic-avatar.creator { | |
| border: 2px solid #097059 | |
| } | |
| table.broad-table tr td .topic-avatar { | |
| width: 22px; | |
| height: 22px; | |
| overflow: hidden; | |
| float: right; | |
| border-radius: 24px | |
| } | |
| table.broad-table tr td .topic-avatar img { | |
| width: 100%; | |
| height: 100%; | |
| display: block | |
| } | |
| table.broad-table tr td .topic-username { | |
| padding-right: 10px; | |
| text-align: right | |
| } | |
| .button-newpost { | |
| float: right | |
| } | |
| .button-newpost i { | |
| margin-right: 6px | |
| } | |
| @media only screen and (max-width:787px) { | |
| table.broad-table tr td .topic-username { | |
| padding-right: 0 | |
| } | |
| } | |
| .page-author.group-admin .author_role span { | |
| background-color: #bc4553; | |
| padding: 0 10px; | |
| border-radius: 4px; | |
| color: #fff | |
| } | |
| .page-author.group-mod .author_role span { | |
| background-color: #983876; | |
| padding: 0 10px; | |
| border-radius: 4px; | |
| color: #fff | |
| } | |
| .page-author .author_ava { | |
| width: 46px; | |
| height: 46px; | |
| float: left; | |
| border-radius: 40px; | |
| overflow: hidden; | |
| border-radius: 1px solid #aaa; | |
| margin-right: 10px | |
| } | |
| .page-author .author_ava img { | |
| width: 100%; | |
| height: 100%; | |
| display: block | |
| } | |
| .page-author .author_name { | |
| font-weight: 700; | |
| line-height: 24px; | |
| line-height: 2.4rem | |
| } | |
| .page-author .author_role { | |
| font-size: 13px; | |
| font-size: 1.3rem; | |
| line-height: 16px; | |
| line-height: 1.6rem | |
| } | |
| .forum-page_edit { | |
| text-align: right; | |
| text-transform: uppercase; | |
| color: #36a189 | |
| } | |
| .page-content .topic-time { | |
| float: right; | |
| color: rgba(0,0,0,.4) | |
| } | |
| .attached-series { | |
| max-width: 300px; | |
| background-color: #eee; | |
| padding: 10px; | |
| border-radius: 4px | |
| } | |
| .attached-series .series-cover { | |
| width: 34px; | |
| float: left; | |
| margin-right: 10px | |
| } | |
| .attached-series .series-info .series-name { | |
| line-height: 24px; | |
| line-height: 2.4rem | |
| } | |
| .attached-series .series-info .series-type { | |
| font-size: 13px; | |
| font-size: 1.3rem; | |
| line-height: 16px; | |
| line-height: 1.6rem | |
| } | |
| .attached-series .series-info .series-type span { | |
| padding: 0 10px; | |
| border-radius: 4px; | |
| color: #fff | |
| } | |
| .attached-series .series-info .series-type .convert { | |
| background-color: #dc8118 | |
| } | |
| .attached-series .series-info .series-type .origin { | |
| background-color: #1d7eaf | |
| } | |
| .attached-series .series-info .series-type .translation { | |
| background-color: #36a189 | |
| } | |
| .forum-page-content { | |
| word-wrap: break-word; | |
| padding: 0 10px; | |
| margin: 10px 0 | |
| } | |
| .forum-page-content img { | |
| max-width: 100% | |
| } | |
| .spoiler { | |
| display: none; | |
| border: 1px solid #bfbbbb; | |
| padding: 5px | |
| } | |
| @media only screen and (max-width:999px) { | |
| .page-header h2 { | |
| font-size: 22px; | |
| font-size: 1.375rem; | |
| line-height: 28px; | |
| line-height: 1.75rem | |
| } | |
| } | |
| .ln-comment-user_ava { | |
| overflow: hidden; | |
| float: left; | |
| width: 40px; | |
| height: 40px; | |
| border-radius: 30px; | |
| margin-right: 10px | |
| } | |
| .ln-comment-user_ava img { | |
| width: 100%; | |
| height: 100%; | |
| display: block; | |
| padding: 0; | |
| background-color: #fff | |
| } | |
| .ln-comment header { | |
| padding: 0 10px | |
| } | |
| .ln-comment .ln-comment-body { | |
| padding: 10px; | |
| border-radius: 4px | |
| } | |
| .ln-comment-form { | |
| margin-bottom: 20px | |
| } | |
| .ln-comment-form textarea { | |
| width: 100% !important; | |
| min-height: 120px; | |
| display: block | |
| } | |
| .ln-comment-form input.button { | |
| float: right; | |
| background-color: #36a189; | |
| color: #fff; | |
| font-weight: 700; | |
| border-radius: 4px; | |
| border: 0 | |
| } | |
| .ln-comment-form input.button:hover { | |
| opacity: .6 | |
| } | |
| .comment_toolkit { | |
| background-color: rgba(196,234,226,.41); | |
| border: 1px solid #ccc; | |
| border-top: 0; | |
| border-radius: 0 0 4px 4px; | |
| padding: 6px | |
| } | |
| .ln-comment-group { | |
| padding: 10px 0 | |
| } | |
| .ln-comment-reply { | |
| margin-left: 50px | |
| } | |
| .ln-comment-reply .ln-comment-reply.reply-form { | |
| margin-left: 40px | |
| } | |
| .ln-comment-reply .ln-comment-user_ava { | |
| width: 30px; | |
| height: 30px | |
| } | |
| .ln-comment-reply .ln-comment-info { | |
| margin-left: 40px | |
| } | |
| .ln-comment-reply .ln-comment-item { | |
| margin-top: 10px | |
| } | |
| .ln-comment-reply .ln-comment-item:last-child { | |
| padding-bottom: 0 | |
| } | |
| .ln-comment-item { | |
| position: relative | |
| } | |
| .ln-comment-item.deleted { | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| line-height: 20px; | |
| line-height: 2rem | |
| } | |
| .ln-comment-item.deleted .ln-comment-content { | |
| padding: 0; | |
| margin: 0 | |
| } | |
| .ln-comment-item:hover .ln-comment-menu { | |
| display: inline | |
| } | |
| .ln-commment_arrow { | |
| float: left; | |
| margin-top: 10px | |
| } | |
| .arrow-left { | |
| width: 0; | |
| height: 0; | |
| border-top: 10px solid transparent; | |
| border-bottom: 10px solid transparent; | |
| border-right: 10px solid #eee | |
| } | |
| .ln-comment-info { | |
| background-color: #f1f2f4; | |
| border-radius: 4px; | |
| margin-left: 50px; | |
| padding: 6px 40px 6px 10px; | |
| margin-bottom: 10px | |
| } | |
| .ln-comment-wrapper { | |
| position: relative | |
| } | |
| .ln-comment-time { | |
| color: rgba(0,0,0,.4); | |
| display: inline-block; | |
| margin-right: 10px; | |
| font-size: 13px; | |
| font-size: 1.3rem | |
| } | |
| .ln-comment-user_name { | |
| display: block; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| text-overflow: ellipsis | |
| } | |
| .ln-comment-user_badge { | |
| display: inline-block; | |
| padding: 0 10px; | |
| border-radius: 4px; | |
| margin-left: 4px | |
| } | |
| .ln-comment-user_badge.comment-owner { | |
| background-color: #e21856; | |
| color: #fff | |
| } | |
| .ln-comment-user_badge.comment-admin { | |
| background-color: #bc4553; | |
| color: #fff | |
| } | |
| .ln-comment-user_badge.comment-mod { | |
| background-color: #983876; | |
| color: #fff | |
| } | |
| .ln-comment-content { | |
| word-wrap: break-word; | |
| margin-bottom: 10px; | |
| max-height: 90px; | |
| overflow-y: hidden | |
| } | |
| .ln-comment-content img { | |
| max-width: 100% | |
| } | |
| .expand { | |
| margin-top: -54px; | |
| font-weight: 700; | |
| cursor: pointer; | |
| height: 60px; | |
| padding-top: 30px; | |
| padding-bottom: 5px; | |
| background: linear-gradient(180deg,rgba(241,242,244,0) 0,#f1f2f4 50%,#f1f2f4); | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ffffff",GradientType=0); | |
| position: relative | |
| } | |
| .expand:hover { | |
| text-decoration: underline | |
| } | |
| .fetch_reply { | |
| margin-top: 10px; | |
| display: inline-block; | |
| font-weight: 700; | |
| cursor: pointer | |
| } | |
| .comment_hidden { | |
| display: none | |
| } | |
| .ln-comment-menu { | |
| width: 40px; | |
| height: 40px; | |
| position: absolute; | |
| right: 0; | |
| top: 0 | |
| } | |
| .ln-comment-toolkit { | |
| position: absolute; | |
| width: 120px; | |
| right: 0; | |
| background-color: #fff; | |
| border-radius: 4px; | |
| z-index: 9 | |
| } | |
| .ln-comment-toolkit-icon { | |
| cursor: pointer; | |
| width: 40px; | |
| height: 40px; | |
| line-height: 40px; | |
| text-align: center; | |
| font-size: 20px | |
| } | |
| .ln-comment-toolkit-icon .circle { | |
| width: 6px; | |
| height: 6px; | |
| background-color: #aaa; | |
| display: block; | |
| border-radius: 4px; | |
| margin: 4px auto | |
| } | |
| .ln-comment-toolkit-item { | |
| display: block; | |
| cursor: pointer; | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| padding: 2px 10px; | |
| width: 100% | |
| } | |
| .ln-comment-toolkit-item i { | |
| width: 20px; | |
| text-align: center | |
| } | |
| .ln-comment-toolkit-item:hover { | |
| background-color: #36a189; | |
| color: #fff | |
| } | |
| .visible-toolkit .visible-toolkit-item { | |
| cursor: pointer; | |
| margin-right: 10px; | |
| opacity: 1; | |
| font-size: 13px; | |
| font-size: 1.3rem; | |
| line-height: 15px; | |
| line-height: 1.5rem; | |
| border-bottom: 0 solid #111; | |
| display: inline-block | |
| } | |
| .visible-toolkit .visible-toolkit-item:hover { | |
| color: inherit; | |
| border-bottom-width: 1px | |
| } | |
| .visible-toolkit .visible-toolkit-item.do-like.liked { | |
| color: #36a189; | |
| font-weight: 700; | |
| border-bottom-color: #36a189 | |
| } | |
| .visible-toolkit .visible-toolkit-item.do-like.liked:hover { | |
| border-bottom-width: 2px | |
| } | |
| .likes-count { | |
| background-color: #36a189; | |
| padding: 2px 6px; | |
| font-size: 10px; | |
| font-size: 1rem; | |
| line-height: 10px; | |
| line-height: 1rem; | |
| color: #fff; | |
| border-radius: 30px; | |
| font-weight: 700 | |
| } | |
| @media only screen and (max-width:787px) { | |
| .ln-comment-item { | |
| font-size: 13px; | |
| font-size: 1.3rem; | |
| line-height: 19px; | |
| line-height: 1.9rem | |
| } | |
| .ln-comment-user_ava { | |
| width: 30px; | |
| height: 30px | |
| } | |
| .ln-comment-info { | |
| margin-left: 40px; | |
| padding-right: 10px | |
| } | |
| .ln-comment-menu, .ln-comment-toolkit-icon { | |
| width: 30px; | |
| height: 30px | |
| } | |
| .ln-comment-toolkit-icon { | |
| line-height: 30px; | |
| font-size: 18px | |
| } | |
| .ln-comment-content { | |
| padding-right: 0 | |
| } | |
| .ln-comment-reply { | |
| margin-left: 0 | |
| } | |
| .ln-comment-reply .ln-comment-user_ava { | |
| width: 20px; | |
| height: 20px | |
| } | |
| .ln-comment-reply .ln-comment-item { | |
| padding-left: 40px | |
| } | |
| .ln-comment-reply .ln-comment-info { | |
| margin-left: 30px | |
| } | |
| .ln-comment-reply.reply-form { | |
| margin-top: 20px | |
| } | |
| .ln-comment-reply hr { | |
| display: none | |
| } | |
| .ln-comment-reply .ln-comment-reply.reply-form { | |
| margin-left: 0 | |
| } | |
| .ln-comment-toolkit-icon { | |
| opacity: .3 | |
| } | |
| .fetch_reply { | |
| font-size: 13px; | |
| font-size: 1.3rem; | |
| line-height: 19px; | |
| line-height: 1.9rem; | |
| margin-left: 40px | |
| } | |
| } | |
| .see-more_cover { | |
| clear: both | |
| } | |
| .see-more_cover .see-more { | |
| text-align: center; | |
| padding: 10px 20px; | |
| text-transform: none; | |
| border-radius: 30px; | |
| transition: .25s; | |
| -webkit-transition: .25s; | |
| display: inline-block; | |
| width: 100%; | |
| font-weight: 700; | |
| border: 1px solid #111 | |
| } | |
| .see-more_cover .see-more:hover { | |
| background-color: #111; | |
| color: #fff | |
| } | |
| .see-more.mg-plus10 { | |
| margin: 0 -10px | |
| } | |
| .see-more a { | |
| font-weight: 700; | |
| border-width: 2px | |
| } | |
| .see-more i { | |
| margin-right: 10px | |
| } | |
| .see-more_text { | |
| border-top: 1px solid #d4dae2; | |
| padding-top: 10px | |
| } | |
| .exchange-form_sub { | |
| width: 100%; | |
| margin-bottom: 20px | |
| } | |
| .exchange-form_sub-name { | |
| font-weight: 700; | |
| margin-bottom: 4px | |
| } | |
| .exchange_wrapper ul { | |
| list-style: none | |
| } | |
| .exchange_wrapper li { | |
| display: inline-block; | |
| margin-right: 20px; | |
| width: 20% | |
| } | |
| .exchange_wrapper input[type=radio] { | |
| visibility: hidden | |
| } | |
| .exchange_wrapper label { | |
| cursor: pointer | |
| } | |
| .exchange_wrapper label img { | |
| max-width: 100% | |
| } | |
| .exchange_wrapper input[type=radio]:checked + label > img { | |
| border: 1px solid red | |
| } | |
| .alert { | |
| padding: 20px; | |
| background-color: #f44336; | |
| color: #fff; | |
| opacity: .83; | |
| transition: opacity .6s; | |
| margin-top: 15px; | |
| margin-bottom: 15px | |
| } | |
| .alert .close { | |
| margin-left: 15px; | |
| color: #fff; | |
| font-weight: 700; | |
| float: right; | |
| font-size: 22px; | |
| line-height: 20px; | |
| cursor: pointer; | |
| transition: .3s | |
| } | |
| .alert .close:hover { | |
| color: #000 | |
| } | |
| .alert.success { | |
| background-color: #4caf50 | |
| } | |
| .alert.info { | |
| background-color: #2196f3 | |
| } | |
| .alert.warning { | |
| background-color: #ff9800 | |
| } | |
| .exchange-form_sub-name { | |
| clear: both | |
| } | |
| .icon-wrapper { | |
| border-radius: 100px; | |
| text-align: center; | |
| margin: 8px; | |
| position: relative | |
| } | |
| #noti-icon { | |
| cursor: pointer; | |
| float: right; | |
| background-size: 20px 20px | |
| } | |
| #noti-icon.active .icon-wrapper { | |
| background-color: #fff | |
| } | |
| .noti-unread { | |
| position: absolute; | |
| background-color: red; | |
| color: #fff; | |
| font-size: 12px; | |
| font-size: 1.2rem; | |
| line-height: 14px; | |
| line-height: 1.4rem; | |
| padding: 0 6px; | |
| right: -6px; | |
| bottom: -4px; | |
| border-radius: 10px; | |
| border-bottom: 1px solid #a50000 | |
| } | |
| .noti-sidebar { | |
| overflow: hidden; | |
| width: 360px; | |
| position: absolute; | |
| right: -50px; | |
| top: 46px; | |
| box-shadow: 0 0 4px #aaa | |
| } | |
| .noti-sidebar .noti-wrapper { | |
| max-height: 500px; | |
| overflow: hidden; | |
| overflow-y: auto; | |
| background-color: #fff; | |
| margin-bottom: 40px | |
| } | |
| .noti-sidebar .noti-more { | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| background-color: #fff; | |
| text-align: center; | |
| height: 40px | |
| } | |
| .noti-item { | |
| font-size: 12px; | |
| font-size: 1.2rem; | |
| line-height: 18px; | |
| line-height: 1.8rem | |
| } | |
| .noti-url { | |
| padding: 10px; | |
| display: block | |
| } | |
| .noti-item.untouch { | |
| background-color: #dce6ef | |
| } | |
| .noti-item:hover { | |
| background-color: #cddae4 | |
| } | |
| .noti-item_img { | |
| width: 46px; | |
| height: 46px; | |
| overflow: hidden; | |
| float: left; | |
| margin-right: 10px; | |
| border-radius: 30px | |
| } | |
| .noti-item_info { | |
| min-height: 54px; | |
| padding-left: 54px; | |
| color: #111 | |
| } | |
| .noti-item_info .timeago { | |
| opacity: .7 | |
| } | |
| .noti-item_img img { | |
| width: 100%; | |
| display: block | |
| } | |
| .noti-section { | |
| height: 100% | |
| } | |
| span.n-i_d-noti-phrase, span.n-i_d-noti-time { | |
| color: #333 | |
| } | |
| span.n-i_d-noti-time { | |
| display: block; | |
| font-size: 12px; | |
| opacity: .4 | |
| } | |
| #noti-icon i, #series-unread-icon i { | |
| font-size: 16px; | |
| font-size: 1.6rem; | |
| line-height: 30px; | |
| line-height: 3rem | |
| } | |
| #noti-icon i:hover, #series-unread-icon i:hover { | |
| opacity: .5 | |
| } | |
| #noti-icon i.appearing, #series-unread-icon i.appearing { | |
| color: #fff | |
| } | |
| #series-unread-icon { | |
| cursor: pointer; | |
| float: right; | |
| position: relative; | |
| background-color: inherit | |
| } | |
| @media only screen and (max-width:999px) { | |
| .noti-unread { | |
| position: absolute; | |
| display: inline-block; | |
| margin-left: 6px; | |
| font-size: 12px | |
| } | |
| .noti-sidebar { | |
| left: 0; | |
| right: 0; | |
| width: 100% | |
| } | |
| } | |
| table.listext-table { | |
| table-layout: fixed; | |
| background-color: #fff | |
| } | |
| table.listext-table tr:nth-child(odd) { | |
| background-color: #fbfbfb | |
| } | |
| table.listext-table tr:hover { | |
| background-color: #f0f0f0 | |
| } | |
| table.listext-table tr th { | |
| background-color: #eee; | |
| padding: 4px 10px; | |
| float: none | |
| } | |
| table.listext-table tr td { | |
| border-bottom: none; | |
| padding: 5px 10px; | |
| float: none | |
| } | |
| table.listext-table.td-relative tr td { | |
| position: relative | |
| } | |
| table.listext-table.has-covers tr td { | |
| height: 72px; | |
| position: relative | |
| } | |
| table.listext-table.has-covers tr td .series-cover { | |
| width: 44px; | |
| position: absolute; | |
| top: 4px; | |
| border: 1px solid #e9e9e9 | |
| } | |
| table.listext-table.has-covers tr td .series-name { | |
| padding-left: 50px | |
| } | |
| table.listext-table tr td .child-of-series-name { | |
| position: absolute; | |
| top: 50%; | |
| transform: translateY(-50%) | |
| } | |
| table.listext-table tr td small { | |
| display: block; | |
| color: #999 | |
| } | |
| table.listext-table tr td small.type-convert { | |
| color: #dc8118 | |
| } | |
| table.listext-table tr td small.type-translation { | |
| color: #36a189 | |
| } | |
| table.listext-table tr td small.type-orinovel { | |
| color: #1d7eaf | |
| } | |
| .backtoTop { | |
| position: fixed; | |
| opacity: .6; | |
| right: 10px; | |
| bottom: 10px; | |
| padding: 4px 10px; | |
| background-color: #333; | |
| color: #fff; | |
| font-size: 20px; | |
| cursor: pointer; | |
| z-index: 999; | |
| display: none | |
| } | |
| @media only screen and (max-width:787px) { | |
| .backtoTop { | |
| bottom: 40px | |
| } | |
| } | |
| #licensed-list .sect-body { | |
| padding: 0 | |
| } | |
| .licensed-list-page #search-by-month { | |
| border-left: 4px solid #36a189 | |
| } | |
| .licensed-list-page #search-by-month select { | |
| padding: 6px; | |
| width: 100%; | |
| text-align: center | |
| } | |
| .licensed-list-page #licensed-list .info-item { | |
| padding: 10px 20px 10px 0; | |
| border-bottom: 1px solid #aaa | |
| } | |
| .licensed-list-page #licensed-list .info-item .info-name { | |
| font-weight: 700 | |
| } | |
| .licensed-list-page .keywords-bar { | |
| display: flex | |
| } | |
| .licensed-list-page .keywords-bar .search-form.in { | |
| flex-grow: 100; | |
| width: 0; | |
| margin-bottom: 0 | |
| } | |
| .licensed-list-page .filter-toggle { | |
| width: 100%; | |
| text-align: right; | |
| cursor: pointer | |
| } | |
| .licensed-list-page .filter-type input[type=checkbox] { | |
| margin-right: 4px | |
| } | |
| .licensed-list-page .filter-type { | |
| margin-bottom: 0 | |
| } | |
| .licensed-list-page .sorting-modifier { | |
| margin-top: 20px; | |
| text-align: right | |
| } | |
| .licensed-list-page .sorting-modifier .select-wrapper { | |
| display: inline-block | |
| } | |
| .licensed-list-page .sorting-modifier .select-wrapper span { | |
| margin-right: 10px | |
| } | |
| .licensed-list-page .sorting-modifier .select-wrapper select { | |
| padding: 6px 20px | |
| } | |
| .licensed-list-page .submit-wrapper { | |
| margin-top: 10px; | |
| text-align: right; | |
| display: none | |
| } | |
| #licensed-list header.section-title, #tba-list header.section-title { | |
| background-image: url(/images/header-icon-green.png?0dbcc8ae729ae23d7c0e239bee81096a); | |
| background-repeat: no-repeat; | |
| background-position: 0; | |
| font-weight: 700; | |
| padding: 20px 20px 20px 50px; | |
| background-size: 30px auto; | |
| background-position: 10px | |
| } | |
| #licensed-list .listall-item { | |
| padding: 10px; | |
| border-bottom: 1px solid #d4dae2 | |
| } | |
| #licensed-list .listall-item .series-cover { | |
| width: 100%; | |
| position: relative; | |
| transition: .25s; | |
| -webkit-transition: .25s; | |
| -moz-transition: .25s; | |
| -o-transition: .25s | |
| } | |
| #licensed-list .listall-item .series-cover.has-sample-link:hover { | |
| opacity: .8 | |
| } | |
| #licensed-list .listall-item .sample-wrapper { | |
| text-align: right | |
| } | |
| #licensed-list .listall-item .sample-wrapper i { | |
| margin-right: 4px | |
| } | |
| #licensed-list .listall-item .sample-wrapper .sample-alert { | |
| display: inline-block; | |
| position: relative; | |
| background-color: #e484bf; | |
| padding: 0 10px; | |
| text-align: center; | |
| color: #fff; | |
| font-weight: 700; | |
| margin-bottom: 20px; | |
| width: 100%; | |
| border-radius: 4px | |
| } | |
| #licensed-list .listall-item .sample-wrapper .sample-alert:before { | |
| content: ""; | |
| width: 0; | |
| height: 0; | |
| border: 10px solid transparent; | |
| border-top-color: #e484bf; | |
| left: 0; | |
| right: 0; | |
| bottom: -19px; | |
| margin: auto; | |
| position: absolute | |
| } | |
| #licensed-list .listall-item .sample-wrapper .sample-alert span { | |
| line-height: 30px; | |
| line-height: 3rem | |
| } | |
| #licensed-list .listall-item .edit-link { | |
| margin-right: 4px | |
| } | |
| #licensed-list .listall-item .series-title .publisher-name { | |
| display: block; | |
| font-size: 16px; | |
| font-size: 1.6rem; | |
| line-height: 22px; | |
| line-height: 2.2rem; | |
| font-weight: 400 | |
| } | |
| #licensed-list .listall-item .listall-detail { | |
| padding-left: 0 | |
| } | |
| #licensed-list .listall-item .series-summary { | |
| display: inline-block; | |
| margin-top: 10px; | |
| margin-bottom: 0 | |
| } | |
| #licensed-list .listall-item .store-list .button.store-link { | |
| color: #fff; | |
| font-weight: 700; | |
| border-radius: 4px; | |
| min-width: 100px; | |
| text-align: center; | |
| margin-right: 10px; | |
| border: none; | |
| margin-top: 12px; | |
| background-color: #3e3e3e | |
| } | |
| #licensed-list .listall-item .store-list .button.store-link:hover { | |
| opacity: .6 | |
| } | |
| .licensed-volume-page .admin-tools a.edit-volume { | |
| font-size: 18px; | |
| font-size: 1.8rem; | |
| border-radius: 4px | |
| } | |
| .licensed-volume-page .volume-cover { | |
| width: 100% | |
| } | |
| .licensed-volume-page .volume-title-group { | |
| padding: 0 10px 20px; | |
| text-align: center | |
| } | |
| .licensed-volume-page .volume-title-group .volume-title .publisher-name { | |
| display: block; | |
| font-size: 16px; | |
| font-size: 1.6rem; | |
| line-height: 22px; | |
| line-height: 2.2rem; | |
| font-weight: 400; | |
| color: rgba(0,0,0,.4) | |
| } | |
| .licensed-volume-page .volume-title-group .volume-title .publisher-name a { | |
| color: #111; | |
| font-weight: 700 | |
| } | |
| .licensed-volume-page .volume-title-group .series-name { | |
| display: block; | |
| font-weight: 400; | |
| margin-bottom: 4px; | |
| color: rgba(0,0,0,.4) | |
| } | |
| .licensed-volume-page .volume-title-group .series-name a { | |
| color: #111; | |
| font-weight: 700 | |
| } | |
| .licensed-volume-page .info-box { | |
| padding: 10px; | |
| border-radius: 4px | |
| } | |
| .licensed-volume-page .info-box .info-item { | |
| padding-top: 4px; | |
| padding-bottom: 4px | |
| } | |
| .licensed-volume-page .info-box .info-name { | |
| font-weight: 700 | |
| } | |
| .licensed-volume-page #volumes-same-series { | |
| text-align: center | |
| } | |
| .licensed-volume-page #volumes-same-series .volume-item { | |
| width: 150px; | |
| height: 215px; | |
| margin: 0 5px 10px; | |
| display: inline-block | |
| } | |
| .licensed-volume-page #volumes-same-series .volume-item .a6-ratio { | |
| position: relative | |
| } | |
| .licensed-volume-page #volumes-same-series .volume-name { | |
| position: absolute; | |
| bottom: 0; | |
| left: 0; | |
| right: 0; | |
| background-color: rgba(0,0,0,.6); | |
| color: #fff; | |
| padding: 10px; | |
| font-weight: 700; | |
| font-size: 14px; | |
| font-size: 1.4rem | |
| } | |
| .licensed-volume-page .store-list.at-licensed-volume { | |
| margin-top: 20px | |
| } | |
| .licensed-volume-page .store-list.at-licensed-volume .list-name h4 { | |
| margin-bottom: 10px | |
| } | |
| .licensed-volume-page .store-list.at-licensed-volume .button { | |
| color: #fff; | |
| font-weight: 700; | |
| border-radius: 4px; | |
| text-align: center; | |
| border: none; | |
| margin-bottom: 12px; | |
| width: 100% | |
| } | |
| .licensed-volume-page .store-list.at-licensed-volume .button:hover { | |
| opacity: .5 | |
| } | |
| .licensed-volume-page .share-button { | |
| float: left | |
| } | |
| .licensed-volume-page .sample-link { | |
| margin-top: 20px; | |
| bottom: 0; | |
| left: 0; | |
| width: 100%; | |
| font-size: 20px; | |
| font-size: 2rem; | |
| line-height: 26px; | |
| line-height: 2.6rem; | |
| text-align: center | |
| } | |
| .licensed-volume-page .sample-link i { | |
| margin-right: 10px | |
| } | |
| .licensed-volume-page .sample-link:hover { | |
| opacity: .8 | |
| } | |
| .licensed-volume-page .sample-link .button { | |
| background-color: #e484bf; | |
| color: #fff; | |
| font-weight: 700; | |
| border-radius: 4px; | |
| border: 0; | |
| min-width: 200px; | |
| text-align: center; | |
| opacity: .9; | |
| padding: 10px 50px | |
| } | |
| #tba-list .sect-header { | |
| text-align: center | |
| } | |
| #tba-list .tba-item { | |
| padding: 10px | |
| } | |
| #tba-list .tba-item .series-cover { | |
| width: 100% | |
| } | |
| #tba-list .tba-item .info-item .info-name { | |
| font-weight: 700 | |
| } | |
| #tba-list .tba-item:nth-of-type(odd) { | |
| clear: left | |
| } | |
| @media only screen and (max-width:1219px) { | |
| #licensed-list .info-item { | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| padding: 4px 10px 4px 0 | |
| } | |
| } | |
| @media only screen and (max-width:999px) { | |
| .volume-cover { | |
| margin-bottom: 20px; | |
| text-align: center | |
| } | |
| .volume-cover .a6-ratio { | |
| max-width: 200px; | |
| margin: auto | |
| } | |
| .licensed-volume-page .info-box { | |
| padding: 0; | |
| margin: 0 | |
| } | |
| .licensed-volume-page .volume-summary .summary-content { | |
| padding: 0; | |
| border: 0 | |
| } | |
| .volume-title-group .volume-title { | |
| font-size: 22px; | |
| font-size: 2.2rem; | |
| line-height: 26px; | |
| line-height: 2.6rem | |
| } | |
| #search-by-month .select-wrapper { | |
| text-align: right | |
| } | |
| #search-by-month .select-wrapper .row { | |
| display: inline-block; | |
| width: 100%; | |
| max-width: 300px | |
| } | |
| .page-title .page-name_wrapper h2 { | |
| font-size: 22px; | |
| font-size: 2.2rem; | |
| line-height: 28px; | |
| line-height: 2.8rem | |
| } | |
| } | |
| @media only screen and (max-width:787px) { | |
| #tba-list .tba-item { | |
| width: 100%; | |
| margin-bottom: 20px | |
| } | |
| #licensed-list .listall-item .cover-wrapper { | |
| width: 100% !important; | |
| text-align: center | |
| } | |
| #licensed-list .listall-item .cover-wrapper .series-cover { | |
| display: inline-block; | |
| width: 160px | |
| } | |
| #licensed-list .edit-link, #licensed-list .series-name { | |
| font-size: 20px; | |
| font-size: 2rem; | |
| line-height: 24px; | |
| line-height: 2.4rem | |
| } | |
| #licensed-list .publisher-name { | |
| margin-top: 10px | |
| } | |
| #licensed-list .cover-wrapper { | |
| margin-bottom: 10px | |
| } | |
| #licensed-list .info-item { | |
| width: 100% | |
| } | |
| .licensed-volume-page .store-list.at-licensed-volume, .licensed-volume-page .summary-title { | |
| text-align: center | |
| } | |
| } | |
| #volume-list .series-name { | |
| display: block; | |
| font-size: 14px; | |
| font-size: 1.4rem | |
| } | |
| .licensed-list-form { | |
| position: relative | |
| } | |
| .licensed-list-form [type=date], .licensed-list-form [type=email], .licensed-list-form [type=number], .licensed-list-form [type=password], .licensed-list-form [type=tel], .licensed-list-form [type=text] { | |
| height: 32px | |
| } | |
| .licensed-list-form .button, .licensed-list-form input { | |
| border-radius: 4px | |
| } | |
| .licensed-list-form .button { | |
| font-size: 14px; | |
| font-size: 1.4rem | |
| } | |
| .licensed-list-form .button.upload-cover { | |
| margin-top: 10px; | |
| float: right | |
| } | |
| .licensed-list-form select { | |
| height: 30px; | |
| padding: 0 10px; | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| min-width: 200px | |
| } | |
| .licensed-list-form .container.input-area-wrapper { | |
| padding-top: 20px | |
| } | |
| .licensed-list-form .cover-image { | |
| width: 160px; | |
| float: left | |
| } | |
| .licensed-list-form .input-area { | |
| margin-left: 20px; | |
| width: 80% | |
| } | |
| .licensed-list-form .input-group { | |
| margin-bottom: 20px; | |
| width: 100%; | |
| float: left | |
| } | |
| .licensed-list-form .input-group.has-children .input-group { | |
| margin-top: 20px; | |
| margin-bottom: 0 | |
| } | |
| .licensed-list-form .input-group.store-input [type=text] { | |
| margin-top: 10px | |
| } | |
| .licensed-list-form .input-group.store-input .delete-link { | |
| margin-top: 10px; | |
| float: left | |
| } | |
| .licensed-list-form .input-group.store-input hr { | |
| background-color: #ccc | |
| } | |
| .licensed-list-form .combine-input { | |
| background-color: #eee; | |
| padding: 20px; | |
| border-radius: 4px | |
| } | |
| .licensed-list-form .input-name { | |
| margin-bottom: 4px; | |
| float: left; | |
| width: 15%; | |
| padding: 0 15px; | |
| text-align: right; | |
| margin-top: 6px | |
| } | |
| .licensed-list-form .input-group .input-text { | |
| float: left; | |
| width: 70%; | |
| padding: 0 15px | |
| } | |
| .licensed-list-form .input-group .input-text [type=text] { | |
| width: 100% | |
| } | |
| .licensed-list-form .input-group.summary-input .input-text { | |
| width: 85% | |
| } | |
| .licensed-list-form .input-group.summary-input .input-text textarea.summary-field { | |
| width: 100%; | |
| min-height: 200px | |
| } | |
| .licensed-list-form .sub-windows-ground { | |
| position: fixed; | |
| width: 100%; | |
| height: 100%; | |
| background-color: rgba(0,0,0,.6); | |
| top: 0; | |
| left: 0; | |
| padding-top: 50px | |
| } | |
| .licensed-list-form .sub-window { | |
| background-color: #fff; | |
| min-width: 320px; | |
| max-width: 460px; | |
| min-height: 40px; | |
| margin: 60px auto auto; | |
| padding: 20px; | |
| border-radius: 4px | |
| } | |
| .licensed-list-form .sub-window .attribute-input { | |
| margin-bottom: 10px | |
| } | |
| .licensed-list-form .sub-window .attribute-name { | |
| margin-bottom: 4px | |
| } | |
| .licensed-list-form .sub-window input[type=text] { | |
| height: 32px; | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| min-width: 200px | |
| } | |
| .licensed-list-form .sub-window select { | |
| min-width: 200px | |
| } | |
| .licensed-list-form .sub-window .button.do-action { | |
| padding: 6px 10px | |
| } | |
| .convert-type a:hover { | |
| color: #dc8118 | |
| } | |
| .convert-type .detail-list header { | |
| background-image: url(/images/header-icon-orange.png?d08c0afbf15ec0501d60d026aa5e01dc) | |
| } | |
| .convert-type .lastest-chapter a { | |
| color: #dc8118 !important | |
| } | |
| .convert-type .feature-section .series-type, .convert-type .topview_rank { | |
| background-color: #dc8118 | |
| } | |
| .convert-type .feature-section .series-type:before { | |
| border-top-color: #dc8118 | |
| } | |
| .convert-type .feature-section .series-summary { | |
| border-color: #dc8118 | |
| } | |
| .convert-type .series-owner { | |
| background-color: #dc8118 | |
| } | |
| .convert-type .feature-section .series-owner_name a { | |
| color: #dc8118 | |
| } | |
| .convert-type .download-icon:hover { | |
| border-color: #dc8118 | |
| } | |
| .convert-type .paging_item { | |
| color: #dc8118 | |
| } | |
| .convert-type .pagination_wrap .current, .convert-type .paging_item:hover { | |
| color: #fff; | |
| background-color: #dc8118 | |
| } | |
| @media only screen and (max-width:999px) { | |
| .convert-type .mobile-toggle header { | |
| color: #dc8118 | |
| } | |
| } | |
| .convert-type .cv_random-section .listall_img img { | |
| max-width: 150px | |
| } | |
| .cv_random-section { | |
| box-shadow: 0 0 4px #999 | |
| } | |
| ul.others-list li a.others-name.name-convert { | |
| color: #dc8118 | |
| } | |
| .thumb-item-flow.type-convert .volume-title { | |
| color: #efa451 | |
| } | |
| .convert-type .page-title .page-name_wrapper .page-name i { | |
| color: #dc8118 | |
| } | |
| .orinovel-type a:hover { | |
| color: #1d7eaf | |
| } | |
| .orinovel-type .detail-list header { | |
| background-image: url(/images/header-icon-blue.png?fe36c5b19746da53eafc95b71e43bce3) | |
| } | |
| .orinovel-type .lastest-chapter a { | |
| color: #1d7eaf | |
| } | |
| .orinovel-type .feature-section .series-type, .orinovel-type .topview_rank { | |
| background-color: #1d7eaf | |
| } | |
| .orinovel-type .feature-section .series-type:before { | |
| border-top-color: #1d7eaf | |
| } | |
| .orinovel-type .feature-section .series-summary { | |
| border-color: #1d7eaf | |
| } | |
| .orinovel-type .series-owner { | |
| background-color: #1d7eaf | |
| } | |
| .orinovel-type .download-icon:hover { | |
| border-color: #1d7eaf | |
| } | |
| .orinovel-type .paging_item { | |
| color: #1d7eaf | |
| } | |
| .orinovel-type .pagination_wrap .current, .orinovel-type .paging_item:hover { | |
| background-color: #1d7eaf; | |
| color: #fff | |
| } | |
| @media only screen and (max-width:999px) { | |
| .orinovel-type .mobile-toggle header { | |
| color: #1d7eaf | |
| } | |
| } | |
| .thumb-item-flow.type-original .volume-title { | |
| color: #4ebef7 | |
| } | |
| .orinovel-type .page-title .page-name_wrapper .page-name i { | |
| color: #1d7eaf | |
| } | |
| .ln-comment-content img { | |
| display: inline; | |
| padding: 0 | |
| } | |
| #donate-marquee { | |
| height: 22px; | |
| overflow-y: hidden | |
| } | |
| .marquee { | |
| width: 100%; | |
| margin: 0 auto; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| box-sizing: border-box | |
| } | |
| .marquee div { | |
| display: inline-block; | |
| padding-left: 100%; | |
| -webkit-animation: marquee 25s linear infinite; | |
| animation: marquee 25s linear infinite | |
| } | |
| .marquee div:hover { | |
| -webkit-animation-play-state: paused; | |
| animation-play-state: paused | |
| } | |
| @-webkit-keyframes marquee { | |
| 0% { | |
| transform: translate(0) | |
| } | |
| to { | |
| transform: translate(-100%) | |
| } | |
| } | |
| @keyframes marquee { | |
| 0% { | |
| transform: translate(0) | |
| } | |
| to { | |
| transform: translate(-100%) | |
| } | |
| } | |
| .no-select { | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none | |
| } | |
| .comment-pin-indicator { | |
| color: #ea4343 | |
| } | |
| @media only screen and (max-width:787px) { | |
| .span-pin { | |
| margin-top: 2px | |
| } | |
| .comment-pin-indicator { | |
| top: 15px | |
| } | |
| } | |
| @media only screen and (min-width:725px) { | |
| .mgid_ad { | |
| width: 728px | |
| } | |
| .mgid_index_lc { | |
| width: 980px | |
| } | |
| } | |
| .hidden { | |
| display: none !important | |
| } | |
| .shown-block { | |
| display: block !important | |
| } | |
| .shown-inline { | |
| display: inline-block !important | |
| } | |
| .headroom { | |
| will-change: transform; | |
| transition: transform .2s linear | |
| } | |
| .headroom--pinned { | |
| transform: translateY(0) | |
| } | |
| .headroom--unpinned { | |
| transform: translateY(-100%) | |
| } | |
| .tns-nav { | |
| text-align: center | |
| } | |
| .tns-nav button { | |
| border: 0; | |
| border-radius: 50%; | |
| height: 15px; | |
| width: 15px; | |
| margin: 5px; | |
| background-color: #333 | |
| } | |
| .tns-nav .tns-nav-active { | |
| background-color: #bbb | |
| } | |
| .mail-content img { | |
| max-width: 100% | |
| } | |
| .slider { | |
| white-space: nowrap; | |
| overflow-x: hidden | |
| } | |
| .mce-content-body img { | |
| max-width: 60%; | |
| height: auto | |
| } | |
| .flex-masonry { | |
| display: flex; | |
| flex-flow: column wrap; | |
| align-content: space-between; | |
| height: 10000px | |
| } | |
| .flex-masonry-item { | |
| width: 49%; | |
| position: relative | |
| } | |
| .flex-masonry-item:nth-child(2n) { | |
| order: 1 | |
| } | |
| .flex-masonry-item:nth-child(odd) { | |
| order: 2 | |
| } | |
| .flex-masonry:after, .flex-masonry:before { | |
| content: ""; | |
| flex-basis: 100%; | |
| width: 0; | |
| order: 2 | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment