mirror of
https://github.com/saintly2k/FoOlSlideX.git
synced 2025-02-20 11:13:13 +08:00
Update theme! Thx daskd!
This commit is contained in:
Selim
GitHub
parent
9669338246
commit
78e96a34ab
335
theme.css
Normal file
335
theme.css
Normal file
@ -0,0 +1,335 @@
|
||||
@font-face {
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-family: 'Ubuntu';
|
||||
src: url(/bootstrap/fonts/Ubuntu-L.ttf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-family: 'Ubuntu';
|
||||
src: url(/bootstrap/fonts/Ubuntu-R.ttf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-family: 'Ubuntu';
|
||||
src: url(/bootstrap/fonts/Ubuntu-M.ttf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-weight: 700;
|
||||
font-style: bold;
|
||||
font-family: 'Ubuntu';
|
||||
src: url(/bootstrap/fonts/Ubuntu-B.ttf);
|
||||
}
|
||||
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
margin-bottom: 40px;
|
||||
padding-top: 70px;
|
||||
padding-bottom: 30px;
|
||||
font-family: "Ubuntu", sans-serif;
|
||||
}
|
||||
|
||||
.theme-dropdown .dropdown-menu {
|
||||
position: static;
|
||||
display: block;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
position: absolute;
|
||||
padding: 10px 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
/* Set the fixed height of the footer here */
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.display-none {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.btn-file {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.btn-file input[type=file] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
font-size: 100px;
|
||||
text-align: right;
|
||||
filter: alpha(opacity=0);
|
||||
opacity: 0;
|
||||
background: red;
|
||||
cursor: inherit;
|
||||
display: block;
|
||||
}
|
||||
|
||||
input[readonly] {
|
||||
cursor: text !important;
|
||||
}
|
||||
|
||||
#message_container {
|
||||
position: fixed;
|
||||
top: 70px;
|
||||
z-index: 100;
|
||||
height: 100px;
|
||||
left: 50%;
|
||||
width: 50%;
|
||||
margin-left: -25%;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
img.captcha {
|
||||
margin: 0 auto 15px auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.td-768,
|
||||
.td-992,
|
||||
.td-1440,
|
||||
.span-992,
|
||||
.span-1440,
|
||||
.li-992 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#quick_search_input {
|
||||
border-radius: 4px 0 0 4px;
|
||||
}
|
||||
|
||||
#quick_search_form {
|
||||
display: 100px;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
|
||||
.nav-label-992,
|
||||
.nav-label-1440 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.td-768 {
|
||||
display: table-cell;
|
||||
}
|
||||
|
||||
#quick_search_input {
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
#quick_search_form {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
|
||||
.td-992 {
|
||||
display: table-cell;
|
||||
}
|
||||
|
||||
.nav-label-992,
|
||||
.span-992 {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#quick_search_input {
|
||||
width: 170px;
|
||||
}
|
||||
|
||||
#quick_search_form {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1440px) {
|
||||
|
||||
.nav-label-1440,
|
||||
.span-1440 {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.span-not-1440,
|
||||
.td-not-1440 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#quick_search_input {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
#quick_search_form {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
||||
img.reader {
|
||||
cursor: pointer;
|
||||
max-width: 100%;
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
img.avatar {
|
||||
max-width: 100px;
|
||||
max-height: 100px;
|
||||
}
|
||||
|
||||
img.click {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
img.webtoon,
|
||||
img.long-strip {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
img.webtoon {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
img.long-strip {
|
||||
margin: 0 auto 10px auto;
|
||||
}
|
||||
|
||||
a.genre,
|
||||
a.genre:hover,
|
||||
a.genre:focus {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a.manga_title,
|
||||
a.manga_title:hover,
|
||||
a.manga_title:focus {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
tr.comment {
|
||||
word-break: normal;
|
||||
}
|
||||
|
||||
textarea.comment-box {
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
.loading {
|
||||
background: transparent url('loading.gif') center no-repeat;
|
||||
}
|
||||
|
||||
.image-shadow {
|
||||
text-shadow: 0px 0px 6px white;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user