diabook-theme: made boxes at right_aside sortable

[friendica.git] / view / theme / diabook / style-network.css

diff --git a/view/theme/diabook/style-network.css b/view/theme/diabook/style-network.css
index ed7c76cbe9db99cb6cbbd70d418c82163ccd1d07..729893013ba1c810b24f515ba5a9c9e4ca139bc0 100644 (file)
--- a/view/theme/diabook/style-network.css
+++ b/view/theme/diabook/style-network.css
@@ -122,7 +122,7 @@
                          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;
@@ -484,8 +484,9 @@ code {
 }
 #saved-search-ul .tool:hover,
 #nets-sidebar .tool:hover,
-#sidebar-group-list .tool:hover {
-       background: #EEE;
+#sidebar-group-list .tool:hover,
+#fileas-sidebar .tool:hover {
+       background: #E7F2F7;
 }
 .tool .label {
   float: left;
@@ -898,44 +899,57 @@ ul.menu-popup .empty {
        }
 .menu-profile-list{
   height: auto;
-  overflow: auto;
-  padding-top: 3px;
-  padding-bottom: 3px;
-  padding-left: 16px;
+  overflow: auto;  
   min-height: 16px;
   list-style: none;
        }
 .menu-profile-list:hover{
-       background: #EEE;
+       background: #E7F2F7; 
        }
 .menu-profile-list-item{
        padding-left: 5px;
+       vertical-align: middle;
        }       
 .menu-profile-list-item:hover{ 
        text-decoration: none;
    }
 /*http://prothemedesign.com/circular-icons/*/
-.menu-profile-list.home{
+.menu-profile-icon.home{
        background: url("../../../view/theme/diabook/icons/home.png") no-repeat;
+       float: left;
+       height: 22px;
+       width: 22px;
        }
-.menu-profile-list.photos{
+.menu-profile-icon.photos{
        background: url("../../../view/theme/diabook/icons/mess_side.png") no-repeat;
-       }
-.menu-profile-list.events{
+       float: left;
+       height: 22px;
+   width: 22px;}
+.menu-profile-icon.events{
        background: url("../../../view/theme/diabook/icons/events.png") no-repeat;
-       }
-.menu-profile-list.notes{
+       float: left;
+       height: 22px;
+   width: 22px;}
+.menu-profile-icon.notes{
        background: url("../../../view/theme/diabook/icons/notes.png") no-repeat;
-       }
-.menu-profile-list.foren{
+       float: left;
+       height: 22px;
+   width: 22px;}
+.menu-profile-icon.foren{
        background: url("../../../view/theme/diabook/icons/pubgroups.png") no-repeat;
-       }
-.menu-profile-list.com_side{
+       float: left;
+       height: 22px;
+   width: 22px;}
+.menu-profile-icon.com_side{
        background: url("../../../view/theme/diabook/icons/com_side.png") no-repeat;
-       }
-.menu-profile-list.pscontacts{
+       float: left;
+       height: 22px;
+   width: 22px;}
+.menu-profile-icon.pscontacts{
        background: url("../../../view/theme/diabook/icons/pscontacts.png") no-repeat;
-       }
+       float: left;
+       height: 22px;
+   width: 22px;}
 
 /* aside */
 aside {
@@ -1009,6 +1023,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: 150px;
@@ -1211,19 +1229,19 @@ right_aside .directory-photo { margin: 0px; }
 right_aside .directory-photo-img { max-width: 45px; max-height: 45px; }
 right_aside #likes { margin: 0px; padding: 0px; list-style: none; }
 right_aside .items-wrapper{ overflow: auto;    width: 100%; }
-right_aside #lastusers-wrapper { padding-left: 6px; padding-top: 3px; overflow: auto;  width: 100%; }
-right_aside #ra-photos-wrapper { padding-left: 5px; padding-top: 3px; overflow: auto;  width: 100%; }
+right_aside #lastusers-wrapper { padding-left: 9px; padding-top: 3px; overflow: auto;  width: 100%; }
+right_aside #ra-photos-wrapper { padding-left: 9px; padding-top: 3px; overflow: auto;  width: 100%; }
 #page-sidebar-right_aside{margin-top: 0px; margin-bottom: 30px;}
 #page-sidebar-right_aside ul {margin-top: 0px;}
 #page-sidebar-right_aside .label {max-width: 128px;}
 right_aside .icon {width: 10px; height: 10px;}
 .close_box             { 
-               background-image: url("../../../view/theme/diabook-blue/icons/close_box.png");
+               background-image: url("../../../view/theme/diabook/icons/close_box.png");
                float: right;
                opacity: 0.1;
                }
 .close_box:hover       { 
-               background-image: url("../../../view/theme/diabook-blue/icons/close_box.png");
+               background-image: url("../../../view/theme/diabook/icons/close_box.png");
                float: right;
                cursor: pointer;
                opacity: 1;
@@ -1234,6 +1252,7 @@ right_aside .icon {width: 10px; height: 10px;}
 transition: all 0.2s ease-in-out;
                }
 
+
 /* wall item */
 .tread-wrapper {
   border-bottom: 1px solid #D2D2D2;
@@ -1304,16 +1323,16 @@ transition: all 0.2s ease-in-out;
 }
 
 .wall-item-container .wall-item-content {
-  font-size: 12.5px;
+
   max-width: 420px;
   word-wrap: break-word;
-  line-height: 1.2;
-  margin-bottom: 14px;
+
+
 }
 
 .wall-item-container .wall-item-content img {
   max-width: 400px;
-  max-height: 400px;
+
 }
 .wall-item-container .wall-item-links, .wall-item-container .wall-item-actions {
   display: table-cell;
@@ -1386,13 +1405,13 @@ transition: all 0.2s ease-in-out;
   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;
@@ -1453,14 +1472,14 @@ transition: all 0.2s ease-in-out;
 }
 .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;
@@ -2143,6 +2162,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;
@@ -2266,7 +2288,7 @@ a.mail-list-link {
 }
 
 .vevent {
-        border: 1px solid #CCCCCC;
+
 }
 .vevent .event-description, .vevent .event-location {
         margin-left: 10px;
@@ -2288,10 +2310,7 @@ a.mail-list-link {
         margin-bottom: 15px;
 }
 
-.event-description:before {
-        content: url('../../../images/calendar.png');
-        margin-right: 15px;
-}
+
 
 .event-start, .event-end {
         margin-left: 10px;