projects
/
Sone.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Show custom avatar where applicable.
[Sone.git]
/
src
/
main
/
resources
/
static
/
css
/
sone.css
diff --git
a/src/main/resources/static/css/sone.css
b/src/main/resources/static/css/sone.css
index
8c30aa8
..
d5880b1
100644
(file)
--- a/
src/main/resources/static/css/sone.css
+++ b/
src/main/resources/static/css/sone.css
@@
-171,6
+171,14
@@
textarea {
margin-bottom: 1ex;
}
margin-bottom: 1ex;
}
+#sone .profile-avatar {
+ display: inline-block;
+ width: 80px;
+ height: 80px;
+ overflow: hidden;
+ position: absolute;
+}
+
#sone .profile-link {
font-weight: bold;
color: rgb(28, 131, 191);
#sone .profile-link {
font-weight: bold;
color: rgb(28, 131, 191);
@@
-280,6
+288,13
@@
textarea {
margin-right: 1ex;
}
margin-right: 1ex;
}
+#sone .menu-avatar {
+ display: inline-block;
+ width: 48px;
+ height: 48px;
+ overflow: hidden;
+}
+
#sone .post .sone-menu .inner-menu {
margin-left: 64px;
padding-left: 1ex;
#sone .post .sone-menu .inner-menu {
margin-left: 64px;
padding-left: 1ex;
@@
-294,6
+309,13
@@
textarea {
position: absolute;
}
position: absolute;
}
+#sone .post-avatar {
+ display: inline-block;
+ width: 48px;
+ height: 48px;
+ overflow: hidden;
+}
+
#sone .post > .inner-part {
margin-left: 48px;
padding-left: 0.5em;
#sone .post > .inner-part {
margin-left: 48px;
padding-left: 0.5em;
@@
-438,6
+460,13
@@
textarea {
position: absolute;
}
position: absolute;
}
+#sone .reply-avatar {
+ display: inline-block;
+ width: 36px;
+ height: 36px;
+ overflow: hidden;
+}
+
#sone .post .reply > .inner-part {
margin-left: 36px;
padding-left: 0.5em;
#sone .post .reply > .inner-part {
margin-left: 36px;
padding-left: 0.5em;
@@
-652,11
+681,11
@@
textarea {
#sone .album {
}
#sone .album {
}
-#sone .image-row {
+#sone .image-row
, #sone .album-row
{
display: table-row;
}
display: table-row;
}
-#sone .image-container {
+#sone .image-container
, #sone .album-container
{
width: 250px;
height: 250px;
overflow: hidden;
width: 250px;
height: 250px;
overflow: hidden;
@@
-664,7
+693,7
@@
textarea {
border: solid 1px #000;
}
border: solid 1px #000;
}
-#sone .image {
+#sone .image
, #sone .album
{
display: table-cell;
vertical-align: top;
text-align: center;
display: table-cell;
vertical-align: top;
text-align: center;
@@
-676,22
+705,28
@@
textarea {
background-color: #fff;
}
background-color: #fff;
}
-#sone .image .edit-image input {
+#sone .image .edit-image input
, #sone .album .edit-album input
{
width: 95%;
}
width: 95%;
}
-#sone .image .edit-image textarea {
+#sone .image .edit-image textarea
, #sone .album .edit-album textarea
{
width: 95%;
}
width: 95%;
}
+#sone .image .album-sone {
+ font-size: 80%;
+}
+
#sone .image .image-title, #sone .album .album-title {
font-weight: bold;
}
#sone .image .image-description, #sone .album .album-description {
text-align: left;
#sone .image .image-title, #sone .album .album-title {
font-weight: bold;
}
#sone .image .image-description, #sone .album .album-description {
text-align: left;
- width:
195px
;
+ width:
98%
;
word-wrap: break-word;
word-wrap: break-word;
+ max-height: 5em;
+ overflow: auto;
}
#sone .backlinks .separator {
}
#sone .backlinks .separator {
@@
-810,3
+845,16
@@
textarea {
#sone #sort-options {
margin-bottom: 1em;
}
#sone #sort-options {
margin-bottom: 1em;
}
+
+#sone ul#avatar-selection {
+ padding: 0;
+}
+
+#sone #avatar-selection li {
+ display: inline-block;
+}
+
+#sone #avatar-selection li .post-avatar {
+ vertical-align: middle;
+ margin-bottom: 0.5em;
+}