jaculabilis/danbooru
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

tweak css

Browse Source
This commit is contained in:
r888888888
2017-09-18 15:24:54 -07:00
parent ffb212c616
commit 71c3820838
2 changed files with 28 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/assets/stylesheets/specific/posts.scss
View File

@@ -229,6 +229,7 @@ div#c-posts {
.fav-buttons { .fav-buttons {
font-size: 14pt; font-size: 14pt;
text-align: center; text-align: center;
margin: 0.5em 0;
input[type=submit] { input[type=submit] {
padding: 0.2em 0.75em; padding: 0.2em 0.75em;

41
app/assets/stylesheets/specific/z_responsive.scss
View File

@@ -55,8 +55,24 @@
} }
form { form {
input[type=text], input[type=submit], select { input[type=text] {
font-size: 1.5em; vertical-align: top;
font-size: 24pt;
border: 1px solid #c5c5c5;
}
textarea {
vertical-align: top;
border: 1px solid #c5c5c5;
}
input[type=submit] {
font-size: 160%;
}
input[type=submit].tiny {
font-size: 120%;
vertical-align: top;
} }
} }
@@ -70,17 +86,17 @@
} }
div.paginator { div.paginator {
font-size: 20pt; font-size: 24pt;
font-weight: bold; font-weight: bold;
text-align: left; text-align: center;
width: 100%; width: 100%;
padding: 0; padding: 0;
margin: 0; margin: 0;
margin-top: 1em; margin-top: 1em;
li { li {
width: 30vw;
display: inline-block; display: inline-block;
margin: 0 0.25em;
a, span { a, span {
margin: 0; margin: 0;
@@ -104,27 +120,24 @@
article.post-preview { article.post-preview {
margin: 0.5vw; margin: 0.5vw;
width: 32vw; width: 48.5vw;
height: 32vw; height: 48.5vw;
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
display: inline-block; display: inline-block;
a { a {
width: 32vw; width: 48.5vw;
display: block; display: block;
margin: 0 auto; margin: 0 auto;
} }
img { img {
object-fit: cover; object-fit: contain;
width: 32vw; width: 48.5vw;
height: 32vw; height: 48.5vw;
margin: 0 auto; margin: 0 auto;
border: none !important; border: none !important;
} }
img.cropped-true {
object-fit: cover;
}
&[data-tags~=animated]:before, &[data-file-ext=swf]:before, &[data-file-ext=webm]:before, &[data-file-ext=mp4]:before, &[data-file-ext=zip]:before { &[data-tags~=animated]:before, &[data-file-ext=swf]:before, &[data-file-ext=webm]:before, &[data-file-ext=mp4]:before, &[data-file-ext=zip]:before {
left: 0.5vw; left: 0.5vw;
@include animated-icon; @include animated-icon;