aboutsummaryrefslogtreecommitdiffstats
path: root/view/css
diff options
context:
space:
mode:
Diffstat (limited to 'view/css')
-rw-r--r--view/css/conversation.css431
-rw-r--r--view/css/mod_connections.css34
-rw-r--r--view/css/mod_message.css100
-rw-r--r--view/css/mod_profiles.css144
-rw-r--r--view/css/mod_settings.css11
5 files changed, 720 insertions, 0 deletions
diff --git a/view/css/conversation.css b/view/css/conversation.css
new file mode 100644
index 000000000..bf8e0236e
--- /dev/null
+++ b/view/css/conversation.css
@@ -0,0 +1,431 @@
+/* jot */
+
+#profile-jot-wrapper {
+ margin-top: 25px;
+}
+
+#jot-title,
+#jot-category,
+#jot-pagetitle {
+ border: 0px;
+ margin: 0px;
+ padding: 8px;
+ height: 1.8em;
+ width: 530px;
+ margin-bottom: 5px;
+}
+
+.jothidden {
+ display:none;
+}
+
+#profile-jot-text {
+ height: 1.8em;
+ padding: 8px;
+ margin-right: 0px;
+ width: 90%;
+}
+
+#profile-jot-text-loading {
+ float: left;
+ margin: 14px 0px 0px 12px;
+}
+
+#profile-jot-submit-wrapper {
+ margin-top: 10px;
+ width: 90%;
+}
+
+#profile-jot-submit {
+ height: 30px;
+ width: 70px;
+ float: right;
+}
+
+#profile-upload-wrapper,
+#wall-image-upload-div,
+#wall-image-upload,
+#wall-file-upload-div,
+#wall-file-upload,
+#profile-link,
+#profile-video,
+#profile-audio,
+#profile-location,
+#profile-nolocation,
+#profile-expires,
+#profile-expires,
+#jot-perms-icon,
+.hover, .focus {
+ cursor: pointer;
+}
+
+#profile-upload-wrapper,
+#profile-attach-wrapper,
+#profile-link-wrapper,
+#profile-video-wrapper,
+#profile-audio-wrapper,
+#profile-location-wrapper,
+#profile-nolocation-wrapper,
+#profile-expire-wrapper,
+#profile-encrypt-wrapper {
+ float: left;
+ margin-left: 15px;
+}
+
+#profile-jot-perms {
+ float: right;
+ padding: 6px;
+}
+
+#jot-perms-icon {
+ float: left;
+}
+
+#jot-preview-link {
+ float: left;
+ margin-left: 45px;
+ margin-top: 0px;
+}
+
+#profile-jot-perms-end {
+ height: 30px;
+}
+
+#profile-jot-end {
+ margin-bottom: 30px;
+}
+
+#profile-rotator {
+ float: left;
+ margin: 8px 0px 0px 20px;
+}
+
+/* this is referenced in js/acl.js - not sure if it is still needed. */
+.profile-jot-net {
+ float: left;
+ margin-right: 10px;
+ margin-top: 5px;
+ margin-bottom: 5px;
+}
+
+/* conversation */
+
+.thread-wrapper .toplevel_item {
+ width: 92%;
+}
+
+/* conv_item */
+
+.hide-comments-outer {
+ margin-left: 10px;
+}
+
+.wall-item-content-wrapper {
+ margin-top: 10px;
+ position: relative;
+}
+
+.wall-item-info {
+ display: block;
+ float: left;
+ width:110px;
+ margin-right:10px;
+}
+
+.comment .wall-item-info {
+ width: 70px;
+}
+
+.wallwall .wwto {
+ left: 50px;
+ margin: 0;
+ position: absolute;
+ width: 30px
+}
+
+.wallwall .wwto img {
+ width: 30px !important;
+ height: 30px !important;
+}
+
+.wallwall .wall-item-photo-end {
+ clear: both;
+}
+
+.wall-item-photo-wrapper {
+ margin-top: 0px;
+ margin-left: 10px;
+ margin-bottom: 10px;
+ width: 100px;
+}
+
+.wall-item-photo-menu-button {
+ left:10px;
+ display: block;
+ position: absolute;
+ margin: 0px;
+ padding: 0px;
+ width: 16px;
+ height: 16px;
+ overflow: hidden;
+ text-indent: 40px;
+ display: none;
+}
+
+.wall-item-photo-menu {
+ left:10px;
+ width: auto;
+ position: absolute;
+ display: none;
+ z-index: 10000;
+}
+
+.wall-item-photo-menu ul {
+ margin:0px;
+ padding: 0px;
+}
+
+.wall-item-photo-menu li a {
+ display: block;
+ padding: 2px;
+}
+
+.wall-item-arrowphoto-wrapper {
+ position: absolute;
+ z-index: 99;
+}
+
+.wall-item-wrapper {
+ margin-left:10px;
+}
+
+
+.wall-item-arrowphoto-wrapper {
+ left: 75px;
+}
+
+.wall-item-lock {
+ position: absolute;
+ left: 105px;
+ top: 1px;
+}
+
+.comment .wall-item-lock {
+ left: 65px;
+}
+
+.wall-item-lock {
+
+}
+
+.lockview {
+ cursor: pointer;
+}
+
+.wall-item-location {
+ overflow: hidden;
+ /* add ellipsis on text overflow */
+ /* this work on safari, opera, ie, chrome. */
+ /* firefox users have to wait support or we */
+ /* can use a jquery plugin http://bit.ly/zJskg */
+ text-overflow: ellipsis;
+ -o-text-overflow: ellipsis;
+ width: 100%;
+}
+
+.wall-item-author {
+ margin-top: 10px;
+}
+
+
+.wall-item-ago .icon-ok {
+ cursor: pointer;
+}
+
+.wall-item-content {
+ margin-left: 10px;
+ overflow: auto;
+}
+
+.wall-item-content img {
+ max-width: 95% !important;
+}
+
+.wall-item-title {
+ float: left;
+ font-weight: bold;
+}
+
+.wall-item-title-end {
+ clear: both;
+}
+
+.wall-item-body {
+ margin-top: 10px;
+}
+
+.wall-item-body.divmore {
+ padding-bottom: 15px;
+}
+
+.body-tag, .filesavetags, .categorytags {
+ opacity: 0.5;
+ filter:alpha(opacity=50);
+}
+
+.body-tag:hover, .filesavetags:hover, .categorytags:hover {
+ opacity: 1.0 !important;
+ filter:alpha(opacity=100) !important;
+}
+
+.body-tag {
+ margin-top: 15px;
+}
+
+.wall-item-tools {
+ clear: both;
+ padding: 5px 10px;
+}
+
+.item-tool {
+ float: left;
+ margin-right: 8px;
+ cursor: pointer;
+}
+
+.like-rotator {
+ float: left;
+ margin: 8px;
+ color: $toolicon_colour;
+}
+
+.wall-item-delete-wrapper {
+ float: right;
+}
+
+.wall-item-delete-end {
+ clear: both;
+}
+
+.item-select {
+ opacity: 0.1;
+ filter:alpha(opacity=10);
+ float: right;
+ margin-right: 10px;
+
+}
+
+.item-select:hover,
+.checkeditem {
+ opacity: 1;
+ filter:alpha(opacity=100);
+}
+
+.wall-item-like.comment,
+.wall-item-dislike.comment {
+ margin-left: 50px;
+}
+
+.wall-item-like,
+.wall-item-dislike {
+ margin-top: 5px;
+}
+
+.wall-item-wrapper-end {
+ clear: both;
+}
+
+/* comment_item */
+
+.comment-wwedit-wrapper.threaded > .comment-edit-form > .comment-edit-photo {
+ width: 40px;
+}
+
+.comment-wwedit-wrapper.threaded > .comment-edit-form > .comment-edit-text-empty {
+ height: 1.5em;
+}
+
+.comment-wwedit-wrapper.threaded > .comment-edit-form > .comment-edit-submit-wrapper > .comment-edit-submit {
+ margin-left: 50px;
+}
+
+.comment-edit-photo {
+ margin-top: 10px;
+ margin-left: 10px;
+ margin-bottom: 10px;
+ width: 100px;
+ float: left;
+}
+
+[class^="comment-edit-bb"] {
+ display: none;
+ margin: 0px 0 -5px 0px;
+ padding: 0px;
+ width: 75%;
+}
+
+[class^="comment-edit-bb"] > li {
+ display: inline-block;
+ margin: 10px 10px 0 0;
+ visibility: none;
+}
+
+[class^="comment-edit-bb-end"] {
+ clear: both;
+}
+
+.comment-edit-text-empty, .comment-edit-text-full {
+ float: left;
+ margin-top: 10px;
+ padding: 3px 1px 1px 3px;
+ padding: 8px;
+}
+
+.comment-edit-text-empty {
+ height: 1.0em;
+ width: 270px;
+ overflow: auto;
+ margin-bottom: 10px;
+}
+
+.comment-edit-text-full {
+ height: 150px;
+ width: 80%;
+ overflow: auto;
+}
+
+.qcomment {
+ border: 1px solid #EEE;
+ padding: 3px;
+ margin-top: 15px;
+ margin-left: 25px;
+ width: 125px;
+ overflow-y: auto;
+}
+
+.qcomment option {
+ width: 125px;
+ overflow-x: hidden;
+}
+
+.qcomment {
+ opacity: 0.3;
+ filter:alpha(opacity=30);
+}
+
+.qcomment:hover {
+ opacity: 1.0;
+ filter:alpha(opacity=100);
+}
+
+.comment-edit-text-end {
+ clear: both;
+}
+
+.comment-edit-submit {
+ margin: 10px 0px 10px 110px;
+}
+
+.comment-preview-icon {
+ margin-left: 15px;
+}
diff --git a/view/css/mod_connections.css b/view/css/mod_connections.css
new file mode 100644
index 000000000..978d81bc1
--- /dev/null
+++ b/view/css/mod_connections.css
@@ -0,0 +1,34 @@
+
+.field_abook_help {
+ color: #000;
+}
+.abook-them {
+ margin-left: 375px;
+ margin-bottom: 15px;
+}
+.abook-me {
+ margin-left: 36px;
+ margin-bottom: 15px;
+}
+.acheckbox {
+ margin-bottom: 5px !important;
+}
+
+.abook-pending-contact {
+ background: orange;
+ font-weight: bold;
+ margin: 10px;
+ padding: 20px 5px 10px;
+}
+
+#contact-slider {
+ width: 600px !important;
+}
+
+.abook-edit-them, .abook-edit-me {
+ float: left;
+ width: 100px !important;
+}
+.field_abook_help {
+ float: left;
+}
diff --git a/view/css/mod_message.css b/view/css/mod_message.css
new file mode 100644
index 000000000..c278f4d53
--- /dev/null
+++ b/view/css/mod_message.css
@@ -0,0 +1,100 @@
+/* message */
+
+#mail-list-wrapper {
+ border-top: 1px solid #ccc;
+ padding: 5px 5px 5px 5px;
+}
+
+span.mail-list {
+ float: left;
+ width: 20%;
+}
+
+img.mail-list-sender-photo {
+ height: 24px;
+ width: 24px;
+ float: left;
+ margin-right: 30px;
+}
+
+.mail-list-remove {
+ width: 5% !important;
+}
+
+/* message/new */
+
+#prvmail-to-label,
+#prvmail-subject-label,
+#prvmail-expires-label,
+#prvmail-message-label {
+ margin-bottom: 10px;
+ margin-top: 20px;
+}
+
+#prvmail-submit {
+ float: left;
+ margin-top: 10px;
+ margin-right: 30px;
+}
+
+#prvmail-upload-wrapper,
+#prvmail-attach-wrapper,
+#prvmail-link-wrapper,
+#prvmail-expire-wrapper,
+#prvmail-encrypt-wrapper,
+#prvmail-rotator-wrapper {
+ float: left;
+ margin-top: 10px;
+ margin-right: 10px;
+ width: 24px;
+ cursor: pointer;
+}
+
+#prvmail-end {
+ clear: both;
+}
+
+/* message/id */
+
+.mail-conv-outside-wrapper {
+ margin-top: 30px;
+}
+
+.mail-conv-sender,
+.mail-conv-detail {
+ float: left;
+}
+
+.mail-conv-detail {
+ margin-left: 20px;
+ width: 500px;
+}
+
+.mail-conv-subject {
+ font-size: 1.4em;
+ margin: 10px 0;
+}
+
+.mail-conv-delete-wrapper {
+ float: right;
+ margin-right: 30px;
+ margin-top: 15px;
+}
+
+.mail-conv-delete-icon {
+ border: none;
+}
+
+.mail-conv-recall-wrapper {
+ float: right;
+ margin-right: 10px;
+ margin-top: 15px;
+}
+
+.mail-conv-outside-wrapper-end {
+ clear: both;
+}
+
+.mail-conv-break {
+ clear: both;
+}
diff --git a/view/css/mod_profiles.css b/view/css/mod_profiles.css
new file mode 100644
index 000000000..8378245d2
--- /dev/null
+++ b/view/css/mod_profiles.css
@@ -0,0 +1,144 @@
+#profile-edit-default-desc {
+ color: #FF0000;
+ border: 1px solid #FF8888;
+ background-color: #FFEEEE;
+ padding: 7px;
+}
+
+#profile-edit-clone-link-wrapper {
+ float: left;
+ margin-left: 50px;
+ margin-bottom: 20px;
+ width: 300px;
+}
+
+
+#profile-edit-links-end {
+ clear: both;
+ margin-bottom: 15px;
+}
+
+.profile-listing-photo {
+ border: none;
+}
+
+.profile-edit-submit-wrapper {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+
+#profile-photo-link-select-wrapper {
+ margin-top: 2em;
+}
+
+#profile-photo-submit-wrapper {
+ margin-top: 10px;
+}
+
+#profile-edit-with-label {
+ width: 175px;
+ margin-left: 20px;
+}
+
+#profile-edit-profile-name-label,
+#profile-edit-name-label,
+#profile-edit-pdesc-label,
+#profile-edit-gender-label,
+#profile-edit-dob-label,
+#profile-edit-address-label,
+#profile-edit-locality-label,
+#profile-edit-region-label,
+#profile-edit-postal-code-label,
+#profile-edit-country-name-label,
+#profile-edit-marital-label,
+#profile-edit-sexual-label,
+#profile-edit-politic-label,
+#profile-edit-religion-label,
+#profile-edit-pubkeywords-label,
+#profile-edit-prvkeywords-label,
+#profile-edit-homepage-label,
+#profile-edit-hometown-label {
+ float: left;
+ width: 175px;
+}
+
+#profile-edit-profile-name,
+#profile-edit-name,
+#profile-edit-pdesc,
+#gender-select,
+#profile-edit-dob,
+#profile-edit-address,
+#profile-edit-locality,
+#profile-edit-region,
+#profile-edit-postal-code,
+#profile-edit-country-name,
+#marital-select,
+#sexual-select,
+#profile-edit-politic,
+#profile-edit-religion,
+#profile-edit-pubkeywords,
+#profile-edit-prvkeywords,
+#profile-in-dir-yes,
+#profile-in-dir-no,
+#profile-in-netdir-yes,
+#profile-in-netdir-no,
+#hide-wall-yes,
+#hide-wall-no,
+#hide-friends-yes,
+#hide-friends-no {
+ float: left;
+ margin-bottom: 20px;
+}
+
+
+#profile-edit-pdesc-desc,
+#profile-edit-pubkeywords-desc,
+#profile-edit-prvkeywords-desc {
+ float: left;
+ margin-left: 20px;
+}
+
+
+#profile-edit-homepage, #profile-edit-hometown {
+ float: left;
+ margin-bottom: 35px;
+}
+
+#profile-edit-profile-name-end,
+#profile-edit-name-end,
+#profile-edit-pdesc-end,
+#profile-edit-gender-end,
+#profile-edit-dob-end,
+#profile-edit-address-end,
+#profile-edit-locality-end,
+#profile-edit-region-end,
+#profile-edit-postal-code-end,
+#profile-edit-country-name-end,
+#profile-edit-marital-end,
+#profile-edit-sexual-end,
+#profile-edit-politic-end,
+#profile-edit-religion-end,
+#profile-edit-pubkeywords-end,
+#profile-edit-prvkeywords-end,
+#profile-edit-homepage-end,
+#profile-edit-hometown-end,
+#profile-in-dir-break,
+#profile-in-dir-end,
+#profile-in-netdir-break,
+#profile-in-netdir-end,
+#hide-wall-break,
+#hide-wall-end,
+#hide-friends-break,
+#hide-friends-end {
+ clear: both;
+}
+
+
+#gender-select, #marital-select, #sexual-select {
+ width: 220px;
+}
+
+#profile-edit-profile-name-wrapper .required {
+ color: #FF0000;
+ float: left;
+}
diff --git a/view/css/mod_settings.css b/view/css/mod_settings.css
index 0532268f1..601cb2e0e 100644
--- a/view/css/mod_settings.css
+++ b/view/css/mod_settings.css
@@ -13,3 +13,14 @@
margin-top: 15px;
margin-bottom: 45px;
}
+
+
+
+#settings-notifications label {
+ margin-left: 20px;
+}
+#settings-notify-desc, #settings-activity-desc {
+ font-weight: bold;
+ margin-bottom: 15px;
+}
+