display: none;
}
+#sone .toggle-link {
+ margin-top: 1em;
+}
+
#sone #formPassword {
display: none;
}
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;
color: green;
}
+#sone .post .linked-elements {
+ margin-top: 1ex;
+}
+
+#sone .linked-element.loaded .image {
+ display: inline-block;
+ border: solid 1px black;
+ width: 160px;
+ height: 120px;
+ background-size: cover;
+ background-position: center;
+ margin-right: 1ex;
+ margin-bottom: 1ex;
+}
+
+#sone .linked-element.loaded .html-page {
+ display: inline-block;
+ width: 160px;
+ max-height: 120px;
+ overflow: hidden;
+ vertical-align: top;
+}
+
+#sone .reply .linked-element.loaded .html-page {
+ width: 120px;
+ max-height: 90px;
+}
+
+#sone .linked-element.loaded .html-page .heading {
+ font-size: 115%;
+ font-weight: 600;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+}
+
+#sone .linked-element.loaded .html-page .description {
+ font-size: 85%;
+}
+
+#sone .linked-element.loaded .html-page {
+ display: inline-block;
+}
+
#sone .post .replies {
clear: both;
padding-top: 0.2ex;
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;
font-size: inherit;
}
+#sone .post .reply .linked-elements {
+ margin-top: 1ex;
+}
+
+#sone .post .reply .linked-element.loaded .image {
+ display: inline-block;
+ border: solid 1px black;
+ width: 120px;
+ height: 90px;
+ background-size: cover;
+ background-position: center;
+ margin-right: 1ex;
+ margin-bottom: 1ex;
+}
+
#sone .post .show-reply-form {
display: inline;
}
#sone .backlinks {
font-size: 80%;
+ margin-bottom: 1em;
}
#sone .backlinks .backlink {
#sone .album {
}
-#sone .image-row {
+#sone .image-row, #sone .album-row {
display: table-row;
}
-#sone .image {
- width: 200px;
- height: 150px;
+#sone .image-container, #sone .album-container {
+ width: 250px;
+ height: 250px;
+ overflow: hidden;
+ padding: -1px;
+ border: solid 1px #000;
+}
+
+#sone .image, #sone .album {
display: table-cell;
- vertical-align: middle;
+ vertical-align: top;
text-align: center;
padding: 0.5ex;
}
-#sone .image img, #sone .single-image img {
- padding: 1ex;
+#sone .single-image img {
border: solid 1px #000;
background-color: #fff;
}
+#sone .image .edit-image input, #sone .album .edit-album input {
+ width: 95%;
+}
+
+#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: 98%;
+ word-wrap: break-word;
+ max-height: 5em;
+ overflow: auto;
+}
+
#sone .backlinks .separator {
display: inline;
}
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;
+}