git://git.nikiroo.be
/
nikiroo-utils.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
web server: max size 800px
[nikiroo-utils.git]
/
src
/
be
/
nikiroo
/
fanfix
/
library
/
web
/
style.css
diff --git
a/src/be/nikiroo/fanfix/library/web/style.css
b/src/be/nikiroo/fanfix/library/web/style.css
index c520d78f2230fc2a8dad5e95f13f768f87f540d6..aadbf332a566e546933e738103c661cdfc18c5dc 100644
(file)
--- a/
src/be/nikiroo/fanfix/library/web/style.css
+++ b/
src/be/nikiroo/fanfix/library/web/style.css
@@
-1,9
+1,8
@@
html, body, .main {
margin: 0;
padding: 0;
html, body, .main {
margin: 0;
padding: 0;
- font-family
: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif;
+ font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif;
font-size: 12px;
font-size: 12px;
- DISABLED_color: #635c4a;
height: 100%;
}
height: 100%;
}
@@
-25,25
+24,26
@@
table {
}
.main {
}
.main {
- display: block;
+ max-width: 800px;
+ margin: auto;
}
.message {
}
.message {
-
background-color: #ddffdd;
-
border: 1px solid #88dd88;
-
clear: left;
-
border-radius: 5px;
-
padding: 5px;
-
margin: 10px;
+ background-color: #ddffdd;
+ border: 1px solid #88dd88;
+ clear: left;
+ border-radius: 5px;
+ padding: 5px;
+ margin: 10px;
}
.error {
}
.error {
-
background-color: #ffdddd;
-
border: 1px solid #dd8888;
-
clear: left;
-
border-radius: 5px;
-
padding: 5px;
-
margin: 10px;
+ background-color: #ffdddd;
+ border: 1px solid #dd8888;
+ clear: left;
+ border-radius: 5px;
+ padding: 5px;
+ margin: 10px;
}
/* all links and clickable should show a pointer cursor */
}
/* all links and clickable should show a pointer cursor */
@@
-134,6
+134,7
@@
h3 {
display: block;
background: white;
position: fixed;
display: block;
background: white;
position: fixed;
+ margin: auto;
}
.viewer {
}
.viewer {
@@
-141,6
+142,11
@@
h3 {
padding-bottom: 64px;
}
padding-bottom: 64px;
}
+.viewer.img {
+ margin: auto;
+ display: block;
+}
+
a.viewer.link:hover {
background-color: transparent;
}
a.viewer.link:hover {
background-color: transparent;
}
@@
-151,19
+157,19
@@
a.viewer.link:hover {
}
.bar.navbar {
}
.bar.navbar {
- padding-left: calc(
50%
- (4 * 64px / 2));
+ padding-left: calc(
min(50%, 800px / 2)
- (4 * 64px / 2));
}
.bar.optionbar {
}
.bar.optionbar {
- bottom: 0;
+ bottom: 0;
}
.bar.optionbar.s1 {
}
.bar.optionbar.s1 {
- padding-left: calc(
50%
- (1 * 64px / 2));
+ padding-left: calc(
min(50%, 800px / 2)
- (1 * 64px / 2));
}
.bar.optionbar.s4 {
}
.bar.optionbar.s4 {
- padding-left: calc(
50%
- (4 * 64px / 2));
+ padding-left: calc(
min(50%, 800px / 2)
- (4 * 64px / 2));
}
.bar .button {
}
.bar .button {
@@
-181,6
+187,13
@@
a.viewer.link:hover {
margin: 5px;
}
margin: 5px;
}
+.bar .button[disabled] {
+ pointer-events: none;
+ background-color: #aaa;
+ filter: grayscale(100%);
+ border-color: gray;
+}
+
.bar .button:hover {
background-color: bac2e1;
}
.bar .button:hover {
background-color: bac2e1;
}