]> git.mxchange.org Git - friendica.git/blobdiff - view/theme/vier/style.css
improved infinite scrollling
[friendica.git] / view / theme / vier / style.css
index 6563be23e0a9240ed3d29579ac6e71f0e45af774..479fd348e2e6e01c3b52a865775665869e6ad647 100644 (file)
@@ -19,6 +19,10 @@ img {
 /*        width: 80%;*/
 }
 
+#adminpage .screenshot img {
+  width: 640px;
+}
+
 #pending-update {
         float:right;
         color: #ffffff;
@@ -193,26 +197,36 @@ img {
   margin-bottom: 5px;
 }
 
+div.pager a {
+  margin-left: 5px;
+  margin-right: 5px;
+}
+span.pager_first a, span.pager_n a, 
+span.pager_last a, span.pager_prev a, span.pager_next a,
+span.scroll_loader_text {
+  color: darkgray;
+}
+
 div.pager {
-/* .birthday-notice { */
+  clear: left;
   text-align: center;
+/*
   height: 1.2em;
   padding-bottom: 12px;
   color: black;
-  /*-webkit-border-radius: 6px;
-  -moz-border-radius: 6px;
-  border-radius: 6px;*/
   background-color: #f2f2f2;
-  clear: left;
   margin-top: 5px;
   padding: 1%;
   height: 1em;
   margin-bottom: 5px;
-}*/
+*/
+}
 
-.birthday-notice {
+.birthday-notice, .event-notice {
   margin-top: 5px;
   margin-bottom: 5px;
+  background-color: #F5F5F5;
 }
 
 #live-network {
@@ -383,7 +397,8 @@ code {
 #sidebar-ungrouped:hover, .side-link:hover, .nets-ul li:hover, #forum-list div:hover,
 .nets-all:hover, .saved-search-li:hover, li.tool:hover, .admin.link:hover, aside h4 a:hover, #message-new:hover {
   /* background-color: #ddd; */
-  background-color: #e5e5e5;
+/*  background-color: #e5e5e5; */
+  background-color: #F5F5F5;
 }
 
 #message-new a {
@@ -521,6 +536,7 @@ nav {
 
 nav .icon {
   color: #ccc;
+  padding:0;
 }
 
 nav a:active,
@@ -656,8 +672,11 @@ nav #nav-help-link,
 nav #nav-search-link,
 nav #nav-directory-link,
 nav #nav-apps-link,
+nav #nav-apps-link,
+nav #nav-login-link,
 nav #nav-notifications-linkmenu,
 nav #nav-site-linkmenu,
+nav #nav-contacts-linkmenu,
 nav #nav-user-linklabel {
   float: right;
 }
@@ -670,6 +689,7 @@ nav #nav-search-link .menu-popup,
 nav #nav-directory-link .menu-popup,
 nav #nav-apps-link .menu-popup,
 nav #nav-notifications-linkmenu .menu-popup,
+nav #nav-contacts-linkmenu .menu-popup,
 nav #nav-site-linkmenu .menu-popup {
   right: 0px;
   left: auto;
@@ -692,6 +712,10 @@ nav #nav-apps-link.selected {
   border-bottom-style: none;
 }
 
+nav #nav-notifications-linkmenu.on .icon-bell:before{
+  content: "\f0f3";
+}
+
 /* nav #nav-community-link { */
 nav ul {
   margin-left: 210px;
@@ -718,6 +742,10 @@ nav #nav-user-linkmenu {
        padding: 5px 10px; */
 }
 
+#mail-update {
+  top: 56px;
+}
+
 .notify-seen {
         background: none repeat scroll 0 0 #DDDDDD;
         }
@@ -884,6 +912,9 @@ aside .vcard dd {
   margin-left: 4px;
   /* width: 60%; */
 }
+aside #profile-photo-wrapper img {
+  width: 175px;
+}
 aside #profile-extra-links ul {
   padding: 0px;
   margin: 0px;
@@ -1728,6 +1759,13 @@ h2 {
   margin-left: 15px;
   cursor: pointer;
 }
+#profile-smiley-wrapper {
+  float: left;
+  margin-left: 15px;
+  cursor: pointer;
+  margin-top: 3px;
+  height: 10px;
+}
 #jot-perms-icon {
   float: right;
   margin-left: 15px;
@@ -1859,16 +1897,21 @@ h2 {
 }
 /** /acl **/
 /** tab buttons **/
-ul.tabs {
+div.pager, ul.tabs {
   list-style-type: none;
   padding-bottom: 10px;
-  padding-left: 0px;
+  padding-left: 10px;
+  padding-top: 0px;
   margin-bottom: 5px;
-  line-height: 27px;
-  height: 27px;
-  font-size: 11px;
+  line-height: 28px;
+  height: 20px;
+/*  font-size: 11px; */
+  font-size: 13px;
   font-weight: bold;
   /* margin-bottom: 30px; */
+  background-color: #FAFAFA;
+  box-shadow: 1px 2px 0px 0px #D8D8D8;
+  border-bottom: 1px solid #D2D2D2;
 }
 ul.tabs li {
   float: left;
@@ -1878,18 +1921,21 @@ ul.tabs li {
   border-bottom: 1px solid #005c94;
 }*/
 
-ul.tabs a {
+ul.tabs a, div.pager a {
     /* min-width: 34px; */
-    display: block;
-    float: left;
-    padding-bottom: 0px;
-    padding: 0px 12px 0px 12px;
-    color: #444;
+/*    display: block;
+    float: left; */
+    padding: 0px;
+    padding-bottom: 6px;
+/*    padding: 0px 12px 0px 12px; */
+/*    color: #444; */
+    color: darkgray;
 }
 
 ul.tabs a {
-    box-shadow: 1px 2px 0px 0px #D8D8D8;
-    margin-right: 5px;
+/*    box-shadow: 1px 2px 0px 0px #D8D8D8; */
+    margin-right: 15px;
+    margin-left: 5px;
 }
 
 #birthday-notice, #event-notice {
@@ -1907,30 +1953,49 @@ ul.tabs a {
     margin-bottom: 0px;
 }
 
-div.pager, .birthday-notice, .comment-edit-submit-wrapper .fakelink {
+.birthday-notice, .event-notice  {
+    padding: 2px 7px 2px 7px;
+    color: darkgrey;
+   font-weight: bold;
+}
+.comment-edit-submit-wrapper .fakelink {
     padding: 2px 7px 2px 7px;
     color: black;
 }
 
-div.pager, .birthday-notice, ul.tabs a, .comment-edit-submit-wrapper .fakelink {
-    border: 1px solid lightgray;
+.comment-edit-submit-wrapper .fakelink {
+/*    border: 1px solid lightgray; */
     background: #F2F2F2;
     margin-top: 2px;
     margin-bottom: 2px;
 }
 
+#event-notice:hover, #birthday-notice:hover, ul.tabs li .active, 
+.comment-edit-submit-wrapper .fakelink:hover {
+    color: black;
+}
+
+span.pager_current, span.pager_n a:hover, 
+span.pager_first a:hover, span.pager_last a:hover, 
+span.pager_prev a:hover, span.pager_next a:hover,
 ul.tabs a:hover {
-    color: #333;
+  border-bottom: 2px solid #244C5E;
+  text-decoration: none;
+  color: grey;
+  padding-bottom: 6px;
 }
 
-#event-notice:hover, #birthday-notice:hover, ul.tabs li .active, .comment-edit-submit-wrapper .fakelink:hover {
-    color: black;
+ul.tabs li .active, span.pager_current a {
+  border-bottom: 2px solid #244C5E;
+  text-decoration: none;
+  color: black;
 }
 
-ul.tabs a:hover, #event-notice:hover, #birthday-notice:hover, ul.tabs li .active, .comment-edit-submit-wrapper .fakelink:hover {
-    background-color: #e5e5e5;
+#event-notice:hover, #birthday-notice:hover, .comment-edit-submit-wrapper .fakelink:hover {
+/*    background-color: #e5e5e5; */
+  color: grey;
     text-decoration: none;
-    border: 1px solid darkgray;
+/*    border: 1px solid darkgray; */
 }
 
 .comment-edit-bb {
@@ -1973,6 +2038,7 @@ ul.tabs a:hover, #event-notice:hover, #birthday-notice:hover, ul.tabs li .active
 .field .onoff {
   float: left;
   width: 80px;
+  margin-right:1em;
 }
 .field .onoff a {
   display: block;
@@ -1980,24 +2046,28 @@ ul.tabs a:hover, #event-notice:hover, #birthday-notice:hover, ul.tabs li .active
   background-image: url("../../../images/onoff.jpg");
   background-repeat: no-repeat;
   padding: 4px 2px 2px 2px;
+  font-size:14px;
   height: 16px;
+  line-height:16px;
   text-decoration: none;
+  text-align: center;
+  text-transform: uppercase;
+  border-radius:4px;
 }
 .field .onoff .off {
-  border-color: #666666;
-  padding-left: 40px;
+  border-color: #B0B0B0;
+  padding-left: 36px;
   background-position: left center;
   background-color: #cccccc;
-  color: #666666;
-  text-align: right;
+  color: #9C9C9C;
 }
 .field .onoff .on {
-  border-color: #204A87;
-  padding-right: 40px;
+  font-weight:bold;
+  border-color: #8EB8EE;
+  padding-right: 36px;
   background-position: right center;
   background-color: #D7E3F1;
-  color: #204A87;
-  text-align: left;
+  color: #36c;
 }
 .field .hidden {
   display: none!important;
@@ -2017,12 +2087,11 @@ aside form .field label {
         margin-bottom: 15px;
 }
 
-#profile-edit-links ul { margin: 20px; padding-bottom: 20px; list-style: none; }
+#profile-edit-links ul { margin: 0; padding:0 0 20px 0; list-style: none; }
 
 #profile-edit-links li {
   float: left;
   list-style: none;
-  margin-left: 10px;
 }
 
 .profile-edit-side-div {
@@ -2036,8 +2105,9 @@ aside form .field label {
 } */
 
 #register-form label,
-#profile-edit-form label {
-        width: 300px; float: left;
+#profile-edit-wrapper label {
+  width: 200px;
+  float: left;
 }
 
 .required {
@@ -2070,8 +2140,10 @@ aside form .field label {
 /* contacts */
 .contact-entry-wrapper {
   width: 120px;
-  height: 120px;
+  height: 130px;
   float: left;
+/*  overflow: hidden; */
+  margin-left: 5px;
 }
 /* photo */
 .lframe {
@@ -2184,6 +2256,10 @@ blockquote {
 #prof-separator { display: none;}
 */
 
+#message-to-select {
+  height: 150px;
+}
+
 #prvmail-upload {
   margin-left: 10px;
 }
@@ -2669,3 +2745,90 @@ a.mail-list-link {
         border: none;
 }
 
+.icon.tilted-icon{
+  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
+  -webkit-transform: rotate(-20deg);
+  -moz-transform: rotate(-20deg);
+  -ms-transform: rotate(-20deg);
+  -o-transform: rotate(-20deg);
+  transform: rotate(-20deg);
+  font-size:115%; /* 5% less than normal icons, because the tilt takes up vertical space */
+  padding-top:1px;
+}
+
+#profile-edit-wrapper {
+    line-height: 30px;
+}
+#profile-edit-wrapper .field{
+  margin-bottom:0;
+  padding-bottom:0;
+}
+#profile-edit-wrapper input[type=text],
+#profile-edit-wrapper select{
+  width:250px;
+}
+#profile-edit-wrapper #profile-edit-dob select{
+  width:auto;
+}
+#profile-edit-wrapper,
+#profile-edit-wrapper .toggle-section-content{
+  margin-bottom:15px;
+}
+.profile-edit-submit-wrapper{
+  margin-top:15px;
+}
+#profile-edit-default-desc{
+  display:inline-block;
+  padding:15px;
+  width:auto;
+  border:1px solid #511919;
+}
+#profile-edit-wrapper .toggle-section-content{
+  background:#ededed;
+  max-width:599px;
+  padding:5px;
+}
+
+.btn{
+  outline:none;
+  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
+  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
+  box-shadow:inset 0px 1px 0px 0px #ffffff;
+  background-color:#ededed;
+  -webkit-border-top-left-radius:0px;
+  -moz-border-radius-topleft:0px;
+  border-top-left-radius:0px;
+  -webkit-border-top-right-radius:0px;
+  -moz-border-radius-topright:0px;
+  border-top-right-radius:0px;
+  -webkit-border-bottom-right-radius:0px;
+  -moz-border-radius-bottomright:0px;
+  border-bottom-right-radius:0px;
+  -webkit-border-bottom-left-radius:0px;
+  -moz-border-radius-bottomleft:0px;
+  border-bottom-left-radius:0px;
+  text-indent:0;
+  border:1px solid #dcdcdc;
+  display:inline-block;
+  color:#777777;
+  font-family:Arial;
+  font-size:15px;
+  font-weight:bold;
+  font-style:normal;
+  height:40px;
+  line-height:40px;
+  padding:0 15px;
+  text-align:center;
+  text-shadow:1px 1px 0px #ffffff;
+}
+  .btn:hover{
+    background-color:#e6e6e6;
+    text-decoration:none;
+  }
+  .btn:active{
+    position:relative;
+    top:1px;
+  }
+.profile-view-actions{
+  float:right;
+}