projects
/
Sone.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Show Sone logo when not logged in, show avatar when logged in.
[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
79c91b8
..
5f43ae3
100644
(file)
--- a/
src/main/resources/static/css/sone.css
+++ b/
src/main/resources/static/css/sone.css
@@
-49,6
+49,12
@@
textarea {
color: rgb(255, 172, 0);
}
color: rgb(255, 172, 0);
}
+#sone #plugin-warning {
+ border: solid 0.5em red;
+ padding: 0.5em;
+ margin-bottom: 1em;
+}
+
#sone #profile {
height: 80px;
margin-bottom: 1ex;
#sone #profile {
height: 80px;
margin-bottom: 1ex;
@@
-61,16
+67,10
@@
textarea {
#sone #profile.online .picture {
position: absolute;
#sone #profile.online .picture {
position: absolute;
- background-image: url("../images/sone.png");
- width: 80px;
- height: 80px;
}
#sone #profile.offline .picture {
position: absolute;
}
#sone #profile.offline .picture {
position: absolute;
- background-image: url("../images/sone-offline.png");
- width: 80px;
- height: 80px;
}
#sone #profile.offline .edit-profile-link, #sone #profile.offline .profile-link {
}
#sone #profile.offline .edit-profile-link, #sone #profile.offline .profile-link {
@@
-111,6
+111,16
@@
textarea {
padding: 1em;
}
padding: 1em;
}
+#sone #edit-profile #birth-day, #sone #edit-profile #birth-month, #sone #edit-profile #birth-year {
+ display: inline;
+ width: 15em;
+}
+
+#sone #edit-profile #birth-day input, #sone #edit-profile #birth-month input, #sone #edit-profile #birth-year input {
+ width: 4em;
+ text-align: right;
+}
+
#sone .post {
padding: 1ex 0px;
border-bottom: solid 1px #ccc;
#sone .post {
padding: 1ex 0px;
border-bottom: solid 1px #ccc;
@@
-122,6
+132,16
@@
textarea {
border-bottom: none;
}
border-bottom: none;
}
+#sone .post > .avatar {
+ position: absolute;
+}
+
+#sone .post > .inner-part {
+ margin-left: 48px;
+ padding-left: 0.5em;
+ min-height: 48px;
+}
+
#sone .post .author {
display: inline;
font-weight: bold;
#sone .post .author {
display: inline;
font-weight: bold;
@@
-133,7
+153,6
@@
textarea {
}
#sone .post .status-line {
}
#sone .post .status-line {
- clear: both;
margin-top: 0.5ex;
font-size: 85%;
}
margin-top: 0.5ex;
font-size: 85%;
}
@@
-143,20
+162,27
@@
textarea {
color: #666;
}
color: #666;
}
-#sone .post .delete {
+#sone .post .delete
, #sone .post .likes, #sone .post .like, #sone .post .unlike
{
display: inline;
display: inline;
+ font: inherit;
}
}
-#sone .post .delete button {
- font: inherit;
+#sone .post .likes.hidden {
+ display: none;
+}
+
+#sone .post .like.hidden, #sone .post .unlike.hidden {
+ display: none;
+}
+
+#sone .post .delete button, #sone .post .like button, #sone .post .unlike button {
border: 0px;
background: none;
padding: 0px;
color: rgb(28, 131, 191);
}
border: 0px;
background: none;
padding: 0px;
color: rgb(28, 131, 191);
}
-#sone .post .delete button:hover {
- font: inherit;
+#sone .post .delete button:hover, #sone .post .like button:hover, #sone .post .unlike button:hover {
border: 0px;
background: none;
padding: 0px;
border: 0px;
background: none;
padding: 0px;
@@
-164,15
+190,30
@@
textarea {
cursor: pointer;
}
cursor: pointer;
}
-#sone .post .delete:before {
+#sone .post .delete:before
, #sone .post .likes:before, #sone .post .like:before, #sone .post .unlike:before
{
content: ' ‧ ';
}
content: ' ‧ ';
}
+#sone .post .likes span {
+ font: inherit;
+ color: green;
+}
+
#sone .post .replies {
clear: both;
padding-top: 0.2ex;
}
#sone .post .replies {
clear: both;
padding-top: 0.2ex;
}
+#sone .post .reply > .avatar {
+ position: absolute;
+}
+
+#sone .post .reply > .inner-part {
+ margin-left: 36px;
+ padding-left: 0.5em;
+ min-height: 36px;
+}
+
#sone .post .reply {
clear: both;
background-color: #f0f0ff;
#sone .post .reply {
clear: both;
background-color: #f0f0ff;
@@
-223,12
+264,12
@@
textarea {
#sone .post .create-reply input[type=text] {
margin-left: 0.5ex;
#sone .post .create-reply input[type=text] {
margin-left: 0.5ex;
- width:
50
em;
+ width:
45
em;
}
#sone .post .create-reply textarea {
margin-left: 0.5ex;
}
#sone .post .create-reply textarea {
margin-left: 0.5ex;
- width:
50
em;
+ width:
45
em;
height: 4em;
}
height: 4em;
}
@@
-244,6
+285,10
@@
textarea {
padding: 0.5ex;
}
padding: 0.5ex;
}
+#sone .sone.local {
+ background-color: #f0fff0;
+}
+
#sone .sone .id {
display: none;
}
#sone .sone .id {
display: none;
}
@@
-273,6
+318,10
@@
textarea {
top: -0.5ex
}
top: -0.5ex
}
+#sone .sone.idle.modified .idle-marker {
+ display: none;
+}
+
#sone .sone .last-update {
float: right;
display: inline;
#sone .sone .last-update {
float: right;
display: inline;
@@
-298,7
+347,7
@@
textarea {
display: none;
}
display: none;
}
-#sone .sone form.block button, #sone .sone form.unblock button, #sone .sone form.follow button, #sone .sone form.unfollow button {
+#sone .sone form.block button, #sone .sone form.unblock button, #sone .sone form.follow button, #sone .sone form.unfollow button
, #sone .sone form.blacklist button, #sone .sone form.unblacklist button
{
display: inline;
color: rgb(28, 131, 191);
background: none;
display: inline;
color: rgb(28, 131, 191);
background: none;
@@
-307,7
+356,7
@@
textarea {
padding: 0px;
}
padding: 0px;
}
-#sone .sone form.block button:hover, #sone .sone form.unblock button:hover, #sone .sone form.follow button:hover, #sone .sone form.unfollow button:hover {
+#sone .sone form.block button:hover, #sone .sone form.unblock button:hover, #sone .sone form.follow button:hover, #sone .sone form.unfollow button:hover
, #sone .sone form.blacklist button:hover, #sone .sone form.unblacklist button:hover
{
display: inline;
color: rgb(255, 172, 0);
}
display: inline;
color: rgb(255, 172, 0);
}
@@
-320,7
+369,7
@@
textarea {
}
}
-#sone #tail
.import-key, #sone #import-key .import-key
{
+#sone #tail {
margin-top: 1em;
border-top: solid 1px #ccc;
padding-top: 1em;
margin-top: 1em;
border-top: solid 1px #ccc;
padding-top: 1em;
@@
-379,8
+428,13
@@
textarea {
font-size: 200%;
font-weight: bold;
clear: both;
font-size: 200%;
font-weight: bold;
clear: both;
- margin: 0;
- margin-top: 1em;
+}
+
+#sone h2 {
+ font-family: inherit;
+ font-size: 150%;
+ font-weight: bold;
+ clear: both;
}
#sone .error label {
}
#sone .error label {