improved infinite scrollling

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

diff --git a/view/theme/duepuntozero/style.css b/view/theme/duepuntozero/style.css
index ba5afea9485f3dc867ed863fe4499938e5630877..1b20042a5dbea2ba06c2187e12d8f0438887ee1f 100644 (file)
--- a/view/theme/duepuntozero/style.css
+++ b/view/theme/duepuntozero/style.css
@@ -91,6 +91,7 @@ nav {
        display: block;
        margin: 0px 10%;
        border-bottom: 1px solid #babdb6;
+       position: relative; 
 }
 nav #site-location {
        color: #888a85;
@@ -114,6 +115,14 @@ nav #site-location {
        padding: 10px;
 }
 
+.warning-message {
+    background-color: #F4FA58;
+    border: 1px solid #F3F781;
+    color: #000000;
+    font-size: 1.1em;
+    padding: 10px;
+}
+
 
 nav #banner {
        display: block;
@@ -194,7 +203,7 @@ aside {
        border-radius: 5px;
        padding: 5px;
        font-weight: bold;
-       background: #3465a4 url('friendika-16.png') no-repeat 95% center;
+       background: #3465a4 url('friendica-16.png') no-repeat 95% center;
 }
 #wallmessage-link {
        display: block;
@@ -430,6 +439,9 @@ div.wall-item-content-wrapper.shiny {
        height: 50px;
 }
 
+#login-submit-wrapper {
+       clear: both;
+}
 #login-submit-button {
 /*     margin-top: 10px; */
        margin-left: 200px;
@@ -438,7 +450,7 @@ div.wall-item-content-wrapper.shiny {
 
 input#dfrn-url {
        float: left;
-       background: url(friendika-16.png) no-repeat;
+       background: url(friendica-16.png) no-repeat;
        background-position: 2px center;
        font-size: 17px;
        padding-left: 21px;
@@ -999,7 +1011,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; }
 
@@ -1147,6 +1158,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;
@@ -1413,7 +1476,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;
@@ -1598,13 +1662,16 @@ input#dfrn-url {
 
 #contact-profile-selector {
        width: 175px;
-       margin-left: 175px;
+       /*margin-left: 175px;*/
 }
 
 .contact-edit-submit {
        margin-top: 20px;
 }
 
+.contact-select {      position: absolute; top: 64px; left:64px; display:none; }
+.contact-select:checked,
+.contact-entry-photo:hover .contact-select {   display:block; }
 
 .contact-photo-menu-button {
        position: absolute;
@@ -1651,6 +1718,7 @@ input#dfrn-url {
 
 #profile-jot-text {
        height: 20px;
+       width: 100%;
        color:#cccccc;
        border: 1px solid #cccccc;
        padding: 3px 0px 0px 5px;
@@ -2134,6 +2202,15 @@ aside input[type='text'] {
        margin-bottom: 15px;
 }
 
+.video-top-wrapper {
+       display: inline-block;
+       vertical-align: top;
+       margin-top: 15px;
+       margin-right: 15px;
+       margin-left: 15px;
+       margin-bottom: 15px;
+}
+
 #profile-jot-desc {
        /*float: left;*/
        width: 480px;
@@ -2884,6 +2961,8 @@ aside input[type='text'] {
 
 .field.radio .field_help { margin-left: 0px; }
 
+
+
 /**
  * ADMIN
  */
@@ -3134,6 +3213,7 @@ aside input[type='text'] {
        display: block; width: 20px; height: 23px;
        float: left;
        background-image: url('../../../images/content-types.png');
+       background-position: -80px 0px;
 }
 
 .body-attach {
@@ -3230,7 +3310,7 @@ ul.menu-popup {
        list-style: none;
        z-index: 100000;
        top: 90px;
-       left: 400px;
+       left: 200px;
 }
 #nav-notifications-menu {
        width: 320px;
@@ -3295,3 +3375,74 @@ ul.menu-popup {
 #datebrowse-sidebar select {
        margin-left: 25px;
 }
+
+#div_id_remember label {
+       width: 170px;
+}
+#div_id_remember input {
+       width: 20px;
+}
+
+.shared_header span {
+       margin-left: 10px;
+}
+
+/* small screens */
+@media all and (max-width: 1089px) {
+    .field label { width: 90%; }
+    .field input, .field textarea, .field select  { width: 90%; }
+       .field input[type="checkbox"],.field input[type="radio"] {
+               width: 2em;
+       }
+    #id_openid_url { width: 85%; }
+    .field_help { margin-left: 0px; }
+       textarea { width: 100%; }
+}
+@media all and (max-width: 760px) {
+       body { background-image: none; }
+       nav, aside, section, footer { 
+               margin: 0px; 
+               float: none; 
+               position: relative; 
+               width: 100%;
+               padding: 0.5em;
+               height: auto;
+       }
+       aside:before {
+               content: ">>";
+               display: block;
+               background-color: #eee;
+       }
+       aside { overflow: hidden; min-height: 0; height: 1em;}
+       aside:hover, aside:focus { height: auto; }
+
+       nav .nav-link { 
+               float: left;
+               width: 23%;
+               min-width: 100px;
+               height: 15px;   
+               display: block;
+               margin: 0.4em 2px 0 0;
+
+               padding: 6px 3px;
+               border-width: 1px 1px 0px;
+               border-style: solid solid none;
+               border-color: rgb(186, 189, 182);
+               background-color: rgb(174, 192,211)!important;
+       }
+       .nav-commlink.selected,
+       .nav-commlink { 
+               border-bottom: 0px;
+               padding: 6px 3px;
+               min-width: 100px;
+               float: left; 
+               margin-top: 0.4em;
+               width: 23%;
+               bottom: auto;
+       }
+       .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; }
+
+}