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 8636f1085eff1c02a0b5d8d2656f632137493c17..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;
@@ -1563,7 +1584,7 @@ padding: 5px 10px 0px;
        width: 600px;
 }
 
-.profile-tabs {
+.tab {
        float: left;
        padding: 4px;
        margin-top: 10px;
@@ -1576,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;
@@ -1875,6 +1895,11 @@ a.mail-list-link {
        margin-top: 10px;
 }
 
+#sidebar-group-list .icon {
+       display: inline-block;
+       height: 12px;
+       width: 12px;
+}
 
 #search-save {
     margin-left: 5px;
@@ -2732,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); }
 
@@ -2745,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;
+}
+