mirror of
https://github.com/vichan-devel/vichan.git
synced 2024-12-14 16:42:59 +01:00
5ce9f6fa1a
The button to download all the files in a thread only appears when the page is a thread, such as treeview. I added the download-all button next to the treeview one. I modified stylesheets/v8ch.css to include the id #download-all. I DIDN'T modified inc/instance-config.php to include the download-all.js and jszip.min.js. That goes in the next commit. I added the files js/jszip.min.js which is a library to work with zip files in JS and I added js/download-all.js which goes through all files, adds them to a zip and then gives it to the user.
202 lines
3.7 KiB
CSS
202 lines
3.7 KiB
CSS
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
|
|
|
|
body{
|
|
background: #eee !important;
|
|
font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif !important;
|
|
}
|
|
|
|
a{
|
|
text-decoration: none;
|
|
}
|
|
|
|
.boardlist{
|
|
width: 100% !important;
|
|
position: fixed !important;
|
|
z-index: 99999 !important;
|
|
top: 0 !important;
|
|
left: 0 !important;
|
|
color: #222 !important;
|
|
background: #fff !important;
|
|
padding: 1em !important;
|
|
box-sizing: border-box !important;
|
|
margin-top: 0 !important;
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
|
|
}
|
|
|
|
img.banner,
|
|
img.board_image{
|
|
border: none !important;
|
|
}
|
|
|
|
.board_image,
|
|
.board_image + header{
|
|
margin-top: 3.75em !important;
|
|
margin-bottom: 1em !important;
|
|
float: left !important;
|
|
}
|
|
|
|
.board_image + header{
|
|
margin-left: 1em !important;
|
|
}
|
|
|
|
header,
|
|
header h1,
|
|
header .subtitle{
|
|
text-align: left !important;
|
|
}
|
|
|
|
.board_image + header + .banner{
|
|
width: 100% !important;
|
|
float: left !important;
|
|
margin-top: 0 !important;
|
|
margin-left: 0 !important;
|
|
padding: 0.5em 0 !important;
|
|
background-color: #666 !important;
|
|
}
|
|
|
|
form[name=post]{
|
|
box-sizing: border-box !important;
|
|
position: fixed !important;
|
|
bottom: 0 !important;
|
|
right: 0 !important;
|
|
background: #fff !important;
|
|
margin-bottom: 0 !important;
|
|
padding: 1em !important;
|
|
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) !important;
|
|
}
|
|
|
|
form[name=post] input[type="text"],
|
|
form[name=post] textarea{
|
|
width: 100% !important;
|
|
padding: 0.5em !important;
|
|
box-sizing: border-box !important;
|
|
}
|
|
|
|
form table tr th{
|
|
color: #fff !important;
|
|
background: #222 !important;
|
|
}
|
|
|
|
#download-all,
|
|
#expand-all-images,
|
|
#shrink-all-images,
|
|
#treeview{
|
|
right: 1em !important;
|
|
position: absolute !important;
|
|
}
|
|
|
|
#expand-all-images{
|
|
margin-top: 4em !important;
|
|
}
|
|
|
|
#treeview{
|
|
margin-top: 5em !important;
|
|
}
|
|
|
|
#shrink-all-images{
|
|
margin-top: 6em !important;
|
|
}
|
|
|
|
#download-all{
|
|
margin-top: 7em !important;
|
|
}
|
|
|
|
#expand-all-images + hr,
|
|
#shrink-all-images + hr{
|
|
opacity: 0 !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
#treeview + hr{
|
|
opacity: 0 !important;
|
|
clear: both !important;
|
|
}
|
|
|
|
#download-all + hr{
|
|
opacity: 0 !important;
|
|
clear: both !important;
|
|
}
|
|
|
|
#options_handler{
|
|
margin-top: 3em !important;
|
|
}
|
|
|
|
[id^=thread]{
|
|
background: #f8f8f8 !important;
|
|
margin-bottom: 1em !important;
|
|
padding: 1em 1em 0 1em !important;
|
|
border: none !important;
|
|
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
|
|
}
|
|
|
|
[id^=thread] hr{
|
|
display: none !important;
|
|
}
|
|
|
|
[id^=thread] div.post.reply {
|
|
margin: 0.5em 1em !important;
|
|
padding: 0.5em !important;
|
|
color: #222 !important;
|
|
background: #fff !important;
|
|
border: none !important;
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
|
|
}
|
|
|
|
[id^=thread] div.post.reply.highlighted {
|
|
background: #fec !important;
|
|
}
|
|
|
|
p.intro.thread-hidden{
|
|
padding-bottom: 1em !important;
|
|
}
|
|
|
|
#vechan-reply,
|
|
#update_thread{
|
|
float: right;
|
|
margin-right: 0.25em !important;
|
|
cursor: pointer !important;
|
|
}
|
|
|
|
#update_thread{
|
|
padding-left: 0 !important;
|
|
}
|
|
|
|
#update_secs{
|
|
color: #900 !important;
|
|
}
|
|
|
|
.theme-catalog header{
|
|
margin-top: 4em !important;
|
|
}
|
|
|
|
.theme-catalog div.threads{
|
|
text-align: left !important;
|
|
}
|
|
|
|
.theme-catalog div.thread{
|
|
color: #222 !important;
|
|
word-break: break-all !important;
|
|
background: #fff !important;
|
|
border: none !important;
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
|
|
}
|
|
|
|
.boardlist.bottom,
|
|
.sub[data-description='1'],
|
|
.sub[data-description='2'],
|
|
.sub[data-description='3'],
|
|
#quick-reply{
|
|
display: none !important;
|
|
}
|
|
|
|
#favorite-star{
|
|
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;
|
|
}
|
|
|
|
pre.prettyprint.prettyprinted{
|
|
display: block !important;
|
|
overflow-x: scroll !important;
|
|
}
|
|
|
|
/* If you want to make a redistributable style, be sure to have a Yotsuba B theme selected. */
|