body.ownlist {
}
#advanced-options {
background-color: #f6f6f6;
border: 1px solid #ebebeb;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
color: #323232;
display: none;
font-family: "Helvetica neue",Helvetica,"lucida grande",tahoma,verdana,arial,sans-serif;
left: 0;
margin: 0 auto;
padding: 25px 0 30px;
position: absolute;
right: 0;
text-align: left;
top: 24px;
width: 860px;
z-index: 1101;
}
#advanced-options .advanced-options-header {
border-bottom: 1px solid #bebebe;
font-size: 16px;
margin: 0 auto;
padding-bottom: 4px;
width: 750px;
}
#advanced-options .advanced-options-header .description {
font-size: 12px;
font-weight: normal;
margin-left: 8px;
}
#advanced-options select {
-moz-appearance: none;
background-color: #ffffff;
background-image: url("/img/pc/ownlist/icon_pulldown_triangle.png");
background-position: right center;
background-repeat: no-repeat;
background-size: 18px 8px;
border: 1px solid #bebebe;
border-radius: 0;
display: inline-block;
font-size: 12px;
height: 25px;
padding: 4px 20px 4px 4px;
}
#advanced-options select:disabled {
background-image: url("/img/pc/ownlist/icon_pulldown_triangle_disable.png");
color: #9b9b9b;
}
#advanced-options input[type="text"] {
border: 1px solid #bebebe;
padding: 4px;
}
#advanced-options input:focus {
outline: medium none;
}
#advanced-options .sort-widget {
margin: 0 auto;
padding: 12px 0 0;
width: 750px;
}
#advanced-options .sort-widget:last-of-type {
padding-bottom: 45px;
}
#advanced-options .sort-widget select {
margin-right: 8px;
width: 172px;
}
#advanced-options .sort-widget input[type="radio"] {
display: none;
}
#advanced-options .sort-widget input[type="radio"] + label {
background-color: #ffffff;
border: 1px solid #bebebe;
border-radius: 4px;
color: #323232;
cursor: pointer;
display: inline-block;
font-size: 12px;
padding: 5px 0;
text-align: center;
width: 56px;
}
#advanced-options .sort-widget input[type="radio"]:checked + label {
background-color: #4065ba;
border: 1px solid #4065ba;
color: #ffffff;
}
#advanced-options .sort-widget input[type="radio"]:disabled + label {
border: 1px solid #bebebe;
color: #9b9b9b;
}
#advanced-options .sort-widget input[type="radio"]:checked:disabled + label {
background-color: #ffffff;
border: 1px solid #bebebe;
color: #9b9b9b;
}
#advanced-options .filter-widget {
margin: 0 auto;
padding: 12px 0 0;
width: 750px;
}
#advanced-options .filter-widget select {
font-size: 12px;
margin-right: 8px;
}
#advanced-options .filter-widget.title input[type="text"] {
width: 360px;
}
#advanced-options .filter-widget.airing-status select, #advanced-options .filter-widget.publishing-status select {
width: 152px;
}
#advanced-options .filter-widget.producer select, #advanced-options .filter-widget.magazine select {
width: 360px;
}
#advanced-options .filter-widget.aired-date select.year, #advanced-options .filter-widget.published-date select.year {
width: 80px;
}
#advanced-options .filter-widget.aired-date select.month, #advanced-options .filter-widget.published-date select.month, #advanced-options .filter-widget.aired-date select.day, #advanced-options .filter-widget.published-date select.day {
width: 60px;
}
#advanced-options .filter-widget.aired-date .text, #advanced-options .filter-widget.published-date .text {
display: inline-block;
font-size: 12px;
margin-right: 4px;
}
#advanced-options .filter-widget.aired-season select.year {
width: 80px;
}
#advanced-options .filter-widget.aired-season select.season {
width: 110px;
}
#advanced-options .sort-widget .widget-header, #advanced-options .filter-widget .widget-header {
display: inline-block;
font-family: "Helvetica neue",Helvetica,"lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 12px;
width: 110px;
}
#advanced-options .sort-widget:last-of-type, #advanced-options .filter-widget:last-of-type {
padding-bottom: 40px;
}
#advanced-options .advanced-options-button {
border-top: 1px solid #bebebe;
margin: 0 auto;
padding: 12px 0 0;
text-align: center;
width: 750px;
}
#advanced-options .btn-apply, #advanced-options .btn-clear {
background-color: rgba(64, 101, 186, 1);
border-radius: 4px;
color: #ffffff;
display: inline-block;
font-size: 12px;
margin: 0 4px;
padding: 6px 0;
text-align: center;
transition-duration: 0.3s;
transition-property: all;
transition-timing-function: ease-in-out;
width: 135px;
}
#advanced-options .btn-apply:hover, #advanced-options .btn-clear:hover {
background-color: rgba(64, 101, 186, 0.8);
}
body {
background: rgba(0, 0, 0, 0) url("http://sweetclipart.com/multisite/sweetclipart/files/imagecache/middle/pattern_dots_pastel.png") repeat scroll 0 0;
font-family: calibri;
font-size: 11px;
margin: 0;
text-align: center;
}
td {
line-height: 1.5em;
}
a {
color: #ae7861;
text-decoration: none;
}
#footer-block {
font-family: calibri;
margin-top: 10px;
padding: 15px 0;
}
#copyright {
color: lightyellow;
font-size: 12px;
padding-top: 3px;
text-align: center;
}
.header a {
color: #fff;
font-weight: bold;
}
.header a:hover {
text-decoration: underline;
}
.header {
color: #fff;
display: block;
height: 70px;
margin: 0 auto;
position: relative;
width: 1060px;
}
.header .header-title {
background-image: none;
background-position: left top;
background-repeat: no-repeat;
background-size: auto 36px;
display: block;
height: 36px;
overflow: hidden;
position: absolute;
text-indent: -9999px;
top: 21px;
width: 240px;
}
.header .header-menu {
color: #2e51a2;
position: absolute;
right: 4px;
top: 25px;
}
.header .header-menu.other {
top: 18px;
}
.header .header-menu .btn-menu {
color: lightyellow;
display: block;
font-size: 16px;
text-align: right;
}
.header .header-menu .btn-menu > a {
color: #2e51a2;
}
.header .username {
font-weight: bold;
}
.header .header-menu .list-menu {
background-color: #ffffff;
border: 1px solid #2e51a2;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
display: none;
position: absolute;
right: -4px;
top: 25px;
z-index: 1;
}
.header .header-menu .list-menu .icon-menu {
color: #2e51a2;
display: block;
font-size: 14px;
font-weight: bold;
height: 30px;
text-decoration: none;
transition-duration: 0.3s;
transition-property: all;
transition-timing-function: ease-in-out;
width: 150px;
}
.header .header-info {
color: #2e51a2;
font-size: 1em;
margin-right: 15px;
margin-top: 6px;
text-align: right;
}
.header .header-info > a {
color: #2e51a2;
}
.header .header-menu .list-menu .icon-menu:hover {
background-color: #e1e7f5;
}
.header .header-menu .list-menu .icon-menu svg.icon {
fill: #2e51a2;
left: 12px;
position: absolute;
top: 4px;
}
.header .header-menu .list-menu .icon-menu .text {
left: 52px;
position: absolute;
top: 6px;
}
.list-menu-float {
border: medium none;
display: block;
position: fixed;
top: 20%;
width: 50px;
z-index: 2;
}
.list-menu-float .icon-menu {
background-color: lightyellow;
display: block;
height: 50px;
opacity: 1;
position: relative;
transition-duration: 0.3s;
transition-property: all;
transition-timing-function: ease-in-out;
width: 50px;
}
.list-menu-float .icon-menu svg.icon {
fill: #323232;
position: absolute;
}
.list-menu-float .icon-menu:hover svg.icon {
fill: #ffffff;
position: absolute;
}
.list-menu-float .icon-menu.profile {
}
.list-menu-float .icon-menu.quick-add {
}
.list-menu-float .icon-menu.quick-add svg.icon-quick-add {
left: 13px;
top: 12px;
}
.list-menu-float .icon-menu.anime-list {
}
.list-menu-float .icon-menu.anime-list svg.icon-anime-list {
left: 13px;
top: 12px;
}
.list-menu-float .icon-menu.manga-list {
}
.list-menu-float .icon-menu.manga-list svg.icon-manga-list {
left: 13px;
top: 12px;
}
.list-menu-float .icon-menu.history {
}
.list-menu-float .icon-menu.history svg.icon-history {
left: 13px;
top: 12px;
}
.list-menu-float .icon-menu.export {
}
.list-menu-float .icon-menu.export svg.icon-export {
left: 13px;
top: 12px;
}
.list-menu-float .icon-menu.login {
}
.list-menu-float .icon-menu.login svg.icon-login {
left: 13px;
top: 12px;
}
.list-menu-float .icon-menu.logout {
}
.list-menu-float .icon-menu.logout svg.icon-logout {
left: 13px;
top: 14px;
}
.list-menu-float .icon-menu.setting {
}
.list-menu-float .icon-menu.setting svg.icon-setting {
left: 13px;
top: 13px;
}
.list-menu-float .icon-menu .text {
color: #ffffff;
display: inline-block;
font-family: calibri;
font-size: 1.4em;
left: 50px;
opacity: 0;
overflow: hidden;
position: absolute;
text-align: center;
top: 14px;
transition-duration: 0.3s;
transition-property: all;
transition-timing-function: ease-in-out;
vertical-align: middle;
white-space: nowrap;
width: 0;
}
.list-menu-float .icon-menu:hover:not(.profile) {
background-color: pink;
width: 145px;
}
.list-menu-float .icon-menu:hover .text {
opacity: 1;
width: 94px;
}
.list-menu-float .icon-menu.setting .text {
height: 100px;
opacity: 0;
top: 0;
transition-duration: 0.3s;
transition-property: all;
transition-timing-function: ease-in-out;
width: 0;
}
.list-menu-float .icon-menu.setting:hover .text {
height: 100px;
opacity: 1;
top: 0;
width: 114px;
}
.list-menu-float .icon-menu.setting .text .link-list-setting, .list-menu-float .icon-menu.setting .text .link-style-setting {
display: block;
opacity: 0;
}
.list-menu-float .icon-menu.setting:hover .text .link-list-setting, .list-menu-float .icon-menu.setting:hover .text .link-style-setting {
background-color: pink;
color: #ffffff;
display: block;
height: 50px;
line-height: 50px;
opacity: 1;
position: absolute;
text-decoration: none;
width: 110px;
}
.list-menu-float .icon-menu.setting:hover .text .link-list-setting {
top: 0;
}
.list-menu-float .icon-menu.setting:hover .text .link-style-setting {
border-top: 1px solid #ebebeb;
top: 50px;
}
.list-container {
background-color: transparent;
border: 3px solid lightyellow;
border-radius: 15px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
position: relative;
text-align: left;
width: 1058px;
}
.cover-block {
display: block;
margin: 0 auto;
text-align: center;
vertical-align: middle;
width: 1024px;
}
.cover-block .image-container {
display: table-cell;
padding-top: 16px;
width: 1024px;
}
.cover-block .image-container.hide {
display: none;
}
.cover-block .image-container img {
max-width: 1024px;
}
.cover-block .image-container .btn-list-setting {
display: none;
}
.cover-block .image-container:hover .btn-list-setting {
border: 1px solid rgba(255, 255, 255, 0);
color: #ffffff;
display: block;
font-family: "Helvetica neue",Helvetica,"lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 14px;
padding: 8px;
position: absolute;
right: 28px;
top: 20px;
}
.cover-block .image-container .btn-list-setting:hover {
background-color: rgba(0, 0, 0, 0.6);
border: 1px solid #ffffff;
box-shadow: 0 0 4px #000000;
color: #ffffff;
font-size: 14px;
padding: 8px;
position: absolute;
right: 28px;
text-shadow: 1px 1px 1px #323232;
top: 20px;
}
.cover-block .image-container .btn-list-setting .fa-camera {
font-size: 16px;
text-shadow: 1px 1px 3px #000000;
}
.cover-block .image-container .btn-list-setting .icon-plus-circle {
background-color: rgba(0, 0, 0, 0.6);
border-radius: 50%;
box-shadow: -1px 1px 0 0 #323232;
font-size: 10px;
left: 18px;
position: absolute;
top: 4px;
}
.cover-block .image-container .btn-list-setting .text {
display: none;
}
.cover-block .image-container .btn-list-setting:hover .text {
display: inline-block;
margin-left: 4px;
}
.status-menu-container {
background-color: lightyellow !important;
border-bottom: 1px none #ebebeb;
height: 46px;
margin-top: -24px;
width: 1058px;
z-index: 1;
}
.status-menu-container.fixed {
display: block;
position: fixed;
top: 0;
}
.status-menu-container.fixed + div.list-block {
margin-top: 62px;
}
.status-menu-container .status-menu {
background-color: lightyellow;
border-collapse: separate;
border-spacing: 40px 0;
display: table;
margin: 0 auto;
}
.status-menu-container .status-menu .status-button {
color: grey;
display: table-cell;
font-family: Century Gothic;
font-size: 1.6em;
margin: 0;
padding: 12px 0;
position: relative;
text-align: center;
vertical-align: middle;
}
.status-menu-container .status-menu .status-button.on {
color: #787878;
font-weight: bold;
}
.status-menu-container .status-menu .status-button::after {
background-color: pink;
bottom: 0;
content: "";
display: block;
height: 4px;
left: 0;
opacity: 0;
position: absolute;
transition-duration: 0.3s;
transition-property: all;
transition-timing-function: ease-in-out;
width: 100%;
}
.status-menu-container .status-menu .status-button.on::after, .status-menu .status-button:hover::after {
opacity: 1;
}
.status-menu-container .search-container {
position: absolute;
right: 18px;
}
.status-menu-container .search-container #search-button {
color: #787878;
display: inline-block;
font-size: 1.6em;
height: 22px;
margin-top: 15px;
vertical-align: middle;
}
.status-menu-container .search-container #search-box {
display: inline-block;
height: 22px;
margin-top: 13px;
overflow: hidden;
transition: width 0.3s ease 0s;
vertical-align: middle;
width: 0;
}
.status-menu-container .search-container #search-box.open {
display: inline-block;
width: 100px;
}
.status-menu-container .search-container #search-box input {
box-sizing: border-box;
height: 100%;
width: 100%;
}
.list-block {
margin-top: 16px;
min-height: 600px;
padding: 0;
}
.list-unit {
display: block;
margin: 0 auto;
width: 1024px;
}
.list-unit .list-status-title {
background-color: pink;
border-color: white white -moz-use-text-color;
border-radius: 10px 10px 0 0;
border-style: none;
border-width: 1px 1px medium;
display: table;
height: 38px;
position: relative;
width: 1024px;
}
.list-unit .list-status-title .text {
color: #fff;
display: table-cell;
font-family: century gothic;
font-size: 2em;
font-weight: bold;
height: 38px;
text-align: center;
vertical-align: middle;
width: 1024px;
}
.list-unit .list-status-title .stats {
height: 38px;
line-height: 38px;
position: absolute;
right: 4px;
}
.list-unit .list-status-title .stats a {
color: #fff;
margin-right: 8px;
}
.list-unit .list-status-title .stats a.filterd {
text-shadow: 0 0 2px #fff;
}
.list-unit .list-stats {
background-color: #4065ba;
color: #fff;
display: none;
height: 30px;
line-height: 30px;
text-align: center;
width: 1024px;
}
.list-table {
border: 1px solid #ebebeb;
border-collapse: collapse;
margin: 0 auto;
width: 100%;
}
.list-table > tbody:nth-of-type(2n+1) {
background-color: #fcfcfc;
}
.list-table .list-table-header .header-title {
background: #f6f6f6 url("/img/pc/ownlist/bar-table-header.png") no-repeat scroll right 7px / 1px 22px;
display: table-cell;
height: 36px;
text-align: center;
vertical-align: middle;
}
.list-table .list-table-header .header-title:last-child {
background-image: none;
}
.list-table .list-table-header .header-title.status {
background-image: none;
width: 4px;
}
.list-table .list-table-header .header-title.number {
width: 30px;
}
.list-table .list-table-header .header-title.image {
width: 66px;
}
.list-table .list-table-header .header-title.title {
padding-left: 8px;
text-align: left;
}
.list-table .list-table-header .header-title.score {
width: 65px;
}
.list-table .list-table-header .header-title.type {
width: 60px;
}
.list-table .list-table-header .header-title.progress {
width: 90px;
}
.list-table .list-table-header .header-title.chapters {
width: 90px;
}
.list-table .list-table-header .header-title.volumes {
width: 90px;
}
.list-table .list-table-header .header-title.tags {
width: 120px;
}
.list-table .list-table-header .header-title.rated {
width: 70px;
}
.list-table .list-table-header .header-title.started {
width: 110px;
}
.list-table .list-table-header .header-title.finished {
width: 110px;
}
.list-table .list-table-header .header-title.days {
width: 45px;
}
.list-table .list-table-header .header-title.storage {
width: 75px;
}
.list-table .list-table-header .header-title.retail {
width: 65px;
}
.list-table .list-table-header .header-title.priority {
width: 70px;
}
.list-table .list-table-header .header-title .link {
color: #ae7861;
font-size: 11px;
text-decoration: none;
}
.list-table .list-table-header .header-title .link.sort {
color: #ae7861;
display: inline-block;
position: relative;
transition-duration: 0.3s;
transition-property: all;
transition-timing-function: ease-in-out;
white-space: nowrap;
}
.list-table .list-table-header .header-title .link.sort:hover {
color: #2556c6;
}
.list-table .list-table-header .header-title .sort-icon {
color: #1d439b;
}
.list-table .list-table-data .data {
background: lightyellow none repeat scroll 0 0;
border-bottom: 1px dotted #ebebeb;
display: table-cell;
padding: 4px 0;
text-align: center;
vertical-align: middle;
}
.list-table .list-table-data a:hover:not(.edit-disabled) {
text-decoration: underline;
}
.list-table .list-table-data a.edit-disabled {
color: black;
cursor: text;
}
.list-table .list-table-data .tags .edit {
color: pink;
display: inline;
font-family: calibri;
font-size: 10px;
left: 255px;
position: relative;
text-align: center;
}
.list-table .list-table-data .tags .edit:hover {
color: green !important;
}
.list-table .list-table-data .tags textarea {
box-sizing: border-box;
height: 60px;
width: 100%;
}
.list-table .list-table-data .data.image a {
display: inline-block;
}
.list-table .list-table-data .data.image .image {
border: 1px solid #ebebeb;
border-radius: 5px;
height: 68px;
width: 48px;
}
.list-table .list-table-data .data.title {
padding-left: 8px;
text-align: left;
word-wrap: break-word;
}
.list-table .list-table-data .data.title .link {
font-family: century gothic;
font-size: 1.2em;
font-weight: bold;
}
.list-table .list-table-data .data.title .rewatching, .list-table .list-table-data .data.title .rereading, .list-table .list-table-data .data.title .content-status {
color: #bababa;
font-size: 0.9em;
}
.list-table .list-table-data .data.score .link {
font-size: 1.1em;
font-weight: bold;
}
.list-table .list-table-data .data.title .add-edit-more {
float: right;
font-size: 0.9em;
margin-right: 10px;
}
.list-table .list-table-data .data.title .more {
position: relative;
}
.list-table .more-info {
border-bottom: 1px solid #ebebeb;
display: none;
}
.list-table .more-info .more-content {
padding: 10px;
}
.list-table .list-table-data .data.tags {
color: transparent;
font-size: 12px;
text-align: left;
width: 280px;
word-wrap: break-word;
}
.list-table .list-table-data .data.status {
width: 4px;
}
.list-table .list-table-data .data.status .text {
display: none;
}
.list-table .list-table-data .data.status.reading, .list-table .list-table-data .data.status.watching {
background-color: #2db039;
border-style: none;
}
.list-table .list-table-data .data.status.plantoread, .list-table .list-table-data .data.status.plantowatch {
background-color: #c3c3c3;
}
.list-table .list-table-data .data.status.completed {
background-color: #26448f;
}
.list-table .list-table-data .data.status.onhold {
background-color: #f1c83e;
}
.list-table .list-table-data .data.status.dropped {
background-color: #a12f31;
}
.list-table .list-table-data .data.title {
padding-left: 8px;
text-align: left;
}
.list-unit .loading-space {
font-size: 20px;
height: 20px;
margin: 8px;
text-align: center;
}