Use html5 placeholder for title text input

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

diff --git a/view/theme/loozah/style.css b/view/theme/loozah/style.css
index 96702d320b4bc176005acf7ff952c2d1d0f66e31..6b8aef500bde7ad4eb0eaac12a874e0682e59ddf 100644 (file)
--- a/view/theme/loozah/style.css
+++ b/view/theme/loozah/style.css
@@ -41,18 +41,21 @@ input:hover {
        cursor: pointer;
 }
 
-#id_openid_url,
-.openid {
+.openid input{
    background-color: #ECECEC !important;
    background: url(login-bg.gif) no-repeat;
    background-position: 0 50%;
    padding-left: 18px;
+   width: 385px !important;
 }
-#id_openid_url:hover,
-.openid:hover {
+
+.openid input:hover {
        background-color: #0CBEFE !important;
 }
 
+
+
+
 option {
        background-color: #ECD6D2;
 }
@@ -128,6 +131,23 @@ blockquote:before {
        float: left;
 }
 
+#jot-title-desc {
+       color: #cccccc;
+}
+
+#jot-title-wrapper {
+       margin-bottom: 5px;
+}
+
+#jot-title {
+       border: 1px solid #cccccc;
+       width: 530px;
+}
+
+#jot-title-display {
+       font-weight: bold;
+}
+
 .fakelink, .fakelink:visited {
        color: #15607B;
        text-decoration: none;
@@ -287,6 +307,9 @@ nav {
        margin-bottom: 5px;
 }
 
+.vcard dl {
+       clear: both;
+}
 
 .powered {
        font-size: 0.6em;
@@ -319,6 +342,7 @@ nav {
        float: right;
        margin-left: 0px;
        margin-right: 3px;
+       margin-top: 20px;
        padding: 6px;
        /*border: 2px solid #000000;*/
        background: #D5D5D5;
@@ -340,6 +364,7 @@ nav {
 .nav-ajax-left {
        margin-left: 1px;
        margin-right: 2px;
+       margin-top: 15px;
        float: left;
        font-size: 0.6em;
        font-weight: bold;
@@ -373,6 +398,7 @@ nav {
        float: left;
        margin-left: 3px;
        margin-right: 0px;
+       margin-top: 20px;
        padding: 6px;
        /*border: 2px solid #000000;*/
        background: #D5D5D5;
@@ -400,6 +426,7 @@ nav {
 }
 
 #profile-extra-links {
+       clear: both;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: 20px;
@@ -444,27 +471,20 @@ nav {
        margin-top: 10px;
 }
 
-#label-login-name, #label-login-password, #login-extra-filler {
-       float: left;
-       width: 200px;
-       margin-bottom: 20px;
-}
-
-
-#login-password {
+#login_standard {
+       width: 480px;
        float: left;
-       width: 170px;
 }
-
-#login-name {
-       float: left;
-       width: 153px;
+#login_openid {
+       width: 480px;
+       margin-left: 490px;
 }
 
-#login-name.no-openid {
-       float: left;
-       width: 170px;
+#login_standard input,
+#login_openid input {
+       width: 180px!important;
 }
+#login-extra-links { clear: both; }
 
 #register-link, #lost-password-link {
        float: left;
@@ -472,9 +492,6 @@ nav {
        margin-right: 15px;
 }
 
-#login-name-end, #login-password-end, #login-extra-end, #login-submit-end {
-       clear: both;
-}
 
 #login-submit-button {
 /*     margin-top: 10px; */
@@ -623,6 +640,10 @@ input#dfrn-url {
        margin-top: 10px;
 }
 
+.profile-edit-side-div {
+       float: right;
+}
+
 .view-contact-wrapper {
        margin-top: 20px;
        float: left;
@@ -841,7 +862,8 @@ input#dfrn-url {
 
 .contact-entry-wrapper {
        float: left;
-       width: 180px;
+       width: 120px;
+       height: 120px;
 }
 
 .contact-entry-direction-icon {
@@ -857,7 +879,9 @@ input#dfrn-url {
 }
 .contact-entry-name {
        float: left;
-       margin-left: 30px;
+       margin-left: 0px;
+       width: 120px;
+       oveflow: hidden;
 }
 .contact-entry-edit-links {
        margin-top: 6px;
@@ -875,6 +899,7 @@ input#dfrn-url {
 }
 .contact-entry-photo {
        float: left;
+       position: relative;
 }
 .contact-entry-end {
        clear: both;
@@ -882,8 +907,36 @@ input#dfrn-url {
 
 #contact-edit-end {
        clear: both;
-}
-
+       margin-bottom: 65px;
+}
+
+.contact-photo-menu-button {
+       position: absolute;
+       background-image: url("photo-menu.jpg");
+       background-position: top left; 
+       background-repeat: no-repeat;
+       margin: 0px; padding: 0px;
+       width: 16px;
+       height: 16px;
+       top: 64px; left:0px;
+       overflow: hidden;
+       text-indent: 40px;
+       display: none;
+       
+}
+
+.contact-photo-menu {
+       width: 100px;
+       border: 2px solid #444444;
+       background: #FFFFFF;
+       position: absolute;
+       left: 0px; top: 90px;
+       display: none;
+       z-index: 10000;
+}
+.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none }
+.contact-photo-menu li a { display: block; padding: 2px; }
+.contact-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; }
 
 #fsuggest-desc, #fsuggest-submit-wrapper {
        margin-top: 15px;
@@ -987,6 +1040,10 @@ input#dfrn-url {
        float: left;
        margin-right: 5px;
 }
+#network-bmark-link {
+       margin-top: 10px;
+}
+
 
 
 .wall-item-info.wallwall {
@@ -1420,6 +1477,11 @@ padding: 5px 10px 0px;
        font-weight: bold;
        margin-left: 30px;
 }
+#contact-edit-nettype {
+       margin-top: 5px;
+       margin-left: 30px;
+}
+
 
 #contact-edit-poll-wrapper {
        margin-left: 50px;
@@ -1522,7 +1584,7 @@ padding: 5px 10px 0px;
        width: 600px;
 }
 
-.profile-tabs {
+.tab {
        float: left;
        padding: 4px;
        margin-top: 10px;
@@ -1535,16 +1597,15 @@ padding: 5px 10px 0px;
        background-color: #ECECEC;
        border: 1px solid #858585;
 }
-.profile-tabs:hover {
+.tab.active,
+.tab:hover {
        background-color: #0CBEFE;
        color: #F5F6FB;
        border: 1px solid #F5F6FB;
        /*cursor: pointer;*/
 }
-
-#profile-tabs-end {
-       clear: both;
-}
+.tabs {        padding:0px; margin: 0px; overflow: auto; height: auto;}
+.tabs li { margin: 0px; list-style: none; }
 
 .comment-edit-text-empty {
        color: gray;
@@ -1569,6 +1630,7 @@ padding: 5px 10px 0px;
 
 
 /** acl **/
+#photo-edit-perms-select,
 #photos-upload-permissions-wrapper,
 #profile-jot-acl-wrapper{
        display:block!important;
@@ -1630,7 +1692,7 @@ padding: 5px 10px 0px;
        float: left;
        margin: 4px;
 }
-.acl-list-item p { font-size: 10px; margin: 0px; padding: 2px 0px 1px; }
+.acl-list-item p { height: 12px; font-size: 10px; margin: 0px; padding: 2px 0px 1px; overflow: hidden;}
 .acl-list-item a { 
        font-size: 8px;
        display: block;
@@ -1833,6 +1895,30 @@ a.mail-list-link {
        margin-top: 10px;
 }
 
+#sidebar-group-list .icon {
+       display: inline-block;
+       height: 12px;
+       width: 12px;
+}
+
+#search-save {
+    margin-left: 5px;
+}
+.groupsideedit {
+    margin-right: 10px;
+}
+#saved-search-ul {
+    list-style-type: none;
+}
+.savedsearchdrop, .savedsearchterm {
+    float: left;
+    margin-top: 10px;
+}
+.savedsearchterm {
+    margin-left: 10px;
+}
+
+
 #side-follow-wrapper {
        margin-top: 20px;
 }
@@ -2346,6 +2432,7 @@ a.mail-list-link {
 }
 
 #crepair-nick-label,
+#crepair-attag-label,
 #crepair-url-label,
 #crepair-request-label,
 #crepair-confirm-label,
@@ -2357,6 +2444,7 @@ a.mail-list-link {
 }
 
 #crepair-nick,
+#crepair-attag,
 #crepair-url,
 #crepair-request,
 #crepair-confirm,
@@ -2367,7 +2455,8 @@ a.mail-list-link {
 }
 
 #netsearch-box {
-       margin-top: 20px;       
+       margin-top: 20px;
+       width: 150px;   
 }
 
 #netsearch-box #search-submit {
@@ -2668,6 +2757,7 @@ a.mail-list-link {
 .off { background-position: 0px -48px; }
 .starred { background-position: -16px -48px; }
 .unstarred { background-position: -32px -48px; }
+.tagged { background-position: -48px -48px; }
 
 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
 
@@ -2681,9 +2771,31 @@ a.mail-list-link {
        margin-top: 10px;
 }
 
-.type-video { background-position: 0px; 0px; }
-.type-image { background-position: -20px; 0px; }
-.type-audio { background-position: -40px; 0px; }
-.type-text  { background-position: -60px; 0px; }
-.type-unkn  { background-position: -80px; 0px; }
+.type-video { background-position: 0px 0px; }
+.type-image { background-position: -20px 0px; }
+.type-audio { background-position: -40px 0px; }
+.type-text  { background-position: -60px 0px; }
+.type-unkn  { background-position: -80px 0px; }
+
+/* autocomplete popup */
+.acpopup {
+       max-height:150px;
+       background-color:#ffffff;
+       overflow:auto;
+       z-index:100000;
+       border:1px solid #cccccc;
+}
+.acpopupitem {
+       background-color:#ffffff; padding: 4px;
+       clear:left;
+}
+.acpopupitem img {
+       float: left;
+       margin-right: 4px;
+}
+
+.acpopupitem.selected {
+       color: #FFFFFF; background: #3465A4;
+}
+