]> git.mxchange.org Git - friendica.git/blobdiff - view/theme/duepuntozero/style.css
Merge remote-tracking branch 'friendica/master' into randomerror
[friendica.git] / view / theme / duepuntozero / style.css
old mode 100644 (file)
new mode 100755 (executable)
index b4feaaa..938fbe4
@@ -23,12 +23,12 @@ input {
        border: 1px solid #666666;
        -moz-border-radius: 3px;
        border-radius: 3px;     
+       padding: 3px;
 }
 
 img { border :0px; }
 
-#id_openid_url,
-.openid {
+#id_openid_url, .openid input {
    background: url(login-bg.gif) no-repeat;
    background-position: 0 50%;
    padding-left: 18px;
@@ -37,6 +37,10 @@ img { border :0px; }
 
 }
 
+#id_openid_url {
+       width: 384px;
+}
+
 code {
        font-family: Courier, monospace;
        white-space: pre;
@@ -45,12 +49,10 @@ code {
        border: 1px solid #444;
        background: #EEE;
        color: #444;
-       padding: 0px 10px 10px 10px;
+       padding: 10px;
        margin-top: 20px; 
 }
-/*blockquote:before {
-       content: '>> ';
-}*/
+
 blockquote {
        background-color: #f4f8f9;
        border-left: 4px solid #dae4ee;
@@ -62,6 +64,10 @@ blockquote {
        padding: 5px;
 }
 
+.hide-comments {
+       margin-left: 5px;
+}
+
 #panel {
        background-color: ivory;
        position: absolute;
@@ -145,8 +151,7 @@ nav .nav-link {
        background-color: transparent !important;
 }
 
-
-.nav-selected {
+.nav-commlink.selected {
        background-color: #ffffff;
        border-bottom: 1px solid #ffffff;
        color: #000000 !important;
@@ -204,20 +209,24 @@ section {
        min-height: 112px;
        
 }
-
-#profile-tabs-wrapper {
+.tabs {
        height: 27px;
        background-image: url(head.jpg);
        background-repeat: repeat-x;    
        background-position: 0px -20px;
        border-bottom: 1px solid #babdb6;
+       padding:0px;
 }
-.profile-tabs {
+.tabs li { margin: 0px; list-style: none; }
+.tab {
        display:block;
        float:left;
        padding: 0.4em;
        margin-right: 1em;
 }
+.tab.active {
+       font-weight: bold;
+}
 
 
 /* footer */
@@ -226,6 +235,9 @@ footer {
 
 }
 
+.birthday-today, .event-today {
+       font-weight: bold;
+}
 
 div.wall-item-content-wrapper.shiny {
   background-image: url('shiny.png');
@@ -233,6 +245,10 @@ div.wall-item-content-wrapper.shiny {
   background-repeat:no-repeat;
 }
 
+.preview {
+       background: #FFFFC8;
+}
+
 /* from default */
 #jot-perms-icon, 
 #profile-location,
@@ -255,6 +271,29 @@ div.wall-item-content-wrapper.shiny {
        float: left;
 }
 
+
+#jot-title {
+       border: 0px;
+       margin: 0px;
+       height: 20px;
+       width: 530px;
+       margin-bottom: 5px;
+       font-weight: bold;
+       border: 1px solid #ffffff;
+}
+
+#jot-title::-webkit-input-placeholder{font-weight: normal;}
+#jot-title:-moz-placeholder{font-weight: normal;}
+               
+       
+#jot-title:hover,
+#jot-title:focus {
+       border: 1px solid #cccccc; 
+}
+
+.jothidden { display:none; }
+
+
 .fakelink, .fakelink:visited, .fakelink:link {
        color: #3465a4;
        text-decoration: none;
@@ -270,8 +309,10 @@ div.wall-item-content-wrapper.shiny {
        margin-bottom: 10px;
 }
 
-.group-selected {
+.group-selected, .nets-selected {
        padding: 3px;
+       -moz-border-radius: 3px;
+       border-radius: 3px;     
        border: 1px solid #CCCCCC;
        background: #F8F8F8;
        font-weight: bold;
@@ -329,26 +370,23 @@ div.wall-item-content-wrapper.shiny {
        margin-top: 10px;
 }
 
-#label-login-name, #label-login-password, #login-extra-filler {
-       float: left;
-       width: 200px;
-       margin-bottom: 20px;
-}
-
 
-#login-password {
+#login_standard {
+       width: 210px;
        float: left;
-       width: 170px;
+}
+#login_openid {
+       width: 210px;
+       margin-left: 250px;
 }
 
-#login-name {
-       float: left;
-       width: 153px;
+#login_standard input,
+#login_openid input {
+       width: 180px;
 }
 
-#login-name.no-openid {
-       float: left;
-       width: 170px;
+#login-extra-links {
+       clear: both;
 }
 
 #register-link, #lost-password-link {
@@ -493,6 +531,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;
@@ -510,6 +553,17 @@ input#dfrn-url {
 #profile-edit-links li {
        margin-top: 10px;
 }
+.profile-edit-side-div {
+       float: right;
+}
+.profile-edit-side-link {
+       opacity: 0.3;
+       filter:alpha(opacity=30);
+}
+.profile-edit-side-link:hover {
+       opacity: 1.0;
+       filter:alpha(opacity=100);
+}
 
 .view-contact-wrapper {
        margin-top: 20px;
@@ -517,6 +571,14 @@ input#dfrn-url {
        margin-left: 20px;
        width: 180px;
 }
+
+.contact-wrapper {
+       float: left;
+       width: 150px;
+       height: 150px;
+       overflow: auto;
+}
+
 #view-contact-end {
        clear: both;
 }
@@ -539,13 +601,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;
 }
@@ -566,6 +627,7 @@ input#dfrn-url {
 #profile-photo-wrapper img {
        width:175px;
        height:175px;
+       padding: 12px;
 }
 
 #profile-edit-profile-name-label,
@@ -744,7 +806,11 @@ input#dfrn-url {
 
 .contact-entry-wrapper {
        float: left;
-       width: 180px;
+       width: 120px;
+       height: 120px;
+}
+#contacts-search-end {
+       margin-bottom: 10px;
 }
 
 .contact-entry-direction-icon {
@@ -760,7 +826,10 @@ input#dfrn-url {
 }
 .contact-entry-name {
        float: left;
-       margin-left: 30px;
+       margin-left: 0px;
+       margin-right: 10px;
+       width: 120px;
+       overflow: hidden;
 }
 .contact-entry-edit-links {
        margin-top: 6px;
@@ -778,15 +847,12 @@ input#dfrn-url {
 }
 .contact-entry-photo {
        float: left;
+       position: relative;
 }
 .contact-entry-end {
        clear: both;
 }
 
-#contact-edit-end {
-       clear: both;
-}
-
 #fsuggest-desc, #fsuggest-submit-wrapper {
        margin-top: 15px;
        margin-bottom: 15px;
@@ -799,11 +865,17 @@ input#dfrn-url {
        float: left;
        margin-right: 5px;
 }
+#network-bmark-link {
+       margin-top: 10px;
+}
 
 .wall-item-content-wrapper {
        margin-top: 10px;
        border: 1px solid #CCC;
        position: relative;
+       -moz-border-radius: 3px;
+       border-radius: 3px;     
+
 }
 
 .wall-item-content-wrapper.comment {
@@ -947,6 +1019,11 @@ input#dfrn-url {
        margin-left: 10px;
        float: left;    
 }
+.tag-item {
+       margin-left: 10px;
+       float: left;    
+}
+
 
 .wall-item-links-wrapper {
        float: left;
@@ -1046,6 +1123,10 @@ input#dfrn-url {
 .comment-edit-text-empty, .comment-edit-text-full {
        float: left;
        margin-top: 10px;
+       -moz-border-radius: 3px;
+       border-radius: 3px;     
+       border: 1px solid #cccccc;
+       padding: 3px 1px 1px 3px;
 }
 .comment-edit-text-end {
        clear: both;
@@ -1095,6 +1176,13 @@ input#dfrn-url {
        float: left;
        margin-left: 15px;
 }
+#jot-preview-link {
+       float: left;
+       margin-left: 45px;
+       margin-top: 0px !important;
+}
+
+
 #profile-nolocation-wrapper {
        float: left;
        margin-left: 15px;
@@ -1111,6 +1199,7 @@ input#dfrn-url {
        font-size: 1.2em;
 }
 
+
 #profile-jot-perms-end {
        /*clear: left;*/
        height: 30px;
@@ -1366,19 +1455,18 @@ input#dfrn-url {
 }
 
 #contact-edit-wrapper {
-       margin-top: 50px;
+       margin-top: 10px;
 }
 
 #contact-edit-banner-name {
        font-size: 1.4em;
        font-weight: bold;
-       margin-left: 30px;
 }
 
 #contact-edit-poll-wrapper {
-       margin-left: 50px;
-       margin-top: 30px;
+       margin-top: 15px;
 }
+
 #contact-edit-poll-text {
        margin-top: 15px;
        margin-bottom: 5px;
@@ -1388,57 +1476,37 @@ input#dfrn-url {
        margin-top: 15px;
 }
 
-#contact-edit-photo-wrapper {
-       margin-bottom: 20px;
-}
-#contact-edit-links {
-       float: left;
-}
-#contact-edit-links a {
-       float: left;
-}
-#contact-edit-links img {
-       margin-left: 20px;
-       border: none;
-}
-
-#contact-drop-links {
-       float: left;
-}
-
-#contact-drop-links img {
-       margin-left: 20px;
-       border: none;
-}
-
-#contact-edit-nav-end {
+#contact-edit-links{
        clear: both;
 }
 
-#contact-edit-direction-icon {
-       float: left;
-       margin-top: 70px;
-       margin-right: 2px;
+#contact-edit-links ul {
+       list-style: none;
+       list-style-type: none;
+       margin-left: 0px;
+       padding-left: 0px;
 }
 
-#contact-edit-photo {
-       float: left;
+#contact-edit-links li {
+       margin-top: 5px;
 }
 
-#contact-edit-photo-end {
-       clear: both;
+#contact-edit-drop-link {
+       float: right;
+       margin-right: 20px;
 }
 
-#contact-edit-photo-wrapper {
-       float: left;
+#contact-edit-nav-end {
+       clear: both;
 }
 
-#contact-edit-nav-wrapper {
-       float: left;
+#contact-edit-wrapper {
+       width: 100%;
 }
 
 #contact-edit-end {
        clear: both;
+       margin-top: 15px;
 }
 
 #contact-profile-selector {
@@ -1446,26 +1514,41 @@ input#dfrn-url {
        margin-left: 175px;
 }
 
-#contact-reputation-selector {
-       margin-left: 175px;
+.contact-edit-submit {
+       margin-top: 20px;
 }
 
-#contact-edit-rating-text {
-       margin-left: 175px;
-}
 
-.contact-edit-submit {
-       margin-top: 20px;
-       /*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;
-       font-size: 1.1em;
-       border: 1px solid #FF8888;
-       background-color: #FFEEEE;
-       padding: 10px;
 }
 
 #profile-edit-insecure {
@@ -1479,16 +1562,25 @@ input#dfrn-url {
        width: 587px;
 }
 
-#block-message, #ignore-message {
-       width: 180px;
+#profile-jot-text {
+       height: 20px;
+       color:#cccccc;
+       border: 1px solid #cccccc;
+       padding: 3px 0px 0px 5px;
+       -moz-border-radius: 3px;
+       border-radius: 3px;     
 }
 
-/** acl **/
 
+/** acl **/
+#photo-edit-perms-select,
+#photos-upload-permissions-wrapper,
 #profile-jot-acl-wrapper{
        display:block!important;
 }
 
+
+
 #acl-wrapper {
        width: 690px;
        float:left;
@@ -1543,7 +1635,7 @@ input#dfrn-url {
        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;
@@ -1733,6 +1825,9 @@ a.mail-list-link {
        margin-right: 30px;
        margin-top: 15px;
 }
+.mail-conv-break {
+       clear: both;
+}
 
 .mail-conv-delete-icon {
        border: none;
@@ -1751,7 +1846,7 @@ a.mail-list-link {
        padding: 3px 5px;
 }
 
-.message-links ul ul {
+.message-links-end {
        clear: both;
 }
 
@@ -1759,20 +1854,83 @@ a.mail-list-link {
        list-style-type: none;
 }
 
+#sidebar-group-list .icon, #sidebar-group-list .iconspacer {
+       display: inline-block;
+       height: 12px;
+       width: 12px;
+}
+
 #sidebar-group-list li {
        margin-top: 10px;
 }
 
+.nets-ul {
+       list-style-type: none;
+}
+
+.nets-ul li {
+       margin-top: 10px;
+}
+
+.nets-link {
+       margin-left: 24px;
+}
+.nets-all {
+       margin-left: 42px;
+}
+
+#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;
 }
-#side-follow-url {
+#side-follow-url, #side-peoplefind-url {
        margin-top: 5px;
 }
-#side-follow-submit {
+#side-follow-submit, #side-peoplefind-submit {
        margin-top: 15px;
 }
 
+#side-match-link {
+       margin-top: 10px;
+}
+
+aside input[type='text'] {
+ width: 174px;
+}
+
+.widget {
+       border: 1px solid #DDDDDD;
+       padding: 8px;
+       margin-top: 5px;
+       -moz-border-radius:5px;
+       -webkit-border-radius:5px;
+       border-radius:5px;
+
+}
+
+
+.photos {
+       height: auto;
+       overflow: auto;
+}
+
 .photo-album-image-wrapper {
        float: left;
        margin-top: 15px;
@@ -1829,6 +1987,10 @@ a.mail-list-link {
        float: left;
        width: 175px;
 }
+
+#photos-upload-noshare {
+       margin-bottom: 10px;
+}
 #photos-upload-existing-album-text {
        float: left;
        width: 175px;
@@ -2113,15 +2275,19 @@ a.mail-list-link {
        
 
 .fn {
-       padding: 0px 0px 5px 0px;
+       padding: 0px 0px 5px 12px;
        font-size: 120%;
        font-weight: bold;
 }
 
 .vcard .title {
        margin-bottom: 5px;
+       margin-left: 12px;
 }
 
+.vcard dl {
+       clear: both;
+}
 
 #birthday-title {
        float: left;
@@ -2281,6 +2447,11 @@ a.mail-list-link {
        clear: both;
 }
 
+.profile-match-connect {
+       text-align: center;
+       font-weight: bold;
+}
+
 .profile-match-wrapper {
        float: left;
        padding: 10px;
@@ -2368,31 +2539,33 @@ a.mail-list-link {
        margin-top: 15px;
 }
 
+#crepair-name-label,
 #crepair-nick-label,
+#crepair-attag-label,
 #crepair-url-label,
 #crepair-request-label,
 #crepair-confirm-label,
 #crepair-notify-label,
+#crepair-photo-label,
 #crepair-poll-label {
        float: left;
        width: 200px;
        margin-bottom: 15px;
 }
 
+#crepair-name,
 #crepair-nick,
+#crepair-attag,
 #crepair-url,
 #crepair-request,
 #crepair-confirm,
 #crepair-notify,
+#crepair-photo,
 #crepair-poll {
        float: left;
        width: 300px;
 }
 
-#contact-edit-links .icon, #contact-drop-links .icon {
-       margin: 0px 3px 0px 3px;
-}
-
 
 #netsearch-box {
        margin-top: 20px;       
@@ -2430,6 +2603,16 @@ a.mail-list-link {
        margin-top: 10px;
 }
 
+.body-tag {
+       opacity: 0.5;
+       filter:alpha(opacity=50);
+}
+
+.body-tag:hover {
+       opacity: 1.0 !important;
+       filter:alpha(opacity=100) !important;
+}
+
 .item-select {
        opacity: 0.1;
        filter:alpha(opacity=10);
@@ -2472,6 +2655,18 @@ a.mail-list-link {
        filter:alpha(opacity=100);
 }
 
+.notif-image {
+       height: 80px;
+       width: 80px;
+       margin-right: 15px;
+}
+.notification-listing-end {
+       clear: both;
+       margin-bottom: 15px;
+}
+
+
+
 /**
  * Plugins settings
  */
@@ -2535,8 +2730,8 @@ a.mail-list-link {
        border-color:#204A87;
        padding-right: 40px;
        background-position: right center;
-       background-color: #3465A4;
-       color: #FFFFFF;
+       background-color: #D7E3F1;
+       color: #204A87;
        text-align: left;
 }
 .hidden { display: none!important; }
@@ -2634,10 +2829,36 @@ a.mail-list-link {
 .panel_text .progress { width: 50%; overflow: hidden; height: auto; border: 1px solid #cccccc; margin-bottom: 5px}
 .panel_text .progress span {float: right; display: block; width: 25%; background-color: #eeeeee; text-align: right;}
 
+/**
+ * OAuth
+ */
+.oauthapp {
+       height: auto; overflow: auto;
+       border-bottom: 2px solid #cccccc;
+       padding-bottom: 1em;
+       margin-bottom: 1em;     
+}
+.oauthapp img {
+       float: left;
+       width: 48px; height: 48px;
+       margin: 10px;
+}
+.oauthapp img.noicon {
+       background-image: url("../../../images/icons/48/plugin.png");
+       background-position: center center;
+       background-repeat: no-repeat;
+}
+.oauthapp a {
+       float: left;
+}
 
 /**
  * ICONS
  */
+.iconspacer {
+       display: block; width: 16px; height: 16px;
+}
+
 .icon {
        display: block; width: 16px; height: 16px;
        background-image: url('../../../images/icons.png');
@@ -2678,6 +2899,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); }
@@ -2698,3 +2920,120 @@ a.mail-list-link {
 .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;
+}
+
+/* popup notifications */
+div.jGrowl div.notice {
+  background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;
+  color: #ffffff;
+  padding-left: 58px;
+}
+div.jGrowl div.info {
+  background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center;
+  color: #ffffff;
+  padding-left: 58px;
+}
+
+.qcomment {
+       border: 1px solid #EEE;
+       padding: 3px;
+}
+
+.qcomment {
+       opacity: 0;
+       filter:alpha(opacity=0);
+}
+.qcomment:hover {
+       opacity: 1.0;
+       filter:alpha(opacity=100);
+}
+
+/* notifications popup menu */
+.nav-notify {
+       display: none;
+       position: absolute;
+       font-size: 10px;
+       padding: 1px 3px;
+       top: 0px;
+       right: -10px;
+       min-width: 15px;
+       text-align: right;
+}
+.nav-notify.show {
+       display: block;
+}
+ul.menu-popup {
+       position: absolute;
+       display: none;
+       width: 10em;
+       margin: 0px;
+       padding: 0px;
+       list-style: none;
+       z-index: 100000;
+       top: 90px;
+       left: 400px;
+}
+#nav-notifications-menu {
+       width: 320px;
+       max-height: 400px;
+       overflow-y: scroll;overflow-style:scrollbar;
+       background-color:#FFFFFF;
+       -moz-border-radius: 5px;
+       -webkit-border-radius: 5px;
+       border-radius:5px;
+       border: 1px solid #888;
+}
+#nav-notifications-menu .contactname { font-weight: bold; font-size: 0.9em; }
+#nav-notifications-menu img { float: left; margin-right: 5px; }
+#nav-notifications-menu .notif-when { font-size: 0.8em; display: block; }
+#nav-notifications-menu li {
+       padding: 7px 0px 7px 10px;
+       word-wrap:normal;
+       border-bottom: 1px solid #000;
+}
+
+#nav-notifications-menu li:hover {
+
+}
+
+#nav-notifications-menu a:hover {
+       text-decoration: underline;
+}
+
+.notif-item a {
+       color: #000000;
+}
+
+.notif-item a:hover {
+       text-decoration: underline;
+}
+
+.notif-image {
+       width: 32px;
+       height: 32px;
+       padding: 7px 7px 0px 0px;
+}
+
+.notify-seen {
+       background: #DDDDDD;
+}
\ No newline at end of file