Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Contribute to GitLab
Sign in / Register
Toggle navigation
D
douban-api-proxy
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
captainwong
douban-api-proxy
Commits
3c35f02c
Commit
3c35f02c
authored
Mar 14, 2021
by
Ozzie Isaacs
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Code cosmetics
parent
22c93e23
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
87 additions
and
88 deletions
+87
-88
main.css
cps/static/css/main.css
+84
-85
filter_grid.js
cps/static/js/filter_grid.js
+3
-3
No files found.
cps/static/css/main.css
View file @
3c35f02c
...
...
@@ -72,6 +72,21 @@ body {
padding
:
3px
;
}
.list_item.currentChapter
>
a
,
.list_item
a
:hover
{
color
:
#f1f1f1
;
}
#panels
a
{
visibility
:
hidden
;
width
:
18px
;
height
:
20px
;
overflow
:
hidden
;
display
:
inline-block
;
color
:
#ccc
;
margin-left
:
6px
;
}
#titlebar
a
:active
{
opacity
:
1
;
color
:
rgba
(
0
,
0
,
0
,
0.6
);
...
...
@@ -189,19 +204,14 @@ body {
#title-controls
{
float
:
right
;
}
#panels
a
{
visibility
:
hidden
;
width
:
18px
;
height
:
20px
;
overflow
:
hidden
;
display
:
inline-block
;
color
:
#ccc
;
margin-left
:
6px
;
}
#panels
a
::before
{
visibility
:
visible
;
}
#panels
a
:hover
{
color
:
#aaa
;
}
.list_item
a
{
color
:
#aaa
;
text-decoration
:
none
;
}
#panels
a
:active
{
color
:
#aaa
;
margin
:
1px
0
-1px
6px
;
...
...
@@ -296,11 +306,6 @@ input:-moz-placeholder { color: #454545; }
list-style
:
none
;
}
.list_item
a
{
color
:
#aaa
;
text-decoration
:
none
;
}
.list_item
a
.chapter
{
font-size
:
1em
;
}
...
...
@@ -309,11 +314,6 @@ input:-moz-placeholder { color: #454545; }
font-size
:
0.8em
;
}
.list_item.currentChapter
>
a
,
.list_item
a
:hover
{
color
:
#f1f1f1
;
}
/* #tocView li.openChapter > a, */
.list_item
a
:hover
{
color
:
#e2e2e2
;
...
...
@@ -350,8 +350,8 @@ input:-moz-placeholder { color: #454545; }
margin-right
:
-4px
;
}
.currentChapter
>
.toc_toggle
:before
,
.openChapter
>
.toc_toggle
:before
{
.currentChapter
>
.toc_toggle
:
:
before
,
.openChapter
>
.toc_toggle
:
:
before
{
content
:
'▾'
;
}
...
...
@@ -619,7 +619,7 @@ input:-moz-placeholder { color: #454545; }
}
@media
only
screen
and
(
max-width
:
550px
)
{
#viewer
{
#viewer
{
width
:
80%
;
margin-left
:
10%
;
}
...
...
@@ -654,11 +654,6 @@ input:-moz-placeholder { color: #454545; }
-ms-transform
:
translate
(
260px
,
0
);
}
#titlebar
{
/* font-size: 16px; */
/* margin: 0 50px 0 50px; */
}
#metainfo
{
font-size
:
10px
;
}
...
...
@@ -678,21 +673,22 @@ input:-moz-placeholder { color: #454545; }
/* For iPad portrait layouts only */
@media
only
screen
and
(
min-device-width
:
481px
)
and
(
max-device-width
:
1024px
)
and
(
orientation
:
portrait
)
{
#viewer
iframe
{
width
:
460px
;
height
:
740px
;
}
#viewer
iframe
{
width
:
460px
;
height
:
740px
;
}
}
@media
only
screen
and
(
min-device-width
:
768px
)
and
(
max-device-width
:
1024px
)
and
(
min-device-width
:
768px
)
and
(
max-device-width
:
1024px
)
and
(
orientation
:
landscape
)
/*and (-webkit-min-device-pixel-ratio: 2)*/
{
#viewer
{
width
:
80%
;
margin-left
:
10%
;
}
#divider
,
#divider
.show
{
display
:
none
;
...
...
@@ -701,71 +697,74 @@ and (orientation : landscape)
/*For iPad landscape layouts only */
@media
only
screen
and
(
min-device-width
:
481px
)
and
(
max-device-width
:
1024px
)
and
(
orientation
:
landscape
)
{
#viewer
iframe
{
width
:
960px
;
height
:
515px
;
}
#viewer
iframe
{
width
:
960px
;
height
:
515px
;
}
}
/* For iPhone 6\6s portrait layouts only */
@media
only
screen
and
(
min-device-width
:
375px
)
and
(
max-device-width
:
667px
)
and
(
orientation
:
portrait
)
{
#viewer
{
width
:
300px
;
height
:
480px
;
}
#viewer
iframe
{
width
:
300px
;
height
:
480px
;
}
@media
only
screen
and
(
min-device-width
:
375px
)
and
(
max-device-width
:
667px
)
and
(
orientation
:
portrait
)
{
#viewer
{
width
:
300px
;
height
:
480px
;
}
#viewer
iframe
{
width
:
300px
;
height
:
480px
;
}
}
/* For iPhone 6\6s landscape layouts only */
@media
only
screen
and
(
min-device-width
:
375px
)
and
(
max-device-width
:
667px
)
and
(
orientation
:
landscape
)
{
#viewer
{
width
:
450px
;
height
:
300px
;
}
#viewer
iframe
{
width
:
450px
;
height
:
300px
;
}
@media
only
screen
and
(
min-device-width
:
375px
)
and
(
max-device-width
:
667px
)
and
(
orientation
:
landscape
)
{
#viewer
{
width
:
450px
;
height
:
300px
;
}
#viewer
iframe
{
width
:
450px
;
height
:
300px
;
}
}
/* For iPhone portrait layouts only */
@media
only
screen
and
(
max-device-width
:
374px
)
and
(
orientation
:
portrait
)
{
#viewer
{
width
:
256px
;
height
:
432px
;
}
#viewer
iframe
{
width
:
256px
;
height
:
432px
;
}
#viewer
{
width
:
256px
;
height
:
432px
;
}
#viewer
iframe
{
width
:
256px
;
height
:
432px
;
}
}
/* For iPhone landscape layouts only */
@media
only
screen
and
(
max-device-width
:
374px
)
and
(
orientation
:
landscape
)
{
#viewer
iframe
{
width
:
256px
;
height
:
124px
;
}
}
[
class
^=
"icon-"
]
:before
,
[
class
*=
" icon-"
]
:before
{
font-family
:
"fontello"
,
serif
;
font-style
:
normal
;
font-weight
:
normal
;
speak
:
none
;
display
:
inline-block
;
text-decoration
:
inherit
;
width
:
1em
;
margin-right
:
0.2em
;
text-align
:
center
;
/* For safety - reset parent styles, that can break glyph codes*/
font-variant
:
normal
;
text-transform
:
none
;
/* you can be more comfortable with increased icons size */
font-size
:
112%
;
#viewer
iframe
{
width
:
256px
;
height
:
124px
;
}
}
[
class
^=
"icon-"
]
:
:
before
,
[
class
*=
" icon-"
]
:before
{
font-family
:
"fontello"
,
serif
;
font-style
:
normal
;
font-weight
:
normal
;
speak
:
none
;
display
:
inline-block
;
text-decoration
:
inherit
;
width
:
1em
;
margin-right
:
0.2em
;
text-align
:
center
;
/* For safety - reset parent styles, that can break glyph codes*/
font-variant
:
normal
;
text-transform
:
none
;
/* you can be more comfortable with increased icons size */
font-size
:
112%
;
}
.icon-search
:before
{
content
:
'\e807'
;
}
/* '' */
...
...
cps/static/js/filter_grid.js
View file @
3c35f02c
...
...
@@ -56,15 +56,15 @@ $("#asc").click(function() {
$
(
"#all"
).
click
(
function
()
{
// go through all elements and make them visible
$list
.
isotope
({
filter
:
function
()
{
return
true
;
}
return
true
;
}
});
});
$
(
".char"
).
click
(
function
()
{
var
character
=
this
.
innerText
;
$list
.
isotope
({
filter
:
function
()
{
return
this
.
attributes
[
"data-id"
].
value
.
charAt
(
0
).
toUpperCase
()
==
character
;
return
this
.
attributes
[
"data-id"
].
value
.
charAt
(
0
).
toUpperCase
()
==
character
;
}
});
});
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment