]> git.mxchange.org Git - friendica.git/blobdiff - view/theme/diabook/style.css
Merge pull request #1503 from fraengii/20150408-H-de-fraengii
[friendica.git] / view / theme / diabook / style.css
index e73bd1f577b7eb50d54158d4e12fd4c4eb3f3d66..de0ea5b1347a5bfda49835d80f8477d8f2dd2059 100644 (file)
@@ -21,6 +21,7 @@
 
 .admin.linklist {
         border: 0px; padding: 0px;
+        list-style: none;
 }
 
 .admin.link {
 .icon.pencil   { background-image: url("../../../view/theme/diabook/icons/pencil.png");}
 .icon.recycle  { background-image: url("../../../view/theme/diabook/icons/recycle.png");}
 .icon.remote-link { background-image: url("../../../view/theme/diabook/icons/remote.png");}
-.icon.tagged    { background-image: url("../../../view/theme/diabook/icons/tagged.png");}  
+.icon.tagged    { background-image: url("../../../view/theme/diabook/icons/tagged.png");}
+.icon.file-as { background-image: url("../../../view/theme/diabook/icons/file_as.png");}  
 .star-item.icon.unstarred { background-image: url("../../../view/theme/diabook/icons/unstarred.png");}
 .star-item.icon.starred { background-image: url("../../../view/theme/diabook/icons/starred.png");}
 .icon.link             { background-image: url("../../../view/theme/diabook/icons/link.png");}
 .icon.language    { background-image: url("../../../view/theme/diabook/icons/language.png");}
 
 
+
 .camera        { background-image: url("../../../view/theme/diabook/icons/camera.png"); 
                          display: block; width: 28px; height: 28px; background-repeat: no-repeat;
                          }
                          display: block; width: 28px; height: 28px; background-repeat: no-repeat;
                          }     
 .video         { background-image: url("../../../view/theme/diabook/icons/video.png"); 
-                         display: block; width: 100%; height: 28px; background-repeat: no-repeat;
+                         display: block; width: 100%; height: 140px; background-repeat: no-repeat;
                          }
 .audio2        { background-image: url("../../../view/theme/diabook/icons/audio.png"); 
                          display: block; width: 28px; height: 28px; background-repeat: no-repeat;
                          }
 .unglobe       { background-image: url("../../../view/theme/diabook/icons/unglobe.png"); 
                          display: block; width: 28px; height: 28px; background-repeat: no-repeat;
-                         }
+                         }             
 .edit    {background-image: url("../../../view/theme/diabook/icons/pencil2.png"); 
                          display: block; width: 28px; height: 28px; background-repeat: no-repeat;}
+.icon.block   {background-image: url("../../../view/theme/diabook/icons/block.png"); 
+                         display: block; width: 16px; height: 16px; background-repeat: no-repeat;}
+.icon.block.dim  {background-image: url("../../../view/theme/diabook/icons/block.png"); 
+                         display: block; width: 16px; height: 16px; background-repeat: no-repeat; opacity: 0.3;}
+.icon.ad_drop  { background-image: url("../../../view/theme/diabook/icons/drop.png");
+                         display: block; margin-left:5px; width: 16px; height: 16px; background-repeat: no-repeat;}
                          
                          
 
 
 .article       { background-position: -50px  0px;}
 /*.audio               { background-position: -70px  0px;}*/
-.block                 { background-position: -90px  0px;}
+/*.block               { background-position: -90px  0px;}*/
 /*.drop                { background-position: -110px 0px;}*/
 /*.drophide    { background-position: -130px 0px;}*/
 /*.edit                { background-position: -150px 0px;}*/
 .attachtype {
         display: block; width: 20px; height: 23px;
         background-image: url('../../../images/content-types.png');
+               background-position: -80px 0px;
 }
 
 .type-video { background-position: 0px 0px; }
 .type-unkn  { background-position: -80px 0px; }
 
 .icon.drop, .icon.drophide {
- float: left;
+ float: right;
 }
 
 .icon {
@@ -430,6 +440,10 @@ body {
   display: table;
 }
 
+#jappix_mini {
+right: 45px !important;
+}
+
 h4 {
   font-size: 1.1em;
 }
@@ -546,6 +560,7 @@ code {
   text-decoration: none;
 }
 /* popup notifications */
+div.jGrowl.top-right { top: 30px; /* put it below header/nav bar */ }
 div.jGrowl div.notice {
   background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;
   color: #ffffff;
@@ -598,9 +613,7 @@ header #banner #logo-img {
   margin-top: 3px;
 }
 header #banner #logo-text {
-  font-size: 20px;
-  position: absolute;
-  top: 10%;
+  font-size: 20px!important;position: relative!important;top: -4px!important;
 }
 /* messages */
 #message-new {
@@ -832,6 +845,7 @@ nav #nav-directory-link,
 nav #nav-apps-link,
 nav #nav-site-linkmenu, 
 nav #nav-home-link,
+nav #nav-login-link,
 nav #nav-user-linkmenu
 {
   float: right;
@@ -839,17 +853,23 @@ nav #nav-user-linkmenu
 nav #nav-user-linkmenu{
        margin-right: 0px;
        }
-nav #nav-home-link, #nav-directory-link, #nav-apps-link{
+nav #nav-home-link, #nav-directory-link, #nav-login-link, #nav-apps-link{
        margin-left: 0px;
        margin-right: 0px;
        font-weight: bold;
        margin: 3px 5px;
        }
 nav #nav-directory-link{
-  margin-right: 0px;   
+  margin-right: 10px;  
        }
+
+li#nav-site-linkmenu.nav-menu-icon{
+       display: none;
+}
+
 nav #nav-home-link{
-  margin-left: 0px;    
+   margin-left: 0px;   
+   display: none;
        }
 nav #nav-help-link .menu-popup,
 nav #nav-search-link .menu-popup,
@@ -860,6 +880,8 @@ nav #nav-site-linkmenu .menu-popup {
   left: auto;
 }
 
+
+
 nav #nav-messages-linkmenu.on .icon.messages, nav #nav-messages-linkmenu.selected .icon.messages{
        background-image: url("../../../view/theme/diabook/icons/messages2.png");
        }
@@ -963,7 +985,7 @@ ul.menu-popup .empty {
   background-color: #bdcdd4;
 }
 #nav-notifications-menu {
-  width: 400px;
+  width: 425px !important;
   max-height: 550px;
   overflow: auto;
 }
@@ -1032,6 +1054,14 @@ ul.menu-popup .empty {
        }
 .menu-profile-list-item{
        padding-left: 5px;
+       padding-top: 0.5em;
+       display: inline;
+       vertical-align: middle;
+       }       
+#profile-side-status .menu-profile-list-item{
+       padding-left: 5px;
+       padding-top: 0.6em;
+       display: inline;
        vertical-align: middle;
        }       
 .menu-profile-list-item:hover{ 
@@ -1146,6 +1176,10 @@ aside #search-text {
 border-top-right-radius: 15px;
 border-bottom-right-radius: 15px;
 border-bottom-left-radius: 15px;
+-moz-border-bottom-colors: #dbdbdb;
+  -moz-border-top-colors: #999;
+  -moz-border-left-colors: #999;
+  -moz-border-right-colors: #dbdbdb;
 }
 aside #side-follow-url {
        width: 173px;
@@ -1182,6 +1216,16 @@ aside #side-peoplefind-url {
   float: left;
   margin-right: 20px;  
        }
+#login-submit-wrapper{
+
+  margin-bottom: 12px;
+       }
+aside #login-submit-button{
+  margin-left: 0px!important;  
+       }
+aside #login-extra-links{
+  padding-top: 0px!important;  
+       }
 /* widget */
 .widget {
   margin-bottom: 2em;
@@ -1253,10 +1297,13 @@ aside #side-peoplefind-url {
   height: 22px;
   width: 22px;
 }
+#group-all-contacts{
+  overflow: auto;
+}
 .icon.text_add         { 
                background-image: url("../../../images/icons/16/add.png");
                float: right;
-               opacity: 0.1;
+               opacity: 0.2;
                margin-right: 14px;
                }
 .icon.text_add:hover   { 
@@ -1273,7 +1320,7 @@ transition: all 0.2s ease-in-out;
                }
 .icon.text_edit {
   background-image: url("../../../images/icons/10/edit.png");
-  opacity: 0.1;
+  opacity: 0.2;
   margin-top: 6px;
   float: right;
   height: 10px;
@@ -1317,6 +1364,9 @@ body .pageheader{
 #id_openid_url {
   width: 173px;        
        }
+.contact-edit-submit{
+       display: block;
+       }
 #contact-edit-end {
        }
 .pager {
@@ -1326,6 +1376,15 @@ body .pageheader{
        clear: both;
        display: block;
 }      
+.pager_current a {
+   margin: 3px;
+   color: #000;
+   font-weight: bolder;
+}      
+.pager_n a {
+   margin: 2px;
+   font-weight: bold;
+}
 .tabs {
     
     background-position: 0 -20px;
@@ -1439,7 +1498,7 @@ body .pageheader{
   max-width: 720px;
   word-wrap: break-word;
 
-  margin-bottom: 14px;
+
 }
 .wall-item-photo-container .wall-item-content {
 
@@ -1561,6 +1620,60 @@ body .pageheader{
   width: 780px;
 }
 
+.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;
+}
+
+
 .my-comment-photo {
   width: 48px;
   margin-left: 40px;
@@ -1602,13 +1715,13 @@ body .pageheader{
   padding-left: 12px;
 }
 .wall-item-comment-wrapper {
-  margin: 1px 5px 17px 80px;
+  margin: 1px 5px 5px 80px;
 }
 .wall-item-comment-wrapper .comment-edit-photo {
   display: none;
 }
 .wall-item-comment-wrapper textarea {
-  height: 2.0em;
+  height: 1.6em;
   width: 100%;
   font-size: 10px;
   color: #999999;
@@ -1664,20 +1777,31 @@ body .pageheader{
   background-color: #fff797;
 }
 
+span#jot-preview-link.tab.button{
+       float: right;
+       margin-left: 10px;
+       margin-right: 14px;
+       margin-top: 2px;
+       font-size: 11px;
+       font-weight: bolder;
+       cursor: pointer;
+       border: 0px;
+}
+
 .wall-item-tags {
   padding-top: 1px;
   padding-bottom: 2px;
 }
 .tag {
   /*background: url("../../../images/tag_b.png") repeat-x center left;*/
-  color: #3465A4;
+  color: #999;
   padding-left: 3px;
   font-size: 12px;
 }
 .tag a {
   padding-right: 5px;
   /*background: url("../../../images/tag.png") no-repeat center right;*/
-  color: #3465A4;
+  color: #999;
 }
 .wwto {
   position: absolute !important;
@@ -1855,7 +1979,7 @@ body .pageheader{
 #jot #jot-tools li.loading img {
   margin-top: 10px;
 }
-#profile-jot-form #jot-title {
+#profile-jot-form #jot-title, #profile-jot-form #jot-category {
     
         border-radius: 5px 5px 5px 5px;
     font-weight: bold;
@@ -1965,14 +2089,6 @@ body .pageheader{
        margin-left: 45px;
        margin-top: 2px;
 }
-#jot-preview-link {
-       float: right;
-       margin-left: 10px;
-       margin-top: 2px;
-       font-size: 9px;
-       font-weight: bolder;
-       cursor: pointer;
-}
 #profile-jot-perms{
    float: right;
        margin-left: 10px;
@@ -2128,6 +2244,10 @@ ul.tabs li .active {
     box-shadow: 0 1px 1px #CFCFCF;
     margin-left: 5px;
 }
+ul.tabs li a {
+text-decoration: none;
+}
+
 //settings tabs
 ul.rs_tabs {
   list-style-type: none;
@@ -2406,6 +2526,9 @@ box-shadow: 1px 1px 5px 0;
 #group-separator,
 #prof-separator { display: none;}
 */
+#prof-members-end{
+       clear: both;
+       }
 
 #prvmail-to-label, #prvmail-subject-label, #prvmail-message-label {
        margin-bottom: 10px;
@@ -2529,16 +2652,39 @@ a.mail-list-link {
 }
 
 .vevent {
-        border: 1px solid #CCCCCC;
-}
-.vevent .event-description, .vevent .event-location {
+position: relative;
+width: 400px;
+padding: 20px;
+padding-top: 10px;
+margin: 0 0px;
+margin-bottom: 10px;
+background-color: white;
+-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
+-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
+box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
+}
+.vevent .event-location {
         margin-left: 10px;
         margin-right: 10px;
 }
-.vevent .event-start {
-        margin-left: 10px;
-        margin-right: 10px;
+.vevent .event-description {
+margin-left: 10px;
+margin-right: 10px;
+font-size: 1.1em;
+font-weight: bolder;
 }
+.vevent .event-start, .vevent .event-end {
+
+margin-right: 20px;
+margin-bottom: 2px;
+margin-top: 2px;
+font-size: 0.9em;
+text-align: left;
+}
+.event-start .dtstart, .event-end .dtend {
+float: right;
+}
+
 
 #new-event-link {
         margin-bottom: 10px;
@@ -2552,7 +2698,7 @@ a.mail-list-link {
 }
 
 .event-description:before {
-        content: url('../../../images/calendar.png');
+        content:   url("../../../view/theme/diabook/icons/events2.png") !important;
         margin-right: 15px;
 }
 
@@ -2681,6 +2827,30 @@ float: left;
 /* ============= */
 /* = Directory = */
 /* ============= */
+section .directory-item dl {
+  height: auto;
+  overflow: auto;      
+}
+section .directory-item dt {
+  float: left;
+  margin-left: 0px;
+  text-align: right;
+  color: #999;
+}
+section .directory-item dd {
+  float: left;
+  margin-left: 5px;
+}
+.directory-profile-wrapper {
+  float: left;
+  max-height: 178px;
+  overflow: hidden;
+  width: 635px;
+}
+.directory-copy-wrapper {
+  float: left;
+  overflow: hidden;    
+}
 /* contacts menu */
 .contact-photo-wrapper {
   position: relative;
@@ -2722,7 +2892,7 @@ float: left;
 }
 .directory-item {
   float: left;
-  width: 200px;
+  width: 800px;
   height: 200px;
 }
 .directory-item .contact-photo {
@@ -2733,14 +2903,38 @@ float: left;
   width: 175px;
   height: 175px;
 }
+section .directory-photo-wrapper {
+  float: left;
+  height: 200px;
+  width: 165px;        
+}
 .contact-name {
-  text-align: left;
+  font-size: 18px;
   font-weight: bold;
-  font-size: 12px;
+  margin-bottom: -3px;
+  text-align: left;
 }
 .contact-details {
   color: #999999;
 }
+.page-type {
+  font-size: 10px;
+  font-style: italic;
+}
+.directory-detailscolumn-wrapper {
+  float: left; 
+  width: 305px;
+  margin-right: 10px;  
+}
+.directory-profile-wrapper dl {
+  margin-top: 3px;
+  margin-bottom: 3px;
+}
+.directory-profile-title {
+  font-weight: bold;
+  margin-bottom: 3px;
+  font-size: 14px;
+}
 #side-bar-photos-albums li{
 list-style-type: disc;
 }
@@ -2807,4 +3001,4 @@ list-style-type: disc;
 #photos-upload-newalbum-div {
         float: left;
         width: 175px;
-}
\ No newline at end of file
+}