]> git.mxchange.org Git - friendica.git/blobdiff - view/theme/duepuntozero/style.css
Merge branch 'master', remote-tracking branch 'remotes/upstream/master'
[friendica.git] / view / theme / duepuntozero / style.css
index acd7d5bb54655c357a93e5c095a27c80152ce7aa..8e131ad201fe956568a64921a7d0166f0a7a4108 100644 (file)
@@ -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;
@@ -48,9 +52,7 @@ code {
        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;
@@ -189,6 +194,16 @@ aside {
        font-weight: bold;
        background: #3465a4 url('friendika-16.png') no-repeat 95% center;
 }
+#wallmessage-link {
+       display: block;
+       color: #FFFFFF;
+       -webkit-border-radius: 5px ;
+       -moz-border-radius: 5px;
+       border-radius: 5px;
+       padding: 5px;
+       font-weight: bold;
+       background-color: #3465a4;
+}
 
 /* section */
 section {
@@ -204,20 +219,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 +245,9 @@ footer {
 
 }
 
+.birthday-today, .event-today {
+       font-weight: bold;
+}
 
 div.wall-item-content-wrapper.shiny {
   background-image: url('shiny.png');
@@ -233,6 +255,14 @@ div.wall-item-content-wrapper.shiny {
   background-repeat:no-repeat;
 }
 
+.preview {
+       background: #FFFFC8;
+}
+
+#theme-preview {
+       margin: 15px 0 15px 150px;
+}
+
 /* from default */
 #jot-perms-icon, 
 #profile-location,
@@ -255,6 +285,32 @@ div.wall-item-content-wrapper.shiny {
        float: left;
 }
 
+#jot-title, #jot-category {
+       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-category::-webkit-input-placeholder{font-weight: normal;}
+#jot-title:-moz-placeholder{font-weight: normal;}
+#jot-category:-moz-placeholder{font-weight: normal;}
+               
+       
+#jot-title:hover,
+#jot-title:focus,
+#jot-category:hover,
+#jot-category:focus {
+       border: 1px solid #cccccc; 
+}
+
+.jothidden { display:none; }
+
+
 .fakelink, .fakelink:visited, .fakelink:link {
        color: #3465a4;
        text-decoration: none;
@@ -270,8 +326,10 @@ div.wall-item-content-wrapper.shiny {
        margin-bottom: 10px;
 }
 
-.group-selected {
+.group-selected, .nets-selected, .fileas-selected, .categories-selected {
        padding: 3px;
+       -moz-border-radius: 3px;
+       border-radius: 3px;     
        border: 1px solid #CCCCCC;
        background: #F8F8F8;
        font-weight: bold;
@@ -329,26 +387,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 +548,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 +570,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 +588,14 @@ input#dfrn-url {
        margin-left: 20px;
        width: 180px;
 }
+
+.contact-wrapper {
+       float: left;
+       width: 150px;
+       height: 150px;
+       overflow: auto;
+}
+
 #view-contact-end {
        clear: both;
 }
@@ -565,6 +644,7 @@ input#dfrn-url {
 #profile-photo-wrapper img {
        width:175px;
        height:175px;
+       padding: 12px;
 }
 
 #profile-edit-profile-name-label,
@@ -746,6 +826,9 @@ input#dfrn-url {
        width: 120px;
        height: 120px;
 }
+#contacts-search-end {
+       margin-bottom: 10px;
+}
 
 .contact-entry-direction-icon {
        margin-top: 24px;
@@ -761,6 +844,7 @@ input#dfrn-url {
 .contact-entry-name {
        float: left;
        margin-left: 0px;
+       margin-right: 10px;
        width: 120px;
        overflow: hidden;
 }
@@ -786,11 +870,6 @@ input#dfrn-url {
        clear: both;
 }
 
-#contact-edit-end {
-       clear: both;
-       margin-bottom: 65px;
-}
-
 #fsuggest-desc, #fsuggest-submit-wrapper {
        margin-top: 15px;
        margin-bottom: 15px;
@@ -811,6 +890,9 @@ input#dfrn-url {
        margin-top: 10px;
        border: 1px solid #CCC;
        position: relative;
+       -moz-border-radius: 3px;
+       border-radius: 3px;     
+
 }
 
 .wall-item-content-wrapper.comment {
@@ -954,6 +1036,15 @@ input#dfrn-url {
        margin-left: 10px;
        float: left;    
 }
+.tag-item {
+       margin-left: 10px;
+       float: left;    
+}
+
+.filer-item {
+       margin-left: 10px;
+       float: left;
+}
 
 .wall-item-links-wrapper {
        float: left;
@@ -1053,6 +1144,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;
@@ -1102,6 +1197,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;
@@ -1118,6 +1220,7 @@ input#dfrn-url {
        font-size: 1.2em;
 }
 
+
 #profile-jot-perms-end {
        /*clear: left;*/
        height: 30px;
@@ -1373,25 +1476,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-nettype {
-       margin-top: 5px;
-       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;
@@ -1401,57 +1497,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 {
@@ -1459,17 +1535,8 @@ input#dfrn-url {
        margin-left: 175px;
 }
 
-#contact-reputation-selector {
-       margin-left: 175px;
-}
-
-#contact-edit-rating-text {
-       margin-left: 175px;
-}
-
 .contact-edit-submit {
        margin-top: 20px;
-       /*margin-left: 50px;*/
 }
 
 
@@ -1502,12 +1569,7 @@ input#dfrn-url {
 
 
 #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 {
@@ -1521,15 +1583,13 @@ 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;     
 }
 
 
@@ -1540,6 +1600,8 @@ input#dfrn-url {
        display:block!important;
 }
 
+
+
 #acl-wrapper {
        width: 690px;
        float:left;
@@ -1784,6 +1846,9 @@ a.mail-list-link {
        margin-right: 30px;
        margin-top: 15px;
 }
+.mail-conv-break {
+       clear: both;
+}
 
 .mail-conv-delete-icon {
        border: none;
@@ -1802,7 +1867,7 @@ a.mail-list-link {
        padding: 3px 5px;
 }
 
-.message-links ul ul {
+.message-links-end {
        clear: both;
 }
 
@@ -1810,10 +1875,39 @@ 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, .fileas-ul, .categories-ul {
+       list-style-type: none;
+}
+
+.nets-ul li, .fileas-ul li, .categories-ul li {
+       margin-top: 10px;
+}
+
+.nets-link {
+       margin-left: 24px;
+}
+.nets-all {
+       margin-left: 42px;
+}
+
+.fileas-link, .categories-link {
+       margin-left: 24px;
+}
+
+.fileas-all, .categories-all {
+       margin-left: 0px;
+}
+
 #search-save {
        margin-left: 5px;
 }
@@ -1835,13 +1929,37 @@ a.mail-list-link {
 #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;
@@ -1898,6 +2016,10 @@ a.mail-list-link {
        float: left;
        width: 175px;
 }
+
+#photos-upload-noshare {
+       margin-bottom: 10px;
+}
 #photos-upload-existing-album-text {
        float: left;
        width: 175px;
@@ -2182,15 +2304,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;
@@ -2350,6 +2476,11 @@ a.mail-list-link {
        clear: both;
 }
 
+.profile-match-connect {
+       text-align: center;
+       font-weight: bold;
+}
+
 .profile-match-wrapper {
        float: left;
        padding: 10px;
@@ -2437,33 +2568,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;       
@@ -2501,6 +2632,16 @@ a.mail-list-link {
        margin-top: 10px;
 }
 
+.body-tag, .filesavetags, .categorytags {
+       opacity: 0.5;
+       filter:alpha(opacity=50);
+}
+
+.body-tag:hover, .filesavetags:hover, .categorytags:hover {
+       opacity: 1.0 !important;
+       filter:alpha(opacity=100) !important;
+}
+
 .item-select {
        opacity: 0.1;
        filter:alpha(opacity=10);
@@ -2543,6 +2684,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
  */
@@ -2606,8 +2759,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; }
@@ -2705,10 +2858,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');
@@ -2749,9 +2928,88 @@ a.mail-list-link {
 .off { background-position: 0px -48px; }
 .starred { background-position: -16px -48px; }
 .unstarred { background-position: -32px -48px; }
+.tagged { background-position: -48px -48px; }
 
 
+.filer-icon {
+       display: block; width: 16px; height: 16px;
+       background-image: url('file.gif');
+}
+
 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
+[class^="comment-edit-bb"] {
+       list-style: none;
+       display: none;
+       margin: 0px 0 -5px 60px;
+       width: 75%;
+}
+[class^="comment-edit-bb"] > li {
+       display: inline-block;
+       margin: 10px 10px 0 0;
+       visibility: none;
+}
+[class^="comment-edit-bb-end"] {
+       clear: both;
+}
+.editicon {
+    display: inline-block;
+    width: 21px;
+    height: 21px;
+    background: url(editicons.png) no-repeat;
+    border: 0;
+    text-decoration: none;
+}
+.editicon:hover {
+       border: 0;
+}
+.boldbb {
+       background-position: 0px 0px;
+}
+.boldbb:hover {
+       background-position: -22px 0px;
+}
+.italicbb {
+       background-position: 0px -22px;
+}
+.italicbb:hover {
+       background-position: -22px -22px;
+}
+.underlinebb {
+       background-position: 0px -44px;
+}
+.underlinebb:hover {
+       background-position: -22px -44px;
+}
+.quotebb {
+       background-position: 0px -66px;
+}
+.quotebb:hover {
+       background-position: -22px -66px;
+}
+.codebb {
+       background-position: 0px -88px;
+}
+.codebb:hover {
+       background-position: -22px -88px;
+}
+.imagebb {
+       background-position: -44px 0px;
+}
+.imagebb:hover {
+       background-position: -66px 0px;
+}
+.urlbb {
+       background-position: -44px -22px;
+}
+.urlbb:hover {
+       background-position: -66px -22px;
+}
+.videobb {
+       background-position: -44px -44px;
+}
+.videobb:hover {
+       background-position: -66px -44px;
+}
 
 .attachtype {
        display: block; width: 20px; height: 23px;
@@ -2769,3 +3027,140 @@ 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;
+}
+#jGrowl.top-right {
+       top: 15px;
+       right: 15px;
+}
+.qcomment {
+       border: 1px solid #EEE;
+       padding: 3px;
+       margin-top: 15px;
+       margin-left: 25px;
+       width: 125px;
+       overflow-y: auto;
+}
+
+
+.qcomment option {
+       width: 125px;
+       overflow-x: hidden;
+}
+
+.qcomment {
+       opacity: 0.3;
+       filter:alpha(opacity=30);
+}
+.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;
+}
+
+#id_term_label {
+       width:75px;
+}
+#id_term {
+       width:100px;
+}
\ No newline at end of file