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;
cursor: pointer;
}
+#sone .linked-album {
+ display: table;
+ margin-top: 1ex;
+ border-collapse: collapse;
+}
+
+#sone .linked-album .album-header {
+ display: table-caption;
+ margin-bottom: 1ex;
+}
+
+#sone .linked-album .album-header .album-title {
+ font-size: 150%;
+ font-weight: bold;
+}
+
+#sone .linked-image {
+ display: table-row;
+}
+
+#sone .linked-image .image-left {
+ display: table-cell;
+ padding-bottom: 1ex;
+}
+
+#sone .linked-image .image {
+ width: 160px;
+ height: 90px;
+ overflow: hidden;
+ border: solid 1px black;
+ display: inline-block;
+ padding: 0px;
+}
+
+#sone .linked-image .about-image {
+ display: table-cell;
+ padding-left: 1ex;
+}
+
+#sone .linked-image .about-image .title {
+ font-size: 110%;
+ font-weight: bold;
+}
+
+#sone .linked-image .about-image .description {
+ margin-top: 0.5ex;
+}
+
#sone .post .status-line {
margin-top: 0.5ex;
font-size: 85%;
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;
display: inline;
}
-#sone .album {
+#sone .image .edit-image input, #sone .album .edit-album input {
+ width: 95%;
}
-#sone .image-row, #sone .album-row {
- display: table-row;
+#sone .image .edit-image textarea, #sone .album .edit-album textarea {
+ width: 95%;
}
-#sone .image-container, #sone .album-container {
- width: 250px;
- height: 250px;
- overflow: hidden;
- padding: -1px;
- border: solid 1px #000;
+#sone .album-row, #sone .image-row {
+ display: table-row;
+ border-collapse: separate;
}
-#sone .image, #sone .album {
+#sone .album-row .album, #sone .image-row .image-in-album {
display: table-cell;
- vertical-align: top;
- text-align: center;
- padding: 0.5ex;
+ width: 50%;
+}
+
+#sone .image-with-information {
+ position: relative;
+ margin-top: 1ex;
+ margin-bottom: 1ex;
+ height: 120px;
}
-#sone .single-image img {
+#sone .image {
+ position: absolute;
border: solid 1px #000;
- background-color: #fff;
+ width: 160px;
+ height: 120px;
+ overflow: hidden;
}
-#sone .image .edit-image input, #sone .album .edit-album input {
- width: 95%;
+#sone .image img {
+ position: absolute;
}
-#sone .image .edit-image textarea, #sone .album .edit-album textarea {
- width: 95%;
+#sone .information {
+ margin-left: 160px;
+ padding-left: 1ex;
+}
+
+#sone .image-with-information .information .link {
+ display: inline;
+ font-size: 80%;
+}
+
+#sone .image-with-information .information .link a {
+ text-decoration: none;
+}
+
+#sone .image-with-information .information .title {
+ display: inline;
+ font-weight: bold;
+}
+
+#sone .image-with-information .information .author {
+ display: block;
+}
+
+#sone .image-with-information .information .description {
+ margin-top: 1ex;
+}
+
+#sone .image .album-sone {
+ font-size: 80%;
}
#sone .image .image-title, #sone .album .album-title {
#sone .image .image-description, #sone .album .album-description {
text-align: left;
- width: 195px;
+ width: 98%;
word-wrap: break-word;
max-height: 5em;
overflow: auto;
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;
+}