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);
margin-right: 1ex;
}
+#sone .menu-avatar {
+ display: inline-block;
+ width: 64px;
+ height: 64px;
+ overflow: hidden;
+}
+
#sone .post .sone-menu .inner-menu {
margin-left: 64px;
padding-left: 1ex;
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;
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 .album {
}
-#sone .image-row {
+#sone .image-row, #sone .album-row {
display: table-row;
}
-#sone .image-container {
- width: 200px;
- height: 200px;
+#sone .image-container, #sone .album-container {
+ width: 250px;
+ height: 250px;
overflow: hidden;
padding: -1px;
border: solid 1px #000;
}
-#sone .image {
- width: 200px;
- height: 150px;
+#sone .image, #sone .album {
display: table-cell;
vertical-align: top;
text-align: center;
padding: 0.5ex;
}
-#sone .image img, #sone .single-image img {
+#sone .single-image img {
border: solid 1px #000;
background-color: #fff;
}
-#sone .image .edit-image input {
+#sone .image .edit-image input, #sone .album .edit-album input {
width: 95%;
}
-#sone .image .edit-image textarea {
+#sone .image .edit-image textarea, #sone .album .edit-album textarea {
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;
- width: 195px;
+ width: 98%;
word-wrap: break-word;
+ max-height: 5em;
+ overflow: auto;
}
#sone .backlinks .separator {
float: right;
}
+#sone .clear {
+ clear: both;
+}
+
#sone h1 {
font-family: inherit;
font-size: 200%;
#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-top: 0.5em;
+}
+
+#sone #avatar-selection li#no-avatar {
+ display: block;
+}
+
+#sone form#options ul {
+ padding-left: 1em;
+}
+
+#sone form#options li {
+ list-style-type: none;
+}