clean up w3c validation and layout for priv mail and lang selector

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

diff --git a/view/theme/duepuntozero/style.css b/view/theme/duepuntozero/style.css
index 5ee3761ef1ff956984a9818cc689f24c3d81dce7..bdd324c94d110896d36796a2e1da91050842d531 100644 (file)
--- a/view/theme/duepuntozero/style.css
+++ b/view/theme/duepuntozero/style.css
@@ -45,7 +45,7 @@ code {
        border: 1px solid #444;
        background: #EEE;
        color: #444;
-       padding: 0px 10px 10px 10px;
+       padding: 10px;
        margin-top: 20px; 
 }
 /*blockquote:before {
@@ -146,7 +146,7 @@ nav .nav-link {
 }
 
 
-.nav-selected {
+.nav-commlink.selected {
        background-color: #ffffff;
        border-bottom: 1px solid #ffffff;
        color: #000000 !important;
@@ -219,6 +219,20 @@ section {
        margin-right: 1em;
 }
 
+#tabs-wrapper {
+       height: 27px;
+       background-image: url(head.jpg);
+       background-repeat: repeat-x;    
+       background-position: 0px -20px;
+       border-bottom: 1px solid #babdb6;
+}
+.tabs {
+       display:block;
+       float:left;
+       padding: 0.4em;
+       margin-right: 1em;
+}
+
 
 /* footer */
 footer {
@@ -493,6 +507,11 @@ input#dfrn-url {
        margin-bottom: 30px;
 }
 
+#profile-extra-links {
+       clear: both;
+       margin-top: 10px;
+}
+
 #profile-extra-links ul {
        list-style-type: none;
        padding: 0px;
@@ -539,13 +558,12 @@ input#dfrn-url {
        width: 300px;
 }
 
-#profile-edit-drop-link-wrapper {
-       float: left;
-}
 
 #profile-edit-links-end {
        clear: both;
+       margin-bottom: 15px;
 }
+
 .profile-listing-photo {
        border: none;
 }
@@ -744,7 +762,8 @@ input#dfrn-url {
 
 .contact-entry-wrapper {
        float: left;
-       width: 180px;
+       width: 120px;
+       height: 120px;
 }
 
 .contact-entry-direction-icon {
@@ -760,7 +779,9 @@ input#dfrn-url {
 }
 .contact-entry-name {
        float: left;
-       margin-left: 30px;
+       margin-left: 0px;
+       width: 120px;
+       overflow: hidden;
 }
 .contact-entry-edit-links {
        margin-top: 6px;
@@ -778,6 +799,7 @@ input#dfrn-url {
 }
 .contact-entry-photo {
        float: left;
+       position: relative;
 }
 .contact-entry-end {
        clear: both;
@@ -785,6 +807,7 @@ input#dfrn-url {
 
 #contact-edit-end {
        clear: both;
+       margin-bottom: 65px;
 }
 
 #fsuggest-desc, #fsuggest-submit-wrapper {
@@ -799,6 +822,9 @@ input#dfrn-url {
        float: left;
        margin-right: 5px;
 }
+#network-bmark-link {
+       margin-top: 10px;
+}
 
 .wall-item-content-wrapper {
        margin-top: 10px;
@@ -1375,6 +1401,12 @@ input#dfrn-url {
        margin-left: 30px;
 }
 
+#contact-edit-nettype {
+       margin-top: 5px;
+       margin-left: 30px;
+}
+
+
 #contact-edit-poll-wrapper {
        margin-left: 50px;
        margin-top: 30px;
@@ -1459,6 +1491,35 @@ input#dfrn-url {
        /*margin-left: 50px;*/
 }
 
+
+.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: auto;
+       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; }
+
+
 #block-message, #ignore-message {
        margin-top: 20px;
        color: #FF0000;
@@ -1483,89 +1544,133 @@ input#dfrn-url {
        width: 180px;
 }
 
-.comment-edit-text-empty {
-       color: gray;
-       height: 30px;
-       width: 175px;
-       overflow: auto;
-       margin-bottom: 10px;
+#profile-jot-text {
+       height: 20px;
+       color:#cccccc;
+       border: 1px solid #cccccc;
+       padding: 3px 0px 0px 5px;
 }
 
-.comment-edit-text-full {
-       color: black;
-       height: 150px;
-       width: 350px;
-       overflow: auto;
-}
 
-#group-new-submit-wrapper {
-       margin-top: 30px;
+/** acl **/
+#photo-edit-perms-select,
+#photos-upload-permissions-wrapper,
+#profile-jot-acl-wrapper{
+       display:block!important;
 }
 
-#acl-allow-group-label,
-#acl-allow-contact-label,
-#acl-deny-group-label,
-#acl-deny-contact-label {
-       display: block;
-}
 
-#acl-permit-text {
-       margin-top: 10px;
-       float: left;
-}
 
-#acl-deny-text {
-       margin-top: 10px;
+#acl-wrapper {
+       width: 690px;
+       float:left;
 }
-
-#jot-public {
+#acl-search {
+       float:right;
+       background: #ffffff url("../../../images/search_18.png") no-repeat right center;
+       padding-right:20px;
+}
+#acl-showall {
        float: left;
-       margin-top: 10px;
-       margin-left: 15px;
-       color: #FF0000;
+       display: block;
+       width: auto;
+       height: 18px;
+       background-color: #cccccc;
+       background-image: url("../../../images/show_all_off.png");
+       background-position: 7px 7px;
+       background-repeat: no-repeat;
+       padding: 7px 5px 0px 30px;
+       -webkit-border-radius: 5px ;
+       -moz-border-radius: 5px;
+       border-radius: 5px;
+       color: #999999;
+}
+#acl-showall.selected {
+       color: #000000;
+       background-color: #ff9900;
+       background-image: url("../../../images/show_all_on.png");
 }
 
-#acl-permit-text-end {
+#acl-list {
+       height: 210px;
+       border: 1px solid #cccccc;
        clear: both;
+       margin-top: 30px;
+       overflow: auto;
 }
-
-#acl-allow-group-label,
-#acl-allow-contact-label,
-#acl-deny-group-label,
-#acl-deny-contact-label {
-       margin-top: 5px;
-       margin-bottom: 5px;
+#acl-list-content {
+       
 }
-
-
-#group_allow_wrapper,
-#group_deny_wrapper {
+.acl-list-item {
+       display: block;
+       width: 150px;
+       height: 30px;
+       border: 1px solid #cccccc;
+       margin: 5px;
        float: left;
-       width: 100px;
-       margin-right: 10px;
 }
-
-#contact_allow_wrapper,
-#contact_deny_wrapper {
+.acl-list-item img{
+       width:22px;
+       height: 22px;
        float: left;
-       width: 150px;
-       margin-right: 10px;
+       margin: 4px;
+}
+.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;
+       width: 40px;
+       height: 10px;
+       float: left;
+       color: #999999;
+       background-color: #cccccc;
+       background-position: 3px 3px;
+       background-repeat: no-repeat;
+       margin-right: 5px;
+       -webkit-border-radius: 2px ;
+       -moz-border-radius: 2px;
+       border-radius: 2px;
+       padding-left: 15px;
+}
+#acl-wrapper a:hover {
+       text-decoration: none;
+       color:#000000;
 }
+.acl-button-show { background-image: url("../../../images/show_off.png"); }
+.acl-button-hide { background-image: url("../../../images/hide_off.png"); }
 
-#acl-allow-end,
-#acl-deny-end {
-       clear: both;
+.acl-button-show.selected {
+       color: #000000;
+       background-color: #9ade00;
+       background-image: url("../../../images/show_on.png");
 }
-#acl-permit-outer-wrapper,
-#acl-deny-outer-wrapper {
-       padding: 10px;
-       margin-top: 10px;
-       border: 2px solid #BBBBBB;
-       float: left;
+.acl-button-hide.selected {
+       color: #000000;
+       background-color: #ff4141;
+       background-image: url("../../../images/hide_on.png");
 }
+.acl-list-item.groupshow { border-color: #9ade00; }
+.acl-list-item.grouphide { border-color: #ff4141; }
+/** /acl **/
 
-#acl-wrapper-end {
-       clear: both;
+
+.comment-edit-text-empty {
+       color: gray;
+       height: 30px;
+       width: 175px;
+       overflow: auto;
+       margin-bottom: 10px;
+}
+
+.comment-edit-text-full {
+       color: black;
+       height: 150px;
+       width: 350px;
+       overflow: auto;
+}
+
+#group-new-submit-wrapper {
+       margin-top: 30px;
 }
 
 #group-edit-name-label {
@@ -1700,6 +1805,9 @@ a.mail-list-link {
        margin-right: 30px;
        margin-top: 15px;
 }
+.mail-conv-break {
+       clear: both;
+}
 
 .mail-conv-delete-icon {
        border: none;
@@ -1718,7 +1826,7 @@ a.mail-list-link {
        padding: 3px 5px;
 }
 
-.message-links ul ul {
+.message-links-end {
        clear: both;
 }
 
@@ -1730,6 +1838,24 @@ a.mail-list-link {
        margin-top: 10px;
 }
 
+#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;
 }
@@ -1796,6 +1922,10 @@ a.mail-list-link {
        float: left;
        width: 175px;
 }
+
+#photos-upload-noshare {
+       margin-bottom: 10px;
+}
 #photos-upload-existing-album-text {
        float: left;
        width: 175px;
@@ -2089,6 +2219,9 @@ a.mail-list-link {
        margin-bottom: 5px;
 }
 
+.vcard dl {
+       clear: both;
+}
 
 #birthday-title {
        float: left;
@@ -2336,6 +2469,7 @@ a.mail-list-link {
 }
 
 #crepair-nick-label,
+#crepair-attag-label,
 #crepair-url-label,
 #crepair-request-label,
 #crepair-confirm-label,
@@ -2347,6 +2481,7 @@ a.mail-list-link {
 }
 
 #crepair-nick,
+#crepair-attag,
 #crepair-url,
 #crepair-request,
 #crepair-confirm,
@@ -2645,6 +2780,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); }