+/*
+ Loozah CSS - Emmanuel Revah manurevah.com
+ Copy, Paste, Send - Free
+ this is still considered as messy :]
+*/
+
+/** {*/
+ /*margin: 0;*/
+ /*padding: 0;*/
+/*}*/
+
+/* GENERIC STUFF */
+body {
+ background: #F5F6FB;
+ color: #444444;
+ font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
+ font-size: 90%;
+ margin-left: 10px;
+}
a, a:visited {
- color: #8888FF;
+/* color: #34366A; */
+ color: #15607B;
text-decoration: none;
}
-
a:hover {
- color: #0000FF;
- text-decoration: underline;
+ color: #0CBEFE;
+ text-decoration: none;
}
-img {
- border: none;
+input, select {
+ background-color: #ECECEC;
+ border: 1px solid #858585;
}
+input:hover {
-#sysmsg {
- width: 600px;
+ background-color: #0CBEFE;
+/* background-color: #49dbFa; */
+ color: black;
+/* color: #F5F6FB; */
+/* border: 1px solid #F5F6FB; */
+ cursor: pointer;
}
+.openid {
+ background-color: #ECECEC !important;
+ background: url(login-bg.gif) no-repeat;
+ background-position: 0 50%;
+ padding-left: 18px;
+}
+.openid:hover {
+ background-color: #0CBEFE !important;
+}
+
+option {
+ background-color: #ECD6D2;
+}
+img {
+ border: none;
+}
code {
- font-family: monospace;
+ font-family: Courier, monospace;
white-space: pre;
display: block;
overflow: auto;
- border: 1;
- background: #000000;
- color: #44FF44;
+ border: 1px solid #444;
+ background: #EEE;
+ color: #444;
padding: 10px;
margin-top: 20px;
}
-
blockquote:before {
content: '>> ';
}
-body {
- background: #DDDDDD;
- color: #444444;
- font-family: "Lucida Grande", Tahoma, sans-serif;
- font-size: 90%;
- margin-left: 10px;
+#site-location {
+ position: absolute;
+ right: 5px;
+ top: 3px;
+ color: white;
+ font-size: 60%;
+}
+
+.shiny {
+ border-color: orange !important;
+}
+
+.nav-login-link {
+ float: right;
+ margin-left: 0px;
+ margin-right: 3px;
+ padding: 3px;
+ font-size: 70%;
+}
+
+/* NOTIFICATION */
+#notification-show-hide-link {
+ background-color: red;
+ padding: 2px 4px;
+ background-color: #ECECEC;
+ border: 1px solid #858585;
+}
+#notification-show-hide-link:hover {
+ background-color: #0CBEFE;
+ color: #F5F6FB;
+ border: 1px solid #F5F6FB;
+}
+
+#jot-perms-icon,
+#profile-location,
+#profile-nolocation,
+#profile-video,
+#profile-link,
+#wall-image-upload,
+#profile-upload-wrapper,
+#wall-image-upload-div,
+.hover, .focus {
+ cursor: pointer;
+}
+
+.fakelink, .fakelink:visited {
+ color: #15607B;
+ text-decoration: none;
+ cursor: pointer;
+ margin-top: 15px;
+ margin-bottom: 15px;
+}
+.lockview {
+ cursor: pointer;
+}
+
+.fakelink:hover {
+ color: #0CBEFE;
+ text-decoration: none;
+ cursor: pointer;
+}
+.smalltext {
+ font-size: 0.7em;
+}
+#sysmsg {
+ width: 600px;
+ margin-bottom: 10px;
+}
+
+#top-margin {
+ height: 20px;
+}
+
+#logo-img {
+ margin-top: 3px;
+
+}
+
+#logo-text {
+ font-family: "gill sans MT bold", "lucida grande",tahoma,verdana,arial,sans-serif;
+ margin-left: 3px;
+ vertical-align: top;
+}
+
+#logo-text a, #logo-text a:hover, #logo-text a:visited {
+ color: #F5F6FB;
+ font-family: "gill sans MT bold", "lucida grande",tahoma,verdana,arial,sans-serif;
+ margin-left: 3px;
+ vertical-align: top;
+}
+
+
+#banner {
+ color: #F5F6FB;
+ font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
+ font-size: 2.0em;
+ position: absolute;
+ top: 5px;
+ left: 39%;
+}
+
+#panel {
+ background-color: ivory;
+ position: absolute;
+ z-index: 2;
+ width: 30%;
+ padding: 25px;
+ border: 1px solid #444;
}
img.photo {
- border: 1px solid #AAAAAA;
- padding: 5px;
- background: #FFFFFF;
+ /*border: 1px solid #AAAAAA;*/
+ /*padding: 5px;*/
+ /*background: #FFFFFF;*/
}
#logo {
margin-left: 280px;
}
+/*
+ * #page-footer {
+ * height: 20px;
+ *
+ * }
+ */
+
.heart {
color: #FF0000;
- font-size: 120%;
+ font-size: 100%;
}
aside {
- position: absolute;
- left: 0px;
- top: 60px;
- right: 250px;
- width: 250px;
- margin-left: 20px;
- margin-right: 0px;
+ /*position: absolute;*/
+ /*left: 0px;*/
+ /*top: 60px;*/
+ /*right: 250px;*/
+ width: 230px;
+ /*margin-left: 20px;*/
+ /*margin-right: 0px;*/
font-size: 0.9em;
+
+ float: left;
+ margin-top: 64px;
+ margin-left: 20px;
}
section {
position: absolute;
- left: 270px;
+ left: 250px;
top: 60px;
+ margin-top: 25px;
margin-left: 20px;
margin-right: 20px;
right: 0px;
nav {
position: absolute;
top: 0px;
- height: 30px;
+ height: 48px;
left: 0px;
right: 0px;
- margin-top: 20px;
+ background: #15607B;
}
-footer {
- position: absolute;
- left: 0px;
- right: 0px;
- bottom: 0px;
- margin: 20px 20px 20px 20px;
-}
+/*
+ * footer {
+ * left: 0px;
+ * bottom: 0px;
+ * position: fixed;
+ * background-color: #0CBEFE;
+ * width: 100%;
+ * padding: 2px 3%;
+ * }
+ */
+
.fn {
font-size: 1.4em;
- margin-bottom: 10px;
+ margin-bottom: 5px;
line-height: 1.5;
}
+.vcard .title {
+ margin-bottom: 5px;
+}
+
+
.powered {
font-size: 0.6em;
+ color: black;
+}
+.powered a {
+ color: #EBF3F3;
+ font-weight: bold;
+}
+.powered a:hover {
+ color: #FFC019;
}
.error-message {
color: #FF0000;
.nav-link {
float: right;
margin-left: 0px;
- margin-right: 10px;
- padding: 3px;
- border: 1px solid #AAAAAA;
- background: #F4F4F4;
- font-size: 90%;
+ margin-right: 3px;
+ padding: 6px;
+ /*border: 2px solid #000000;*/
+ background: #D5D5D5;
+ font-size: 80%;
font-weight: bold;
+ -moz-border-radius-topleft: 3px;
+ -moz-border-radius-topright: 3px;
+ -webkit-border-radius-topleft: 3px;
+ -webkit-border-radius-topright: 3px;
+ border-radius-topleft: 3px;
+ border-radius-topright: 3px;
+}
+.nav-link:hover {
+ background-color: #0CBEFE;
+ color: #F5F6FB;
}
.nav-ajax-left {
margin-left: 1px;
+ margin-right: 2px;
float: left;
font-size: 0.6em;
font-weight: bold;
- color: #FF0000;
+ color: #F8FF15;
+ /*background: #FFFFFF;*/
+}
+
+
+
+.nav-selected {
+ border-bottom: none !important;
+ background: #F5F6FB !important;
+ padding: 8px 6px 6px 6px !important;
+ color: #000 !important;
+}
+
+
+.nav-ajax-left:hover {
+ font-size: 1.5em;
}
.nav-ajax-right {
.nav-commlink {
float: left;
- margin-left: 10px;
+ margin-left: 3px;
margin-right: 0px;
- padding: 3px;
- border: 1px solid #AAAAAA;
- background: #F4F4F4;
- font-size: 90%;
+ padding: 6px;
+ /*border: 2px solid #000000;*/
+ background: #D5D5D5;
+ font-size: 80%;
font-weight: bold;
text-decoration: none;
+ -moz-border-radius-topleft: 3px;
+ -moz-border-radius-topright: 3px;
+ -webkit-border-radius-topleft: 3px;
+ -webkit-border-radius-topright: 3px;
+ border-radius-topleft: 3px;
+ border-radius-topright: 3px;
+}
+.nav-commlink:hover {
+ background-color: #0CBEFE;
+ color: #F5F6FB;
}
#nav-end {
margin-left: 20px;
margin-right: 20px;
}
+#register-fill-ext {
+ margin-bottom: 25px;
+}
-#label-register-name, #label-register-email, #label-register-nickname {
+#label-register-name, #label-register-email, #label-register-nickname, #label-register-openid {
float: left;
width: 350px;
margin-top: 10px;
width: 150px;
}
-#register-name-end, #register-email-end, #register-nickname-end, #register-submit-end {
+#register-openid {
+ float: left;
+ margin-top: 10px;
+ width: 130px;
+}
+
+#register-name-end, #register-email-end, #register-nickname-end, #register-submit-end, #register-openid-end {
clear: both;
}
+
#register-nickname-desc {
margin-top: 30px;
width: 650px;
#label-login-name, #label-login-password, #login-extra-filler {
float: left;
- width: 150px;
+ width: 200px;
margin-bottom: 20px;
}
-#login-name, #login-password {
+#login-password {
float: left;
- width: 150px;
+ width: 170px;
+}
+
+#login-name {
+ float: left;
+ width: 153px;
+}
+
+#login-name.no-openid {
+ float: left;
+ width: 170px;
}
#register-link, #lost-password-link {
float: left;
- font-size: 0.7em;
+ font-size: 80%;
margin-right: 15px;
}
}
#login-submit-button {
- margin-top: 10px;
- margin-left: 150px;
+/* margin-top: 10px; */
+ margin-left: 200px;
}
input#dfrn-url {
float: left;
- background: url(dfrn.gif) no-repeat;
+ background: url(ff-16.jpg) no-repeat;
background-position: 2px center;
font-size: 17px;
padding-left: 21px;
margin-bottom: 30px;
}
-#settings-username-end,
-#settings-email-end,
-#settings-nick-end,
+#settings-username-end,
+#settings-email-end,
+#settings-nick-end,
+#settings-defloc-end,
+#settings-allowloc-end,
#settings-timezone-end,
-#settings-theme-end,
-#settings-password-end,
+#settings-theme-end,
+#settings-password-end,
#settings-confirm-end,
+#settings-openid-end,
+#settings-maxreq-end,
#notify1-end,
#notify2-end,
#notify3-end,
clear: both;
}
-#settings-username-label,
-#settings-email-label,
-#settings-nick-label,
-#settings-timezone-label,
+#settings-username-label,
+#settings-email-label,
+#settings-nick-label,
+#settings-defloc-label,
+#settings-allowloc-label,
+#settings-timezone-label,
#settings-theme-label,
-#settings-password-label,
+#settings-password-label,
#settings-confirm-label,
+#settings-openid-label,
+#settings-maxreq-label,
#settings-label-notify1,
#settings-label-notify2,
#settings-label-notify3,
width: 200px;
}
-#settings-username,
-#settings-email,
-#settings-nick,
-#timezone-select,
+#settings-username,
+#settings-email,
+#settings-nick,
+#settings-defloc,
+#settings-allowloc,
+#timezone-select,
#theme-select,
-#settings-password,
+#settings-password,
#settings-confirm,
+#settings-maxreq,
#notify1,
#notify2,
#notify3,
margin-bottom: 20px;
}
-#settings-theme-label {
+#settings-openid {
+ float: left;
+ margin-bottom: 20px;
+ width: 127px;
+}
+
+#settings-maxreq-desc {
+ float: left;
+ margin-left: 20px;
+}
+
+#settings-theme-label,
+#settings-defloc-label {
margin-top: 20px;
}
+#settings-defloc {
+ margin-top: 20px;
+}
+
+
#theme-select {
margin-top: 20px;
width: 207px;
clear: both;
}
+.intro-wrapper {
+ margin-top: 20px;
+}
+
.intro-fullname {
font-size: 1.1em;
font-weight: bold;
}
.intro-desc {
margin-bottom: 20px;
+ font-weight: bold;
}
.intro-note {
padding: 30px;
}
-.intro-approve-form, .intro-form {
+.intro-form {
float: left;
}
+.intro-approve-form {
+ clear: both;
+}
+.intro-approve-as-friend-end {
+ clear: both;
+}
.intro-submit-approve, .intro-submit-ignore {
margin-right: 20px;
}
-.intro-top {
- width: 500px;
- margin-bottom: 30px;
+.intro-submit-approve {
+ margin-top: 15px;
+}
+
+.intro-approve-as-friend-label, .intro-approve-as-fan-label {
+ float: left;
+ width: 100px;
+ margin-left: 20px;
}
+.intro-approve-as-friend, .intro-approve-as-fan {
+ float: left;
+}
+.intro-form-end {
+ clear: both;
+}
+.intro-approve-as-friend-desc {
+ margin-top: 15px;
+}
+.intro-approve-as-end {
+ clear: both;
+ margin-bottom: 10px;
+}
+
.intro-end {
clear: both;
margin-bottom: 30px;
#view-contact-end {
clear: both;
}
+#viewcontacts {
+ margin-top: 15px;
+}
#profile-edit-default-desc {
color: #FF0000;
border: 1px solid #FF8888;
#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-sexual-label,
#profile-edit-politic-label,
#profile-edit-religion-label,
+#profile-edit-keywords-label,
#profile-edit-homepage-label {
float: left;
width: 175px;
#profile-edit-profile-name,
#profile-edit-name,
+#profile-edit-pdesc,
#gender-select,
#profile-edit-dob,
#profile-edit-address,
#sexual-select,
#profile-edit-politic,
#profile-edit-religion,
+#profile-edit-keywords,
#profile-in-dir-yes,
#profile-in-dir-no,
#profile-in-netdir-yes,
#profile-in-netdir-no,
#hide-friends-yes,
-#hide-friends-no {
+#hide-friends-no,
+#settings-normal,
+#settings-soapbox,
+#settings-community,
+#settings-freelove {
float: left;
margin-bottom: 20px;
}
-#profile-in-dir-yes-label,
+#profile-in-dir-yes-label,
#profile-in-dir-no-label,
-#profile-in-netdir-yes-label,
+#profile-in-netdir-yes-label,
#profile-in-netdir-no-label,
#hide-friends-yes-label,
#hide-friends-no-label {
width: 50px;
}
+#profile-edit-with-label {
+ width: 175px;
+ margin-left: 20px;
+}
+
+#profile-edit-keywords-desc {
+ float: left;
+ margin-left: 20px;
+}
+
+
#profile-edit-homepage {
float: left;
margin-bottom: 35px;
}
+#settings-normal-label,
+#settings-soapbox-label,
+#settings-community-label,
+#settings-freelove-label {
+ float: left;
+ width: 200px;
+}
+#settings-normal-desc,
+#settings-soapbox-desc,
+#settings-community-desc,
+#settings-freelove-desc {
+ float: left;
+ margin-left: 75px;
+}
#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-sexual-end,
#profile-edit-politic-end,
#profile-edit-religion-end,
+#profile-edit-keywords-end,
#profile-edit-homepage-end,
-#profile-in-dir-break,
+#profile-in-dir-break,
#profile-in-dir-end,
-#profile-in-netdir-break,
+#profile-in-netdir-break,
#profile-in-netdir-end,
#hide-friends-break,
-#hide-friends-end {
+#hide-friends-end,
+#settings-normal-break,
+#settings-soapbox-break,
+#settings-community-break,
+#settings-freelove-break {
clear: both;
}
.wall-item-content-wrapper {
margin-top: 10px;
+ border: 1px solid #CCC;
}
.wall-item-content-wrapper.comment {
float: left;
}
.wall-item-wrapper {
- margin-top: 30px;
float: left;
}
+.wall-item-lock {
+ height: 20px;
+ margin-top: 10px;
+}
.wall-item-ago {
color: #888888;
font-size: 0.8em;
}
+.wall-item-like-buttons img {
+ cursor: pointer;
+}
.wall-item-delete-wrapper {
float: right;
margin-top: 20px;
float: left;
width: 450px;
margin-left: 10px;
+ margin-bottom: 20px;
+ padding: 20px;
+ max-height: 400px;
+ overflow: auto;
+
}
.wall-item-title {
float: left;
margin-left: 20px;
}
+#profile-location-wrapper {
+ float: left;
+ margin-left: 20px;
+}
+#profile-nolocation-wrapper {
+ float: left;
+ margin-left: 20px;
+}
#profile-jot-perms {
float: left;
- margin-left: 250px;
+ margin-left: 200px;
+ font-weight: bold;
+ font-size: 1.2em;
}
#profile-jot-perms-end {
border: 1px solid #CCCCCC;
}
+#advanced-profile-with {
+ float: left;
+ margin-left: 15px;
+}
+
#contact-edit-wrapper {
margin-top: 50px;
}
margin-left: 50px;
}
-#block-message, #ignore-message {
+#block-message, #ignore-message, #profile-edit-insecure {
margin-top: 20px;
- width: 180px;
color: #FF0000;
font-size: 1.1em;
border: 1px solid #FF8888;
padding: 10px;
}
+#block-message, #ignore-message {
+ width: 180px;
+}
+
+#profile-edit-insecure {
+ width: 600px;
+}
+
.profile-tabs {
float: left;
- padding: 3px;
+ padding: 4px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 5px;
- border: 1px solid #AAAAAA;
- background: #F4F4F4;
+ /*border: 1px solid #CCC;*/
+ /*background: #F8F8F8;*/
font-size: 0.8em;
font-weight: bold;
+ background-color: #ECECEC;
+ border: 1px solid #858585;
+}
+.profile-tabs:hover {
+ background-color: #0CBEFE;
+ color: #F5F6FB;
+ border: 1px solid #F5F6FB;
+ /*cursor: pointer;*/
}
#profile-tabs-end {
margin-top: 30px;
}
-#acl-allow-group-label,
+#acl-allow-group-label,
#acl-allow-contact-label,
#acl-deny-group-label,
#acl-deny-contact-label {
}
-#group_allow_wrapper,
+#group_allow_wrapper,
#group_deny_wrapper {
float: left;
width: 100px;
#group_members_select_end {
clear: both;
-}
+}
#group-edit-name-end {
clear: both;
}
font-size: 1.1em;
margin-top: 10px;
}
+a.mail-list-link {
+ display: block;
+ padding: 4px 5px;
+}
+
+/*
+*a.mail-list-link:hover {
+* background-color: #15607B;
+* color: #F5F6FB;
+*}
+*/
.mail-list-outside-wrapper-end {
clear: both;
border: none;
}
-
-
-
-
.mail-conv-sender,
.mail-conv-detail {
float: left;
.message-links li {
margin-top: 10px;
}
+.message-links a {
+ /*background-color: #ECECEC;*/
+ /*border: 1px solid #858585;*/
+ padding: 3px 5px;
+ /*display: block;*/
+}
+.message-links a:hover {
+ background-color: #0CBEFE;
+ color: #F5F6FB;
+ /*border: 1px solid #F5F6FB;*/
+}
#sidebar-group-list ul {
list-style-type: none;
margin-top: 10px;
}
+#side-follow-wrapper {
+ margin-top: 20px;
+}
+#side-follow-url {
+ margin-top: 5px;
+}
+#side-follow-submit {
+ margin-top: 15px;
+}
+
.photo-album-image-wrapper {
float: left;
margin-top: 15px;
text-decoration: underline;
cursor: pointer;
}
-#settings-default-perms-menu, #settings-default-perms-menu:visited {
- color: #8888FF;
- text-decoration: none;
- cursor: pointer;
+#settings-default-perms-menu {
margin-top: 15px;
margin-bottom: 15px;
}
-#settings-default-perms-menu:hover {
- color: #0000FF;
- text-decoration: underline;
- cursor: pointer;
-}
-
#photo-edit-caption-label, #photo-edit-tags-label {
- float: left;
+ float: left;
width: 150px;
}
-#photo-edit-caption, #photo-edit-tags-textarea {
+#photo-edit-caption, #photo-edit-newtag {
float: left;
+ margin-bottom: 25px;
+}
+#photo-edit-link-wrap {
margin-bottom: 15px;
}
+#photo-like-div {
+ margin-bottom: 25px;
+}
#photo-edit-caption-end, #photo-edit-tags-end {
clear: both;
#photo-edit-delete-button {
margin-left: 200px;
}
+#photo-edit-end {
+ margin-bottom: 35px;
+}
#photo-caption {
font-size: 110%;
font-weight: bold;
#in-this-photo-text {
color: #0000FF;
margin-left: 30px;
-}
+}
#in-this-photo {
margin-left: 60px;
margin-top: 18px;
margin-left: 20px;
}
+
+#dfrn-request-networks {
+ margin-bottom: 30px;
+}
+
+#pause {
+ position: fixed;
+ bottom: 5px;
+ right: 5px;
+}
+
+.sparkle {
+ cursor: url('lock.cur'), pointer;
+/* cursor: pointer !important; */
+}
+
+.contact-block-div {
+ float: left;
+ width: 52px;
+ height: 52px;
+}
+#contact-block-end {
+ clear: both;
+}
+.contact-block-link {
+ float: left;
+}
+
+#tag-remove {
+ margin-bottom: 15px;
+}
+
+#tagrm li {
+ margin-bottom: 10px;
+}
+
+#tagrm-submit, #tagrm-cancel {
+ margin-top: 25px;
+}
+
+#tagrm-cancel {
+ margin-left: 15px;
+}
+
+.wall-item-conv {
+ margin-top: 5px;
+ margin-bottom: 25px;
+}
+
+#search-submit {
+ margin-left: 15px;
+}
+
+#search-box {
+ margin-bottom: 25px;
+}
+
+.location-label, .gender-label, .marital-label, .homepage-label {
+ float: left;
+ text-align: right;
+ display: block;
+ width: 65px;
+}
+
+.adr, .x-gender, .marital-text, .homepage-url {
+ float: left;
+ display: block;
+ margin-left: 8px;
+}
+
+.profile-clear {
+ clear: both;
+}
+
+
+.clear {
+ clear: both;
+}
+
+.cc-license {
+ margin-top: 50px;
+ font-size: 70%;
+}
+
+
+#plugin-settings-link, #account-settings-link {
+ margin-bottom: 25px;
+}
+
+
+#birthday-title {
+ float: left;
+ font-weight: bold;
+}
+
+#birthday-adjust {
+ float: left;
+ font-size: 75%;
+ margin-left: 10px;
+}
+
+#birthday-title-end {
+ clear: both;
+}
+
+.birthday-list {
+ margin-left: 15px;
+}
+
+#birthday-wrapper {
+ margin-bottom: 20px;
+}
+
+
+#network-new-link {
+ margin-top: 15px;
+ margin-bottom: 15px;
+}
+