Merge branch 'fabrixxm-master'

[friendica.git] / view / theme / default / style.css

diff --git a/view/theme/default/style.css b/view/theme/default/style.css
index ea176b7056384485c066c0c47e9445ca98d5b558..5dd0b871211782c1adf67057f592c01d5582e04b 100644 (file)
--- a/view/theme/default/style.css
+++ b/view/theme/default/style.css
@@ -14,7 +14,7 @@
 body {
        background: #F5F6FB;
        color: #444444;
-       font-family: "Lucida Grande", Tahoma, sans-serif;
+       font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
        font-size: 90%;
        margin-left: 10px;
 }
@@ -24,7 +24,7 @@ a, a:visited {
        text-decoration: none;
 }
 a:hover {
-       color: #29BBF2;
+       color: #0CBEFE;
        text-decoration: none;
 }
 input, select {
@@ -32,11 +32,25 @@ input, select {
        border: 1px solid #858585;
 }
 input:hover {
-       background-color: #29BBF2;
-       color: #F5F6FB;
-       border: 1px solid #F5F6FB;
+
+       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;
 }
@@ -44,19 +58,32 @@ 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: '>> ';
 }
+
+#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;
@@ -73,11 +100,23 @@ blockquote:before {
        border: 1px solid #858585;
 }
 #notification-show-hide-link:hover {
-       background-color: #29BBF2;
+       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;
@@ -90,28 +129,48 @@ blockquote:before {
 }
 
 .fakelink:hover {
-       color: #29BBF2;
+       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: #F8FF15;
-       font-size: 1.4em;
-       font-weight: bold;
+       color: #F5F6FB;
+       font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
+       font-size: 2.0em;
        position: absolute;
-       /*filter:alpha(opacity=50);*/
-       /*-moz-opacity:0.5;*/
-       /*-khtml-opacity: 0.5;*/
-       /*opacity: 0.5;*/
-       top: 12px;
-       left: 38%;
+       top: 5px;
+       left: 39%;
 }
 
 #panel {
@@ -135,14 +194,17 @@ img.photo {
        font-weight: bold;
        margin-left: 280px;
 }
-#page-footer {
-       height: 20px;
-/*     border-bottom: 3px dashed #15607B; */
-}
+
+/*
+ * #page-footer {
+ *     height: 20px;
+ *
+ * }
+ */
 
 .heart {
        color: #FF0000;
-       font-size: 120%;
+       font-size: 100%;
 }
 
 aside {
@@ -150,7 +212,7 @@ aside {
        /*left: 0px;*/
        /*top: 60px;*/
        /*right: 250px;*/
-       width: 250px;
+       width: 230px;
        /*margin-left: 20px;*/
        /*margin-right: 0px;*/
        font-size: 0.9em;
@@ -161,7 +223,7 @@ aside {
 }
 section {
        position: absolute;
-       left: 270px;
+       left: 250px;
        top: 60px;
        margin-top: 25px;
        margin-left: 20px;
@@ -181,25 +243,28 @@ nav {
        background: #15607B;
 }
 
-footer {
-       /*position: absolute;*/
-       left: 0px;
-       /*right: 0px;*/
-       bottom: 0px;
-       /*margin: 20px 20px 20px 20px;*/
-
-       position: fixed;
-       background-color: #29BBF2;
-       width: 100%;
-       padding: 2px 3%;
-}
+/*
+ * 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;
@@ -209,7 +274,7 @@ footer {
        font-weight: bold;
 }
 .powered a:hover {
-       color: #F8FF15;
+       color: #FFC019;
 }
 .error-message {
        color: #FF0000;
@@ -223,10 +288,10 @@ footer {
        float: right;
        margin-left: 0px;
        margin-right: 3px;
-       padding: 5px;
+       padding: 6px;
        /*border: 2px solid #000000;*/
        background: #D5D5D5;
-       font-size: 90%;
+       font-size: 80%;
        font-weight: bold;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-topright: 3px;
@@ -236,7 +301,7 @@ footer {
        border-radius-topright: 3px;
 }
 .nav-link:hover {
-       background-color: #29BBF2;
+       background-color: #0CBEFE;
        color: #F5F6FB;
 }
 
@@ -277,10 +342,10 @@ footer {
        float: left;
        margin-left: 3px;
        margin-right: 0px;
-       padding: 5px;
+       padding: 6px;
        /*border: 2px solid #000000;*/
        background: #D5D5D5;
-       font-size: 90%;
+       font-size: 80%;
        font-weight: bold;
        text-decoration: none;
        -moz-border-radius-topleft: 3px;
@@ -291,7 +356,7 @@ footer {
        border-radius-topright: 3px;
 }
 .nav-commlink:hover {
-       background-color: #29BBF2;
+       background-color: #0CBEFE;
        color: #F5F6FB;
 }
 
@@ -309,8 +374,11 @@ footer {
        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;
@@ -322,9 +390,16 @@ footer {
        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;
@@ -341,19 +416,29 @@ footer {
 
 #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;
 }
 
@@ -362,13 +447,13 @@ footer {
 }
 
 #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;
@@ -426,10 +511,13 @@ input#dfrn-url {
 #settings-email-end,
 #settings-nick-end,
 #settings-defloc-end,
+#settings-allowloc-end,
 #settings-timezone-end,
 #settings-theme-end,
 #settings-password-end,
 #settings-confirm-end,
+#settings-openid-end,
+#settings-maxreq-end,
 #notify1-end,
 #notify2-end,
 #notify3-end,
@@ -443,10 +531,13 @@ input#dfrn-url {
 #settings-email-label,
 #settings-nick-label,
 #settings-defloc-label,
+#settings-allowloc-label,
 #settings-timezone-label,
 #settings-theme-label,
 #settings-password-label,
 #settings-confirm-label,
+#settings-openid-label,
+#settings-maxreq-label,
 #settings-label-notify1,
 #settings-label-notify2,
 #settings-label-notify3,
@@ -460,10 +551,12 @@ input#dfrn-url {
 #settings-email,
 #settings-nick,
 #settings-defloc,
+#settings-allowloc,
 #timezone-select,
 #theme-select,
 #settings-password,
 #settings-confirm,
+#settings-maxreq,
 #notify1,
 #notify2,
 #notify3,
@@ -473,6 +566,17 @@ input#dfrn-url {
        margin-bottom: 20px;
 }
 
+#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;
@@ -482,6 +586,7 @@ input#dfrn-url {
        margin-top: 20px;
 }
 
+
 #theme-select {
        margin-top: 20px;
        width: 207px;
@@ -508,6 +613,10 @@ input#dfrn-url {
        clear: both;
 }
 
+.intro-wrapper {
+       margin-top: 20px;
+}
+
 .intro-fullname {
        font-size: 1.1em;
        font-weight: bold;
@@ -515,6 +624,7 @@ input#dfrn-url {
 }
 .intro-desc {
        margin-bottom: 20px;
+       font-weight: bold;
 }
 
 .intro-note {
@@ -537,6 +647,10 @@ input#dfrn-url {
 .intro-submit-approve, .intro-submit-ignore {
        margin-right: 20px;
 }
+.intro-submit-approve {
+       margin-top: 15px;
+}
+
 .intro-approve-as-friend-label, .intro-approve-as-fan-label {
        float: left;
        width: 100px;
@@ -587,6 +701,9 @@ input#dfrn-url {
 #view-contact-end {
        clear: both;
 }
+#viewcontacts {
+       margin-top: 15px;
+}
 #profile-edit-default-desc {
        color: #FF0000;
        border: 1px solid #FF8888;
@@ -617,8 +734,13 @@ input#dfrn-url {
        margin-bottom: 20px;
 }
 
+#profile-photo-link-select-wrapper {
+       margin-top: 2em;
+}
+
 #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,
@@ -630,6 +752,7 @@ input#dfrn-url {
 #profile-edit-sexual-label,
 #profile-edit-politic-label,
 #profile-edit-religion-label,
+#profile-edit-keywords-label,
 #profile-edit-homepage-label {
        float: left;
        width: 175px;
@@ -637,6 +760,7 @@ input#dfrn-url {
 
 #profile-edit-profile-name,
 #profile-edit-name,
+#profile-edit-pdesc,
 #gender-select,
 #profile-edit-dob,
 #profile-edit-address,
@@ -648,12 +772,17 @@ input#dfrn-url {
 #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;
 }
@@ -669,13 +798,39 @@ input#dfrn-url {
        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,
@@ -687,13 +842,18 @@ input#dfrn-url {
 #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-end,
 #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;
 }
 
@@ -829,6 +989,10 @@ input#dfrn-url {
        width: 450px;
        margin-left: 10px;
        margin-bottom: 20px;
+       padding: 20px;
+       max-height: 400px;
+       overflow: auto;
+
 }
 
 .wall-item-title {
@@ -874,7 +1038,7 @@ input#dfrn-url {
        margin-left: 110px;
        margin-top: 10px;
 }
-
+#profile-jot-plugin-wrapper,
 #profile-jot-submit-wrapper {
        margin-top: 15px;
 }
@@ -903,6 +1067,10 @@ input#dfrn-url {
        float: left;
        margin-left: 20px;
 }
+#profile-nolocation-wrapper {
+       float: left;
+       margin-left: 20px;
+}
 
 #profile-jot-perms {
        float: left;
@@ -914,7 +1082,9 @@ input#dfrn-url {
 #profile-jot-perms-end {
        clear: both;
 }
-
+#profile-jot-plugin-end {
+  clear:both;
+}
 #profile-jot-end {
        clear: both;
        margin-bottom: 30px;
@@ -1145,6 +1315,11 @@ input#dfrn-url {
        border: 1px solid #CCCCCC;
 }
 
+#advanced-profile-with {
+       float: left;
+       margin-left: 15px;
+}
+
 #contact-edit-wrapper {
        margin-top: 50px;
 }
@@ -1162,6 +1337,9 @@ input#dfrn-url {
 #contact-edit-poll-text {
        margin-bottom: 10px;
 }
+#contact-edit-update-now {
+       margin-top: 15px;
+}
 
 #contact-edit-photo-wrapper {
        margin-bottom: 20px;
@@ -1231,9 +1409,8 @@ input#dfrn-url {
        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;
@@ -1241,6 +1418,14 @@ input#dfrn-url {
        padding: 10px;
 }
 
+#block-message, #ignore-message {
+       width: 180px;
+}
+
+#profile-edit-insecure {
+       width: 600px;
+}
+
 .profile-tabs {
        float: left;
        padding: 4px;
@@ -1255,7 +1440,7 @@ input#dfrn-url {
        border: 1px solid #858585;
 }
 .profile-tabs:hover {
-       background-color: #29BBF2;
+       background-color: #0CBEFE;
        color: #F5F6FB;
        border: 1px solid #F5F6FB;
        /*cursor: pointer;*/
@@ -1412,13 +1597,15 @@ input#dfrn-url {
 a.mail-list-link {
        display: block;
        padding: 4px 5px;
-       font-weight: bold;
-}
-a.mail-list-link:hover {
-       background-color: #15607B;
-       color: #F5F6FB;
 }
 
+/*
+*a.mail-list-link:hover {
+*      background-color: #15607B;
+*      color: #F5F6FB;
+*}
+*/
+
 .mail-list-outside-wrapper-end {
        clear: both;
 }
@@ -1483,7 +1670,7 @@ a.mail-list-link:hover {
        /*display: block;*/
 }
 .message-links a:hover {
-       background-color: #29BBF2;
+       background-color: #0CBEFE;
        color: #F5F6FB;
        /*border: 1px solid #F5F6FB;*/
 }
@@ -1496,6 +1683,16 @@ a.mail-list-link:hover {
        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;
@@ -1537,6 +1734,9 @@ a.mail-list-link:hover {
 #photos-upload-album-select {
        float: left;
 }
+#photos-upload-spacer {
+       margin-top: 25px;
+}
 #photos-upload-new-end, #photos-upload-exist-end {
        clear: both;
 }
@@ -1602,22 +1802,31 @@ a.mail-list-link:hover {
        margin-bottom: 15px;
 }
 
-#photo-edit-caption-label, #photo-edit-tags-label {
+#photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label {
        float: left;
        width: 150px;
 }
-#photo-edit-caption, #photo-edit-tags-textarea {
+#photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname {
        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 {
+#photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end {
        clear: both;
 }
 
 #photo-edit-delete-button {
        margin-left: 200px;
 }
+#photo-edit-end {
+       margin-bottom: 35px;
+}
 #photo-caption {
        font-size: 110%;
        font-weight: bold;
@@ -1699,3 +1908,114 @@ a.mail-list-link:hover {
        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;
+}
+
+.tool-wrapper {
+  float: left;
+  margin-left: 20px;
+}
+.tool-link {
+  cursor: pointer;
+}