]> git.mxchange.org Git - friendica.git/blobdiff - view/theme/duepuntozero/style.css
networkheader: do css work the other supported themes
[friendica.git] / view / theme / duepuntozero / style.css
index 77362e552496ef7434fc80539645a656a65e8fbd..83f131af6030f23c1abd0cd1f98619af40544d83 100644 (file)
@@ -22,7 +22,7 @@ a:hover {text-decoration: underline; }
 input {
        border: 1px solid #666666;
        -moz-border-radius: 3px;
-       border-radius: 3px;     
+       border-radius: 3px;
        padding: 3px;
 }
 
@@ -50,7 +50,7 @@ code {
        background: #EEE;
        color: #444;
        padding: 10px;
-       margin-top: 20px; 
+       margin-top: 20px;
 }
 
 blockquote {
@@ -91,7 +91,7 @@ nav {
        display: block;
        margin: 0px 10%;
        border-bottom: 1px solid #babdb6;
-       position: relative; 
+       position: relative;
 }
 nav #site-location {
        color: #888a85;
@@ -151,9 +151,9 @@ nav #banner #logo-text a:hover { text-decoration: none; }
        border: 1px solid #babdb6;
        border-bottom: 0px;
        background-color: #aec0d3;
-       color: #565854;         
+       color: #565854;
        -moz-border-radius: 3px 3px 0px 0px;
-       border-radius: 3px 3px 0px 0px; 
+       border-radius: 3px 3px 0px 0px;
 }
 nav .nav-link {
        float: right;
@@ -173,7 +173,7 @@ nav .nav-link {
 .nav-ajax-left {
        font-size: 0.8em;
        float: left;
-       margin-top: 62px;       
+       margin-top: 62px;
 }
 
 
@@ -228,12 +228,12 @@ section {
        background-position: top right;
        background-repeat: no-repeat;
        min-height: 112px;
-       
+
 }
 .tabs {
        height: 27px;
        background-image: url(head.jpg);
-       background-repeat: repeat-x;    
+       background-repeat: repeat-x;
        background-position: 0px -20px;
        border-bottom: 1px solid #babdb6;
        padding:0px;
@@ -248,7 +248,7 @@ section {
 }
 .tab.active {
        font-weight: bold;
-       
+
 }
 
 
@@ -277,15 +277,40 @@ div.wall-item-content-wrapper.shiny {
        margin: 15px 0 15px 150px;
 }
 
+/* Contact-Header for the Network Stream */
+#viewcontact_wrapper-network {
+       width: 100%;
+       min-height: 100px;
+       background-color: #DBE6F1;
+       border-bottom: 1px solid #babdb6;
+}
+#contact-entry-wrapper-network {
+       float: none;
+       width: auto;
+       height: auto;
+       padding: 10px;
+       margin: 0px
+}
+#contact-entry-accounttype-network {
+       font-size: 20px;
+}
+#contact-entry-name-network {
+       font-size: 24.5px;
+}
+/*#contact-entry-name-network>.contact-entry-details, #contact-entry-url-network,
+#contact-entry-details-network, contact-entry-network-network {
+       color: #000;
+}*/
+
 /* from default */
-#jot-perms-icon, 
+#jot-perms-icon,
 #profile-location,
 #profile-nolocation,
-#profile-youtube, 
-#profile-video, 
+#profile-youtube,
+#profile-video,
 #profile-audio,
 #profile-link,
-#profile-title, 
+#profile-title,
 #wall-image-upload,
 #wall-file-upload,
 #profile-upload-wrapper,
@@ -313,13 +338,13 @@ div.wall-item-content-wrapper.shiny {
 #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; 
+       border: 1px solid #cccccc;
 }
 
 .jothidden { display:none; }
@@ -343,7 +368,7 @@ div.wall-item-content-wrapper.shiny {
 .group-selected, .nets-selected, .fileas-selected, .categories-selected {
        padding: 3px;
        -moz-border-radius: 3px;
-       border-radius: 3px;     
+       border-radius: 3px;
        border: 1px solid #CCCCCC;
        background: #F8F8F8;
        font-weight: bold;
@@ -352,7 +377,7 @@ div.wall-item-content-wrapper.shiny {
 .settings-widget .selected {
        padding: 3px;
        -moz-border-radius: 3px;
-       border-radius: 3px;     
+       border-radius: 3px;
        border: 1px solid #CCCCCC;
        background: #F8F8F8;
        font-weight: bold;
@@ -813,7 +838,7 @@ input#dfrn-url {
     clear: left;
     color: #666666;
     display: block;
-    margin-bottom: 20px        
+    margin-bottom: 20px
 }
 
 #profile-edit-profile-name-end,
@@ -876,8 +901,14 @@ input#dfrn-url {
 
 .contact-entry-wrapper {
        float: left;
-       width: 120px;
-       height: 120px;
+       min-width: 363px;
+       height: 90px;
+       padding-right: 10px;
+       margin: 0 10px 10px 0px;
+}
+.contact-entry-wrapper .contact-entry-photo-wrapper {
+       float: left;
+       margin-right: 10px;
 }
 #contacts-search-end {
        margin-bottom: 10px;
@@ -891,15 +922,22 @@ input#dfrn-url {
 .contact-entry-photo img {
        border: none;
 }
+.contact-entry-photo a img {
+       width: 80px;
+       height: 80px;
+}
 .contact-entry-photo-end {
        clear: both;
 }
 .contact-entry-name {
-       float: left;
-       margin-left: 0px;
-       margin-right: 10px;
-       width: 120px;
+       font-weight: bold;
+}
+.contact-entry-details {
+       font-size: 13px;
+       color: #999999;
+       white-space: nowrap;
        overflow: hidden;
+       text-overflow: ellipsis;
 }
 .contact-entry-edit-links {
        margin-top: 6px;
@@ -944,7 +982,7 @@ input#dfrn-url {
        border: 1px solid #CCC;
        position: relative;
        -moz-border-radius: 3px;
-       border-radius: 3px;     
+       border-radius: 3px;
 }
 
 .tread-wrapper .tread-wrapper {
@@ -959,7 +997,7 @@ input#dfrn-url {
 }
 
 .wall-item-content-wrapper.comment {
-#      margin-left: 50px;
+       /*margin-left: 50px;*/
        background: #EEEEEE;
 }
 
@@ -987,7 +1025,7 @@ input#dfrn-url {
        display: block;
        position: absolute;
        background-image: url("photo-menu.jpg");
-       background-position: top left; 
+       background-position: top left;
        background-repeat: no-repeat;
        margin: 0px; padding: 0px;
        width: 16px;
@@ -996,7 +1034,7 @@ input#dfrn-url {
        overflow: hidden;
        text-indent: 40px;
        display: none;
-       
+
 }
 .wall-item-photo-menu {
        width: auto;
@@ -1011,7 +1049,6 @@ input#dfrn-url {
 .wall-item-photo-menu li a { display: block; padding: 2px; }
 .wall-item-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; }
 
-
 .comment .wall-item-photo-menu-button {        top: 44px;}
 .comment .wall-item-photo-menu { top: 60px; }
 
@@ -1048,7 +1085,7 @@ input#dfrn-url {
        /*margin-top: 10px;*/
     left: 105px;
     position: absolute;
-    top: 1px;  
+    top: 1px;
 }
 .comment .wall-item-lock {
        left: 65px;
@@ -1101,11 +1138,11 @@ input#dfrn-url {
 }
 .star-item {
        margin-left: 10px;
-       float: left;    
+       float: left;
 }
 .tag-item {
        margin-left: 10px;
-       float: left;    
+       float: left;
 }
 
 .filer-item {
@@ -1129,6 +1166,16 @@ input#dfrn-url {
        border: none;
 }
 
+.wall-item-attend-wrapper {
+    float:left;
+    padding-left: 10px;
+}
+
+.wall-item-attend-wrapper > a {
+    display: inline-block;
+    margin-right: 10px;
+}
+
 
 .wall-item-wrapper-end {
        clear: both;
@@ -1142,7 +1189,7 @@ input#dfrn-url {
        border: none;
 }
 .comment .wall-item-photo {
-       width: 50px !important; 
+       width: 50px !important;
        height: 50px !important;
 }
 .wall-item-content {
@@ -1159,6 +1206,58 @@ input#dfrn-url {
   max-width: 700px;
 }
 
+.wall-item-container .wall-item-content .type-link img,
+.type-link img {
+  max-width: 160px;
+  max-height: 160px;
+  float: left;
+  margin-right: 10px;
+}
+.type-link blockquote {
+  margin-left: 160px;
+  max-height: 160px;
+  overflow: hidden;
+}
+.type-link .oembed {
+}
+
+.shared_header {
+  height: 32px;
+  color: #999;
+  border-top: 1px solid #D2D2D2;
+  padding-top: 5px;
+  margin-top: 5px;
+}
+
+.shared_header a {
+  color: black;
+  -webkit-transition: all 0.2s ease-in-out;
+  -moz-transition: all 0.2s ease-in-out;
+  -o-transition: all 0.2s ease-in-out;
+  -ms-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+}
+
+.shared_header a:hover {
+  color: #36c;
+}
+
+.shared_header img {
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  float: left;
+}
+
+.shared_header span {
+  margin-left: 9px;
+}
+
+blockquote.shared_content {
+  margin-left: 32px;
+  color: #000;
+  border: none;
+}
 
 .wall-item-title {
        float: left;
@@ -1189,7 +1288,7 @@ input#dfrn-url {
 
 .comment .wall-item-tools {
        background:none;
-} 
+}
 
 .comment-edit-wrapper {
        margin-top: 15px;
@@ -1219,7 +1318,7 @@ input#dfrn-url {
        float: left;
        margin-top: 10px;
        -moz-border-radius: 3px;
-       border-radius: 3px;     
+       border-radius: 3px;
        border: 1px solid #cccccc;
        padding: 3px 1px 1px 3px;
 }
@@ -1418,6 +1517,7 @@ input#dfrn-url {
   padding: 10px;
   text-align: center;
   font-size: 1.0em;
+  clear:left;
 }
 
 
@@ -1425,7 +1525,8 @@ input#dfrn-url {
 .pager_last,
 .pager_prev,
 .pager_next,
-.pager_n {
+.pager_n,
+.scroll_loader_text {
        border: 1px solid black;
        background: #EEE;
        padding: 4px;
@@ -1624,7 +1725,7 @@ input#dfrn-url {
 .contact-photo-menu-button {
        position: absolute;
        background-image: url("photo-menu.jpg");
-       background-position: top left; 
+       background-position: top left;
        background-repeat: no-repeat;
        margin: 0px; padding: 0px;
        width: 16px;
@@ -1633,7 +1734,7 @@ input#dfrn-url {
        overflow: hidden;
        text-indent: 40px;
        display: none;
-       
+
 }
 .contact-photo-menu {
        width: auto;
@@ -1671,7 +1772,7 @@ input#dfrn-url {
        border: 1px solid #cccccc;
        padding: 3px 0px 0px 5px;
        -moz-border-radius: 3px;
-       border-radius: 3px;     
+       border-radius: 3px;
 }
 
 
@@ -1725,7 +1826,7 @@ input#dfrn-url {
        overflow: auto;
 }
 #acl-list-content {
-       
+
 }
 .acl-list-item {
        display: block;
@@ -1742,7 +1843,7 @@ input#dfrn-url {
        margin: 4px;
 }
 .acl-list-item p { height: 12px; font-size: 10px; margin: 0px; padding: 2px 0px 1px; overflow: hidden;}
-.acl-list-item a { 
+.acl-list-item a {
        font-size: 8px;
        display: block;
        width: 40px;
@@ -1963,6 +2064,17 @@ a.mail-list-link {
 #sidebar-group-list ul {
        list-style-type: none;
 }
+.sidebar-group-li .notify, .forum-widget-entry .notify {
+       display: none;
+       font-size: 9px;
+       border: 1px solid rgb(221, 221, 221);
+       padding: 2px;
+       float: right;
+       background-color: #BABDB6;
+}
+.sidebar-group-li .notify.show, .forum-widget-entry .notify.show {
+       display: block;
+}
 
 #sidebar-group-list .icon, #sidebar-group-list .iconspacer {
        display: inline-block;
@@ -1974,11 +2086,15 @@ a.mail-list-link {
        margin-top: 10px;
 }
 
-.nets-ul, .fileas-ul, .categories-ul {
+#forumlist-sidebar ul {
+       list-style: none;
+}
+
+.nets-ul, .fileas-ul, .categories-ul, .datebrowse-ul {
        list-style-type: none;
 }
 
-.nets-ul li, .fileas-ul li, .categories-ul li {
+.nets-ul li, .fileas-ul li, .categories-ul li, .datebrowse-ul li {
        margin-top: 10px;
 }
 
@@ -2059,15 +2175,15 @@ aside input[type='text'] {
        margin-top: 15px;
        margin-right: 15px;
        margin-left: 15px;
-/*     width: 200px; height: 200px; 
-       overflow: hidden; 
+/*     width: 200px; height: 200px;
+       overflow: hidden;
        position: relative; */
 }
 .photo-album-image-wrapper .caption {
-       display: none; 
+       display: none;
        width: 100%;
 /*     position: absolute; */
-       bottom: 0px; 
+       bottom: 0px;
        padding: 0.5em 0.5em 0px 0.5em;
        background-color: rgba(245, 245, 255, 0.8);
        border-bottom: 2px solid #CCC;
@@ -2089,14 +2205,14 @@ aside input[type='text'] {
        margin-right: 15px;
        margin-left: 15px;
        margin-bottom: 15px;
-/*     width: 200px; height: 200px; 
+/*     width: 200px; height: 200px;
        overflow: hidden; */
 }
 .photo-top-album-name {
        width: 100%;
        min-height: 2em;
 /*     position: absolute;  */
-       bottom: 0px; 
+       bottom: 0px;
        padding: 0px 3px;
        padding-top: 0.5em;
        background-color: rgb(255, 255, 255);
@@ -2184,7 +2300,7 @@ aside input[type='text'] {
 }
 
 #profile-jot-banner-end {
-       /* clear: both; */ 
+       /* clear: both; */
 }
 
 #photos-upload-select-files-text {
@@ -2412,7 +2528,7 @@ aside input[type='text'] {
 }
 
 /* end from default */
-       
+
 
 .fn {
        padding: 0px 0px 5px 12px;
@@ -2420,7 +2536,8 @@ aside input[type='text'] {
        font-weight: bold;
 }
 
-.vcard .title {
+.vcard .title,
+.vcard .p-faddr {
        margin-bottom: 5px;
        margin-left: 12px;
 }
@@ -2431,7 +2548,7 @@ aside input[type='text'] {
 
 #birthday-title {
        float: left;
-       font-weight: bold;      
+       font-weight: bold;
 }
 
 #birthday-adjust {
@@ -2555,7 +2672,7 @@ aside input[type='text'] {
        clear: both;
 }
 
+
 .calendar {
        font-family: Courier, monospace;
 }
@@ -2637,12 +2754,6 @@ aside input[type='text'] {
        margin-bottom: 15px;
 }
 
-#language-selector {
-       position: absolute;
-       top: 0px;
-       left: 16px;
-}
-
 #group-members {
        margin-top: 20px;
        padding: 10px;
@@ -2739,7 +2850,7 @@ aside input[type='text'] {
 
 
 #netsearch-box {
-       margin-top: 20px;       
+       margin-top: 20px;
 }
 
 #netsearch-box #search-submit {
@@ -2812,19 +2923,6 @@ aside input[type='text'] {
        text-decoration: underline;
 }
 
-#lang-select-icon {
-       cursor: pointer;
-       position: absolute;
-       left: 0px;
-       top: 0px;
-       opacity: 0.2;
-       filter:alpha(opacity=20);
-}
-
-#lang-select-icon:hover {
-       opacity: 1;
-       filter:alpha(opacity=100);
-}
 
 .notif-image {
        height: 80px;
@@ -2846,7 +2944,7 @@ aside input[type='text'] {
 .settings-heading {
        border-bottom: 1px solid #babdb6;
 }
+
 
 /**
  * Form fields
@@ -2872,7 +2970,7 @@ aside input[type='text'] {
        display: block;
        margin-left: 200px;
        color: #666666;
-       
+
 }
 
 
@@ -2920,7 +3018,7 @@ aside input[type='text'] {
        font-weight: bold;
        background-color: #FF0000;
        padding: 0em 0.3em;
-       
+
 }
 #adminpage dl {
        clear: left;
@@ -2975,7 +3073,7 @@ aside input[type='text'] {
 /*
  * UPDATE
  */
-.popup {       
+.popup {
        width: 100%; height: 100%;
        top:0px; left:0px;
        position: absolute;
@@ -2996,7 +3094,7 @@ aside input[type='text'] {
        border: 4px solid #000000;
        background-color: #FFFFFF;
 }
-.popup .panel .panel_text { display: block; overflow: auto; height: 80%; } 
+.popup .panel .panel_text { display: block; overflow: auto; height: 80%; }
 .popup .panel .panel_in { width: 100%; height: 100%;   position: relative; }
 .popup .panel .panel_actions {  width: 100%; bottom: 4px; left: 0px; position: absolute; }
 .panel_text .progress { width: 50%; overflow: hidden; height: auto; border: 1px solid #cccccc; margin-bottom: 5px}
@@ -3009,7 +3107,7 @@ aside input[type='text'] {
        height: auto; overflow: auto;
        border-bottom: 2px solid #cccccc;
        padding-bottom: 1em;
-       margin-bottom: 1em;     
+       margin-bottom: 1em;
 }
 .oauthapp img {
        float: left;
@@ -3075,6 +3173,9 @@ aside input[type='text'] {
 .tagged { background-position: -48px -48px; }
 .yellow { background-position: -64px -48px; }
 
+.attendyes { background-position: -80px -48px; }
+.attendno { background-position: -96px -48px; }
+.attendmaybe { background-position: -112px -48px; }
 
 .filer-icon {
        display: block; width: 16px; height: 16px;
@@ -3313,9 +3414,9 @@ ul.menu-popup {
 }
 
 #recip {
-       
+
 }
-.autocomplete-w1 { background: #ffffff; no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
+.autocomplete-w1 { background: #ffffff no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
 .autocomplete { color:#000; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
 .autocomplete .selected { background:#F0F0F0; }
 .autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }
@@ -3348,10 +3449,10 @@ ul.menu-popup {
 }
 @media all and (max-width: 760px) {
        body { background-image: none; }
-       nav, aside, section, footer { 
-               margin: 0px; 
-               float: none; 
-               position: relative; 
+       nav, aside, section, footer {
+               margin: 0px;
+               float: none;
+               position: relative;
                width: 100%;
                padding: 0.5em;
                height: auto;
@@ -3364,11 +3465,11 @@ ul.menu-popup {
        aside { overflow: hidden; min-height: 0; height: 1em;}
        aside:hover, aside:focus { height: auto; }
 
-       nav .nav-link { 
+       nav .nav-link {
                float: left;
                width: 23%;
                min-width: 100px;
-               height: 15px;   
+               height: 15px;
                display: block;
                margin: 0.4em 2px 0 0;
 
@@ -3379,11 +3480,11 @@ ul.menu-popup {
                background-color: rgb(174, 192,211)!important;
        }
        .nav-commlink.selected,
-       .nav-commlink { 
+       .nav-commlink {
                border-bottom: 0px;
                padding: 6px 3px;
                min-width: 100px;
-               float: left; 
+               float: left;
                margin-top: 0.4em;
                width: 23%;
                bottom: auto;
@@ -3391,6 +3492,34 @@ ul.menu-popup {
        .nav-ajax-left {margin-left: -1em; margin-top: 0px;     }
        nav #site-location,
        nav #banner { position: relative; clear:both; }
-       ul.menu-popup { left: 0px; top 20px; }
+       ul.menu-popup { left: 0px; top: 20px; }
+
+}
 
-}
\ No newline at end of file
+/* videos page */
+.videos .video-top-wrapper {
+  width: 300px;
+  float: left;
+  margin: 0px 10px 10px 0px;
+  position: relative;
+}
+.videos .video-top-wrapper .video-js {
+  width: 300px!important;
+  height: 232px!important;
+}
+.videos .video-top-wrapper .video-delete {
+  position: absolute;
+  opacity: 0;
+  right: 0px;
+  top: 0px;
+  transition: opacity 0.5s;
+}
+.videos .video-top-wrapper:hover .video-delete {
+  opacity: 1;
+}
+#message-preview .mail-list-sender-url, #message-preview .mail-list-delete {
+       display: none;
+}
+#message-preview .mail-list-outside-wrapper {
+       margin-top: 20px;
+}