1 /* Sone Main CSS File */
3 /* first, override some fproxy rules. */
4 #sone div, #sone span, #sone .post .time,#sone .post .delete,#sone .post .show-reply-form, input[type=text], textarea {
6 /* workaround Fred’s CSS mess */
10 input[type=text], textarea {
14 border: solid 1px #ccc;
21 input[type=text].short {
30 background-color: #ddd;
45 /* now for the real stuff. */
64 #sone a, #sone a:link, #sone a:visited {
65 color: rgb(28, 131, 191);
67 text-decoration: none;
70 #sone a:active, #sone a:hover {
71 color: rgb(255, 172, 0);
79 color: rgb(255, 0, 0);
82 #sone a.internet:before {
86 #sone a.freenet:before {
90 #sone a.freenet-trusted {
91 color: rgb(0, 128, 0);
94 #sone a.freenet-trusted:before {
98 #sone a.in-page-link:before {
111 white-space: pre-wrap;
114 #sone #main.offline {
118 #sone #offline-marker {
125 background-image: url("../images/sone-offline.png");
128 #sone #notification-area {
132 #sone #notification-area .notification {
134 border: solid 1px #ccc;
135 background-color: #ffffa0;
140 #sone #notification-area .notification button {
144 #sone #notification-area .notification .dismiss {
148 #sone #notification-area .notification .post-count {
152 #sone #notification-area .notification .mark-as-read {
156 #sone #notification-area .notification .hidden {
160 #sone #notification-area #local-post-notification, #sone #notification-area #local-reply-notification {
164 #sone #plugin-warning {
165 border: solid 0.5em red;
176 #sone .profile-avatar {
177 display: inline-block;
184 #sone .profile-link {
186 color: rgb(28, 131, 191);
189 #sone #profile.online .picture {
193 #sone #profile.offline .picture {
197 #sone #profile.offline .edit-profile-link, #sone #profile.offline .profile-link {
201 #sone #profile .edit-profile-link {
211 #sone #update-status {
215 #sone #update-status label, #sone #post-message label {
219 #sone #update-status input[type=text] {
223 #sone #update-status textarea {
227 #sone #update-status button {
231 #sone #update-status .select-sender, #sone .create-reply .select-sender, #sone #post-message .select-sender {
235 #sone #update-status .select-sender button, #sone #post-message .select-sender button {
249 #sone #edit-profile #birth-day, #sone #edit-profile #birth-month, #sone #edit-profile #birth-year {
254 #sone #edit-profile #birth-day input, #sone #edit-profile #birth-month input, #sone #edit-profile #birth-year input {
265 border-bottom: solid 1px #ccc;
271 background-color: #ffffa0;
280 #sone .post .sone-menu {
287 background-color: rgb(255, 255, 224);
288 border: solid 1px rgb(0, 0, 0);
292 #sone .post .sone-menu .avatar {
298 display: inline-block;
304 #sone .post .sone-menu .inner-menu {
310 #sone .sone-menu .follow, #sone .sone-menu .unfollow {
314 #sone .post > .avatar {
319 display: inline-block;
325 #sone .post > .inner-part {
331 #sone .post .author, #sone .post .recipient {
336 #sone .post .author-wot-link {
340 #sone .post .text, #sone .post .raw-text, #sone .post .short-text {
342 white-space: pre-wrap;
343 word-wrap: break-word;
346 #sone .post .text.hidden, #sone .post .raw-text.hidden, #sone .post .short-text.hidden {
350 #sone .post .expand-post-text:before, #sone .post .expand-reply-text:before {
354 #sone .post .shrink-post-text:before, #sone .post .shrink-reply-text:before {
358 #sone .post .shrink-post-text {
362 #sone .post .status-line {
369 color: rgb(28, 131, 191);
372 #sone .show-source, #sone .show-reply-source {
380 #sone .post .bookmarks {
382 color: rgb(28, 131, 191);
385 #sone .post .bookmark, #sone .post .unbookmark {
396 #sone .post .delete, #sone .post .likes, #sone .post .like, #sone .post .unlike, #sone .post .wot-link {
402 #sone .post .likes.hidden {
406 #sone .post .like.hidden, #sone .post .unlike.hidden, #sone .post .bookmark.hidden, #sone .post .unbookmark.hidden {
410 #sone .post .delete button, #sone .post .like button, #sone .post .unlike button, #sone .post .bookmark button, #sone .post .unbookmark button {
414 color: rgb(28, 131, 191);
419 #sone .post .delete button.confirm {
424 #sone .post .delete button:hover, #sone .post .like button:hover, #sone .post .unlike button:hover, #sone .post .bookmark button:hover, #sone .post .unbookmark button:hover {
428 color: rgb(255, 172, 0);
432 #sone .post .likes span {
437 #sone .post .linked-elements {
441 #sone .linked-element.loaded .image {
442 display: inline-block;
443 border: solid 1px black;
446 background-size: cover;
447 background-position: center;
452 #sone .linked-element.loaded .html-page {
453 display: inline-block;
460 #sone .reply .linked-element.loaded .html-page {
465 #sone .linked-element.loaded .html-page .heading {
468 text-overflow: ellipsis;
473 #sone .linked-element.loaded .html-page .description {
477 #sone .linked-element.loaded .html-page {
478 display: inline-block;
481 #sone .post .replies {
486 #sone .post .replies .click-to-show {
487 background-color: #f0f0ff;
493 #sone .post .replies .click-to-show.new {
494 background-color: #ffffa0;
497 #sone .post .reply > .avatar {
501 #sone .reply-avatar {
502 display: inline-block;
508 #sone .post .reply > .inner-part {
517 background-color: #f0f0ff;
522 #sone .post .reply .inner-part {
526 #sone .post .reply.new {
527 background-color: #ffffa0;
530 #sone .post .reply .time {
537 #sone .post .reply .linked-elements {
541 #sone .post .reply .linked-element.loaded .image {
542 display: inline-block;
543 border: solid 1px black;
546 background-size: cover;
547 background-position: center;
552 #sone .post .show-reply-form {
556 #sone .post .show-reply-form span {
557 color: rgb(28, 131, 191);
562 #sone .post .show-reply-form span:hover {
563 color: rgb(255, 172, 0);
566 #sone .post .create-reply {
568 background-color: #f0f0ff;
572 #sone .post .create-reply input[type=text] {
577 #sone .post .create-reply textarea {
583 #sone .post .create-reply button {
587 #sone .create-reply .select-sender button, #sone #post-message .select-sender button {
594 background-color: #f0f0ff;
595 border: 1px solid #ccc;
596 margin-bottom: 0.5ex;
601 background-color: #f0fff0;
605 background-color: #ffffa0;
608 #sone .sone .profile-link {
612 #sone .sone .sone-stats {
616 #sone .sone .short-request-uri {
621 #sone .sone .unknown-marker, #sone .sone .download-marker, #sone .sone .insert-marker, #sone .sone .idle-marker, #sone .sone .modified-marker {
625 #sone .sone.unknown .unknown-marker, #sone .sone.idle .idle-marker, #sone .sone.downloading .download-marker, #sone .sone.inserting .insert-marker, #sone .sone.modified .modified-marker {
628 border: solid 1px #ccc;
637 #sone .sone.idle.modified .idle-marker {
641 #sone .sone .last-update {
646 #sone .sone .modified-marker, #sone .sone .unknown-marker {
651 #sone .sone form.follow, #sone .sone form.unfollow, #sone .sone form.lock, #sone .sone form.unlock {
653 border: solid 1px #ccc;
662 #sone .sone form.follow button, #sone .sone form.unfollow button, #sone .sone form.lock button, #sone .sone form.unlock button {
664 color: rgb(28, 131, 191);
671 #sone .sone form.follow button:hover, #sone .sone form.unfollow button:hover, #sone .sone form.lock button:hover, #sone .sone form.unlock button:hover {
673 color: rgb(255, 172, 0);
676 #sone .sone.locked form.lock, #sone .sone.unlocked form.unlock {
680 #sone .sone form.hidden {
684 #sone .sone .spacer {
688 #sone .profile-field, #sone #edit-profile button[type=submit], #sone #delete-profile-field {
692 #sone .profile-field .name {
697 #sone .profile-field .name.hidden {
701 #sone .profile-field button.confirm.edit {
706 #sone .profile-field button.cancel {
711 #sone .profile-field .value {
715 #sone #edit-profile .profile-field .value {
716 margin-left: inherit;
719 #sone .profile-field .edit-field-name, #sone .profile-field .move-up-field, #sone .profile-field .move-down-field, #sone .profile-field .delete-field-name {
730 #sone .backlinks .backlink {
737 #sone .image-row, #sone .album-row {
741 #sone .image-container, #sone .album-container {
746 border: solid 1px #000;
749 #sone .image, #sone .album {
756 #sone .single-image img {
757 border: solid 1px #000;
758 background-color: #fff;
761 #sone .image .edit-image input, #sone .album .edit-album input {
765 #sone .image .edit-image textarea, #sone .album .edit-album textarea {
769 #sone .image .album-sone {
773 #sone .image .image-title, #sone .album .album-title {
777 #sone .image .image-description, #sone .album .album-description {
780 word-wrap: break-word;
785 #sone .backlinks .separator {
793 #sone #search input[type=text] {
797 #sone #sone-results + #sone #post-results {
804 border-top: solid 1px #ccc;
811 #sone #tail #version-information {
815 #sone #add-sone textarea, #sone #create-sone textarea, #sone #load-sone textarea, #sone #edit-profile textarea {
819 #sone #add-sone button {
827 #sone .navigation .first a, #sone .navigation .previous a, #sone .navigation .next a, #sone .navigation .last a, #sone .navigation .first span, #sone .navigation .previous span, #sone .navigation .next span, #sone .navigation .last span {
832 border: solid 1px #ccc;
833 background-color: #f0f0ff;
837 #sone .navigation .first, #sone .navigation .previous {
841 #sone .navigation .current-page, #sone .navigation .total-pages {
848 #sone .navigation .total-pages:before {
852 #sone .navigation .next, #sone .navigation .last {
861 font-family: inherit;
872 font-family: inherit;
883 #sone input.default, #sone textarea.default {
887 #sone input[type=text].key {
902 #sone #sort-options {
906 #sone ul#avatar-selection {
910 #sone #avatar-selection li {
911 display: inline-block;
914 #sone #avatar-selection li .post-avatar {
915 vertical-align: middle;
919 #sone #avatar-selection li#no-avatar {
923 #sone form#options ul {
927 #sone form#options li {
928 list-style-type: none;
931 #sone table thead tr {