diff --git a/assets/theme.css b/assets/theme.css index 6c10ff2..0adc207 100644 --- a/assets/theme.css +++ b/assets/theme.css @@ -238,3 +238,101 @@ textarea.comment-box { .text-right { float: right; } + + +/* Addtional CSS changes below for better visibility + mobile fixes */ + +/* Top nav */ +#top_nav{ + background-image:linear-gradient(to right, #0575e6 0%, #021b79 100%); + border-right-style:none; + border-bottom-style:none; + border-left-style:none; + border-top-style:none; +} + +/* Link */ +#titles a{ + color:#e5e5e5; +} + +/* Span Tag */ +.dropdown .dropdown-toggle span{ + color:#e8e8e8; +} + +/* Image */ +#mangaSearchList .thumbnail img{ + max-height:100%; + height:205px; +} + +/* Image */ +.container .row #mangaSearchList .col-sm-12 .mangaSearchItem .thumbnail img{ + width:165px !important; +} + +/* Manga search item */ +#mangaSearchList .mangaSearchItem{ + display:inline-flex !important; +} + +@media (max-width:767px){ + + /* Paragraph */ + #mangaSearchList .thumbnail p{ + background-color:rgba(0,0,0,0.64); + text-shadow:rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) -1px 0px 1px !important; + color:#ffffff !important; + max-width:100%; + width:168px; + } + +} + +/* Label primary */ +#latest-titles tr .label-primary{ + background-color:#0d5fc3; +} + +/* Label info */ +#latest-titles tr .label-info{ + background-color:#1da016; +} + +/* Col 6 */ +.container .col-sm-6{ + background-color:transparent; + background-image:none; +} + +/* Button */ +.row .col-sm-6 a{ + background-image:linear-gradient(to right, rgb(5, 117, 230) 0%, rgb(2, 27, 121) 100%); + border-bottom-color:#161e45; +} + +/* List group item */ +.sidebar .list-group span.list-group-item{ + background-color:#158cba; + background-image:linear-gradient(to right, rgb(5, 117, 230) 0%, rgb(2, 27, 121) 100%); +} + +@media (max-width:767px){ + + /* Footer */ + .container footer{ + max-width:100%; + max-height:100%; + width:auto; + } + +} + +/* Carousel caption */ +#manga-carousel a .carousel-caption{ + background-color:rgba(30,30,30,0.67); + text-shadow:rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) -1px 0px 1px; +} + +